/*
    Se Sobre escribe los colores del botón primary a verde #5c8825
*/
:root {
    --btn-primary-minecraft: #5c8825;
    --btn-border-primary-minecraft-dark: #4a751b;
    --btn-primary-minecraft-focus: #749A46;
    --btn-primary-minecraft-focus-bc: #8dac66;
    --btn-primary-minecraft-focus-bs: rgba(74,117,27,0.5);
}

a {
    color: #0088CC;
}

    a:hover {
        color: #3d748f;
    }

    a:focus {
        color: #3d748f;
    }

    a:active {
        color: #3d748f;
    }

    a:visited {
        color: #0088CC;
    }

html {
    background: #ecedf0;
}

    html body {
        background: #ecedf0;
    }

    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: #0088CC !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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    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: #0088CC;
    }

    html .panel-sign .panel-title-sign .title:not(.success) {
        background-color: #0088CC !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 #0088CC !important;
    }

    html .bg-primary,
    html .background-color-primary {
        background-color: #0088CC !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: #0C5C82;
        border-bottom: 1px solid #0C5C82;
        border-top-color: #0C5C82;*/
    }

/*@media only screen and (max-width: 767px) {
    html.gkan .header .logo-container,
    html.header-gkan .header .logo-container {
        background-size: initial;
        background-position: top left;
        background-repeat: repeat;
        background-image: url(GreenBack.png);
    }

    html.gkan .header .header-right,
    html.header-gkan .header .header-right {
        background-size: initial;
        background-position: top left;
        background-repeat: repeat;
        background-image: url(GreenBack.png);
    }
}*/

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

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: #0e6d99;
    border-color: #0b5274;
    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: #FFF;
}

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

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

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

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

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

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

    html.gkan .userbox.open .dropdown-menu a:hover,
    html.header-gkan .userbox.open .dropdown-menu a:hover {
        color: #FFF;
        background: #0088CC;
    }

    html.gkan .userbox .dropdown-menu,
    html.header-gkan .userbox .dropdown-menu {
        background: #5c3c8b;
        margin-top:10px;
    }

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

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

html.sidebar-gkan:not(.dark) .sidebar-left .sidebar-header .sidebar-title {
    background: #23262B;
    color: #FFF;
}

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

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

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

html.sidebar-gkan:not(.dark) .sidebar-left .nano {
    box-shadow: -5px 0 0 #454b55 inset;
    background: #23262B;
}

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

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: #2a2d33;
    }

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

    html.sidebar-gkan:not(.dark) ul.nav-main li .nav-children {
        background: #31353c;
        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: #383c44;
        }

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

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

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

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

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

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

        .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: #0088CC transparent transparent transparent;
        }

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

        .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 #0088CC;
        }
}

@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: #0088CC;
    }

    .header-btn-collapse-nav {
        background: #0088CC;
        color: #ffffff;
    }
}

.page-header h2 {
    border-bottom-color: #0088CC;
}

.page-header .sidebar-right-toggle:hover {
    color: #0088CC;
}

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

ul.nav-main > li.nav-active > i {
    color: #0088CC;
}

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

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

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

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

html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
    background: #0088CC;
}

@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: #0088CC;
    }

    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: #0088CC;
    }
}

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

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

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

.userbox.show .dropdown-menu a:hover {
    background: #0088CC;
}

.mailbox .mailbox-mail-list li.active {
    background: #0088CC;
}

.mailbox .mailbox-mail .mailbox-close-mail {
    color: #0088CC;
}

    .mailbox .mailbox-mail .mailbox-close-mail:hover {
        color: #0099e6;
    }

.mailbox .mailbox-mail .card .card-header .card-actions a:hover {
    color: #0088CC;
}

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

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

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

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

.body-sign .card-sign .card-title-sign .title {
    background-color: #0088CC;
}

.body-sign .card-sign .card-body {
    border-top-color: #0088CC;
}

.body-locked .current-user .user-image {
    border-color: #0088CC;
}

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

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

.panel-study-guide .panel-heading {
    background: #0C5C82;
}

blockquote.primary {
    border-color: #0088CC;
}

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

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

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

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

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

.open > .dropdown-toggle.btn-primary {
    background: #0088CC;
    border-color: #0077b3;
}

body .btn-primary.dropdown-toggle {
    border-left-color: #00a3f5;
}

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

.select2-container--bootstrap .select2-dropdown {
    border-color: #33bbff;
}

.select2-container--bootstrap.select2-container--focus .select2-selection,
.select2-container--bootstrap.select2-container--open .select2-selection {
    border-color: #33bbff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.6);
}

