@charset "UTF-8";/*!
 * Aqua Green Skin ::::
 * Package: DashLite v3.2.0
 * Updated: 2023.10.05
**/
.nk-sidebar.is-dark {
    background: #0f192a;
    border-right-color: #1c2f50
}

.nk-sidebar.is-theme {
    background: #12386c;
    border-right-color: #12386c;
}

.is-dark .nk-sidebar-head {
    border-color: #1c2f50
}

.is-theme .nk-sidebar-head {
    border-color: #086070
}

.nk-sidebar.is-dark .user-balance-alt,.nk-sidebar.is-theme .user-balance-alt {
    color: #fffc
}

.is-compact.is-theme:not(.has-hover) .nk-menu-heading:not(:first-child):before {
    background-color: #0a5f70
}

.nk-header {
    background: #f5f6fa;
    border-bottom-color: #e5e9f2
}

.nk-header.is-dark:not([class*=bg-]) {
    background: #0f192a
}

.nk-header.is-theme:not([class*=bg-]) {
    background: #0c768a;
    background: #8397b4;
    border-color: #00000020
}

@media (max-width: 1199px) {
    .nk-header.is-theme:not([class*=bg-]) {
        background-color:#0c768a
    }

    .is-theme .nk-header-title .nk-news-icon {
        display: none
    }

    .is-theme .nk-header-title .nk-news-text {
        margin-left: .51rem;
        max-width: none
    }

    .is-theme .nk-header-title .nk-news-text p {
        color: #fff;
        font-size: 16px
    }

    .is-theme .nk-header-title .nk-news-text p>span {
        color: #fff;
        opacity: .75
    }

    .is-theme .nk-quick-nav>.lead-text {
        color: #fff!important
    }

    .is-theme .user-toggle .user-name {
        color: #e4f5f3
    }

    .is-theme .lead-text span {
        color: #fffa00!important
    }
}

.is-dark .nk-menu-link {
    color: #8699b2
}

.is-dark .nk-menu-icon {
    color: #9faec2
}

.is-dark .nk-menu-badge {
    color: #38a6ba;
    background: #1c4250
}

.is-dark .nk-menu-sub .active>.nk-menu-link,.is-dark .nk-menu-link:hover,.is-dark .active>.nk-menu-link,.is-dark .nk-menu-link:hover .nk-menu-icon,.is-dark .nk-menu-item.active>.nk-menu-link .nk-menu-icon,.is-dark .nk-menu-item.current-menu>.nk-menu-link .nk-menu-icon {
    color: #1c8ea3
}

.is-dark .nk-news-icon .icon {
    color: #127c90
}

.is-dark .nk-news-text .icon {
    color: #8094ae
}

.is-dark .nk-news-text p span {
    color: #8094aee6
}

.is-dark .user-name,.is-dark .nk-news-text p {
    color: #90a1b8
}

.is-dark .nk-quick-nav-icon {
    color: #9faec2
}

.is-theme .nk-header-title .nk-news-icon {
    background: #ffffff!important;
    box-shadow: 1px 0 2px 1px #ccc
}

.is-theme .nk-menu-link {
    color: #dff3f3
}

.is-theme .nk-menu-icon {
    color: #c1e9f0
}

.is-theme .nk-menu-badge {
    color: #bbf5ff;
    background: #086070
}

.is-theme .nk-news-icon .icon {
    color: #137c90
}

.is-theme .nk-news-text .icon,.is-theme .nk-quick-nav-icon,.is-theme .overline-title {
    color: #afe5ea
}

.is-theme .nk-news-text p span,.is-theme .nk-menu-heading .overline-title {
    color: #197b8d
}

.is-theme .nk-menu-heading>h6 {
    color: #9fd3d8!important
}

.is-theme .user-name,.is-theme .nk-news-text p {
    color: #47484a
}

.is-theme .lead-text {
    color: #47484a!important
}

.card-tools-nav li a:before,.nav-tabs .nav-link:after,.progress-bar,.dot-primary,.alert-fill.alert-primary,.badge-primary,.icon-circle,.noUi-connect,.nk-msg-menu-item a:after,.ui-shady .nk-msg-item.active:after,.ui-shady .nk-msg-item.current:after,.ui-softy .nk-msg-item.active:after,.ui-softy .nk-msg-item.current:after {
    background: #127c90
}

.card-bordered.is-dark {
    border-color: #022c57
}

.card.is-dark {
    background: #022c57
}

.user-avatar,[class^=user-avatar]:not([class*=-group]) {
    background: #38c786
}

.user-status {
    color: #fff!important;
}

.nk-news-item:hover .nk-news-text .icon {
    color: #307bd8
}

.nk-menu-link:hover,.nk-menu-link:hover .nk-menu-icon,.nk-menu-item.active>.nk-menu-link .nk-menu-icon,.nk-menu-item.current-menu>.nk-menu-link .nk-menu-icon,.nk-menu-link:hover .count,.nk-menu-sub .nk-menu-link:hover,.nk-menu-sub .active>.nk-menu-link,.nk-menu-sm .nk-menu-link:hover,.nk-menu-main .nk-menu-link:hover,.nk-menu-main .nk-menu-link:focus,.nk-menu-main .nk-menu-item.active>.nk-menu-link,.nk-menu-main .nk-menu-item.current-menu>.nk-menu-link,.nk-menu-main .nk-menu-item:hover>.nk-menu-link,.is-light .nk-menu-link:hover,.is-light .active>.nk-menu-link,.active>.nk-menu-link,.active>.nk-menu-link .count,.nav-tabs .nav-link:focus,.nav-tabs .nav-link.active,.nav-tabs .nav-item.active .nav-link,.nk-menu-footer .nk-menu-icon,.nk-menu-footer .nk-menu-link:hover,.nk-footer-copyright a:hover,.page-link:hover,.list-plain a:hover,.link-check li a:hover,.link-list a:hover,.link-list-opt a:hover,.link-list-plain a:hover,.link-list-menu li.active>a,.link-list-menu a.active,.link-list-menu a:hover,.link-list-menu li.active>a .icon,.link-list-menu a.active .icon,.link-list-menu a:hover .icon,.link-list-menu li.active>a:after,.link-list-menu a.active:after,.link-list-menu a:hover:after,.list-checked li:before,.list-step li.list-step-current:before,.accordion-s2 .accordion-head .title,.accordion-s3 .accordion-head .title,.bg-outline-primary,.badge-dim.bg-primary,.badge-dot.bg-primary,.badge-dim.bg-outline-primary,.alert-primary,.form-clip,.form-text-hint,.search-submit:hover,.nk-news-icon .icon,.attach-item .icon,.attach-download:hover span,.nk-reply-meta-info .whom,.nk-msg-tags li>span .icon,.nk-msg-menu-item a:hover,.nk-msg-menu-item.active a,.user-balance,.user-avatar[class*=-primary-dim],.nk-order-ovwg-data.sell .amount,.nk-order-ovwg-data.sell .title .icon,.nk-wg-action-content p strong,a,.dropzone .dz-message-text span,.nk-switch-icon.active,.link-list-plain a .icon,.chat-upload-option a,.is-unread .chat-context .status,.add-opt:hover .sub-text,.add-opt:hover .icon,.icon[class*=bg-primary-dim] {
    color: #127c90
}

a:hover {
    color: #0c5f6c
}

.text-primary,.link-primary {
    color: #127c90!important
}

.link-primary:hover,a.text-primary:hover,a.text-primary:focus,.chat-upload-option a:hover {
    color: #0c5f6c!important
}

.border-primary,.nk-kycfm-control:checked~.nk-kycfm-label {
    border-color: #127c90!important
}

.bg-lighter {
    background-color: #f5f6fa!important
}

.bg-primary {
    background-color: #127c90!important
}

a.bg-primary:hover,a.bg-primary:focus,button.bg-primary:hover,button.bg-primary:focus {
    background-color: #1a6674!important
}

.bg-primary-dim,.dual-listbox .dual-listbox__item:active,.dual-listbox .dual-listbox__item.dual-listbox__item--selected {
    background-color: #e9f3f7!important
}

.text-primary-dim {
    color: #e4f5f3!important
}

.alert-primary,.badge-dim.bg-outline-primary {
    background-color: #e4f5f3;
    border-color: #98d3de
}

.alert-pro.alert-primary,.bg-primary,.form-control:focus,.form-control.focus,.custom-file-input:focus~.custom-file-label,.custom-control-input:focus:not(:checked)~.custom-control-label:before,.select2-container--default .select2-selection--single:focus,.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #127c90
}

.nk-order-ovwg-data.sell,.bg-outline-primary {
    border-color: #86c4d0
}

.dropdown-menu-s1 {
    border-top-color: #127c90
}

.nk-iv-wg2-amount.ui-v2 {
    border-bottom-color: #127c90
}

.page-item.active .page-link,.custom-control-input:checked~.custom-control-label:before,.custom-control-input:not(:disabled):active~.custom-control-label:before {
    background-color: #127c90;
    border-color: #127c90
}

.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before,.custom-switch .custom-control-input:disabled:checked~.custom-control-label:before {
    background-color: #7ab0d1
}

.badge-dim.bg-primary {
    background-color: #e4f5f3;
    border-color: #e4f5f3
}

.bg-primary.badge-dot {
    background: transparent!important
}

.nk-error-head {
    background: -webkit-linear-gradient(#127c90,#084f5c);
    -webkit-text-fill-color: transparent
}

.nav-switch .nav-link.active {
    background: #127c90;
    color: #fff
}

.icon-avatar {
    color: #127c90;
    background-color: #dee8f4
}

.is-theme .nk-quick-nav-icon:before {
    background-color: #004856
}

.is-theme .notification-dropdown .nk-quick-nav-icon {
    background: #0f8da5;
    border-radius: 50%
}

.is-theme .nk-quick-nav-icon.show em.icon {
    color: #fff
}

.btn-primary {
    background-color: #127c90;
    border-color: #127c90
}

.btn-primary:hover {
    background-color: #075260;
    border-color: #013740
}

.btn-primary:focus {
    background-color: #075260;
    border-color: #013740
}

.btn-primary.btn-dim {
    color: #127c90;
    background-color: #e1eff2;
    border-color: #e1eff2
}

.btn-dim.btn-outline-primary {
    color: #127c90;
    background-color: #e1eff2;
    border-color: #a7c1e1
}

.btn-dim.btn-outline-primary.btn-white {
    background-color: #fff
}

.btn-outline-primary {
    border-color: #127c90;
    color: #127c90
}

.btn-outline-primary:hover {
    background-color: #127c90;
    border-color: #127c90
}

.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled).active,.show>.btn-primary.dropdown-toggle {
    background-color: #25a2ba;
    border-color: #075260
}

.btn-trigger:focus {
    box-shadow: none
}

.form-control:focus,.form-control.focus,.custom-control-input:focus~.custom-control-label:before,.custom-file-input:focus~.custom-file-label,.select2-container--default .select2-selection--single:focus,.select2-container--default.select2-container--focus .select2-selection--multiple {
    box-shadow: 0 0 0 3px #229db31a
}

.form-control-simple:focus {
    box-shadow: none
}

.btn-primary.btn-dim:not(:disabled):not(.disabled):hover,.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover,.btn-outline-primary:not(:disabled):not(.disabled):active,.btn-outline-primary:not(:disabled):not(.disabled).active,.show>.btn-outline-primary.dropdown-toggle,.btn-primary.disabled,.btn-primary:disabled {
    background-color: #127c90;
    border-color: #127c90
}

.btn-dim.btn-outline-primary {
    color: #127c90;
    background-color: #eef0ff
}

.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):hover,.btn-dim.btn-outline-primary:not(:disabled):not(.disabled).active {
    color: #fff;
    background-color: #127c90;
    border-color: #127c90
}

.btn-azure {
    color: #fff;
    background-color: #1676fb;
    border-color: #1676fb
}

.btn-azure:hover {
    color: #fff;
    background-color: #0e55b9;
    border-color: #0e55b9
}

.btn-azure:focus {
    color: #fff;
    background-color: #0e55b9;
    border-color: #0e55b9
}

.form-focus-none:focus {
    border-color: transparent;
    box-shadow: none
}

@media (min-width: 992px) {
    .nk-menu-main>li>.nk-menu-link:before {
        background:#127c90
    }

    .is-theme .nk-menu-main>li>.nk-menu-link {
        color: #83bdc2
    }

    .is-theme .nk-menu-main>li>.nk-menu-link.nk-menu-toggle:after {
        color: #b2e4e1b3
    }
}

.datepicker table tr td.today,.datepicker table tr td.today:hover,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover {
    background-color: #dee8f4;
    color: #127c90
}

.datepicker table tr td.today:hover,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today:active,.datepicker table tr td.today:hover:active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today[disabled],.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #79a1d0
}

.datepicker table tr td.active:active,.datepicker table tr td.active:hover:active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td span:hover,.datepicker table tr td span.focused {
    background-color: #127c90
}

.alert-pro {
    background: #ffffff;
    color: #527184
}

.nk-menu-badge {
    color: #59a4ba;
    background-color: #e4f5f3
}

.is-theme .nk-sidebar-footer,.is-theme .nk-sidebar-profile-fixed {
    background: #0c768a;
    border-color: #086070
}

.is-theme .nk-menu-footer .nk-menu-link,.is-theme .sub-text,.is-theme .lead-text span {
    color: #049caa;
    font-weight: 700
}

.nav-switch-s2 .nav-link:hover,.nav-switch-s2 .nav-link:focus {
    color: #496c79
}

.nav-switch-s2 .nav-link.active {
    color: #365763
}

.active .nk-ibx-menu-text,.active .nk-ibx-menu-item .icon,.nk-reply-form-nav li a:hover,.nk-reply-form-input .toggle-opt:hover {
    color: #127c90
}

.nk-ibx-menu li.active,.nk-fmg-menu li.active {
    background: #edf3f9
}

.nk-file-name .asterisk .icon,.nk-file-name-text a.title:hover,.nk-file-link:hover .title,.active .nk-fmg-menu-item .icon,.active .nk-fmg-menu-text {
    color: #127c90
}

