html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

/* Works for Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Works for Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.bottomright {
    position: fixed;
    right: 0px;
    bottom: 0px;
    width: 300px;
    max-height: 600px;
    overflow-y: scroll;
    background-color: #fff;
    padding: 5px;
}

.removeRow{color:#ff6a00;}
.removeRow:hover {
    color: #ff0000;
}
.rightText {
    text-align: right;
}

.dataTable > thead > th {font-size:0.9em; font-weight:600;}

.my-actions {
    margin: 0 2em;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.right-gap {
    margin-right: auto;
}

.requiredTextBox {
    outline: none !important;
    border: 3px dashed red;
    box-shadow: 0 0 10px #719ECE;
}

.changedTableRow {
    background: #53ac8e !important;
}

.duplicateRows {
    border: 3px solid black;
}

.hidden {
    display: none;
}

.margin-right-10 {
    margin-right: 10px;
}

#tblItems thead th {
    background-color: dimgrey;
    color: white;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
}

.floatRight {
    float: right;
}

.marginRight10 {
    margin-right: 10px;
}

.bg-dark .icon > i {
    color: white !important;
}

/*.settings-panel .expanded.theme-colors {
    display: block;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background: transparent;*/
    /*@include theme-button-color ($theme-1-fusion, $theme-1-primary, $theme-1-info, $theme-1-success, $theme-1-warning, $theme-1-danger)*/
/*}

    .settings-panel .expanded.theme-colors > ul {
        height: auto;
    }

        .settings-panel .expanded.theme-colors > ul > li [data-action] {
            width: 36px;
            height: 36px;
            margin-right: 4px;
            margin-bottom: 4px;
            border-radius: 25px;
        }

            .settings-panel .expanded.theme-colors > ul > li [data-action]:hover {
                opacity: 1;
            }

        .settings-panel .expanded.theme-colors > ul:last-child {
            margin-right: 0;
        }

    .settings-panel .expanded.theme-colors #myapp-0 {
        background: #886ab5;
        -webkit-box-shadow: inset 0 0 0 3px #2ba1ff;
        box-shadow: inset 0 0 0 3px #2ba1ff;
    }

    .settings-panel .expanded.theme-colors #myapp-1 {
        background: #b56a9f;
    }

    .settings-panel .expanded.theme-colors #myapp-2 {
        background: #9fcb3d;
    }

    .settings-panel .expanded.theme-colors #myapp-3 {
        background: #4679cc;
    }

    .settings-panel .expanded.theme-colors #myapp-4 {
        background: #2198F3;
    }

    .settings-panel .expanded.theme-colors #myapp-5 {
        background: #6ab5b4;
    }

    .settings-panel .expanded.theme-colors #myapp-6 {
        background: #dd5293;
    }

    .settings-panel .expanded.theme-colors #myapp-7 {
        background: #868e96;
    }

    .settings-panel .expanded.theme-colors #myapp-8 {
        background: #7c91df;
    }

    .settings-panel .expanded.theme-colors #myapp-9 {
        background: #e59c6c;
    }

    .settings-panel .expanded.theme-colors #myapp-10 {
        background: #778c85;
    }

    .settings-panel .expanded.theme-colors #myapp-11 {
        background: #a2b077;
    }

    .settings-panel .expanded.theme-colors #myapp-12 {
        background: #7976b3;
    }

    .settings-panel .expanded.theme-colors #myapp-13 {
        background: #55ce5f;
    }

    .settings-panel .expanded.theme-colors #myapp-14 {
        background: #fbe231;
    }

    .settings-panel .expanded.theme-colors #myapp-15 {
        background: #627ca0;
    }

.settings-panel:first-child h5 {
    margin-top: 0;
    padding-top: 5px;
}

.settings-panel h5 {
    margin: 0;
    font-weight: 500;
    font-size: 0.875rem;
    padding: 1rem 1rem 5px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: block;
    overflow: hidden;
    text-decoration: none;
    margin-top: 5px;
    color: #232c30;
    text-align: left;
}

    .settings-panel h5 small {
        display: inline;
    }

.settings-panel .list {
    font-weight: 400;
    min-height: 45px;
    padding: 0.25rem 1rem 0.25rem 2rem;
    color: #666666;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

    .settings-panel .list:hover {
        color: #333333;
        background: rgba(255, 255, 255, 0.7);
    }

        .settings-panel .list:hover .onoffswitch {
            -webkit-transform: scale(1.13);
            transform: scale(1.13);
        }

    .settings-panel .list .btn-switch {
        position: absolute;
        right: 1rem;
        margin: 0;
        top: 30%;
    }

    .settings-panel .list .onoffswitch-title {
        margin-top: 0.5px;
        font-size: 0.8125rem;
        display: block;
    }

    .settings-panel .list .onoffswitch-title-desc {
        display: block;
        font-size: 0.75rem;
        color: #989da5;
        text-transform: lowercase;
    }

.settings-panel .expanded {
  position: relative;
  display: none; }
  .settings-panel .expanded:before {
    border-bottom-color: #2d3a3f;
    bottom: 1px; }
  .settings-panel .expanded > ul {
    padding: 0;
    margin: 0;
    margin: 0 0 0 1rem;
    height: 50px; }
    .settings-panel .expanded > ul > li {
      display: inline-block;
      margin: 0;
      padding: 0; }
      .settings-panel .expanded > ul > li [data-action] {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        margin-right: 2px;
        display: block;
        cursor: pointer;
        position: relative;
        -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1);
                box-shadow: 0 1px 10px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.1); }
  .settings-panel .expanded .list {
    padding: 0;
    min-height: auto;
    margin: 0.5rem 0 0 1rem; }
    .settings-panel .expanded .list .btn-switch {
      margin-top: 2px;
      top: -2px;
      right: 0; }
    .settings-panel .expanded .list:hover {
      background: transparent; }

.bg-fusion-50 {
    background-color: #58717a;
    color: white;
}

    .bg-fusion-50:hover {
        color: white;
    }

.bg-fusion-100 {
    background-color: #4d636b;
    color: white;
}

    .bg-fusion-100:hover {
        color: white;
    }

.bg-fusion-200 {
    background-color: #43555c;
    color: white;
}

    .bg-fusion-200:hover {
        color: white;
    }

.bg-fusion-300 {
    background-color: #38484e;
    color: white;
}

    .bg-fusion-300:hover {
        color: white;
    }

.bg-fusion-400 {
    background-color: #2d3a3f;
    color: white;
}

    .bg-fusion-400:hover {
        color: white;
    }

.bg-fusion-500 {
    background-color: #232c30;
    color: white;
}

    .bg-fusion-500:hover {
        color: white;
    }

.bg-fusion-600 {
    background-color: #181f21;
    color: white;
}

    .bg-fusion-600:hover {
        color: white;
    }

.bg-fusion-700 {
    background-color: #0d1112;
    color: white;
}

    .bg-fusion-700:hover {
        color: white;
    }

.bg-fusion-800 {
    background-color: #030303;
    color: white;
}

    .bg-fusion-800:hover {
        color: white;
    }

.bg-fusion-900 {
    background-color: black;
    color: white;
}

    .bg-fusion-900:hover {
        color: white;
    }

.bg-primary-50 {
    background-color: #56ddfc;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-primary-50:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-primary-100 {
    background-color: #3dd7fb;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-primary-100:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-primary-200 {
    background-color: #24d2fb;
    color: rgba(0, 0, 0, 0.8);
}

    .bg-primary-200:hover {
        color: rgba(0, 0, 0, 0.8);
    }

.bg-primary-300 {
    background-color: #0bcdfa;
    color: white;
}

    .bg-primary-300:hover {
        color: white;
    }

.bg-primary-400 {
    background-color: #04bce7;
    color: white;
}

    .bg-primary-400:hover {
        color: white;
    }

.bg-primary-500 {
    background-color: #04a8ce;
    color: white;
}

    .bg-primary-500:hover {
        color: white;
    }

.bg-primary-600 {
    background-color: #0494b5;
    color: white;
}

    .bg-primary-600:hover {
        color: white;
    }

.bg-primary-700 {
    background-color: #037f9c;
    color: white;
}

    .bg-primary-700:hover {
        color: white;
    }

.bg-primary-800 {
    background-color: #036b83;
    color: white;
}

    .bg-primary-800:hover {
        color: white;
    }

.bg-primary-900 {
    background-color: #02566a;
    color: white;
}

    .bg-primary-900:hover {
        color: white;
    }

.color-primary-50 {
    color: #56ddfc;
}

.color-primary-100 {
    color: #3dd7fb;
}

.color-primary-200 {
    color: #24d2fb;
}

.color-primary-300 {
    color: #0bcdfa;
}

.color-primary-400 {
    color: #04bce7;
}

.color-primary-500 {
    color: #04a8ce;
}

.color-primary-600 {
    color: #0494b5;
}

.color-primary-700 {
    color: #037f9c;
}

.color-primary-800 {
    color: #036b83;
}

.color-primary-900 {
    color: #02566a;
}
.header-function-fixed .btn-switch[data-class="header-function-fixed"], .nav-function-fixed .btn-switch[data-class="nav-function-fixed"], .nav-function-minify .btn-switch[data-class="nav-function-minify"], .nav-function-hidden .btn-switch[data-class="nav-function-hidden"], .nav-function-top .btn-switch[data-class="nav-function-top"], .footer-function-fixed .btn-switch[data-class="footer-function-fixed"], .nav-mobile-push .btn-switch[data-class="nav-mobile-push"], .nav-mobile-no-overlay .btn-switch[data-class="nav-mobile-no-overlay"], .nav-mobile-slide-out .btn-switch[data-class="nav-mobile-slide-out"], .mod-main-boxed .btn-switch[data-class="mod-main-boxed"], .mod-fixed-bg .btn-switch[data-class="mod-fixed-bg"], .mod-clean-page-bg .btn-switch[data-class="mod-clean-page-bg"], .mod-pace-custom .btn-switch[data-class="mod-pace-custom"], .mod-bigger-font .btn-switch[data-class="mod-bigger-font"], .mod-high-contrast .btn-switch[data-class="mod-high-contrast"], .mod-color-blind .btn-switch[data-class="mod-color-blind"], .mod-hide-nav-icons .btn-switch[data-class="mod-hide-nav-icons"], .mod-hide-info-card .btn-switch[data-class="mod-hide-info-card"], .mod-lean-subheader .btn-switch[data-class="mod-lean-subheader"], .mod-disable-animation .btn-switch[data-class="mod-disable-animation"], .mod-nav-link .btn-switch[data-class="mod-nav-link"], .mod-nav-dark .btn-switch[data-class="mod-nav-dark"], .mod-panel-icon .btn-switch[data-class="mod-panel-icon"] {
    color: #fff;
    background: #04a8ce !important;
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}*/