.btn-link {
    color: #0088CC;
}

    .btn-link:hover {
        color: #0099e6;
    }

    .btn-link:active {
        color: #0077b3;
    }
/*
    Se Sobre escribe los colores del botón primary a verde #5c8825
*/

html .btn-primary {
    background-color: var(--btn-primary-minecraft);
    border-color: var(--btn-primary-minecraft) var(--btn-primary-minecraft) var(--btn-border-primary-minecraft-dark);
    color: #FFF;
}

    html .btn-primary:hover,
    html .btn-primary.hover,
    html .btn-primary:focus,
    html .btn-primary.focus {
        background-color: var(--btn-primary-minecraft-focus);
        border-color: var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft);
        color: #FFF;
    }

    html .btn-primary:focus,
    html .btn-primary.focus {
        box-shadow: 0 0 0 3px var(--btn-primary-minecraft-focus-bs);
    }

    html .btn-primary:active:focus {
        background-color: var(--btn-primary-minecraft-focus);
        border-color: var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft);
        box-shadow: 0 0 0 3px var(--btn-primary-minecraft-focus-bs);
        color: #FFF;
    }

    html .btn-primary:active:hover {
        background-color: var(--btn-primary-minecraft-focus);
        border-color: var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft-focus-bc) var(--btn-primary-minecraft);
        color: #FFF;
    }

    html .btn-primary.disabled,
    html .btn-primary:disabled {
        background-color: var(--btn-primary-minecraft);
        border-color: var(--btn-primary-minecraft) var(--btn-primary-minecraft) var(--btn-border-primary-minecraft-dark);
    }

        html .btn-primary.disabled:hover,
        html .btn-primary[disabled]:hover {
            background-color: var(--btn-primary-minecraft);
            border-color: var(--btn-primary-minecraft) var(--btn-primary-minecraft) var(--btn-border-primary-minecraft-dark);
        }

    html .btn-primary:active,
    html .btn-primary.active,
    .show > html .btn-primary.dropdown-toggle {
        background-color: var(--btn-primary-minecraft);
        border-color: var(--btn-primary-minecraft) var(--btn-primary-minecraft) var(--btn-border-primary-minecraft-dark);
        color: #FFF;
    }

html .btn-primary-scale-2 {
    background-color: #0077b3;
    border-color: #0077b3 #0077b3 #005580;
    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: #0090d9;
        border-color: #0099e6 #0099e6 #0077b3;
        color: #FFF;
    }

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

    html .btn-primary-scale-2.disabled,
    html .btn-primary-scale-2:disabled {
        background-color: #0077b3;
        border-color: #0077b3 #0077b3 #005580;
    }

    html .btn-primary-scale-2:active,
    html .btn-primary-scale-2.active,
    .show > html .btn-primary-scale-2.dropdown-toggle {
        background-color: #005d8c !important;
        background-image: none !important;
        border-color: #005580 #005580 #00334d !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 119, 179, 0.5) !important;
    }

html .show > .btn-primary.dropdown-toggle {
    background-color: var(--btn-primary-minecraft);
    background-image: none;
    border-color: var(--btn-border-primary-minecraft-dark) var(--btn-border-primary-minecraft-dark) var(--btn-border-primary-minecraft-dark);
}

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: #0088CC;
}

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

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: #0088CC;
}

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: #0088CC;
    border-color: #0088CC;
}

.pagination > .active > a,
body.dark .pagination > .active > a {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
    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: #00a1f2;
        border-color: #00aaff #00aaff #0088CC;
        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(0, 136, 204, 0.5);
    }

    .pagination > .active > a.disabled,
    body.dark .pagination > .active > a.disabled,
    .pagination > .active > a:disabled,
    body.dark .pagination > .active > a:disabled {
        background-color: #0088CC;
        border-color: #0088CC #0088CC #006699;
    }

    .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: #006ea6 !important;
        background-image: none !important;
        border-color: #006699 #006699 #004466 !important;
        box-shadow: 0 0 0 0.2rem rgba(0, 136, 204, 0.5) !important;
    }

.switch.switch-primary .ios-switch .on-background {
    background: #0088CC;
}

.badge-primary {
    background: #0088CC;
}

.alternative-font {
    color: #0088CC;
}

.highlight {
    background-color: #0088CC;
}

p.drop-caps:first-letter {
    color: #0088CC;
}

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

.form-control:focus {
    border-color: #33bbff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);
}

.header .toggle-sidebar-left {
    background: #0088CC;
}

.fc .fc-toolbar h2:before {
    color: #0088CC;
}

.fc .fc-toolbar .fc-button.fc-state-active {
    background-color: #0088CC;
}

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

