/* 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-gap-1 {
    gap: 1rem;
}

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

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