#nprogress {
    pointer-events: none
}

#nprogress .bar {
    background: rgba(88, 108, 177, .8);
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 2.5px
}

#nprogress .peg {
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #586cb1, 0 0 5px #586cb1;
    opacity: 1;
    transform: rotate(3deg) translateY(-4px)
}

#nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1031;
    top: 75px;
    right: 15px
}

#nprogress .spinner-icon {
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border-color: #586cb1 transparent transparent #586cb1;
    border-style: solid;
    border-width: 2px;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner .4s linear infinite;
    animation: nprogress-spinner .4s linear infinite
}

.nprogress-custom-parent {
    overflow: hidden;
    position: relative
}

@-webkit-keyframes nprogress-spinner {
    0% {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes nprogress-spinner {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(1turn)
    }
}

.swal2-title {
    font-weight: 400 !important
}

.swal2-actions .btn {
    padding: .5rem 1.5rem !important
}

.swal2-container {
    z-index: 89891015 !important
}

html {
    font-size: 14px;
    height: 100%;
    letter-spacing: .01rem
}

html body {
    background-color: #eff1f7;
    color: #414750
}

.body-bg, .content-wrapper {
    background: #eff1f7
}

body::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

body::-webkit-scrollbar-track {
    background-color: #eee
}

body::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.table-main::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.table-main::-webkit-scrollbar-track {
    background-color: #eee
}

.table-main::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.table-responsive::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.table-responsive::-webkit-scrollbar-track {
    background-color: #eee
}

.table-responsive::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background-color: #eee
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar-track {
    background-color: #eee
}

.layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.iconpicker .iconpicker-items::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.iconpicker .iconpicker-items::-webkit-scrollbar-track {
    background-color: #eee
}

.iconpicker .iconpicker-items::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.breadcrumb, .h1, .h2, .h3, .h4, .h5, .h6, .header-navbar, .navigation, body, h1, h2, h3, h4, h5, h6 {
    font-family: Nunito, Montserrat, system-ui, BlinkMacSystemFont, -apple-system, sans-serif
}

li {
    list-style-type: none
}

.text-primary-darker {
    color: #4c60a3 !important
}

.text-danger-darker {
    color: #bd4147 !important
}

.text-blue-darker {
    color: #236bb0 !important
}

.text-custom {
    color: #59a9f8 !important
}

.text-pink {
    color: #ff8acc !important
}

.text-yellow {
    color: #edc30e !important
}

.text-light {
    color: #f7f7f9 !important
}

.text-white50 {
    color: hsla(0, 0%, 100%, .5) !important
}

.text-orange {
    color: #dda451 !important
}

.text-orange-1 {
    color: #ffcc80 !important
}

.text-orange-2 {
    color: #f99037 !important
}

.text-blue-1 {
    color: #007ee5 !important
}

.text-blue-2 {
    color: #4199de !important
}

.text-cyan {
    color: #7367f0 !important
}

.text-tear {
    color: #01847f !important
}

.text-tear-1 {
    color: #00b5b5 !important
}

.text-gray {
    color: #b9c3cd !important
}

.text-20 {
    color: #f6fbff !important
}

.text-30 {
    color: #f4f7fa !important
}

.text-35 {
    color: #e7eef7 !important
}

.text-40 {
    color: #ebf0f3 !important
}

.text-50 {
    color: #d3dde5 !important
}

.text-60 {
    color: #bacad6 !important
}

.text-70 {
    color: #b3b9bf !important
}

.text-80 {
    color: #7c858e !important
}

.text-85 {
    color: #5c7089 !important
}

.bg-custom {
    background: #59a9f8 !important
}

.bg-pink {
    background: #ff8acc !important
}

.bg-yellow {
    background: #edc30e !important
}

.bg-light {
    background: #f7f7f9 !important
}

.bg-white50 {
    background: hsla(0, 0%, 100%, .5) !important
}

.bg-orange {
    background: #dda451 !important
}

.bg-orange-1 {
    background: #ffcc80 !important
}

.bg-orange-2 {
    background: #f99037 !important
}

.bg-blue-1 {
    background: #007ee5 !important
}

.bg-blue-2 {
    background: #4199de !important
}

.bg-cyan {
    background: #7367f0 !important
}

.bg-tear {
    background: #01847f !important
}

.bg-tear-1 {
    background: #00b5b5 !important
}

.bg-default {
    background: #d2d6de !important
}

.bg-gray {
    background: #b9c3cd !important
}

.bg-20 {
    background: #f6fbff !important
}

.bg-30 {
    background: #f4f7fa !important
}

.bg-35 {
    background: #e7eef7 !important
}

.bg-40 {
    background: #ebf0f3 !important
}

.bg-50 {
    background: #d3dde5 !important
}

.bg-60 {
    background: #bacad6 !important
}

.bg-70 {
    background: #b3b9bf !important
}

.bg-80 {
    background: #7c858e !important
}

.bg-primary-gradient {
    background-image: linear-gradient(60deg, #586cb1, 0, #697bb9 37%, #97a3ce 65%, #a4afd5)
}

.shadow-0 {
    box-shadow: none !important
}

.shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05) !important
}

.shadow-100 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05) !important
}

.shadow-200 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1) !important
}

.font-sm-1 {
    font-size: .7rem !important
}

.font-sm-2 {
    font-size: .8rem !important
}

.font-sm-3 {
    font-size: .9rem !important
}

.font-md-1 {
    font-size: 1.1rem !important
}

.font-md-2 {
    font-size: 1.2rem !important
}

.font-md-3 {
    font-size: 1.3rem !important
}

.font-md-4 {
    font-size: 1.4rem !important
}

.font-md-5 {
    font-size: 1.5rem !important
}

.font-lg-1 {
    font-size: 2rem !important
}

.font-lg-2 {
    font-size: 3rem !important
}

.font-lg-3 {
    font-size: 4rem !important
}

.font-lg-4 {
    font-size: 5rem !important
}

.font-lg-5 {
    font-size: 6rem !important
}

.font-w-300 {
    font-weight: 300
}

.font-w-400 {
    font-weight: 400
}

.font-w-500 {
    font-weight: 500
}

.font-w-600 {
    font-weight: 600
}

.font-w-700 {
    font-weight: 700
}

.mt-1-5 {
    margin-top: 1.5rem !important
}

.mb-1-5 {
    margin-bottom: 1.5rem !important
}

.ml-1-5 {
    margin-left: 1.5rem !important
}

.mr-1-5 {
    margin-right: 1.5rem !important
}

.pt-1-5 {
    padding-top: 1.5rem !important
}

.pb-1-5 {
    padding-bottom: 1.5rem !important
}

.pl-1-5 {
    padding-left: 1.5rem !important
}

.pr-1-5 {
    padding-right: 1.5rem !important
}

.text-italic {
    font-style: italic
}

.text-highlight {
    padding: 4px 6px
}

.pin, .pin-y {
    top: 0;
    bottom: 0
}

.pin {
    right: 0;
    left: 0
}

.icon-bg-circle {
    color: #fff;
    padding: .5rem;
    border-radius: 50%
}

.icon-left, .icon-right {
    margin-right: .5rem
}

.icon-spin {
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

.hidden {
    display: none;
    visibility: hidden
}

.round {
    border-radius: 1.5rem
}

.square {
    border-radius: 0
}

.icon-line-height {
    line-height: 1.5rem !important
}

.spinner {
    display: inline-block;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

button:focus {
    outline: none
}

.overflow-x-auto {
    overflow-x: auto !important
}

.overflow-y-auto {
    overflow-y: auto !important
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3
}

.content .content-wrapper {
    padding: 7rem 1rem 0
}

.navbar-fixed-top .content-wrapper {
    padding-top: 6.4rem
}

.full-page .content .content-wrapper {
    padding: 0;
    margin-left: 0 !important
}

dl, ol, ul {
    margin-bottom: 0
}

.btn {
    padding: .54rem 1.2rem !important;
    height: 34px;
    line-height: 1.2;
    border-radius: .2rem;
    cursor: pointer;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .065), 0 2px 2px 0 rgba(0, 0, 0, .065), 0 1px 5px 1px rgba(0, 0, 0, .065)
}

.btn.btn-trans {
    box-shadow: none
}

.btn-trans.btn-primary {
    background-color: #e3e6f2;
    border-color: #e3e6f2;
    color: #586cb1
}

.btn-shadow.btn, .btn:focus, .btn:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .065), 0 2px 2px 0 rgba(0, 0, 0, .065), 0 1px 5px 1px rgba(0, 0, 0, .065)
}

.btn-shadow.btn:focus, .btn-shadow.btn:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1)
}

.btn-group-sm > .btn, .btn-lg, .btn-sm {
    border-radius: .2rem
}

.btn-primary {
    color: #fff
}

.btn-sm, .btn-xs {
    padding: .54rem .9rem !important
}

a.btn, span.btn {
    line-height: 1.4
}

div.btn {
    line-height: 1.3
}

.btn-group-sm > div.btn, .btn-group-sm > span.btn, div.btn.btn-sm, span.btn.btn-sm {
    line-height: 1.2
}

.btn-group-sm > a.btn, a.btn-sm {
    line-height: 1.1
}

.btn-warning, .btn.btn-warning.active, .btn.btn-warning:focus, .btn.btn-warning:hover {
    color: #fff
}

.btn-group-sm > .btn, .btn-sm {
    font-size: 12px;
    line-height: 1.1;
    height: 30px
}

.btn-default {
    background: #fff;
    border-color: #fff
}

.btn-default.active, .btn-default:focus, .btn-default:hover {
    background: #fff;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05)
}

.btn-group {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .065), 0 2px 2px 0 rgba(0, 0, 0, .065), 0 1px 5px 1px rgba(0, 0, 0, .065)
}

.btn-group .btn:not(.btn-white):hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05)
}

.btn-group .btn {
    box-shadow: none !important
}

