a {
    color: #01aef0;
}

    a:hover {
        color: #498ea8 !important;
    }

    a:focus {
        color: #498ea8 !important;
    }

    a:active {
        color: #498ea8;
    }

    a:visited {
        color: #01aef0;
    }

html {
    background: #ffffff;
}

    html body {
        background: #ffffff;
    }

    html.gkan .page-header,
    html.header-gkan .page-header {
        box-shadow: none !important;
    }

    html .heading-primary,
    html .lnk-primary,
    html .text-color-primary,
    html .text-primary {
        color: #01aef0 !important;
    }

    html .heading.heading-primary h1,
    html .heading.heading-primary h2,
    html .heading.heading-primary h3,
    html .heading.heading-primary h4,
    html .heading.heading-primary h5,
    html .heading.heading-primary h6 {
        border-color: #01aef0;
    }

    html .heading-secondary,
    html .lnk-secondary,
    html .text-color-secondary,
    html .text-secondary {
        color: #E36159 !important;
    }

    html .heading.heading-secondary h1,
    html .heading.heading-secondary h2,
    html .heading.heading-secondary h3,
    html .heading.heading-secondary h4,
    html .heading.heading-secondary h5,
    html .heading.heading-secondary h6 {
        border-color: #E36159;
    }

    html .heading-tertiary,
    html .lnk-tertiary,
    html .text-color-tertiary,
    html .text-tertiary {
        color: #2BAAB1 !important;
    }

    html .heading.heading-tertiary h1,
    html .heading.heading-tertiary h2,
    html .heading.heading-tertiary h3,
    html .heading.heading-tertiary h4,
    html .heading.heading-tertiary h5,
    html .heading.heading-tertiary h6 {
        border-color: #2BAAB1;
    }

    html .heading-quaternary,
    html .lnk-quaternary,
    html .text-color-quaternary,
    html .text-quaternary {
        color: #383f48 !important;
    }

    html .heading.heading-quaternary h1,
    html .heading.heading-quaternary h2,
    html .heading.heading-quaternary h3,
    html .heading.heading-quaternary h4,
    html .heading.heading-quaternary h5,
    html .heading.heading-quaternary h6 {
        border-color: #383f48;
    }

    html .heading-dark,
    html .lnk-dark,
    html .text-color-dark,
    html .text-dark {
        color: #2e353e !important;
    }

    html .heading.heading-dark h1,
    html .heading.heading-dark h2,
    html .heading.heading-dark h3,
    html .heading.heading-dark h4,
    html .heading.heading-dark h5,
    html .heading.heading-dark h6 {
        border-color: #2e353e;
    }

    html .heading-light,
    html .lnk-light,
    html .text-color-light,
    html .text-light {
        color: #FFF !important;
    }

    html .heading.heading-light h1,
    html .heading.heading-light h2,
    html .heading.heading-light h3,
    html .heading.heading-light h4,
    html .heading.heading-light h5,
    html .heading.heading-light h6 {
        border-color: #FFF;
    }

    html .panel-primary .panel-heading {
        background: #01aef0;
    }

    html .panel-primary .panel-subtitle {
        opacity: 0.8;
        color: #FFF;
    }

    html .panel-primary .panel-title {
        color: #FFF;
    }

    html .panel-primary .panel-actions a {
        background-color: transparent !important;
        color: #FFF;
    }

    html a {
        color: #01aef0;
    }

    html .panel-secondary .panel-heading {
        background: #E36159;
    }

    html .panel-secondary .panel-subtitle {
        opacity: 0.8;
        color: #FFF;
    }

    html .panel-secondary .panel-title {
        color: #FFF;
    }

    html .panel-secondary .panel-actions a {
        background-color: transparent !important;
        color: #FFF;
    }

    html a {
        color: #01aef0;
    }

    html .panel-tertiary .panel-heading {
        background: #2BAAB1;
    }

    html .panel-tertiary .panel-subtitle {
        opacity: 0.8;
        color: #FFF;
    }

    html .panel-tertiary .panel-title {
        color: #FFF;
    }

    html .panel-tertiary .panel-actions a {
        background-color: transparent !important;
        color: #FFF;
    }

    html a {
        color: #01aef0;
    }

    html .panel-quaternary .panel-heading {
        background: #383f48;
    }

    html .panel-quaternary .panel-subtitle {
        opacity: 0.8;
        color: #FFF;
    }

    html .panel-quaternary .panel-title {
        color: #FFF;
    }

    html .panel-quaternary .panel-actions a {
        background-color: transparent !important;
        color: #FFF;
    }

    html a {
        color: #01aef0;
    }

    html .panel-dark .panel-heading {
        background: #2e353e;
    }

    html .panel-dark .panel-subtitle {
        opacity: 0.8;
        color: #FFF;
    }

    html .panel-dark .panel-title {
        color: #FFF;
    }

    html .panel-dark .panel-actions a {
        background-color: transparent !important;
        color: #FFF;
    }

    html a {
        color: #01aef0;
    }

    html .panel-light .panel-heading {
        background: #FFF;
    }

    html .panel-light .panel-subtitle {
        opacity: 0.8;
        color: #777;
    }

    html .panel-light .panel-title {
        color: #777;
    }

    html .panel-light .panel-actions a {
        background-color: transparent !important;
        color: #777;
    }

    html a {
        color: #01aef0;
    }

    html .panel-sign .panel-title-sign .title:not(.success) {
        background-color: #01aef0 !important;
        color: #FFF !important;
    }

    html .panel-sign .panel-title-sign + .panel-body {
        border-radius: 5px 0 5px 5px;
    }

    html .panel-sign .panel-body:not(.success) {
        border-top: 5px solid #01aef0 !important;
    }

    html .bg-primary,
    html .background-color-primary {
        background-color: #01aef0 !important;
    }

    html .bg-secondary,
    html .background-color-secondary {
        background-color: #E36159 !important;
    }

    html .bg-tertiary,
    html .background-color-tertiary {
        background-color: #2BAAB1 !important;
    }

    html .bg-quaternary,
    html .background-color-quaternary {
        background-color: #383f48 !important;
    }

    html .bg-dark,
    html .background-color-dark {
        background-color: #2e353e !important;
    }

    html .bg-light,
    html .background-color-light {
        background-color: #FFF !important;
    }
    /* Header Gkan */
    html.gkan .header,
    html.header-gkan .header {
        background: #ffffff;
        border-bottom: 1px solid #01aef0;
        border-top-color: #01aef0;
    }

@media only screen and (max-width: 767px) {
    html.gkan .header .logo-container,
    html.header-gkan .header .logo-container {
        background: #01aef0;
        border-bottom-color: #01a3e1;
        border-top-color: #01aef0;
    }

    html.gkan .header .header-right,
    html.header-gkan .header .header-right {
        background: #fff;
    }
}

