.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: #27ae60;color:#FFFFFF; }
.alertify.success .fa { background: #FFFFFF;color:#27ae60; }

.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; }
}

*::placeholder {
  color: #131313;
}

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


.login {position: fixed; top:0;bottom:0;left:0;right:0;display: flex; align-items: center;justify-content: center;flex-direction:column; }
.login .logo {text-align:center;margin-bottom: 50px; }
.login .logo img { width:150px;max-width:150px; }

.login h1 { font-size:18px; color:rgb(43, 45, 59); padding-bottom:30px; }
.login h1 .fa { margin-right:5px; }

.login form { width:400px;background:#FFF;padding:40px 30px;-webkit-box-shadow: 0 3px 16px rgba(142,134,171,.05);box-shadow: 0 3px 16px rgba(142,134,171,.05);border-bottom-left-radius:6px;border-bottom-right-radius:6px; }
.login .actions { display: flex;align-items: center;justify-content: center;color:rgb(101, 109, 154);margin-bottom:30px;margin-top:15px;font-weight:500; }
.login .actions a { margin-left:auto; color:rgb(150, 160, 181);font-weight:500; }

.login .info { max-width:400px;min-width:400px;min-width:400px; color:rgb(150, 160, 181); margin-top:15px;text-align: center;}



.sidebar { position:fixed;top:0;left:0;bottom:0;width:270px;display:flex;flex-direction:column;background:rgb(32, 34, 33);color:#cdd5df;overflow-y: auto;-webkit-transition: left .3s linear;-moz-transition: left .3s linear;-o-transition: left .3s linear;transition: left .3s linear;z-index:15; }
.sidebar::-webkit-scrollbar { width: 6px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb {  background-color: rgba(255,255,255,.2); border-radius: 20px; }

.sidebar .logo {  background: #e51937; padding:15px 0px; text-align: center;  margin-bottom:15px; font-size:45px;color:#FFF;font-family:"PT Serif", serif;font-weight:600; }

.sidebar .open ul { display: block; }
.sidebar .open > a > .fa{ transform: rotate(180deg);}
.sidebar > ul > li { padding:0px 15px;}

.sidebar ul li a { display:flex;align-items:center;color:rgb(205, 213, 223);font-size:14px;padding:0px 15px;font-weight:500;border-radius: 4px;height: 42px;}
.sidebar ul li.active > a, .sidebar ul li a:hover { background: rgba(229, 25, 55, 1);  }
.sidebar ul li a .far { width:25px;min-width:25px; }
.sidebar ul li a .fa-angle-down { margin-left:auto; }
.sidebar ul ul { display:none; }
.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); }
.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; }
.sidebar .profile a { color:#cdd5df; }
.sidebar .profile .right{ display: flex; justify-content: center; flex-direction: column;}




.tools { position: fixed;top: 0px;left:270px;right:0;padding: 16px 24px;height: 72px;min-height: 72px;background-color: #FFF;box-shadow: 0 .75rem 1.5rem #12263f08;display: flex;align-items: center;z-index: 15; }
.tools .left { font-size:18px;font-weight:bold;color:#121926; }
.tools .left .fad { color:#e51937;margin-right:5px; }

.tools .center { border-left:1px solid rgba(0,0,0,.1);padding-left:15px;margin-left:15px; }

.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; }


.subtools { position: fixed;top: 72px;left:240px;right:0;padding: 14px 24px;background-color: #FFF;border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;box-shadow: 0 .75rem 1.5rem #12263f08;z-index: 14; }
.subtools .label-danger { padding:8px 12px;font-weight:500;font-size:13px; }

.box { background:#FFF;border-radius:6px;box-shadow: rgba(142, 134, 171, 0.05) 0px 3px 16px 0px; }
.box-header { display:flex;align-items:center;justify-content:center;border-bottom:1px dashed rgb(226, 231, 241);padding:30px;}
.box-title { margin-bottom:15px;font-weight:bold; }
.box-price { font-size: 24px;font-weight:bold; }
.box-right { 
    background-color: rgb(244, 246, 249);
    border-radius: 100%;
    color: rgb(149, 160, 197);
    font-size: 24px;
    font-weight: 700;
    height: 60px;
    line-height: 60px;
    width: 60px;
    text-align: center;
    margin-left: auto;
}
.box-footer { padding:30px;color:rgb(150, 160, 181); }
.widget{ background:#FFF;border-radius:6px;box-shadow: rgba(142, 134, 171, 0.05) 0px 3px 16px 0px;margin-top:30px;  }
.widget-title { font-weight: bold; padding:30px;border-bottom:1px solid #EEE; }
.widget-content { padding:30px; }
.widget-item { background:#FFF;border-bottom:1px solid #EEE;padding:30px;}
.widget-header { font-weight: bold;font-size: 16px;margin-bottom: 5px; }
.widget-item p { font-size: 13px;color: #777; margin-bottom: 10px; }





.checkbox  { display:flex;align-items:center;justify-content:center; }
.checkbox input  { margin-right:5px; }



table {   width: 100% !important; max-width:100% !important;border-collapse: separate;vertical-align:middle; border-spacing: 0;}

table tbody { box-shadow: rgba(142, 134, 171, 0.05) 0px 3px 16px 0px;  }




table thead tr th, table tfoot tr th {  position: relative; padding: 20px 15px; font-weight: 500; color: #000; text-align: left; vertical-align: middle;background:#f4f6f9; }


table thead tr th:first-child, table tbody tr td:first-child, table tfoot tr th:first-child { padding-left:30px !important; }

table thead tr th:last-child, table tbody tr td:last-child, table tfoot tr th:last-child { padding-right:30px !important; }




table tbody tr td {  vertical-align: middle; padding:20px 15px; color: #2b2d3b; overflow-wrap: break-word; box-sizing: border-box; border-bottom: 1px dashed #e2e7f1; background: #FFF; }


table thead tr th:last-child, table tbody tr td:last-child { text-align:right !important; }
table tbody tr td:last-child a:not([class*=btn-]) {  color:rgb(149, 160, 197); display: inline-block; overflow-wrap: break-word;  margin-left:10px;font-size:16px;}


table thead th.sorting:after, table thead th.sorting_asc:after, table thead th.sorting_desc:after { position: absolute; top: 50%; margin-top: -7px; right: 8px; display: block; font-family: 'FontAwesome'; }
table thead th.sorting:after { content: "\f0dc"; color: #ddd; font-size: 0.8em; }
table thead th.sorting_asc:after { content: "\f0de"; }
table thead th.sorting_desc:after { content: "\f0dd"; }




.dataTables_wrapper .table { margin:15px 0px; }

.dataTables_wrapper .table tbody { box-shadow:none; }
.dataTables_wrapper .table tbody tr:last-child td{ border-bottom:0px; }



.dataTables_wrapper .table thead tr th, 
.dataTables_wrapper .table tbody tr td, 
.dataTables_wrapper .table tfoot tr th {  padding-right:25px !important; }


.dataTables_wrapper .table tfoot tr + tr th {  border-top: 1px dashed #e2e7f1; }


.dataTables_wrapper .table thead tr th:first-child, .dataTables_wrapper .table tbody tr td:first-child, .dataTables_wrapper .table tfoot tr th:first-child { padding-left:15px !important; }

.dataTables_wrapper .table thead tr th:last-child, .dataTables_wrapper .table tbody tr td:last-child, .dataTables_wrapper . tabletfoot tr th:last-child { padding-right:15px !important; }


.dataTables_wrapper .form-control { padding:15px; }


.dataTables_wrapper { padding:30px;background:#FFF;box-shadow: rgba(142, 134, 171, 0.05) 0px 3px 16px 0px;  position: relative;  clear: both;  *zoom: 1;  zoom: 1;  }

.dataTables_wrapper:after {   display: block; content: ""; visibility: hidden;clear: both; height: 0; }

.dataTables_length { float:right; display: block;width:9%;  }

.dataTables_filter { width:90%;  }


.dataTables_info, .dataTables_paginate { text-align:center;margin-top:30px; }



.dataTables_paginate .paginate_button {
    display: inline-block;
    background: #FFF;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    color: #333;
    border:1px solid #EEE;
    border-radius: 4px;
    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;
    color:#FFF;
}

.dataTables_paginate .paginate_button.disabled, 
.dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_paginate .paginate_button.disabled:active,
.dataTables_paginate .paginate_button.disabled:focus {
    cursor: not-allowed;
    opacity: 0.6;
}
.dataTables_paginate .paginate_button:hover { cursor: hand; color: #333; background: #FFF; }