.nk-files-view-list .nk-file.selected {
    background-color: #e4ecf6
}

.chat.is-me .chat-msg {
    background-color: #127c90
}

.kanban-add-task {
    color: #127c90
}

.kanban-add-task:hover {
    background: #127c90;
    border-color: #127c90
}

.actions ul li a {
    border-color: #127c90;
    background: #127c90
}

.nk-wizard-simple .steps ul li.done h5,.nk-wizard-simple .steps ul li.done .number,.nk-wizard-simple .steps ul li.current h5,.nk-wizard-simple .steps ul li.current .number {
    color: #127c90
}

.nk-wizard-simple .steps ul li:after {
    background: #127c90
}

.invoice-contact ul .icon,.invoice-desc .title,.invoice-bills .table th {
    color: #127c90
}

.product-gallery .slider-nav .slider-item.slick-current .thumb,.custom-control-pro.no-control .custom-control-input:checked~.custom-control-label,.custom-control-pro.no-control .custom-control-input:not(:disabled):active~.custom-control-label,.custom-control.color-control .custom-control-label:before {
    border-color: #127c90!important
}

.custom-control-pro.no-control .custom-control-input:checked~.custom-control-label {
    color: #127c90
}

.user-month a.btn_moon:hover>.nk-file-info,.user-month a.btn_moon.active>.nk-file-info {
    background-color: #edf3f9!important
}

.trann {
    color: #cc6057!important;
    background-color: #fddddb!important;
    border-color: #cc5f56!important
}

.simm {
    color: #03799d!important;
    background-color: #d9f5f9!important;
    border-color: #1289b1!important
}

.form-check-input:checked {
    background-color: #0c768a;
    border-color: #0c768a
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0c768a;
    border-color: #0c768a
}

.comDepth01c {
    color: #ed0e71!important
}

.comDepth02c {
    color: #2a4cec!important
}

.comDepth03c {
    color: #02aa6b!important
}

.comDepth05c {
    color: #51a5f1!important
}

.comDepth04c {
    color: #e89108!important
}

.comDepth06c {
    color: #3a4053!important
}

.comDepth07c {
    color: #7b68ee!important
}

.comDepth08c {
    color: #00ced1!important
}

.comDepth09c {
    color: #d1d5db!important
}

.comDepth01 {
    background-color: #ed0e71!important
}

.comDepth02 {
    background-color: #2a4cec!important
}

.comDepth03 {
    background-color: #02aa6b!important
}

.comDepth04 {
    background-color: #51a5f1!important
}

.comDepth05 {
    background-color: #e89108!important
}

.comDepth06 {
    background-color: #3a4053!important
}

.comDepth07 {
    background-color: #7b68ee!important
}

.comDepth08 {
    background-color: #00ced1!important
}

.comDepth09 {
    background-color: #d1d5db!important;
    color: #2f3956
}

.comDepth01c,.comDepth02c,.comDepth03c,.comDepth05c,.comDepth04c,.comDepth06c,.comDepth07c,.comDepth08c,.comDepth09c,.comDepth01,.comDepth02,.comDepth03,.comDepth04,.comDepth05,.comDepth06,.comDepth07,.comDepth08,.comDepth09 {
    font-size: 10px;
    border: none
}

.tooltip-inner {
    font-size: 12px
}

.badge {
    line-height: 1rem;
    padding-top: 0;
    font-family: inherit;
    letter-spacing: normal;
    font-style: initial
}

.badge.me-1 {
    margin-right: .125rem!important
}

i.badge,em.badge {
    font-style: normal!important
}

.badge-dot.trans {
    margin-left: 5px
}

.badge-dot.trans:before {
    content: "T";
    position: absolute;
    left: -5px;
    top: 50%;
    display: inline-block;
    font-size: 10px;
    transform: translateY(-50%);
    height: 14px;
    width: 14px;
    line-height: 125%;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    color: inherit;
    background: #ffffff;
    border: 1px solid;
    border-color: inherit
}

.badge-dot.seamless {
    margin-left: 5px
}

.badge-dot.seamless:before {
    content: "S";
    position: absolute;
    left: -5px;
    top: 50%;
    display: inline-block;
    font-size: 10px;
    transform: translateY(-50%);
    height: 14px;
    width: 14px;
    line-height: 125%;
    margin: 0;
    padding: 0;
    border-radius: 3px;
    color: inherit;
    background: #ffffff;
    border: 1px solid;
    border-color: inherit
}

.badge.small.badge-date {
    font-size: 10px;
    padding: 0 10px 0 0;
    margin-right: 5px!important
}

.badge.badge-date:before {
    display: none
}

.badge.badge-date:after {
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background: currentColor
}

.modal-body .row.gy-3 {
    --bs-gutter-x: 20px;
    --bs-gutter-y: 1.25rem
}

em.icon-ccash img {
    width: auto;
    height: 100%
}

em.icon-ccash {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 24px;
    margin: -6px 6px 0 0;
    line-height: 100%
}

.nk-menu-item+.nk-menu-heading {
    padding-top: 2rem
}

.nk-menu-link {
    font-size: 13px;
    padding: .525rem 40px .5rem 20px
}

.lead-text.allcash {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    width: 90%;
    background: #19283b;
    color: #d0f8ff!important;
    font-size: 13px;
    font-weight: 400;
    line-height: 100%;
    padding: .65rem 5px .55rem;
    margin: 15px 5% 10px;
    border: 1px solid #19283b;
    border-radius: 4px
}

.lead-text.allcash>font {
    margin-right: 5px
}

.lead-text.allcash>span {
    font-size: 14px;
    color: #fffa00!important;
    font-weight: 700
}

.lead-text.allcash em.icon {
    height: 20px;
    width: fit-content;
    margin-right: 5px
}

.lead-text.allcash em.icon img {
    height: 100%;
    width: auto
}

.nk-sidebar.is-compact .lead-text.allcash {
    display: none
}

.nk-sidebar.is-compact.has-hover .lead-text.allcash {
    display: inline-flex
}

.logo-img {
    max-height: 70px;
    max-width: 157px;
    width: 100%
}

.language-list li+li {
    border-top: 1px solid #e5e9f2
}

.dropdown-head .nk-dropdown-title {
    font-size: 14px
}

.dropdown-head .nk-dropdown-title+a {
    font-size: 12px
}

.nk-quick-nav .notification-dropdown .chat-item+.chat-item {
    border-top: 1px solid #e5e9f2
}

.nk-quick-nav .notification-dropdown .icon-circle {
    font-size: 12px;
    height: 26px;
    width: 26px
}

.nk-quick-nav .notification-dropdown .chat-info {
    width: calc(100% - 2.85rem)
}

.is-theme .nk-header-title .nk-news-text p {
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center
}

.is-theme .nk-header-title .nk-news-icon {
    background: rgba(255,255,255,.85);
    background: rgba(0,0,0,.25);
    padding: .345rem;
    border-radius: 50%;
    width: auto;
    margin-right: .645rem
}

.is-theme .nk-header-title .nk-news-icon .icon {
    font-size: 18px
}

.is-theme .nk-header-title .nk-news-text p>span {
    font-size: 12px
}

@media (max-width: 768px) {
    .dropdown.notification-dropdown,.is-theme .nk-header-title .nk-news-text p>span,.is-theme .nk-header-title .nk-news-icon {
        display:none
    }

    .is-theme .nk-menu-trigger {
        margin-right: .35rem
    }

    .is-theme .nk-header-title .nk-news-text {
        max-width: 100%
    }

    .nk-header-tools,.nk-header-brand {
        padding-top: 5px;
        padding-bottom: 10px
    }

    .nk-header-brand .logo-img {
        max-height: 100%;
        height: auto;
        width: 100%;
        max-width: 36px
    }

    .nk-quick-nav .lead-text {
        background: #676767;
        border-bottom: 1px solid #4856a4;
        font-size: 17px;
        white-space: nowrap;
        position: absolute;
        bottom: -13px;
        font-weight: 400;
        left: 50%;
        transition: auto;
        transform: translate(-50%);
        padding: 9px 0;
        line-height: 0;
        width: 102vw;
        min-width: 340px;
        text-align: center
    }
}

.dashboard-info .invest-data-amount {
    flex-shrink: initial;
    flex-grow: initial;
    flex-wrap: wrap
}

.dashboard-info .invest-data-history .title {
    letter-spacing: normal;
    font-size: 12px
}

.dashboard-info .invest-data-history .amount .change {
    font-size: 12px;
    font-weight: 700
}

.dashboard-info .invest-data-history .amount {
    font-size: 1rem
}

.dashboard-info .invest-data-history .currency {
    font-size: 14px
}

.betUser .nk-tb-list thead .nk-tb-item .nk-tb-col {
    text-align: center;
    padding: .35rem 0;
    font-weight: 400;
    background: #f9fafb
}

.betUser .nk-tb-list tbody .nk-tb-item .nk-tb-col {
    padding: .325rem 0;
    text-align: center
}

.betUser .nk-tb-list tbody .nk-tb-item .nk-tb-col span {
    font-size: 12px
}

.betUser .nk-tb-list tbody .nk-tb-item .nk-tb-col.nk-tb-col-tools {
    width: 50px;
    text-align: center
}

.betUser .nk-tb-list tbody .nk-tb-item ul.nk-tb-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0
}

.betUser .nk-tb-list tbody .nk-tb-item .nk-tb-col:first-child {
    padding-left: 1rem;
    text-align: left
}

.userid.text-ellipsis {
    width: 100%;
    max-width: 80px;
    display: inline-block;
    vertical-align: middle
}

@media (max-width: 576px) {
    .dashboard .user-view-box .row .col-lg-8 {
        text-align:center
    }

    .tb-tnx-amount.is-alt {
        right: 0
    }
}

.tb-index-board {
    border-top: 1px solid #dddddd;
    word-break: keep-all
}

.tb-index-board .tb-tnx-info>span {
    display: inline-block
}

.tb-index-board tbody>tr {
    cursor: pointer
}

.tb-index-board .tb-tnx-id {
    white-space: nowrap
}

.tb-index-board .tb-tnx-status {
    min-width: 125px
}

@media (min-width: 768px) {
    .tb-index-board .tb-tnx-desc,.tb-index-board .tb-tnx-date,.tb-index-board .tb-tnx-total,.tb-index-board .tb-tnx-status {
        width:auto
    }
}

.dashboard .table-tranx .tb-tnx-item {
    cursor: pointer
}

.dashboard .table-tranx .tb-tnx-item td {
    transition: all .2s ease-out .1s
}

.dashboard .table-tranx .tb-tnx-item:hover td {
    background: #f8f9fc;
    color: #6576ff
}

table.dataTable {
    font-size: 13px
}

.table th {
    font-size: .9em
}

table.dataTable.nowrap th,table.dataTable.nowrap td {
    vertical-align: middle;
    padding-top: .5rem;
    padding-bottom: .5rem
}

table .longTxTd {
    max-width: 240px;
    min-width: 140px;
    white-space: initial!important;
    word-break: break-all;
    line-height: 145%
}

table.dataTable .casino.total>td {
    background: #e9eff7!important
}

table.dataTable .slot.total>td {
    background: #fceceb!important
}

.btn.view_api {
    --bs-btn-color: #fff;
    --bs-btn-bg: #364a63;
    --bs-btn-border-color: #364a63;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2e3f54;
    --bs-btn-hover-border-color: #2b3b4f;
    --bs-btn-focus-shadow-rgb: 84, 101, 122;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2b3b4f;
    --bs-btn-active-border-color: #29384a;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(16, 25, 36, .125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #364a63;
    --bs-btn-disabled-border-color: #364a63;
    padding: .25rem;
    font-size: 13px
}

table td p.memo {
    font-size: 11px;
    letter-spacing: -.015rem;
    padding: .2rem 0 0;
    color: #707070
}

table td p.memo.text-ellipsis {
    width: 100%;
    max-width: 160px
}

.dropdown-menu .memo-stx {
    padding: 0 5px 2px 0;
    letter-spacing: -.025rem;
    max-width: 250px;
    width: 100%;
    display: block;
    font-size: 11px;
    line-height: 135%;
    white-space: pre-line
}

.dtlist.img-thumbnail {
    height: 100%;
    width: auto;
    max-width: 32px;
    padding: 0;
    border-radius: 8px;
    margin-right: .25rem
}

.dataTables_wrapper th.rowspan hr {
    color: #c1c6d3;
    margin: .25rem auto;
    opacity: .5;
    width: 100%
}

.dataTables_wrapper td.rowspan hr,.dataTable td hr {
    color: transparent;
    margin: .3rem auto;
    width: 100%;
    opacity: .75;
    border-top: 1px #c1c6d3;
    border-style: dashed
}

.paid-back {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    line-height: 115%
}

.paid-back span {
    display: inline-flex;
    align-items: center
}

.paid-back span>em {
    margin-right: .25rem;
    font-size: 110%;
    line-height: 100%;
    margin-top: -1px
}

.paid-back hr {
    color: #c1c6d3;
    opacity: 1;
    width: 100%;
    margin: .425rem 0
}

.paid-back span.paid,span.paid {
    color: #e85347
}

.paid-back span.pback,span.pback {
    color: #1477d2
}

.paid-back span.total,span.total {
    color: #00cf98;
    font-weight: 700
}

.table-tranx th,.table-tranx td {
    vertical-align: middle
}

.card-inner.p-0 .dataTables_wrapper {
    background: var(--bs-tertiary-bg)
}

.card-inner.p-0 .dataTables_wrapper .datatable-wrap {
    border: none
}

.card-inner.p-0 .dataTables_wrapper .with-export {
    padding: 0;
    margin: 0 auto;
    width: 98%
}

.card-inner.p-0 .dataTables_wrapper .align-items-center {
    padding: 0 0 15px;
    margin: 0 auto;
    width: 98%
}

.card-inner .dataTables_wrapper .datatable-wrap .table thead tr:last-child th {
    border-bottom: var(--bs-border-width) solid #dbdfea;
    border-top: var(--bs-border-width) solid #dbdfea;
    text-align: center
}

