/*
* custom-light.css
* File include item custom only specific css only
******************************************************************************/
body {
    background: #eaeaea;
}
.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
    padding-left: 20.25rem;
}
.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
    /*left: 21.80rem;*/
}
.layout-navbar-fixed .layout-navbar.navbar-detached {
    width: calc(100% - calc(1.5rem * 2) - 20.25rem);
}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: #11375C;
}
.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
    color: #11375C;
}
.bg-menu-theme .menu-link.active, .bg-menu-theme .menu-horizontal-prev.active, .bg-menu-theme .menu-horizontal-next.active {
    color: #11375C;
}

/* tweak menu */
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical {
    width: 5rem;
}
.layout-menu-collapsed .layout-navbar .layout-menu-toggle.navbar-nav {
    display: block !important;
}
.layout-menu-toggle .menu-toggle-icon::before {
    content: "\f137";
}
.layout-menu-collapsed .layout-menu-toggle .menu-toggle-icon::before {
    content: "\f138";
}
.layout-navbar.navbar-detached.container-xxl {
    max-width: calc(1440px - calc(-3.5rem * 2));
}
.app-brand-logo {
    overflow: visible;
}
.app-brand-logo.demo {
    width: 100%;
    height: 40px;
}
.layout-menu-collapsed .app-brand-logo.demo {
    height: 20px;
}
.layout-menu-collapsed .app-brand-logo {
    overflow: hidden;
}
.menu-vertical, .menu-vertical .menu-block, .menu-vertical .menu-inner > .menu-item, .menu-vertical .menu-inner > .menu-header {
    width: 20rem;
}
.bg-menu-theme.menu-vertical .menu-sub > .menu-item .menu-link .menu-icon {
    display: block;
}
.menu-vertical .menu-sub .menu-icon {
    margin-right: 15px;
}
.menu-vertical .menu-inner > .menu-item.open .menu-sub .menu-link {
    padding-left: 2.5rem;
}
.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
    content: '';
}

.menu-vertical .menu-item .menu-link, .menu-vertical .menu-block {
    padding: 1rem 1rem;
}
.menu-vertical .menu-inner > .menu-item .menu-link {
    margin: 0 0.55rem;
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
    background: linear-gradient(72.47deg, #11375C 22.16%, rgb(17 55 92 / 90%) 76.47%);
    box-shadow: 0px 2px 6px 0px rgb(17 55 92 / 48%);
    color: #fff !important;
}
.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
.bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
    background: linear-gradient(72.47deg, #11375C 22.16%, rgb(17 55 92 / 90%) 76.47%);
    box-shadow: 0px 2px 6px 0px rgb(17 55 92 / 48%);
    color: #fff !important;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover,
.layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) > .menu-link:hover {
    background: linear-gradient(72.47deg, #11375C 22.16%, rgb(17 55 92 / 70%) 76.47%);
    box-shadow: 0px 2px 6px 0px rgb(17 55 92 / 48%);
    color: #fff !important;
}
.menu-vertical .menu-inner > .menu-item.open .menu-sub .menu-link.active {
    background: linear-gradient(72.47deg, #11375C 22.16%, rgb(17 55 92 / 90%) 76.47%);
    box-shadow: 0px 2px 6px 0px rgb(17 55 92 / 48%);
    color: #fff !important;
}

/* tweak nav pills */
.nav.nav-pills .nav-item {
    margin-right: 10px;
}
.nav.nav-pills .nav-link {
    background-color: #fff;
    color: #11375C;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
    background-color: #11375C;
    color: #fff;
}

/* custom class */
.text-right {
    text-align: right;
}

/* select2 */
.select2-results__option[role=option][aria-selected=true] {
    background-color: #11375C !important;
}
.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
    border-color: #11375C !important;
}
.select2-container--default .select2-results__option--highlighted:not([aria-selected=true]) {
    background-color: rgba(13, 8, 60, 0.08) !important;
    color: #11375C !important;
}

/* preloader */
.preloader-content {
    width: 100%;
    height: 100%;
    /*top: 0;*/
    position: absolute;
    z-index: 99999;
    background: #fff;
    /*display: none;*/
}
@keyframes ldio-zv83n075w0g {
    0% { transform: rotate(0deg) }
    50% { transform: rotate(22.5deg) }
    100% { transform: rotate(45deg) }
}
.ldio-zv83n075w0g > div {
    transform-origin: 100px 100px;
    animation: ldio-zv83n075w0g 0.33898305084745767s infinite linear;
}
.ldio-zv83n075w0g > div div {
    position: absolute;
    width: 22px;
    height: 152px;
    background: #e15b64;
    left: 100px;
    top: 100px;
    transform: translate(-50%,-50%);
}
.ldio-zv83n075w0g > div div:nth-child(1) {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}
.ldio-zv83n075w0g > div div:nth-child(6) {
    width: 80px;
    height: 80px;
    background: #ffffff;
    border-radius: 50%;
}
.ldio-zv83n075w0g > div div:nth-child(3) {
    transform: translate(-50%,-50%) rotate(45deg)
}
.ldio-zv83n075w0g > div div:nth-child(4) {
    transform: translate(-50%,-50%) rotate(90deg)
}
.ldio-zv83n075w0g > div div:nth-child(5) {
    transform: translate(-50%,-50%) rotate(135deg)
}
.loadingio-spinner-gear-2fxtkmj5vzw {
    width: 200px;
    height: 200px;
    display: inline-block;
    overflow: hidden;
    background: #ffffff;
}
.ldio-zv83n075w0g {
    background: #fff;
    position: absolute;
    top: 20%;
    left: 35%;
    transform: translateZ(0) scale(1);
    backface-visibility: hidden;
    transform-origin: 0 0; /* see note above */
}

@media (min-width: 1200px) {
    .layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
        left: 20.25rem;
    }
    .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu .menu-vertical .menu-inner > .menu-item, .layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .menu-inner > .menu-item {
        width: 5rem;
    }
}
@media (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        /*max-width: 1589px;*/
    }
}

@media (max-width: 768px) {
    .layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
        padding-left: 0;
    }
    .center-mobile {
        text-align: center !important;
    }
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 400px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.chart-style {
    height: 500px;
}


.custom-legend .item {
    cursor: pointer;
}
.custom-legend .bullets {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: relative;
    float: left;
}
.custom-legend .seriesName {
    margin-left: 25px;
    text-decoration: none;
}
.custom-legend .item.selected .bullets {
    background-color: #666666 !important;
}
.custom-legend .item.selected .seriesName {
    text-decoration: line-through;
}