/*!
 * Theme: PBO 
 * Package: DashLite v3.0.0
 * Updated: 23.05.2022
 * Author: Samuel Asor
 * Author URI: https://sammyskills.github.io
**/
.nk-sidebar.is-dark {
    background: #0f192a;
    border-right-color: #1c2f50
}

.nk-sidebar.is-theme {
    background: #000058;
    border-right-color: #00008b
}

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

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

.nk-sidebar.is-dark .user-balance-alt,
.nk-sidebar.is-theme .user-balance-alt {
    color: rgba(255, 255, 255, .8)
}

.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: #000058
}

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

.is-dark .nk-menu-link:hover {
    background: #172641
}

.is-dark .active>.nk-menu-link {
    background: #172641
}

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

.is-dark .nk-menu-badge {
    color: #6d67d2;
    background: #1c2f50
}

.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: #483fc7
}

.is-dark .user-name {
    color: #90a1b8
}

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

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

.is-theme .nk-menu-link:hover {
    background: #000076
}

.is-theme .active>.nk-menu-link {
    background: #000076
}

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

.is-theme .nk-menu-badge {
    color: #938ede;
    background: #00008b
}

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

.is-theme .nk-menu-heading .overline-title {
    color: rgba(165, 180, 252, .8)
}

.is-theme .user-name {
    color: #bec9fd
}

.card-tools-nav li a:before,
.nav-tabs .nav-link:after,
.progress-bar,
.dot-primary,
.alert-fill.alert-primary,
.bg-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: #3730a3
}

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

.card.is-dark {
    background: #000062
}

.is-dark .nk-wg7-title,
.is-dark .nk-wg7-note {
    color: #a5b4fc
}

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

.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,
.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],
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],
.nk-tb-list .tb-asterisk a {
    color: #3730a3
}

a:hover {
    color: #2c2783
}

.text-primary,
.link-primary {
    color: #3730a3 !important
}

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

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

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

.bg-primary {
    background-color: #3730a3 !important
}

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

.bg-primary-dim {
    background-color: #ebeaf6 !important
}

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

.alert-primary,
.badge-dim.bg-outline-primary {
    background-color: #ebeaf6;
    border-color: #afacda
}

.alert-pro.alert-primary,
.bg-primary,
.sp-package-choose:checked~label,
.plan-control:checked+.plan-item-card,
.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: #3730a3
}

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

.dropdown-menu-s1 {
    border-top-color: #3730a3
}

.nk-iv-wg2-amount.ui-v2 {
    border-bottom-color: #3730a3
}

.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: #3730a3;
    border-color: #3730a3
}

.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: #8783c8
}

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

.bg-primary.badge-dot {
    background: rgba(0, 0, 0, 0) !important
}

.nk-error-head {
    background: -webkit-linear-gradient(#3730a3, #000095);
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.nav-switch .nav-link.active {
    background: #3730a3;
    color: #fff
}

.icon-avatar {
    color: #3730a3;
    background-color: #e1e0f1
}

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

.btn-primary {
    background-color: #3730a3;
    border-color: #3730a3
}

.btn-primary:hover {
    background-color: #322b93;
    border-color: #2f298b
}

.btn-primary:focus {
    background-color: #322b93;
    border-color: #2f298b
}

.btn-primary.btn-dim {
    color: #3730a3;
    background-color: #e9e8f5;
    border-color: #e9e8f5
}

.btn-dim.btn-outline-primary {
    color: #3730a3;
    background-color: #e9e8f5;
    border-color: #afacda
}

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

.btn-outline-primary {
    border-color: #3730a3;
    color: #3730a3
}

.btn-outline-primary:hover {
    background-color: #3730a3;
    border-color: #3730a3
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    background-color: #332d97;
    border-color: #322b93
}

.btn-primary:focus,
.btn-outline-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.btn-dim:focus,
.btn-primary.btn-dim:not(:disabled):not(.disabled):active,
.btn-primary.btn-dim:not(:disabled):not(.disabled):active:focus,
.btn-dim.btn-outline-primary:focus,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-dim.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(55, 48, 163, .2)
}

.btn-outline-light:focus,
.btn-outline-light.focus,
.btn-outline-light:not(:disabled):not(.disabled):active:focus,
.btn-outline-light:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(128, 148, 174, .1)
}

.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 rgba(55, 48, 163, .1)
}

.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: #3730a3;
    border-color: #3730a3
}

.form-focus-none:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

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

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

    .is-theme .nk-menu-main>li>.nk-menu-link.nk-menu-toggle:after {
        color: rgba(165, 180, 252, .7)
    }
}

.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: #e1e0f1;
    color: #3730a3
}

.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: #5b76fa
}

.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: #3730a3
}

.code-tag {
    color: blue
}

.alert-pro {
    background: #fff;
    color: #526484
}

.nk-menu-badge {
    color: #736ebf;
    background-color: #ebeaf6
}