.dataTables_wrapper .datatable-wrap .table.thborder thead tr:last-child th {
    border-right: var(--bs-border-width) solid #dbdfea;
    background: #f5f6fa
}

.dataTables_wrapper .datatable-wrap .table.thborder thead tr:last-child th:last-child {
    border-right: none
}

.dataTables_wrapper .datatable-wrap .table thead th.rowspan {
    padding-right: 0
}

.dataTables_wrapper .datatable-wrap .table thead th.rowspan:before,.dataTables_wrapper .datatable-wrap .table thead th.rowspan:after {
    display: none
}

.info_company .dropdown-toggle {
    line-height: 100%;
    padding: 5px 2px 5px 5px
}

.info_company .dropdown-toggle>span {
    font-size: 11px
}

.info_company .dropdown-toggle em.icon {
    font-size: 14px;
    margin: 0;
    padding: 0
}

.info_company .dropdown-menu {
    padding: 1.5rem 1.12rem
}

.info_company .dropdown-menu .timeline-title {
    color: inherit
}

.info_company .dropdown-menu .timeline-item:not(:last-child) {
    padding-bottom: 1.15rem
}

.info_company .dropdown-menu .timeline-item>a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.info_company .dropdown-menu .timeline-data {
    padding-left: 5px
}

.info_company .dropdown-menu .timeline-data .timeline-title {
    font-size: 100%
}

.info_company .dropdown-menu .timeline-date {
    width: 60px;
    margin-left: .5rem;
    color: inherit;
    font-weight: 600
}

.table .small.date font {
    display: block;
    line-height: 145%;
    word-break: keep-all;
    white-space: nowrap
}

.table-active {
    white-space: normal!important
}

.table a.dropdown-toggle .user-toggle .user-name {
    padding: 1px 2px 1px 0
}

.table a.dropdown-toggle .user-toggle:hover .user-name {
    background: #eeeef3;
    border-radius: 5px
}

.met_align li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

tr.child .dtr-details {
    padding-left: 1vw
}

tr.child .dtr-details li {
    padding: 2px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: flex-start
}

tr.child .dtr-details .dtr-title {
    font-size: 11px;
    letter-spacing: -.035rem;
    width: 80px;
    display: inline-block;
    background: #f0f0f0;
    border-radius: 4px;
    padding: .15rem .4rem;
    text-align: center;
    margin-right: .45rem;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center
}

tr.child .dtr-details .dtr-title hr,tr.child .dtr-details .dtr-data hr {
    width: 100%;
    margin: 2px auto 3px
}

tr.child .dtr-details .dtr-data {
    width: calc(100% - 85px);
    white-space: initial;
    line-height: 135%;
    font-size: 95%;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

tr.child .small.date font {
    display: inline-block;
    line-height: inherit
}

.table .doubleUser>* {
    vertical-align: middle
}

.table .doubleUser .hstack {
    display: flex!important;
    border: none;
    justify-content: space-between;
    align-items: center;
    flex-direction: row
}

.table .doubleUser .user-toggle,.table .doubleUser .usernm_admin {
    width: 45%
}

.usernm_admin>span {
    color: #e93475;
    font-weight: 700;
    font-size: 100%;
    line-height: 100%
}

.table .doubleUser div.btn {
    text-align: center;
    display: inline-block
}

.table .doubleUser .nk-tnx-type-icon {
    width: 10%;
    height: 1.75rem;
    width: 1.75rem;
    margin: 0 .45rem
}

.table .doubleUser .nk-tnx-type-icon em.icon {
    font-size: 80%
}

.table .input-group .input-group-text {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 75px
}

.table.tb-res thead th {
    font-size: 12px;
    text-align: center;
    color: #8094ae!important
}

.tb-input .sm-tit {
    display: none
}

#table-rwd-container .table-responsive,.nk-block.tbrwd .table-responsive {
    min-height: 0;
    background: #ffffff
}

#table-rwd-container .btn-toolbar,.nk-block.tbrwd .btn-toolbar {
    margin-bottom: calc(var(--bs-body-line-height) * .6rem)
}

#table-rwd-container .table-responsive .table>thead>tr>th,.nk-block.tbrwd .table-responsive .table>thead>tr>th {
    background-color: #eff1f4;
    font-size: 12px;
    padding: .65rem 0 .5rem;
    text-align: center;
    vertical-align: middle
}

#table-rwd-container .table-responsive .table>thead>tr>th.thcolspan,.nk-block.tbrwd .table-responsive .table>thead>tr>th.thcolspan {
    background-color: #e7e9ed
}

#table-rwd-container .table-responsive .table>tbody>tr>td,.nk-block.tbrwd .table-responsive .table>tbody>tr>td {
    vertical-align: middle;
    font-size: .8rem;
    padding-top: .75rem;
    padding-bottom: .75rem
}

#table-rwd-container .table-responsive .table>tbody>tr>td:nth-child(odd),.nk-block.tbrwd .table-responsive .table>tbody>tr>td:nth-child(odd) {
    background: #f5f6fa
}

#table-rwd-container .table-responsive .table>tbody>tr>td hr.rowspan,.nk-block.tbrwd .table-responsive .table>tbody>tr>td hr.rowspan {
    color: #c1c6d3;
    margin: .25rem auto;
    width: 100%;
    opacity: .75
}

#table-rwd-container .table-responsive .table>thead>tr>th hr.rowspan,.nk-block.tbrwd .table-responsive .table>thead>tr>th hr.rowspan {
    color: #c1c6d3;
    margin: .325rem 0;
    opacity: .75;
    width: 100%
}

#table-rwd-container .table-responsive .table .badge+.badge,.nk-block.tbrwd .table-responsive .table .badge+.badge {
    margin-left: 2px
}

.card-bordered .table-responsive,.card-bordered .table-bordered {
    border-width: 0!important
}

.card-bordered .table-responsive thead>tr>th:first-child,.card-bordered .table-bordered thead>tr>th:first-child {
    border-left-width: 0;
    border-radius: 0
}

.card-bordered .table-responsive thead>tr>th:last-child,.card-bordered .table-bordered thead>tr>th:last-child {
    border-right-width: 0;
    border-radius: 0
}

.card-bordered .table-responsive tbody>tr>td:first-child,.card-bordered .table-bordered tbody>tr>td:first-child {
    border-left-width: 0
}

.card-bordered .table-responsive tbody>tr>td:last-child,.card-bordered .table-bordered tbody>tr>td:last-child {
    border-right-width: 0
}

.nk-block.tbrwd .bg-light-subtle {
    border-bottom: 1px solid #dbdfea
}

.nk-block.tbrwd .table caption.tb-title {
    font-weight: 700;
    line-height: 1.1;
    color: var(--bs-heading-color);
    font-style: normal;
    padding: 1.2rem 1.2rem 1rem
}

@media (max-width: 1024px) {
    #table-rwd-container .card-bordered,.nk-block.tbrwd .card-bordered {
        border:none;
        background: none
    }

    #table-rwd-container .card-bordered .card-inner,.nk-block.tbrwd .card-bordered .card-inner {
        padding: 0
    }

    .nk-block.tbrwd .card-inner.bg-light-subtle {
        padding: 1rem 0 0;
        background: none!important;
        border: none
    }

    #table-rwd-container .card-bordered .card-inner+.card-inner,.nk-block.tbrwd .card-bordered .card-inner+.card-inner {
        margin-top: 1rem
    }
}

@media (min-width: 576px) {
    .tb-input tfoot tr.inputbox td {
        background:#f5f6fa
    }

    .tb-input tfoot tr:first-child.inputbox td {
        border-top: 1px solid #ddd
    }
}

@media (max-width: 575.98px) {
    .tb-input tr:not(:first-child) {
        border-top:1px solid #dbdfea
    }

    .tb-input tr th {
        display: none
    }

    .tb-input tr td {
        padding: .35rem .825rem!important;
        border: 0
    }

    .tb-input tr td:first-child,.tb-input tr td:last-child {
        padding: 0
    }

    .tb-input tr td,.tb-input tr th {
        flex-grow: 1
    }

    .tb-input tr td.tb-col-os {
        width: 100%
    }

    .tb-input tr th.tb-col-os {
        width: 40%;
        min-width: 142px;
        flex-grow: 0
    }

    .tb-input tr td.tb-col-ip {
        width: 40%;
        min-width: 130px;
        flex-grow: 0
    }

    .tb-input tr .tb-col-action {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        padding: 0
    }

    .tb-input thead tr {
        padding: 0
    }

    .tb-input tbody tr,.tb-input tfoot tr {
        display: flex;
        flex-direction: column;
        align-content: flex-start;
        align-items: flex-start;
        justify-content: center;
        padding: 0
    }

    .tb-input tbody td,.tb-input tfoot td {
        width: 100%;
        display: inline-flex;
        justify-content: space-between;
        align-items: center;
        font-size: 13px
    }

    .tb-input .sm-tit {
        display: inline-block;
        font-size: 11px;
        color: #8094ae;
        opacity: .75
    }

    .tb-input .sub-text {
        display: inline-block
    }

    .tb-input .actionbtn {
        background: #ebeef2;
        padding: .35rem 1rem .25rem!important;
        margin-top: 4px;
        margin-bottom: 1px
    }

    .tb-input .actionbtn em+em,.tb-input .actionbtn>a+a {
        margin-left: 1rem
    }

    .tb-input tfoot tr.inputbox {
        display: inline-flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding: 8px 0
    }

    .tb-input tfoot tr.inputbox td.actionbtn {
        width: 50%;
        background: none;
        margin: 0;
        text-align: center
    }
}

ul.bet-log-tb {
    padding: 0 7px
}

.bet-log-tb.game-type li {
    margin: 0;
    padding: 0
}

.bet-log-tb.game-type code {
    max-width: 100%;
    min-width: 120px;
    display: block;
    white-space: initial;
    line-height: 100%;
    background: #ffffe4;
    border: 1px solid #e8e8c5;
    padding: 4px 5px;
    margin-top: 5px
}

.bet-log-tb.game-type .code,.bet-log-tb.game-type .round {
    font-size: 11px
}

.bet-log-tb.paid-betting {
    margin: 0 auto;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 3px
}

.bet-log-tb.paid-betting th {
    font-size: 11px;
    word-break: keep-all
}

.bet-log-tb.paid-betting tbody tr:nth-of-type(odd) {
    background: none
}

.bet-log-tb.paid-betting tbody tr:nth-of-type(odd) td {
    background: none!important
}

.bet-log-tb.paid-betting td {
    padding: 0!important;
    padding-left: .45rem!important;
    margin: 0!important;
    font-size: 12px;
    line-height: 100%
}

.bet-log-tb.paid-betting td:first-child,.bet-log-tb.paid-betting th:first-child,.bet-log-tb.paid-betting th:last-child {
    padding: 0 5px;
    padding-left: 0!important
}

.bet-log-tb.paid-betting td .badge {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 80px;
    display: inline-block;
    line-height: 125%;
    font-size: 10px
}

.bet-log-tb.paid-betting td .badge.bg-outline-gray.ellipsis {
    color: #fff;
    background-color: #2766b8;
    border-color: #235392;
    font-size: 11px
}

.text-game-type {
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 800;
    color: #232323;
    border: 1px solid #e0e3e9;
    background: #e9ebf1;
    padding: 5px 10px 4px;
    line-height: 100%;
    margin-bottom: 5px
}

.bet-log-tb.result-game.casinotype01 {
    display: flex;
    justify-content: space-between;
    justify-content: space-evenly;
    align-items: center
}

.bet-log-tb.casinotype01 li+li {
    margin-left: 1rem
}

.bet-log-tb.casinotype01 li>p {
    font-size: 11px;
    margin-bottom: 6px;
    text-wrap: nowrap
}

.bet-log-tb.casinotype01 li>p span {
    font-weight: 700;
    display: inline-block;
    border: 1px solid #999999;
    line-height: 100%;
    padding: 2px 4px;
    font-size: 110%;
    border-radius: 6px
}

.bet-log-tb .gallery-image .cardH {
    width: 35px;
    height: auto
}

.bet-log-tb .gallery-image .cardV {
    height: 35px;
    width: auto
}

.bet-log-tb.casinotype02 li {
    font-size: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dotted #ddd;
    margin-bottom: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px
}

.bet-log-tb.casinotype02 li span>strong {
    display: inline-block;
    border: 1px solid #999999;
    line-height: 100%;
    padding: 2px 4px;
    font-size: 110%;
    border-radius: 6px
}

.bet-log-tb.roulette li.img img {
    min-width: 180px
}

.bet-log-tb.roulette li.score {
    display: flex;
    justify-content: space-evenly;
    font-size: 11px;
    margin-top: 7px;
    align-items: center
}

.bet-log-tb.roulette li.score .resultOE {
    font-weight: 700
}

.bet-log-tb.roulette li.score .resultColor {
    background: inherit;
    border: 1px solid;
    border-color: inherit;
    font-weight: 700;
    border-radius: 6px;
    line-height: 100%;
    padding: 2px 4px
}

.bet-log-tb.roulette li.score .resultNum {
    display: inline-block;
    border: 1px solid #999999;
    line-height: 100%;
    padding: 2px 4px;
    font-size: 110%;
    border-radius: 6px;
    font-weight: 700
}

.bet-log-tb.paid-result li {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.bet-log-dl {
    margin: 0 auto;
    padding: 0
}

.bet-log-dl dd {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box
}

.bet-log-dl dd+dd {
    margin-top: 2px
}

.bet-log-dl span {
    margin-top: -3px;
    margin-right: .35rem;
    line-height: 125%
}

.tbSearch,.tbSearch+.row {
    --bs-gutter-x: 14px
}

.tbSearch .form-group {
    margin-bottom: .75rem
}

.tbSearch .form-control-wrap.radio-select-day {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap
}

.tbSearch .form-control-wrap .custom-control {
    width: 32%
}

.tbSearch .form-control-wrap label.custom-control-label {
    text-align: center;
    width: 100%;
    display: block;
    white-space: nowrap;
    font-size: 12px
}

.tbSearch .custom-control+.custom-switch {
    margin-left: 1em
}

.form-control-wrap .user-toggle.intab {
    width: 100%;
    border: 1px solid #dbdfea;
    border-radius: 4px;
    padding: 0
}

.form-control-wrap .user-toggle.intab>a {
    width: 100%;
    display: inline-block;
    padding: 10px 5px 8px 14px
}

.form-control-wrap .user-toggle.intab .user-name.dropdown-indicator {
    font-weight: 400
}

.form-control-wrap .user-toggle.intab .user-name.dropdown-indicator:after {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-9px,-50%)
}