.fc-event {
    background: #0088CC;
    border-color: #0088CC;
}

    .fc-event.fc-event-primary {
        background: #0088CC;
        border-color: #0088CC;
    }

.jqvmap-zoomin,
.jqvmap-zoomout {
    background: #0088CC;
}

.timeline .tm-items > li .tm-datetime .tm-datetime-time {
    color: #0088CC;
}

.timeline .tm-items > li .tm-icon {
    border-color: #0088CC;
    color: #0088CC;
}

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

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

.pricing-table .most-popular {
    border-color: #0088CC;
}

    .pricing-table .most-popular h3 {
        background-color: #0088CC;
    }

.pricing-table.princig-table-flat .plan h3 {
    background-color: #0088CC;
}

    .pricing-table.princig-table-flat .plan h3 span {
        background: #0088CC;
    }

.dataTables_processing {
    background-color: #0088CC;
}

.accordion .card-header a {
    color: #0088CC;
}

html .accordion.accordion-primary .card-header {
    background-color: #0088CC !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: #0088CC;
    border-left-color: #0088CC;
    border-right-color: #0088CC;
}

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

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

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: #0088CC;
    border-color: #007ebd;
}

    .alert-primary .alert-link {
        color: #004466;
    }

.dd-handle:hover {
    color: #0088CC !important;
}

.dd-placeholder {
    background: #e6f7ff;
    border-color: #0088CC;
}

.card-highlight .card-header {
    background-color: #0088CC;
    border-color: #0088CC;
}

.card-highlight .card-body {
    background-color: #0088CC;
}

html .card-primary .card-header {
    background: #0088CC;
    border-color: #0088CC;
}

html .card-featured-primary {
    border-color: #0088CC;
}

    html .card-featured-primary .card-title {
        color: #0088CC;
    }

html .card-group .card-accordion-primary {
    background: #0088CC;
}

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: #0088CC;
}

.progress .progress-bar-primary {
    background-color: #0088CC;
}

.toggle label {
    border-left-color: #0088CC;
    color: #0088CC;
}

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

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

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

.jstree-default .colored {
    color: #0088CC !important;
}

    .jstree-default .colored .jstree-icon {
        color: #0088CC !important;
    }

.jstree-default .colored-icon .jstree-icon {
    color: #0088CC !important;
}

.sidebar-widget.widget-tasks ul li:before {
    border-color: #0088CC;
}

.widget-twitter-profile {
    background-color: #0088CC;
}

    .widget-twitter-profile .profile-quote {
        background-color: #0096e0;
    }

        .widget-twitter-profile .profile-quote .quote-footer {
            border-top-color: rgba(0, 170, 255, 0.7);
        }

.widget-profile-info .profile-info .profile-footer {
    border-top-color: rgba(0, 170, 255, 0.7);
}

.thumb-info .thumb-info-type {
    background-color: #0088CC;
}

.social-icons-list a {
    background: #0088CC;
}

.notifications .notification-menu .notification-title {
    background: #0088CC;
}

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

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

.ui-pnotify .notification-primary {
    background: rgba(0, 136, 204, 0.95);
}

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

.ui-pnotify.notification-primary .notification,
.ui-pnotify.notification-primary .notification-primary {
    background: rgba(0, 136, 204, 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: #0088CC;
}

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

.modal-block-primary.modal-header-color .modal-header,
.modal-block-primary.modal-header-color .panel-header {
    background-color: #0088CC;
}

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

.modal-block-primary.modal-full-color .panel-header {
    background-color: #0088CC;
}

.modal-block-primary.modal-full-color .panel-footer {
    background-color: #00a3f5;
}

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

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: #0088CC;
}

    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: #0088CC;
    }

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

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
    color: #0088CC;
}

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: #0088CC;
}

    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: #0088CC;
    }

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: #0088CC;
    color: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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: #0088CC;
}

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

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

html.has-tab-navigation .toggle-menu {
    background: #0088CC;
}

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

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

.scrollable.colored-slider .scrollable-slider {
    background: #0088CC;
}

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: #0088CC;
    border-bottom-color: #0088CC;
}

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

#nprogress .bar {
    background: #0088CC;
}

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

.img-thumbnail .zoom {
    background: #0088CC;
}

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

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

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

.ct-chart .tooltip {
    background: #0088CC;
}

    .ct-chart .tooltip:after {
        border-top-color: #0088CC;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.call-to-action.call-to-action-primary {
    background-color: #0088CC;
}

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

ul.simple-bullet-list li:before {
    border-color: #0088CC;
}

.simple-card-list li.primary {
    background: #0088CC;
}

.simple-todo-list li.completed:before {
    color: #0088CC;
}

