@charset "UTF-8";
/* CSS Document */
@import "bootstrap.css";
@import "../../../../systems/libraries/assets/fontawesome/css/all.min.css";
@import "../../../../systems/libraries/assets/css/pnotify.css";

@import "../../../../systems/libraries/vendors/plugins/bootstrap-datepicker/bootstrap-datepicker.css";
@import "../../../../systems/libraries/vendors/plugins/icheck/iCheck/skins/flat/green.css";
@import "../../../../systems/libraries/vendors/plugins/select2/select2.css";
@import "../../../../systems/libraries/vendors/plugins/tagsinput/jquery.tagsinput.css";
@import "../../../../systems/libraries/vendors/plugins/inputmasks/inputmask.css";
@import "../../../../systems/libraries/vendors/plugins/DataTables/datatables.css";
@import "../../../../systems/libraries/vendors/plugins/dropzone/dropzone.css";

@import "custom.css";

.page-header.no-margin{margin:0px; padding:0px}
.page-header.less-margin{margin:5px 0px 10px 0px; padding:5px 0px}
.page-header.no-margin h4{padding-top:10px; padding-left:10px}
/* LOGIN */
body.login{
	background-image:url(../../../../assets/images/bg-8.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
}
.login_form{background-color: #F7F7F7; padding:20px}
.loginLogo{width:100px; margin:0px auto;}
.loginLogo img{max-width:100%}

/* DATATABLE */
div.dataTables_wrapper { clear: both; font-size:12px; }
.dataTable th,
.dataTable td{font-size:12px;}
.dataTable{margin-top:0px}
.dataTable th:nth-child(1), .dataTable td:nth-child(1){width:30px; text-align:left;}
.dataTable th:nth-child(2), .dataTable td:nth-child(2){width:50px; text-align:left;}
.dataTable th.search input {width: 100%; font-weight:lighter; padding:3px; min-width:100%;}
.dataTable .btn{padding:2px 8px; font-size:14px; margin:0px 2px;}
.btn-app i{margin-bottom:5px}
.table{width:100%;}
.dataTable a.Dialog{text-decoration:underline}

table.table{margin-bottom: 0px}
table.dataTable thead .sorting:after {
    font-family: "Font Awesome 5 Free";
}
table.dataTable thead .sorting_asc:after {
    font-family: "Font Awesome 5 Free";
}
table.dataTable thead .sorting_desc:after {
    font-family: "Font Awesome 5 Free";
}

/* TABS BUTTON */
.tabBtn{width:100%; text-align:right;}
.tabBtn a{display:inline-block; border:1px solid #E6E9ED; border-bottom:0px; margin:0px 0px; padding:10px; background-color:#fff}
.tabBtn a.active{background-color:#1ABB9C; color:#fff}
.btn-app i{margin-bottom:5px}

/* TOOLTIPS */
.tooltip-inner{text-align:left; max-width:400px; background-color:#34495E; color:#F7F7F7}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow,
.tooltip.left .tooltip-arrow,
.tooltip.right .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow{border-top-color: #34495E;}

.form-control, 
.input-group,
.select2-container .select2-selection--single{margin:0px 0px 5px 0px; height:38px}

select.form-control,
select,
.tab-pane select{width:100%, min-width:100%}

.form-group span.control-label{text-align:left}

/* CAROUSEL */
.carousel{background-color:#fff}
.carousel-inner{padding-left:5%; padding-right:5%}
.carousel-control{background:#fff; background-color:#fff; background-image:none !important; filter:none !important; width:5%}
.carousel .left > i,
.carousel .right > i {position: absolute; left: 20px; top: 50%; transform: translateY(-50%); color:#000;}
.carousel .right > i {left: auto; right: 20px;}

/*  DROPZONE */
.dz-remove{
    display:inline-block !important;
    width: 24px;
    height:24px;
    
    position:absolute;
    top: -5px;
    right: -8px;
    z-index:1000;
    
    font-size:16px !important;
    line-height:20px;
   
    text-align: center;
    font-weight: bold;
    border:1px solid #f00 !important;
    border-radius:24px;
    color: #fff;
    background-color: #f00;
}

.dz-remove:hover{
    text-decoration:none !important;
    opacity:1;
    color: gray
}

/* HELP */
#Help{
	position:fixed;
	font-size:30px; text-align:center;
	width:40px; height:40px;
	border-radius:20px;
	bottom:8%; right:0px;
	background-color:#34495E; color:#fff; line-height:40px;
}

/* THEME */
/*left col body background*/
.left_col {background: #2A3F54; }
/*child*/
.nav-sm ul.nav.child_menu {background: #3E5367;}

/*header menu */
.nav_menu { background: #EDEDED; border-bottom: 1px solid #D9DEE4;}
/*header menu - moveover*/
.top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover, .top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover {background: #D9DEE4; }
/*header left logo */
.nav_title {background: #2A3F54;}

/*body background*/
body {color: #73879C; background: #2A3F54;}
/*right col body background*/
body .container.body .right_col {background: #F7F7F7; }

/* XPANEL */
.x_panel{margin-bottom:0px}
.x_title{border:0px; margin:0px; padding:0px}
.x_title h2{display:block;}
.x_title .page-header{margin-top:0px}
.x_title small{display:block; clear:both; margin-left:30px; font-style:italic; font-weight:normal; font-size:10px;}
.x_title small ul{padding:0px; margin:0px; margin-top:5px; list-style:none}
.fa.fa-long-arrow-right{padding:0px 5px}
.bg-title {
	background: #3E5367 !important; border: 1px solid #3E5367 !important; color: #fff; margin-bottom:5px; padding:5px 20px 8px 20px;
}
.bg-title-error {
	background: #E74C3C !important; border: 1px solid #E74C3C !important; color: #fff; margin-bottom:0px; padding:5px 20px 8px 20px;
}
.error-content ul{
	list-style:none; margin-left:5px; padding-left:0px;
}
.x_content .right_separator{border-right:1px solid #D9DEE4;}
.x_content .left_separator{border-left:1px solid #D9DEE4;}
.bottom_line(border-botton:1px solid #D9DEE4;)
/* FORM */
label.checkbox, label.radio{
    cursor: pointer;
}

/* ALERT */
.alert-danger{color: #fff}

/* MEDIA */
.media .notification {
    width: 52px;
    margin-right: 10px;
    border-radius: 10px;
    padding: 5px; 
}

.media .notification .fas{font-size: 18px}