.form-control-wrap .user-toggle.intab+.form-label-outlined {
    top: calc(-.4375rem - 2px);
    font-size: 11px
}

.form-control-wrap .user-toggle.intab .dropdown-menu {
    width: 100%;
    min-width: 280px;
    padding: 0
}

.form-control-wrap .user-toggle.intab .dropdown-menu .nav.nav-tabs {
    margin-bottom: 1px;
    display: flex;
    justify-content: flex-start;
    flex-direction: row
}

.form-control-wrap .user-toggle.intab .dropdown-menu .nav.nav-tabs li.nav-item {
    width: fit-content;
    display: list-item;
    padding: 0
}

.form-control-wrap .user-toggle.intab .dropdown-menu .nav.nav-tabs li.nav-item>button {
    width: 100%;
    word-break: keep-all;
    line-height: 100%;
    padding: 12px 10px;
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-content .tab-pane .input-group {
    background: #e6eeef;
    padding: 10px
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-content .tab-pane ul.link-check {
    margin-top: 5px
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-content .tab-pane ul.link-check li:nth-child(odd) {
    background: #fff
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-content .tab-pane ul.link-check li:nth-child(2n) {
    background: #f3f3f3
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-con-btnset {
    padding: 8px 8px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-con-btnset .btn {
    padding: 8px 0;
    line-height: 100%;
    width: calc(50% - 5px);
    font-weight: 700
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-con-btnset .btn>i {
    vertical-align: middle;
    margin-right: 5px
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-con-btnset .btn.btn-reset {
    color: #545963;
    background: #e5e9f2;
    border: 1px solid #cbcfda
}

.form-control-wrap .user-toggle.intab .dropdown-menu .tab-con-btnset .btn.btn-closeTab {
    color: #303030;
    background: #f1f1f1;
    border: 1px solid #dedede
}

.jstree-container-ul li {
    position: relative
}

.jstree-icon.jstree-themeicon {
    display: none!important
}

.jstree-default .jstree-clicked {
    font-weight: 700;
    background: none
}

.jstree-default .jstree-node {
    min-height: 20px;
    line-height: 20px;
    margin-left: 20px;
    min-width: 20px
}

.jstree-default .jstree-anchor {
    width: calc(100% - 16px)
}

.jstree-default .jstree-anchor:hover {
    opacity: .75
}

.jstree-default .jstree-anchor font {
    font-size: 11px;
    letter-spacing: -.0215rem
}

.jstree-default .jstree-anchor>a {
    display: inline-block;
    width: 100%
}

.jstree-default .jstree-anchor.active {
    background: #deecef;
    border-radius: 4px
}

.jstree-default .jstree-anchor.active font.ms-1 {
    font-weight: 700
}

.jstree-icon.jstree-ocl {
    background-position: -257px -64px
}

.memNum {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0
}

.memNum .badge {
    display: inline-block;
    margin-right: 0!important;
    font-size: 10px;
    line-height: 140%
}

.memNum .badge:first-child {
    padding: 1px 4px 0;
    color: #288b9e;
    border-color: #b3cdd2;
    font-weight: 700;
    border-radius: 4px 0 0 4px
}

.memNum .badge:last-child {
    padding: 1px 4px 0;
    color: #6a6c76;
    border-color: #b3cdd2;
    font-weight: 500;
    border-radius: 0 4px 4px 0
}

.memNum>.badge+.badge {
    margin-left: -1px
}

.dropdown.partnerTree {
    width: 100%
}

.dropdown.partnerTree>a.dropdown-toggle.btn.btn-outline-light {
    padding: 0;
    line-height: 265%;
    width: 100%;
    border-color: #c1c8ff
}

.dropdown-menu+.custom-switch {
    margin-left: 10px
}

.dropdown.partnerTree .btn-dim.btn-outline-primary.disabled {
    opacity: 1;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-color: transparent;
    border-right-color: #c1c8ff;
    padding-right: 6px;
    letter-spacing: -.035rem
}

.partnerTree .dropdown-toggle>.badge {
    top: 0;
    margin-left: 6px;
    margin-right: 6px
}

.partnerTree .dropdown-toggle .dd-indc {
    vertical-align: middle
}

.partnerTree .dropdown-toggle .memNum {
    margin: 0 auto;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(-7px,-50%);
    z-index: 1
}

.partnerTree .dropdown-toggle .memNum>span.badge {
    background: #ffffff
}

.partnerTree .dropdown-toggle .memNum>span.badge+.badge {
    margin-left: -1px
}

.dropup, .dropright,.dropdown,.dropleft {
    display: block!important;
    align-items: center;
    top: -.4em;
    /* z-index: 1 */
}
.partnerTree>.dropdown-menu {
    min-width: 100%;
    max-width: 100%;
    max-height: 88vh;
    overflow: auto
}

#edate .dp__input_wrap input.dp__input {
    border-radius: 0 3px 3px 0
}

.user-view-box .row.g-gs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.user-view-box .row.g-gs .btn-group-lg {
    font-size: 14px;
    width: 100%;
    max-width: 650px;
    align-items: stretch;
    justify-content: center
}

.user-view-box .btn-group.nav button {
    text-align: center;
    display: inline-flex;
    justify-content: center
}

.user-view-box .btn-group.nav button>em {
    margin-right: .5rem;
    font-size: 100%
}

.user-view-box ul.list-inline li {
    font-size: 12px;
    line-height: 100%;
    padding: 4px 0
}

.user-view-box .accordion-head {
    padding: 0!important
}

.user-view-box .accordion-head h3.page-title {
    vertical-align: middle;
    word-break: keep-all;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end
}

.user-view-box .accordion-head h3.page-title>strong {
    font-size: 14px;
    margin-top: 3px;
    padding: 0 13px 0 0;
    position: relative
}

.user-view-box .accordion-head h3.page-title>strong>span {
    color: inherit;
    right: -10px!important
}

.user-info .badge,.user-name span.badge {
    font-size: 10px;
    line-height: 135%;
    padding: 1px 5px 0
}

.-accordion .user-card-s2 .user-info {
    margin: .5rem 0 .15rem!important;
    padding-bottom: .425rem;
    border-bottom: 1px solid #ddd;
    width: 100%
}

.-accordion .user-card-s2 .user-info h6 {
    margin-bottom: 0
}

.-accordion .card-inner .team {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-around
}

.view-list-topform>.row {
    display: inline-flex
}

.view-list-topform .form-control-select {
    display: inline-flex;
    align-content: center;
    align-items: center;
    justify-content: space-between;
    min-width: 500px
}

.nk-files-group:first-child>.title {
    border-top: none
}

h6.title {
    font-size: 14px
}

.nk-files-view-group .user-month .nk-file {
    padding: .5rem;
    overflow: hidden;
    margin: 5px
}

.nk-files-view-group .user-month .nk-file {
    position: relative;
    padding: .25rem;
    width: calc(50% - 10px)
}

#accordion-dboard {
    border: none;
    background: none;
    border-radius: 0
}

#accordion-dboard .team-info {
    padding: 0rem 0 .725rem
}

#accordion-dboard .team-info li {
    margin-bottom: .425rem
}

#accordion-dboard .team-info li.text-center {
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem
}

#accordion-dboard .team-info li.text-center em {
    margin-bottom: 2px;
    margin-top: 2px
}

#accordion-dboard .team-info li.text-center em+em {
    margin-left: 4px
}

#accordion-dboard .team-info li span {
    line-height: 145%;
    font-size: 14px
}

#accordion-dboard .team-info li span:first-child {
    font-size: 13px
}

#accordion-dboard .team-info li span:last-child {
    text-align: right
}

.invest-ov-details {
    justify-content: space-between;
    align-items: center
}

.invest-ov .subtitle {
    font-size: 12px;
    font-weight: 400
}

.invest-ov-stats,.invest-ov-info {
    width: auto
}

.invest-ov .amount {
    font-size: .875rem;
    line-height: 1;
    color: #8094ae
}

.invest-ov .invest-ov-info.text-end .amount {
    font-size: 1rem;
    line-height: 1;
    color: #8094ae;
    font-weight: 400
}

.user-month .nk-file-info {
    padding: 0rem!important
}

.user-month .nk-file-info .nk-file-title {
    position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(1vw,-50%);
    z-index: 2
}

.user-month .nk-file-info .nk-file-icon {
    font-weight: 700
}

.user-month .nk-file-info .user-avatar {
    border-radius: 5% 50% 50%;
    font-size: 12px;
    height: 46px;
    width: 46px
}

.user-month .nk-file-info .user-avatar span {
    font-weight: 700;
    font-size: 16px
}

.user-month .nk-file-info .card-inner {
    padding: 1.15rem 1rem 1rem
}

.user-month .nk-file-info .profile-stats {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 350px;
    margin: 0 0 0 auto
}

.user-month a.btn_moon:hover>.nk-file-info,.user-month a.btn_moon.active>.nk-file-info {
    color: #6576ff;
    background-color: #eef0ff;
    border-color: #c1c8ff;
    border-radius: 4px
}

.user-month .nk-file-info .profile-stats .amount {
    font-size: 14px;
    text-wrap: nowrap;
    letter-spacing: -.025rem;
    min-width: 110px;
    font-weight: 400
}

.user-month a>.nk-file-info .profile-stats .amount {
    color: var(--bs-body-color)
}

.amount.link-primary {
    font-weight: 700!important
}

.user-month .nk-file-info .profile-stats .sub-text {
    line-height: 100%;
    font-size: 12px;
    word-break: keep-all;
    min-width: 80px;
    text-align: right;
    padding-left: 1.5rem
}

.nk-block-head-content {
    word-break: keep-all;
    letter-spacing: normal
}

.nk-block-head-content>p {
    font-size: 12px;
    line-height: 125%
}

.nk-block-head-content h5+span {
    line-height: 125%;
    display: inline-block;
    font-size: 12px
}

@media (max-width: 767.98px) {
    .nk-file-name-text {
        font-size:13px
    }

    .nk-files-view-grid .nk-file-name-text {
        font-size: 12px
    }

    .user-month .nk-file-info .profile-stats {
        display: flex;
        flex-direction: column;
        align-content: flex-end;
        align-items: flex-end
    }
}

@media (max-width: 991.98px) {
    .nk-fmg-body .nk-block-tools .btn-icon.btn-trigger .icon,.nk-fmg-body .nk-block-tools .dt-buttons .btn-trigger.btn-secondary .icon,.dt-buttons .nk-fmg-body .nk-block-tools .btn-trigger.btn-secondary .icon {
        font-size:1.25rem
    }
}

@media (min-width: 576px) {
    .nk-files-view-grid .nk-file {
        width:calc(33.33% - 16px)
    }

    .nk-files-view-group .user-month .nk-file {
        width: calc(50% - 10px)
    }
}

@media (min-width: 660px) {
    .nk-files-view-group .user-month .nk-file {
        width:calc(33.33% - 10px)
    }
}

@media (min-width: 1200px) {
    .nk-files-view-grid .nk-file {
        width:calc(25% - 16px)
    }

    .nk-files-view-group .user-month .nk-file {
        width: calc(33.3% - 10px)
    }
}

@media (min-width: 1540px) {
    .nk-files-view-grid .nk-file {
        width:calc(20% - 16px)
    }

    .nk-files-view-group .user-month .nk-file {
        width: calc(25% - 10px)
    }
}

@media (min-width: 1800px) {
    .nk-files-view-grid .nk-file {
        width:calc(16.66% - 16px)
    }

    .nk-files-view-group .user-month .nk-file {
        width: calc(16.666% - 16px)
    }
}

@media (max-width: 1199px) and (min-width: 992px),(max-width: 767px) {
    .nk-files-view-list .nk-file-members,.nk-files-view-list .nk-file-size {
        display:none!important
    }
}

@media (max-width: 599px) {
    .nk-files-view-list .nk-file-icon-type {
        width:24px
    }

    .nk-files-view-list .nk-file-meta,.nk-files-view-list .nk-file-date,.nk-files-view-list .nk-file-size {
        display: none!important
    }

    .nk-files-view-list .nk-file .custom-checkbox {
        margin-right: .75rem
    }
}

.user_view_wrap .card.card-bordered>.card.card-bordered {
    border-left: none;
    border-right: none
}

tfoot.dt_user_view_total td {
    background: #9babbf;
    color: #fff;
    font-weight: 700;
    text-shadow: 1px 0px 1px #49576a
}

.table tbody>tr.casino>td {
    background: #efecff
}

.table tbody>tr.casino.total>td {
    background: #e1dcfd;
    font-weight: 700
}

.table tbody>tr.slot>td {
    background: #fef6e0
}

.table tbody>tr.slot.total>td {
    background: #f9edce;
    font-weight: 700
}

.table-responsive .table td>span>font {
    display: block;
    line-height: 100%;
    word-break: keep-all
}

@media (max-width: 532px) {
    .user-view-box .btn-group.nav button {
        word-break:keep-all;
        padding-left: .45rem;
        padding-right: .45rem;
        line-height: 145%;
        font-size: 12px
    }

    .user-view-box .col-sm-12+.user-view-box .col-sm-12 {
        margin-top: 20px
    }
}

@media (max-width: 720px) {
    .user-view-box .btn-group.nav button>em {
        display:none!important
    }
}

@media (min-width: 576px) {
    .user_view_wrap .nk-content-body>.nk-block+.user_view_wrap .nk-content-body>.nk-block {
        padding-top:.75rem
    }
}

