@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles:wght@400;700&family=Kalam:wght@300;400;700&display=swap');

a {
    color: #0088CC;
}

a:hover {
    color: #0099e6;
}

a:focus {
    color: #0099e6;
}

a:active {
    color: #0077b3;
}

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

html .text-color-hover-primary:hover,
html .text-hover-primary:hover {
    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 .text-color-hover-secondary:hover,
html .text-hover-secondary:hover {
    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 .text-color-hover-tertiary:hover,
html .text-hover-tertiary:hover {
    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 .text-color-hover-quaternary:hover,
html .text-hover-quaternary:hover {
    color: #383f48 !important;
}

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

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

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

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

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

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

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

html .bg-primary,
html .background-color-primary {
    background-color: #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;
}

.btn-gradient:not(.btn-outline) {
    background: linear-gradient(135deg, #0088CC 0%, #E36159 80%);
    color: #FFF;
}

.btn-gradient:not(.btn-outline):hover,
.btn-gradient:not(.btn-outline).hover {
    background: linear-gradient(135deg, #00a1f2 0%, #e9807a 80%);
    color: #FFF;
}

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

.btn-gradient:not(.btn-outline).disabled,
.btn-gradient:not(.btn-outline):disabled {
    background: linear-gradient(135deg, #0088CC 0%, #E36159 80%);
}

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

.btn-gradient.btn-outline {
    border-image: linear-gradient(135deg, #0088CC 0%, #E36159 80%);
    color: #0088CC;
}

.btn-gradient.btn-outline:hover,
.btn-gradient.btn-outline.hover {
    border-image: linear-gradient(135deg, #00a1f2 0%, #e9807a 80%);
    color: #00a1f2;
}

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

.btn-gradient.btn-outline.disabled,
.btn-gradient.btn-outline:disabled {
    border-image: linear-gradient(135deg, #0088CC 0%, #E36159 80%);
}

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

.sidebar-left .sidebar-header .sidebar-toggle:hover i {
    color: #0088CC;
}

@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;
    }

    .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.open > a,
    .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li:hover > a,
    .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.active > a {
        color: #0088CC !important;
    }

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

    .header.header-nav-menu.header-nav-links .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav .mega-sub-nav-toggle:not(.toggled):before {
        color: #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 .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;
}

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

.list.list-filter > li a.active {
    background: #0088CC;
}

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

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

html.modern .userbox .profile-picture.profile-picture-as-text {
    background: #0088CC;
}

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

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

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

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

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

html.modern .notifications .notification-menu .view-more {
    color: #0088CC;
}

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

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

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

.portfolio-item.portfolio-item-new:after {
    background: #0088CC;
}

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

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;
}

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

.nav-link:hover,
.nav-link:focus {
    color: #0099e6;
}

.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;
}

.dropdown-item.active,
.dropdown-item:active {
    background: #0088CC;
}

.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);
}

.form-select:focus {
    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;
}

html .btn-primary {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
    color: #FFF;
}

html .btn-primary:hover,
html .btn-primary.hover {
    background-color: #00a1f2;
    border-color: #00aaff #00aaff #0088CC;
    color: #FFF;
}

html .btn-primary:focus,
html .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(0, 136, 204, 0.5);
    background-color: #0088CC;
    border-color: #0088CC;
}

html .btn-primary.disabled,
html .btn-primary:disabled {
    background-color: #0088CC;
    border-color: #0088CC #0088CC #006699;
}

html .btn-primary:active,
html .btn-primary.active,
.show > html .btn-primary.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;
}

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

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: #006ea6;
    background-image: none;
    border-color: #006699 #006699 #004466;
}

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

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

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

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

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

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 {
    background-color: #49525e;
    border-color: #4e5865 #4e5865 #383f48;
    color: #FFF;
}

html .btn-quaternary:focus,
html .btn-quaternary.focus {
    box-shadow: 0 0 0 3px rgba(56, 63, 72, 0.5);
    background-color: #383f48;
    border-color: #383f48;
}

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

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

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

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

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

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

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

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

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

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

html .btn-dark:focus,
html .btn-dark.focus {
    box-shadow: 0 0 0 3px rgba(46, 53, 62, 0.5);
    background-color: #2e353e;
    border-color: #2e353e;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pagination > li > a,
.pagination > li > span,
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #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;
    color: #ffffff
}

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

.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,
.modal-block-primary .fab,
.modal-block-primary .fal,
.modal-block-primary .far,
.modal-block-primary .fas {
    color: #ffffff;
}

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

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

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

.modal-block-primary.modal-full-color .card-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;
}

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 thead tr:last-child th:hover {
    color: #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;
    color: #FFF;
}

.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;
}

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 thead tr:last-child th:hover {
    color: #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;
    color: #FFF;
}

.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;
}

/* harbi custom css :))) */

.footer-msg {
    font-size: 12px;
    line-height: 16px;
    display: inline-block;
    vertical-align: baseline;
    font-family: 'Raleway', sans-serif;
}

.footer-msg .fa.fa-heart {
    vertical-align: baseline;
    font-size: 10px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    transition: color 1s ease;
}

footer:hover .fa.fa-heart {
    color: #FF0000;
    animation: pulse 1s infinite;
}