html.gkan .header .separator,
html.header-gkan .header .separator {
    background-image: linear-gradient(0deg, #fff, #fff);
    background-color: #fff;
}

html.gkan .header .input-search input,
html.header-gkan .header .input-search input,
html.gkan .header .input-search input:focus,
html.header-gkan .header .input-search input:focus {
    background: #0dbbfe;
    border-color: #01a3e1;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
    color: #FFF;
}

html.gkan .header .input-search .input-group-btn .btn-default,
html.header-gkan .header .input-search .input-group-btn .btn-default {
    background: transparent;
    color: #ffffff;
}

html.gkan .page-header,
html.header-gkan .page-header {
    border-left-color: #ffffff;
    box-shadow: 1px 3px 0 1px #2f3139;
}

html.gkan .userbox:after,
html.header-gkan .userbox:after {
    background: #f2f2f2;
}

html.gkan .userbox .name,
html.header-gkan .userbox .name,
html.gkan .userbox .custom-caret,
html.header-gkan .userbox .custom-caret {
    color: #01aef0;
}

html.gkan .userbox .role,
html.header-gkan .userbox .role {
    color: #23A7DB;
}

html.gkan .userbox.open .dropdown-menu .name,
html.header-gkan .userbox.open .dropdown-menu .name,
html.gkan .userbox.open .dropdown-menu .custom-caret,
html.header-gkan .userbox.open .dropdown-menu .custom-caret {
    color: #ffffff;
}

html.gkan .userbox.open .dropdown-menu a,
html.header-gkan .userbox.open .dropdown-menu a {
    color: #01aef0;
}

    html.gkan .userbox.open .dropdown-menu a:hover,
    html.header-gkan .userbox.open .dropdown-menu a:hover {
        color: #ffffff !important;
        background: #01aef0;
    }

html.gkan .userbox .dropdown-menu,
html.header-gkan .userbox .dropdown-menu {
    background: #ffffff;
}

    html.gkan .userbox .dropdown-menu .divider,
    html.header-gkan .userbox .dropdown-menu .divider {
        background: #01aef0;
    }

    html.gkan .userbox .dropdown-menu a,
    html.header-gkan .userbox .dropdown-menu a {
        color: #ffffff;
    }

html.sidebar-gkan:not(.dark) .sidebar-left .sidebar-header .sidebar-title {
    background: #363636;
    color: #ffffff;
}

html.sidebar-gkan:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle {
    background: #363636;
}

    html.sidebar-gkan:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle i {
        color: #ffffff;
    }

    html.sidebar-gkan:not(.dark) .sidebar-left .sidebar-header .sidebar-toggle:hover i {
        color: #01aef0;
    }

html.sidebar-gkan:not(.dark) .sidebar-left .nano {
    box-shadow: -5px 0 0 #5c5c5c inset;
    background: #363636;
}

html.sidebar-gkan:not(.dark).sidebar-left-collapsed .sidebar-left .nano {
    box-shadow: -5px 0 0 #5c5c5c inset;
    background: #363636;
}

html.sidebar-gkan:not(.dark) ul.nav-main {
    margin-top: 3px;
}

    html.sidebar-gkan:not(.dark) ul.nav-main li a {
        color: #f2f2f2;
    }

    html.sidebar-gkan:not(.dark) ul.nav-main > li > a:hover,
    html.sidebar-gkan:not(.dark) ul.nav-main > li > a:focus {
        background-color: #3e3e3e;
    }

    html.sidebar-gkan:not(.dark) ul.nav-main > li.nav-expanded > a {
        background: #3e3e3e;
    }

    html.sidebar-gkan:not(.dark) ul.nav-main li .nav-children {
        background: #454545;
        box-shadow: 0 -3px 3px -3px rgba(0, 0, 0, 0.1) inset;
    }

        html.sidebar-gkan:not(.dark) ul.nav-main li .nav-children li a:hover,
        html.sidebar-gkan:not(.dark) ul.nav-main li .nav-children li a:focus {
            background: #4d4d4d;
        }

@media (min-width: 992px) {
    .header.header-nav-menu .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        border-color: #01aef0 transparent transparent transparent;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li > a:focus {
        color: #01aef0;
    }

    .header.header-nav-menu .header-nav-main nav > ul > li.open > a,
    .header.header-nav-menu .header-nav-main nav > ul > li:hover > a,
    .header.header-nav-menu .header-nav-main nav > ul > li.active > a {
        background: #01aef0;
        color: #FFF;
    }

        .header.header-nav-menu .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
        .header.header-nav-menu .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
        .header.header-nav-menu .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
            border-color: #ffffff transparent transparent transparent;
        }

    .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top: 3px solid #01aef0;
    }

        .header.header-nav-menu .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #01aef0;
        }

    .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        border-color: #000000 transparent transparent transparent;
    }

    .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li > a:focus {
        color: #000000;
    }

    .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.open > a,
    .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:hover > a,
    .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.active > a {
        color: #FFF;
    }

        .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
        .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
        .header.header-nav-menu.header-nav-stripe .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
            border-color: #ffffff transparent transparent transparent;
        }

    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        border-color: #000000 transparent transparent transparent;
    }

    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li > a:focus {
        color: #000000;
    }

    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a,
    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a,
    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a {
        color: #01aef0;
    }

        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a:before,
        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a:before,
        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a:before {
            background-color: #01aef0;
        }

        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.open > a.dropdown-toggle:after,
        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after,
        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.active > a.dropdown-toggle:after {
            border-color: #01aef0 transparent transparent transparent;
        }

    .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        border-top: 3px solid #01aef0;
    }

        .header.header-nav-menu.header-nav-top-line .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu > a:after {
            border-color: transparent transparent transparent #01aef0;
        }
}

@media (max-width: 991px) {
    .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a,
    .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:hover,
    .header.header-nav-menu .header-nav-main nav > ul.nav-pills > li.active > a:focus {
        background-color: #01aef0;
    }

    .header-btn-collapse-nav {
        background: #01aef0;
        color: #ffffff;
    }
}

.page-header h2 {
    border-bottom-color: #01aef0;
}

.page-header .sidebar-right-toggle:hover {
    color: #01aef0;
}

ul.nav-main > li.nav-active > a {
    box-shadow: 2px 0 0 #01aef0 inset;
}

ul.nav-main > li.nav-active > i {
    color: #01aef0;
}

ul.nav-main li .nav-children li.nav-active > a {
    color: #01aef0;
}

html.sidebar-light:not(.dark) ul.nav-main > li.nav-active > a {
    color: #01aef0;
}

.nav-pills-primary > li.active > a {
    background-color: #01aef0;
}

    .nav-pills-primary > li.active > a:hover,
    .nav-pills-primary > li.active > a:active,
    .nav-pills-primary > li.active > a:focus {
        background-color: #01aef0;
    }

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #01aef0;
}

@media only screen and (min-width: 768px) {
    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
    html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
        color: #01aef0;
    }

    html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.badge,
    html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.badge {
        background-color: #01aef0;
    }
}

@media only screen and (max-width: 1199px) {
    html.boxed .header {
        border-top-color: #01aef0;
    }
}

@media only screen and (min-width: 1200px) {
    html.boxed .header {
        border-top-color: #01aef0;
    }

    html.boxed .sidebar-right {
        border-top-color: #01aef0;
        min-height: 0;
    }
}

.userbox.show .dropdown-menu a:hover {
    background: #01aef0;
}

.mailbox .mailbox-mail-list li.active {
    background: #01aef0;
}

.mailbox .mailbox-mail .mailbox-close-mail {
    color: #01aef0;
}

    .mailbox .mailbox-mail .mailbox-close-mail:hover {
        color: #0dbbfe;
    }

.mailbox .mailbox-mail .card .card-header .card-actions a:hover {
    color: #01aef0;
}