.btn-group.btn-shadow {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .065), 0 2px 2px 0 rgba(0, 0, 0, .065), 0 1px 5px 1px rgba(0, 0, 0, .065)
}

.btn-custom {
    color: #2a2e30;
    background-color: #59a9f8;
    border-color: #59a9f8;
    color: #fff
}

.btn-custom:hover {
    color: #fff;
    background-color: #48a0f7;
    border-color: #48a0f7
}

.btn-custom.focus, .btn-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 151, 218, .5)
}

.btn-custom.disabled, .btn-custom:disabled {
    color: #2a2e30;
    background-color: #59a9f8;
    border-color: #59a9f8
}

.btn-custom:not(:disabled):not(.disabled).active, .btn-custom:not(:disabled):not(.disabled):active, .show > .btn-custom.dropdown-toggle {
    color: #fff;
    background-color: #419cf7;
    border-color: #419cf7
}

.btn-custom:not(:disabled):not(.disabled).active:focus, .btn-custom:not(:disabled):not(.disabled):active:focus, .show > .btn-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(82, 151, 218, .5)
}

.btn-outline-custom, .btn-outline-custom:hover {
    color: #59a9f8;
    border-color: #59a9f8
}

.btn-outline-custom:hover {
    background-color: rgba(89, 169, 248, .1)
}

.btn-outline-custom.focus, .btn-outline-custom:focus {
    box-shadow: 0 0 0 .2rem rgba(89, 169, 248, .5)
}

.btn-outline-custom.disabled, .btn-outline-custom:disabled {
    color: #59a9f8;
    background-color: transparent
}

.btn-outline-custom:not(:disabled):not(.disabled).active, .btn-outline-custom:not(:disabled):not(.disabled):active, .show > .btn-outline-custom.dropdown-toggle {
    color: #2a2e30;
    background-color: #59a9f8;
    border-color: #59a9f8
}

.btn-outline-custom:not(:disabled):not(.disabled).active:focus, .btn-outline-custom:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-custom.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(89, 169, 248, .5)
}

.btn-cyan {
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0
}

.btn-cyan:hover {
    color: #fff;
    background-color: #6457ee;
    border-color: #6457ee
}

.btn-cyan.focus, .btn-cyan:focus {
    box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5)
}

.btn-cyan.disabled, .btn-cyan:disabled {
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0
}

.btn-cyan:not(:disabled):not(.disabled).active, .btn-cyan:not(:disabled):not(.disabled):active, .show > .btn-cyan.dropdown-toggle {
    color: #fff;
    background-color: #5e50ee;
    border-color: #5e50ee
}

.btn-cyan:not(:disabled):not(.disabled).active:focus, .btn-cyan:not(:disabled):not(.disabled):active:focus, .show > .btn-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(136, 126, 242, .5)
}

.btn-outline-cyan, .btn-outline-cyan:hover {
    color: #7367f0;
    border-color: #7367f0
}

.btn-outline-cyan:hover {
    background-color: rgba(115, 103, 240, .1)
}

.btn-outline-cyan.focus, .btn-outline-cyan:focus {
    box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5)
}

.btn-outline-cyan.disabled, .btn-outline-cyan:disabled {
    color: #7367f0;
    background-color: transparent
}

.btn-outline-cyan:not(:disabled):not(.disabled).active, .btn-outline-cyan:not(:disabled):not(.disabled):active, .show > .btn-outline-cyan.dropdown-toggle {
    color: #fff;
    background-color: #7367f0;
    border-color: #7367f0
}

.btn-outline-cyan:not(:disabled):not(.disabled).active:focus, .btn-outline-cyan:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-cyan.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5)
}

.btn.btn-default, .btn.btn-white {
    color: #414750;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .065), 0 2px 2px 0 rgba(0, 0, 0, .065), 0 1px 5px 1px rgba(0, 0, 0, .065);
    background: #fff
}

.btn.btn-white.btn-primary, .btn.btn-white.btn-primary:focus, .btn.btn-white.btn-primary:hover {
    color: #fff !important
}

.btn-white.active, .btn-white:focus, .btn-white:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1) !important
}

.btn-light {
    border-color: #dbe3e6 !important;
    background-color: #fff !important;
    color: #444;
    box-shadow: none
}

.btn-light:focus, .btn-light:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1) !important;
    color: #444 !important
}

.btn-secondary {
    border-color: #e4eaee !important;
    background-color: #f4f4f4 !important;
    color: #414750 !important;
    box-shadow: none
}

.btn-secondary:focus, .btn-secondary:hover {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1) !important
}

.btn-flat-danger, .btn-flat-dark, .btn-flat-info, .btn-flat-primary, .btn-flat-success, .btn-flat-warning, .btn-no-shadow, .btn-outline-danger, .btn-outline-dark, .btn-outline-info, .btn-outline-primary, .btn-outline-success, .btn-outline-warning {
    box-shadow: none
}

.input-group-sm > .custom-select, .input-group-sm > .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text {
    padding: .5rem .7rem
}

.btn:not(.btn-sm) .spinner-grow, a:not(.btn) .spinner-grow {
    margin-bottom: .15rem
}

.btn-outline {
    background-color: transparent
}

.btn-primary.btn-outline {
    color: #586cb1;
    border-color: #586cb1
}

.btn-info.btn-outline {
    color: #4277cf;
    border-color: #4277cf
}

.btn-success.btn-outline {
    color: #21b978;
    border-color: #21b978
}

.btn-danger.btn-outline {
    color: #ea5455;
    border-color: #ea5455
}

.btn-warning.btn-outline {
    color: #dda451;
    border-color: #dda451
}

.btn-primary.btn-outline.disabled, .btn-primary.btn-outline:disabled {
    background: transparent
}

.btn-danger.btn-outline.active, .btn-danger.btn-outline:hover, .btn-info.btn-outline.active, .btn-info.btn-outline:hover, .btn-success.btn-outline.active, .btn-success.btn-outline:hover, .btn-warning.btn-outline.active, .btn-warning.btn-outline:hover {
    color: #fff
}

.btn-primary.btn-outline.active, .btn-primary.btn-outline:hover {
    background: rgba(88, 108, 177, .05);
    color: #586cb1
}

.number-group .input-group-btn:first-child .btn {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-right: 0
}

.number-group .input-group-btn:last-child .btn {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.header-navbar.navbar-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.header-navbar.floating-nav {
    margin: 1.3rem 2.2rem 0
}

.navbar-container {
    height: 60px
}

.navbar-light {
    background-color: #fff
}

.dark-mode-switcher {
    margin: 0 5px 0 0;
    font-size: 1.5rem;
    cursor: pointer
}

.breadcrumb {
    border-left: 0
}

.content-header {
    padding: 0 0 2px
}

.breadcrumbs-top {
    margin-bottom: 1rem
}

.content-header h1 {
    font-weight: 400;
    font-size: 24px;
    display: inline-block;
    font-family: Montserrat, Nunito, sans-serif
}

.content-header h1 small {
    font-size: 15px;
    display: inline-block;
    padding-left: 5px;
    display: none;
    color: #777
}

.custom-data-table-header .table-responsive .top {
    display: flex;
    justify-content: space-between;
    padding: 0 1rem
}

.custom-data-table-header .table-responsive .top .action-btns {
    margin-top: 1.5rem;
    display: flex
}

.custom-data-table-header .table-responsive .top .action-btns .actions-dropodown {
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .14);
    border-radius: .3rem;
    margin-right: .75rem
}

.custom-data-table-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle {
    font-size: 1.125rem;
    font-weight: 500
}

.custom-data-table-header .table-responsive .top .action-btns .actions-dropodown .dropdown-toggle:after {
    left: 0
}

.custom-data-table-header .table-responsive .top .action-btns .dt-buttons .btn {
    padding: .9rem .938rem
}

.table-responsive .table-filter {
    display: inline-block
}

.table-filter .form-control {
    padding: 1.25rem 2.8rem !important;
    border-radius: 5rem;
    border: 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    font-size: .82rem
}

.table-filter label {
    position: relative
}

.table-filter label:after {
    content: "\E8BD";
    font-family: feather;
    position: absolute;
    top: .45rem;
    font-size: 1.1rem;
    left: 1.1rem;
    font-weight: 300;
    color: #b3b9bf
}

table.custom-data-table.data-table {
    border-spacing: 0 .8rem;
    padding: 0
}

table.custom-data-table tbody tr {
    background: #fff
}

table.data-table {
    border-collapse: separate !important
}

table.custom-data-table.data-table thead th {
    padding: .714rem .51rem;
    font-weight: 600;
    border-bottom: 0;
    border-top: 0
}

table.custom-data-table.data-table thead th input:focus {
    outline: 0
}

table.custom-data-table.data-table thead th:first-child {
    padding-left: .9rem
}

table.custom-data-table.data-table tbody tr {
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .3rem
}

table.custom-data-table.data-table tbody tr:hover {
    background: #f8fafc
}

