a {
    color: #3097f6;
}

a:hover {
    color: #48a3f7;
}

a:focus {
    color: #48a3f7;
}

a:active {
    color: #188bf5;
}

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

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    color: #3097f6 !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: #3097f6;
}

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

html .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    color: #7041db !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: #7041db;
}

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

html .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
    color: #0f0a07 !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: #0f0a07;
}

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

html .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
    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 .text-color-hover-dark:hover,
html .text-hover-dark:hover {
    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 .text-color-hover-light:hover,
html .text-hover-light:hover {
    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 .bg-primary,
html .background-color-primary {
    background-color: #3097f6 !important;
}

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

html .bg-tertiary,
html .background-color-tertiary {
    background-color: #0f0a07 !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;
}

.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, #3097f6 0%, #7041db 80%);
    color: #FFF;
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
    background: linear-gradient(135deg, #55a9f8 0%, #8861e1 80%);
    color: #FFF;
}

.btn-gradient:not(.btn-outline):focus,
.btn-gradient:not(.btn-outline).focus {
    box-shadow: 0 0 0 3px rgba(48, 151, 246, 0.5);
}

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
    background: linear-gradient(135deg, #3097f6 0%, #7041db 80%);
}

.btn-gradient:not(.btn-outline):active,
.btn-gradient:not(.btn-outline).active {
    background: linear-gradient(135deg, #0b85f4 0%, #5a27cf 80%) !important;
    color: #FFF !important;
}

.btn-gradient.btn-outline {
    border-image: linear-gradient(135deg, #3097f6 0%, #7041db 80%);
    color: #3097f6;
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
    border-image: linear-gradient(135deg, #55a9f8 0%, #8861e1 80%);
    color: #55a9f8;
}

.btn-gradient.btn-outline:focus,
.btn-gradient.btn-outline.focus {
    box-shadow: 0 0 0 3px rgba(48, 151, 246, 0.5);
}

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
    border-image: linear-gradient(135deg, #3097f6 0%, #7041db 80%);
}

.btn-gradient.btn-outline:active,
.btn-gradient.btn-outline.active {
    border-image: linear-gradient(135deg, #0b85f4 0%, #5a27cf 80%) !important;
    color: #0b85f4;
}

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #3097f6;
}

@media (min-width: 992px) {
    .header.header-nav-menu .header-nav-main nav>ul>li>a.dropdown-toggle:after {
        border-color: #3097f6 transparent transparent transparent;
    }
    .header.header-nav-menu .header-nav-main nav>ul>li>a:focus {
        color: #3097f6;
    }
    .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: #3097f6;
        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 #3097f6;
    }
    .header.header-nav-menu .header-nav-main nav>ul>li.dropdown .dropdown-menu li.dropdown-submenu>a:after {
        border-color: transparent transparent transparent #3097f6;
    }
    .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: #3097f6;
    }
    .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: #3097f6;
    }
    .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: #3097f6 transparent transparent transparent;
    }
    .header.header-nav-menu.header-nav-top-line .header-nav-main nav>ul>li.dropdown .dropdown-menu {
        border-top: 3px solid #3097f6;
    }
    .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 #3097f6;
    }
    .header.header-nav-menu.header-nav-links .header-nav-main nav>ul>li.open>a,
    .header.header-nav-menu.header-nav-links .header-nav-main nav>ul>li:hover>a,
    .header.header-nav-menu.header-nav-links .header-nav-main nav>ul>li.active>a {
        color: #3097f6 !important;
    }
    .header.header-nav-menu.header-nav-links .header-nav-main nav>ul>li.dropdown .dropdown-menu li:hover>a {
        color: #3097f6;
    }
    .header.header-nav-menu.header-nav-links .header-nav-main nav>ul>li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:not(.toggled):before {
        color: #3097f6;
    }
    ;
}

@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: #3097f6;
    }
    .header-btn-collapse-nav {
        background: #3097f6;
        color: #ffffff;
    }
    ;
}