@media (max-width: 413px) {
    .info_company .dropdown-menu .timeline-item {
        flex-wrap:wrap
    }

    .info_company .dropdown-menu .timeline-date {
        width: 80%
    }

    .info_company .dropdown-menu .timeline-data {
        padding: .25rem 0 0 20px;
        display: block
    }

    tr.child .dtlist.img-thumbnail {
        display: none
    }

    table.dataTable.nowrap td.child {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .user-month .nk-file-info .user-avatar {
        font-size: 11px;
        height: 32px;
        width: 32px
    }

    .user-month .nk-file-info .user-avatar {
        width: 40px;
        height: 40px
    }

    .user-month .nk-file-info .user-avatar span {
        font-size: 14px
    }

    .user-month .nk-file-info .card-inner {
        padding: 1rem .75rem 1rem 0
    }

    .user-month .nk-file-info .nk-file-title {
        top: -4px;
        left: -4px;
        transform: translate(0)
    }
}

@media (max-width: 375px) {
    .user-view-box .col-xxl-7+.user-view-box .col-xxl-5 {
        margin-top:1.25rem
    }

    .nk-files-view-grid .nk-file {
        width: 100%
    }

    .user-month .nk-file-info .profile-stats .amount {
        font-size: 12px;
        text-wrap: unset;
        min-width: initial
    }

    .user-month .nk-file-info .profile-stats .sub-text {
        font-size: 11px
    }

    .nav-tabs .nav-item:nth-child(3)>a {
        min-width: auto
    }
}

.setting-p2-c {
    justify-content: center
}

.setting-p2-c .form-group>.custom-switch {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    margin-bottom: .5rem
}

.setting-p2-c .form-group>.custom-switch .overline-title {
    padding: 0;
    font-size: 13px;
    line-height: 125%;
    letter-spacing: normal;
    font-weight: 600
}

.setting-p2-c .form-group>.custom-switch>label {
    font-size: 11px;
    letter-spacing: normal;
    font-weight: 500;
    color: #8094ae;
    padding: 4px 0 0
}

.tab-content .custom-control-lg .custom-control-label {
    font-size: 13px;
    font-weight: 500;
    color: #8094ae
}

@media (min-width: 768px) {
    .setting-p2-c li {
        padding-left:1rem!important;
        padding-right: 1rem!important
    }
}

#calendar {
    min-height: 800px;
    min-height: calc(100vh - 250px)
}

.calendar_th {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0 0 0 -1px
}

.calendar_th dt {
    text-align: center;
    width: 14.44%;
    background: #f8f9f9;
    background: #f3f3f3;
    font-size: 13px;
    padding: .425rem 0 .325rem;
    border-bottom: 1px solid #dbdfea;
    border-left: 1px solid #dbdfea
}

.calendar_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    margin: 0 -1px -1px 0
}

.calendar_list>dd.daygrid-day {
    width: calc(100% - 85.7143%);
    overflow: hidden;
    border-bottom: 1px solid #dbdfea;
    border-right: 1px solid #dbdfea;
    padding: 0;
    margin: 0;
    position: relative
}

.calendar_list>dd.day-future {
    color: #b3b6c8
}

.calendar_list>dd.day-future .daygrid-day-frame.scrollgrid-sync-inner:hover {
    box-shadow: none;
    cursor: auto
}

.calendar_list>dd.day-past.day-other .fc-daygrid-day-events .badge {
    color: #9b9eb2!important
}

.calendar_list>dd.day-past.day-other .fc-daygrid-day-events .costtx {
    color: #6a6d82!important
}

.calendar_list>dd.day-today .daygrid-day-frame {
    border: 1px solid #8e97d6
}

.calendar_list>dd.day-today .daygrid-day-top {
    background: #8e97d6;
    font-weight: 700;
    color: #fff
}

.calendar_list .daygrid-day-frame .fc-daygrid-event .badge-xs {
    padding: 1px 4px 0;
    line-height: 140%
}

.calendar_list>dd.day-today .daygrid-day-frame .fc-daygrid-event .badge-xs {
    opacity: 1
}

.calendar_list>dd.day-today .daygrid-day-frame .fc-daygrid-event .costtx {
    font-weight: 700
}

.calendar_list .daygrid-day-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1
}

.calendar_list>dd.day-other {
    color: #b3b6c8
}

.calendar_list>dd.day-other .daygrid-day-bg {
    background: #f8f9f9;
    color: #999!important
}

.calendar_th .day-holiday {
    color: #f44336
}

.calendar_list>dd.day-holiday .daygrid-day-top {
    color: #f44336;
    background: #fcf6f6
}

.daygrid-day-frame.scrollgrid-sync-inner {
    padding: 0;
    cursor: pointer;
    z-index: 9;
    position: relative
}

.daygrid-day-frame.scrollgrid-sync-inner:hover {
    box-shadow: inset 0 0 5px 1px #8e97d6
}

.daygrid-day-frame .daygrid-day-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    margin-bottom: .4rem;
    padding: .7rem .75rem .5rem;
    background: inherit
}

.daygrid-day-frame .daygrid-day-top>p {
    padding: 0;
    margin: 0;
    display: none
}

.daygrid-day-frame .fc-daygrid-day-events {
    width: 100%;
    padding: 0 1.15rem 1.15rem
}

.daygrid-day-frame .fc-daygrid-event {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: .2rem
}

.daygrid-day-frame .fc-daygrid-event .badge-dot {
    padding-left: 10px;
    font-size: 11px
}

.daygrid-day-frame .fc-daygrid-event .badge-dot:before {
    width: 4px;
    height: 4px;
    opacity: .75
}

.daygrid-day-frame .fc-daygrid-event .badge-xs {
    opacity: .5
}

.daygrid-day-frame:hover .fc-daygrid-event .badge-xs {
    opacity: 1
}

.cal-modal .overline-title {
    font-weight: 700;
    margin-bottom: 4px;
    width: 100%;
    text-align: center
}

.cal-modal .row.total .overline-title {
    margin-bottom: 0;
    background: #e5e9ee;
    padding: .65rem 0 .5rem
}

.modal-body .col-6 {
    display: flex;
    flex-direction: column;
    align-items: center
}

.cal-modal .daygrid-day-frame.scrollgrid-sync-inner {
    width: 100%;
    text-align: center
}

.cal-modal .row.total .daygrid-day-frame.scrollgrid-sync-inner {
    text-align: center;
    margin: -1px 0 0;
    font-weight: 700;
    padding: .95rem 0 .75rem;
    border: 1px solid #e5e9ee
}

.card-cal-total .card-title {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center
}

.card-cal-total .card-title .title {
    font-size: 125%;
    padding: 0;
    margin: 0;
    margin-right: .65rem;
    line-height: 100%
}

.card-cal-total .card-title .title+span {
    font-size: 90%;
    line-height: 100%
}

.card-cal-total .card-tools {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row
}

.card-cal-total .cost-num {
    color: #526484;
    font-size: 13px;
    line-height: 16px;
    font-weight: 700
}

.card-cal-total .btn-toolbar {
    flex-wrap: nowrap
}

.card-cal-total .user-status {
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    padding-top: 0;
    padding-bottom: .245rem
}

.card-cal-total .user-toggle .user-avatar .icon {
    font-size: 14px
}

@media (min-width: 1700px) {
    .card-cal-total .card-inner .col-6 {
        width:12.45%
    }
}

.cal-list-style .calendar_th {
    display: none
}

.cal-list-style .calendar_list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0;
    align-content: flex-start;
    align-items: stretch
}

.cal-list-style .calendar_list>dd.daygrid-day {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #dbdfea;
    border-left: none;
    border-right: none;
    padding: 0;
    margin: 0;
    position: relative
}

.cal-list-style .daygrid-day-frame .daygrid-day-top>p {
    display: block!important
}

.cal-list-style .daygrid-day-frame.scrollgrid-sync-inner {
    padding: 0;
    cursor: pointer;
    z-index: 9;
    position: relative;
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    text-align: center
}

.cal-list-style .daygrid-day-frame .daygrid-day-top {
    display: grid;
    margin-bottom: 0;
    background: inherit;
    justify-content: center;
    align-content: center;
    height: 100%;
    padding: 0 .85rem;
    width: 46px;
    line-height: 145%
}

.cal-list-style .daygrid-day-frame .fc-daygrid-day-events {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1rem
}

.cal-list-style .daygrid-day-frame .fc-daygrid-event {
    min-width: 100px;
    margin-left: 1.5rem
}

.cal-list-style .fc-daygrid-day-frame:after,.cal-list-style .fc-daygrid-day-events:after,.cal-list-style .fc-daygrid-event-harness:after,.cal-list-style .fc-daygrid-day-frame:before,.cal-list-style .fc-daygrid-day-events:before,.cal-list-style .fc-daygrid-event-harness:before {
    content: none
}

.cal-list-style .daygrid-day-frame .fc-daygrid-event .badge-dot {
    margin-right: 6px
}

.cal-list-style .calendar_list>dd .daygrid-day-top {
    border-right: 1px solid #dbdfea;
    padding-top: .75rem;
    padding-bottom: .75rem
}

.cal-list-style .calendar_list>dd.day-holiday .daygrid-day-top {
    border-right: 1px solid #ece4e4
}

@media (max-width: 768px) {
    .cal-modal .daygrid-day-frame.scrollgrid-sync-inner {
        display:block
    }

    .calendar_th {
        display: none
    }

    .calendar_list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin: 0;
        align-content: flex-start;
        align-items: stretch
    }

    .calendar_list>dd.daygrid-day {
        width: 100%;
        overflow: hidden;
        border-bottom: 1px solid #dbdfea;
        border-left: none;
        border-right: none;
        padding: 0;
        margin: 0;
        position: relative
    }

    .daygrid-day-frame .daygrid-day-top>p {
        display: block!important
    }

    .daygrid-day-frame.scrollgrid-sync-inner {
        padding: 0;
        cursor: pointer;
        z-index: 9;
        position: relative;
        display: grid;
        grid-auto-flow: column;
        justify-content: start;
        text-align: center
    }

    .daygrid-day-frame .daygrid-day-top {
        display: grid;
        margin-bottom: 0;
        background: inherit;
        justify-content: center;
        align-content: center;
        height: 100%;
        padding: 0 .85rem;
        width: 46px;
        line-height: 145%
    }

    .daygrid-day-frame .fc-daygrid-day-events {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 1rem
    }

    .daygrid-day-frame .fc-daygrid-event {
        min-width: 125px;
        margin-left: 1.5rem
    }

    .fc-daygrid-day-frame:after,.fc-daygrid-day-events:after,.fc-daygrid-event-harness:after,.fc-daygrid-day-frame:before,.fc-daygrid-day-events:before,.fc-daygrid-event-harness:before {
        content: none
    }

    .daygrid-day-frame .fc-daygrid-event .badge-dot {
        margin-right: 6px
    }

    .calendar_list>dd .daygrid-day-top {
        border-right: 1px solid #dbdfea;
        padding: .75rem 0;
        font-size: 13px
    }

    .calendar_list>dd.day-holiday .daygrid-day-top {
        border-right: 1px solid #ece4e4
    }
}

@media (max-width: 575.98px) {
    .nk-block-head-content .nk-block-tools-toggle .toggle-expand-content .nk-block-tools {
        display:flex;
        justify-content: space-between
    }
}

@media (max-width: 425px) {
    .cal-list-style .daygrid-day-frame .fc-daygrid-event {
        margin:0 1rem 0 0
    }

    .cal-list-style .calendar_list>dd .daygrid-day-top {
        font-size: 13px;
        width: 32px
    }

    .cal-list-style .daygrid-day-frame .fc-daygrid-day-events {
        padding: .65rem .85rem
    }

    .daygrid-day-frame .fc-daygrid-event {
        margin: 0 1rem 0 0
    }

    .calendar_list>dd .daygrid-day-top {
        font-size: 13px;
        width: 32px
    }

    .daygrid-day-frame .fc-daygrid-day-events {
        padding: .65rem .85rem
    }
}

.modal-xl {
    max-width: fit-content;
    min-width: 50vw
}

.modal-title {
    padding-top: 3px
}

#modalNotiView p {
    margin: 0
}

#modalNotiView .modal-title {
    font-size: 1.1rem;
    line-height: 125%;
    padding: 10px 0 7px
}

.betDetailView .card.betDetail {
    margin: 1rem auto
}

.betDetailView .card.betDetail .card-header {
    padding: 1rem;
    background: none;
    border-bottom: 1px solid #e2e5ee
}

.betDetailView .card.betDetail .card-header .card-title {
    margin: 0;
    padding: 0
}

.betDetailView .card.betDetail .card-header .card-title h3 {
    font-size: 110%
}

.betDetailView .card.betDetail .card-body {
    overflow: auto
}

.betDetailView .card.betDetail .card-body .table-flush th {
    background: #e7e9eb;
    border-right: 1px solid #ddd;
    text-align: center;
    font-size: 12px;
    word-break: keep-all;
    text-wrap: nowrap
}

.betDetailView .card.betDetail .card-body .table-flush td {
    padding: 6px 5px 5px 10px;
    word-break: keep-all;
    text-wrap: nowrap
}

