/* Add here all your css styles (customizations) */

/* flexbox setup to sticky footer */
html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
}

foot,
footer {
    flex-shrink: 0;
}

/*  Colors   color: #fff !important;*/
.simmsee-brd-primary {
    border-color: #00bac9;
}

.simmsee-bg-primary {
    background-color: #007694;
}

.simmsee-bg-nav {
    background-color: #fff;
}
.simmsee-text-nav {
}

.simmsee-bg-orange {
    background-color: #ff7842;
}

.simmsee-text-primary {
    color: #007794;
}
.simmsee-text-orange {
    color: #ff7842;
}

/*  Main sections  */
@media (min-width: 0px) {
    .simmsee-main-section {
        margin-left: 0.35714rem !important;
        margin-right: 0.35714rem !important;
        margin-bottom: 5rem !important;
        margin-top: 0.5rem !important; /* 2.14286rem */
    }
    .simmsee-main-sub-section {
        margin-left: 0.35714rem !important;
        margin-right: 0.35714rem !important;
        margin-bottom: 0.5rem !important;
        margin-top: 0.5rem !important; /* 2.14286rem */
    }
}
@media (min-width: 576px) {
    .simmsee-main-section {
        margin-left: 1.42857rem !important;
        margin-right: 1.42857rem !important;
    }
}

/*  Card sections  */
@media (min-width: 0px) {
    .simmsee-card-section {
        margin-left: 0.35714rem !important;
        margin-right: 0.35714rem !important;
        margin-bottom: 1rem !important;
        margin-top: 1rem !important; /* 2.14286rem */
    }
}
@media (min-width: 576px) {
    .simmsee-card-section {
        margin-left: 1.42857rem !important;
        margin-right: 1.42857rem !important;
    }
}

.simmsee-main-heading {
    background-color: #fff !important;
    border-color: #ccc !important;
    margin-bottom: 1.42857rem !important;
}

.simmse-main-page-height {
    min-height: 500px;
}

.simmsee-main-footer-space {
    min-height: 800px;
    padding-bottom: 3rem;
}

/*  breadcrum  */
.simmsee-top-breadcrum {
    background-color: #804c9e; /*  #eee; */
    padding-top: 0.35714rem !important;
    padding-bottom: 0.35714rem !important;
    margin-top: 60px;
}

/*  Cards  */
.simmsee-card {
    margin-top: 2.85714rem !important;
    border-radius: 0 !important;
}
.simmsee-card .card-header {
    color: #007794;
    border-radius: 0 !important;
}
.simmsee-card .card-header .fa {
    font-size: 1rem !important;
    margin-right: 0.35714rem !important;
}

.simmsee-graph-height {
    height: 700px;
}
.simmsee-dash-graph-height {
    height: 200px;
}
.simmsee-dash-gauge-height {
    height: 210px;
}

/*  Graph side tools


*/
.simmsee-tab-side-tools-col {
    border: 1px solid #eee;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.simmsee-tab-side-tools {
}
.simmsee-tab-side-tools .btn {
    width: 100%;
}
.simmsee-tab-side-tools .form-group {
    margin: 0px;
}
.simmsee-tab-side-tools .simmsee-side-checkbox {
    width: 50px;
    margin-top: -8px;
}
.simmsee-tab-side-tools .panel-body {
    border: 0.5px solid #eee;
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
    background-color: #ffffff;
}

.simmsee-tab-graph {
    width: 100%;
    height: 700px;
    padding-top: 10px;
}

/* default btn was not included in Unity*/
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    color: #fff;
    background-color: #333;
}

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
    padding: 5px;
}

.table-sidefilter > thead > tr > th,
.table-sidefilter > tbody > tr > th,
.table-sidefilter > tfoot > tr > th,
.table-sidefilter > thead > tr > td,
.table-sidefilter > tbody > tr > td,
.table-sidefilter > tfoot > tr > td {
    padding-top: 2px;
    padding-bottom: 2px;
    font-size: 0.95rem;
}

.simmsee-table-hand-cursor {
    cursor: pointer;
}

.simmsee-download-icon::before {
    content: 'b';
    background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2211px%22%20height%3D%2214px%22%3E%3Cpath%20d%3D%22M3%2C0%20L8%2C0%20L8%2C5%20L11%2C5%20L5.5%2C10%20L0%2C5%20L3%2C5%20L03%2C0%22%20fill%3D%22%23888%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%2212%22%20fill%3D%22%23888%22%20width%3D%2211%22%20height%3D%222%22%2F%3E%3C%2Fsvg%3E);
    background-color: #fff;
    background-position: center;
}

.flex-grow {
    flex: 1 1 auto !important;
}

.amcharts-graph-line .amcharts-graph-stroke {
    stroke-width: 2;
}

a[disabled] {
    color: #6c757d;
    pointer-events: none;
}

.chart-overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0;
    z-index: 5;
    opacity: 25%;
    background-color: #6c757d;
}

.d-flex,
.d-grid {
    --gap: 0.25rem;
}

.d-grid {
    display: grid;

    &.grid-cols-12 {
        grid-template-columns: repeat(12, 1fr);
    }

    &.subgrid {
        grid-template-columns: subgrid;
    }

    .col-span-1 {
        grid-column-end: span 1;
    }

    .col-span-2 {
        grid-column-end: span 2;
    }

    .col-span-3 {
        grid-column-end: span 3;
    }

    .col-span-4 {
        grid-column-end: span 4;
    }

    .col-span-5 {
        grid-column-end: span 5;
    }

    .col-span-6 {
        grid-column-end: span 6;
    }

    .col-span-7 {
        grid-column-end: span 7;
    }

    .col-span-8 {
        grid-column-end: span 8;
    }

    .col-span-9 {
        grid-column-end: span 9;
    }

    .col-span-10 {
        grid-column-end: span 10;
    }

    .col-span-11 {
        grid-column-end: span 11;
    }

    .col-span-12 {
        grid-column-end: span 12;
    }

    .row-span-1 {
        grid-row-end: span 1;
    }

    .row-span-2 {
        grid-row-end: span 2;
    }

    .row-span-3 {
        grid-row-end: span 3;
    }

    .row-span-4 {
        grid-row-end: span 4;
    }

    .row-span-5 {
        grid-row-end: span 5;
    }

    .row-span-6 {
        grid-row-end: span 6;
    }

    .row-span-7 {
        grid-row-end: span 7;
    }

    .row-span-8 {
        grid-row-end: span 8;
    }

    .row-span-9 {
        grid-row-end: span 9;
    }

    .row-span-10 {
        grid-row-end: span 10;
    }

    .row-span-11 {
        grid-row-end: span 11;
    }

    .row-span-12 {
        grid-row-end: span 12;
    }
}

.gap-1 {
    gap: var(--gap);
}

.gap-2 {
    gap: calc(2 * var(--gap));
}

.gap-3 {
    gap: calc(3 * var(--gap));
}

.gap-4 {
    gap: calc(4 * var(--gap));
}

.gap-5 {
    gap: calc(5 * var(--gap));
}

.gap-6 {
    gap: calc(6 * var(--gap));
}

.gap-7 {
    gap: calc(7 * var(--gap));
}

.gap-8 {
    gap: calc(8 * var(--gap));
}

.gap-9 {
    gap: calc(9 * var(--gap));
}

.gap-10 {
    gap: calc(10 * var(--gap));
}

.gap-11 {
    gap: calc(11 * var(--gap));
}

.gap-12 {
    gap: calc(12 * var(--gap));
}

.max-h-fit {
    max-height: fit-content;
}

.badge-secondary {
    background-color: #292b2c;
}