.page-header h2 {
    border-bottom-color: #3097f6;
}

.page-header .sidebar-right-toggle:hover {
    color: #3097f6;
}

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

ul.nav-main>li.nav-active>i {
    color: #3097f6;
}

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

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

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

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

html.no-overflowscrolling .nano>.nano-pane>.nano-slider {
    background: #3097f6;
}

@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: #3097f6;
    }
    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: #3097f6;
    }
    ;
}

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

@media only screen and (min-width: 1200px) {
    html.boxed .header {
        border-top-color: #3097f6;
    }
    html.boxed .sidebar-right {
        border-top-color: #3097f6;
        min-height: 0;
    }
    ;
}

.userbox .dropdown-menu a:hover {
    background: #3097f6;
}

.mailbox .mailbox-mail-list li.active {
    background: #3097f6;
}

.mailbox .mailbox-mail .mailbox-close-mail {
    color: #3097f6;
}

.mailbox .mailbox-mail .mailbox-close-mail:hover {
    color: #48a3f7;
}

.mailbox .mailbox-mail .card .card-header .card-actions a:hover {
    color: #3097f6;
}

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

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

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

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

.body-sign .card-sign .card-title-sign .title {
    background-color: #3097f6;
}

.body-sign .card-sign .card-body {
    border-top-color: #3097f6;
}

.body-locked .current-user .user-image {
    border-color: #3097f6;
}

.list.list-filter>li a:hover,
.list.list-filter>li a:focus,
.list.list-filter>li a:active {
    border-color: #3097f6;
}

.list.list-filter>li a.active {
    background: #3097f6;
}

html.modern .dropdown-language+.dropdown-menu .dropdown-item:hover,
html.modern .dropdown-language+.dropdown-menu .dropdown-item:focus {
    color: #3097f6;
}

html.modern .dropdown-language+.dropdown-menu .dropdown-item:hover:active,
html.modern .dropdown-language+.dropdown-menu .dropdown-item:focus:active,
html.modern .dropdown-language+.dropdown-menu .dropdown-item:hover.active,
html.modern .dropdown-language+.dropdown-menu .dropdown-item:focus.active {
    background: #3097f6 !important;
}

html.modern .userbox .profile-picture.profile-picture-as-text {
    background: #3097f6;
}

html.modern .userbox.show .dropdown-menu a:hover,
html.modern .userbox.show .dropdown-menu a:hover i {
    color: #3097f6;
}

html.modern .userbox.show .dropdown-menu a:hover:active {
    background-color: #3097f6 !important;
}

html.modern .notifications>li .notification-icon:hover i {
    color: #3097f6;
}

html.modern .notifications>li.show .notification-icon i {
    color: #3097f6;
}

html.modern .notifications .notification-menu .image.image-as-text {
    background: #3097f6;
}

html.modern .notifications .notification-menu .view-more {
    color: #3097f6;
}

html.modern ul.nav-main li.nav-active i {
    color: #3097f6;
}

html.modern ul.nav-main li .nav-children li.nav-active>a {
    color: #3097f6;
}

.ecommerce-timeline .ecommerce-timeline-items-wrapper .ecommerce-timeline-item:after {
    background: #3097f6;
    box-shadow: 0px 0px 0px 2px #3097f6;
}

.portfolio-item.portfolio-item-new:after {
    background: #3097f6;
}

html.landing .text-color-dark {
    color: #212529 !important;
}

blockquote.primary {
    border-color: #3097f6;
}

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

.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: #48a3f7;
}

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

.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: #3097f6;
}

.nav-link {
    color: #3097f6;
}

.nav-link:hover,
.nav-link:focus {
    color: #48a3f7;
}

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

.open>.dropdown-toggle.btn-primary {
    background: #3097f6;
    border-color: #188bf5;
}

body .btn-primary.dropdown-toggle {
    border-left-color: #57abf8;
}