.betDetailView .card.betDetail .card-body .bet-log-tb.roulette {
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

.betDetailView .card.betDetail .card-body .bet-log-tb.roulette li.img img {
    max-width: 100%
}

@media (min-width: 425px) {
    .betDetail.baccarat .bet-log-tb.result-game.casinotype01 {
        width:96%;
        margin: 0 auto;
        max-width: initial;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: flex-start
    }

    .betDetail.baccarat .bet-log-tb.result-game.casinotype01 li {
        width: 46%
    }

    .betDetail.baccarat .gallery-image .cardV {
        width: 52px;
        height: auto;
        margin: 2px
    }

    .betDetail.baccarat .gallery-image .cardH {
        height: 52px;
        width: auto;
        margin: 2px
    }

    .betDetail.baccarat .bet-log-tb.casinotype01 li>p {
        font-size: 13px;
        margin-bottom: 10px
    }

    .betDetail.blackjack .bet-log-tb.result-game.casinotype02 {
        width: 96%;
        margin: 0 auto;
        max-width: initial;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        align-items: flex-start
    }

    .betDetail.blackjack .bet-log-tb.result-game.casinotype02 li {
        width: 100%;
        max-width: 500px
    }

    .betDetail.blackjack .gallery-image .cardV {
        width: 52px;
        height: auto;
        margin: 2px
    }

    .betDetail.blackjack .gallery-image .cardH {
        height: 52px;
        width: auto;
        margin: 2px
    }

    .betDetail.blackjack .bet-log-tb.casinotype02 li>span {
        font-size: 13px;
        margin-bottom: 10px
    }
}

@media (max-width: 425px) {
    .title .nk-notes {
        font-size:11px!important;
        display: block;
        margin: 5px 0 0
    }

    .hljs {
        font-size: 86%
    }
}

.card .table>thead>tr>th:nth-child(odd),.card .table>tbody>tr>td:nth-child(odd) {
    background: #ffffff
}

.card .table>thead>tr>th:nth-child(2n),.card .table>tbody>tr>td:nth-child(2n) {
    background: #f5f6fa
}

.card .table>thead>tr>th {
    background: #e9ebf0!important;
    word-break: keep-all
}

.card .table.not-bg-oddeven>thead>tr>th:nth-child(odd),.card .table.not-bg-oddeven>tbody>tr>td:nth-child(odd) {
    background: none
}

.card .table.not-bg-oddeven>thead>tr>th:nth-child(2n),.card .table.not-bg-oddeven>tbody>tr>td:nth-child(2n) {
    background: none
}

.card .table.not-bg-oddeven>thead>tr>th {
    background: none!important
}

.card .table.hover-event tbody>tr {
    transition: all .2s ease-out .1s
}

.card .table.hover-event tbody>tr:hover {
    box-shadow: 1px 1px 3px #00000040;
    background-color: #0000000a;
    transition: all .2s ease-out .1s
}

.nk-offCanvas .btn-price-set button.btn {
    padding: .35rem .45rem .25rem;
    font-size: 11px;
    font-size: 85%;
    letter-spacing: -.02rem;
    box-sizing: border-box
}

.nk-offCanvas .btn-price-set button.btn:hover {
    opacity: .75
}

.nk-offCanvas .btn-price-set button.btn:nth-child(6) {
    background-color: #1f2b3a!important;
    border-color: #1f2b3a
}

.nk-offCanvas .btn-price-set button.btn:nth-child(5) {
    background-color: #2b3748!important;
    border-color: #1f2b3a
}

.nk-offCanvas .btn-price-set button.btn:nth-child(4) {
    background-color: #344357!important;
    border-color: #2b3748
}

.nk-offCanvas .btn-price-set button.btn:nth-child(3) {
    background-color: #3c4d62!important;
    border-color: #344357
}

.nk-offCanvas .btn-price-set button.btn:nth-child(2) {
    background-color: #8091a7!important;
    border-color: #3c4d62
}

.nk-offCanvas .btn-price-set button.btn:nth-child(1) {
    background-color: #a6b0be!important;
    border-color: #8091a7
}

.user {
    background-color: #666469!important
}

.admin {
    background-color: #ed0e71!important
}

.currency {
    background-color: #2a4cec!important
}

.senior {
    background-color: #02aa6b!important
}

.top {
    background-color: #51a5f1!important
}

.super {
    background-color: #000!important
}

.M1 {
    background-color: #432692!important
}

.M2 {
    background-color: #2b4fbd!important
}

.M3 {
    background-color: #19818a!important
}

.M4 {
    background-color: #198a6c!important
}

.M5 {
    background-color: #40a92c!important
}

.M6 {
    background-color: #ffdd00!important
}

.M7 {
    background-color: #e38f18!important
}

.M8 {
    background-color: #941010!important
}

.M9 {
    background-color: #941594!important
}

.M10 {
    background-color: #3bbe00!important
}

.M11 {
    background-color: #0087c3!important
}

.M12 {
    background-color: #0741a1!important
}

.M13 {
    background-color: #7524af!important
}

.M14 {
    background-color: #7b68ee!important
}

.M15 {
    background-color: #727471!important
}

.M16 {
    background-color: #1477d2!important
}

.M17 {
    background-color: #39f!important
}

.M18 {
    background-color: #00bfff!important
}

.M19 {
    background-color: #00ced1!important
}

.M20 {
    background-color: #0000cd!important
}

.card-round {
    padding: 3px;
    border-radius: 5%
}

.cover {
    background-color: #842a96!important
}

.table .date-td {
    padding: 0;
    overflow: auto;
    max-width: 145px
}

.table .date-td>pre {
    width: 100%;
    height: 100%!important;
    max-height: 110px;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: initial
}

.table .date-td .hljs {
    padding: .5em;
    width: 100%;
    min-width: 100px;
    height: 100%;
    overflow-x: initial;
    overflow-y: initial
}

.table-responsive table.table button.btn.btn-primary.btn-sm {
    background: #dcf5ed;
    color: #129775;
    border-color: #1cb58f;
    border-radius: .542rem
}

.vUserLists .input-group-append,.vUserLists .input-group-append>button.btn {
    border-top-right-radius: 4px!important;
    border-bottom-right-radius: 4px!important
}

.vUserLists .input-group-append+select.form-select {
    max-width: fit-content;
    margin-left: 1em!important
}

.dropdown-toggle {
    justify-content: flex-start
}

.pnavi_wrap_flex {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.pnavi_wrap_flex>div+div {
    margin-left: 1em
}

.dp_md_st {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-left: 1em!important
}

.dateInHour {
    font-size: 85%;
    opacity: .85
}

input.form-control+select.form-select,input.form-control+select.form-select+select.form-select {
    max-width: fit-content;
    cursor: pointer
}

.timezone-box {
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.timezone-box dl {
    font-size: 1rem;
    width: calc(25% - 1px);
    margin: 0 0 0 -1px;
    padding: 0;
    border: 1px solid #e2e3e5
}

.timezone-box dt {
    font-weight: 700;
    text-align: center;
    background: #e8ebef;
    border-bottom: 1px solid #e2e3e5;
    font-size: 12px;
    padding: .325rem 0
}

.timezone-box dd {
    font-weight: 400;
    margin: 0;
    padding: .245rem 0;
    text-align: center;
    font-size: 12px
}

.switch-onoff {
    display: inline-block;
    min-width: fit-content
}

.switch-onoff.checked {
    padding-left: 3.75rem;
    display: inline-block
}

.switch-onoff .custom-control-label {
    height: calc(1.75rem + 2px);
    line-height: calc(1.75rem - 1px)
}

.switch-onoff .custom-control-label:before {
    content: "off";
    text-align: right;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 7px;
    color: #adafb9;
    width: 3.95rem;
    height: 100%;
    left: -3.95rem
}

.switch-onoff.checked .custom-control-label:before {
    content: "on";
    text-align: left;
    font-weight: 700;
    font-size: 13px;
    padding-left: 7px;
    color: #fff
}

.switch-onoff .custom-control-label:after {
    font-family: Nioicon!important;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased
}

.switch-onoff .custom-control-label:after {
    content: "";
    color: #fff;
    background-color: #c9cbd6;
    width: 1.15rem;
    height: 1.15rem;
    border-radius: 2rem;
    left: -3.65rem;
    top: 50%;
    transform: translateY(-50%)
}

.switch-onoff.checked .custom-control-label:after {
    content: "";
    transform: translate(1.35rem,-50%)!important;
    color: #127c90;
    left: -2.75rem
}

.switch-onoff .custom-control-label>strong {
    display: inline-block;
    padding-left: 6px
}

.table-wrapper>.btn-toolbar {
    padding: 5px 10px 8px!important;
    margin-bottom: 0;
    border-bottom: 1px solid #dcdfeb
}

.table-responsive .table .col-detail {
    max-width: 75px;
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.table-responsive .table .col-wallet,.table-responsive .table .col-currency {
    padding-left: 0;
    padding-right: 0;
    text-align: center
}

.date-log {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 110%
}

.date-log>div {
    text-align: left
}

.date-log .dateInHour {
    display: block
}

@media (min-width: 1024px) {
    .nk-header-fixed+.nk-content {
        padding:20px 10px 10px
    }

    #opt-x:not(.tab-content #opt-x) {
        width: 100%;
        position: relative
    }

    #opt-x>.card>.card-inner-group {
        overflow-y: auto;
        overflow-x: auto;
        height: calc(100vh - 150px);
        min-height: 60vh;
        border-radius: 0!important;
        width: 100%
    }

    #opt-x .row_sticky {
        background: #ffffff;
        position: sticky;
        top: 0;
        z-index: 11
    }

    #opt-x>.card>.card-inner-group>.card-inner:nth-child(1) {
        z-index: 9
    }

    #opt-x>.card>.card-inner-group>.card-inner:nth-child(2) {
        z-index: 8
    }

    #opt-x>.card>.card-inner-group>.card-inner:nth-child(3) {
        z-index: 7
    }

    #opt-x>.card>.card-inner-group>.card-inner:nth-child(4) {
        z-index: 6
    }

    #opt-x>.card>.card-inner-group>.card-inner.p-3,#opt-x>.card>.card-inner-group>.cpaginationMongo:not(.tableBox) {
        position: sticky;
        left: 0
    }

    #opt-x .table-responsive {
        overflow-y: initial!important;
        overflow-x: initial!important;
        border-radius: 0!important
    }

    #opt-x .tableBox {
        border-bottom-width: 0
    }

    #opt-x .tableBox+.cpaginationMongo {
        position: sticky;
        bottom: 0;
        z-index: 10;
        background: rgba(255,255,255,.85);
        padding: 12px!important;
        border-top: 1px solid #dbdfea;
        box-shadow: 0 -5px 10px -5px #0003
    }
}

@media (max-width: 1023px) {
    #opt-x {
        min-width:100%
    }
}

@media (max-width: 1540px) {
    .row>* {
        padding-right:calc(var(--bs-gutter-x) * .25);
        padding-left: calc(var(--bs-gutter-x) * .25)
    }
}

@media (max-width: 1200px) {
    .dropdown-toggle {
        justify-content:flex-start
    }

    .vPartnerDetail .user-view-box .nav-tabs button.btn em.icon {
        display: none!important
    }

    .vLogsBettingCurrency .tbSearch+.row>div.col-6:nth-child(4) .form-group {
        margin-bottom: 1rem
    }
}

@media (max-width: 992px) {
    .col-6>.form-group {
        margin-bottom:1rem
    }

    .cpaginationMongo .dropdown.partnerTree {
        margin-bottom: .75rem
    }

    .user-view-box .col-sm-12.col-lg-1.col-xxl-1 {
        padding: 0;
        margin: .25rem 0 0;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .user-view-box .col-sm-12.col-lg-1.col-xxl-1+.col-sm-12 {
        margin-top: 1rem
    }

    .user-view-box .nk-block-head {
        text-align: center!important
    }

    .user-view-box .nk-block-head .page-title {
        font-size: 1.15rem
    }
}

@media (max-width: 768px) {
    .btn,.dual-listbox .dual-listbox__button {
        letter-spacing:normal
    }

    table.table-small-font,.user-name,.usernm_admin>span,#accordion-dboard .team-info li,#accordion-dboard .team-info li span,.dropdown-menu-text,.form-select,.input-group-append,button.btn,.tbSearch>.alert.alert-icon,.nk-footer-copyright {
        font-size: 12px!important
    }

    .tbSearch>.alert.alert-icon {
        padding-right: 1rem
    }

    .span-cell-emt {
        height: 150px;
        min-height: 50vh;
        position: relative
    }

    .span-cell-emt .nk-order-ovwg-ck {
        width: 100vw;
        height: 100%;
        margin: 0 -5vw;
        position: sticky;
        top: 0%;
        left: 0%;
        word-break: keep-all
    }

    .span-cell-emt .nk-order-ovwg-ck>h5 {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%)
    }

    .vTrxsPartner .col-12 .form-group,.vTrxsMe .tbSearch+.row .col-12.col-md-6.col-xxl-3 {
        margin-bottom: 1rem
    }

    .pagination {
        float: none!important;
        margin-bottom: .752rem
    }

    .pnavi_wrap_flex>div ul.pagination {
        margin-bottom: 0
    }

    .vLogsBettingCurrency .cpaginationMongo ul.pagination {
        float: none!important;
        margin-bottom: .752rem
    }

    .page-item input.form-control {
        max-width: none
    }
}