/*************** THEME COLOR CSS *********************/
/*#skin-default,
#skin-light,
#skin-dark {
    position: relative;
}

    #skin-default:hover,
    #skin-light:hover,
    #skin-dark:hover {
        opacity: 0.8;
        cursor: pointer;
    }

    #skin-default:before,
    #skin-light:before,
    #skin-dark:before {
        font-family: 'Font Awesome 5 Pro';
        content: "\f058";
        font-size: 3rem;
        position: absolute;
        display: none;
        width: 100%;
        height: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-left: 0.75rem;
        padding-top: 0.25rem;
        color: var(--success-500);
    }

body:not(.mod-skin-light):not(.mod-skin-dark) #skin-default:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}*/

/* #LIGHT MODE
========================================================================== */
/*.mod-skin-light:not(.mod-skin-dark) #skin-light:before {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mod-skin-light:not(.mod-skin-dark) .page-content-wrapper {
    background-color: #f9f9f9;
}

.mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"] {
    background: #ffffff;
    color: #333333;
    color: var(--theme-fusion-500);
}

    .mod-skin-light:not(.mod-skin-dark) .nav-filter input[type="text"]:focus {
        border-color: #333333;
        color: var(--theme-primary-500);
    }

.mod-skin-light:not(.mod-skin-dark) .page-sidebar {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

.mod-skin-light:not(.mod-skin-dark).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
    border-left: 1px dashed #cecece;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card {
    color: #333333;
}

    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .text-white {
        color: #333333 !important;
        text-shadow: none;
    }

    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card img.cover {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        opacity: 0.25;
    }

    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .info-card .info-card-text > span {
        color: #333333;
        text-shadow: none;
    }

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {
    background: #ffffff;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
    color: #ffffff;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
    color: rgba(0, 0, 0, 0.8);
    color: var(--theme-primary-700);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer {
    background-image: none;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-header {
    border-bottom: 1px solid #eaeaea;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li.active > a {
    color: rgba(0, 0, 0, 0.8);
    color: var(--theme-fusion-500);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a {
    color: rgba(0, 0, 0, 0.8);
    color: var(--theme-fusion-500);
}

    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a:focus {
        color: rgba(0, 0, 0, 0.8);
        color: var(--theme-fusion-500);
    }

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
    color: rgba(0, 0, 0, 0.8);
    color: var(--theme-fusion-500);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li.active > a {
    color: rgba(0, 0, 0, 0.8);
    color: var(--theme-fusion-500);
    font-weight: 500;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul {
    background-color: rgba(0, 0, 0, 0.03);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > [class*='fa-'], .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li a > .ni {
    color: var(--theme-primary-700);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu li > ul li a:hover {
    color: var(--theme-fusion-500);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-menu .nav-title {
    color: rgba(0, 0, 0, 0.6);
    color: var(--theme-fusion-50);
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo-text {
    color: #333333;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-logo, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-sidebar, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .nav-footer {
    background: #ffffff;
}

.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth,
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner,
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner,
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div,
.mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div {
    background: #ffffff;
}

    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .text-white, .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .text-white,
    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-inner .text-white,
    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-inner .text-white,
    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.auth .page-content-wrapper > div .text-white,
    .mod-skin-light:not(.mod-skin-dark):not(.mod-nav-dark) .page-wrapper.alt .page-content-wrapper > div .text-white {
        color: #000 !important;
    }

@media (min-width: 992px) {
    .mod-skin-light.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
        background: inherit !important;
        color: inherit !important;
    }

    .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
        background-color: #ffffff !important;
    }

        .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
            color: #ffffff !important;
        }

    .mod-skin-light.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
        color: inherit !important;
    }

    .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header {
        background: #ffffff;
    }

        .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .badge.badge-icon {
            -webkit-box-shadow: 0 0 0 1px #ffffff;
            box-shadow: 0 0 0 1px #ffffff;
        }

        .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover, .mod-skin-light.nav-function-top:not(.mod-nav-dark) .page-header .header-icon:not(.btn) > .ni:first-child:hover {
            color: #333333 !important;
        }

    .mod-skin-light.nav-function-top:not(.mod-nav-dark) #search-field {
        color: #333333;
    }
}*/