.dropdown-item.active,
.dropdown-item:active {
    background: #3097f6;
}

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

.select2-container--bootstrap .select2-dropdown {
    border-color: #92c8fa;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #92c8fa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(48, 151, 246, 0.6);
}

.form-select:focus {
    border-color: #92c8fa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(48, 151, 246, 0.6);
}

.btn-link {
    color: #3097f6;
}

.btn-link:hover {
    color: #48a3f7;
}

.btn-link:active {
    color: #188bf5;
}

html .btn-primary {
    background-color: #3097f6;
    border-color: #3097f6 #3097f6 #0a7ee9;
    color: #FFF;
}

html .btn-primary:hover,
html .btn-primary.hover {
    background-color: #55a9f8;
    border-color: #61b0f8 #61b0f8 #3097f6;
    color: #FFF;
}

html .btn-primary:focus,
html .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(48, 151, 246, 0.5);
    background-color: #3097f6;
    border-color: #3097f6;
}

html .btn-primary.disabled,
html .btn-primary:disabled {
    background-color: #3097f6;
    border-color: #3097f6 #3097f6 #0a7ee9;
}

html .btn-primary:active,
html .btn-primary.active,
.show>html .btn-primary.dropdown-toggle {
    background-color: #0b85f4 !important;
    background-image: none !important;
    border-color: #0a7ee9 #0a7ee9 #0864b8 !important;
    box-shadow: 0 0 0 0.2rem rgba(48, 151, 246, 0.5) !important;
}

html .btn-primary-scale-2 {
    background-color: #188bf5;
    border-color: #188bf5 #188bf5 #0971d0;
    color: #FFF;
}

html .btn-primary-scale-2:hover,
html .btn-primary-scale-2.hover {
    background-color: #3c9df7;
    border-color: #48a3f7 #48a3f7 #188bf5;
    color: #FFF;
}

html .btn-primary-scale-2:focus,
html .btn-primary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(24, 139, 245, 0.5);
    background-color: #188bf5;
    border-color: #188bf5;
}

html .btn-primary-scale-2.disabled,
html .btn-primary-scale-2:disabled {
    background-color: #188bf5;
    border-color: #188bf5 #188bf5 #0971d0;
}

html .btn-primary-scale-2:active,
html .btn-primary-scale-2.active,
.show>html .btn-primary-scale-2.dropdown-toggle {
    background-color: #0a77dd !important;
    background-image: none !important;
    border-color: #0971d0 #0971d0 #0756a0 !important;
    box-shadow: 0 0 0 0.2rem rgba(24, 139, 245, 0.5) !important;
}

html .show>.btn-primary.dropdown-toggle {
    background-color: #0b85f4;
    background-image: none;
    border-color: #0a7ee9 #0a7ee9 #0864b8;
}

html .btn-secondary {
    background-color: #7041db;
    border-color: #7041db #7041db #5625c4;
    color: #FFF;
}

html .btn-secondary:hover,
html .btn-secondary.hover {
    background-color: #8861e1;
    border-color: #906ce3 #906ce3 #7041db;
    color: #FFF;
}

html .btn-secondary:focus,
html .btn-secondary.focus {
    box-shadow: 0 0 0 3px rgba(112, 65, 219, 0.5);
    background-color: #7041db;
    border-color: #7041db;
}

html .btn-secondary.disabled,
html .btn-secondary:disabled {
    background-color: #7041db;
    border-color: #7041db #7041db #5625c4;
}

html .btn-secondary:active,
html .btn-secondary.active,
.show>html .btn-secondary.dropdown-toggle {
    background-color: #5a27cf !important;
    background-image: none !important;
    border-color: #5625c4 #5625c4 #431d99 !important;
    box-shadow: 0 0 0 0.2rem rgba(112, 65, 219, 0.5) !important;
}

html .btn-secondary-scale-2 {
    background-color: #602cd7;
    border-color: #602cd7 #602cd7 #4c21ae;
    color: #FFF;
}