.is-theme .nk-sidebar-footer,
.nk-apps-sidebar.is-theme,
.is-theme .nk-sidebar-profile-fixed {
    background: #000058;
    border-color: #00008b
}

.is-theme .nk-menu-footer .nk-menu-link,
.is-theme .sub-text,
.is-theme .lead-text span {
    color: #a5b4fc
}

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

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

.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: #3730a3
}

.nk-ibx-menu li.active {
    background: #efeef8
}

.nk-fmg-menu li.active {
    background: #efeef8
}

.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: #3730a3
}

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

.chat.is-me .chat-msg {
    background-color: #3730a3
}

.kanban-add-task {
    color: #3730a3
}

.kanban-add-task:hover {
    background: #3730a3;
    border-color: #3730a3
}

.actions ul li a {
    border-color: #3730a3;
    background: #3730a3
}

.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: #3730a3
}

.nk-wizard-simple .steps ul li:after {
    background: #3730a3
}

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

.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: #3730a3 !important
}

.iti {
    width: 100%
}

.is-alter .select2~.invalid {
    position: absolute;
    left: 0;
    color: #fff;
    font-size: 11px;
    line-height: 1;
    bottom: calc(100% + 4px);
    background: #ed756b;
    padding: .3rem .5rem;
    z-index: 1;
    border-radius: 3px;
    white-space: nowrap
}

.is-alter .select2~.invalid::before {
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    border-left: 6px solid #ed756b;
    border-right: 6px solid rgba(0, 0, 0, 0);
    left: 10px;
    border-bottom: 6px solid rgba(0, 0, 0, 0);
    bottom: -6px
}

.is-alter .select2~.invalid {
    left: auto;
    right: 0
}

.avatar-img {
    object-fit: cover;
    height: 100%;
    width: 100%
}

.dt-buttons .btn span {
    display: inline
}

.grecaptcha-badge {
    z-index: 999999999
}

.swal2-validation-message {
    background-color: #f0f0f0
}

.entry-badge {
    display: block;
    margin-bottom: .375rem
}

.entry-badge:last-child {
    margin-bottom: 0
}

.filepond--root {
    margin-bottom: 0
}

.filepond--root .filepond--panel-root {
    background-color: rgba(0, 0, 0, 0);
    border: 1px dashed #e5e9f2
}

#parent_node::after {
    position: absolute;
    content: "";
    top: 100%;
    width: 2px;
    height: 28px;
    background-color: #ed756b
}

.level-one-wrapper {
    margin-top: 57px
}

.level-one-wrapper::before {
    position: absolute;
    content: "";
    top: -29px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 104px);
    height: 2px;
    background-color: #ed756b
}

.level-one-node::before {
    position: absolute;
    content: "";
    bottom: 100%;
    left: 50%;
    width: 2px;
    height: 28px;
    transform: translateX(-50%);
    background-color: #ed756b
}

.level-one-node span.badge {
    min-width: 145px;
    max-width: 145px
}

.level-two-wrapper::before {
    position: absolute;
    content: "";
    left: 20%;
    top: -1px;
    width: 2px;
    height: 100%;
    background-color: #ed756b
}

.level-two-node::before {
    position: absolute;
    content: "";
    width: 47px;
    height: 2px;
    left: -46%;
    top: 50%;
    transform: translateY(-50%);
    background-color: #ed756b
}

.level-two-node span.badge {
    min-width: 78px;
    max-width: 78px
}

#parent_node,
.level-one-node,
.level-two-node {
    cursor: pointer
}

@media(max-width: 768px) {
    .level-one-node .user-avatar.lg {
        height: 60px;
        width: 60px;
        font-size: 18px
    }

    .level-one-node span.badge.badge-md {
        padding: 0 .375rem;
        font-size: .675rem !important;
        min-width: 106px;
        max-width: 106px
    }

    .level-two-wrapper::before {
        left: 10%
    }

    .level-two-node::before {
        width: 30px;
        left: -23%
    }
}

@media(max-width: 576px) {
    #parent_node::after {
        display: none
    }

    .level-one-wrapper {
        flex-direction: column;
        margin-top: 0
    }

    .level-one-wrapper::before {
        left: calc(50% - 50px);
        top: 0;
        transform: none;
        width: 2px;
        height: 100%
    }

    .level-one-node {
        margin-top: 1rem;
        margin-left: 65px
    }

    .level-one-node::before {
        width: calc(50% + 1px);
        height: 2px;
        left: -27%;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ed756b
    }
}

@media(min-width: 992px) {
    .level-one-wrapper::before {
        width: calc(100% - 144px)
    }
}

.video-help {
    -webkit-animation: pulse 6s ease infinite;
    -moz-animation: pulse 6s ease infinite;
    -ms-animation: pulse 6s ease infinite;
    -o-animation: pulse 6s ease infinite;
    animation: pulse 6s ease infinite
}