body { padding-left:260px;padding-top:100px;padding-right: 20px;padding-bottom:100px; }


.m0 { margin:0px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px; }
.mb15 { margin-bottom:15px; }
.mb30 { margin-bottom:30px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.h168 { min-height: 168px; }
.alertify { 
    position: fixed;left: 0;right: 0;
    display: flex;align-items: center;justify-content: center;
    background: #FFFFFF;padding:15px 0px;font-size: 17px;
    -webkit-animation: alertify 0.3s forwards;
    -moz-animation: alertify 0.3s forwards;
    -o-animation: alertify 0.3s forwards;
    animation: alertify 0.3s forwards;

    -webkit-box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 8%);
    
     
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-animation-name: fadeInDown;
    animation-name: fadeInDown; 
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -o-animation-duration:1s;
    z-index: 999999999999;
}


.alertify .fa { display:inline-block; width:22px; height:22px; line-height: 22px; font-size:14px; margin-right:10px;text-align: center; border-radius: 100%; }

.alertify.success{ background: #2e6f40;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#2e6f40; }

.alertify.error { background: #E74C3C;color:#FFFFFF; }
.alertify.error .fa { background: #FFFFFF;color:#E74C3C; }

.alertify.warning { background: #f39C12;color:#FFFFFF; }
.alertify.warning .fa { background: #FFFFFF;color:#f39C12; }




@-webkit-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@-moz-keyframes fadeInDown {
    from { top:-500px;  }
    to { top:0px; }
}
@keyframes fadeInDown {
    from {  top:-500px;  }
    to {  top:0px; }
}


button[type=submit] .far { margin-right:10px;  }



.sidebar { position:fixed;top:0;left:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#000;padding:0px 15px;color:rgb(205, 213, 223);z-index:999; }
.sidebar .logo {background: #2e6f40; height:71px;line-height:71px;margin-bottom:15px; text-align: center;margin-left:-15px;margin-right:-15px;color:#FFF;}
.sidebar .logo img { max-width:150px;border-radius:4px;filter: brightness(0) invert(1);vertical-align: middle;}
.sidebar ul li { margin-bottom:5px;}
.sidebar ul li a { display:flex;align-items:center;color:rgb(205, 213, 223);font-size:14px;padding:10px 15px;font-weight:500;border-radius: 4px;}
.sidebar ul li a:hover { background: rgb(36, 43, 54);}
.sidebar ul li a .far { width:25px;min-width:25px; }
.sidebar ul li a .label-badge { margin-left:auto; }

.sidebar ul ul li a { padding-left:40px; }

.sidebar .profile { display:flex;margin-top:auto;padding:25px 15px;border-top:1px solid rgb(36, 43, 54);margin-left:-15px;margin-right:-15px; }
.sidebar .profile .fal { width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;line-height:40px;font-size:30px;text-align: center;border-radius: 100%; margin-right: 10px;}
.sidebar .profile strong { display:block; }

.tools { 
	position: fixed;
    top: 0px;
    left:240px;
	right:0;
    padding: 16px 24px;
    height: 72px;
    min-height: 72px;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(238, 242, 246);
    display: flex;
    align-items: center;
    z-index: 10;
}
.tools .left { font-size:21px;font-weight:500;  color:#121926;}

.tools .center { margin-left:15px;padding-left:15px;border-left:1px solid #EEE; }
.tools .message { margin-left:15px;padding-left:15px;border-left:1px solid #EEE; }

.tools .right { margin-left:auto;display:flex;align-items:center;justify-content:center; }

.tools .right > * { margin-left:10px; }

.tools .selectize-control { width:200px;min-width:200px;max-width:200px; }
.tools .selectize-control.single .selectize-input { padding:7px 16px; }

@media screen and (max-width: 992px) {


	.login { background: #FFFFFF; }
	.login form { width:100%;box-shadow: none;-webkit-box-shadow:none;width:100%; min-width:100%;padding:0px 25px; }


	.topbar .nav { float:left;margin:0px; }
	.topbar .nav > li{display: none; }
	.topbar .nav > li:first-child, .topbar .nav > li:last-child {display: block; }
	.topbar .nav > li:first-child a { padding: 5px 15px !important; }
	.topbar .nav > li > a{ padding: 5px 0px !important;border:0px !important;font-size:1em; }

	.topbar .nav > li.profile > .dropdown-menu:before { display: none; }
	.topbar .nav > li.open > .dropdown-menu { left:calc(100% - 160px);margin-top:5px; }


	.navbar-default {display: block;}
	.navbar-default .navbar-nav { padding:15px 0px; }
	.navbar-default .navbar-nav > li:last-child { float: none; }
	.navbar-default .navbar-nav > li { padding:0px; }
	.navbar-default .navbar-nav > li > a { transition:none; }
	.navbar-default .navbar-nav .dropdown-menu { background: #f5f6fc;margin:5px 0px;box-shadow: none !important;  }
	.navbar-default .navbar-nav .dropdown-menu:before { display: none;  }
	.navbar-default .navbar-nav .dropdown-menu li a { color:#869fb1;padding:5px 10px;border-bottom:1px solid rgba(37, 55, 139, .03);  }
	.navbar-default .navbar-nav .dropdown-menu li:last-child a { border-bottom:0px;  }


	.dataTables_wrapper .dataTables_length { display: none !important; }
	.dataTables_wrapper .dataTables_filter { margin-top:0px !important; }
	.dataTables_wrapper .dataTables_filter label,
	.dataTables_wrapper .dataTables_filter input { display: block;width:100%; }
	.dataTables_wrapper .dataTables_paginate ,
	.dataTables_wrapper .dataTables_info{ display: block !important; width:100% !important; }
}










.footer { padding:50px 0 20px 0;text-align: center;color:#869fb1; }

.login {position: fixed; top:0;bottom:0;left:0;right:0;display: flex; align-items: center;justify-content: flex-start;padding:0 200px;background:#161616 url(../uploads/bg.png) center center no-repeat;background-size: cover;}
.login .logo { display:inline-block;margin-bottom:25px;font-size:30px;font-weight:bold;color:#FFF; }
.login form { width:400px; }
.login h1 { color:#FFF;margin-bottom:30px;font-weight:400; }
.login .form-control { border:none;padding:15px;}
.login .actions { display: flex;align-items: center;justify-content: center;color:#FFF;margin-bottom:30px;margin-top:15px; }
.login .actions a { margin-left:auto; color:#FFFF; }
.login .btn-primary { padding:15px; }






.table { width: 100% !important; max-width: 100% !important; border-spacing: 0;  }


.table > thead > tr > th, .table > tfoot > tr > th { padding: 10px 20px;background: #FFF;background-color: rgb(238, 242, 246);border-bottom-width: 1px; color:rgb(75, 85, 101);font-size:14px;font-weight:500;text-align:left; }
.table > tbody > tr > td { border-top: 1px solid #cccccc;padding: 15px 20px;color:#4b5565;background:#FFF; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.table > tfoot > tr > th { border-top: 1px solid #cccccc; padding: 10px 20px;border-bottom-width: 0px;  }



.table > thead > tr > th:last-child, 
.table > tbody > tr > td:last-child, 
.table > tfoot > tr > th:last-child { text-align: right; }




table.dataTable thead th.sorting:after,

table.dataTable thead th.sorting_asc:after,

table.dataTable thead th.sorting_desc:after {

   font-family: Font Awesome\ 5 Pro;

   font-weight: 400;margin-left:10px;font-size:13px;

}

table.dataTable thead th.sorting:after { color: #ddd;  }

table.dataTable thead th.sorting_asc:after { content: "\f106"; }

table.dataTable thead th.sorting_desc:after { content: "\f107"; }





.dataTables_wrapper {  position: relative;  zoom: 1; }


.dataTables_wrapper .form-control{ padding:10px; }
.dataTables_wrapper .dataTables_filter{ position:relative;float:left;width:400px;margin-bottom:15px; }
.dataTables_wrapper .dataTables_filter .fal{ position:absolute;top:13px;left:13px;color:#697586; }
.dataTables_wrapper .dataTables_filter .form-control{ padding-left:40px;}

.dataTables_wrapper .dataTables_info{ padding:30px 20px 20px 20px;border-top:1px solid #EEE;  font-size:13px;text-align:center;}
.dataTables_wrapper .dataTables_paginate{ font-size:13px;text-align:center; padding-bottom:20px; }


.dataTables_wrapper .dataTables_length { float:right;max-width:200px; }

.dataTables_paginate .paginate_button { display: inline-block; background: #FFF; padding: 5px 10px; text-align: center; cursor: pointer; color: #333; border:1px solid #EEE; font-size:12px; }



.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:active,
.dataTables_paginate .paginate_button.current:focus {
    background: #34495e;
    border-color:#34495e;
    color:#FFF;

}


.dataTables_paginate .paginate_button:hover { cursor: hand; color: #333; background: #FFF; }
.dataTables_paginate .paginate_button + .paginate_button  { margin-left:5px; }




table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    height: 16px;
    width: 16px;
    display: inline-block;
    color: white;
    margin-right: 5px;
    border-radius: 16px;
    text-align: center;
    line-height: 14px;
    box-sizing: content-box;
    content: '+';
    background-color: #31b131;
}

table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
  content: '-';
  background-color: #d33333;
}

table.dataTable.dtr-inline.collapsed tbody tr.child td:before {  display: none; }


table.dataTable .child {  padding:0px !important; }
table.dataTable tr.child ul { background: #FBFBFB; }
table.dataTable tr.child ul li { display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #eee;padding:15px 20px; }


table.dataTable tr.child span.dtr-title { font-weight: bold; margin-right:auto; }
table.dataTable tr.child span.dtr-data { white-space:break-spaces; }