html .btn-secondary-scale-2:hover,
html .btn-secondary-scale-2.hover {
    background-color: #784cdd;
    border-color: #8056df #8056df #602cd7;
    color: #FFF;
}

html .btn-secondary-scale-2:focus,
html .btn-secondary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(96, 44, 215, 0.5);
    background-color: #602cd7;
    border-color: #602cd7;
}

html .btn-secondary-scale-2.disabled,
html .btn-secondary-scale-2:disabled {
    background-color: #602cd7;
    border-color: #602cd7 #602cd7 #4c21ae;
}

html .btn-secondary-scale-2:active,
html .btn-secondary-scale-2.active,
.show>html .btn-secondary-scale-2.dropdown-toggle {
    background-color: #5123b9 !important;
    background-image: none !important;
    border-color: #4c21ae #4c21ae #391984 !important;
    box-shadow: 0 0 0 0.2rem rgba(96, 44, 215, 0.5) !important;
}

html .show>.btn-secondary.dropdown-toggle {
    background-color: #5a27cf;
    background-image: none;
    border-color: #5625c4 #5625c4 #431d99;
}

html .btn-tertiary {
    background-color: #0f0a07;
    border-color: #0f0a07 #0f0a07 #000000;
    color: #FFF;
}

html .btn-tertiary:hover,
html .btn-tertiary.hover {
    background-color: #291b13;
    border-color: #322117 #322117 #0f0a07;
    color: #FFF;
}

html .btn-tertiary:focus,
html .btn-tertiary.focus {
    box-shadow: 0 0 0 3px rgba(15, 10, 7, 0.5);
    background-color: #0f0a07;
    border-color: #0f0a07;
}

html .btn-tertiary.disabled,
html .btn-tertiary:disabled {
    background-color: #0f0a07;
    border-color: #0f0a07 #0f0a07 #000000;
}

html .btn-tertiary:active,
html .btn-tertiary.active,
.show>html .btn-tertiary.dropdown-toggle {
    background-color: #000000 !important;
    background-image: none !important;
    border-color: #000000 #000000 #000000 !important;
    box-shadow: 0 0 0 0.2rem rgba(15, 10, 7, 0.5) !important;
}

html .btn-tertiary-scale-2 {
    background-color: #000000;
    border-color: #000000 #000000 #000000;
    color: #FFF;
}

html .btn-tertiary-scale-2:hover,
html .btn-tertiary-scale-2.hover {
    background-color: #131313;
    border-color: #1a1a1a #1a1a1a #000000;
    color: #FFF;
}

html .btn-tertiary-scale-2:focus,
html .btn-tertiary-scale-2.focus {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.5);
    background-color: #000000;
    border-color: #000000;
}

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

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

html .show>.btn-tertiary.dropdown-toggle {
    background-color: #000000;
    background-image: none;
    border-color: #000000 #000000 #000000;
}

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

html .btn-quaternary:hover,
html .btn-quaternary.hover {
    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);
    background-color: #383f48;
    border-color: #383f48;
}

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 {
    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);
    background-color: #2d323a;
    border-color: #2d323a;
}

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 {
    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);
    background-color: #2e353e;
    border-color: #2e353e;
}

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 {
    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);
    background-color: #23282f;
    border-color: #23282f;
}

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 {
    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);
    background-color: #FFF;
    border-color: #FFF;
}

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 {
    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);
    background-color: #f2f2f2;
    border-color: #f2f2f2;
}

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: #3097f6;
}

.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: #3097f6 !important;
    border-color: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
    border-color: #3097f6;
}

.pagination>.active>a,
body.dark .pagination>.active>a {
    background-color: #3097f6;
    border-color: #3097f6 #3097f6 #0a7ee9;
    color: #fff;
}