footer:hover .signature {
    font-weight: bolder;
}

@keyframes pulse {
    0% {
        transform: scale(0.9);
    }
    70% {
        transform: scale(1.25);
    }
    100% {
        transform: scale(0.9);
    }
}

.u-VisuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

@font-face {
    font-family: Signature;
    src: url('../home/css/fonts/signature.woff2') format('woff2'),
    url('../home/css/fonts/signature.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.signature {
    font-family: Signature, sans-serif;
    font-size: x-large;
    color: #007BFA;
}

.w400 {
    width: 400px;
}

.w350 {
    width: 350px;
}


.w300 {
    width: 300px;
}

.w275 {
    width: 275px;
}

.w250 {
    width: 250px;
}

.w200 {
    width: 200px;
}

.w175 {
    width: 175px;
}

.w150 {
    width: 150px;
}

.w125 {
    width: 125px;
}

.w100 {
    width: 100px;
}

.w75 {
    width: 75px !important;
}

.w50 {
    width: 50px;
}

.w20 {
    width: 20px;
}

.w10 {
    width: 10px;
}

tbody tr td {
    vertical-align: middle;
}

.dropdown-warning:hover {
    color: #ed9c28 !important;
}

.dropdown-primary:hover {
    color: #0088cc !important;
}

.dropdown-danger:hover {
    color: #d2322d !important;
}

.dropdown-success:hover {
    color: #47a447 !important;
}

.dropdown-info:hover {
    color: #5bc0de !important;
}

.header .logo {
    margin: 0 0 0 10px !important;
}

html.modern .header.header-nav-menu .logo,
html.modern .header:not(.header-nav-menu) .logo {
    padding: 0 0 0 15px !important;
}

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

.table-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 50px;
}

.table-image {
    max-width: 40px;
}

.nav-link:hover, .nav-link:focus {
    color: #0088CC;
}

html.fixed .content-body {
    padding: 20px;
}

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

.profile-photo-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
}

.profile-photo-section > .thumb-info > img {
    min-width: 100%;
}

.thumb-buttons {
    display: flex;
    justify-content: stretch;
}

.thumb-buttons > a > .btn {
    width: 100%;
}

.check-buttons {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@media (max-width: 767px) {
    html.modern .userbox {
        position: absolute;
        right: 15px;
        left: unset;
    }

    .userbox .profile-picture {
        display: inline-block;
    }

    .userbox .name, .userbox .role {
        max-width: unset;
    }
}

.content-body {
    background-image: url(../img/body-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60%;
    min-height: calc(100vh - 120px);
}

section.body {
    background-color: #ecedf0;
}

.select2-container--bootstrap .select2-selection {
    border-color: #ced4da !important;
}

.header .logo-container .logo {
    display: inline-block;
}

.nano.hovered > .nano-content > #menu > #main-nav > .sidebar-title {
    opacity: 1;
}

div.dataTables_wrapper div.dataTables_info {
    font-size: 13px !important;
    padding: 0 !important;
    margin-top: 20px !important;
}

div.table-responsive > div.dataTables_wrapper > div.row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

ul.nav-main > li > a:hover {
    cursor: pointer;
}

@media only screen and (min-width: 768px) {
    html.fixed .inner-wrapper {
        padding-top: 70px;
    }
}

.text-shadow {
    text-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
}

.dropdown-menu .dropdown-item {
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.fuzzy {
    font-family: 'Fuzzy Bubbles', cursive;
}

.kalam {
    font-family: 'Kalam', cursive;
    font-weight: bold;
    font-size: 1rem;
}

.widget-summary .summary {
    min-height: 90px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.avatar-name {
    font-family: 'Poppins', sans-serif;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: -webkit-linear-gradient(#ccc, #999);
    font-size: 1rem;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-weight: 500;
}

.profile-photo-name {
    font-family: 'Poppins', sans-serif;
    font-size: 10rem;
    position: absolute;
    top: 45%;
    left: 52%;
    transform: translate(-50%);
    color: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
    font-weight: 500;
}

@media only screen and (min-width: 768px) {
    .profile-photo-name {
        font-size: 14rem;
    }
}

@media only screen and (min-width: 992px) {
    .profile-photo-name {
        font-size: 4rem;
    }
}

@media only screen and (min-width: 1440px) {
    .profile-photo-name {
        font-size: 8rem;
    }
}

@media only screen and (min-width: 2048px) {
    .profile-photo-name {
        font-size: 10rem;
    }
}

.table-image-container > .avatar-name {
    width: 40px !important;
    height: 40px !important;
    font-size: 1.1rem !important;
}

.note-toolbar.card-header {
    justify-content: start !important;
}

html.sidebar-left-collapsed > body > section > .header > .logo-container > .logo {
    margin-left: 65px !important;
}

@media only screen and (max-width: 767px) {
    html.sidebar-left-collapsed > body > section > .header > .logo-container > .logo {
        display: inline-block !important;
    }
}

.dataTables_length {
    margin-bottom: 0.5rem !important;
}

.announcement-title:hover {
    text-decoration: none !important;
}

.page-link {
    font-size: 13px !important;
}

.card-footer {
    background: #f6f6f6;
    padding: 12px 18px;
}