.bootstrap-tagsinput .badge {
    background: #0088CC;
}

html.dark .checkbox-primary label:before,
.checkbox-primary label:before {
    background: #0088CC;
    border-color: #0077b3;
}

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

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

.switch.switch-primary .ios-switch .on-background {
    background: #0088CC;
}

.progress-bar {
    background-color: #0088CC;
}

.progress .progress-bar-primary {
    background-color: #0088CC;
}

.slider-primary .ui-slider-range,
.slider-primary .ui-slider-handle {
    background: #0088CC;
}

.slider-gradient.slider-primary .ui-slider-range,
.slider-gradient.slider-primary .ui-slider-handle {
    background-image: linear-gradient(to left, #00aaff 0, #0088CC 50%, #006699 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, #00aaff 0, #0088CC 50%, #006699 100%);
}

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

.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover {
    background: #0088CC;
}

.datepicker table tbody tr td.day:hover {
    background: #0088CC;
}

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

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

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

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

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

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

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

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

.select2-container-multi .select2-choices .select2-search-choice {
    background: #0088CC;
}

.wizard-steps > li.active .badge {
    background-color: #0088CC;
}

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

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

html .wizard-progress .steps-progress .progress-indicator,
html.dark .wizard-progress .steps-progress .progress-indicator {
    background: #0088CC;
}

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

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

.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: #0088CC !important;
}

.dataTables_processing {
    background-color: #0088CC;
}

.liquid-meter-wrapper .liquid-meter-selector a.active {
    color: #0088CC;
}

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

/*Custom styles*/
:root {
    --primarycolor: #0088CC;
}


.jconfirm .jconfirm-box .jconfirm-buttons button {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: 1em;
    padding-left: 1em;
    border-radius: 0;
}
/*#question-content .btn-primary-test:not(.running-course), #question-content .btn-danger-test:not(.running-course) {*/
.test-runner-course .btn, .panel-body-testhome .btn {
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: 1em;
    padding-left: 1em;
    border-radius: 0 !important;
    justify-content: center;
    align-items: center;
    box-shadow: inset -2px -4px #0006, inset 2px 2px #FFF7 !important;
}


nav.account-header,
html.gkan .header,
html.header-gkan .header,
.take-test .content-body .page-header {
    /* background-size: initial;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(GreenBack.png);*/
    /*background-color: #4f772d;*/
}

a.actionCookiepolicy {
    color: #000;
    font-weight: 700;
}

    a.actionCookiepolicy:hover {
        color: #cecece !important;
    }

html.gkan .header,
html.header-gkan .header {
    /*border-bottom: 1px solid #547f2d;
    border-top-color: #547f2d;*/
}


section.body .inner-wrapper,
.body-gkan-blue, .body-student {
    /* background-size: initial;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(bg-lightwool.png),linear-gradient(180deg,#2b87da 0%,#29c4a9 100%) !important;*/
    background-color: #E1E2E2;
}


    .body-student .btn {
        cursor: pointer;
        overflow: hidden;
        white-space: nowrap;
        user-select: none;
        border-radius: 0;
    }


    .body-student .btn {
        padding-top: .5em;
        padding-bottom: .5em;
        padding-right: 1em;
        padding-left: 1em;
        justify-content: center;
        align-items: center;
        box-shadow: inset 0px -4px rgba(0,0,0,0.5), inset 0px 4px rgba(255,255,255,0.5), inset -4px 0px rgba(0,0,0,0.3), inset 4px 0px rgba(255,255,255,0.3);
        -webkit-box-shadow: inset 0px -4px rgba(0,0,0,0.5), inset 0px 4px rgba(255,255,255,0.5), inset -4px 0px rgba(0,0,0,0.3), inset 4px 0px rgba(255,255,255,0.3);
        -ms-box-shadow: inset 0px -4px rgba(0,0,0,0.5), inset 0px 4px rgba(255,255,255,0.5), inset -4px 0px rgba(0,0,0,0.3), inset 4px 0px rgba(255,255,255,0.3);
    }


    .body-student .container-retakes {
        color: #000;
    }

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

html.gkan .userbox:not(.accessibility-menu) .dropdown-menu,
html.header-gkan .userbox:not(.accessibility-menu) .dropdown-menu {
    /* background-size: initial;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(GreenBack.png);*/
    /*background-color: #4f772d;*/
}


/*html.gkan .userbox .dropdown-menu,
html.header-gkan .userbox .dropdown-menu {
    background-size: initial;
    background-position: top left;
    background-repeat: repeat;
    background-image: url(GreenBack.png);
}*/