.pagination>.active>a:hover,
body.dark .pagination>.active>a:hover,
.pagination>.active>a.hover,
body.dark .pagination>.active>a.hover {
    background-color: #55a9f8;
    border-color: #61b0f8 #61b0f8 #3097f6;
    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(48, 151, 246, 0.5);
    background-color: #3097f6;
    border-color: #3097f6;
}

.pagination>.active>a.disabled,
body.dark .pagination>.active>a.disabled,
.pagination>.active>a:disabled,
body.dark .pagination>.active>a:disabled {
    background-color: #3097f6;
    border-color: #3097f6 #3097f6 #0a7ee9;
}

.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: #0b85f4 !important;
    background-image: none !important;
    border-color: #0a7ee9 #0a7ee9 #0864b8 !important;
    box-shadow: 0 0 0 0.2rem rgba(48, 151, 246, 0.5) !important;
}

.switch.switch-primary .ios-switch .on-background {
    background: #3097f6;
}

.badge-primary {
    background: #3097f6;
}

.alternative-font {
    color: #3097f6;
}

.highlight {
    background-color: #3097f6;
}

p.drop-caps:first-letter {
    color: #3097f6;
}

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

.form-control:focus {
    border-color: #92c8fa;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(48, 151, 246, 0.3);
}

.header .toggle-sidebar-left {
    background: #3097f6;
}

.jqvmap-zoomin,
.jqvmap-zoomout {
    background: #3097f6;
}

.timeline .tm-items>li .tm-datetime .tm-datetime-time {
    color: #3097f6;
}

.timeline .tm-items>li .tm-icon {
    border-color: #3097f6;
    color: #3097f6;
}

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

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

.pricing-table .most-popular {
    border-color: #3097f6;
}

.pricing-table .most-popular h3 {
    background-color: #3097f6;
}

.pricing-table.princig-table-flat .plan h3 {
    background-color: #3097f6;
}

.pricing-table.princig-table-flat .plan h3 span {
    background: #3097f6;
}

.dataTables_processing {
    background-color: #3097f6;
}

.accordion .card-header a {
    color: #3097f6;
}

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

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

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

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

html .accordion.accordion-tertiary .card-header {
    background-color: #0f0a07 !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: #3097f6;
    border-left-color: #3097f6;
    border-right-color: #3097f6;
}

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

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

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

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

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

html .toggle-tertiary .toggle label {
    color: #0f0a07;
    border-left-color: #0f0a07;
    border-right-color: #0f0a07;
}

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

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

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: #3097f6;
    border-color: #2190f5;
}

.alert-primary .alert-link {
    color: #0864b8;
}

.dd-handle:hover {
    color: #3097f6 !important;
}

.dd-placeholder {
    background: #ffffff;
    border-color: #3097f6;
}

.card-highlight .card-header {
    background-color: #3097f6;
    border-color: #3097f6;
}

.card-highlight .card-body {
    background-color: #3097f6;
}

html .card-primary .card-header {
    background: #3097f6;
    border-color: #3097f6;
}

html .card-featured-primary {
    border-color: #3097f6;
}

html .card-featured-primary .card-title {
    color: #3097f6;
}

html .card-group .card-accordion-primary {
    background: #3097f6;
}

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

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

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

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

html .card-tertiary .card-header {
    background: #0f0a07;
    border-color: #0f0a07;
}

html .card-featured-tertiary {
    border-color: #0f0a07;
}

html .card-featured-tertiary .card-title {
    color: #0f0a07;
}

html .card-group .card-accordion-tertiary {
    background: #0f0a07;
}

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: #3097f6;
}

.progress .progress-bar-primary {
    background-color: #3097f6;
}

.toggle label {
    border-left-color: #3097f6;
    color: #3097f6;
}

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

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

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

.jstree-default .colored {
    color: #3097f6 !important;
}

.jstree-default .colored .jstree-icon {
    color: #3097f6 !important;
}

.jstree-default .colored-icon .jstree-icon {
    color: #3097f6 !important;
}