.media-gallery ul.mg-tags > li a:hover {
    background-color: #01aef0;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
    background-color: #01aef0;
}

.media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
    background-color: #01aef0;
}

.media-gallery .mg-files .thumbnail.thumbnail-selected {
    box-shadow: 0 0 8px -1px #01aef0;
}

.body-sign .card-sign .card-title-sign .title {
    background-color: #01aef0;
}

.body-sign .card-sign .card-body {
    border-top-color: #01aef0;
}

.body-locked .current-user .user-image {
    border-color: #01aef0;
}

.course-content-dashboard .course-content-sections .active-letter {
    color: #FFF;
    background-color: #01aef0;
}

    .course-content-dashboard .course-content-sections .active-letter:visited {
        color: #FFF;
    }

.panel-study-guide .panel-heading {
    background: #01aef0;
}

blockquote.primary {
    border-color: #01aef0;
}

.nav-pills > .active a,
.nav-pills > .active a:hover,
.nav-pills > .active a:focus {
    background-color: #01aef0;
}

.nav-pills-primary > li a:hover,
.nav-pills-primary > li a:focus,
.nav-pills-primary > li .nav-link:hover,
.nav-pills-primary > li .nav-link:focus {
    color: #FFF;
    background-color: #0dbbfe;
}

.nav-pills-primary > li .nav-link.active {
    color: #FFF;
    background-color: #01aef0;
}

.nav-pills-primary > li .active > a,
.nav-pills-primary > li .active > a:hover,
.nav-pills-primary > li .active > a:active,
.nav-pills-primary > li .active > a:focus {
    background-color: #01aef0;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #01aef0;
}

.open > .dropdown-toggle.btn-primary {
    background: #01aef0;
    border-color: #019cd7;
}

body .btn-primary.dropdown-toggle {
    border-left-color: #1cc0fe;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #01aef0;
}

.select2-container--bootstrap .select2-dropdown {
    border-color: #59d1fe;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #59d1fe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(1, 174, 240, 0.6);
}

.btn-link {
    color: #01aef0;
}

    .btn-link:hover {
        color: #0dbbfe;
    }

    .btn-link:active {
        color: #019cd7;
    }

html .btn-primary {
    background-color: #01aef0;
    border-color: #01aef0 #01aef0 #0189bd;
    color: #FFF;
}

    html .btn-primary:hover,
    html .btn-primary.hover,
    html .btn-primary:focus,
    html .btn-primary.focus {
        background-color: #19bffe;
        border-color: #26c2fe #26c2fe #01aef0;
        color: #FFF;
    }

    html .btn-primary:focus,
    html .btn-primary.focus {
        box-shadow: 0 0 0 3px rgba(1, 174, 240, 0.5);
    }

    html .btn-primary.disabled,
    html .btn-primary:disabled {
        background-color: #01aef0;
        border-color: #01aef0 #01aef0 #0189bd;
    }

    html .btn-primary:active,
    html .btn-primary.active,
    .show > html .btn-primary.dropdown-toggle {
        background-color: #0192ca !important;
        background-image: none !important;
        border-color: #0189bd #0189bd #01648a !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 174, 240, 0.5) !important;
    }

html .btn-primary-scale-2 {
    background-color: #019cd7;
    border-color: #019cd7 #019cd7 #0177a4;
    color: #FFF;
}

    html .btn-primary-scale-2:hover,
    html .btn-primary-scale-2.hover,
    html .btn-primary-scale-2:focus,
    html .btn-primary-scale-2.focus {
        background-color: #01b7fd;
        border-color: #0dbbfe #0dbbfe #019cd7;
        color: #FFF;
    }

    html .btn-primary-scale-2:focus,
    html .btn-primary-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(1, 156, 215, 0.5);
    }

    html .btn-primary-scale-2.disabled,
    html .btn-primary-scale-2:disabled {
        background-color: #019cd7;
        border-color: #019cd7 #019cd7 #0177a4;
    }

    html .btn-primary-scale-2:active,
    html .btn-primary-scale-2.active,
    .show > html .btn-primary-scale-2.dropdown-toggle {
        background-color: #0180b1 !important;
        background-image: none !important;
        border-color: #0177a4 #0177a4 #005271 !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 156, 215, 0.5) !important;
    }

html .show > .btn-primary.dropdown-toggle {
    background-color: #0192ca;
    background-image: none;
    border-color: #0189bd #0189bd #01648a;
}

html .btn-secondary {
    background-color: #E36159;
    border-color: #E36159 #E36159 #dc372d;
    color: #FFF;
}

    html .btn-secondary:hover,
    html .btn-secondary.hover,
    html .btn-secondary:focus,
    html .btn-secondary.focus {
        background-color: #e9807a;
        border-color: #ea8b85 #ea8b85 #E36159;
        color: #FFF;
    }

    html .btn-secondary:focus,
    html .btn-secondary.focus {
        box-shadow: 0 0 0 3px rgba(227, 97, 89, 0.5);
    }

    html .btn-secondary.disabled,
    html .btn-secondary:disabled {
        background-color: #E36159;
        border-color: #E36159 #E36159 #dc372d;
    }

    html .btn-secondary:active,
    html .btn-secondary.active,
    .show > html .btn-secondary.dropdown-toggle {
        background-color: #dd4238 !important;
        background-image: none !important;
        border-color: #dc372d #dc372d #b7281f !important;
        box-shadow: 0 0 0 0.2rem rgba(227, 97, 89, 0.5) !important;
    }

html .btn-secondary-scale-2 {
    background-color: #df4c43;
    border-color: #df4c43 #df4c43 #cd2c23;
    color: #FFF;
}

    html .btn-secondary-scale-2:hover,
    html .btn-secondary-scale-2.hover,
    html .btn-secondary-scale-2:focus,
    html .btn-secondary-scale-2.focus {
        background-color: #e56b64;
        border-color: #e7766f #e7766f #df4c43;
        color: #FFF;
    }

    html .btn-secondary-scale-2:focus,
    html .btn-secondary-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(223, 76, 67, 0.5);
    }

    html .btn-secondary-scale-2.disabled,
    html .btn-secondary-scale-2:disabled {
        background-color: #df4c43;
        border-color: #df4c43 #df4c43 #cd2c23;
    }

    html .btn-secondary-scale-2:active,
    html .btn-secondary-scale-2.active,
    .show > html .btn-secondary-scale-2.dropdown-toggle {
        background-color: #d82f24 !important;
        background-image: none !important;
        border-color: #cd2c23 #cd2c23 #a1231b !important;
        box-shadow: 0 0 0 0.2rem rgba(223, 76, 67, 0.5) !important;
    }

html .show > .btn-secondary.dropdown-toggle {
    background-color: #dd4238;
    background-image: none;
    border-color: #dc372d #dc372d #b7281f;
}

