/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@font-face {
   font-family: 'Bebas Neue';
   src: url(../fonts/Bebas\ Neue\ Cyrillic.ttf);
   font-style: normal;
   font-weight: 400;
}.alert{
    padding: 12px;
    font-size: 13px;
    border-radius: 8px;
    color: #606060;
}

.alert.alert-icon{
    padding-left: 36px;

}
.alert.alert-icon > .icon{
    font-size: 1.5rem;
}

.alert.alert-icon > .icon{
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
}

.alert.alert-icon > .icon::before{ 
    color: inherit;
}

.alert-primary{
    border: 1px solid  #CDCDCD;
    background: #EBEBEB;
}

.alert-info{
    border:  #C7BCFF;
    background:  #EDE9FF;
}

/* .alert-success.alert-info.alert-icon .icon::before,
.alert-danger.alert-info.alert-icon .icon::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
} */

.alert-success{
    background: #4BB431;
    color: #fff;
}

.alert-warning{
    border: 1px solid #FFE046;
    background: #FFF6C9;
}

.alert-danger{
    background: #E14F35;
    color: #fff;
}



.dark-mode .alert-primary{
    border: 1px solid #848484;
    background:  #606060;
    color: #CDCDCD;
}

.dark-mode .alert-info{
    border:  #C7BCFF;
    background:  #EDE9FF;
}
.dark-mode .alert-success{
    background: #4BB431;
    color: #fff;
}
.dark-mode .alert-warning{
    border: 1px solid #FFE046;
    background: #FFF6C9;
}
.dark-mode .alert-danger{
    background: #E14F35;
    color: #fff;
}

.accordion, .accordion-s2, .accordion-s3{
    display: flex;
    flex-direction: column;
    gap: 8px;
    background-color: transparent;
    border: none;
}
.accordion-item, .accordion-s2 .accordion-item, .accordion-s3 .accordion-item{
    border-radius: 8px;
    border: 1px solid #E0E0E0;
    background: #FBFBFB;
}

.accordion-head, .accordion-s2 .accordion-head, .accordion-s3 .accordion-head{
    border: none;
    color: #2A2A2A;
    font-size:  17px;
    font-style: normal;
    font-weight: 600;
    line-height:  22px; /* 129.412% */
    letter-spacing: -0.75px;
    padding: 20px;
}

.accordion-head.collapsed .title{
    color: #2A2A2A;
}

.accordion-item:not(:last-child) .accordion-inner, .accordion-item:not(:last-child) .accordion-head{
    border: none;
}

.accordion-item:not(:first-of-type){
    border-top: 1px solid #E0E0E0;
}

.accordion-inner{
    padding: 0 20px 20px 20px;
    color: #606060;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 138.462% */
    letter-spacing: 0;
}


.accordion-head.collapsed .accordion-icon:before, .accordion-icon:before{
    color: inherit;
}


.accordion-s3 .accordion-icon:before, .accordion-s2 .accordion-icon:before{
    content: '';
}

.accordion-s3 .accordion-head{
    padding-left: 56px;
}
.accordion-s3 .accordion-inner{
    padding-left: 20px;
}
.accordion-s3 .accordion-head .title, .accordion-s2 .accordion-head .title, 
.accordion-s2 .accordion-head.collapsed .title, .accordion-s3 .accordion-head.collapsed .title{
    color: #2A2A2A;
}

.accordion-s2 .accordion-head .title, 
.accordion-s2 .accordion-head .title,
.accordion-head .title{
    color: #2A2A2A;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px; /* 129.412% */
    letter-spacing: -0.75px;
}

.accordion-s3 .accordion-head.collapsed .accordion-icon:before, .accordion-s2 .accordion-head.collapsed .accordion-icon:before{
    content: '';
}

.accordion-s2 .accordion-icon{
    right: 20px;
}

.accordion-s3 .accordion-icon{
    left: 20px;
}

.accordion-s2 .accordion-inner, .accordion-s3 .accordion-inner{
    padding: 0 20px 20px;
}

.dark-mode .accordion-inner{
    color: #CDCDCD;
}

.dark-mode .accordion-head .title{
    color: #fff;
}

.dark-mode .accordion-item, .dark-mode .accordion-s2 .accordion-item, .dark-mode .accordion-s3 .accordion-item{
    border: 1px solid #606060;
    background: #363533;
}
.badge-md, .badge{
    padding: 3px 16px;
    font-size: 13px;
    font-weight: 600;
}
.badge-lg{
    padding: 4px 16px;
    font-size: 15px;
    font-weight: 600;
}

.badge-dot{
    display: flex;
    gap: 4px;
    align-items: center;
}

.badge-dot:before{
    position: relative;
    flex-shrink: 0;
    top: 0;
    left: 0;
    right: 0;
    transform: translate(0);
    bottom: 0;
}
.badge-sm{
    padding: 4px 16px;
    font-size: 11px;
    font-weight: 600;
}
.badge.rounded-pill, .badge{
    border-radius: 20px;
}

.badge.bg-primary{
    background-color: #EBEBEB;
    color: #2A2A2A;
}

.badge.bg-secondary{
    background-color: #856FF8;
    color: #fff;
}
.badge.bg-success{
    background-color: #4BB431;
    color: #fff;
}
.badge.bg-warning{
    background-color: #F3BD0E;
    color: #2A2A2A;
}
.badge.bg-danger{
    background-color: #E14F35;
    color: #fff;
}

.dark-mode .badge.bg-primary{
    background-color: #606060;
    color: #fff;
}

.dark-mode .badge.bg-secondary{
    background-color: #FFE046;
    color: #2A2A2A;
}
.dark-mode .badge.bg-success{
    background-color: #4BB431;
    color: #fff;
}
.dark-mode .badge.bg-warning{
    background-color: #F3BD0E;
}
.dark-mode .badge.bg-danger{
    background-color: #E14F35;
    color: #fff;
}