html.gkan .userbox.open .dropdown-menu a:hover,
html.header-gkan .userbox.open .dropdown-menu a:hover {
    color: #FFF;
    background: #cbc9c9;
}

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

.userbox a:hover {
    color: #642d8a !important;
}

.take-test .test-container .content-test {
    padding-top: 0;
    background: transparent;
    color: #000;
}

.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: #000;
    font-weight: 700;
    border-bottom: 3px solid var(--primarycolor);
}

.nav-tabs li a, .nav-tabs li a:hover {
    color: #000;
}


.nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    color: var(--primarycolor) !important;
    border-bottom: 3px solid var(--primarycolor) !important;
}

#DetailsTab, .crs-glossary {
    background: #ffffff;
}

body.body-gkan-blue:before {
    background-image: none !important;
}

.modal-header-black > .nav-tabs li.active a:hover, .nav-tabs li.active a:focus {
    /*color: white !important;*/
    border-bottom: 3px solid white !important;
}

.modal-header-black > .nav-tabs li a, .nav-tabs li a:hover {
    /*color: white !important;*/
}

.logo-cim{
    width: 140px;
    height: 46px;
    margin: 5px !important;
}

/*
    Nuevo Header Minecraft
*/

.new-minecraft-header .header {
    height: 110px;
    background-color: #507837 !important;
}

.public-header {
    height: 60px !important;
    border-top:0px !important;
}

    .new-minecraft-header .header .subheader {
        height: 50px !important;
        background-color: #000;
        color: white;
    }

        .new-minecraft-header .header .subheader .school-name{
            font-size:15px;
        }

        .new-minecraft-header .header img {
            min-width: 140px;
            margin: 7px;
            width: 140px;
            /*height: 46px;*/
        }

.new-minecraft-header .header .btn-transparent {
    background: transparent !important;
    color: white;
    border-width: 0px;

    display: flex;
    align-items: center;
    padding: 10px;
    margin-top:5px !important;
}

        .new-minecraft-header .header .btn-transparent span.name {
            font-size: 13px;
            line-height: 20px;
            float:left;
        }

    .new-minecraft-header .header .btn-transparent span.details {
        font-size: 13px;
        line-height: 16px;
        float: left;
    }

    .new-minecraft-header .header .btn-transparent i.fa-user {
        margin-top: 5px;
        margin-right: 10px;
        font-size: 1.8em;
        line-height: .75em;
    }

.new-minecraft-header .header .menu {
    background-color: #5D3A8A !important;
    /*height: 61px;*/
}

.new-minecraft-header .header .admin {
    height: 61px;
}

    .new-minecraft-header .header .dropdown-toggle {
        margin: 10px;
        margin-left: 20px;
    }


/**
    Diseño
*/
/*.new-minecraft-header .custom-btn {
    display: flex;
    align-items: center;
    padding: 10px;
}*/

.new-minecraft-header .btn-text {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.mt-6 {
    margin-top: 6px !important;
}

.ml-30 {
    margin-left: 30px !important;
}

.dropdown-menu{
    margin-right:30px;
    margin-top:-12px;
}

#page-container{
    padding-top:150px;
}

    #page-container.cim-course-home {
        padding-top: 100px;
    }

/*#sidebar-left:not(.course-player) {
    padding-top: 65px;
}*/
body:not(.body-impersonation) #sidebar-left:not(.course-player) {
    padding-top: 65px;
}

.companies-coding-credentials {
    margin-top: 50px !important;
}

.new-minecraft-header .custom-text {
    display: flex;
    align-items: center;
}

    .new-minecraft-header .custom-text i {
        font-size: 1.8em;
        padding-top: 3px;
        /*margin-right: 10px;*/
    }

.new-minecraft-header .text-container {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-top: 8px !important;
    padding-left: 10px;
    line-height: 16px;
}

.new-minecraft-header .title {
    font-size: 13px;
}

.new-minecraft-header .subtitle {
    font-size: 13px;
}

.new-minecraft-header .line-height-custom {
    line-height: 13px;
}

.new-minecraft-header .fa-caret-down {
    display: none !important;
}

.text-decoration-none {
    text-decoration: none !important;
}

.img-cyber-minecraft{
}

button.btn-minecraft {
    background: #5c8825 !important;
    color: #fff !important;
    border-color: #5c8825 !important;
}

button.btn-minecraft:hover {
    background: #749A46 !important;
    color: #fff !important;
    border-color: #749A46 !important;
}

button.btn-minecraft:active {
    background: #5c8825 !important;
    color: #fff !important;
    border-color: #5c8825 !important;
}

.img-ai-minecraft {
    width: 150px !important;
    height: 50px;
    margin:0px !important;
}