html .btn-tertiary {
    background-color: #2BAAB1;
    border-color: #2BAAB1 #2BAAB1 #218388;
    color: #FFF;
}

    html .btn-tertiary:hover,
    html .btn-tertiary.hover,
    html .btn-tertiary:focus,
    html .btn-tertiary.focus {
        background-color: #34c6ce;
        border-color: #3fc9d0 #3fc9d0 #2BAAB1;
        color: #FFF;
    }

    html .btn-tertiary:focus,
    html .btn-tertiary.focus {
        box-shadow: 0 0 0 3px rgba(43, 170, 177, 0.5);
    }

    html .btn-tertiary.disabled,
    html .btn-tertiary:disabled {
        background-color: #2BAAB1;
        border-color: #2BAAB1 #2BAAB1 #218388;
    }

    html .btn-tertiary:active,
    html .btn-tertiary.active,
    .show > html .btn-tertiary.dropdown-toggle {
        background-color: #248c92 !important;
        background-image: none !important;
        border-color: #218388 #218388 #175b5f !important;
        box-shadow: 0 0 0 0.2rem rgba(43, 170, 177, 0.5) !important;
    }

html .btn-tertiary-scale-2 {
    background-color: #26969c;
    border-color: #26969c #26969c #1c6f73;
    color: #FFF;
}

    html .btn-tertiary-scale-2:hover,
    html .btn-tertiary-scale-2.hover,
    html .btn-tertiary-scale-2:focus,
    html .btn-tertiary-scale-2.focus {
        background-color: #2db4bb;
        border-color: #30bec6 #30bec6 #26969c;
        color: #FFF;
    }

    html .btn-tertiary-scale-2:focus,
    html .btn-tertiary-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(38, 150, 156, 0.5);
    }

    html .btn-tertiary-scale-2.disabled,
    html .btn-tertiary-scale-2:disabled {
        background-color: #26969c;
        border-color: #26969c #26969c #1c6f73;
    }

    html .btn-tertiary-scale-2:active,
    html .btn-tertiary-scale-2.active,
    .show > html .btn-tertiary-scale-2.dropdown-toggle {
        background-color: #1f797e !important;
        background-image: none !important;
        border-color: #1c6f73 #1c6f73 #12474a !important;
        box-shadow: 0 0 0 0.2rem rgba(38, 150, 156, 0.5) !important;
    }

html .show > .btn-tertiary.dropdown-toggle {
    background-color: #248c92;
    background-image: none;
    border-color: #218388 #218388 #175b5f;
}

html .btn-quaternary {
    background-color: #383f48;
    border-color: #383f48 #383f48 #22262b;
    color: #FFF;
}

    html .btn-quaternary:hover,
    html .btn-quaternary.hover,
    html .btn-quaternary:focus,
    html .btn-quaternary.focus {
        background-color: #49525e;
        border-color: #4e5865 #4e5865 #383f48;
        color: #FFF;
    }

    html .btn-quaternary:focus,
    html .btn-quaternary.focus {
        box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
    }

    html .btn-quaternary.disabled,
    html .btn-quaternary:disabled {
        background-color: #383f48;
        border-color: #383f48 #383f48 #22262b;
    }

    html .btn-quaternary:active,
    html .btn-quaternary.active,
    .show > html .btn-quaternary.dropdown-toggle {
        background-color: #272c32 !important;
        background-image: none !important;
        border-color: #22262b #22262b #0b0d0f !important;
        box-shadow: 0 0 0 0.2rem rgba(56, 63, 72, 0.5) !important;
    }

html .btn-quaternary-scale-2 {
    background-color: #2d323a;
    border-color: #2d323a #2d323a #17191d;
    color: #FFF;
}

    html .btn-quaternary-scale-2:hover,
    html .btn-quaternary-scale-2.hover,
    html .btn-quaternary-scale-2:focus,
    html .btn-quaternary-scale-2.focus {
        background-color: #3e454f;
        border-color: #434c56 #434c56 #2d323a;
        color: #FFF;
    }

    html .btn-quaternary-scale-2:focus,
    html .btn-quaternary-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(45, 50, 58, 0.5);
    }

    html .btn-quaternary-scale-2.disabled,
    html .btn-quaternary-scale-2:disabled {
        background-color: #2d323a;
        border-color: #2d323a #2d323a #17191d;
    }

    html .btn-quaternary-scale-2:active,
    html .btn-quaternary-scale-2.active,
    .show > html .btn-quaternary-scale-2.dropdown-toggle {
        background-color: #1c2024 !important;
        background-image: none !important;
        border-color: #17191d #17191d #000000 !important;
        box-shadow: 0 0 0 0.2rem rgba(45, 50, 58, 0.5) !important;
    }

html .show > .btn-quaternary.dropdown-toggle {
    background-color: #272c32;
    background-image: none;
    border-color: #22262b #22262b #0b0d0f;
}

html .btn-dark {
    background-color: #2e353e;
    border-color: #2e353e #2e353e #181c21;
    color: #FFF;
}

    html .btn-dark:hover,
    html .btn-dark.hover,
    html .btn-dark:focus,
    html .btn-dark.focus {
        background-color: #3e4854;
        border-color: #444e5b #444e5b #2e353e;
        color: #FFF;
    }

    html .btn-dark:focus,
    html .btn-dark.focus {
        box-shadow: 0 0 0 3px rgba(46, 53, 62, 0.5);
    }

    html .btn-dark.disabled,
    html .btn-dark:disabled {
        background-color: #2e353e;
        border-color: #2e353e #2e353e #181c21;
    }

    html .btn-dark:active,
    html .btn-dark.active,
    .show > html .btn-dark.dropdown-toggle {
        background-color: #1e2228 !important;
        background-image: none !important;
        border-color: #181c21 #181c21 #030303 !important;
        box-shadow: 0 0 0 0.2rem rgba(46, 53, 62, 0.5) !important;
    }

html .btn-dark-scale-2 {
    background-color: #23282f;
    border-color: #23282f #23282f #0d0f12;
    color: #FFF;
}

    html .btn-dark-scale-2:hover,
    html .btn-dark-scale-2.hover,
    html .btn-dark-scale-2:focus,
    html .btn-dark-scale-2.focus {
        background-color: #333b45;
        border-color: #39424d #39424d #23282f;
        color: #FFF;
    }

    html .btn-dark-scale-2:focus,
    html .btn-dark-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(35, 40, 47, 0.5);
    }

    html .btn-dark-scale-2.disabled,
    html .btn-dark-scale-2:disabled {
        background-color: #23282f;
        border-color: #23282f #23282f #0d0f12;
    }

    html .btn-dark-scale-2:active,
    html .btn-dark-scale-2.active,
    .show > html .btn-dark-scale-2.dropdown-toggle {
        background-color: #131619 !important;
        background-image: none !important;
        border-color: #0d0f12 #0d0f12 #000000 !important;
        box-shadow: 0 0 0 0.2rem rgba(35, 40, 47, 0.5) !important;
    }

html .show > .btn-dark.dropdown-toggle {
    background-color: #1e2228;
    background-image: none;
    border-color: #181c21 #181c21 #030303;
}

html .btn-light {
    background-color: #FFF;
    border-color: #FFF #FFF #e6e6e6;
    color: #777;
}

    html .btn-light:hover,
    html .btn-light.hover,
    html .btn-light:focus,
    html .btn-light.focus {
        background-color: #ffffff;
        border-color: #ffffff #ffffff #FFF;
        color: #777;
    }

    html .btn-light:focus,
    html .btn-light.focus {
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5);
    }

    html .btn-light.disabled,
    html .btn-light:disabled {
        background-color: #FFF;
        border-color: #FFF #FFF #e6e6e6;
    }

    html .btn-light:active,
    html .btn-light.active,
    .show > html .btn-light.dropdown-toggle {
        background-color: #ececec !important;
        background-image: none !important;
        border-color: #e6e6e6 #e6e6e6 #cccccc !important;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5) !important;
    }