table.custom-data-table.data-table tbody tr td:first-child {
    padding-left: 1rem;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

table.custom-data-table.data-table tbody tr td:last-child {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

table.custom-data-table.data-table tbody tr.selected td {
    border-radius: 0
}

table.custom-data-table.data-table tbody td {
    border: none;
    vertical-align: middle;
    height: 60px;
    padding: .55rem;
    line-height: 1.42857
}

table.custom-data-table.data-table tbody td:focus, table.custom-data-table.data-table tbody td input:focus {
    outline: 0
}

table.custom-data-table.data-table tbody td .progress {
    margin-bottom: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08)
}

.form-control {
    border-color: #dbe3e6;
    color: #414750
}

.form-control:not(textarea) {
    padding: .5rem .7rem;
    font-size: .9rem
}

div.form-control, input.form-control {
    min-height: 34px;
    border-radius: .25rem
}

.input-group-text {
    border-color: #dbe3e6
}

.form-control-sm {
    padding: .5rem 1.5rem
}

select.form-control:not([multiple=multiple]) {
    background-image: none
}

.form-control-sm, .input-group-sm > .custom-select, .input-group-sm > .form-control {
    line-height: 13px
}

.input-group-sm > div.form-control, .input-group-sm > input.form-control, div.form-control-sm, input.form-control-sm {
    max-height: 30px;
    min-height: 30px
}

.input-group .form-control {
    height: 100%
}

.input-group-text {
    padding: .6rem .9rem;
    border-radius: .25rem
}

.help-block {
    display: block;
    margin-top: 7px;
    margin-bottom: 3px;
    color: #737373
}

.control-label {
    padding-top: 10px;
    padding-right: 5px;
    margin-bottom: 0;
    font-size: 1rem;
    text-transform: capitalize
}

.fields-group .row.form-group {
    margin-right: 0;
    margin-left: 0
}

@media (min-width: 768px) {
    .form-group .control-label {
        text-align: right
    }
}

.with-errors.help-block {
    margin-bottom: 4px
}

.form-control:disabled, .form-control[readonly], .select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #f7f7f9 !important;
    cursor: not-allowed !important
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox label, .has-error .control-label, .has-error .form-control-position i, .has-error .form-control:focus ~ .form-control-position i, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio label {
    color: #bd4147
}

.control-label.asterisk:before {
    content: "* ";
    font-weight: 700;
    color: #bd4147
}

.form-group.has-error .form-control {
    border-color: #bd4147
}

.input-group-prepend .input-group-text {
    margin-right: -1px;
    max-height: 34px
}

.input-group-addon {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dbe3e6;
    min-width: 30px
}

.input-group-sm > .input-group-addon {
    height: 30px;
    padding: 5px 10px;
    font-size: .7rem;
    line-height: 1.5
}

.select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single {
    border-color: #dbe3e6 !important;
    border-radius: .25rem !important
}

.select2-search--inline {
    display: inline-block
}

.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
    border-color: #586cb1 !important
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 8px
}

.input-group .select2-container {
    width: 50% !important;
    flex: 1 1 auto
}

.select2-container .select2-selection--multiple {
    min-height: 34px !important
}

.select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single {
    min-height: 34px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, .2)
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 32px !important
}

.select2-dropdown {
    border: 1px solid rgba(0, 0, 0, .03) !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f1f1f1 !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #ebf0f3 !important;
    color: #414750 !important
}

.select2-results__option {
    padding: 6px 10px !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 2px 5px !important;
    border: 0 !important;
    font-size: 90%;
    background-color: #586cb1 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
    border-right: 0 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    background-color: #586cb1 !important
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 .25rem !important
}

.select2-selection .default-text {
    display: inline-block;
    padding: .5rem .7rem 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important
}

.input-group-sm .select2-container--classic .select2-selection--single, .input-group-sm .select2-container--default .select2-selection--single {
    min-height: 31px;
    padding: 1px 2px;
    font-size: .7rem
}

.input-group-sm .select2-selection .default-text {
    padding: .3rem .5rem 0
}

.input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0 .4rem !important
}

.input-group-sm .select2-container--default .select2-selection--multiple {
    min-height: 30px !important;
    padding: 0 2px;
    font-size: .7rem;
    line-height: 14px
}

.input-group-sm .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: -3px
}

.input-group-sm .select2-container--classic .select2-selection--multiple .select2-selection__rendered li .select2-search__field, .input-group-sm .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 6px
}

.glyphicon-arrow-right:before {
    font-family: feather;
    content: "\E829"
}

.glyphicon-arrow-left:before {
    font-family: feather;
    content: "\E828"
}

.bootstrap-duallistbox-container .info {
    color: #414750 !important
}

.has-icon-left .form-control-position {
    right: auto;
    left: inherit
}

.form-control-position {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center
}

.has-icon-left .form-control {
    padding-right: 2rem;
    padding-left: 3rem
}

.form-divider {
    height: 20px;
    border-bottom: 1px solid #eee
}

.form-divider span {
    font-size: 16px;
    background-color: #fff;
    padding: 0 10px
}

.pagination .page-item .page-link {
    font-weight: 600;
    font-size: .95rem;
    padding: .5rem .75rem
}

.pagination .page-item.disabled {
    opacity: .82
}

.table {
    color: #414750;
    margin-bottom: 0
}

.table-middle td {
    vertical-align: middle
}

.table-text-center td, .table-text-center th {
    text-align: center
}

table.data-table thead tr {
    background: transparent
}

.table thead th {
    padding: .65rem;
    font-weight: 600;
    text-transform: capitalize;
    font-size: .95rem !important;
    border-bottom: 1px solid #f0f0f0
}

table.data-table tfoot td, table.data-table tfoot th, table.data-table thead td, table.data-table thead th {
    font-size: .9rem !important
}

table.data-table:not(.table-bordered) thead tr th {
    text-transform: capitalize
}

table.data-table {
    border: 0
}

.table td {
    padding: .55rem;
    height: 55px;
    line-height: 1.42857;
    border-color: #f0f0f0
}

.table tr td:first-child, .table tr th:first-child {
    padding-left: 2rem
}

.quick-search-clear {
    margin-left: -1.45rem;
    position: relative;
    color: #fff
}

.table-responsive {
    border: 0 !important;
    margin-bottom: 0 !important;
    overflow-x: inherit
}

.table-responsive[data-pattern=priority-columns] {
    overflow-y: auto !important
}

.custom-data-table-header .table-responsive {
    overflow: visible !important;
    padding-bottom: 0 !important
}

.sticky-table-header {
    z-index: 45 !important
}

table.table-bordered.data-table:not(.complex-headers) tbody th, table.table-bordered.data-table tbody td {
    border-bottom-width: 1px
}

table.table-bordered.data-table td, table.table-bordered.data-table th:not(.complex-headers) {
    border-left-width: 1px
}

table.table-bordered.data-table td:last-child, table.table-bordered.data-table th:last-child {
    border-right-width: 1px
}

table.data-table.complex-headers {
    border: 1px solid #e4e4e4
}

table.data-table.complex-headers tfoot td, table.data-table.complex-headers tfoot th, table.data-table.complex-headers thead td, table.data-table.complex-headers thead th {
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4
}

.data-table.table-bordered:not(.complex-headers) thead th {
    border-right: 1px solid #e2e8ec;
    border-bottom: 1px solid #e2e8ec
}

.data-table.table-bordered:not(.complex-headers) tr:first-child th {
    border-top: 1px solid #e2e8ec
}

.data-table.table-bordered:not(.complex-headers) thead tr th:first-child {
    border-left: 1px solid #e2e8ec
}

table.table-bordered.data-table.complex-headers {
    border-spacing: 0;
    margin-top: 12px !important;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

table.table-bordered.data-table.complex-headers thead th {
    vertical-align: middle;
    font-size: 1rem !important
}

table.table-bordered.data-table.complex-headers tbody tr {
    box-shadow: none;
    border-radius: 0
}

table.table-bordered.data-table.complex-headers tbody tr td {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

table.table-bordered.data-table.complex-headers tbody tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

table.table-bordered.data-table.complex-headers tbody tr td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0
}

table.table-bordered.data-table.complex-headers tbody tr:last-child td {
    border-bottom: 0
}

.table-hover tbody tr:hover {
    color: #414750;
    background-color: #f8fafc
}

.table.default-table tr {
    box-shadow: none !important
}

.table.default-table td {
    border-top: 1px solid #f0f4f8 !important;
    border-radius: 0 !important
}

.table.default-table thead th {
    border-bottom: 2px solid #f0f4f8 !important
}

.table.default-table.table-bordered td, .table.default-table.table-bordered th {
    border: 1px solid #f0f4f8 !important
}

.table-collapse .custom-data-table.data-table tbody tr td:first-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.table-collapse .custom-data-table.data-table tbody tr td:last-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.table-collapse .custom-data-table.data-table tbody tr:first-child td:first-child {
    border-top-left-radius: .25rem
}

.table-collapse .custom-data-table.data-table tbody tr:first-child td:last-child {
    border-top-right-radius: .25rem
}

.table-collapse .custom-data-table.data-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: .25rem
}

.table-collapse .custom-data-table.data-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: .25rem
}

.table-collapse .table.custom-data-table {
    padding: 3px 5px 5px
}

.table-collapse .table-fixed-left .table.custom-data-table {
    padding: 3px 0 0 5px
}

.table-collapse .table-fixed-right .table.custom-data-table {
    padding: 3px 5px 0 0
}

.table-collapse .table-fixed th {
    background: #ececf1
}

body:not(.dark-mode) .table-collapse {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    background: #ececf1;
    margin-top: 1rem
}

body:not(.dark-mode) .table-collapse .custom-data-table {
    border-spacing: 0;
    margin-top: 0 !important;
    background-color: #ececf1
}

body:not(.dark-mode) .table-collapse table.custom-data-table thead th {
    height: 38px;
    vertical-align: middle
}

body:not(.dark-mode) .table-collapse .custom-data-table tbody td {
    border-top: 1px solid #eff3f8;
    height: 60px
}

body:not(.dark-mode) .table-collapse .custom-data-table tbody tr:first-child td {
    border-top: 0
}

body:not(.dark-mode) .table-collapse table.custom-data-table tbody tr {
    box-shadow: none
}

body:not(.dark-mode) .table-collapse .quick-create td {
    background: #f7f7f9 !important;
    border-radius: 0
}

body:not(.dark-mode) .table-collapse .table-wrap table.custom-data-table thead th {
    height: 19px
}

body.dark-mode .table-collapse table {
    border-spacing: 0 .24rem
}

body.dark-mode .table-collapse table.custom-data-table.data-table tbody td {
    height: 56px
}

body.dark-mode .table-collapse .table.custom-data-table {
    padding: 3px 10px 10px
}

body.dark-mode .table-collapse .table-fixed-left .table.custom-data-table {
    padding: 3px 0 0 10px
}