.bg-primary{
    background-color: #EBEBEB !important;
}

.bg-secondary{
    background-color: #856FF8!important;
    color: #fff;
}
.bg-success{
    background-color: #4BB431!important;
    color: #fff;
}
.bg-warning{
    background-color: #F3BD0E!important;
}
.bg-danger{
    background-color: #E14F35!important;
    color: #fff;
}

.dark-mode .bg-primary{
    background-color: #606060!important;
    color: #fff;
}

.dark-mode .bg-secondary{
    background-color: #FFE046!important;
    color: #2A2A2A;
}
.dark-mode .bg-success{
    background-color: #4BB431!important;
    color: #fff;
}
.dark-mode .bg-warning{
    background-color: #F3BD0E!important;
}
.dark-mode .bg-danger{
    background-color: #E14F35!important;
    color: #fff;
}

.hb .btn{
    margin-left: auto;
    margin-right: auto;
}
.hb-title{
    color: var(--Color-Neutral-900, #2A2A2A);
text-align: center;

/* Display Large */
font-family: "Bebas Neue";
font-size: var(--Text-Size-57, 57px);
font-style: normal;
font-weight: 500;
line-height: var(--Text-Height-51, 51px); /* 89.474% */
letter-spacing: var(--Text-Spacing-spacing-1, -1.5px);
}


.hb-text{
    margin-top: 32px;
    color: var(--Color-Neutral-900, #2A2A2A);
text-align: center;

/* Body Small */
font-family: Inter;
font-size: var(--Text-Size-13, 13px);
font-style: normal;
font-weight: 400;
line-height: var(--Text-Height-18, 18px); /* 138.462% */
letter-spacing: var(--Text-Spacing-spacing-6, 0);
}


/* BTN */


.btn{
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    /* color: #FFF !important; */
}
.btn[disabled]{
    border: 2px solid #FFF !important;;
    background: var(--color-button-general-disabled-back, #F4F4F4) !important;;
    color: #E0E0E0 !important;
}
.btn-xl{
    padding: 12px 12px 12px 16px;
    height: 48px;
    font-size: 17px;
}

.btn-lg{
    padding: 10px 16px;
    height: 40px;
    font-size: 15px;
    border-radius: 6px;
}

.btn-md{
    padding: 8px 16px;
    height: 34px;
    font-size: 13px;
    border-radius: 6px;
}

.btn-sm{
    padding: 6px 16px;
    height: 32px;
    font-size: 12px;
    border-radius: 4px;
}

.btn-primary{

border: 2px solid #454545;
background: #2A2A2A;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
border: 2px solid #848484 !important;
background: #606060 !important;
}

.btn-secondary{
border: 2px solid #9B88FF;
background:  #856FF8;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
    border: 2px solid #C7BCFF !important;
    background: #B4A5FF !important;
}

.btn-icon{
    padding-left: 0;
    padding-right: 0;
    aspect-ratio: 1/1;
}

.btn-icon.btn-lg .icon, .dt-buttons .btn-lg.btn-secondary .icon, .btn-group-lg > .btn-icon.btn .icon, .dual-listbox .btn-group-lg > .btn-icon.dual-listbox__button .icon, .dt-buttons .btn-group-lg > .btn.btn-secondary .icon, .dt-buttons .dual-listbox .btn-group-lg > .btn-secondary.dual-listbox__button .icon, .dual-listbox .dt-buttons .btn-group-lg > .btn-secondary.dual-listbox__button .icon{
    width: auto;
}


.dark-mode .btn-primary{

    border: 2px solid #9B88FF;
    background: #856FF8;
    }
    
    .dark-mode  .btn-primary:hover,.dark-mode .btn-primary:focus,.dark-mode .btn-primary:active{
        border: 2px solid #C7BCFF !important;
        background: #B4A5FF !important;
    }
    
    .dark-mode .btn-secondary{
        border: 2px solid #FFEE9A;
        background: #FFE046;
        color: #2A2A2A;
    }
    
    .dark-mode .btn-secondary:hover, .dark-mode .btn-secondary:focus, .dark-mode .btn-secondary:active{
        border: 2px solid #FFF9DC !important;
        background:  #FFED93 !important;
    }

    .dark-mode .btn[disabled]{
        border: 2px solid #848484 !important;
        background: #606060 !important;
        color: #848484 !important;
    }

    .btn-group{
        border-radius: 10px;
        border: 1px solid #EBEBEB;
        background: #F4F4F4;
        display: inline-flex;
        padding: 4px;
        align-items: flex-start;
        gap: 4px;
    }
    .btn-group, .button-group-md, .btn-group-lg{
        border-radius: 10px;
    }
    .button-group-sm{
        border-radius: 8px;
    }
    .btn-group > .btn:not(:last-child):not(.dropdown-toggle), 
    .btn-group > .btn-xl:not(:last-child):not(.dropdown-toggle),
    .btn-group > :not(.btn-check) + .btn{
        border-radius: 8px;
    } 
    .btn-group > .btn-xl:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-xl:not(:last-child):not(.dropdown-toggle),
    .btn-group > :not(.btn-check) + .btn-xl{
        border-radius: 8px;
    }    
    .btn-group > .btn-lg:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-lg:not(:last-child):not(.dropdown-toggle),
    .btn-group > :not(.btn-check) + .btn-lg{
        border-radius: 6px;
    }
    .btn-group > .btn-md:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-md:not(:last-child):not(.dropdown-toggle),
    .btn-group > :not(.btn-check) + .btn-md{
        border-radius: 6px;
    }
    .btn-group > .btn-sm:not(:last-child):not(.dropdown-toggle),
    .btn-group > .btn-sm:not(:last-child):not(.dropdown-toggle),
    .btn-group > :not(.btn-check) + .btn-sm{
        border-radius: 4px;
    }

    .dark-mode     .btn-group{
        border:  #848484;
        background:  #606060;
    }

    .card-header{}
    .card-bordered{
        background-color: #FBFBFB;
        border: 1px solid #E0E0E0;
    }
    .dark-mode .card-bordered{
        background-color: #363533;
        border: 1p solid #606060;
    }

    .card-bordered{
        border-radius: 8px;
        /* border: 1px solid #E0E0E0;
        background: #FFF; */
        overflow: hidden;
    }

    .card-bordered .border-top,
    .card-bordered .border-bottom{
        border-color: #E0E0E0;
    }

    .card-bordered.bg-grey .border-top,
    .card-bordered.bg-grey .border-bottom{
        border-color: #606060 !important;
    }

    .card-header, .card-footer, .card-body{
        padding: 20px;
    }

    .card-header{
        font-size: 13px;
        line-height: 18px;
        color: #2A2A2A;
        font-weight: 600;
        background-color: #fff;
    }
    .card-footer{
        font-size: 11px;
        font-weight: 400;
        line-height: 13px;
        color: #2A2A2A;
        background-color: #fff;
    }

    .card-body{
        background-color: #fff;
    }
    
    .card-title{
        color: #2A2A2A;
        font-size: 15px;
        font-weight: 600;
        line-height: 20px; /* 133.333% */
        letter-spacing: -0.5px;
    }

    .card-text{
        color:  #848484;
        font-size: 13px;
        font-weight: 400;
        line-height: 18px; 
    }

    .card.bg-light .card-header, .card.bg-light .card-footer{
        background-color: #F4F4F4;
    }

    .card.bg-light, .card.bg-light .card-body{
        background-color: #FBFBFB;
    }

    .card.bg-grey .card-header, .card.bg-grey .card-footer{
        background-color: #302F2D;
        color: #fff;
    }

    .card.bg-grey, .card.bg-grey .card-body{
        background-color: #302F2D;
        color: #fff;
    }
    .card.bg-grey .card-title{
        color: #fff;
    }
    .card.bg-light .card-title{
        color: #2A2A2A;
    }
    .dark-mode .card.bg-light .card-title{
        color: #fff;
    }
    .card.bg-primary .card-header, .card.bg-primary .card-footer{
        background-color: #A695FF;
    }
    .card-bordered.bg-primary .border-top,
    .card-bordered.bg-primary .border-bottom{
        border-color:  #A695FF !important;
    }


 
    .card.bg-primary, .card.bg-primary .card-body{

        background: #C7BCFF;
    }

    .card.bg-secondary .card-header, .card.bg-secondary .card-footer{
        background-color: #F9E37A;

    }

    .card.bg-secondary, .card.bg-secondary .card-body{
        background-color: #FFED93;
    }


    .card-bordered.bg-secondary .border-top,
    .card-bordered.bg-secondary .border-bottom{
        border-color: #FFE046!important;
    }

    .card-bordered.bg-secondary {
        border-color: #FFE046!important;
    }

    .dark-mode .card.card-bordered, .dark-mode .card-bordered .border-top, .dark-mode .card-bordered .border-bottom{
        border-color: #606060 !important;
    }
    .dark-mode .card, .dark-mode .card-body{
        color: #fff;
        background-color: #2A2A2A;
    }
    .dark-mode .card-footer, .dark-mode .card-header{
        background-color: #2A2A2A;
        color: #fff;
    }
    .dark-mode .card.bg-primary .card-title, .dark-mode .card.bg-secondary .card-title{
        color: #2A2A2A;
    }



    .dark-mode .card.bg-light .card-header, .dark-mode .card.bg-light .card-footer{
        background-color: #2A2A2A;
    }
    .dark-mode .card.bg-light, .dark-mode .card.bg-light .card-body{
        background-color: #363533;
    }


    .dark-mode .card.bg-grey .card-header, .dark-mode .card.bg-grey .card-footer{
        background-color: #F4F4F4;
        color: #2A2A2A;
    }
    .dark-mode .card.bg-grey, .dark-mode .card.bg-grey .card-body{
        background-color: #FBFBFB;
        color: #2A2A2A;
    }

    .dark-mode .card.bg-grey .card-title{
        color: #2A2A2A;
    }
    
    .dark-mode .card.bg-grey.card-bordered, .dark-mode .card-bordered.bg-grey .border-top, .dark-mode .card-bordered.bg-grey .border-bottom{
        border-color: #E0E0E0 !important;
    }

    .dark-mode .card.bg-primary.card-bordered, .dark-mode .card-bordered.bg-primary .border-top, .dark-mode .card-bordered.bg-primary .border-bottom{
        border-color: #A695FF !important;
    }

    .dark-mode .card.bg-secondary.card-bordered, .dark-mode .card-bordered.bg-secondary .border-top, .dark-mode .card-bordered.bg-secondary .border-bottom{
        border-color: #FFE046 !important;
    }
    

    .dark-mode .card.bg-primary .card-header, .dark-mode .card.bg-secondary .card-header,
    .dark-mode .card.bg-primary .card-footer, .dark-mode .card.bg-secondary .card-footer{
    color: #2A2A2A;
}
   

.modal-content{

}

.modal-header, .dark-mode .modal-header{
    border-bottom: #E0E0E0 1px solid !important;
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
    padding: 20px;
    color: #2A2A2A;
    background-color: #fff;
}
.dark-mode .modal-header .modal-title{
    color: #2A2A2A;
}
.modal-body , .dark-mode .modal-body{
    font-size: 13px;
    line-height: 18px;
    padding: 20px;
    color: #606060;
    background-color: #fff;
}

.modal-footer, .dark-mode .modal-footer{
background-color: #EDE9FF;
padding: 20px;
border-color: #E0E0E0 !important;
}

.modal-footer .sub-text, .dark-mode .modal-footer .sub-text{
    color: #7157F6;
    font-weight: 600;
}

.dark-mode .close{
    color: #2A2A2A !important;
}

.popover-body, .popover-arrow, .popover-arrow::after, .popover-arrow::before{
    border: none;
}

.popover{
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.popover-header{
    background-color: #fff;
    padding: 6px 8px;
    color: #2A2A2A;
font-size: 13px;
font-weight: 600;
line-height: 18px; /* 138.462% */
}
.popover-body{
    
    color: #606060;
    font-size: 10px;
    font-weight: 400;
    line-height: 13px; /* 130% */
}

.progress{
    border-radius: 20px;
    background: #E0E0E0 !important;
    height: 6px;
}
.dark-mode .progress{
    background-color: #606060 !important;
}
.progress-bar{
    height: 6px;
    border-radius: 20px;
}

.progress-bar{
    background-color: #FFE046;
}

.progress-bar.bg-primary{
    background-color: #856FF8;
}

.nav-tabs{
    border-radius:6px;
    background: #EBEBEB;
    display: inline-flex;
    padding: 2px;
    align-items: flex-start;
    gap: 2px;
}

.nav-tabs .nav-link{
    display: flex;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius:6px;
    color: #2A2A2A;
    font-size: 13px;
    line-height: 18px; /* 138.462% */
    letter-spacing:  0;
    border: none !important;
}
.nav-tabs .nav-link::after, .nav-tabs .nav-link::before{
    display: none;
}
.nav-tabs .nav-link.active{
    background: #fff;
    
    color: #2A2A2A;
}

.nav-item{
    padding: 0 !important;
}

.dark-mode .nav-tabs .nav-link.active{
    color: #2A2A2A;
}


.dark-mode .nav-tabs .nav-link{
    color: #fff;
}


.dark-mode .nav-tabs{
background-color: #606060;    
}

.toast{
    border-radius: 6px;
    border: 1px solid  #C7BCFF;
    background:  #EDE9FF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.toast-header{
    padding: 12px 16px 0;
    color: #2A2A2A;
    font-size: 13px;
    line-height: 18px;
    background-color: inherit;
    border: none;
}

.toast-header .text-muted{
    color: #848484;
    font-size: 10px;

}

.toast-body{
    border: none;
    color: #848484;
    font-size: 10px;
}

.dark-mode .toast{
    border:  #F9E37A;
    background: #FFF6C9;
    color: #2A2A2A;
}
.dark-mode .toast-header{
    color: #2A2A2A;
}
.dark-mode .toast .toast-header{
    background-color: inherit;
}
.table{
    background-color: transparent;
    border-top: none;
}
.table td, .table th{
    padding: 16px 20px;
    font-size: 12px;
    line-height: 18px;
    background-color: transparent;
}
.tb-tnx-id {
    min-width: 35px !important; 
}
.tb-tnx-account {
    min-width: 160px !important;
}
.tb-tnx-account span{
    min-width: 160px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;    
}

.table td{
    color: #848484;
}

.table th{
    color: #2A2A2A;
    font-weight: 600;
}

.table tr:first-child th{
    border-top: none;
}

.dark-mode .table td, .dark-mode .table th{
    color: #fff;
}

.dark-mode .table, .dark-mode .table td,  .dark-mode .table th{
    background-color: transparent !important;
    border-color: #606060 !important;
}

.form-control{
    height: 48px;
    padding: 15px 12px 15px 16px;
    border-radius:6px;
    border: 1px solid #E0E0E0;
    background: #FBFBFB;
    font-size: 15px;
    color: #2A2A2A;
}

.form-control::placeholder{
    color: #B1B1B1;
}

.form-control:focus{
    color: #2A2A2A;
    border: 1px solid #E0E0E0;
    box-shadow: none;
    background: #FBFBFB;
}

.form-control.error{
    border-color: #E14F35 !important;
}

.form-control:disabled{
    border: 1px solid  #EBEBEB;
    background:  #F4F4F4;
}

.form-control:disabled::placeholder{
    color: #E0E0E0;
}

.dark-mode .form-control{
    border: 1px solid #606060 !important;
    background: #363533;
    color: #fff;
}

.dark-mode .form-control::placeholder{
    color: #848484;
}

.dark-mode .form-control:disabled::placeholder{
    color: #848484;
}

.dark-mode .form-control:disabled{

border: 1px solid #848484 !important;
background:  #606060;
}

.custom-control-sm::before{
    height: 18px;
    width: 18px;

}
.custom-control-sm{
    font-size: 11px;
}
.custom-control-md::before{
    height: 24px;
    width: 24px;

}
.custom-control-md{
    font-size: 13px;
}
.custom-control-lg::before{
    width: 28px;
    height: 28px;

}

.custom-control::before{
    background-color: #856FF8;
    border: 1px solid #856FF8;
    box-shadow: none !important;
}
.custom-control-lg{
    font-size: 15px;
}
.dark-mode .custom-control{
    color: #CDCDCD !important;
}
.dark-mode .custom-control-label::before{
    background-color: var(--color-surface-secondary, #363533) !important;
    border:1px solid #606060 !important;
}
.dark-mode .custom-control-input:checked ~ .custom-control-label::before{
    background-color: var(--color-button-secondary-default-back, #FFE046) !important;
    border:1px solid #FFEE9A !important;
}
.dark-mode .custom-control-label::after{
    color: #2A2A2A;
}

.custom-radio .custom-control-label:after{
    font-size: 1.25rem;
}
.custom-control-label:disabled{
    background-color: var(--color-button-general-disabled-back, #F4F4F4);

    border:1px solid #EBEBEB;
    color: #E0E0E0;
}
.custom-control
.dark-mode .custom-control-label:disabled{
    background-color: var(--color-button-general-disabled-back, #606060);
    border:1px solid #848484;
    color: #848484;
}

.custom-switch.custom-control-sm .custom-control-label::before{
    width: 20px;
    padding: 1px;
    height: 11px;
}

.custom-switch.custom-control-md .custom-control-label::before{
    width: 24px;
    padding: 1px;
    height: 13px;
}   

.custom-switch.custom-control-lg .custom-control-label::before{
    width: 26px;
    padding: 1px;
    height: 15px;
}

.custom-switch.custom-control-sm .custom-control-label::after{
    width: 9px;
    height: 9px;
}

.custom-switch.custom-control-md .custom-control-label::after{
    width: 11px;
    height: 11px;
}

.custom-switch.custom-control-lg .custom-control-label::after{
    width: 13px;
    height: 13px;
}

.custom-switch.custom-control .custom-control-label::after, .custom-switch.custom-control .custom-control-label::before{
top: 50% !important;
transform: translateY(-50%) !important;
}

.custom-switch.custom-control .custom-control-label::after{
    left: calc(-3.6rem + 1px) !important;
    background-color: #fff !important;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::after{
        left: calc(-2rem + 1px) !important;
}
.custom-switch.custom-control{
    padding-left: 2.2rem !important;
}

.dark-mode .custom-control-input:checked ~ .custom-control-label::before{

}

.custom-switch.custom-control-sm .custom-control-input:checked ~ .custom-control-label::after{
    left: calc(-2rem + 10px) !important;
}

.custom-switch.custom-control-md .custom-control-input:checked ~ .custom-control-label::after{
    left: calc(-2rem + 12px) !important;
}

.custom-switch.custom-control-lg .custom-control-input:checked ~ .custom-control-label::after{
    left: calc(-2rem + 12px) !important;
}

.custom-switch .custom-control-label::before{
    border-radius: var(--number-border-radius-border-20, 20px);
    background: var(--Color-Neutral-300, #E0E0E0);
    border: none !important;
}

.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before{
    background-color: #856FF8 !important;
    border: none !important;
}

.amount{
    font-family: "Bebas Neue";
    font-size: var(--Text-Size-34, 34px);
}
.nk-order-ovwg-data{
    padding: 20px;
}
.nk-order-ovwg-data .info{
    font-size: var(--Text-Size-13, 13px);
    color: #606060;
}

.nk-order-ovwg-data.sell{
    border-radius: var(--number-border-radius-border-8, 8px);
border: 1px solid var(--color-border-primary, #E0E0E0);
    background: var(--color-cards-card-surface-2, #FBFBFB);

}

.nk-order-ovwg-data.blocked-balance{
    border-radius: var(--number-border-radius-border-8, 8px);
    border: 1px solid var(--color-cards-card-border-yellow, #FFE046);
    background: var(--color-cards-card-surface-5, #FFED93);
}

.nk-order-ovwg-data.buy{
    border-radius: var(--number-border-radius-border-8, 8px);
    border: 1px solid var(--color-cards-card-border-4, #A695FF);
    background: var(--color-cards-card-surface-4, #C7BCFF);
}

.nk-order-ovwg-data.blocked-balance .amount{
   color: #DEBF2E;
}

.nk-order-ovwg-data.buy .amount{
   color: #7157F6;
}

.dark-mode nk-order-ovwg-data.sell{
    border-radius: var(--number-border-radius-border-8, 8px);
    border: 1px solid var(--color-border-primary, #606060);
    background: var(--color-cards-card-surface-2, #363533);
}

.dark-mode nk-order-ovwg-data.sell .amount{
    color: #fff;
}

.title .h1, h1{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Headline Large */
    font-family: Inter;
    font-size: var(--Text-Size-28, 28px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Text-Height-34, 34px); /* 121.429% */
    letter-spacing: var(--Text-Spacing-spacing-2, -1px);
}

.title .h2, h2{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Headline Regular */
    font-family: Inter;
    font-size: var(--Text-Size-22, 22px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Text-Height-28, 28px); /* 127.273% */
    letter-spacing: var(--Text-Spacing-spacing-3, -0.75px);
}

.title .h3, h3{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Title Large */
    font-family: Inter;
    font-size: var(--Text-Size-17, 17px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Text-Height-22, 22px); /* 129.412% */
    letter-spacing: var(--Text-Spacing-spacing-3, -0.75px);
}
.title .h4, h4{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Title Regular */
    font-family: Inter;
    font-size: var(--Text-Size-15, 15px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Text-Height-20, 20px); /* 133.333% */
    letter-spacing: var(--Text-Spacing-spacing-4, -0.5px);
}
.title .h5, h5{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Title Small */
    font-family: Inter;
    font-size: var(--Text-Size-13, 13px);
    font-style: normal;
    font-weight: 600;
    line-height: var(--Text-Height-18, 18px); /* 138.462% */
    letter-spacing: var(--Text-Spacing-spacing-6, 0);
}


body{
    color: var(--color-text-black-2-text, #2A2A2A);

    /* Body Regular */
    font-family: Inter;
    font-size: var(--Text-Size-15, 15px);
    font-style: normal;
    font-weight: 400;
    line-height: var(--Text-Height-20, 20px); /* 133.333% */
    letter-spacing: var(--Text-Spacing-spacing-4, -0.5px);
}

.hb{
    background-color: #fff;
    padding: 312px 62px 240px;
    width: 690px;
    max-width: 690px;
}

/* Стили для модального окна с анимацией */
#modalBDay {
    transition: opacity 0.3s ease-in-out;
}

#modalBDay .modal-dialog {
    position: relative;
    overflow: hidden;
}

#modalBDay .modal-dialog::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

#modalBDay .modal-content {
    position: relative;
    z-index: 3;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: none;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

#modalBDay lottie-player {
    pointer-events: none;
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .hb {
        padding: 200px 20px 150px;
        width: 100%;
        max-width: 100%;
    }
    
    .hb-title {
        font-size: 1.5rem;
    }
    
    .hb-text {
        font-size: 0.9rem;
        margin-top: 20px;
    }
}
.modal-dialog{
    max-width: 690px; 
}
.modal{
    background-color: rgba(12, 12, 12, .8);
}


.nk-auth-body, .nk-auth-footer{
  width: 100%;
  max-width: 100%;

}

.nk-auth-container{
    border-radius: var(--number-border-radius-border-16, 16px);
    background: var(--Color-Neutral-0, #FFF);
    box-shadow: 0 0 100px 20px rgba(0, 0, 0, 0.10);
    margin: 16px;
    max-width: 100%;
    width: 40%;
    display: flex;
    justify-content: space-between;
    padding: 24px;
    min-width: 520px;
}

.lottie-bg{
  height: 100vh; /* Фолбэк для браузеров, которые не поддерживают custom properties */
  height: calc(var(--vh, 1vh) * 100);
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;

}
.auth-title{
  color: var(--Color-Neutral-900, #2A2A2A);
  /* Display Large */
  font-family: "Bebas Neue";
  font-size: var(--Text-Size-57, 57px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Text-Height-51, 51px); /* 89.474% */
  letter-spacing: var(--Text-Spacing-spacing-1, -1.5px);
}

.nk-block-head h2:not(:last-child), .nk-block-head .h2:not(:last-child) {
    margin-bottom: .5rem;
}

.nk-block-des{
  color: var(--Color-Neutral-900, #2A2A2A);
  font-size: var(--Text-Size-13, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Text-Height-18, 18px); /* 138.462% */
  letter-spacing: var(--Text-Spacing-spacing-6, 0);
  margin-top: 1.25em;
}
.auth-form{
  margin-top: 32px;
  max-width: 444px;
  margin-right: auto;
  margin-left: auto;
}

.form-select{
  display: flex;
  height: 48px;
  padding: 2px 2px 2px 16px;
  align-items: center;
  gap: var(--Spacing-12px, 12px);
  flex: 1 0 0;
  border-radius: var(--number-border-radius-border-6, 6px);
  border: 1px solid var(--color-border-primary, #E0E0E0);
  background-color: var(--color-surface-secondary, #FBFBFB);
  font-size: 15px;
  color: #2A2A2A;
  background-size: 20px;
}

.form-select:focus {
    border: 1px solid var(--color-border-primary, #E0E0E0);
    box-shadow: none;
}
.form-text-sm{
  color: var(--Color-Neutral-900, #2A2A2A);
  font-size: var(--Text-Size-10, 10px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Text-Height-13, 13px); /* 130% */
  letter-spacing: var(--Text-Spacing-spacing-6, 0);
  margin-top: 12px;
}

.lang-link{
  color: var(--Color-Neutral-900, #2A2A2A);
text-align: right;

/* Title Small */

font-size: var(--Text-Size-13, 13px);
font-style: normal;
font-weight: 600;
line-height: var(--Text-Height-18, 18px); /* 138.462% */
letter-spacing: var(--Text-Spacing-spacing-6, 0);
}

.auth-footer-nav li a{
  color: var(--Color-Neutral-900, #2A2A2A);
  font-size: var(--Text-Size-13, 13px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--Text-Height-18, 18px); /* 138.462% */
  letter-spacing: var(--Text-Spacing-spacing-6, 0);
}
.auth-footer-nav li{
  display: flex;
  align-items: center;
}
.auth-footer-nav li:not(:last-child)::after{
  background-color: #856FF8;
  height: 4px;
  width: 4px;
  border-radius: 50%;
  content: '';
  margin: 0 16px;
}

.nk-auth-footer{
  padding-bottom: 0;
}
  .sub-text{
    color: var(--Color-Neutral-900, #2A2A2A);

font-size: var(--Text-Size-13, 13px);
font-style: normal;
font-weight: 400;
line-height: var(--Text-Height-15, 15px); /* 130% */
letter-spacing: var(--Text-Spacing-spacing-6, 0);
  }
  .tade-logo{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='68' height='68' viewBox='0 0 68 68' fill='none'%3E%3Cpath d='M15.6851 0C24.35 0 31.3721 6.94076 31.3721 15.5013C31.3721 24.0637 24.35 31.0027 15.6851 31.0027C7.02208 31.0027 0 24.0637 0 15.5013C0 6.94076 7.02208 0 15.6851 0ZM52.3113 36.9991C60.9761 36.9991 68 43.9381 68 52.4969C68 61.0592 60.9761 68 52.3113 68C43.6482 68 36.6261 61.0592 36.6261 52.4969C36.6261 43.9381 43.6482 36.9991 52.3113 36.9991ZM52.3113 0C60.9761 0 68 6.94076 68 15.5013C68 24.0637 60.9761 31.0027 52.3113 31.0027C43.6482 31.0027 36.6261 24.0637 36.6261 15.5013C36.6261 6.94076 43.6482 0 52.3113 0ZM15.6851 36.9991C24.35 36.9991 31.3721 43.9381 31.3721 52.4969C31.3721 61.0592 24.35 68 15.6851 68C7.02208 68 0 61.0592 0 52.4969C0 43.9381 7.02208 36.9991 15.6851 36.9991Z' fill='white'/%3E%3C/svg%3E");
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 2;
    background-size: contain;
    height: 68px;
    width: 68px;
  }
@media (max-width: 767px) {
  .nk-auth-container{
    width: calc(100% - 24px);
    min-width: calc(100% - 24px);
    max-width: calc(100% - 24px);
    margin: 12px;
    padding: 12px;
  }
    .tade-logo{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='21' viewBox='0 0 77 21' fill='none'%3E%3Cpath d='M12.0589 4.07783L12.0771 0.000244141H0.0182109L0 4.07783H3.5765L3.5009 21.0001H8.43826L8.51386 4.07783H12.0589ZM25.0162 21.0001L20.9629 0.000244141H15.3297L11.0264 21.0001H15.9009C16.009 20.3592 16.1227 19.6365 16.243 18.8301C16.3622 18.0246 16.4764 17.2821 16.5851 16.6021H19.5596L20.2052 21.0001H25.0162ZM18.8819 12.5245H17.2678C17.3329 12.1172 17.4146 11.554 17.5128 10.8354C17.611 10.1168 17.7037 9.41795 17.7909 8.73793C17.8781 8.05892 17.9548 7.46625 18.0205 6.96144C18.0862 6.45663 18.1187 6.20423 18.1187 6.20423C18.1187 6.20423 18.1441 6.45155 18.1949 6.94671C18.2451 7.44238 18.3113 8.03404 18.3924 8.72371C18.4741 9.41287 18.5602 10.1122 18.6523 10.8206C18.744 11.5291 18.8201 12.0974 18.8819 12.5245ZM39.5971 14.4762L39.6324 6.55363C39.6418 4.43739 39.1164 2.8158 38.0552 1.68938C36.9951 0.563458 35.4097 0.000244141 33.2994 0.000244141H27.0641L26.9709 21.0001H32.9843C35.2849 21.0001 36.9592 20.442 38.0089 19.3257C39.0579 18.209 39.5877 16.5924 39.5971 14.4762ZM34.6884 15.0882C34.6851 15.787 34.5251 16.2964 34.2066 16.6168C33.8888 16.9373 33.3496 17.0978 32.5903 17.0978H31.8944L31.9529 3.93207H32.6488C33.4506 3.93207 33.9986 4.08748 34.2927 4.39829C34.5869 4.7091 34.732 5.28196 34.7281 6.11688L34.6884 15.0882ZM53.2972 21.0001L53.3154 16.9226H46.6684L46.6899 12.1751H52.4186L52.4368 8.09752H46.7081L46.7258 4.07783H52.8976L52.9158 0.000244141H41.8061L41.7128 21.0001H53.2972ZM60.8674 0.736129C63.5394 0.736129 65.7048 2.72947 65.7048 5.188C65.7048 7.64705 63.5394 9.63988 60.8674 9.63988C58.1959 9.63988 56.0304 7.64705 56.0304 5.188C56.0304 2.72947 58.1959 0.736129 60.8674 0.736129ZM72.162 11.362C74.834 11.362 77 13.3549 77 15.8129C77 18.2719 74.834 20.2653 72.162 20.2653C69.4905 20.2653 67.3251 18.2719 67.3251 15.8129C67.3251 13.3549 69.4905 11.362 72.162 11.362ZM72.162 0.736129C74.834 0.736129 77 2.72947 77 5.188C77 7.64705 74.834 9.63988 72.162 9.63988C69.4905 9.63988 67.3251 7.64705 67.3251 5.188C67.3251 2.72947 69.4905 0.736129 72.162 0.736129ZM60.8674 11.362C63.5394 11.362 65.7048 13.3549 65.7048 15.8129C65.7048 18.2719 63.5394 20.2653 60.8674 20.2653C58.1959 20.2653 56.0304 18.2719 56.0304 15.8129C56.0304 13.3549 58.1959 11.362 60.8674 11.362Z' fill='%232A2A2A'/%3E%3C/svg%3E");position: fixed;
    top: 24px;
    right: 24px;
    z-index: 2;
    background-size: contain;
    width: 77px;
    height: 21px;

  }
  .auth-header{
    display: none !important;
  }
  .nk-auth-body{
    padding: 0;
  }
  .nk-split-page.auth-page{
    align-content: flex-end;
  }
  .nk-auth-footer{
    padding-left: 0;
    padding-right: 0;
  }
  .sub-text{
    color: var(--Color-Neutral-900, #2A2A2A);

font-size: var(--Text-Size-10, 10px);
font-style: normal;
font-weight: 400;
line-height: var(--Text-Height-13, 13px); /* 130% */
letter-spacing: var(--Text-Spacing-spacing-6, 0);
  }

}


.nk-block + .nk-auth-footer{
    padding: 0;
}

.nk-auth-footer .nav{
    padding: 0;
    margin: 0;
}

.nk-auth-footer .nav-link{
    padding: 0;
}

@media (max-width: 767px) {
    h2.nk-block-title{
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .auth-title{
        font-size: var(--Text-Size-34, 34px);
        line-height: 32px;
    }
    .nk-block-des {
        margin-top: 0;
    }
    .auth-form{
        margin-top: 18px;
        padding-bottom: 16px;
        border-radius: 12px;
    }
    .nk-block-head{
        padding-bottom: 10px;
    }
    #sms-to-send{
        margin-bottom: 12px;
    }
    .auth-form #btn-phonecheck{
        font-size: 13px;
        padding: 8px 16px;
        height: 34px;
    }
    .auth-form .form-control, .auth-form .form-select{
        font-size: 13px;
        height: 38px;
    }
    .auth-form .not-found, .auth-form .sms-checker{
        margin-top: 12px;
    }
}


.icon-circle{
    flex-shrink: 0;
}

.user-avatar.bg-primary{
    background-color: #F9E37A !important;
    color: #2A2A2A;
}

thead, tbody, tfoot, tr, td, th{
    border-color: #E0E0E0 !important; 
}



.dark-mode thead, .dark-mode tbody, .dark-mode tfoot, .dark-mode tr, .dark-mode td, .dark-mode th{
    border-color: #606060 !important;
}

/* .table-responsive, .table{
    margin-left: -24px;
    width: calc(100% + 48px);
} */
/* .table-responsive .table{
    margin-left: 0;
    width: 100%;
} */

.tb-tnx-amount.is-alt{
    min-width: 310px;
}
@media (max-width: 768px) {
    .tb-tnx-amount.is-alt {
        position: absolute;
        display: inline-flex;
        right: 1.25rem;
        width: auto;
        height: 100%;
        min-width: 0;
        gap: 8px;
        padding-left: 0;
        padding-right: 0;
        flex-direction: column-reverse;
        height: auto;
    }
    .td-alert{
        flex-wrap: wrap;
        gap: 1rem;
    }
    .tb-tnx-id{
        width: 60px;
        flex-shrink: 0;
    }
    .tb-tnx-account{
        width: calc(100% - 60px);
    }
    .tb-tnx-info{
        padding-top: 0 !important;
    }
}

.nk-split-page{
    min-height: 100vh; /* Фолбэк для браузеров, которые не поддерживают custom properties */
    min-height: calc(var(--vh, 1vh) * 100);
}

.tb-tnx-date .date, .tb-tnx-date > span > span{
    width: 100%;
}

body.dark-mode, .dark-mode .sub-text{
    color: #fff;
}


.dark-mode .note-editor .btn, 
.dark-mode .note-editor .dual-listbox .dual-listbox__button, 
.dual-listbox .dark-mode .note-editor .dual-listbox__button, 
.dark-mode .ql-picker, .dark-mode .tox .tox-tbtn__select-label, 
.dark-mode .tox .tox-mbtn__select-label, 
.dark-mode .lead-text span, 
.dark-mode .data-list-s2 .data-label, 
.dark-mode .btn-trigger, 
.dark-mode .dropdown .btn.btn-icon:not(.btn-light), 
.dark-mode .dropdown .dual-listbox .btn-icon.dual-listbox__button:not(.btn-light), 
.dual-listbox .dark-mode .dropdown .btn-icon.dual-listbox__button:not(.btn-light), 
.dark-mode .dropdown .dt-buttons .btn.btn-secondary:not(.btn-light), 
.dt-buttons .dark-mode .dropdown .btn.btn-secondary:not(.btn-light),
 .dark-mode .dropdown .dual-listbox .dt-buttons .dual-listbox__button.btn-secondary:not(.btn-light), 
 .dual-listbox .dt-buttons .dark-mode .dropdown .dual-listbox__button.btn-secondary:not(.btn-light), 
 .dark-mode .dropdown .dt-buttons .dual-listbox .dual-listbox__button.btn-secondary:not(.btn-light), 
 .dt-buttons .dual-listbox .dark-mode .dropdown .dual-listbox__button.btn-secondary:not(.btn-light), 
 .dark-mode .list-step li.list-step-done,
.dark-mode .team-info li span:first-child, 
.dark-mode .team-statistics li span:last-child, 
.dark-mode .project-progress-task, .dark-mode .table, 
.dark-mode .nk-tb-list, 
.dark-mode .nk-tb-list .tb-amount span, 
.dark-mode .nk-tb-list .tb-amount .currency, 
.dark-mode .tb-tnx-item .tb-tnx-total, 
.dark-mode .tb-odr-item .tb-odr-total, 
.dark-mode .user-balance-sub span, 
.dark-mode .dropdown-menu, 
.dark-mode .pln, 
.dark-mode .overline-title, 
.dark-mode .nk-block-des strong, 
.dark-mode .data-item:hover .data-value, 
.dark-mode .data-item:hover .data-label, 
.dark-mode .nk-notification-text, 
.dark-mode .profile-ud-value, 
.dark-mode .bq-note-meta span > span,
 .dark-mode .tagify__tag > div, 
 .dark-mode .popover-body, 
 .dark-mode .input-mail::placeholder, 
 .dark-mode .list-apps-title,
.dark-mode .form-note-alt, .dark-mode .tb-tnx-item .tb-tnx-date,
.dark-mode .nk-block-des, .dark-mode .card-title p, .dark-mode .nk-sale-data .sub-title, .dark-mode .link-check li span, .dark-mode .data-value, .dark-mode .custom-file-label, .dark-mode .form-select, .dark-mode .form-control-select-multiple .form-select option, .dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered, .dark-mode .select2-container--default .select2-selection--multiple .select2-selection__rendered, .dark-mode .ui-timepicker-standard a, .dark-mode .note-placeholder, .dark-mode [class*=knob], .dark-mode .tox .tox-tbtn:hover, .dark-mode .tox .tox-statusbar a, .dark-mode .tox .tox-statusbar__path-item, .dark-mode .tox .tox-statusbar__wordcount, .dark-mode .tox-collection__item-label > *, .dark-mode .nk-quick-nav-icon, .dark-mode .dropzone .dz-message span, .dark-mode .datepicker table tr td.today, .dark-mode .datepicker table tr td.today:hover, .dark-mode .datepicker table tr td.today.disabled, .dark-mode .datepicker table tr td.today.disabled:hover, .dark-mode .datepicker table tr td.day:hover, .dark-mode .datepicker table tr td.day.focused, .dark-mode .page-link, .dark-mode .alert-pro, .dark-mode .nk-news-text p span, .dark-mode .language-item, .dark-mode .nk-tb-list .tb-lead-sub, .dark-mode .nk-tb-list .tb-amount-sub {
    color: #fff !important;
}


.swal2-show{
    animation: none !important;
}


.swal2-container{
display: flex;
position: fixed;
z-index: 1060;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
min-height: -webkit-fill-available;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0.625em;
overflow-x: hidden;
transition: background-color 0.1s;
/* Критически важно для исправления */
transform: translateZ(0);
backface-visibility: hidden;
}

html{
    transform: none !important;
}

.form-control[type="file"] {
    height: auto;
    padding: 7px 12px 3px 16px;
    border-radius: 6px;
    border: 1px solid #E0E0E0;
    background: #FBFBFB;
    font-size: 15px;
    color: #2A2A2A;
}