html .btn-light-scale-2 {
    background-color: #f2f2f2;
    border-color: #f2f2f2 #f2f2f2 #d9d9d9;
    color: #777;
}

    html .btn-light-scale-2:hover,
    html .btn-light-scale-2.hover,
    html .btn-light-scale-2:focus,
    html .btn-light-scale-2.focus {
        background-color: #ffffff;
        border-color: #ffffff #ffffff #f2f2f2;
        color: #777;
    }

    html .btn-light-scale-2:focus,
    html .btn-light-scale-2.focus {
        box-shadow: 0 0 0 3px rgba(242, 242, 242, 0.5);
    }

    html .btn-light-scale-2.disabled,
    html .btn-light-scale-2:disabled {
        background-color: #f2f2f2;
        border-color: #f2f2f2 #f2f2f2 #d9d9d9;
    }

    html .btn-light-scale-2:active,
    html .btn-light-scale-2.active,
    .show > html .btn-light-scale-2.dropdown-toggle {
        background-color: #dfdfdf !important;
        background-image: none !important;
        border-color: #d9d9d9 #d9d9d9 #bfbfbf !important;
        box-shadow: 0 0 0 0.2rem rgba(242, 242, 242, 0.5) !important;
    }

html .show > .btn-light.dropdown-toggle {
    background-color: #ececec;
    background-image: none;
    border-color: #e6e6e6 #e6e6e6 #cccccc;
}

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #01aef0;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination .page-item.active .page-link {
    background-color: #01aef0 !important;
    border-color: #01aef0;
}

body.dark .pagination > li > a,
body.dark .pagination > li > span,
body.dark .pagination > li > a:hover,
body.dark .pagination > li > span:hover,
body.dark .pagination > li > a:focus,
body.dark .pagination > li > span:focus {
    color: #01aef0;
}

body.dark .pagination > .active > a,
body.dark .pagination > .active > span,
body.dark .pagination > .active > a:hover,
body.dark .pagination > .active > span:hover,
body.dark .pagination > .active > a:focus,
body.dark .pagination > .active > span:focus {
    background-color: #01aef0;
    border-color: #01aef0;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
    background-color: #01aef0;
    border-color: #01aef0 #01aef0 #0189bd;
    color: #fff;
}

    .pagination > .active > a:hover,
    body.dark .pagination > .active > a:hover,
    .pagination > .active > a.hover,
    body.dark .pagination > .active > a.hover,
    .pagination > .active > a:focus,
    body.dark .pagination > .active > a:focus,
    .pagination > .active > a.focus,
    body.dark .pagination > .active > a.focus {
        background-color: #19bffe;
        border-color: #26c2fe #26c2fe #01aef0;
        color: #fff;
    }

    .pagination > .active > a:focus,
    body.dark .pagination > .active > a:focus,
    .pagination > .active > a.focus,
    body.dark .pagination > .active > a.focus {
        box-shadow: 0 0 0 3px rgba(1, 174, 240, 0.5);
    }

    .pagination > .active > a.disabled,
    body.dark .pagination > .active > a.disabled,
    .pagination > .active > a:disabled,
    body.dark .pagination > .active > a:disabled {
        background-color: #01aef0;
        border-color: #01aef0 #01aef0 #0189bd;
    }

    .pagination > .active > a:active,
    body.dark .pagination > .active > a:active,
    .pagination > .active > a.active,
    body.dark .pagination > .active > a.active,
    .show > .pagination > .active > a.dropdown-toggle,
    .show > body.dark .pagination > .active > a.dropdown-toggle {
        background-color: #0192ca !important;
        background-image: none !important;
        border-color: #0189bd #0189bd #01648a !important;
        box-shadow: 0 0 0 0.2rem rgba(1, 174, 240, 0.5) !important;
    }

.switch.switch-primary .ios-switch .on-background {
    background: #01aef0;
}

.badge-primary {
    background: #01aef0;
}

.alternative-font {
    color: #01aef0;
}

.highlight {
    background-color: #01aef0;
}

p.drop-caps:first-letter {
    color: #01aef0;
}

p.drop-caps.drop-caps-style-2:first-letter {
    background-color: #01aef0;
}

.form-control:focus {
    border-color: #59d1fe;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(1, 174, 240, 0.3);
}

.header .toggle-sidebar-left {
    background: #01aef0;
}

.fc .fc-toolbar h2:before {
    color: #01aef0;
}

.fc .fc-toolbar .fc-button.fc-state-active {
    background-color: #01aef0;
}

.fc .fc-day-grid-container {
    height: auto !important;
}

.fc-event {
    background: #01aef0;
    border-color: #01aef0;
}

    .fc-event.fc-event-primary {
        background: #01aef0;
        border-color: #01aef0;
    }

.jqvmap-zoomin,
.jqvmap-zoomout {
    background: #01aef0;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #01aef0;
}

.timeline .tm-items > li .tm-icon {
    border-color: #01aef0;
    color: #01aef0;
}

.timeline.timeline-simple .tm-body .tm-items > li:before {
    background: #01aef0;
    box-shadow: 0 0 0 3px #FFF, 0 0 0 6px #01aef0;
}

html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
    background: #01aef0;
    box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #01aef0;
}

.pricing-table .most-popular {
    border-color: #01aef0;
}

    .pricing-table .most-popular h3 {
        background-color: #01aef0;
    }

.pricing-table.princig-table-flat .plan h3 {
    background-color: #01aef0;
}

    .pricing-table.princig-table-flat .plan h3 span {
        background: #01aef0;
    }



.accordion .card-header a {
    color: #01aef0;
}

html .accordion.accordion-primary .card-header {
    background-color: #01aef0 !important;
}

    html .accordion.accordion-primary .card-header a {
        color: #FFF;
    }

html .accordion.accordion-secondary .card-header {
    background-color: #E36159 !important;
}

    html .accordion.accordion-secondary .card-header a {
        color: #FFF;
    }

html .accordion.accordion-tertiary .card-header {
    background-color: #2BAAB1 !important;
}

    html .accordion.accordion-tertiary .card-header a {
        color: #FFF;
    }

html .accordion.accordion-quaternary .card-header {
    background-color: #383f48 !important;
}

    html .accordion.accordion-quaternary .card-header a {
        color: #FFF;
    }

html .accordion.accordion-dark .card-header {
    background-color: #2e353e !important;
}

    html .accordion.accordion-dark .card-header a {
        color: #FFF;
    }

html .accordion.accordion-light .card-header {
    background-color: #FFF !important;
}

    html .accordion.accordion-light .card-header a {
        color: #777;
    }

html .toggle-primary .toggle label {
    color: #01aef0;
    border-left-color: #01aef0;
    border-right-color: #01aef0;
}

html .toggle-primary .toggle.active > label {
    background-color: #01aef0 !important;
    border-color: #01aef0;
    color: #FFF;
}

html .toggle-primary.toggle-simple .toggle > label:after {
    background-color: #01aef0;
}

html .toggle-secondary .toggle label {
    color: #E36159;
    border-left-color: #E36159;
    border-right-color: #E36159;
}

html .toggle-secondary .toggle.active > label {
    background-color: #E36159 !important;
    border-color: #E36159;
    color: #FFF;
}