body.dark-mode .table-collapse .table-fixed-right .table.custom-data-table {
    padding: 3px 10px 0 0
}

.column-selector {
    margin: 0 5px
}

.column-selector .dropdown-menu {
    z-index: 100
}

.column-selector .selectors {
    padding: 0 1rem;
    height: auto;
    max-height: 500px;
    overflow-x: hidden
}

.column-selector .selectors::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

.column-selector .selectors::-webkit-scrollbar-track {
    background-color: #eee
}

.column-selector .selectors::-webkit-scrollbar-thumb {
    background-color: #cacaca;
    border-radius: .4rem
}

.grid-column-header a {
    color: #a5acb3;
    font-size: 1rem
}

.grid-column-header a.active, .grid-column-header a:hover {
    color: #4c60a3
}

.grid-sort {
    display: inline-block;
    margin: -2px -4px 0 3px;
    height: 15px
}

.grid-sort .up:before {
    font-family: feather;
    padding-right: .3rem;
    font-size: .7rem;
    content: "\E845"
}

.grid-sort .down {
    margin: 6px 0 0 -1.17rem
}

.grid-sort .down:after {
    font-family: feather;
    content: "\E842";
    font-size: .7rem
}

.dcat-box.card {
    margin-bottom: 0
}

.dcat-box.card .card-header {
    border-bottom: 0;
    padding: 1.3rem 1.5rem;
    margin-bottom: .5rem
}

.dcat-box.card .card-body {
    padding: 1rem 0 0
}

.dcat-box.card .box-footer {
    border: 0;
    padding: 1rem 1.5rem 1.3rem
}

.table-responsive.table-scrollbar-x {
    overflow-x: auto
}

.table-responsive.table-scrollbar-x .table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 100%
}

.right-side-filter-container .header {
    border-bottom: 1px solid #f4f4f4;
    width: 100%;
    background: #fff;
    z-index: 10;
    top: 0;
    margin-left: -1rem
}

.quick-create td {
    padding-left: 45px;
    background-color: #f3f3f3;
    vertical-align: middle;
    height: 42px;
    color: #777;
    border-bottom: #eff3f8
}

.grid-modal .modal-body {
    padding: 1.5rem
}

.simple-grid .filter-box {
    background: transparent;
    box-shadow: none !important;
    margin: .5rem 0 -1rem !important;
    padding: 0 !important
}

.simple-grid .filter-box .form-group {
    margin-bottom: 1rem
}

.simple-grid .dcat-box.card .card-header {
    padding: .8rem 0
}

.simple-grid .dcat-box.card .box-footer {
    padding: 1rem 1.5rem 0
}

body:not(.dark-mode) .simple-grid .card {
    box-shadow: none
}

body:not(.dark-mode) .simple-grid .table-collapse {
    box-shadow: none;
    background: transparent
}

body:not(.dark-mode) .simple-grid .table-collapse .custom-data-table {
    background: transparent
}

body:not(.dark-mode) .simple-grid .table-collapse .custom-data-table.data-table tbody td {
    height: 48px
}

body:not(.dark-mode) .simple-grid .table-collapse .custom-data-table.data-table thead th {
    height: 20px
}

body:not(.dark-mode) .simple-grid .table-collapse .custom-data-table {
    padding: 5px 0 0;
    border-bottom: 1px solid #eff3f8
}

body:not(.dark-mode) .simple-grid .table-collapse table.data-table thead tr:last-child th {
    border-bottom: 2px solid #eff3f8
}

.vs-checkbox-con.checkbox-grid-column input:disabled + .vs-checkbox {
    cursor: not-allowed;
    opacity: .33
}

.dropdown-menu {
    z-index: 20
}

.dropdown .dropdown-menu {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05);
    border: 0;
    min-width: 10rem;
    transform: none
}

.dropdown .dropdown-menu .dropdown-item:hover {
    background-color: #f4f7fa;
    color: #414750
}

.dropdown .dropdown-menu:before {
    border-top: 1px solid rgba(0, 0, 0, .07);
    border-left: 1px solid rgba(0, 0, 0, .07)
}

.dropdown i {
    margin-right: 0
}

.dropdown .dropdown-menu .dropdown-item, .dropleft .dropdown-menu .dropdown-item, .dropright .dropdown-menu .dropdown-item, .dropup .dropdown-menu .dropdown-item {
    padding: 0;
    color: #414750
}

.dropdown-item a, .dropdown-menu label {
    color: #414750
}

.dropdown-item a {
    padding: .35rem 1.38rem;
    display: block
}

.vs-checkbox-con {
    margin: 0
}

.vs-checkbox-con input {
    z-index: 5
}

.vs-checkbox-con .vs-checkbox {
    width: 17px;
    height: 17px
}

.vs-checkbox-con input:checked ~ .vs-checkbox .vs-checkbox--check .vs-icon {
    font-size: .95rem;
    margin-top: -1px
}

.vs-radio-con input {
    z-index: 10
}

.card {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    margin-bottom: 1.5rem;
    border-radius: .25rem
}

.card .card-header {
    padding: 1.1rem 1.1rem 0;
    align-items: center;
    display: flex;
    justify-content: space-between
}

.card-header.with-border {
    border-bottom: 1px solid #f4f4f4;
    padding: 1.1rem
}

.card-box-title {
    font-size: 1.1rem
}

.card-title {
    font-size: 1.2rem
}

.card-footer {
    background: transparent;
    border-color: #f4f4f4 !important
}

.card-body, .card-footer {
    padding: 1.1rem
}

.card-body .card-footer {
    padding: .8rem;
    margin: -1.1rem
}

.dd {
    margin: 0 !important
}

.dd-item > button:before {
    font-family: feather;
    content: "\E844" !important;
    margin-top: 3px
}

.dd-item > button[data-action=collapse]:before {
    content: "\E842" !important
}

.dd-handle {
    border: 1px solid #eaeff0 !important;
    border-radius: .2rem !important
}

.layui-layer {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .2) !important
}

.layui-layer-title {
    padding: 0 80px 0 20px;
    height: 52px !important;
    line-height: 52px !important;
    border-bottom: 1px solid #f4f4f4 !important;
    font-size: 1.1rem !important;
    text-transform: capitalize;
    overflow: hidden;
    background-color: #fff !important;
    border-radius: .25rem .25rem 0 0 !important
}

.layui-layer-setwin .layui-layer-min cite {
    background: transparent !important;
    position: static !important
}

.layui-layer-setwin .layui-layer-min cite:before {
    font-family: feather;
    content: "\E897";
    font-size: 1.1rem;
    color: #414750
}

.layui-layer-ico {
    background: transparent !important;
    color: #414750
}

.layui-layer-setwin .layui-layer-max:before {
    font-family: feather;
    content: "\E908";
    font-size: 1rem
}

.layui-layer-setwin .layui-layer-maxmin:before {
    content: "\E88D"
}

.layui-layer-setwin .layui-layer-close1:before {
    font-family: feather;
    content: "\E8F6";
    font-size: 1.1rem
}

.layui-layer-setwin .layui-layer-close1 {
    margin-left: 7px !important
}

.layui-layer-setwin a {
    top: 3px
}

.layui-layer-tips, .layui-layer-tips .layui-layer-content {
    font-size: 13px !important;
    box-shadow: none !important
}

.layui-layer-btn a {
    height: 30px !important;
    line-height: 20px !important;
    padding: 4px 15px !important;
    font-size: .85rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05);
    border-color: #fff !important
}

.layui-layer-btn .layui-layer-btn0 {
    border-color: #586cb1 !important;
    background-color: #586cb1 !important;
    color: #fff !important
}

.layui-layer-border {
    border: 0 !important
}

.slider-panel {
    padding: 0;
    background-color: #fff;
    position: fixed;
    top: 0;
    bottom: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    transition: right .4s cubic-bezier(.05, .74, .2, .99);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-left: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05);
    width: 450px;
    right: -450px;
    z-index: 998
}

.slider-panel.open {
    right: 0
}

.slider-panel .slider-content {
    position: relative;
    height: 100%;
    width: 450px
}

.slider-panel .slider-close {
    position: absolute;
    right: 30px;
    top: 20px;
    padding: 7px;
    width: auto;
    z-index: 10;
    color: #626262
}

.slider-panel .slider-close i {
    font-size: 1.35rem
}

.slider-panel .slider-toggle {
    background: #586cb1;
    color: #fff;
    display: block;
    box-shadow: -3px 0 8px rgba(0, 0, 0, .1);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    top: 50%;
    width: 38px;
    height: 38px;
    left: -39px;
    text-align: center;
    line-height: 40px;
    cursor: pointer
}

@media (max-width: 576px) {
    .slider-panel {
        width: 410px;
        right: -410px
    }

    .slider-panel .slider-content {
        width: 410px
    }
}

.grid-selector {
    width: 100%;
    margin-top: 1rem
}

.grid-selector .wrap {
    position: relative;
    line-height: 40px;
    border-bottom: 1px dashed #eee;
    padding: 0 25px;
    font-size: 13px;
    overflow: auto
}

.grid-selector .select-label {
    float: left;
    width: 100px;
    padding-left: 10px;
    color: #888
}

.grid-selector .select-options {
    margin-left: 100px
}

.grid-selector ul {
    height: 25px;
    list-style: none
}

.grid-selector ul > li {
    margin-right: 30px;
    float: left
}

.grid-selector ul > li a {
    color: #666;
    text-decoration: none
}

.grid-selector .select-options a.active {
    color: #4c60a3;
    font-weight: 700
}

.grid-selector li .add {
    visibility: hidden
}

.grid-selector li:hover .add {
    visibility: visible
}

.grid-selector ul .clear {
    visibility: hidden
}

.grid-selector ul:hover .clear {
    color: #bd4147;
    visibility: visible
}

.grid-selector {
    padding: 2px 0;
    margin: .35rem 0 -.5rem
}

.grid-selector .wrap {
    border-bottom: 0;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    border-radius: .25rem;
    margin: 7px 0
}

