@import url("https://fonts.googleapis.com/earlyaccess/droidarabickufi.css");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500;1,600");

@import url("app-assets/vendors/css/vendors.min.css");
@import url("app-assets/vendors/css/forms/wizard/bs-stepper.min.css");
@import url("app-assets/fonts/boxicons/css/boxicons.css");
@import url("app-assets/vendors/css/charts/apexcharts.css");
@import url("app-assets/vendors/css/extensions/toastr.min.css");
@import url("app-assets/vendors/css/tables/datatable/dataTables.bootstrap5.min.css");
@import url("app-assets/vendors/css/tables/datatable/responsive.bootstrap5.min.css");

@import url("app-assets/vendors/css/forms/select/select2.min.css");
@import url("app-assets/vendors/css/file-uploaders/dropzone.min.css");

@import url("app-assets/vendors/css/extensions/jstree.min.css");

@import url("app-assets/vendors/css/pickers/pickadate/pickadate.css");
@import url("app-assets/vendors/css/pickers/daterange/daterangepicker.css");


@import url("app-assets/vendors/css/editors/quill/katex.min.css");
@import url("app-assets/vendors/css/editors/quill/monokai-sublime.min.css");
@import url("app-assets/vendors/css/editors/quill/quill.snow.css");
@import url("app-assets/vendors/css/editors/quill/quill.bubble.css");

@import url("app-assets/css/bootstrap.css");
@import url("app-assets/css/bootstrap-extended.css");
@import url("app-assets/css/colors.css");
@import url("app-assets/css/components.css");
@import url("app-assets/css/themes/dark-layout.css");
@import url("app-assets/css/themes/bordered-layout.css");
@import url("app-assets/css/themes/semi-dark-layout.css");



@import url("app-assets/css/core/menu/menu-types/vertical-menu.css");
@import url("app-assets/css/plugins/charts/chart-apex.css");
@import url("app-assets/css/plugins/extensions/ext-component-toastr.css");
@import url("app-assets/css/pages/app-invoice-list.css");
@import url("app-assets/css/pages/app-chat.css");
@import url("app-assets/css/pages/app-chat-list.css");
@import url("app-assets/css/pages/app-file-manager.css");
@import url("app-assets/css/plugins/forms/form-wizard.css");
@import url("app-assets/css/pages/authentication.css");
@import url("app-assets/css/bootstrap-tagsinput.css");
@import url("app-assets/css/Flat.css");
@import url("app-assets/css/chosen/chosen.css");
@import url("app-assets/css/ImageSelect.css");

@import url("assets/css/style.css");

.preloader {
    background-color: rgba(255,255,255,0.65);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    margin: 0 auto;
}
.preloader .preloader-circle {
    width: 100px;
    height: 100px;
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-top-color: #2f3c72;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    z-index: 10;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15);
    background-color: #fff;
    -webkit-animation: zoom 2000ms infinite ease;
    animation: zoom 2000ms infinite ease;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.preloader .preloader-circle2 {
    border-top-color: #0078ff;
}
.preloader .preloader-img {
    position: absolute;
    top: 50%;
    z-index: 200;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: 6px;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.preloader .preloader-img img {
    max-width: 55px;
}
.preloader .pere-text strong {
    font-weight: 800;
    color: #dca73a;
    text-transform: uppercase;
}
.variant-avatar{
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    background-size: cover;
    width: 100%;
}

.cat-avatar{
    border: 1px solid #ccc;
    border-radius: 3px;
    cursor: pointer;
    background-size: cover;
    width: 65%;
    display: block;
    margin: 0px auto;
}

.tbl-img{
    border: 1px solid #e5e5e5;
    width: 60px;
    padding: 0.15rem;
}

@-webkit-keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: 0.6s;
        -o-transition: 0.6s;
        transition: 0.6s;
    }
}







/* KYC START */

.nk-kyc-app-icon {
    margin-bottom: 2rem;
}
.nk-kyc-app-icon .icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 80px;
    font-size: 36px;
    border-radius: 50%;
    color: #8094ae;
    border: 2px solid #dbdfea;
}
.nk-kyc-app-text:not(:last-child) {
    margin-bottom: 2rem;
}
.nk-kycfm-head {
    display: flex;
    align-items: center;
}
.nk-kycfm-head, .nk-kycfm-content, .nk-kycfm-footer {
    padding: 1.5rem;
}
.nk-kycfm-head:not(:last-child), .nk-kycfm-content:not(:last-child), .nk-kycfm-footer:not(:last-child) {
    border-bottom: 1px solid #e5e9f2;
}
.nk-kycfm-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
    font-size: 16px;
    border-radius: 50%;
    color: #526484;
    border: 2px solid #dbdfea;
    margin-right: 1rem;
    flex-shrink: 0;
}
.nk-kycfm-title .title {
    margin: .25rem 0;
}
.nk-kycfm-content .title {
    margin-bottom: .75rem;
}
.nk-kycfm-note {
    color: #8094ae;
    display: flex;
}
.nk-kycfm-note:not(:last-child) {
    margin-bottom: 1rem;
}
.nk-kycfm-note .icon {
    margin-right: .5rem;
    font-size: .875rem;
    line-height: 1.65;
}
.nk-kycfm-label {
    display: flex;
    align-items: center;
    border: 2px solid #e5e9f2;
    border-radius: 4px;
    padding: .5rem 2.875rem .5rem 1rem;
    font-size: 13px;
    line-height: 1.3;
    letter-spacing: -0.01rem;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s;
    margin-bottom: 0;
}
.nk-kycfm-label::after {
    position: absolute;
    right: 1.375rem;
    top: 50%;
    height: 20px;
    width: 20px;
    line-height: 20px;
    font-size: 12px;
    border-radius: 50%;
    transform: translateY(-50%);
    font-family: "boxicons";
    content: "✓";
    color: #fff;
    background: #0971fe;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity .3s;
}
.nk-kycfm-label-icon {
    position: relative;
    width: 34px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-right: 12px;
}
.nk-kycfm-label-icon .label-icon {
    transition: all .3s;
    color: #8094ae;
    width: 100%;
    height: 28px;
}
.nk-kycfm-label-icon .label-icon svg {
    width: 80%;
}