/* #DARK MODE
========================================================================== */
/*.mod-skin-dark:not(.mod-skin-light) {
    background-color: #303133;
    color: #a5abb1;*/
    /* accordion */
    /* modal */
    /*//pagination
.page-link {
	color: #ffffff;
	background-color: #37393e;

	&:hover {

	}
}*/
    /* placeholder */
    /*! Color themes for Google Code Prettify | MIT License | github.com/jmblog/color-themes-for-google-code-prettify */
/*}

    .mod-skin-dark:not(.mod-skin-light) #skin-dark:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .mod-skin-dark:not(.mod-skin-light) .accordion .card .card-header .card-title {
        color: rgba(255, 255, 255, 0.85);
    }

    .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card {
        background-color: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) .accordion.accordion-clean .card-header {
        background: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-primary,
    .mod-skin-dark:not(.mod-skin-light) .alert-sucess,
    .mod-skin-dark:not(.mod-skin-light) .alert-danger .alert-warning,
    .mod-skin-dark:not(.mod-skin-light) .alert-info .alert-secondary {
        background-color: rgba(255, 255, 255, 0.06);
        border-color: rgba(255, 255, 255, 0.09);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-primary {
        color: #ffffff;
        color: var(--theme-primary-100);
        background-color: rgba(136, 106, 181, 0.2);
        background-color: rgba(var(--theme-rgb-primary), 0.2);
        border-color: rgba(136, 106, 181, 0.6);
        border-color: rgba(var(--theme-rgb-primary), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-success {
        color: #ffffff;
        color: var(--theme-success-100);
        background-color: rgba(29, 201, 183, 0.2);
        background-color: rgba(var(--theme-rgb-success), 0.2);
        border-color: rgba(29, 201, 183, 0.6);
        border-color: rgba(var(--theme-rgb-success), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-danger {
        color: #ffffff;
        color: var(--theme-danger-100);
        background-color: rgba(253, 57, 149, 0.2);
        background-color: rgba(var(--theme-rgb-danger), 0.2);
        border-color: rgba(253, 57, 149, 0.6);
        border-color: rgba(var(--theme-rgb-danger), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-warning {
        color: #ffffff;
        color: var(--theme-warning-100);
        background-color: rgba(255, 194, 65, 0.2);
        background-color: rgba(var(--theme-rgb-warning), 0.2);
        border-color: rgba(255, 194, 65, 0.6);
        border-color: rgba(var(--theme-rgb-warning), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-info {
        color: #ffffff;
        color: var(--theme-info-100);
        background-color: rgba(33, 150, 243, 0.2);
        background-color: rgba(var(--theme-rgb-info), 0.2);
        border-color: rgba(33, 150, 243, 0.6);
        border-color: rgba(var(--theme-rgb-info), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .alert-secondary {
        color: #ffffff;
        color: var(--theme-white);
        background-color: rgba(80, 80, 80, 0.2);
        background-color: rgba(var(--theme-rgb-fusion), 0.2);
        border-color: rgba(80, 80, 80, 0.6);
        border-color: rgba(var(--theme-rgb-fusion), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt, .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth,
    .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-inner,
    .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-inner,
    .mod-skin-dark:not(.mod-skin-light) .page-wrapper.auth .page-content-wrapper > div,
    .mod-skin-dark:not(.mod-skin-light) .page-wrapper.alt .page-content-wrapper > div {
        background: #37393e;
    }

    .mod-skin-dark:not(.mod-skin-light) .border:not(.border-primary):not(.tab-content):not(.border-secondary):not(.border-success):not(.border-danger):not(.border-warning):not(.border-info):not(.border-light):not(.border-dark):not(.border-white) {
        border-color: rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .border-top {
        border-top: 1px solid rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .border-right {
        border-right: 1px solid rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .border-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .border-left {
        border-left: 1px solid rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .border-faded {
        border-color: rgba(0, 0, 0, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .breadcrumb:not(.breadcrumb-arrow):not(.page-breadcrumb):not([class*="bg-"]) {
        background: #242528;
    }

    .mod-skin-dark:not(.mod-skin-light) .breadcrumb-arrow li a {
        color: #ffffff !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .btn.btn-panel.bg-transparent {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .btn-light {
        -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
        border-color: rgba(0, 0, 0, 0.35);
    }

    .mod-skin-dark:not(.mod-skin-light) .btn-outline-dark {
        color: #989898;
        border-color: #000000;
    }

    .mod-skin-dark:not(.mod-skin-light) .btn-outline-default {
        background-color: #37393e;
        color: #c5c5c5;
        border-color: #1d1f23;
    }

    .mod-skin-dark:not(.mod-skin-light) .btn-default {
        background: #5e646b;
        color: #cccccc;
        border-color: transparent;
    }

        .mod-skin-dark:not(.mod-skin-light) .btn-default:hover {
            border-color: transparent;
            color: #ffffff;
        }

        .mod-skin-dark:not(.mod-skin-light) .btn-default:focus {
            border-color: #a5abb1 !important;
        }

        .mod-skin-dark:not(.mod-skin-light) .btn-default.active {
            background: rgba(var(--theme-rgb-primary), 0.85);
            color: #ffffff;
        }

    .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):not(.active):not(:active):not(:hover) {
        color: #a5abb1 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .btn-icon:not([class*="-primary"]):not([class*="-secondary"]):not([class*="-default"]):not([class*="-success"]):not([class*="-info"]):not([class*="-warning"]):not([class*="-danger"]):not([class*="-dark"]):not([class*="-light"]):not(.nav-item):hover {
        color: #c0c5c9 !important;
        background: rgba(255, 255, 255, 0.1);
    }

    .mod-skin-dark:not(.mod-skin-light) .chat-segment-get .chat-message {
        background: rgba(0, 0, 0, 0.3);
        color: rgba(255, 255, 255, 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .chat-segment-sent .chat-message {
        background: rgba(29, 201, 183, 0.35);
        background: rgba(var(--theme-rgb-success), 0.35);
    }

    .mod-skin-dark:not(.mod-skin-light) .msgr-list + .msgr:before {
        background: rgba(0, 0, 0, 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .time-stamp {
        color: #bdbdbd;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.navbar-brand):not(.card-title):not([class*="fc-"]):not([class*="text-"]):not(.btn-search-close),
    .mod-skin-dark:not(.mod-skin-light) .modal-body a:not(.btn):not(.badge):not(.dropdown-item):not(.nav-link):not(.page-link):not(.navbar-brand):not(.card-title) {
        color: #ffffff;
        color: var(--theme-primary-200);
    }

    .mod-skin-dark:not(.mod-skin-light) .text-success {
        color: var(--theme-success-300) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-danger {
        color: var(--theme-danger-300) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-warning {
        color: var(--theme-warning-300) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-info {
        color: var(--theme-info-300) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-dark {
        color: rgba(255, 255, 255, 0.75) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-muted {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-contrast {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-secondary {
        color: rgba(255, 255, 255, 0.9) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .text-primary {
        color: #ffffff;
        color: var(--theme-primary-300) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) a.text-primary:hover,
    .mod-skin-dark:not(.mod-skin-light) a.text-primary:focus {
        color: #ffffff;
        color: var(--theme-primary-200) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-faded {
        background-color: #3c3f48;
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-gray-50 {
        background-color: #47484c;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-light {
        background-color: #565656 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-subtlelight-fade {
        background: #2d2f32;
        background: rgba(var(--theme-rgb-fusion), 0.2);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-trans-gradient {
        background: linear-gradient(250deg, rgba(var(--theme-rgb-info), 0.5), rgba(var(--theme-rgb-primary), 0.5));
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-highlight {
        background-color: rgba(255, 194, 65, 0.15);
        background-color: rgba(var(--theme-rgb-warning), 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']) {
        background-color: #383b44 !important;
        color: #ffffff;
    }

        .mod-skin-dark:not(.mod-skin-light) .bg-white:not([class*='popover']).popover {
            color: inherit;
        }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-50:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.1);
        background-color: rgba(var(--theme-rgb-primary), 0.1);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-100:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.2);
        background-color: rgba(var(--theme-rgb-primary), 0.2);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-200:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.3);
        background-color: rgba(var(--theme-rgb-primary), 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-300:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.4);
        background-color: rgba(var(--theme-rgb-primary), 0.4);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-400:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.5);
        background-color: rgba(var(--theme-rgb-primary), 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-500:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.6);
        background-color: rgba(var(--theme-rgb-primary), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-600:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.7);
        background-color: rgba(var(--theme-rgb-primary), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-700:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.8);
        background-color: rgba(var(--theme-rgb-primary), 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-800:not([class*='popover']) {
        background-color: rgba(136, 106, 181, 0.9);
        background-color: rgba(var(--theme-rgb-primary), 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-primary-900:not([class*='popover']) {
        background-color: rgba(var(--theme-rgb-primary), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-50:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.1);
        background-color: rgba(var(--theme-rgb-success), 0.1);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-100:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.2);
        background-color: rgba(var(--theme-rgb-success), 0.2);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-200:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.3);
        background-color: rgba(var(--theme-rgb-success), 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-300:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.4);
        background-color: rgba(var(--theme-rgb-success), 0.4);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-400:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.5);
        background-color: rgba(var(--theme-rgb-success), 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-500:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.6);
        background-color: rgba(var(--theme-rgb-success), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-600:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.7);
        background-color: rgba(var(--theme-rgb-success), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-700:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.8);
        background-color: rgba(var(--theme-rgb-success), 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-800:not([class*='popover']) {
        background-color: rgba(29, 201, 183, 0.9);
        background-color: rgba(var(--theme-rgb-success), 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-success-900:not([class*='popover']) {
        background-color: #1dc9b7;
        background-color: rgba(var(--theme-rgb-success), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-50:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.1);
        background-color: rgba(var(--theme-rgb-danger), 0.1);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-100:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.2);
        background-color: rgba(var(--theme-rgb-danger), 0.2);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-200:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.3);
        background-color: rgba(var(--theme-rgb-danger), 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-300:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.4);
        background-color: rgba(var(--theme-rgb-danger), 0.4);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-400:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.5);
        background-color: rgba(var(--theme-rgb-danger), 0.5);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-500:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.6);
        background-color: rgba(var(--theme-rgb-danger), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-600:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.7);
        background-color: rgba(var(--theme-rgb-danger), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-700:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.8);
        background-color: rgba(var(--theme-rgb-danger), 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-800:not([class*='popover']) {
        background-color: rgba(253, 57, 149, 0.9);
        background-color: rgba(var(--theme-rgb-danger), 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-danger-900:not([class*='popover']) {
        background-color: #fd3995;
        background-color: rgba(var(--theme-rgb-danger), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-50:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.1);
        background-color: rgba(var(--theme-rgb-warning), 0.1);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-100:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.2);
        background-color: rgba(var(--theme-rgb-warning), 0.2);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-200:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.3);
        background-color: rgba(var(--theme-rgb-warning), 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-300:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.4);
        background-color: rgba(var(--theme-rgb-warning), 0.4);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-400:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.5);
        background-color: rgba(var(--theme-rgb-warning), 0.5);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-500:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.6);
        background-color: rgba(var(--theme-rgb-warning), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-600:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.7);
        background-color: rgba(var(--theme-rgb-warning), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-700:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.8);
        background-color: rgba(var(--theme-rgb-warning), 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-800:not([class*='popover']) {
        background-color: rgba(255, 194, 65, 0.9);
        background-color: rgba(var(--theme-rgb-warning), 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-warning-900:not([class*='popover']) {
        background-color: #ffc241;
        background-color: rgba(var(--theme-rgb-warning), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-50:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.1);
        background-color: rgba(var(--theme-rgb-info), 0.1);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-100:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.2);
        background-color: rgba(var(--theme-rgb-info), 0.2);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-200:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.3);
        background-color: rgba(var(--theme-rgb-info), 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-300:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.4);
        background-color: rgba(var(--theme-rgb-info), 0.4);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-400:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.5);
        background-color: rgba(var(--theme-rgb-info), 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-500:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.6);
        background-color: rgba(var(--theme-rgb-info), 0.6);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-600:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.7);
        background-color: rgba(var(--theme-rgb-info), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-700:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.8);
        background-color: rgba(var(--theme-rgb-info), 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-800:not([class*='popover']) {
        background-color: rgba(33, 150, 243, 0.9);
        background-color: rgba(var(--theme-rgb-info), 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bg-info-900:not([class*='popover']) {
        color: #000000;
        background-color: #2196f3;
        background-color: rgba(var(--theme-rgb-info), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-white {
        background: #ffffff !important;
    }

    .mod-skin-dark:not(.mod-skin-light) [data-replaceclass] .bg-faded {
        background-color: #f7f9fa !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .hover-bg {
        background: #303136;
        color: inherit;
    }

        .mod-skin-dark:not(.mod-skin-light) .hover-bg:hover {
            background: inherit;
            color: inherit;
        }

    .mod-skin-dark:not(.mod-skin-light) .hover-white:hover {
        background: #313438 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .hover-white:active {
        background: #25272a !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .hover-white .app-list-name {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .bd-highlight {
        background-color: rgba(86, 61, 124, 0.6);
        border: 1px solid rgba(121, 95, 160, 0.8);
    }

    .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > .col, .mod-skin-dark:not(.mod-skin-light) .bd-example-row .row > [class^=col-] {
        background-color: rgba(86, 61, 124, 0.75);
        border: 1px solid rgba(133, 106, 175, 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-danger-50 {
        background-color: rgba(253, 57, 149, 0.7);
        background-color: rgba(var(--theme-rgb-danger), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .card .d-block.bg-info-50 {
        background-color: rgba(33, 150, 243, 0.7);
        background-color: rgba(var(--theme-rgb-info), 0.7);
    }

    .mod-skin-dark:not(.mod-skin-light) .demo-window:before {
        background: #000000;
    }

    .mod-skin-dark:not(.mod-skin-light) .app-body-demo {
        border: 1px solid black;
    }

    .mod-skin-dark:not(.mod-skin-light) .frame-wrap {
        background: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) #app-eventlog:empty {
        background: #2c2e31;
    }

    .mod-skin-dark:not(.mod-skin-light) #app-eventlog > div:not(:last-child) {
        border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
    }

    .mod-skin-dark:not(.mod-skin-light) .settings-panel h5 {
        color: rgba(255, 255, 255, 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .settings-panel .list {
        color: #d0d0d0;
    }

        .mod-skin-dark:not(.mod-skin-light) .settings-panel .list .onoffswitch-title-desc {
            color: #8c8c8c;
        }

        .mod-skin-dark:not(.mod-skin-light) .settings-panel .list:hover {
            background: rgba(255, 255, 255, 0.03);
            color: #ffffff;
        }

    .mod-skin-dark:not(.mod-skin-light) .settings-panel .expanded:not(.theme-colors) {
        background: #2f323b;
    }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-menu {
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        background-color: #383b40;
        color: #a3acb5;
    }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-item {
        color: #a5abb1 !important;
    }

        .mod-skin-dark:not(.mod-skin-light) .dropdown-item:hover, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:focus {
            background-color: #3e4146;
        }

        .mod-skin-dark:not(.mod-skin-light) .dropdown-item.active, .mod-skin-dark:not(.mod-skin-light) .dropdown-item:active {
            color: #ffffff !important;
            background-color: #594677;
            background-color: rgba(var(--theme-rgb-primary), 0.35);
        }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-multilevel:hover > .dropdown-item:not(.disabled) {
        background-color: #3e4146;
    }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-divider {
        border-top: 1px solid rgba(0, 0, 0, 0.25);
    }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu > ul {
        background: #202225;
    }

    .mod-skin-dark:not(.mod-skin-light) .dropdown-icon-menu a {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
    }

    .mod-skin-dark:not(.mod-skin-light) ::-webkit-input-placeholder {*/
        /* Edge */
        /*color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) :-ms-input-placeholder {*/
        /* Internet Explorer 10-11 */
        /*color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) ::-moz-placeholder {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) ::-ms-input-placeholder {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) ::placeholder {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) select option {
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        background-color: #383b40;
        color: #ffffff;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

    .mod-skin-dark:not(.mod-skin-light) input::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-webkit-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-webkit-input-placeholder {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) input::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-moz-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-moz-placeholder {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) input:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea:-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select:-ms-input-placeholder {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) input::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) textarea::-ms-input-placeholder, .mod-skin-dark:not(.mod-skin-light) select::-ms-input-placeholder {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) input::placeholder,
    .mod-skin-dark:not(.mod-skin-light) textarea::placeholder,
    .mod-skin-dark:not(.mod-skin-light) select::placeholder {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .custom-select {
        color: #FFFFFF;
        background-color: #1f2125;
    }

        .mod-skin-dark:not(.mod-skin-light) .custom-select:not(:focus) {
            border: 1px solid #19191c;
        }

    .mod-skin-dark:not(.mod-skin-light) .form-label {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .form-control,
    .mod-skin-dark:not(.mod-skin-light) .custom-file-label {
        color: #ffffff;
        background-color: rgba(0, 0, 0, 0.15);
        border-color: rgba(0, 0, 0, 0.35);
    }

        .mod-skin-dark:not(.mod-skin-light) .form-control:focus,
        .mod-skin-dark:not(.mod-skin-light) .custom-file-label:focus {
            border-color: rgba(var(--theme-rgb-primary), 0.7);
        }

        .mod-skin-dark:not(.mod-skin-light) .form-control[readonly], .mod-skin-dark:not(.mod-skin-light) .form-control:disabled,
        .mod-skin-dark:not(.mod-skin-light) .custom-file-label[readonly],
        .mod-skin-dark:not(.mod-skin-light) .custom-file-label:disabled {
            background-color: #3f4246;
            border-color: rgba(132, 132, 132, 0.35);
        }

    .mod-skin-dark:not(.mod-skin-light) .input-group:not(.has-length) .input-group-text {
        color: #838386;
        background-color: #37393e;
        border: 1px solid #232528;
    }

    .mod-skin-dark:not(.mod-skin-light) .custom-control-label::before {
        background-color: rgba(136, 106, 181, 0.1);
        background-color: rgba(var(--theme-rgb-primary), 0.2);
        border-color: #37393e;
    }

    .mod-skin-dark:not(.mod-skin-light) .custom-control-input:checked ~ .custom-control-label::before {
        background-color: rgba(136, 106, 181, 0.8);
        background-color: rgba(var(--theme-rgb-primary), 0.8);
        border-color: #886ab5;
        border-color: rgba(var(--theme-rgb-primary), 1);
    }

    .mod-skin-dark:not(.mod-skin-light) .custom-control-input[disabled] ~ .custom-control-label::before,
    .mod-skin-dark:not(.mod-skin-light) .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #565656;
    }

    .mod-skin-dark:not(.mod-skin-light) .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before,
    .mod-skin-dark:not(.mod-skin-light) .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before,
    .mod-skin-dark:not(.mod-skin-light) .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
        background-color: #565656;
        background-color: rgba(var(--theme-rgb-primary), 0.35);
    }

    .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:before,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:before {
        border-top-color: rgba(0, 0, 0, 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) .row-grid > .col:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col-"]:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col-"]:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class^="col "]:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class*=" col "]:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class$=" col"]:after,
    .mod-skin-dark:not(.mod-skin-light) .row-grid > [class="col"]:after {
        border-left-color: rgba(0, 0, 0, 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) .close {
        color: #fff;
        text-shadow: 0 1px 0 #000;
    }

    .mod-skin-dark:not(.mod-skin-light) .state-selected {
        background: rgba(33, 150, 243, 0.15) !important;
        background: rgba(var(--theme-rgb-info), 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .notes {
        background: rgba(255, 194, 65, 0.15);
        background: rgba(var(--theme-rgb-warning), 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) pre {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .status:before {
        border-color: rgba(0, 0, 0, 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .progress {
        background-color: rgba(0, 0, 0, 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) hr {
        border-bottom-color: rgba(var(--theme-rgb-fusion), 0.85);
    }

    .mod-skin-dark:not(.mod-skin-light) code {
        background: rgba(0, 0, 0, 0.3);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .list-group-item {
        background: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) .jumbotron {
        background-color: rgba(0, 0, 0, 0.2);
    }

    .mod-skin-dark:not(.mod-skin-light).mod-nav-link:not(.nav-function-top):not(.nav-function-minify):not(.mod-hide-nav-icons) ul.nav-menu:not(.nav-menu-compact) > li > ul:before {
        border-left: 1px dashed rgba(255, 255, 255, 0.1);
    }

    .mod-skin-dark:not(.mod-skin-light) :not(.modal-alert) .modal-dialog:not(.modal-transparent) .modal-content {
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        background-color: #383b40;
        color: #a3acb5;
    }

    .mod-skin-dark:not(.mod-skin-light) .swal2-popup {
        -webkit-box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.25);
        background-color: #383b40;
        color: #a3acb5;
    }

    .mod-skin-dark:not(.mod-skin-light) .swal2-title {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .modal-transparent .modal-content {
        background: rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mod-skin-dark:not(.mod-skin-light) .modal-title {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"] {
        background: #2d2e32;
        color: #ffffff;
    }

        .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:focus {
            border-color: rgba(255, 255, 255, 0.5);
            color: #ffffff;
        }

        .mod-skin-dark:not(.mod-skin-light) .nav-filter input[type="text"]:not(:focus) {
            border-color: rgba(255, 255, 255, 0.1);
        }

    .mod-skin-dark:not(.mod-skin-light) .info-card {
        color: #a5abb1;*/
        /*img.cover {
		opacity: 0.6;
	}*/
    /*}

        .mod-skin-dark:not(.mod-skin-light) .info-card .text-white {
            text-shadow: none;
        }

        .mod-skin-dark:not(.mod-skin-light) .info-card .info-card-text > span {
            color: #fafafa;
            text-shadow: none;
        }

    .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li ul {
        background: #212225 !important;
    }

    .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-logo {
        border-bottom: 1px solid #2d2d2d;
    }

    .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li > ul:before {
        color: #212225;
    }

    .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
        color: rgba(255, 255, 255, 0.8);
        color: var(--theme-primary-200);
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li.active > a {
        color: rgba(255, 255, 255, 0.8);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-menu li a {
        color: rgba(255, 255, 255, 0.8);
        color: #a5abb1;
    }

        .mod-skin-dark:not(.mod-skin-light) .nav-menu li a:focus {
            color: rgba(255, 255, 255, 0.8);
            color: #a5abb1;
        }

    .mod-skin-dark:not(.mod-skin-light).nav-function-top .page-sidebar .primary-nav .nav-menu > li a {
        color: rgba(255, 255, 255, 0.8);
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-menu li {*/
        /* > ul {
	background-color: rgba(255, 255, 255, 0.03);
  }*/
    /*}

        .mod-skin-dark:not(.mod-skin-light) .nav-menu li.active > a {
            color: rgba(255, 255, 255, 0.8);
            color: #ffffff;
            font-weight: 500;
            background-color: rgba(0, 0, 0, 0.1);
        }

        .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > [class*='fa-'],
        .mod-skin-dark:not(.mod-skin-light) .nav-menu li a > .ni {
            color: var(--theme-primary-300);
        }

        .mod-skin-dark:not(.mod-skin-light) .nav-menu li > ul li a:hover {
            color: var(--theme-primary-100);
        }

    .mod-skin-dark:not(.mod-skin-light) .nav-menu .nav-title {
        color: rgba(255, 255, 255, 0.6);
        color: var(--theme-primary-50);
    }

    .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-brand {
        color: rgba(255, 255, 255, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .show > .nav-link, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .active > .nav-link {
        color: rgba(255, 255, 255, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link {
        color: rgba(255, 255, 255, 0.5);
    }

        .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.show, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link.active {
            color: rgba(255, 255, 255, 0.9);
        }

        .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:hover, .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-nav .nav-link:focus {
            color: rgba(255, 255, 255, 0.7);
        }

    .mod-skin-dark:not(.mod-skin-light) .navbar-light .navbar-text {
        color: rgba(255, 255, 255, 0.5);
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item .nav-link.active:not(:hover),
    .mod-skin-dark:not(.mod-skin-light) .nav-tabs-clean .nav-item .nav-link:hover {
        background: transparent;
        color: #ffffff !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link.active, .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-item.show .nav-link {
        background: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-link.active,
    .mod-skin-dark:not(.mod-skin-light) .nav-tabs:not(.nav-tabs-clean) .nav-item.show .nav-link {
        border-color: rgba(255, 255, 255, 0.15) rgba(255, 255, 255, 0.15) #25272b;
    }

    .mod-skin-dark:not(.mod-skin-light) .nav-tabs {
        border-bottom-color: rgba(255, 255, 255, 0.15);
    }

        .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):hover,
        .mod-skin-dark:not(.mod-skin-light) .nav-tabs .nav-link:not(.active):focus {
            border-color: rgba(255, 255, 255, 0.07) rgba(255, 255, 255, 0.07) transparent;
        }

    .mod-skin-dark:not(.mod-skin-light) .tab-content.border {
        border-color: rgba(255, 255, 255, 0.15) !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .notification .msg-a,
    .mod-skin-dark:not(.mod-skin-light) .notification .msg-b,
    .mod-skin-dark:not(.mod-skin-light) .notification .name {
        color: #a5abb1 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .notification li {
        background-color: #37393e;
    }

        .mod-skin-dark:not(.mod-skin-light) .notification li.unread > :first-child {
            background-color: rgba(var(--theme-rgb-primary), 0.15);
        }

    .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li,
    .mod-skin-dark:not(.mod-skin-light) .notification.notification-layout-2 li.unread {
        background: #37393e;
    }

    .mod-skin-dark:not(.mod-skin-light) body,
    .mod-skin-dark:not(.mod-skin-light) .page-content {
        color: #a5abb1;
    }

    .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child,
    .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child {
        color: #888888;
    }

        .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
        .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn) > .ni:first-child:hover {
            color: #a2a2a2;
        }

    .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][data-toggle="dropdown"]:after {
        background: rgba(0, 0, 0, 0.75);
        background: rgba(var(--theme-rgb-primary), 0.75);
    }

    .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > [class*='fa-']:first-child,
    .mod-skin-dark:not(.mod-skin-light) .header-icon:not(.btn)[data-toggle="dropdown"][aria-expanded="true"] > .ni:first-child {
        color: #ffffff !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .badge.badge-icon {
        -webkit-box-shadow: 0 0 0 1px #212225;
        box-shadow: 0 0 0 1px #212225;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-logo,
    .mod-skin-dark:not(.mod-skin-light) .page-sidebar,
    .mod-skin-dark:not(.mod-skin-light) .nav-footer {
        background-image: none;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-logo {
        border-bottom: 1px solid #131313;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-header,
    .mod-skin-dark:not(.mod-skin-light) .page-footer {
        border-bottom: 1px solid #2d2d2d;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-header,
    .mod-skin-dark:not(.mod-skin-light) .page-content-wrapper,
    .mod-skin-dark:not(.mod-skin-light) .page-footer {
        background-color: #37393e;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-footer {
        border-top: 1px solid #2d2d2d;
        border-bottom: none;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-logo-text {
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-logo,
    .mod-skin-dark:not(.mod-skin-light) .page-sidebar,
    .mod-skin-dark:not(.mod-skin-light) .nav-footer {
        background: #212225;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-sidebar {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb .breadcrumb-item.active {
        color: #bfbfbf;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-breadcrumb {
        text-shadow: #000000 0 1px;
    }

    .mod-skin-dark:not(.mod-skin-light) .page-error {
        color: #ffffff !important;
    }

        .mod-skin-dark:not(.mod-skin-light) .page-error small {
            color: #c1c1c1;
        }

    .mod-skin-dark:not(.mod-skin-light) .subheader-title {
        color: #a5abb1;
        text-shadow: #505050 0 1px;
    }

        .mod-skin-dark:not(.mod-skin-light) .subheader-title small {
            color: #8a9299;
        }

    .mod-skin-dark:not(.mod-skin-light) .progress-bar {
        background-color: var(--theme-primary-500);
    }

    .mod-skin-dark:not(.mod-skin-light) .panel .card {
        background-color: #37383e;
    }

    .mod-skin-dark:not(.mod-skin-light) .panel,
    .mod-skin-dark:not(.mod-skin-light) .card {
        background-color: #26272b;
    }

    .mod-skin-dark:not(.mod-skin-light) .panel {
        border-bottom-color: rgba(0, 0, 0, 0.3);
    }

    .mod-skin-dark:not(.mod-skin-light) .panel-hdr,
    .mod-skin-dark:not(.mod-skin-light) .card-header {
        background: rgba(0, 0, 0, 0.03);
        background: rgba(var(--theme-rgb-fusion), 0.5);
    }

        .mod-skin-dark:not(.mod-skin-light) .panel-hdr h2,
        .mod-skin-dark:not(.mod-skin-light) .card-header h2 {
            color: #ffffff;
        }

    .mod-skin-dark:not(.mod-skin-light) .panel-toolbar .btn-panel {
        border: 1px solid #333;
    }

    .mod-skin-dark:not(.mod-skin-light) .panel-hdr,
    .mod-skin-dark:not(.mod-skin-light) .accordion:not(.accordion-clean) .card .card-header {
        background: #303136;
    }

    .mod-skin-dark:not(.mod-skin-light) .panel-tag {
        background: rgba(29, 201, 183, 0.15);
        background: rgba(var(--theme-rgb-success), 0.15);
        color: #ffffff;
    }

    .mod-skin-dark:not(.mod-skin-light) .panel-placeholder {
        background-color: var(--theme-primary);
        opacity: 0.2;
    }

        .mod-skin-dark:not(.mod-skin-light) .panel-placeholder:before {
            background: var(--theme-primary-900);
        }

    .mod-skin-dark:not(.mod-skin-light) .table,
    .mod-skin-dark:not(.mod-skin-light) .table-bordered th,
    .mod-skin-dark:not(.mod-skin-light) .table-bordered td,
    .mod-skin-dark:not(.mod-skin-light) .table thead th,
    .mod-skin-dark:not(.mod-skin-light) .table th,
    .mod-skin-dark:not(.mod-skin-light) .table td {
        border-color: rgba(255, 255, 255, 0.25);
    }

    .mod-skin-dark:not(.mod-skin-light) .table {
        color: #c0c5c9;
    }

        .mod-skin-dark:not(.mod-skin-light) .table.table-dark {
            color: #ffffff;
            background-color: #202225;
        }

        .mod-skin-dark:not(.mod-skin-light) .table.table-striped tbody tr:nth-of-type(odd) {
            background-color: rgba(0, 0, 0, 0.15);
        }

    .mod-skin-dark:not(.mod-skin-light) .table-hover tbody tr:hover {
        background-color: rgba(136, 106, 181, 0.15) !important;
        background-color: rgba(var(--theme-rgb-primary), 0.15) !important;
        color: inherit;
    }

    .mod-skin-dark:not(.mod-skin-light) .thead-themed {
        background-color: rgba(var(--theme-rgb-primary), 0.1);
        background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--theme-rgb-primary), 0.15)), to(rgba(var(--theme-rgb-primary), 0.55)));
        background-image: linear-gradient(to top, rgba(var(--theme-rgb-primary), 0.15), rgba(var(--theme-rgb-primary), 0.55));
    }

    .mod-skin-dark:not(.mod-skin-light) .table-active,
    .mod-skin-dark:not(.mod-skin-light) .table-active > th,
    .mod-skin-dark:not(.mod-skin-light) .table-active > td {
        background-color: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) {
        background-color: rgba(31, 31, 31, 0.85);
    }

        .mod-skin-dark:not(.mod-skin-light) .toast:not([class*="toast-"]) .toast-header {
            color: #ffffff;
            background-color: rgba(35, 35, 35, 0.85);
        }

    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-top .arrow::before,
    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="top"] .arrow::before {
        border-top-color: rgba(0, 0, 0, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-right .arrow::before,
    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="right"] .arrow::before {
        border-right-color: rgba(0, 0, 0, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-left .arrow::before,
    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="left"] .arrow::before {
        border-left-color: rgba(0, 0, 0, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-bottom .arrow::before,
    .mod-skin-dark:not(.mod-skin-light) .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
        border-bottom-color: rgba(0, 0, 0, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .tooltip-inner {
        background-color: rgba(0, 0, 0, 0.9);
    }

    .mod-skin-dark:not(.mod-skin-light) .popover:not([class*="bg-"]) {
        border: 3px solid rgba(255, 255, 255, 0.4);
    }

    .mod-skin-dark:not(.mod-skin-light) .fc-head-container thead tr {
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #35393e), to(#565a61));
        background-image: linear-gradient(to top, #35393e 0, #565a61 100%);
    }

    .mod-skin-dark:not(.mod-skin-light) .dt-autofill-list {
        background-color: #383b40;
    }

    .mod-skin-dark:not(.mod-skin-light) div.dt-autofill-list ul li:hover {
        background-color: #2c2e32;
    }

    .mod-skin-dark:not(.mod-skin-light) table.DTFC_Cloned tr {
        background: transparent;
    }

    .mod-skin-dark:not(.mod-skin-light) div.DTFC_LeftHeadWrapper table,
    .mod-skin-dark:not(.mod-skin-light) table.dataTable.table-striped.DTFC_Cloned tbody,
    .mod-skin-dark:not(.mod-skin-light) div.DTFC_RightHeadWrapper table {
        background: #25272b;
    }

    .mod-skin-dark:not(.mod-skin-light) table.dataTable > tbody > tr.child ul.dtr-details > li {
        border-bottom: 1px solid #373a40;
    }

    .mod-skin-dark:not(.mod-skin-light) .sorting_asc,
    .mod-skin-dark:not(.mod-skin-light) .sorting_desc,
    .mod-skin-dark:not(.mod-skin-light) .even .sorting_1 {
        background-color: rgba(136, 106, 181, 0.1);
        background-color: rgba(var(--theme-rgb-primary), 0.1);
    }

    .mod-skin-dark:not(.mod-skin-light) .odd .sorting_1 {
        background-color: rgba(136, 106, 181, 0.2);
        background-color: rgba(var(--theme-rgb-primary), 0.2);
    }

    .mod-skin-dark:not(.mod-skin-light) .dataTables_filter:not(.has-length) .input-group-text {
        color: #a7a7a7;
        background-color: #474950;
        border-color: #262627;
    }

    .mod-skin-dark:not(.mod-skin-light) table.dataTable:not(.table-dark) tr.dtrg-group td {
        background: rgba(0, 0, 0, 0.13);
    }

    .mod-skin-dark:not(.mod-skin-light) div.DTS div.dataTables_scrollBody table {
        background-color: #3a3c45;
    }

    .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomin,
    .mod-skin-dark:not(.mod-skin-light) .jqvmap-zoomout {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#2f323b), to(#2a2d35));
        background-image: linear-gradient(to top, #2f323b, #2a2d35);
        color: #c3c3c3;
    }

    .mod-skin-dark:not(.mod-skin-light) .jqvmap-bg-ocean {
        background-color: #374344 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .irs-line {
        background: #3c3e44;
        border-color: #28292d;
    }

    .mod-skin-dark:not(.mod-skin-light) .fc a {
        color: #ffffff !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .dropzone,
    .mod-skin-dark:not(.mod-skin-light) .fc td.fc-other-month {
        background-color: rgba(136, 106, 181, 0.15);
        background-color: rgba(var(--theme-rgb-primary), 0.15);
    }

    .mod-skin-dark:not(.mod-skin-light) .daterangepicker,
    .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table {
        background: #383b40;
    }

        .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off,
        .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.in-range,
        .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.start-date,
        .mod-skin-dark:not(.mod-skin-light) .daterangepicker td.off.end-date {
            background: transparent;
        }

        .mod-skin-dark:not(.mod-skin-light) .daterangepicker .calendar-table {
            border-color: #383b40;
        }

    .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown.datepicker-orient-top:after {
        border-top-color: #383b40;
    }

    .mod-skin-dark:not(.mod-skin-light) .datepicker-dropdown:after {
        border-bottom-color: #383b40;
    }

    .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn {
        background: #25272b;
    }

        .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:hover, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:focus, .mod-skin-dark:not(.mod-skin-light) .note-toolbar .note-btn:active {
            background: #3d4046;
            color: #ffffff;
        }

    .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-editing-area .note-editable,
    .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-editing-area .note-editable {
        background-color: rgba(0, 0, 0, 0.15);
        color: #fff;
    }

    .mod-skin-dark:not(.mod-skin-light) .note-editor.note-frame .note-statusbar,
    .mod-skin-dark:not(.mod-skin-light) .note-editor.note-airframe .note-statusbar {
        border-top: 1px solid #25272b;
        background-color: #434548;
    }

    .mod-skin-dark:not(.mod-skin-light) .prettyprint {
        background: #22221b;
        font-family: Menlo,Bitstream Vera Sans Mono,DejaVu Sans Mono,Monaco,Consolas,monospace;
        border: 0 !important;
    }

    .mod-skin-dark:not(.mod-skin-light) .pln {
        color: #f4f3ec;
    }

    .mod-skin-dark:not(.mod-skin-light) ol.linenums {
        margin-top: 0;
        margin-bottom: 0;
        color: #6c6b5a;
    }

    .mod-skin-dark:not(.mod-skin-light) li.L0, .mod-skin-dark:not(.mod-skin-light) li.L1, .mod-skin-dark:not(.mod-skin-light) li.L2, .mod-skin-dark:not(.mod-skin-light) li.L3, .mod-skin-dark:not(.mod-skin-light) li.L4, .mod-skin-dark:not(.mod-skin-light) li.L5, .mod-skin-dark:not(.mod-skin-light) li.L6, .mod-skin-dark:not(.mod-skin-light) li.L7, .mod-skin-dark:not(.mod-skin-light) li.L8, .mod-skin-dark:not(.mod-skin-light) li.L9 {
        padding-left: 1em;
        background-color: #22221b;
        list-style-type: decimal;
    }

@media screen {
    .mod-skin-dark:not(.mod-skin-light) .str {
        color: #7d9726;
    }

    .mod-skin-dark:not(.mod-skin-light) .kwd {
        color: #5f9182;
    }

    .mod-skin-dark:not(.mod-skin-light) .com {
        color: #6c6b5a;
    }

    .mod-skin-dark:not(.mod-skin-light) .typ {
        color: #36a166;
    }

    .mod-skin-dark:not(.mod-skin-light) .lit {
        color: #ae7313;
    }

    .mod-skin-dark:not(.mod-skin-light) .pun {
        color: #f4f3ec;
    }

    .mod-skin-dark:not(.mod-skin-light) .opn {
        color: #f4f3ec;
    }

    .mod-skin-dark:not(.mod-skin-light) .clo {
        color: #f4f3ec;
    }

    .mod-skin-dark:not(.mod-skin-light) .tag {
        color: #ba6236;
    }

    .mod-skin-dark:not(.mod-skin-light) .atn {
        color: #ae7313;
    }

    .mod-skin-dark:not(.mod-skin-light) .atv {
        color: #5b9d48;
    }

    .mod-skin-dark:not(.mod-skin-light) .dec {
        color: #ae7313;
    }

    .mod-skin-dark:not(.mod-skin-light) .var {
        color: #ba6236;
    }

    .mod-skin-dark:not(.mod-skin-light) .fun {
        color: #36a166;
    }
}

.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--single,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--multiple,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--disabled .select2-selection--multiple,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-search--dropdown .select2-search__field {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.15);
    border-color: rgba(0, 0, 0, 0.35);
}

    .mod-skin-dark:not(.mod-skin-light) .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #ffffff;
    }

.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.mod-skin-dark:not(.mod-skin-light) .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--above,
.mod-skin-dark:not(.mod-skin-light) .select2-container--open .select2-dropdown--below {
    background: #383b40;
}

.mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--single,
.mod-skin-dark:not(.mod-skin-light) .select2-container--disabled .select2-selection.select2-selection--multiple {
    background-color: #3f4246;
    border-color: rgba(132, 132, 132, 0.35);
}

@media (min-width: 992px) {
    .mod-skin-dark.nav-function-minify:not(.nav-function-top):not(.mod-nav-dark) .page-sidebar .primary-nav:hover .nav-menu > li:hover > a {
        background: inherit !important;
        color: #d0d0d0 !important;
    }

    .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul {
        background-color: #212225 !important;
    }

        .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a + ul:before {
            color: #212225 !important;
        }

    .mod-skin-dark.nav-function-minify:not(.nav-function-top) .page-sidebar .primary-nav .nav-menu > li > a > .nav-link-text {
        color: inherit !important;
    }

    .mod-skin-dark.nav-function-top .page-header {
        background: #212225;
    }

        .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child:hover,
        .mod-skin-dark.nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child:hover {
            color: #ffffff !important;
        }

    .mod-skin-dark.nav-function-top #search-field {
        color: #ffffff;
    }

    .mod-skin-dark .subheader-title {
        color: #ffffff !important;
    }
}*/

/*# sourceMappingURL=skin-master.css.map */