.simple-grid .grid-selector .wrap {
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px dashed #eff3f8
}

.box {
    position: relative;
    border-radius: .25rem;
    background: #fff;
    margin-bottom: 10px;
    width: 100%;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    display: flex;
    flex-direction: column
}

.box .box-footer, .card .box-footer {
    border-top: 1px solid #f4f4f4
}

.box-header {
    padding: 1rem;
    display: inherit;
    justify-content: space-between;
    align-items: center
}

.box-header .h3, .box-header h3 {
    font-size: 1.15rem;
    margin-bottom: 0;
    padding: .1rem
}

.box-header.with-border, .card-header.with-border {
    border-bottom: 1px solid #f4f4f4
}

.box, .panel {
    transition: .3s cubic-bezier(.25, .8, .5, 1)
}

.box-shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.box.box-solid {
    border-top: 0
}

.box-footer {
    display: inherit
}

.box-body, .box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 10px
}

.box-body .box-footer {
    margin: -10px
}

.box.box-solid.box-default {
    border: 1px solid #e1e8ea;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

.form-group .box {
    margin-bottom: 0
}

.label {
    display: inline;
    padding: .24em .6em .34em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    cursor: pointer
}

.badge, .label {
    font-size: 87%;
    font-weight: 600;
    color: #fff;
    margin-bottom: 4px
}

.badge {
    min-width: 10px;
    padding: 5px 8px;
    border-radius: 10px
}

.bg-default.badge, .label.bg-default {
    color: #414750;
    font-weight: 700
}

.nav.nav-tabs .nav-item .nav-link.active:after {
    box-shadow: 0 0 2px 0 rgba(88, 108, 177, .5) !important
}

.nav.nav-tabs .nav-item .nav-link {
    font-size: 1rem;
    padding: 17px 14px;
    text-transform: capitalize;
    letter-spacing: .045rem;
    color: rgba(0, 0, 0, .4);
    font-weight: 700
}

.nav-vertical .nav.nav-tabs .nav-item .nav-link {
    padding: 10px 25px
}

.nav-vertical .nav.nav-tabs .nav-item .nav-link.active:after {
    top: 1.3rem;
    width: 2.6rem;
    left: -17px;
    right: auto
}

.nav-vertical .nav.nav-tabs.nav-left {
    top: 5px
}

.nav-vertical .nav.nav-tabs.nav-left ~ .tab-content .tab-pane {
    background-color: transparent
}

.nav-tabs .nav-item {
    margin-bottom: 0
}

.nav.nav-tabs {
    border-bottom: 1px solid #f4f4f4
}

.nav-vertical .nav.nav-tabs {
    border-bottom: 0
}

.nav-vertical .nav-tabs.flex-column {
    border-right: 0
}

.nav-vertical .nav-tabs.flex-column > li {
    border-bottom: 0
}

.nav-theme-danger .nav.nav-tabs, .nav-theme-info .nav.nav-tabs, .nav-theme-primary .nav.nav-tabs, .nav-theme-success .nav.nav-tabs, .nav-theme-white .nav.nav-tabs {
    background: #586cb1;
    padding-left: 10px;
    border-radius: .15rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    border-bottom: 0
}

.nav-theme-danger .nav.nav-tabs .nav-item .nav-link, .nav-theme-info .nav.nav-tabs .nav-item .nav-link, .nav-theme-primary .nav.nav-tabs .nav-item .nav-link, .nav-theme-success .nav.nav-tabs .nav-item .nav-link, .nav-theme-white .nav.nav-tabs .nav-item .nav-link {
    color: hsla(0, 0%, 100%, .5)
}

.nav-theme-danger .nav.nav-tabs .nav-item .nav-link.active, .nav-theme-info .nav.nav-tabs .nav-item .nav-link.active, .nav-theme-primary .nav.nav-tabs .nav-item .nav-link.active, .nav-theme-success .nav.nav-tabs .nav-item .nav-link.active, .nav-theme-white .nav.nav-tabs .nav-item .nav-link.active {
    color: #fff
}

.nav-theme-danger .nav.nav-tabs .nav-item .nav-link.active:after, .nav-theme-info .nav.nav-tabs .nav-item .nav-link.active:after, .nav-theme-primary .nav.nav-tabs .nav-item .nav-link.active:after, .nav-theme-success .nav.nav-tabs .nav-item .nav-link.active:after, .nav-theme-white .nav.nav-tabs .nav-item .nav-link.active:after {
    background: #fff !important
}

.nav-theme-danger .nav-tabs .nav-item, .nav-theme-info .nav-tabs .nav-item, .nav-theme-primary .nav-tabs .nav-item, .nav-theme-success .nav-tabs .nav-item, .nav-theme-white .nav-tabs .nav-item {
    margin-bottom: 2px
}

.nav-theme-success .nav.nav-tabs {
    background: #21b978
}

.nav-theme-info .nav.nav-tabs {
    background: #4277cf
}

.nav-theme-danger .nav.nav-tabs {
    background: #ea5455
}

.nav-theme-white .nav.nav-tabs {
    background: #fff
}

.nav-theme-white .nav.nav-tabs .nav-item .nav-link {
    color: rgba(0, 0, 0, .4)
}

.nav-theme-white .nav.nav-tabs .nav-item .nav-link.active {
    color: #586cb1
}

.nav-theme-white .nav.nav-tabs .nav-item .nav-link.active:after {
    background: #586cb1 !important
}

.main-menu .navbar-header {
    padding: .35rem 1rem 0
}

.main-menu .navbar-header .navbar-brand {
    margin-top: 1.1rem
}

.main-menu .navbar-header .navbar-brand img {
    display: inline-block;
    max-width: 45px;
    max-height: 40px;
    margin-top: -1px
}

.main-menu .navbar-header .logo-mini {
    display: none;
    font-size: 1.8rem;
    color: #4b5ea0
}

.main-menu .navbar-header .logo-lg {
    color: #4b5ea0;
    letter-spacing: .01rem;
    font-size: 1.45rem;
    -webkit-animation: fadein .3s cubic-bezier(.25, .8, .25, 1) 0s 1 normal forwards;
    animation: fadein .3s cubic-bezier(.25, .8, .25, 1) 0s 1 normal forwards
}

.main-menu .navbar-header .nav-item {
    width: 100%;
    text-align: center
}

.main-menu .navbar-header .navbar-brand {
    display: inline-block;
    margin: 10px 0
}

.main-menu [class*=sidebar-dark-] .navbar-header .logo-lg, .main-menu [class*=sidebar-dark-] .navbar-header .logo-mini {
    color: #f7f7f7
}

.main-menu.menu-light .navigation > li.active > a {
    box-shadow: 0 0 4px 1px rgba(88, 108, 177, .7)
}

.main-menu.menu-shadow {
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .05)
}

body.sidebar-collapse .main-sidebar:not(:hover,.sidebar-focused) .navbar-header {
    padding: .35rem 15px
}

body.sidebar-collapse .main-sidebar:not(:hover,.sidebar-focused) .navbar-header .logo-lg {
    display: none
}

body.sidebar-collapse .main-sidebar:not(:hover,.sidebar-focused) .navbar-header .logo-mini {
    display: inline-block
}

.main-sidebar .nav-sidebar .nav-item > .nav-link {
    font-size: 1.04rem;
    border-radius: .1rem
}

.nav-pills .nav-link:not(.active):hover {
    color: #414750
}

[class*=sidebar-dark-] .navbar-header {
    padding: 0 1rem;
    height: 61px;
    background: #262d37
}

