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: #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: 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 { position:fixed;top:0;left:0;bottom:0;width:240px;display:flex;flex-direction:column;background:#000;padding:0px 15px;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 {font-size: 18px;font-weight: 500; height:72px;line-height:72px;margin-bottom:15px;padding:0 27px;margin-left:-15px;margin-right:-15px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:bold;}

.sidebar .logo .letter { display:none; }
.sidebar ul li { margin-bottom:5px;}
.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 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; }
.sidebar .profile a { color:#cdd5df; }
.sidebar .profile .right{ display: flex; justify-content: center; flex-direction: column;}




.tools { position: fixed;top: 0px;left:240px;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:21px;font-weight:500;color:#121926; }

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


.search { margin-bottom:30px; }

.search .form-control { padding:15px;background: #FFF;box-shadow: 0 .75rem 1.5rem #12263f08;border-radius: 4px; border:none; }

.orders .item, .lastest .item {margin-top:42px;border-top-left-radius: 0px !important;}
.orders .item .admin,  .lastest .item .admin { position:absolute;top:-41px;left:-2px;padding:10px 15px;font-weight:bold;border-top-left-radius:4px;border-top-right-radius:4px;background:#FFF;border-bottom:2px solid #e3e8ef !important;background: #e3e8ef; z-index: 5;}


.orders, .categories, .products, .users{display:grid;grid-template-columns:repeat(4, minmax(0,25%));gap:30px; }
.orders .item, .categories .item, .products .item, .users .item, .lastest .item{ position:relative; padding:15px;background:#FFF; box-shadow: 0 .75rem 1.5rem #12263f08;border-radius: 4px; }



.orders .item .code, .lastest .item .code { font-size:13px; }
.orders .item .fullname, .lastest .item .fullname { font-size:15px;font-weight:bold;margin-bottom:15px;margin-left:-15px;margin-right:-15px;color: #121926;padding-left:15px;padding-right:15px;border-bottom:1px solid #e3e8ef;padding-bottom:15px; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.orders .item .column, .lastest .item .column { display:flex;align-items:center;justify-content:center; }
.orders .item .column span:first-child, .lastest .item .column span:first-child { font-weight:bold; }
.orders .item .column span:last-child, .lastest .item .column span:last-child { margin-left:auto; }
.orders .item .price, .orders .item .date, .orders .item .weight, .lastest .item .price, .lastest .item .date, .lastest .item .weight { margin-top:5px;font-size:13px; }

.orders .item .actions, 
.products .item .actions,
.users .item .actions,
.lastest .item .actions,
.categories .item .actions { margin-left:-15px;margin-right:-15px;padding-left:15px;padding-right:15px;padding-top:15px;margin-top:15px;border-top:1px solid #e3e8ef; }


.orders .item .actions *,
.products .item .actions *,
.users .item .actions * ,
.lastest .item .actions * ,
.categories .item .actions * { display:inline-block;margin-left:0px; }




.categories .item .title { font-size:15px;font-weight:bold;;margin-bottom:10px; color: #121926; }
.categories .item .calculator { font-size:13px; }

.products .item .code { font-size:13px; }
.products .item .title { font-size:15px;font-weight:bold;margin-top:5px;margin-bottom:10px; color: #121926; }
.products .item .price { font-size:15px; }


.users .item .code { font-size:13px; }
.users .item .fullname { font-size:16px;font-weight:bold;margin-top:5px;margin-bottom:10px; color: #121926; }
.users .item .phone, .users .item .email { font-size:13px; }


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



.lastest .owl-dots { margin-top:15px;text-align:center;margin-bottom:30px; }
.lastest .owl-dot + .owl-dot { margin-left:5px;}
.lastest .owl-dot span { display: block; width: 7px; height: 7px; line-height: 7px; background: #999; border-radius: 100%; }
.lastest .owl-dot.active span { background:#556ee6; }



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




.filtering #search_products {  display: block; padding: 20px 24px; height:50px; font-size: 14px; 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;border-left:1px solid #eef2f6;padding:5px;text-align:right !important; }
.summary tr td .form-control:focus{ border-color:#eef2f6; }



.list .title {  position: relative;display: flex;align-items: center;justify-content: center; font-weight:bold; padding:15px 24px;background:#FFF;color:#121926;box-shadow: 0 .75rem 1.5rem #12263f08;border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom :1px solid #e3e8ef;}
.list .title .far { display:none; }
.list .title .right {margin-left: auto;}
.list .item { position: relative; display:flex;gap:15px; padding:15px 24px;background:#FFF; box-shadow: 0 .75rem 1.5rem #12263f08;  }
.list .item + .item { margin-top:15px; }
.list .item label { display:block;font-weight:500;font-size:13px;margin-bottom:5px; }

.list .item .child{ position:relative; flex:1;flex-grow:1;min-width:12.5%;  }

.list .note + .title { margin-top:15px; }

.list .item .child.text-center .form-control { text-align:center; }

.list .item .parent { display:flex;gap:15px;min-width:25%; }

.list .item:last-child { margin-bottom:30px; }

.list .item .child .addon { position:absolute;bottom:13px;right:10px; }

.list .note .form-control{ padding:15px 24px;background:#FFF;border:none;border-top:1px solid #EEE;border-radius:0px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;box-shadow: 0 .75rem 1.5rem #12263f08;}

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


@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 { font-size:14px; }
    .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; }

        body.offer { padding-left:90px;padding-top:160px;overflow-x:hidden; }


        body.offer .sidebar { width:72px;z-index:16; }
        body.offer .sidebar .logo { padding:0px 30px;color:#FFF;font-weight:bold; }
        body.offer .sidebar .logo .text { display:none; }
        body.offer .sidebar .logo .letter { display:block;text-align:center; }
        body.offer .sidebar ul li a span  { display:none; }
        body.offer .sidebar ul ul li a { padding-left:15px; }
        body.offer .sidebar ul ul { display:none; }
        body.offer .sidebar .profile .right {display: none;}

                          
        body.offer .sidebar:hover { width:240px; }
        body.offer .sidebar:hover .logo .text{ display:block; }
        body.offer .sidebar:hover .logo .letter { display:none; }
        body.offer .sidebar:hover ul li a span  { display:block; }
        body.offer .sidebar:hover ul ul { display:block; }
        body.offer .sidebar:hover ul ul li a { padding-left:40px; }
        body.offer .sidebar:hover .profile .right {display: block;}


        body.offer .tools { left:70px; }
        body.offer .subtools { left:70px; }
        body.offer .row, body.offer [class*=col-md] { padding:0;margin:0; }


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


}