html .toggle-secondary.toggle-simple .toggle > label:after {
    background-color: #E36159;
}

html .toggle-tertiary .toggle label {
    color: #2BAAB1;
    border-left-color: #2BAAB1;
    border-right-color: #2BAAB1;
}

html .toggle-tertiary .toggle.active > label {
    background-color: #2BAAB1 !important;
    border-color: #2BAAB1;
    color: #FFF;
}

html .toggle-tertiary.toggle-simple .toggle > label:after {
    background-color: #2BAAB1;
}

html .toggle-quaternary .toggle label {
    color: #383f48;
    border-left-color: #383f48;
    border-right-color: #383f48;
}

html .toggle-quaternary .toggle.active > label {
    background-color: #383f48 !important;
    border-color: #383f48;
    color: #FFF;
}

html .toggle-quaternary.toggle-simple .toggle > label:after {
    background-color: #383f48;
}

html .toggle-dark .toggle label {
    color: #2e353e;
    border-left-color: #2e353e;
    border-right-color: #2e353e;
}

html .toggle-dark .toggle.active > label {
    background-color: #2e353e !important;
    border-color: #2e353e;
    color: #FFF;
}

html .toggle-dark.toggle-simple .toggle > label:after {
    background-color: #2e353e;
}

html .toggle-light .toggle label {
    color: #FFF;
    border-left-color: #FFF;
    border-right-color: #FFF;
}

html .toggle-light .toggle.active > label {
    background-color: #FFF !important;
    border-color: #FFF;
    color: #777;
}

html .toggle-light.toggle-simple .toggle > label:after {
    background-color: #FFF;
}

.alert-primary {
    background-color: #01aef0;
    border-color: #01a3e1;
}

    .alert-primary .alert-link {
        color: #01648a;
    }

.dd-handle:hover {
    color: #01aef0 !important;
}

.dd-placeholder {
    background: #ffffff;
    border-color: #01aef0;
}

.card-highlight .card-header {
    background-color: #01aef0;
    border-color: #01aef0;
}

.card-highlight .card-body {
    background-color: #01aef0;
}

html .card-primary .card-header {
    background: #01aef0;
    border-color: #01aef0;
}

html .card-featured-primary {
    border-color: #01aef0;
}

    html .card-featured-primary .card-title {
        color: #01aef0;
    }

html .card-group .card-accordion-primary {
    background: #01aef0;
}

html .card-secondary .card-header {
    background: #E36159;
    border-color: #E36159;
}

html .card-featured-secondary {
    border-color: #E36159;
}

    html .card-featured-secondary .card-title {
        color: #E36159;
    }

html .card-group .card-accordion-secondary {
    background: #E36159;
}

html .card-tertiary .card-header {
    background: #2BAAB1;
    border-color: #2BAAB1;
}

html .card-featured-tertiary {
    border-color: #2BAAB1;
}

    html .card-featured-tertiary .card-title {
        color: #2BAAB1;
    }

html .card-group .card-accordion-tertiary {
    background: #2BAAB1;
}

html .card-quaternary .card-header {
    background: #383f48;
    border-color: #383f48;
}

html .card-featured-quaternary {
    border-color: #383f48;
}

    html .card-featured-quaternary .card-title {
        color: #383f48;
    }

html .card-group .card-accordion-quaternary {
    background: #383f48;
}

html .card-dark .card-header {
    background: #2e353e;
    border-color: #2e353e;
}

html .card-featured-dark {
    border-color: #2e353e;
}

    html .card-featured-dark .card-title {
        color: #2e353e;
    }

html .card-group .card-accordion-dark {
    background: #2e353e;
}

html .card-light .card-header {
    background: #FFF;
    border-color: #FFF;
}

html .card-featured-light {
    border-color: #FFF;
}

    html .card-featured-light .card-title {
        color: #FFF;
    }

html .card-group .card-accordion-light {
    background: #FFF;
}

.progress-bar {
    background-color: #01aef0;
}

.progress .progress-bar-primary {
    background-color: #01aef0;
}

.toggle label {
    border-left-color: #01aef0;
    color: #01aef0;
}

.toggle.active > label {
    background: #01aef0 !important;
    border-color: #01aef0;
}

.jstree-default .jstree-hovered {
    background-color: #ffffff !important;
}

.jstree-default .jstree-clicked {
    background-color: #d8f4ff !important;
}

.jstree-default .colored {
    color: #01aef0 !important;
}

    .jstree-default .colored .jstree-icon {
        color: #01aef0 !important;
    }

.jstree-default .colored-icon .jstree-icon {
    color: #01aef0 !important;
}

.sidebar-widget.widget-tasks ul li:before {
    border-color: #01aef0;
}

.widget-twitter-profile {
    background-color: #01aef0;
}

    .widget-twitter-profile .profile-quote {
        background-color: #07bafe;
    }

        .widget-twitter-profile .profile-quote .quote-footer {
            border-top-color: rgba(38, 194, 254, 0.7);
        }

.widget-profile-info .profile-info .profile-footer {
    border-top-color: rgba(38, 194, 254, 0.7);
}

.thumb-info .thumb-info-type {
    background-color: #01aef0;
}

.social-icons-list a {
    background: #01aef0;
}

.notifications .notification-menu .notification-title {
    background: #01aef0;
}

    .notifications .notification-menu .notification-title .badge-default {
        background-color: #0189bd;
    }

.notifications .notification-menu:before,
.notifications .notification-icon:before {
    border-bottom-color: #01aef0;
}

.ui-pnotify .notification-primary {
    background: rgba(1, 174, 240, 0.95);
}

.ui-pnotify.stack-bar-top .notification-primary,
.ui-pnotify.stack-bar-bottom .notification-primary {
    background: #01aef0;
}

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
    background: rgba(1, 174, 240, 0.95);
}

.ui-pnotify.notification-primary.stack-bar-top .notification,
.ui-pnotify.notification-primary.stack-bar-bottom .notification,
.ui-pnotify.notification-primary.stack-bar-top .notification-primary,
.ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
    background: #01aef0;
}

.modal-block-primary .fa,
.modal-block-primary .fab,
.modal-block-primary .fal,
.modal-block-primary .far,
.modal-block-primary .fas {
    color: #FFF;
}

.modal-block-primary.modal-header-color .modal-header,
.modal-block-primary.modal-header-color .panel-header {
    background-color: #01aef0;
}

    .modal-block-primary.modal-header-color .modal-header .modal-title,
    .modal-block-primary.modal-header-color .panel-header .modal-title {
        color: #FFF;
    }

.modal-block-primary.modal-full-color .panel {
    background-color: #1cc0fe;
}

.modal-block-primary.modal-full-color .panel-header {
    background-color: #01aef0;
}

.modal-block-primary.modal-full-color .panel-footer {
    background-color: #1cc0fe;
}

.modal-block-primary .modal-icon .fa,
.modal-block-primary .modal-icon .fab,
.modal-block-primary .modal-icon .fal,
.modal-block-primary .modal-icon .far,
.modal-block-primary .modal-icon .fas {
    color: #01aef0;
}