[class*=sidebar-dark-] .navbar-header .navbar-brand {
    margin: 8px 0
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active, [class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active:hover {
    color: #4c60a3;
    background: none;
    box-shadow: 0 0
}

.nav-treeview > .nav-item > .nav-link p i {
    margin-top: -5px
}

.sidebar-light-primary .nav-item > .nav-link.active {
    background: none;
    color: #4c60a3 !important;
    font-weight: 700;
    box-shadow: 0 0
}

.nav-sidebar > .nav-item > .nav-treeview .nav-link p {
    font-size: 14px
}

body.sidebar-separate .main-sidebar {
    top: 6rem;
    left: 1.5rem;
    text-align: center;
    background-color: #fff
}

body.sidebar-separate .navbar-header .logo-lg, body.sidebar-separate .navbar-header .logo-mini {
    color: #414750
}

body.sidebar-separate .navbar-header .navbar-brand {
    margin-top: 1rem !important
}

body.sidebar-separate .header-navbar.fixed-top, body.sidebar-separate .sidebar-collapse .header-navbar.fixed-top {
    left: 0
}

@media (min-width: 768px) {
    body.sidebar-separate .content-wrapper {
        margin-left: 280px
    }
}

body.sidebar-separate .main-sidebar .nav-sidebar .nav-item > .nav-link {
    text-align: left
}

body.sidebar-separate.dark-mode [class*=sidebar-dark-] .navbar-header {
    background: unset !important;
    height: auto;
    padding: .35rem 1rem 0
}

.main-sidebar.sidebar-primary {
    background-color: #586cb1 !important
}

.main-sidebar.sidebar-primary .nav-pills .nav-link:not(.active):hover, .main-sidebar.sidebar-primary .nav-treeview > .nav-item > .nav-link, .main-sidebar.sidebar-primary .navbar-header .logo-lg, .main-sidebar.sidebar-primary .navbar-header .logo-mini, .main-sidebar.sidebar-primary .sidebar a {
    color: #fff
}

.main-sidebar.sidebar-primary .nav-treeview > .nav-item > .nav-link.active, .main-sidebar.sidebar-primary .nav-treeview > .nav-item > .nav-link:hover, .main-sidebar.sidebar-primary .nav.nav-pills .nav-item .nav-link.active {
    font-weight: 700;
    border-bottom: 1px solid #fff
}

.main-sidebar.sidebar-primary .nav-item > .nav-link i {
    margin-right: .71rem;
    font-size: 1.2rem
}

.main-sidebar.sidebar-primary .nav-treeview > .nav-item > .nav-link i {
    margin-right: .65rem;
    margin-left: 3px
}

.horizontal-menu .header-navbar.navbar-shadow {
    box-shadow: none;
    border-bottom: 1px solid #ebeff2
}

.horizontal-menu .content-wrapper, .horizontal-menu .main-footer, .horizontal-menu .main-header {
    margin-left: 0 !important
}

.horizontal-menu .header-navbar {
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

.horizontal-menu .header-navbar.navbar-horizontal {
    top: 60px;
    position: fixed
}

.horizontal-menu .main-horizontal-sidebar {
    top: 60px;
    left: 0;
    position: fixed;
    width: 100%;
    height: inherit;
    min-height: auto;
    bottom: inherit;
    box-shadow: none
}

.horizontal-menu .main-horizontal-sidebar > div {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
    background: #fff
}

.horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item.menu-open > .nav-link, .horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item:hover > .nav-link, .horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link:focus, .horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item i {
    color: #414750
}

.horizontal-menu .nav-sidebar > .nav-item {
    padding-bottom: .6rem
}

.horizontal-menu .nav-sidebar > .nav-item .nav-link {
    color: #414750;
    font-size: 1rem;
    padding: .45rem .7rem;
    transition: all .35s ease !important
}

.horizontal-menu .nav-sidebar > .nav-item .nav-link.dropdown-toggle:after {
    margin-top: 0 !important
}

.horizontal-menu .nav-sidebar > .nav-item .nav-link.active, .horizontal-menu .nav-sidebar > .nav-item .nav-link.active i {
    color: #586cb1 !important;
    font-weight: 600
}

.horizontal-menu .dropdown-menu .nav-item:hover > .nav-link {
    padding-left: 1rem
}

.horizontal-menu .nav.nav-pills {
    margin-bottom: 0
}

.horizontal-menu .nav.dropdown-menu {
    display: none;
    margin-top: -.2rem;
    min-width: 200px
}

.horizontal-menu .open > .nav.dropdown-menu {
    display: block;
    -webkit-animation: fadein .8s cubic-bezier(.25, .8, .25, 1) 0s 1 normal forwards;
    animation: fadein .8s cubic-bezier(.25, .8, .25, 1) 0s 1 normal forwards
}

.horizontal-menu [class*=sidebar-light-] {
    background-color: transparent
}

.horizontal-menu [class*=sidebar-light-] .nav-sidebar > .nav-item > .nav-treeview {
    background: #fff;
    border-radius: .4rem
}

.horizontal-menu .nav-sidebar > .nav-item > .nav-link i {
    margin-right: .35rem !important
}

.horizontal-menu .nav-pills .nav-link.active {
    background-color: transparent
}

.horizontal-menu .horizontal-navbar-brand {
    margin-top: -5px;
    display: none
}

.horizontal-menu .horizontal-navbar-brand .logo-lg {
    font-size: 1.45rem
}

.horizontal-menu.navbar-fixed-top .content-wrapper {
    padding-top: 75px
}

body.dark-mode.horizontal-menu .header-navbar.navbar-shadow {
    border-color: #303247
}

body.dark-mode.horizontal-menu [class*=sidebar-light-] .nav-sidebar > .nav-item > .nav-treeview {
    background: #223;
    border-radius: .4rem
}

body.dark-mode.horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item i {
    color: #a8a9bb
}

body.dark-mode.horizontal-menu .main-horizontal-sidebar > div, body.dark-mode.horizontal-menu [class*=sidebar-dark-], body.dark-mode.horizontal-menu [class*=sidebar-light-] {
    background-color: #223
}

body.dark-mode.horizontal-menu [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active {
    background-color: transparent
}

body.dark-mode.horizontal-menu a.nav-link.active p {
    color: #586cb1 !important
}

body.dark-mode.horizontal-menu [class*=sidebar-light-] .nav-sidebar > .nav-item:hover > .nav-link:not(.active) {
    color: #fff
}

@media (min-width: 576px) {
    .navbar-expand-sm {
        flex-flow: row nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm, .navbar-expand-sm .navbar-nav {
        -webkit-box-orient: horizontal
    }
}

.alert {
    font-weight: 500;
    border: none;
    padding: .85rem 1.2rem;
    border-radius: .25rem
}

.alert h4 {
    color: inherit
}

.alert .close:focus {
    outline: 0
}

.alert p {
    font-weight: 500;
    padding: 2px 0;
    margin-bottom: 0
}

.alert p, .alert span {
    vertical-align: middle
}

.alert .alert-heading {
    font-weight: 700;
    font-size: .9rem;
    padding: 0 0 8px
}

.alert.alert-dark .alert-heading {
    box-shadow: 0 6px 15px -7px rgba(34, 41, 47, .4)
}

.alert-danger {
    background-color: #f5e0e8;
    color: #ef5228;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16)
}

.alert-success {
    background: rgba(33, 185, 120, .2);
    color: #1fb072;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .12)
}

.alert-info {
    background: rgba(66, 119, 207, .2);
    color: #4277cf
}

.alert-info, .alert-primary {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .17)
}

.alert-primary {
    background: rgba(88, 108, 177, .2);
    color: #4c60a3
}

.alert-warning {
    background-color: #f6f6eb;
    color: #d6922f;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09)
}

.callout {
    border-radius: .1rem;
    border: 0;
    border-left: 3.5px solid #9da7b7;
    background-color: #fff;
    margin-bottom: 1rem;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05)
}

.callout.callout-primary {
    border-left: 3.5px solid #5f72b4
}

.callout.callout-light {
    background-color: #f7f7f9;
    box-shadow: none
}

code {
    box-shadow: 0 1px 1px rgba(0, 0, 0, .125);
    padding: 3px 5px;
    background: #f7f7f9;
    color: #475a99
}

code, pre {
    font-family: Montserrat, Nunito, sans-serif
}

pre {
    padding: 7px;
    white-space: pre-wrap;
    margin-bottom: 0;
    word-break: break-all
}

a.disabled {
    opacity: .65
}

.img, [data-action=preview-img] {
    cursor: pointer
}

.avatar {
    max-width: 120px;
    border: 2px solid #ddd
}

.popover {
    font-family: Nunito, Montserrat, system-ui, BlinkMacSystemFont, -apple-system, sans-serif;
    border: 0;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .05), 0 2px 2px 0 rgba(0, 0, 0, .05), 0 1px 5px 1px rgba(0, 0, 0, .05);
    max-width: 320px;
    z-index: 10
}

.popover .popover-header {
    color: #fff;
    border: none;
    border-top-left-radius: .3rem;
    border-top-right-radius: .3rem
}

.bs-popover-auto[x-placement^=right] > .arrow:before, .bs-popover-right > .arrow:before {
    border-right-color: #eee
}

.popover.bs-popover-bottom .arrow:after {
    border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] > .arrow:before, .bs-popover-bottom > .arrow:before {
    border-bottom-color: #eee
}

.bs-popover-auto[x-placement^=top] > .arrow:before, .bs-popover-top > .arrow:before {
    border-top-color: #eee
}

.bootstrap-datetimepicker-widget table td i, .bootstrap-datetimepicker-widget table td span {
    height: 0 !important;
    line-height: 0 !important
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #f7f7f9 !important;
    color: #4c60a3 !important;
    font-weight: 700
}

.bootstrap-datetimepicker-widget table td {
    width: 0 !important
}

.bootstrap-datetimepicker-widget table td .btn {
    padding: .5rem !important
}

.bootstrap-datetimepicker-widget table td, .bootstrap-datetimepicker-widget table th {
    padding: .5em .1em !important
}

.modal-content {
    border: 0;
    border-radius: 0
}

.iconpicker-popover.popover .popover-title {
    background: #fff !important
}

.iconpicker-popover.popover.bottom > .arrow, .iconpicker-popover.popover.bottomLeft > .arrow, .iconpicker-popover.popover.bottomRight > .arrow {
    border-bottom-color: #dfdfdf !important
}

body.dark-mode::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode {
    background-color: #2c2c43;
    color: #a8a9bb
}

body.dark-mode .body-bg, body.dark-mode .content-wrapper, body.dark-mode .main-footer {
    background: #2c2c43
}

body.dark-mode .bg-white {
    background: #2c2c43 !important
}

body.dark-mode a {
    color: #5b6fb3
}

body.dark-mode a:hover {
    color: #4e62a7
}

body.dark-mode .grid-column-header a {
    color: #7d7f99
}

body.dark-mode .grid-column-header a.active, body.dark-mode .grid-column-header a:hover {
    color: #5b6fb3
}

body.dark-mode h1, body.dark-mode h2, body.dark-mode h3, body.dark-mode h4, body.dark-mode h5, body.dark-mode h6 {
    color: #cacbd6
}

body.dark-mode label, body.dark-mode p, body.dark-mode small {
    color: #a8a9bb
}

body.dark-mode .label {
    color: #f9f9f9
}

body.dark-mode .dcat-loading:not(.layui-layer-shade) {
    background-color: inherit !important
}

body.dark-mode .btn.btn-default, body.dark-mode .btn.btn-light, body.dark-mode .btn.btn-white {
    color: #a8a9bb;
    background-color: #223;
    border-color: #223
}

body.dark-mode .btn.btn-default:hover, body.dark-mode .btn.btn-light:hover, body.dark-mode .btn.btn-white:focus, body.dark-mode .btn.btn-white:hover {
    color: #aeafbf !important
}

body.dark-mode .bg-light, body.dark-mode .btn.btn-light {
    color: #a8a9bb !important;
    background-color: #2c2c43 !important;
    border-color: #2c2c43 !important
}

body.dark-mode .bg-default {
    background-color: #223 !important;
    color: #a8a9bb !important
}

body.dark-mode .btn-light:focus, body.dark-mode .btn-light:hover {
    color: #abacbe !important
}

body.dark-mode .btn.btn-custom:not(.btn-outline), body.dark-mode .btn.btn-danger:not(.btn-outline), body.dark-mode .btn.btn-info:not(.btn-outline), body.dark-mode .btn.btn-primary:not(.btn-outline), body.dark-mode .btn.btn-success:not(.btn-outline), body.dark-mode .btn.btn-warning:not(.btn-outline) {
    color: #ebebeb
}

body.dark-mode hr {
    border-color: #303247
}

body.dark-mode pre {
    background-color: #223;
    border: 0;
    color: #a8a9bb
}

body.dark-mode pre code {
    background-color: inherit
}

body.dark-mode code, body.dark-mode pre code .operator, body.dark-mode pre code .url {
    background-color: #2c2c43
}

body.dark-mode code {
    color: #b8c2cc !important
}

body.dark-mode kbd {
    background-color: #2c2c43
}

body.dark-mode .text-dark {
    color: #b8c2cc !important
}

body.dark-mode .header-navbar {
    background-color: #223
}

body.dark-mode .header-navbar .navbar-container .nav .nav-item .nav-link {
    color: #a8a9bb;
    background-color: transparent
}

body.dark-mode .header-navbar .navbar-container .nav .nav-item .nav-link i {
    color: #a8a9bb
}

body.dark-mode .header-navbar.navbar-static-top {
    background-color: transparent
}

body.dark-mode .header-navbar[class*=bg-] .navbar-nav .nav-item .nav-link {
    background-color: inherit
}

body.dark-mode .main-menu .navbar-header .logo-lg {
    font-weight: 300
}

body.dark-mode .dropdown-toggle:hover:after, body.dark-mode .dropdown-toggle:hover i {
    color: #fff
}

body.dark-mode .dropdown .dropdown-menu {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1)
}

body.dark-mode .dropdown-menu {
    background-color: #223
}

body.dark-mode .dropdown-menu:before {
    background: #223
}

body.dark-mode .dropdown-menu .dropdown-item:focus, body.dark-mode .dropdown-menu .dropdown-item:hover {
    background: #1e1e2d
}

body.dark-mode .dropdown-menu .dropdown-item {
    color: #a8a9bb
}

body.dark-mode .dropdown-menu .form-control {
    background-color: #223
}

body.dark-mode .dropdown-menu .dropdown-divider {
    border-color: #303247
}

body.dark-mode .dropdown-item a, body.dark-mode .dropdown-menu label {
    color: #a8a9bb
}

body.dark-mode .modal .modal-header, body.dark-mode .modal .modal-header[class*=bg-] {
    border-color: #303247;
    background-color: #242436
}

body.dark-mode .modal .modal-header .close span, body.dark-mode .modal .modal-header[class*=bg-] .close span {
    color: hsla(0, 0%, 100%, .5)
}

body.dark-mode .modal .modal-body, body.dark-mode .modal .modal-content, body.dark-mode .modal .modal-footer {
    background-color: #28283c
}

body.dark-mode .modal-backdrop {
    background-color: rgba(34, 41, 47, .5)
}

body.dark-mode .pagination:not([class*=pagination-]) .page-item.active {
    background-color: #2c2c43
}

body.dark-mode .pagination:not([class*=pagination-]) .page-item.active .page-link:hover {
    color: #fff
}

body.dark-mode .pagination:not([class*=pagination-]) .page-item .page-link {
    background-color: #2c2c43;
    color: #a8a9bb
}

body.dark-mode .pagination:not([class*=pagination-]) .page-item.next-item .page-link:hover, body.dark-mode .pagination:not([class*=pagination-]) .page-item.prev-item .page-link:hover {
    color: #fff
}

body.dark-mode .pagination[class*=pagination-] .page-item:not(.active):not(:hover) .page-link {
    background-color: #1e1e2d;
    color: #a8a9bb
}

body.dark-mode .pagination[class*=pagination-] .page-item:not(.active) .page-link:hover {
    background-color: #2c2c43
}

body.dark-mode .pagination[class*=pagination-] .page-item.active {
    background-color: #223
}

body.dark-mode .nav .nav-item .nav-link {
    color: #a8a9bb
}

body.dark-mode .popover[x-placement=top] .arrow:after {
    border-top-color: #223
}

body.dark-mode .popover[x-placement=bottom] .arrow:after {
    border-bottom-color: #223
}

body.dark-mode .popover[x-placement=left] .arrow:after {
    border-left-color: #223
}

body.dark-mode .popover[x-placement=right] .arrow:after {
    border-right-color: #223
}

body.dark-mode .popover .popover-body {
    background-color: #223;
    color: #a8a9bb
}

body.dark-mode .nav.nav-tabs {
    border-color: #444865
}

body.dark-mode .nav-theme-primary .nav.nav-tabs, body.dark-mode .nav-theme-white .nav.nav-tabs {
    background-color: #223
}

body.dark-mode .nav-theme-primary .nav.nav-tabs .nav-item .nav-link:not(.active), body.dark-mode .nav-theme-white .nav.nav-tabs .nav-item .nav-link:not(.active) {
    color: #9d9eb2
}

body.dark-mode .nav-theme-primary .nav.nav-tabs .nav-item .nav-link.active, body.dark-mode .nav-theme-white .nav.nav-tabs .nav-item .nav-link.active {
    color: #586cb1
}

body.dark-mode .nav-theme-primary .nav.nav-tabs .nav-item .nav-link.active:after, body.dark-mode .nav-theme-white .nav.nav-tabs .nav-item .nav-link.active:after {
    background: linear-gradient(30deg, #586cb1, rgba(88, 108, 177, .5)) !important
}

body.dark-mode .table-responsive[data-pattern=priority-columns]::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode .table-responsive[data-pattern=priority-columns]::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode .table-responsive[data-pattern=priority-columns]::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode .table-wrapper {
    margin-top: 12px !important
}

body.dark-mode .table.default-table td, body.dark-mode .table.default-table th {
    border-color: #303247 !important
}

body.dark-mode .table.default-table th, body.dark-mode table.table-bordered.dataTable.complex-headers th {
    background: #26263a
}

body.dark-mode .table.default-table td, body.dark-mode table.table-bordered.dataTable.complex-headers td {
    background: #2a2a40
}

body.dark-mode .table {
    background-color: #223;
    padding: 0 1rem
}

body.dark-mode .table td, body.dark-mode .table th {
    border-color: #303247
}

body.dark-mode .table .thead tr:not([class*=table-]) td, body.dark-mode .table .thead tr:not([class*=table-]) th, body.dark-mode .table tbody tr:not([class*=table-]) td, body.dark-mode .table tbody tr:not([class*=table-]) th {
    border: 0;
    color: #a8a9bb
}

body.dark-mode .table .thead tr:not([class*=table-]) td code, body.dark-mode .table .thead tr:not([class*=table-]) th code, body.dark-mode .table tbody tr:not([class*=table-]) td code, body.dark-mode .table tbody tr:not([class*=table-]) th code {
    background-color: #223
}

body.dark-mode .table thead tr th {
    border: 0;
    background-color: #223;
    color: #a8a9bb
}

body.dark-mode .table tbody tr {
    background: #2c2c43 !important
}

body.dark-mode .table tbody tr[class*=table-] td, body.dark-mode .table tbody tr[class*=table-] th {
    background-color: unset;
    color: #22292f;
    border-color: #303247
}

body.dark-mode .table tbody tr.table-dark td, body.dark-mode .table tbody tr.table-dark th {
    color: #fff
}

body.dark-mode .table tbody tr.table-active td, body.dark-mode .table tbody tr.table-active th {
    color: #a8a9bb
}

body.dark-mode .table tbody tr th {
    background-color: #2c2c43
}

body.dark-mode .table tbody tr td {
    background-color: #2c2c43;
    color: #a8a9bb
}

body.dark-mode .table.table-bordered, body.dark-mode .table.table-bordered tbody tr td, body.dark-mode .table.table-bordered tbody tr th, body.dark-mode .table.table-bordered thead tr td, body.dark-mode .table.table-bordered thead tr th {
    border: 1px solid #303247
}

body.dark-mode .table.table-hover tbody tr:hover {
    background-color: #223
}

body.dark-mode .table.table-hover tbody tr td, body.dark-mode .table.table-hover tbody tr th {
    background-color: unset
}

body.dark-mode .table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #223
}

body.dark-mode .table.table-striped tbody tr td, body.dark-mode .table.table-striped tbody tr th {
    background-color: unset
}

body.dark-mode .table.table-bordered {
    padding: 0
}

body.dark-mode .box, body.dark-mode .card {
    background: #223
}

body.dark-mode .box.box-solid.box-default {
    background-color: #2c2c43
}

body.dark-mode .box-header.with-border, body.dark-mode .box.box-solid.box-default, body.dark-mode .card.dcat-box .card-header, body.dark-mode .dd-handle, body.dark-mode .with-border {
    border-bottom: 1px solid #303247;
    border-color: #303247 !important
}

body.dark-mode .box .box-footer, body.dark-mode .card .box-footer {
    border-color: #303247
}

body.dark-mode .dd-handle {
    background: #2a2a3f;
    color: #a8a9bb;
    margin-bottom: 2px
}

body.dark-mode .dd-item > button:before {
    color: #a8a9bb
}

body.dark-mode .input-group-addon, body.dark-mode .input-group-append, body.dark-mode .input-group-prepend, body.dark-mode .input-group-text {
    background-color: #2c2c43;
    border-color: #303247;
    color: #a8a9bb !important
}

body.dark-mode input::-webkit-input-placeholder {
    color: #9a9bb0 !important
}

body.dark-mode input::-moz-placeholder {
    color: #9a9bb0 !important
}

body.dark-mode input:-ms-input-placeholder {
    color: #9a9bb0 !important
}

body.dark-mode .help-block {
    color: #a4a5b8 !important
}

body.dark-mode .has-error .checkbox, body.dark-mode .has-error .checkbox-inline, body.dark-mode .has-error.checkbox label, body.dark-mode .has-error .control-label, body.dark-mode .has-error .form-control-position i, body.dark-mode .has-error .form-control:focus ~ .form-control-position i, body.dark-mode .has-error .help-block, body.dark-mode .has-error .radio, body.dark-mode .has-error .radio-inline, body.dark-mode .has-error.radio label {
    color: #bd4147 !important
}

body.dark-mode .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode .form-control, body.dark-mode .select2-container--default .select2-selection--multiple, body.dark-mode .select2-container--default .select2-selection--single {
    background: #2c2c43;
    color: #a8a9bb !important;
    border-color: #303247 !important
}

body.dark-mode .select2-container--default .select2-search--inline .select2-search__field, body.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #a8a9bb !important
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background: #2c2c43 !important;
    color: #a8a9bb !important
}

