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

.pb0 { padding-bottom:0px; }
.pb15 { padding-bottom:15px; }

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

.checkbox { display:flex;align-items:center;justify-content:flex-start;gap:10px; }
.checkbox + .checkbox { margin-top:15px; }


.login {position: fixed; top:0;bottom:0;left:0;right:0;display: flex; align-items: center;justify-content: flex-start;padding:0 200px;background:#131319 ;}
.login .logo { margin-bottom:20px;color:#FFF;font-size:30px;font-weight:bold; }
.login .logo img { width:250px;max-width:2500px; }
.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; }



.sidebar { display:flex;align-items:center;justify-content:space-between;background-color: #FFF;height: 90px;box-shadow: 0 .75rem 1.5rem #12263f08;padding:0 10px 0 30px;}

.sidebar .logo {display:flex;align-items:center;justify-content:center;gap:10px;font-weight:bold;font-size:1rem; }
.sidebar .logo img {  width:50px;max-width:50px; }
.sidebar > ul { display:flex;align-items:center;justify-content:center; }
.sidebar > ul > li > a{ display:flex;align-items:center;padding:0px 20px;height:50px;gap:10px;border-radius:2px; }
.sidebar ul li a .label-badge { margin-left:auto; }

.dropdown { position:relative; }
.dropdown:hover .dropdown-menu { display:block; }

.dropdown-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 160px;
    background-color: #FFF;
    box-shadow: 0 .75rem 1.5rem #12263f08;
    z-index: 1000;
}
.dropdown-menu li a { display:block; padding:15px 20px;font-weight:500; }


.sidebar ul li.active > a, .sidebar ul li:hover >  a {
    background: rgba(30, 157, 175, .1);
    color: rgb(30, 157, 175);
}


.sidebar > ul > li > a > .fal { font-size:1.3rem; }
.sidebar .profile a { display:flex;align-items:center;justify-content:center; gap:10px; }

.content { padding:0px 30px 30px 30px; }


.tools {padding:15px 30px;display: flex;align-items: center;justify-content: center; background: #FFF;border-top:1px solid #F1F1F1;border-bottom:1px solid #EEEEEE;margin-bottom: 30px;}
.tools .left { font-size:1rem;font-weight:500;color:rgb(43, 45, 59); }

.tools .center { border-left:1px solid rgb(226, 231, 241);padding-left:15px;margin-left:15px; }

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

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



.subtools { background-color: #FFF;border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef;box-shadow: 0 .75rem 1.5rem #12263f08;z-index: 14;margin-bottom:30px; }
.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-body { overflow-x:hidden;overflow-y:scroll;max-height:400px; }
.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; }





.boxes { display:grid;grid-template-columns:repeat(4, minmax(0,25%));gap:15px;padding-bottom:30px;}
.boxes .item { position:relative;flex:1;flex-grow:1;padding:30px;background: #FFF; border-radius: 4px; box-shadow: 0 .75rem 1.5rem #12263f08; }
.boxes .item strong { display:block;margin-bottom:5px; }
.boxes .item span { display:block;font-size:19.5px; }
.boxes .item .fal { position:absolute;top:calc(50% - 20px);right:25px;width:40px;height:40px;line-height:40px;font-size:20px;background:#556ee6;color:#FFF;text-align:center;border-radius:100%; }


.page-title { font-size:20px;font-weight:500;margin-bottom:15px;color:#121926;background: #FFF;border-radius: 4px;box-shadow: 0 .75rem 1.5rem #12263f08;padding:30px; }
.page-title .far { margin-right:5px; }



.toolbar { display:grid;grid-template-columns:repeat(4, minmax(0,25%));gap:15px;padding-bottom:30px;}
.toolbar .item { position:relative;flex:1;flex-grow:1;padding:30px;background: #FFF; border-radius: 4px; box-shadow: 0 .75rem 1.5rem #12263f08; }
.toolbar .item strong { display:block;margin-bottom:5px; }
.toolbar .item span { display:block;font-size:19.5px; }
.toolbar .item .fal { position:absolute;top:calc(50% - 20px);right:25px;width:40px;height:40px;line-height:40px;font-size:20px;background:#556ee6;color:#FFF;text-align:center;border-radius:100%; }
.toolbar .item label { cursor:pointer; }
.toolbar .item input { position:absolute;top:50%;left:50%;width:1px;height:1px;overflow:hidden; }



table {   width: 100% !important; max-width:100% !important;border-collapse: separate;vertical-align:middle; box-shadow: rgba(142, 134, 171, 0.05) 0px 3px 16px 0px;border:.5px solid rgba(0,0,0,.05); border-spacing: 0;border-radius: 8px;overflow: hidden;}



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


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 thead tr th { border:.5px solid rgba(0,0,0,.05);  }
table tfoot tr th { border:.5px solid rgba(0,0,0,.05);  }
table tbody tr td { border:.5px solid rgba(0,0,0,.05);  }



table tbody tr td {  vertical-align: middle; padding:15px; color: #2b2d3b; overflow-wrap: break-word; box-sizing: border-box; background: #FFF;max-width:500px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; }

















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 thead tr th, 
.dataTables_wrapper .table tbody tr td, 
.dataTables_wrapper .table tfoot tr th {  padding-right:25px !important; }




.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 {   position: relative;  clear: both;  *zoom: 1;  zoom: 1;  }



.dataTables_top { display:grid;align-items:center;justify-content:center;grid-template-columns: minmax(0,90%) minmax(0, 10%);gap:30px; }
.dataTables_bottom { display:grid;align-items:center;justify-content:center;grid-template-columns: 1fr 1fr;padding-left:15px;padding-right:25px;gap:30px; }

.dataTables_paginate { display:flex;align-items: center;justify-content: flex-end;gap:5px;  }



.dataTables_paginate .paginate_button {
    display: inline-block;
    height:40px;width:40px;line-height: 40px;min-height:40px;max-height: 40px;
    min-width: 40px;max-width: 40px;box-shadow: 0 .75rem 1.5rem #12263f08;
    text-align: center;
    cursor: pointer;
    background: #FFF;
    border-radius: 4px;
    font-size:1rem;
}

.dataTables_paginate .paginate_button.current, 
.dataTables_paginate .paginate_button.current:hover,
.dataTables_paginate .paginate_button.current:active,
.dataTables_paginate .paginate_button.current:focus {
    background: rgb(30, 157, 175);
    border-color:rgb(30, 157, 175);
    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; background: #FFF; }

.dataTables_info { color: #96a0b5; }



.filtering #search_products {  display: block; padding: 20px 24px; height:50px; color: #121926; background: #FFF; border:none; background: #EEE; transition: all 0.15s ease; width:100%; border-radius: 0px;}

.filtering .checkbox {  display: block; position: relative; padding:15px 24px; background: #ffffff;  border-bottom: 1px solid #EEE; }
.filtering .listing li:last-child .checkbox{ border-bottom:0px; }

.filtering  .listing { min-height:300px;max-height:300px;500px;overflow-y:auto; }



.btn-open-filtering { padding:12px 6px; font-size:12px; }
                                 

.summary { border-collapse: collapse;background:#FFF;font-size:13px; width:100%;box-shadow: 0 .75rem 1.5rem #12263f08;overflow: hidden;margin-top:30px;}
.summary .tr-try, .summary .tr-usd, .summary .tr-eur { display:none; }
.summary tr.tr-try {display: table-row;}
.summary tr td { border-bottom:1px solid #eef2f6; }
.summary tr td:first-child { font-weight:bold;padding:0 5px; }

.summary tr td .form-control{ border:none;border-radius:0px;padding:5px;height:auto;line-height:21px;text-align:right !important;height:auto; }
.summary tr td .form-control:focus{ border-color:#eef2f6; }






.list tr td { padding-top:0px;padding-bottom:0px; }
.list .form-control { padding: 10px 0px;border-radius:0px;height:auto; border:none;line-height: 21px; }
.list .form-control[readonly]{ background:#EEE;cursor:not-allowed; }

.empty { display: block; position: relative;background: #ffffff;border-radius: 4px;box-shadow: 0 .75rem 1.5rem #12263f08; text-align: center; padding:30px;margin-bottom:20px; }
.empty .fa { display: block; font-size:25px;margin-bottom:15px;color:#e74c3c; }
.empty h1 { font-size:18px; font-weight:500;color:#121926;margin-bottom:30px; }


.eye-checkbox { position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:0px !important;padding:0px 10px !important;overflow:hidden; }
.eye-checkbox input { position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:0px;height:0;overflow:hidden; }
.eye-checkbox input ~ .fa-eye{ display:block; }
.eye-checkbox input ~ .fa-eye-slash{ display:none; }
.eye-checkbox input:checked ~ .fa-eye { display:none; }
.eye-checkbox input:checked ~ .fa-eye-slash { display:block; }

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

    body{ padding:92px 15px; }
    body.offer { padding-left:0;padding-right:0; }
    .login {padding:0 30px !important; }
    .login .logo { text-align:center; }
    .login h1 { text-align:center; }
    .login .btn-primary { padding:15px !important; }

    .sidebar { top:72px;left:-240px;border-top:1px solid rgba(255,255,255,.1);padding:15px 0px; }
    .sidebar.show { left:0px; }
    .sidebar ul li { margin-bottom:0px; }
    .sidebar ul li a  { border-radius:0px; }
    .sidebar ul li a .far { width:30px;margin-right:15px;text-align:center; }
    .sidebar ul ul li a{ padding-left:60px;}
    .sidebar .logo { display:none; }

    .sidebar .profile{ margin-left:0px;margin-right:0px; }


.overlay {  display: none;position: fixed;top: 0;left: 0;background: rgba(0, 0, 0, .5);width: 100%;height: 100%;z-index: 14;  }
 

    .toggle, .toggle:focus, .toggle:hover{ position:fixed;top:25px;left:15px;font-size:20px;z-index:16;color:#FFF; }
    .tools { background:#000;color:#FFF;left:0px;padding-left:40px;padding-right:15px; }
    .tools .left { font-size:16px;font-weight:bold;color:#FFF; }

    .subtools { position:static;left:0px;padding-left:15px;margin:-20px 0px 15px 0px; background: #131318;color:#FFF;border:none !important}


    .search .form-control { border:none; box-shadow: 0 .75rem 1.5rem #12263f08;}

    .boxes, .orders, .categories, .products, .users{display:grid;grid-template-columns:minmax(0,100%);gap:15px; }
    .orders .item, .categories .item, .products .item, .users .item { padding:10px;background:#FFF; }

    .orders .item .actions, .products .item .actions, .users .item .actions, .categories .item .actions{ padding-top:10px;margin-top:10px; }

    .orders .item .fullname { padding-bottom:10px;margin-bottom:10px; }
    .users .item .fullname{ margin-top:0px; }

    .list .title { padding:10px 15px;justify-content:flex-start;border-radius: 0px;font-size:15px;}
    .list .title .far { display:inline-block;margin-right:5px; }
    .list .title .right { padding-left:15px; }


    .list .item {  display:none;flex-direction: column; gap:0px;padding:0px;border-radius:4px;background:#EFEFEF; }
  
    .list .item label { font-size:12px;text-align:center; text-align-last: center; }
    .list .item > .child { padding:10px;}
    .list .item > .child:last-child {border-top:1px solid #DDD;padding-top:15px;margin-top:15px;}
    .list .item .child.active { background:#FFF; }
    .list .item .parent { display:flex;align-items:center;justify-content:center;gap:0px;border-top:1px solid #DDD;padding:0px;}
    .list .item .parent .child { flex:1;flex-grow:1;border-right:1px solid #DDDD;padding:10px; }
    .list .item .form-control { padding:0px;background-color:none !important;border:none;  text-align: center !important; text-align-last: center;}
    .list .item + .title{ margin-top:0px; }


    .list .item select.form-control { -webkit-appearance: none; appearance: none; background-image: url('../uploads/arrow.svg') !important; background-repeat:no-repeat !important; background-position:right 5px center !important; background-size:15px;  }



    .list .item.open { display:block; position: absolute;left:15px;right:15px;top: 50%; transform: translateY(-50%);margin-bottom:0px;z-index:55; }

    .list .item .subtitle { position:relative;display:flex;align-items:center;justify-content:flex-start;padding:10px 15px;font-size:15px;font-weight:bold;border-bottom:1px solid #DDD;color:#121926; }
    .list .item .subtitle .btn-closed { display:inline-block; margin-left:auto;background:#4b5565;color:#FFF;padding:6px 12px;border-radius:4px;line-height:12px; }

    .list .note .form-control{ padding:10px 15px;border-top:none;font-size:13px; }

    .summary { margin-top:15px; }
    .summary tr td { font-size:12px; }
    .summary tr td:first-child { padding:5px 15px !important; }
    .summary tr td:last-child { padding:0px !important; }
    .summary tr td .form-control { padding:5px 15px;font-size:12px; }

    .filtering .modal-medium { min-width:90%;max-width:90%;width:90%; }

    .boxes, .toolbar{ grid-template-columns:repeat(2, minmax(0,50%));}
    .boxes .item, .toolbar .item{ padding:15px;overflow:hidden; }
    .boxes .item strong, .toolbar .item strong{ font-size:13px; }
    .boxes .item span, .toolbar .item span{ font-size:15px; }
    .boxes .item .fal, .toolbar .item .fal { display:none; }


    .panel-auto { margin-bottom:15px !important }
    .panel-body{ padding:10px;}
    .panel-heading {padding:10px;  }

    .panel-title {  }
    .panel-footer {padding:10px;  }

    .empty { margin-bottom:15px;padding:30px 15px;}
    .empty .fa { font-size:18px; }
    .empty h1 { font-size:16px;margin-bottom:10px; }

    .form-group { margin-bottom:10px; }
    .form-control { padding:6px 10px; }


    .selectize-input { padding:6px 12px !important; }


    .page-title { font-size:16px;text-align: center;}

    .lastest .item { padding:15px; }
    .lastest .item .fullname, .lastest .item .actions { margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px; }

    .filtering #search_products { padding:10px;height:auto; }
    .filtering .checkbox{ padding:10px;font-size:13px; }

    .page-title { padding:15px 0px; }


}

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



        .toggle { display:none; }


        .list .item .subtitle { display:none; }


}