html body .tabs .nav-tabs .nav-link,
html.dark body .tabs .nav-tabs .nav-link,
html body .tabs .nav-tabs .nav-link:hover,
html.dark body .tabs .nav-tabs .nav-link:hover {
    color: #01aef0;
}

    html body .tabs .nav-tabs .nav-link:hover,
    html.dark body .tabs .nav-tabs .nav-link:hover,
    html body .tabs .nav-tabs .nav-link:focus,
    html.dark body .tabs .nav-tabs .nav-link:focus {
        border-top-color: #01aef0;
    }

html body .tabs .nav-tabs li.active .nav-link,
html.dark body .tabs .nav-tabs li.active .nav-link {
    border-top-color: #01aef0;
    color: #01aef0;
}

html body .tabs .nav-tabs.nav-justified .nav-link:hover,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:hover,
html body .tabs .nav-tabs.nav-justified .nav-link:focus,
html.dark body .tabs .nav-tabs.nav-justified .nav-link:focus {
    border-top-color: #01aef0;
}

html body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-bottom .nav-tabs li.active .nav-link:focus {
    border-bottom-color: #01aef0;
}

html body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-left .nav-tabs li.active .nav-link:focus {
    border-left-color: #01aef0;
}

html body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:hover,
html body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus,
html.dark body .tabs.tabs-vertical.tabs-right .nav-tabs li.active .nav-link:focus {
    border-right-color: #01aef0;
}

html body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:focus,
html body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li .nav-link:hover,
html body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover,
html.dark body .tabs.tabs-simple .nav-tabs > li.active .nav-link:hover {
    border-top-color: #01aef0;
    color: #01aef0;
}

html body .tabs-primary .nav-tabs li .nav-link,
html.dark body .tabs-primary .nav-tabs li .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link,
html body .tabs-primary .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
    color: #01aef0;
}

    html body .tabs-primary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-primary .nav-tabs li .nav-link:hover,
    html body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-primary .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #01aef0;
    }

html body .tabs-primary .nav-tabs li.active .nav-link,
html.dark body .tabs-primary .nav-tabs li.active .nav-link,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:hover,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs li.active .nav-link:focus,
html body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #01aef0;
    color: #01aef0;
}

html body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #01aef0;
}

html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #01aef0;
}

html body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #01aef0;
}

html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #01aef0;
}

html body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #01aef0;
}

html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-primary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #01aef0;
}

html body .tabs-secondary .nav-tabs li .nav-link,
html.dark body .tabs-secondary .nav-tabs li .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link,
html body .tabs-secondary .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
    color: #E36159;
}

    html body .tabs-secondary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-secondary .nav-tabs li .nav-link:hover,
    html body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-secondary .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #E36159;
    }

html body .tabs-secondary .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #E36159;
    color: #E36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #E36159;
}

html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #E36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #E36159;
}

html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #E36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #E36159;
}

html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-secondary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #E36159;
}

html body .tabs-tertiary .nav-tabs li .nav-link,
html.dark body .tabs-tertiary .nav-tabs li .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link,
html body .tabs-tertiary .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
    color: #2BAAB1;
}

    html body .tabs-tertiary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-tertiary .nav-tabs li .nav-link:hover,
    html body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-tertiary .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #2BAAB1;
    }

html body .tabs-tertiary .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #2BAAB1;
    color: #2BAAB1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #2BAAB1;
}

html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #2BAAB1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #2BAAB1;
}

html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #2BAAB1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #2BAAB1;
}

html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-tertiary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #2BAAB1;
}

html body .tabs-quaternary .nav-tabs li .nav-link,
html.dark body .tabs-quaternary .nav-tabs li .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link,
html body .tabs-quaternary .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
    color: #383f48;
}

    html body .tabs-quaternary .nav-tabs li .nav-link:hover,
    html.dark body .tabs-quaternary .nav-tabs li .nav-link:hover,
    html body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-quaternary .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #383f48;
    }

html body .tabs-quaternary .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #383f48;
    color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #383f48;
}

html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-quaternary.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #383f48;
}

html body .tabs-dark .nav-tabs li .nav-link,
html.dark body .tabs-dark .nav-tabs li .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link,
html body .tabs-dark .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
    color: #2e353e;
}

    html body .tabs-dark .nav-tabs li .nav-link:hover,
    html.dark body .tabs-dark .nav-tabs li .nav-link:hover,
    html body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-dark .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #2e353e;
    }

html body .tabs-dark .nav-tabs li.active .nav-link,
html.dark body .tabs-dark .nav-tabs li.active .nav-link,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:hover,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs li.active .nav-link:focus,
html body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #2e353e;
    color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #2e353e;
}

html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-dark.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #2e353e;
}

html body .tabs-light .nav-tabs li .nav-link,
html.dark body .tabs-light .nav-tabs li .nav-link,
html body .tabs-light .nav-tabs.nav-justified li .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link,
html body .tabs-light .nav-tabs li .nav-link:hover,
html.dark body .tabs-light .nav-tabs li .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
    color: #FFF;
}

    html body .tabs-light .nav-tabs li .nav-link:hover,
    html.dark body .tabs-light .nav-tabs li .nav-link:hover,
    html body .tabs-light .nav-tabs.nav-justified li .nav-link:hover,
    html.dark body .tabs-light .nav-tabs.nav-justified li .nav-link:hover {
        border-top-color: #FFF;
    }

html body .tabs-light .nav-tabs li.active .nav-link,
html.dark body .tabs-light .nav-tabs li.active .nav-link,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs li.active .nav-link:hover,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs li.active .nav-link:focus,
html body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light .nav-tabs.nav-justified li.active .nav-link:focus {
    border-top-color: #FFF;
    color: #FFF;
}

html body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li .nav-link:hover {
    border-bottom-color: #FFF;
}

html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:hover,
html body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs li.active .nav-link:focus,
html body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus,
html.dark body .tabs-light.tabs-bottom .nav-tabs.nav-justified li.active .nav-link:focus {
    border-bottom-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li .nav-link:hover {
    border-left-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-left li.active .nav-link:focus {
    border-left-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li .nav-link:hover {
    border-right-color: #FFF;
}

html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:hover,
html body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus,
html.dark body .tabs-light.tabs-vertical.tabs-right li.active .nav-link:focus {
    border-right-color: #FFF;
}

.tab-navigation nav > ul > li:hover:not(.nav-expanded) > a {
    background: #01aef0;
}

.tab-navigation nav > ul > li > ul > li.nav-active > a {
    color: #01aef0 !important;
}

.tab-navigation nav > ul > li > ul > li .dropdown-menu li.nav-active > a {
    color: #01aef0 !important;
}

html.has-tab-navigation .toggle-menu {
    background: #01aef0;
}

.search-content .search-toolbar .nav-pills li.active a {
    color: #01aef0;
    border-bottom-color: #01aef0;
}

.search-results-list .result-thumb .fa,
.search-results-list .result-thumb .fab,
.search-results-list .result-thumb .fal,
.search-results-list .result-thumb .far,
.search-results-list .result-thumb .fas {
    background: #01aef0;
}

.scrollable.colored-slider .scrollable-slider {
    background: #01aef0;
}

html.dark .search-content .search-toolbar .nav-pills li.active a,
html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
    color: #01aef0;
    border-bottom-color: #01aef0;
}

.bootstrap-timepicker-widget table td a:hover {
    background-color: #01aef0;
}

#nprogress .bar {
    background: #01aef0;
}

#nprogress .peg {
    box-shadow: 0 0 10px 1px #01aef0, 0 0 5px #01aef0;
}