body.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field, body.dark-mode .select2-container--default .select2-selection--multiple {
    border-color: #303247 !important
}

body.dark-mode .select2-container--default .select2-results > .select2-results__options, body.dark-mode .select2-dropdown {
    background: #223 !important
}

body.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected], body.dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background: #1e1e2d !important;
    color: #a8a9bb !important
}

body.dark-mode .table-filter .form-control {
    background: #223;
    color: #a8a9bb
}

body.dark-mode .form-divider {
    border-color: #303247
}

body.dark-mode .form-divider span {
    background-color: #223
}

body.dark-mode .form-control:disabled, body.dark-mode .form-control[readonly], body.dark-mode .select2-container--default.select2-container--disabled .select2-selection--multiple, body.dark-mode .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #28283d !important
}

body.dark-mode .layui-layer-page .layui-layer-content::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode .layui-layer-page .layui-layer-content::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode .layui-layer-page .layui-layer-content::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode .layui-layer {
    background-color: #242436 !important
}

body.dark-mode .layui-layer-page .layui-layer-btn, body.dark-mode .layui-layer-page .layui-layer-content {
    background-color: #28283c !important
}

body.dark-mode .layui-layer-title {
    background-color: #242436 !important;
    border-bottom: 1px solid #303247 !important;
    color: #a8a9bb !important
}