.sidebar-widget.widget-tasks ul li:before {
    border-color: #3097f6;
}

.widget-twitter-profile {
    background-color: #3097f6;
}

.widget-twitter-profile .profile-quote {
    background-color: #44a1f7;
}

.widget-twitter-profile .profile-quote .quote-footer {
    border-top-color: rgba(97, 176, 248, 0.7);
}

.widget-profile-info .profile-info .profile-footer {
    border-top-color: rgba(97, 176, 248, 0.7);
}

.thumb-info .thumb-info-type {
    background-color: #3097f6;
}

.social-icons-list a {
    background: #3097f6;
}

.notifications .notification-menu .notification-title {
    background: #3097f6;
}

.notifications .notification-menu .notification-title .badge-default {
    background-color: #0a7ee9;
}

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

.ui-pnotify .notification-primary {
    background: rgba(48, 151, 246, 0.95);
}

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

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
    background: rgba(48, 151, 246, 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: #3097f6;
}

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

.modal-block-primary.modal-header-color .card-header {
    background-color: #3097f6;
}

.modal-block-primary.modal-full-color .card {
    background-color: #57abf8;
}

.modal-block-primary.modal-full-color .card-header {
    background-color: #3097f6;
}

.modal-block-primary.modal-full-color .card-footer {
    background-color: #57abf8;
}

.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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
    color: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
    color: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #3097f6;
}

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: #7041db;
}

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: #7041db;
}

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: #7041db;
    color: #7041db;
}

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: #7041db;
}

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: #7041db;
}

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: #7041db;
}

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: #7041db;
}

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: #7041db;
}

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: #7041db;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
    color: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #0f0a07;
}

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: #3097f6;
}

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

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

html.has-tab-navigation .toggle-menu {
    background: #3097f6;
}

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

.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: #3097f6;
}

.scrollable.colored-slider .scrollable-slider {
    background: #3097f6;
}

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: #3097f6;
    border-bottom-color: #3097f6;
}

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

#nprogress .bar {
    background: #3097f6;
}

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

.img-thumbnail .zoom {
    background: #3097f6;
}

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

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

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

.ct-chart .tooltip {
    background: #3097f6;
}

.ct-chart .tooltip:after {
    border-top-color: #3097f6;
}

.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: #3097f6;
}

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

.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: #0971d0;
}

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

.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: #0971d0;
}

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

.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: #79bcf9;
}

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

.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: #053c6f;
}

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

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

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

.call-to-action.call-to-action-primary {
    background-color: #3097f6;
}

ul.simple-bullet-list li:before {
    border-color: #3097f6;
}

.simple-card-list li.primary {
    background: #3097f6;
}

.simple-todo-list li.completed:before {
    color: #3097f6;
}

.bootstrap-tagsinput .badge {
    background: #3097f6;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
    background: #3097f6;
    border-color: #188bf5;
}

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

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

.switch.switch-primary .ios-switch .on-background {
    background: #3097f6;
}

.progress-bar {
    background-color: #3097f6;
}

.progress .progress-bar-primary {
    background-color: #3097f6;
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
    background: #3097f6;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
    background-image: linear-gradient(to left, #61b0f8 0, #3097f6 50%, #0a7ee9 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, #61b0f8 0, #3097f6 50%, #0a7ee9 100%);
}

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

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
    background: #3097f6;
}

.datepicker table thead tr:last-child th:hover {
    color: #3097f6;
}

.datepicker table tbody tr td.day:hover {
    background: #3097f6;
}

.datepicker table tbody tr td.day.active {
    background: #0a7ee9;
}

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

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

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

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

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

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

.datepicker.datepicker-primary table thead tr:last-child th:hover {
    background-color: #3097f6;
    color: #FFF;
}

.select2-container-multi .select2-choices .select2-search-choice {
    background: #3097f6;
}

.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: #3097f6 !important;
}

.dataTables_processing {
    background-color: #3097f6;
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
    color: #3097f6;
}

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