.img-thumbnail .zoom {
    background: #01aef0;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background-color: #0198d2;
}

.owl-theme .owl-nav [class*="owl-"] {
    background: #01aef0;
}

    .owl-theme .owl-nav [class*="owl-"]:focus,
    .owl-theme .owl-nav [class*="owl-"]:hover {
        background-color: #12bdfe;
    }

.ct-chart .tooltip {
    background: #01aef0;
}

    .ct-chart .tooltip:after {
        border-top-color: #01aef0;
    }

.ct-chart .ct-series.ct-series-a .ct-bar,
.ct-chart .ct-series.ct-series-a .ct-line,
.ct-chart .ct-series.ct-series-a .ct-point,
.ct-chart .ct-series.ct-series-a .ct-slice.ct-donut {
    stroke: #01aef0;
}

.ct-chart .ct-series.ct-series-a .ct-area,
.ct-chart .ct-series.ct-series-a .ct-slice:not(.ct-donut) {
    fill: #01aef0;
}

.ct-chart .ct-series.ct-series-b .ct-bar,
.ct-chart .ct-series.ct-series-b .ct-line,
.ct-chart .ct-series.ct-series-b .ct-point,
.ct-chart .ct-series.ct-series-b .ct-slice.ct-donut {
    stroke: #0177a4;
}

.ct-chart .ct-series.ct-series-b .ct-area,
.ct-chart .ct-series.ct-series-b .ct-slice:not(.ct-donut) {
    fill: #0177a4;
}

.ct-chart .ct-series.ct-series-i .ct-bar,
.ct-chart .ct-series.ct-series-i .ct-line,
.ct-chart .ct-series.ct-series-i .ct-point,
.ct-chart .ct-series.ct-series-i .ct-slice.ct-donut {
    stroke: #0177a4;
}

.ct-chart .ct-series.ct-series-i .ct-area,
.ct-chart .ct-series.ct-series-i .ct-slice:not(.ct-donut) {
    fill: #0177a4;
}

.ct-chart .ct-series.ct-series-j .ct-bar,
.ct-chart .ct-series.ct-series-j .ct-line,
.ct-chart .ct-series.ct-series-j .ct-point,
.ct-chart .ct-series.ct-series-j .ct-slice.ct-donut {
    stroke: #3fc9fe;
}

.ct-chart .ct-series.ct-series-j .ct-area,
.ct-chart .ct-series.ct-series-j .ct-slice:not(.ct-donut) {
    fill: #3fc9fe;
}

.ct-chart .ct-series.ct-series-n .ct-bar,
.ct-chart .ct-series.ct-series-n .ct-line,
.ct-chart .ct-series.ct-series-n .ct-point,
.ct-chart .ct-series.ct-series-n .ct-slice.ct-donut {
    stroke: #002d3e;
}

.ct-chart .ct-series.ct-series-n .ct-area,
.ct-chart .ct-series.ct-series-n .ct-slice:not(.ct-donut) {
    fill: #002d3e;
}

.ct-chart .ct-series.ct-series-o .ct-bar,
.ct-chart .ct-series.ct-series-o .ct-line,
.ct-chart .ct-series.ct-series-o .ct-point,
.ct-chart .ct-series.ct-series-o .ct-slice.ct-donut {
    stroke: #a5e6ff;
}

.ct-chart .ct-series.ct-series-o .ct-area,
.ct-chart .ct-series.ct-series-o .ct-slice:not(.ct-donut) {
    fill: #a5e6ff;
}

.call-to-action.call-to-action-primary {
    background-color: #01aef0;
}

.call-to-action.call-to-action-dark {
    background-color: #2e353e;
}

ul.simple-bullet-list li:before {
    border-color: #01aef0;
}

.simple-card-list li.primary {
    background: #01aef0;
}

.simple-todo-list li.completed:before {
    color: #01aef0;
}

.bootstrap-tagsinput .badge {
    background: #01aef0;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
    background: #01aef0;
    border-color: #019cd7;
}

html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
.checkbox-text-primary input[type="checkbox"]:checked + label:after {
    color: #01aef0;
}

html.dark .radio-primary input[type="radio"]:checked + label:after,
.radio-primary input[type="radio"]:checked + label:after {
    background: #01aef0;
    box-shadow: 0px 0px 1px #01aef0;
}

.switch.switch-primary .ios-switch .on-background {
    background: #01aef0;
}

.progress-bar {
    background-color: #01aef0;
}

.progress .progress-bar-primary {
    background-color: #01aef0;
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
    background: #01aef0;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
    background-image: linear-gradient(to left, #26c2fe 0, #01aef0 50%, #0189bd 100%);
}

.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
.slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
    background-image: linear-gradient(to right, #26c2fe 0, #01aef0 50%, #0189bd 100%);
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover,
.datepicker table tr td span:hover {
    background: #01aef0;
}

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
    background: #01aef0;
}

.datepicker table tbody tr td.day:hover {
    background: #01aef0;
}

.datepicker table tbody tr td.day.active {
    background: #0189bd;
}

html:not(.sidebar-light) .datepicker.datepicker-dark {
    background: transparent;
}

    html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day:hover {
        background: #01aef0;
    }

    html:not(.sidebar-light) .datepicker.datepicker-dark table tbody tr td.day.active {
        background: #0189bd;
    }

.datepicker.datepicker-primary table thead tr:first-child {
    background-color: #01aef0;
}

    .datepicker.datepicker-primary table thead tr:first-child th:hover {
        background-color: #0189bd;
    }

.datepicker.datepicker-primary table thead tr:last-child {
    background-color: #0dbbfe;
}

    .datepicker.datepicker-primary table thead tr:last-child th:hover {
        background-color: #01aef0;
    }

.select2-container-multi .select2-choices .select2-search-choice {
    background: #01aef0;
}

.wizard-steps > li.active .badge {
    background-color: #01aef0;
}

.wizard-steps > li.active a,
.wizard-steps > li.active a:hover,
.wizard-steps > li.active a:focus {
    border-top-color: #01aef0;
}

.wizard-tabs ul > li.active .badge {
    background-color: #01aef0;
}

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
    background: #01aef0;
}

html .wizard-progress .wizard-steps li.completed a span,
html.dark .wizard-progress .wizard-steps li.completed a span {
    border-color: #01aef0;
    background: #01aef0;
}

html .wizard-progress .wizard-steps li.active a span,
html.dark .wizard-progress .wizard-steps li.active a span {
    color: #01aef0;
    border-color: #01aef0;
}

.table > thead > tr > td.primary,
.table > tbody > tr > td.primary,
.table > tfoot > tr > td.primary,
.table > thead > tr > th.primary,
.table > tbody > tr > th.primary,
.table > tfoot > tr > th.primary,
.table > thead > tr.primary > td,
.table > tbody > tr.primary > td,
.table > tfoot > tr.primary > td,
.table > thead > tr.primary > th,
.table > tbody > tr.primary > th,
.table > tfoot > tr.primary > th {
    background-color: #01aef0 !important;
}

.dataTables_processing {
    background: transparent;
    top: 55%;
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
    color: #01aef0;
}

.multiselect-container > .active > a,
.multiselect-container > .active > a:hover,
.multiselect-container > .active > a:focus {
    background-color: #01aef0;
}