body.dark-mode .layui-layer-btn1 {
    border-color: #223 !important;
    background: #223 !important
}

body.dark-mode .layui-layer-setwin .layui-layer-close1:before, body.dark-mode .layui-layer-setwin .layui-layer-max:before, body.dark-mode .layui-layer-setwin .layui-layer-min cite:before {
    color: #a8a9bb !important
}

body.dark-mode .web-uploader .placeholder {
    border-width: 2px;
    border-color: #9495ab !important
}

body.dark-mode .web-uploader .filelist li {
    background: #223 !important
}

body.dark-mode .web-uploader .queueList {
    border-color: #303247 !important
}

body.dark-mode .web-uploader .filelist li p.title, body.dark-mode .web-uploader .statusBar .info {
    color: #a8a9bb !important
}

body.dark-mode .slider-panel {
    background-color: #242436
}

body.dark-mode .right-side-filter-container .header {
    border-color: #303247;
    background-color: #242436
}

body.dark-mode .swal2-popup {
    background: #223
}

body.dark-mode .swal2-popup h2 {
    color: #a8a9bb
}

body.dark-mode .swal2-content {
    color: #a4a5b8
}

body.dark-mode .quick-create td {
    background-color: #28283c !important;
    color: #9a9bb0
}

body.dark-mode .iconpicker .iconpicker-items::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode .iconpicker .iconpicker-items::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode .iconpicker .iconpicker-items::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode .iconpicker-popover.popover, body.dark-mode .iconpicker-popover.popover .popover-title, body.dark-mode .iconpicker .iconpicker-items {
    background: #223 !important;
    border-color: #303247 !important
}

body.dark-mode .iconpicker-popover.popover.bottom > .arrow:after, body.dark-mode .iconpicker-popover.popover.bottomLeft > .arrow:after, body.dark-mode .iconpicker-popover.popover.bottomRight > .arrow:after, body.dark-mode .iconpicker-popover.popover .popover-title {
    border-color: #223
}

body.dark-mode .alert.alert-danger h3, body.dark-mode .alert.alert-danger h4, body.dark-mode .alert.alert-danger h5 {
    color: #ea5455
}

body.dark-mode .alert.alert-success h3, body.dark-mode .alert.alert-success h4, body.dark-mode .alert.alert-success h5 {
    color: #21b978
}

body.dark-mode .alert.alert-info h3, body.dark-mode .alert.alert-info h4, body.dark-mode .alert.alert-info h5 {
    color: #4277cf
}

body.dark-mode .alert.alert-primary h3, body.dark-mode .alert.alert-primary h4, body.dark-mode .alert.alert-primary h5 {
    color: #4c60a3
}

body.dark-mode .alert.alert-warning h3, body.dark-mode .alert.alert-warning h4, body.dark-mode .alert.alert-warning h5 {
    color: #d9993c
}

body.dark-mode .callout {
    background: #26263a;
    border-color: #8e9aac
}

body.dark-mode .callout h3, body.dark-mode .callout h4, body.dark-mode .callout h5 {
    color: #b6b7c6
}

body.dark-mode .apexcharts-legend-series .apexcharts-legend-text {
    color: #a8a9bb !important
}

body.dark-mode .apexcharts-radialbar-track path {
    stroke: #2c2c43
}

body.dark-mode .apexcharts-inner polygon {
    stroke: #223 !important;
    fill: #2c2c43 !important
}

body.dark-mode .apexcharts-pie-series path {
    stroke: #2c2c43
}

body.dark-mode .apexcharts-menu {
    background-color: #2c2c43;
    border: 0
}

body.dark-mode .apexcharts-toolbar .apexcharts-menu-icon:hover svg, body.dark-mode .apexcharts-toolbar .apexcharts-reset-zoom-icon:hover svg, body.dark-mode .apexcharts-toolbar .apexcharts-zoom-icon:hover svg, body.dark-mode .apexcharts-toolbar .apexcharts-zoom-in-icon:hover svg, body.dark-mode .apexcharts-toolbar .apexcharts-zoom-out-icon:hover svg {
    fill: #a8a9bb
}

body.dark-mode .login-page {
    background-color: #2c2c43 !important
}

body.dark-mode .login-card-body, body.dark-mode .register-card-body {
    background-color: #223;
    color: #a8a9bb
}

body.dark-mode .grid-selector .wrap {
    background-color: #223
}

body.dark-mode .grid-selector .select-label {
    color: #9a9bb0
}

body.dark-mode .grid-selector ul > li a {
    color: #a8a9bb
}

body.dark-mode .grid-selector .select-options a.active {
    color: #586cb1
}

body.dark-mode .switchery {
    background-color: #b3b4c4 !important;
    border-color: #b3b4c4 !important;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .1), 0 2px 2px 0 rgba(0, 0, 0, .1), 0 1px 5px 1px rgba(0, 0, 0, .1)
}

body.dark-mode .switchery > small {
    background-color: #c5c5d1 !important
}

body.dark-mode .dropdown-menu li.checkbox-row:hover {
    background-color: #1e1e2d !important
}

body.dark-mode .dcat-step .dcat-step-title {
    color: #a8a9bb
}

body.dark-mode .dcat-step .active > .dcat-step-item-container > .dcat-step-content > .dcat-step-title, body.dark-mode .dcat-step .done > .dcat-step-item-container > .dcat-step-content > .dcat-step-title {
    color: #bfc0cd
}

body.dark-mode .dcat-step .dcat-step-icons {
    border-color: #b3b4c4
}

body.dark-mode .dcat-step .dcat-step-icons > .dcat-step-icon {
    color: #b3b4c4
}

body.dark-mode .dcat-step .dcat-step-title:after {
    background-color: #a8a9bb
}

body.dark-mode .dcat-step .active > .dcat-step-item-container > .dcat-step-content > .dcat-step-title:after {
    background-color: #b3b4c4
}

body.dark-mode .dcat-step .done .dcat-step-icons {
    background-color: transparent;
    border-color: #586cb1
}

body.dark-mode .dcat-step .done .dcat-step-icons > .dcat-step-icon {
    color: #586cb1
}

body.dark-mode .dcat-done-step .st-title {
    color: #cacbd6
}

body.dark-mode .dcat-done-step .st-desc {
    color: #a8a9bb
}

body.dark-mode .table-main::-webkit-scrollbar {
    width: 12px;
    height: 12px
}

body.dark-mode .table-main::-webkit-scrollbar-track {
    background-color: #2c2c43
}

body.dark-mode .table-main::-webkit-scrollbar-thumb {
    background-color: #1e1e2d;
    border-radius: .4rem
}

body.dark-mode .table-fixed-left .table {
    box-shadow: 6px 0 5px -5px #000
}

body.dark-mode .table-fixed-right .table {
    box-shadow: -5px 0 5px -5px #000
}

body.dark-mode [class*=sidebar-dark-] {
    background-image: none;
    background-color: #223 !important
}

body.dark-mode [class*=sidebar-dark-] .navbar-header {
    background: #1e1e2d
}

body.dark-mode [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-treeview {
    background: transparent
}

body.dark-mode [class*=sidebar-dark-] .nav-sidebar > .nav-item > .nav-link.active, body.dark-mode [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active, body.dark-mode [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:focus, body.dark-mode [class*=sidebar-dark-] .nav-treeview > .nav-item > .nav-link.active:hover {
    background: #1e1e2d
}

body.dark-mode [class*=sidebar-dark-] .nav-treeview.nav .nav-item .nav-link.active {
    padding: 10px 10px 10px 25px !important
}

body.dark-mode .main-menu .navbar-header .navbar-brand {
    margin-top: .5rem
}

body.dark-mode:not(.sidebar-separate) .main-sidebar .sidebar {
    margin-top: 1rem
}