.nk-kycfm-control {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0;
}
.nk-kycfm-control-list {
    display: flex;
    flex-wrap: wrap;
}
.nk-kycfm-control-list+* {
    margin-top: 1.25rem;
}
.nk-kycfm-control-item {
    position: relative;
    flex-grow: 1;
}
.nk-kycfm-control:checked~.nk-kycfm-label {
    border-color: #0971fe;
}
.nk-kycfm-control:checked~.nk-kycfm-label:after {
    opacity: 1;
}
.nk-kycfm-control:checked~.nk-kycfm-label .label-icon {
    color: #0971fe;
}
.nk-kycfm-upload:not(:first-child) {
    margin-top: 1.5rem;
}
@media(min-width: 576px) {
    .nk-kycfm-head, .nk-kycfm-content, .nk-kycfm-footer {
        padding: 1.5rem 2.25rem;
    }
    .nk-kycfm-content {
        padding-bottom: 1.75rem;
    }
    .nk-kycfm-footer {
        padding: 2.25rem;
    }
}




.nk-kyc-app-icon .icon, .dark-mode .nk-kycfm-head:not(:last-child), .dark-mode .nk-kycfm-content:not(:last-child), .dark-mode .nk-kycfm-footer:not(:last-child) {
    border-color: #1d2d40;
}
.dark-mode .nk-wg4-switcher>li>.dropdown>a, .dark-mode .buysell-cc-choosen, .dark-mode .buysell-cc-chosen, .dark-mode .nk-kycfm-label, .dark-mode .buysell-cc-item:not(:last-child), .dark-mode .buysell-cc-dropdown .dropdown-menu, .dark-mode .buysell-pm-list, .dark-mode .buysell-pm-item:not(:last-child), .dark-mode .buysell-overview-list, .dark-mode .buysell-overview-item:not(:last-of-type) {
    border-color: #384d69;
}
.dark-mode .buysell-pm-label:before {
    border-color: #4a668a;
}
.dark-mode .nk-kycfm-count {
    border-color: #7087a4;
    color: #8094ae;
}
.dark-mode .tranx-label, .dark-mode .nk-wg1-title, .dark-mode .lead-text-lg, .dark-mode .is-dark .nk-wgw-balance .amount, .dark-mode .coin-name, .dark-mode .nk-wg7-stats .number-lg, .dark-mode .nk-wg7-stats .number, .dark-mode .buysell-pm-label .pm-name, .dark-mode .nk-kyc-app-icon .icon, .dark-mode .wallet-balance, .dark-mode .nk-wg5-amount .amount {
    color: #fff !important;
}



/* KYC END */

.acc_manager_chat{
    position: fixed;
    width: 380px;
    right: 0;
    bottom: 0;
    height: 393px;
}
.acc_manager_chat.close{
    height: 56px;
}
.acc_manager_chat.close .chat-app-window{
    display: none;
}


.tooltipSearchSuggestions input[type=search]:focus{
    border-radius:  0px 10px 0px 10px;
    border-bottom: 0;
}

.tooltipSearchSuggestions .input-group:not(.bootstrap-touchspin):focus-within .input-group-text{
    border-radius:  10px 0px 0px 0px;
    border-bottom: 0;
}


.tooltipSearchSuggestions .SearchResultContent {
    position: absolute;
    max-height: 200px;
    overflow: auto;
    background: #FFF;
    width: 97%;
    border-radius: 0px 0px 10px 10px;
    border: 1px solid #2f3c72;
    margin-top: -21px;
    border-top: 0;
    display: none;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 5%);
    z-index: 1;
}
.SearchResultContent .eachLine{
    width: 95%;
    margin: 0px auto;
    border: 1px solid #2f3c72;
    border-radius: 5px;
    box-shadow: 0 5px 20px 0 rgb(0 0 0 / 5%);
}
.SearchResultContentVisible{
    border-top: 0;
    border: 1px solid #d8d6de !important;
}
.SearchResultContentVisible .eachLine{
    border: 1px solid #d8d6de !important;
}
.SearchResultContentVisibleInput{
    border-radius:  0px 10px 0px 10px;
    border-bottom: 0;
}
.SearchResultContentVisibleInputText{
    border-radius:  10px 0px 0px 0px;
    border-bottom: 0;
}

.SearchResultContent .EachResClickable{
    cursor: pointer;
}
.SearchResultContent .EachResClickable:hover{
    color: #2f3c72;
}