@media (max-width: 576px) {
    .is-theme .nk-header-title .nk-news-text p {
        font-size:16px
    }

    .card-inner {
        padding: 1rem
    }

    h6.title {
        font-size: 13px
    }

    .vLogsBettingCurrency .tbSearch .col-sm-6+.col-sm-6 .form-select {
        margin-bottom: 1rem
    }

    .vLogsBettingCurrency .col-12+.col-12 .input-group,.vTrxsAll .tbSearch .col-12>.form-select {
        margin-top: 1rem
    }

    .vTrxsAll .col-12+.col-12 .form-select {
        margin: 0 0 1rem
    }

    .vAdminLists .btn.xsw-100 {
        display: flex;
        justify-content: center
    }

    .vUpdateLists .row.g-2 a.btn.btn-primary,.vNoticeLists .row.g-2 a.btn.btn-primary {
        width: 100%;
        align-items: center;
        justify-content: center
    }

    .cpaginationMongo ul.pagination {
        float: none!important;
        margin-bottom: .752rem
    }

    .pnavi_wrap_flex>div ul.pagination {
        margin-bottom: 1em
    }

    .vPartnerDetail .user-view-box .nav-tabs {
        padding: 0 1rem;
        border-bottom-width: 0
    }

    .invest-ov {
        padding: .75em 0
    }

    .form-control-wrap .input-group input.form-control[type=text] {
        border-top-left-radius: 4px!important;
        border-bottom-left-radius: 4px!important
    }

    .cpaginationMongo .pnavi_wrap_flex {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center
    }

    .cpaginationMongo .pnavi_wrap_flex>div:first-child {
        font-size: inherit
    }

    .cpaginationMongo .pnavi_wrap_flex>div:nth-child(2) {
        width: calc(50% - 15px);
        margin: 0 15px 0 0
    }

    .cpaginationMongo .pnavi_wrap_flex>div:nth-child(3) {
        width: 50%;
        margin: 0
    }

    button.btn em.ni-search {
        margin: 0 .25rem!important
    }

    button.btn em.ni-search+font,.tbSearch button.btn i.fas {
        display: none
    }

    .tbSearch button.btn.w-50 {
        font-size: 11px;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        display: inline-block;
        text-wrap: nowrap
    }

    .dp_md_st {
        width: 100%;
        margin: 1em 0 0!important
    }

    .vReportSubUser .card-bordered {
        border-width: 0
    }

    .vReportSubUser .card-bordered .row.form-control-wrap {
        margin-right: calc(-.25 * var(--bs-gutter-x));
        margin-left: calc(-.25 * var(--bs-gutter-x))
    }

    .vBlackList .row.justify-end .col-12.col-md-6+.col-6.col-md-3 {
        width: 100%
    }

    .vBlackList input.form-control+.input-group-append {
        width: 100%;
        display: inline-flex;
        justify-content: flex-start;
        align-items: center;
        border-radius: 4px!important;
        overflow: hidden;
        margin-top: 5px
    }

    .vBlackList input.form-control+.input-group-append button {
        width: 100%
    }

    .timezone-box {
        flex-direction: row
    }

    .timezone-box dl {
        width: 50%
    }

    .timezone-box dt {
        font-size: 11px
    }

    .timezone-box dd {
        padding: .425rem 0
    }
}

@media (max-width: 425px) {
    .vBlackList input.form-control+.input-group-append button:nth-child(2) i,.vBlackList input.form-control+.input-group-append button:nth-child(3) i {
        display:none
    }
}

.bg-cansel {
    background-color: #f8b87659!important
}

.pointer {
    cursor: pointer
}

a[href=""].nk-menu-link:not(.nk-menu-toggle):not(.nk-menu-text):not(.nk-menu-logo-link) {
    cursor: default;
    opacity: .3
}

input[type=text][readonly] {
    color: var(--bs-gray-400)
}

.dataTables_empty,.empty td {
    color: #ccc;
    height: 15vh;
    line-height: 15vh
}

.table {
    font-size: 13px
}

.table.thborder thead tr:last-child th {
    padding: .5rem .25rem;
    white-space: nowrap;
    font-size: .9em;
    line-height: 1.45;
    border-color: inherit;
    border-width: 0;
    border-style: solid;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    border-top: 0;
    border-left: 0;
    border-bottom: var(--bs-border-width) solid #dbdfea;
    border-right: var(--bs-border-width) solid #dbdfea;
    background: #f5f6fa
}

.table.thborder thead tr:last-child th:first-child,.table.thborder thead tr:last-child th:last-child {
    border-left: 0;
    border-right: 0
}

table.dataTable thead .sorting_disabled.sorting_asc:before,table.dataTable thead .sorting_disabled.sorting_desc:after,table.dataTable thead .sorting_disabled.sorting:after,table.dataTable thead .sorting_disabled.sorting_asc:after,table.dataTable thead .sorting_disabled.sorting_asc_disabled:after,table.dataTable thead .sorting_disabled.sorting_desc_disabled:after {
    display: none
}

.card-inner.bottom {
    background: var(--bs-tertiary-bg)
}

.nk-menu-item {
    position: relative
}

.nk-sidebar .nk-menu>li .nk-menu-sub .nk-menu-sub .nk-menu-sub {
    margin-left: .8rem
}

.nk-sidebar .nk-menu>li .nk-menu-sub .nk-menu-link+.nk-menu-toggle:active,.nk-sidebar .nk-menu>li .nk-menu-sub .nk-menu-link+.nk-menu-toggle:focus,.nk-sidebar .nk-menu>li .nk-menu-sub .nk-menu-link+.nk-menu-toggle:hover,.nk-sidebar .nk-menu>li .nk-menu-sub .nk-menu-link+.nk-menu-toggle {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    width: 0;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background-color: transparent
}

.nk-menu-item.active>.nk-menu-link+.nk-menu-toggle:after {
    transform: translateY(-50%) rotate(90deg)
}

.memNum>* {
    background-color: #fff
}

.modal-body .col-6 {
    align-items: unset
}

.comment_box[data-v-b4e83114] {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

.modal-body[data-v-b4e83114] {
    min-height: 320px
}

.editor[data-v-b4e83114] {
    max-height: 400px;
    overflow: auto
}

.swal2-popup.swal2-toast {
    box-sizing: border-box;
    grid-column: 1/4!important;
    grid-row: 1/4!important;
    grid-template-columns: min-content auto min-content;
    padding: 1em;
    overflow-y: hidden;
    background: #fff;
    box-shadow: 0 0 1px #00000013,0 1px 2px #00000013,1px 2px 4px #00000013,1px 3px 8px #00000013,2px 4px 16px #00000013;
    pointer-events: all
}

.swal2-popup.swal2-toast>* {
    grid-column: 2
}

.swal2-popup.swal2-toast .swal2-title {
    margin: .5em 1em;
    padding: 0;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-loading {
    justify-content: center
}

.swal2-popup.swal2-toast .swal2-input {
    height: 2em;
    margin: .5em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-validation-message {
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-footer {
    margin: .5em 0 0;
    padding: .5em 0 0;
    font-size: .8em
}

.swal2-popup.swal2-toast .swal2-close {
    grid-column: 3/3;
    grid-row: 1/99;
    align-self: center;
    width: .8em;
    height: .8em;
    margin: 0;
    font-size: 2em
}

.swal2-popup.swal2-toast .swal2-html-container {
    margin: .5em 1em;
    padding: 0;
    overflow: initial;
    font-size: 1em;
    text-align: initial
}

.swal2-popup.swal2-toast .swal2-html-container:empty {
    padding: 0
}

.swal2-popup.swal2-toast .swal2-loader {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    height: 2em;
    margin: .25em
}

.swal2-popup.swal2-toast .swal2-icon {
    grid-column: 1;
    grid-row: 1/99;
    align-self: center;
    width: 2em;
    min-width: 2em;
    height: 2em;
    margin: 0 .5em 0 0
}

.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 1.8em;
    font-weight: 700
}

.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    top: .875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: .3125em
}

.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: .3125em
}

.swal2-popup.swal2-toast .swal2-actions {
    justify-content: flex-start;
    height: auto;
    margin: .5em 0 0;
    padding: 0 .5em
}

.swal2-popup.swal2-toast .swal2-styled {
    margin: .25em .5em;
    padding: .4em .6em;
    font-size: 1em
}

.swal2-popup.swal2-toast .swal2-success {
    border-color: #a5dc86
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 1.6em;
    height: 3em;
    transform: rotate(45deg);
    border-radius: 50%
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.8em;
    left: -.5em;
    transform: rotate(-45deg);
    transform-origin: 2em 2em;
    border-radius: 4em 0 0 4em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.25em;
    left: .9375em;
    transform-origin: 0 1.5em;
    border-radius: 0 4em 4em 0
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
    width: 2em;
    height: 2em
}

.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
    top: 0;
    left: .4375em;
    width: .4375em;
    height: 2.6875em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
    height: .3125em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
    top: 1.125em;
    left: .1875em;
    width: .75em
}

.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
    top: .9375em;
    right: .1875em;
    width: 1.375em
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-toast-animate-success-line-tip .75s
}

.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-toast-animate-success-line-long .75s
}

.swal2-popup.swal2-toast.swal2-show {
    animation: swal2-toast-show .5s
}

.swal2-popup.swal2-toast.swal2-hide {
    animation: swal2-toast-hide .1s forwards
}

div:where(.swal2-container) {
    display: grid;
    position: fixed;
    z-index: 1060;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
    grid-template-rows: minmax(min-content,auto) minmax(min-content,auto) minmax(min-content,auto);
    height: 100%;
    padding: .625em;
    overflow-x: hidden;
    transition: background-color .1s;
    -webkit-overflow-scrolling: touch
}

div:where(.swal2-container).swal2-backdrop-show,div:where(.swal2-container).swal2-noanimation {
    background: rgba(0,0,0,.4)
}

div:where(.swal2-container).swal2-backdrop-hide {
    background: rgba(0,0,0,0)!important
}

div:where(.swal2-container).swal2-top-start,div:where(.swal2-container).swal2-center-start,div:where(.swal2-container).swal2-bottom-start {
    grid-template-columns: minmax(0,1fr) auto auto
}

div:where(.swal2-container).swal2-top,div:where(.swal2-container).swal2-center,div:where(.swal2-container).swal2-bottom {
    grid-template-columns: auto minmax(0,1fr) auto
}

div:where(.swal2-container).swal2-top-end,div:where(.swal2-container).swal2-center-end,div:where(.swal2-container).swal2-bottom-end {
    grid-template-columns: auto auto minmax(0,1fr)
}

div:where(.swal2-container).swal2-top-start>.swal2-popup {
    align-self: start
}

div:where(.swal2-container).swal2-top>.swal2-popup {
    grid-column: 2;
    place-self: start center
}

div:where(.swal2-container).swal2-top-end>.swal2-popup,div:where(.swal2-container).swal2-top-right>.swal2-popup {
    grid-column: 3;
    place-self: start end
}

div:where(.swal2-container).swal2-center-start>.swal2-popup,div:where(.swal2-container).swal2-center-left>.swal2-popup {
    grid-row: 2;
    align-self: center
}

div:where(.swal2-container).swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    place-self: center center
}

div:where(.swal2-container).swal2-center-end>.swal2-popup,div:where(.swal2-container).swal2-center-right>.swal2-popup {
    grid-column: 3;
    grid-row: 2;
    place-self: center end
}

div:where(.swal2-container).swal2-bottom-start>.swal2-popup,div:where(.swal2-container).swal2-bottom-left>.swal2-popup {
    grid-column: 1;
    grid-row: 3;
    align-self: end
}

div:where(.swal2-container).swal2-bottom>.swal2-popup {
    grid-column: 2;
    grid-row: 3;
    place-self: end center
}

div:where(.swal2-container).swal2-bottom-end>.swal2-popup,div:where(.swal2-container).swal2-bottom-right>.swal2-popup {
    grid-column: 3;
    grid-row: 3;
    place-self: end end
}

div:where(.swal2-container).swal2-grow-row>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-column: 1/4;
    width: 100%
}

div:where(.swal2-container).swal2-grow-column>.swal2-popup,div:where(.swal2-container).swal2-grow-fullscreen>.swal2-popup {
    grid-row: 1/4;
    align-self: stretch
}

div:where(.swal2-container).swal2-no-transition {
    transition: none!important
}

div:where(.swal2-container) div:where(.swal2-popup) {
    display: none;
    position: relative;
    box-sizing: border-box;
    grid-template-columns: minmax(0,100%);
    width: 32em;
    max-width: 100%;
    padding: 0 0 1.25em;
    border: none;
    border-radius: 5px;
    background: #fff;
    color: #545454;
    font-family: inherit;
    font-size: 1rem
}

div:where(.swal2-container) div:where(.swal2-popup):focus {
    outline: none
}

div:where(.swal2-container) div:where(.swal2-popup).swal2-loading {
    overflow-y: hidden
}

div:where(.swal2-container) h2:where(.swal2-title) {
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .8em 1em 0;
    color: inherit;
    font-size: 1.875em;
    font-weight: 600;
    text-align: center;
    text-transform: none;
    word-wrap: break-word
}

div:where(.swal2-container) div:where(.swal2-actions) {
    display: flex;
    z-index: 1;
    box-sizing: border-box;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: auto;
    margin: 1.25em auto 0;
    padding: 0
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] {
    opacity: .4
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover {
    background-image: linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.1))
}

div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active {
    background-image: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2))
}

div:where(.swal2-container) div:where(.swal2-loader) {
    display: none;
    align-items: center;
    justify-content: center;
    width: 2.2em;
    height: 2.2em;
    margin: 0 1.875em;
    animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
    border-width: .25em;
    border-style: solid;
    border-radius: 100%;
    border-color: #2778c4 rgba(0,0,0,0) #2778c4 rgba(0,0,0,0)
}

div:where(.swal2-container) button:where(.swal2-styled) {
    margin: .3125em;
    padding: .625em 1.1em;
    transition: box-shadow .1s;
    box-shadow: 0 0 0 3px #0000;
    font-weight: 500
}

div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) {
    cursor: pointer
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px #7066e080
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny:focus {
    box-shadow: 0 0 0 3px #dc374180
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    font-size: 1em
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel:focus {
    box-shadow: 0 0 0 3px #6e788180
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus {
    box-shadow: 0 0 0 3px #6496c880
}

div:where(.swal2-container) button:where(.swal2-styled):focus {
    outline: none
}

div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) div:where(.swal2-footer) {
    margin: 1em 0 0;
    padding: 1em 1em 0;
    border-top: 1px solid #eee;
    color: inherit;
    font-size: 1em;
    text-align: center
}

div:where(.swal2-container) .swal2-timer-progress-bar-container {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    grid-column: auto!important;
    overflow: hidden;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
}

div:where(.swal2-container) div:where(.swal2-timer-progress-bar) {
    width: 100%;
    height: .25em;
    background: rgba(0,0,0,.2)
}

div:where(.swal2-container) img:where(.swal2-image) {
    max-width: 100%;
    margin: 2em auto 1em
}

div:where(.swal2-container) button:where(.swal2-close) {
    z-index: 2;
    align-items: center;
    justify-content: center;
    width: 1.2em;
    height: 1.2em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: -1.2em;
    padding: 0;
    overflow: hidden;
    transition: color .1s,box-shadow .1s;
    border: none;
    border-radius: 5px;
    background: rgba(0,0,0,0);
    color: #ccc;
    font-family: monospace;
    font-size: 2.5em;
    cursor: pointer;
    justify-self: end
}

div:where(.swal2-container) button:where(.swal2-close):hover {
    transform: none;
    background: rgba(0,0,0,0);
    color: #f27474
}

div:where(.swal2-container) button:where(.swal2-close):focus {
    outline: none;
    box-shadow: inset 0 0 0 3px #6496c880
}

div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner {
    border: 0
}

div:where(.swal2-container) .swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.125em;
    font-weight: 400;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word
}

div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea),div:where(.swal2-container) select:where(.swal2-select),div:where(.swal2-container) div:where(.swal2-radio),div:where(.swal2-container) label:where(.swal2-checkbox) {
    margin: 1em 2em 3px
}

div:where(.swal2-container) input:where(.swal2-input),div:where(.swal2-container) input:where(.swal2-file),div:where(.swal2-container) textarea:where(.swal2-textarea) {
    box-sizing: border-box;
    width: auto;
    transition: border-color .1s,box-shadow .1s;
    border: 1px solid #d9d9d9;
    border-radius: .1875em;
    background: rgba(0,0,0,0);
    box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px #0000;
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror,div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror,div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror {
    border-color: #f27474!important;
    box-shadow: 0 0 2px #f27474!important
}

div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus {
    border: 1px solid #b4dbed;
    outline: none;
    box-shadow: inset 0 1px 1px #0000000f,0 0 0 3px #6496c880
}

div:where(.swal2-container) input:where(.swal2-input)::placeholder,div:where(.swal2-container) input:where(.swal2-file)::placeholder,div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder {
    color: #ccc
}

div:where(.swal2-container) .swal2-range {
    margin: 1em 2em 3px;
    background: #fff
}

div:where(.swal2-container) .swal2-range input {
    width: 80%
}

div:where(.swal2-container) .swal2-range output {
    width: 20%;
    color: inherit;
    font-weight: 600;
    text-align: center
}

div:where(.swal2-container) .swal2-range input,div:where(.swal2-container) .swal2-range output {
    height: 2.625em;
    padding: 0;
    font-size: 1.125em;
    line-height: 2.625em
}

div:where(.swal2-container) .swal2-input {
    height: 2.625em;
    padding: 0 .75em
}

div:where(.swal2-container) .swal2-file {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
    background: rgba(0,0,0,0);
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-textarea {
    height: 6.75em;
    padding: .75em
}

div:where(.swal2-container) .swal2-select {
    min-width: 50%;
    max-width: 100%;
    padding: .375em .625em;
    background: rgba(0,0,0,0);
    color: inherit;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio,div:where(.swal2-container) .swal2-checkbox {
    align-items: center;
    justify-content: center;
    background: #fff;
    color: inherit
}

div:where(.swal2-container) .swal2-radio label,div:where(.swal2-container) .swal2-checkbox label {
    margin: 0 .6em;
    font-size: 1.125em
}

div:where(.swal2-container) .swal2-radio input,div:where(.swal2-container) .swal2-checkbox input {
    flex-shrink: 0;
    margin: 0 .4em
}

div:where(.swal2-container) label:where(.swal2-input-label) {
    display: flex;
    justify-content: center;
    margin: 1em auto 0
}

div:where(.swal2-container) div:where(.swal2-validation-message) {
    align-items: center;
    justify-content: center;
    margin: 1em 0 0;
    padding: .625em;
    overflow: hidden;
    background: #f0f0f0;
    color: #666;
    font-size: 1em;
    font-weight: 300
}

div:where(.swal2-container) div:where(.swal2-validation-message):before {
    content: "!";
    display: inline-block;
    width: 1.5em;
    min-width: 1.5em;
    height: 1.5em;
    margin: 0 .625em;
    border-radius: 50%;
    background-color: #f27474;
    color: #fff;
    font-weight: 600;
    line-height: 1.5em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps {
    flex-wrap: wrap;
    align-items: center;
    max-width: 100%;
    margin: 1.25em auto;
    padding: 0;
    background: rgba(0,0,0,0);
    font-weight: 600
}

div:where(.swal2-container) .swal2-progress-steps li {
    display: inline-block;
    position: relative
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step {
    z-index: 20;
    flex-shrink: 0;
    width: 2em;
    height: 2em;
    border-radius: 2em;
    background: #2778c4;
    color: #fff;
    line-height: 2em;
    text-align: center
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
    background: #2778c4
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step {
    background: #add8e6;
    color: #fff
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line {
    background: #add8e6
}

div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line {
    z-index: 10;
    flex-shrink: 0;
    width: 2.5em;
    height: .4em;
    margin: 0 -1px;
    background: #2778c4
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 5em;
    height: 5em;
    margin: 2.5em auto .6em;
    border: .25em solid rgba(0,0,0,0);
    border-radius: 50%;
    border-color: #000;
    font-family: inherit;
    line-height: 5em;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 3.75em
}

div:where(.swal2-icon).swal2-error {
    border-color: #f27474;
    color: #f27474
}

div:where(.swal2-icon).swal2-error .swal2-x-mark {
    position: relative;
    flex-grow: 1
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #f27474
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] {
    left: 1.0625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] {
    right: 1em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-error.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark {
    animation: swal2-animate-error-x-mark .5s
}

div:where(.swal2-icon).swal2-warning {
    border-color: #facea8;
    color: #f8bb86
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .5s
}

div:where(.swal2-icon).swal2-info {
    border-color: #9de0f6;
    color: #3fc3ee
}

div:where(.swal2-icon).swal2-info.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-i-mark .8s
}

div:where(.swal2-icon).swal2-question {
    border-color: #c9dae1;
    color: #87adbd
}

div:where(.swal2-icon).swal2-question.swal2-icon-show {
    animation: swal2-animate-error-icon .5s
}

div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content {
    animation: swal2-animate-question-mark .8s
}

div:where(.swal2-icon).swal2-success {
    border-color: #a5dc86;
    color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] {
    position: absolute;
    width: 3.75em;
    height: 7.5em;
    transform: rotate(45deg);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] {
    top: -.4375em;
    left: -2.0635em;
    transform: rotate(-45deg);
    transform-origin: 3.75em 3.75em;
    border-radius: 7.5em 0 0 7.5em
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] {
    top: -.6875em;
    left: 1.875em;
    transform: rotate(-45deg);
    transform-origin: 0 3.75em;
    border-radius: 0 7.5em 7.5em 0
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid rgba(165,220,134,.3);
    border-radius: 50%
}

div:where(.swal2-icon).swal2-success .swal2-success-fix {
    position: absolute;
    z-index: 1;
    top: .5em;
    left: 1.625em;
    width: .4375em;
    height: 5.625em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #a5dc86
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] {
    top: 2.875em;
    left: .8125em;
    width: 1.5625em;
    transform: rotate(45deg)
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] {
    top: 2.375em;
    right: .5em;
    width: 2.9375em;
    transform: rotate(-45deg)
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip {
    animation: swal2-animate-success-line-tip .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long {
    animation: swal2-animate-success-line-long .75s
}

div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right {
    animation: swal2-rotate-success-circular-line 4.25s ease-in
}

[class^=swal2] {
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.swal2-show {
    animation: swal2-show .3s
}

.swal2-hide {
    animation: swal2-hide .15s forwards
}

.swal2-noanimation {
    transition: none
}

.swal2-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

.swal2-rtl .swal2-close {
    margin-right: initial;
    margin-left: 0
}

.swal2-rtl .swal2-timer-progress-bar {
    right: 0;
    left: auto
}

@keyframes swal2-toast-show {
    0% {
        transform: translateY(-.625em) rotate(2deg)
    }

    33% {
        transform: translateY(0) rotate(-2deg)
    }

    66% {
        transform: translateY(.3125em) rotate(2deg)
    }

    to {
        transform: translateY(0) rotate(0)
    }
}

@keyframes swal2-toast-hide {
    to {
        transform: rotate(1deg);
        opacity: 0
    }
}

@keyframes swal2-toast-animate-success-line-tip {
    0% {
        top: .5625em;
        left: .0625em;
        width: 0
    }

    54% {
        top: .125em;
        left: .125em;
        width: 0
    }

    70% {
        top: .625em;
        left: -.25em;
        width: 1.625em
    }

    84% {
        top: 1.0625em;
        left: .75em;
        width: .5em
    }

    to {
        top: 1.125em;
        left: .1875em;
        width: .75em
    }
}

@keyframes swal2-toast-animate-success-line-long {
    0% {
        top: 1.625em;
        right: 1.375em;
        width: 0
    }

    65% {
        top: 1.25em;
        right: .9375em;
        width: 0
    }

    84% {
        top: .9375em;
        right: 0;
        width: 1.125em
    }

    to {
        top: .9375em;
        right: .1875em;
        width: 1.375em
    }
}

@keyframes swal2-show {
    0% {
        transform: scale(.7)
    }

    45% {
        transform: scale(1.05)
    }

    80% {
        transform: scale(.95)
    }

    to {
        transform: scale(1)
    }
}

@keyframes swal2-hide {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(.5);
        opacity: 0
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875em;
        left: .0625em;
        width: 0
    }

    54% {
        top: 1.0625em;
        left: .125em;
        width: 0
    }

    70% {
        top: 2.1875em;
        left: -.375em;
        width: 3.125em
    }

    84% {
        top: 3em;
        left: 1.3125em;
        width: 1.0625em
    }

    to {
        top: 2.8125em;
        left: .8125em;
        width: 1.5625em
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    65% {
        top: 3.375em;
        right: 2.875em;
        width: 0
    }

    84% {
        top: 2.1875em;
        right: 0;
        width: 3.4375em
    }

    to {
        top: 2.375em;
        right: .5em;
        width: 2.9375em
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        transform: rotate(-45deg)
    }

    5% {
        transform: rotate(-45deg)
    }

    12% {
        transform: rotate(-405deg)
    }

    to {
        transform: rotate(-405deg)
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625em;
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375em;
        transform: scale(1.15)
    }

    to {
        margin-top: 0;
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        transform: rotateX(100deg);
        opacity: 0
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-rotate-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes swal2-animate-question-mark {
    0% {
        transform: rotateY(-360deg)
    }

    to {
        transform: rotateY(0)
    }
}

@keyframes swal2-animate-i-mark {
    0% {
        transform: rotate(45deg);
        opacity: 0
    }

    25% {
        transform: rotate(-25deg);
        opacity: .4
    }

    50% {
        transform: rotate(15deg);
        opacity: .8
    }

    75% {
        transform: rotate(-5deg);
        opacity: 1
    }

    to {
        transform: rotateX(0);
        opacity: 1
    }
}

body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow: hidden
}

body.swal2-height-auto {
    height: auto!important
}

body.swal2-no-backdrop .swal2-container {
    background-color: #0000!important;
    pointer-events: none
}

body.swal2-no-backdrop .swal2-container .swal2-popup {
    pointer-events: all
}

body.swal2-no-backdrop .swal2-container .swal2-modal {
    box-shadow: 0 0 10px #0006
}

@media print {
    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
        overflow-y: scroll!important
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown)>[aria-hidden=true] {
        display: none
    }

    body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
        position: static!important
    }
}

body.swal2-toast-shown .swal2-container {
    box-sizing: border-box;
    width: 360px;
    max-width: 100%;
    background-color: #0000;
    pointer-events: none
}

body.swal2-toast-shown .swal2-container.swal2-top {
    inset: 0 auto auto 50%;
    transform: translate(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-top-end,body.swal2-toast-shown .swal2-container.swal2-top-right {
    inset: 0 0 auto auto
}

body.swal2-toast-shown .swal2-container.swal2-top-start,body.swal2-toast-shown .swal2-container.swal2-top-left {
    inset: 0 auto auto 0
}

body.swal2-toast-shown .swal2-container.swal2-center-start,body.swal2-toast-shown .swal2-container.swal2-center-left {
    inset: 50% auto auto 0;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center {
    inset: 50% auto auto 50%;
    transform: translate(-50%,-50%)
}

body.swal2-toast-shown .swal2-container.swal2-center-end,body.swal2-toast-shown .swal2-container.swal2-center-right {
    inset: 50% 0 auto auto;
    transform: translateY(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-start,body.swal2-toast-shown .swal2-container.swal2-bottom-left {
    inset: auto auto 0 0
}

body.swal2-toast-shown .swal2-container.swal2-bottom {
    inset: auto auto 0 50%;
    transform: translate(-50%)
}

body.swal2-toast-shown .swal2-container.swal2-bottom-end,body.swal2-toast-shown .swal2-container.swal2-bottom-right {
    inset: auto 0 0 auto
}

.comment_box[data-v-b66a3803] {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

.modal-body[data-v-b66a3803] {
    min-height: 320px
}

.editor[data-v-b66a3803] {
    max-height: 400px;
    overflow: auto
}

.comment_box[data-v-88a8616d] {
    max-height: 300px;
    overflow: hidden;
    overflow-y: scroll
}

.modal-body[data-v-88a8616d] {
    min-height: 320px
}

.editor[data-v-88a8616d] {
    max-height: 400px;
    overflow: auto
}

.ht_div>span[data-v-28a6d8f6] {
    color: #fff
}

.mx_div>span[data-v-28a6d8f6] {
    color: #fff785
}

.cash_total>span[data-v-28a6d8f6] {
    color: #84ffd6
}

.tab-content[data-v-3118f893],.tab-content[data-v-6c0a6446] {
    height: 65vh;
    overflow: hidden;
    overflow-y: scroll
}

input[disabled][data-v-f31faa6f] {
    color: var(--bs-gray-400);
    background-color: #fff
}

.tab-content[data-v-2e5df3c6] {
    max-width: 80%;
    height: 50vh;
    overflow: hidden;
    overflow-y: scroll
}

.tab-content[data-v-cc061fc0],.tab-content[data-v-3ec37a98] {
    max-width: 90%;
    height: 50vh;
    overflow: hidden;
    overflow-y: scroll
}

.tab-content[data-v-f4006f67] {
    height: 65vh;
    overflow: hidden;
    overflow-y: scroll
}

.text-center[data-v-7fe8c4f8] {
    text-align: center
}

.bg-success[data-v-7fe8c4f8] {
    background-color: #d4edda
}