.scire-panel {
    margin-bottom: 1.067vh;
    background-color: var(--DarkScire_30);
    border: 1px solid;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    padding: 2vh 2vw;
}

    .scire-panel.image-container {
        padding: 0 1vw;
    }

.scire-panel-body {
    padding: 1.067vh 0.52vw;
    height: fit-content;
    display: flow-root;
}

.scire-panel-heading {
    padding: 1.067vh 0.78125vw;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .scire-panel-heading.collapsed i.fa.fa-trash {
        display: none;
    }

    .scire-panel-heading > .dropdown .dropdown-toggle {
        color: inherit;
    }

.scire-panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.77vh;
    color: rgb(110, 110, 105);
    text-align: center;
}

    .scire-panel-title > a,
    .scire-panel-title > small,
    .scire-panel-title > .small,
    .scire-panel-title > small > a,
    .scire-panel-title > .small > a {
        color: inherit;
    }

    .scire-panel-title i.fa.fa-trash {
        float: right;
        font-size: 2.5vh;
    }

.scire-panel-footer {
    padding: 1.067vh 0.78125vw;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.scire-panel > .list-group,
.scire-panel > .scire-panel-collapse > .list-group {
    margin-bottom: 0;
}

    .scire-panel > .list-group .list-group-item,
    .scire-panel > .scire-panel-collapse > .list-group .list-group-item {
        border-width: 1px 0;
        border-radius: 0;
    }

    .scire-panel > .list-group:first-child .list-group-item:first-child,
    .scire-panel > .scire-panel-collapse > .list-group:first-child .list-group-item:first-child {
        border-top: 0;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .scire-panel > .list-group:last-child .list-group-item:last-child,
    .scire-panel > .scire-panel-collapse > .list-group:last-child .list-group-item:last-child {
        border-bottom: 0;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

.scire-panel > .scire-panel-heading + .scire-panel-collapse > .list-group .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.scire-panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
}

.list-group + .scire-panel-footer {
    border-top-width: 0;
}

.scire-panel > .table,
.scire-panel > .table-responsive > .table,
.scire-panel > .scire-panel-collapse > .table {
    margin-bottom: 0;
}

    .scire-panel > .table caption,
    .scire-panel > .table-responsive > .table caption,
    .scire-panel > .scire-panel-collapse > .table caption {
        padding: 0 0.78125vw;
    }

    .scire-panel > .table:first-child,
    .scire-panel > .table-responsive:first-child > .table:first-child {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

        .scire-panel > .table:first-child > thead:first-child > tr:first-child,
        .scire-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
        .scire-panel > .table:first-child > tbody:first-child > tr:first-child,
        .scire-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

            .scire-panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
            .scire-panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
            .scire-panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
            .scire-panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
                border-top-left-radius: 3px;
            }

            .scire-panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
            .scire-panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
            .scire-panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
            .scire-panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
            .scire-panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
                border-top-right-radius: 3px;
            }

    .scire-panel > .table:last-child,
    .scire-panel > .table-responsive:last-child > .table:last-child {
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }

        .scire-panel > .table:last-child > tbody:last-child > tr:last-child,
        .scire-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
        .scire-panel > .table:last-child > tfoot:last-child > tr:last-child,
        .scire-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px;
        }

            .scire-panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
            .scire-panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
            .scire-panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
            .scire-panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
                border-bottom-left-radius: 3px;
            }

            .scire-panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
            .scire-panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
            .scire-panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
            .scire-panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
            .scire-panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
                border-bottom-right-radius: 3px;
            }

    .scire-panel > .scire-panel-body + .table,
    .scire-panel > .scire-panel-body + .table-responsive,
    .scire-panel > .table + .scire-panel-body,
    .scire-panel > .table-responsive + .scire-panel-body {
        border-top: 1px solid #ddd;
    }

    .scire-panel > .table > tbody:first-child > tr:first-child th,
    .scire-panel > .table > tbody:first-child > tr:first-child td {
        border-top: 0;
    }

.scire-panel > .table-bordered,
.scire-panel > .table-responsive > .table-bordered {
    border: 0;
}

    .scire-panel > .table-bordered > thead > tr > th:first-child,
    .scire-panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
    .scire-panel > .table-bordered > tbody > tr > th:first-child,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .scire-panel > .table-bordered > tfoot > tr > th:first-child,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .scire-panel > .table-bordered > thead > tr > td:first-child,
    .scire-panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
    .scire-panel > .table-bordered > tbody > tr > td:first-child,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .scire-panel > .table-bordered > tfoot > tr > td:first-child,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
        border-left: 0;
    }

    .scire-panel > .table-bordered > thead > tr > th:last-child,
    .scire-panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
    .scire-panel > .table-bordered > tbody > tr > th:last-child,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .scire-panel > .table-bordered > tfoot > tr > th:last-child,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .scire-panel > .table-bordered > thead > tr > td:last-child,
    .scire-panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
    .scire-panel > .table-bordered > tbody > tr > td:last-child,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .scire-panel > .table-bordered > tfoot > tr > td:last-child,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
        border-right: 0;
    }

    .scire-panel > .table-bordered > thead > tr:first-child > td,
    .scire-panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
    .scire-panel > .table-bordered > tbody > tr:first-child > td,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
    .scire-panel > .table-bordered > thead > tr:first-child > th,
    .scire-panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
    .scire-panel > .table-bordered > tbody > tr:first-child > th,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
        border-bottom: 0;
    }

    .scire-panel > .table-bordered > tbody > tr:last-child > td,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .scire-panel > .table-bordered > tfoot > tr:last-child > td,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
    .scire-panel > .table-bordered > tbody > tr:last-child > th,
    .scire-panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .scire-panel > .table-bordered > tfoot > tr:last-child > th,
    .scire-panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
        border-bottom: 0;
    }

.scire-panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
}

.scire-panel-group {
    margin-bottom: 2.134vh;
}

    .scire-panel-group .scire-panel {
        margin-bottom: 0;
        border-radius: 4px;
    }

        .scire-panel-group .scire-panel + .scire-panel {
            margin-top: 0.533vh;
        }

    .scire-panel-group .scire-panel-heading {
        border-bottom: 0;
    }

        .scire-panel-group .scire-panel-heading + .scire-panel-collapse > .scire-panel-body,
        .scire-panel-group .scire-panel-heading + .scire-panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .scire-panel-group .scire-panel-footer {
        border-top: 0;
    }

        .scire-panel-group .scire-panel-footer + .scire-panel-collapse .scire-panel-body {
            border-bottom: 1px solid #ddd;
        }

.scire-panel-default {
    border-color: #ddd;
}

    .scire-panel-default > .scire-panel-heading {
        color: #333;
        background-color: #f5f5f5;
        border-color: #ddd;
    }

        .scire-panel-default > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #ddd;
        }

        .scire-panel-default > .scire-panel-heading .badge {
            color: #f5f5f5;
            background-color: #333;
        }

    .scire-panel-default > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #ddd;
    }

.scire-panel-primary {
    border-color: #337ab7;
}

    .scire-panel-primary > .scire-panel-heading {
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
    }

        .scire-panel-primary > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #337ab7;
        }

        .scire-panel-primary > .scire-panel-heading .badge {
            color: #337ab7;
            background-color: #fff;
        }

    .scire-panel-primary > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #337ab7;
    }

.scire-panel-success {
    border-color: #d6e9c6;
}

    .scire-panel-success > .scire-panel-heading {
        color: #3c763d;
        background-color: #dff0d8;
        border-color: #d6e9c6;
    }

        .scire-panel-success > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #d6e9c6;
        }

        .scire-panel-success > .scire-panel-heading .badge {
            color: #dff0d8;
            background-color: #3c763d;
        }

    .scire-panel-success > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #d6e9c6;
    }

.scire-panel-info {
    border-color: #bce8f1;
}

    .scire-panel-info > .scire-panel-heading {
        color: #31708f;
        background-color: #d9edf7;
        border-color: #bce8f1;
    }

        .scire-panel-info > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #bce8f1;
        }

        .scire-panel-info > .scire-panel-heading .badge {
            color: #d9edf7;
            background-color: #31708f;
        }

    .scire-panel-info > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #bce8f1;
    }

.scire-panel-warning {
    border-color: #faebcc;
}

    .scire-panel-warning > .scire-panel-heading {
        color: #8a6d3b;
        background-color: #fcf8e3;
        border-color: #faebcc;
    }

        .scire-panel-warning > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #faebcc;
        }

        .scire-panel-warning > .scire-panel-heading .badge {
            color: #fcf8e3;
            background-color: #8a6d3b;
        }

    .scire-panel-warning > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #faebcc;
    }

.scire-panel-danger {
    border-color: #ebccd1;
}

    .scire-panel-danger > .scire-panel-heading {
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
    }

        .scire-panel-danger > .scire-panel-heading + .scire-panel-collapse > .scire-panel-body {
            border-top-color: #ebccd1;
        }

        .scire-panel-danger > .scire-panel-heading .badge {
            color: #f2dede;
            background-color: #a94442;
        }

    .scire-panel-danger > .scire-panel-footer + .scire-panel-collapse > .scire-panel-body {
        border-bottom-color: #ebccd1;
    }

.scire-panel-body .form-control {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: normal;
    font-size: 1.52vh;
    color: var(--PurpleMedio1);
    border: 0.0926vh solid var(--Gray4);
    border-radius: 0.37vh;
    background-color: var(--BG3);
    margin-bottom: 0.926vh;
}

    .scire-panel-body .form-control:not(textArea) {
        height: auto;
    }

;scire-panel-body label {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-weight: bold;
    font-size: 1.394vh;
    color: var(--PurpleMedio1);
    margin-bottom: 0.833vh;
}

.scire-panel-body .form-group {
    margin-bottom: 2.4vh;
}


.scire-dashboard {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.hasSpecialAlert .scire-dashboard {
    margin-top: 1.25vh;
}

.scire-card-ext {
    padding: 0 0.15625vw 0.32vh 0;
}

.scire-card {
    background: #fff;
    padding: 2.66vh 1.3vw;
    box-shadow: 0 2.5px 3px rgba(0.3,0.13,0.23,0.1);
    border-radius: 5px;
}

.scire-dash-upperblock {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: baseline;
}

.scire-sup-box {
    position: relative;
    flex: 1 1 0px;
    display: inline-block;
    align-self: stretch;
    height: auto;
    margin: 0 0.15625vw 0.32vh 0;
}

.scire-dash-lowerblock {
    display: flex;
    width: 100%;
    height: 68.18vh;
    flex-flow: row;
}

.scire-dash-leftcol {
    display: flex;
    min-width: calc(100% / 6);
    height: 100%;
    flex-flow: column nowrap;
    justify-content: stretch;
    align-items: stretch;
    margin: 0 0 0.32vh 0;
}

.scire-left-box {
    position: relative;
    flex: 1 1 0px;
    align-self: auto;
    min-height: fit-content;
    margin: 0 0.15625vw 0.32vh 0;
}

.scire-lastinspection-icon {
    display: inline-block;
    height: 1.647vh;
    margin-bottom: 0.3vh;
    margin-right: 0.26vw;
}

.scire-dashboard-row {
    display: flex;
    width: 100%;
    height: 4.3vh;
    line-height: 4.3vh;
    text-align: justify;
    word-break: break-word;
    word-spacing: normal;
    padding-left: 0.52vw;
    background-color: #f7f7f7;
}

    .scire-dashboard-row.odd,
    .dashboard-stability-table .odd {
        background-color: white;
    }

.dashboard-stability-table .even {
    background-color: #f7f7f7;
}

.scire-forecast-box {
    display: block;
    height: 30vh;
    padding-top: 3.5vh;
}

.scire-stability-box {
    display: block;
    height: 37.86vh;
    padding-top: 3.5vh;
    margin-top: 0.15625vw;
}

.scire-forecast-icon {
    display: inline-block;
    height: 4vh;
    width: 4vh;
    margin: 0 0.26vw;
}

.scire-forecast-pluvy {
    display: inline-block;
    padding-right: 0.26vw;
}

.scire-dash-img-box {
    padding: 0 0 0 0;
    display: inline-block;
    width: 100%;
    height: 68.18vh;
    background-color: #c6c6c6;
    border: 8px solid white;
}

    .scire-dash-img-box .openseadragon-canvas {
        cursor: grab;
    }

        .scire-dash-img-box .openseadragon-canvas:active {
            cursor: grabbing;
        }

.scire-dash-view {
    display: none;
    float: right;
    padding: 0 0.26vw;
    width: fit-content;
    height: 2.3vh;
    line-height: 2.3vh;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    text-align: center;
    font-family: 'Roboto';
    font-size: 1.52vh;
    color: #ebebeb;
}

    .scire-dash-view > a {
        font-family: 'Roboto';
        font-size: 1.52vh;
        color: #ebebeb;
    }

    .scire-dash-view:hover {
        cursor: pointer;
        color: #07182b;
        border-color: #07182b;
    }

.t-mini {
    font-family: 'Roboto';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.267vh;
    color: var(--Gray3);
}

/* titulo medio*/
.t-medium {
    font-family: 'Noto Sans';
    font-size: 1.647vh;
    color: #7d848e;
}

/* titulo destaque*/
.t-spotlight {
    font-family: 'Noto Sans';
    font-weight: bold;
    font-size: 2.28vh;
    color: var(--DarkScire);
    margin: 0 0 0.75vh 0;
}

.t-special-box {
    font-family: 'Roboto';
    font-size: 1.647vh;
    color: var(--DarkScire);
    margin: 0 0 0.75vh 0;
}

.t-special-subbox {
    font-family: 'Roboto';
    font-size: 1.35vh;
    color: var(--DarkScire);
    margin: 0 0 0.75vh 0;
}

.t-forecast-mini {
    font-weight: lighter;
    font-size: 1.4vh;
    color: #07223a;
    margin: 0 0 0.75vh 0;
}

.t-forecast {
    display: inline-block;
    font-size: 1.46vh;
    color: #07223a;
    margin: 0 0 0.75vh 0;
}

.t-forecast-big {
    font-weight: bold;
    font-size: 1.6vh;
    color: #07223a;
    margin: 0 0 0.75vh 0;
}

.t-location {
    font-family: 'Roboto';
    font-size: 1.267vh;
    color: var(--Gray3);
    margin: 0 0 0.75vh 0;
}

.t-legend {
    font-family: 'Noto Sans';
    font-size: 1.01vh;
    color: white;
}

div.reposition-openseadragon {
    position: absolute !important;
    top: unset !important;
    left: unset !important;
    bottom: 0.8537vh !important;
    right: 0.416vw !important;
    display: flex !important;
    flex-direction: column !important;
}

    div.reposition-openseadragon div {
        display: block !important;
    }

        div.reposition-openseadragon div[title="Zoom in"], div.reposition-openseadragon div[title="Zoom in"]:hover,
        div.reposition-openseadragon div[title="Zoom out"], div.reposition-openseadragon div[title="Zoom out"]:hover {
            border-radius: 3px !important;
            box-shadow: 0px 1px 1px rgba(7,24,43,0.4) !important;
        }

        div.reposition-openseadragon div[title="Toggle full page"], div.reposition-openseadragon div[title="Toggle full page"]:hover {
            border-radius: 3px !important;
            margin-top: 0.42vh;
            box-shadow: 0px 1px 1px rgba(7,24,43,0.4) !important;
        }

        div.reposition-openseadragon div[title="Go home"] {
            display: none !important;
        }

.dashboard-stability-table {
    font-size: 1.49vh;
    width: 100%;
}

    .dashboard-stability-table th {
        font-weight: bold;
    }

    .dashboard-stability-table tr {
        line-height: 1.5vh;
    }

    .dashboard-stability-table .data {
        text-align: end;
    }

    .dashboard-stability-table .dataNumber {
        text-align: end;
        font-size: 1.7vh;
    }

    .dashboard-stability-table i {
        margin-left: 2%;
    }

.color-circle {
    display: inline-block;
    margin-top: 3%;
    margin-right: 5%;
    height: 1.5vh;
    width: 1.5vh;
    border-radius: 1.5vh;
}

    .color-circle.red {
        background-color: red;
    }

    .color-circle.green {
        background-color: limegreen;
    }

.modal-dashboard {
    width: 70vw !important;
    top: 17% !important;
    left: 17% !important;
    height: auto !important;
}

button .b-tooltip {
    display: none;
    position: absolute;
    font-family: 'Noto Sans';
    font-size: 1.267vh;
    color: var(--DarkScire);
    text-align: center;
    border-radius: 6px;
    left: 1vw;
    bottom: 1vh;
    width: 7.8125vw;
    padding: 1.067vh 0.52vw;
    background-color: white;
    border: 1px solid var(--CoolGray2);
}

button:hover .b-tooltip {
    display: inline-block;
}

/* weather dashboard*/
.fullpage-dashboard {
    width: 100%;
    height: 100%;
    background-color: white;
    margin: 2rem;
    padding: 2rem;
}

.hasSpecialAlert .fullpage-dashboard {
    padding-top: 1vh;
}

.dashboard-title {
    width: 100%;
    margin-bottom: 3px;
}

    .dashboard-title h4 {
        margin: 0
    }

.dashboard-card {
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    flex-grow: 1;
    background-color: white;
    padding: 1vh 1.1vh;
    box-shadow: 0 2.5px 3px rgb(0 0 0 / 10%);
    margin: 0.32vh 0.15625vw 0 0;
}

.dashboard-card-title {
    color: black;
    font-weight: bold;
    padding: 5px;
    font-size: 1.7vh;
}

.dashboard-card-content {
    padding: 5px;
}

.weatherIcons {
    text-align: center;
    vertical-align: bottom;
    font-family: 'Roboto';
    font-size: 1.35vh;
    color: #7d848e;
    width: 50px;
}

    .weatherIcons:hover {
        color: black;
    }

img.weather-icon {
    margin-bottom: 6px;
}

.dashforecast-icon {
    display: inline-block;
    float: right;
    height: 3vh;
    width: 3vh;
    margin: 0 0.26vw;
}


.rain img.weather-icon {
    content: url(../../../img/_old/scire/weather/rain.svg)
}

.temperature img.weather-icon {
    content: url(../../../img/_old/scire/weather/temp.svg)
}

.humidity img.weather-icon {
    content: url(../../../img/_old/scire/weather/humidity.svg)
}

.wind img.weather-icon {
    content: url(../../../img/_old/scire/weather/wind.svg)
}

.svg-img.hover,
.svg-img:hover {
    filter: brightness(0%);
}

.sidecards-menu {
    display: flex;
    width: 20%;
    height: 100%;
    flex-flow: column nowrap;
    justify-content: space-between;
    gap: 1px;
}

.weather-charts-area {
    position: relative;
    display: flex;
    width: 56vw;
    height: fit-content;
    border: 3px solid #fff;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: white;
    box-shadow: 0 2.5px 3px rgb(0 0 0 / 10%);
    margin-right: 0.15625vw;
}

    .weather-charts-area.bigger-area {
        width: 75vw;
    }

.dash-chart-size {
    width: 100%;
    height: 84.6vh;
}

.hasSpecialAlert .dash-chart-size {
    height: 83.6vh;
}

.dash-small-row {
    display: flex;
    width: 100%;
    height: 42.3vh;
}

.hasSpecialAlert .dash-small-row {
    height: 41.8vh;
}

.dash-small-chart-size {
    width: 50%;
    height: 42.3vh;
}

.hasSpecialAlert .dash-small-chart-size {
    height: 41.8vh;
}

.weatheralert-button {
    width: fit-content;
    background-color: var(--Gray2);
    color: white;
    border-radius: 5px;
    border: none;
    font-size: 1.4vh;
    line-height: 3vh;
    vertical-align: middle;
    padding: 0 0.5vw;
    margin: 15px 0;
}

    .weatheralert-button img {
        margin-right: 3px;
        margin-bottom: 0.6vh;
        height: 1.5vh;
    }

.chart-container {
    display: flex;
    flex-flow: row nowrap;
    width: 56.5vw;
    height: 40vh;
}

.dash-chart-area {
    width: 28.25vw;
    height: 40vh;
    border: 1.5px solid var(--DarkScire);
    box-sizing: border-box;
    box-shadow: 0 2.5px 3px rgb(0 0 0 / 10%);
    border-radius: 5px;
}

.hasNoData {
    width: 100%;
    padding: 30% 4vw;
    vertical-align: middle;
    text-align: center;
}

.filter-shortcut {
    font-size: 1.35vh;
    background-color: var(--Gray5);
    border: none;
    border-radius: 5px;
    padding: 0.2vh 0.5vw;
}

.refresh-icon {
    padding: 0.5vh 0.2vw 0 0;
    cursor: pointer;
    color: #949494;
    font-size: 2.2vh
}

    .refresh-icon:hover {
        color: black
    }

.dashboard-change-side-menu {
    position: absolute;
    z-index: 99;
    right: 1%;
    top: 47%;
    cursor: pointer;
}

.filter-time-period .form-control {
    height: 4vh !important;
    background-color: white;
    text-align: center !important;
    margin-bottom: 0 !important;
}

.radio-row label {
    cursor: pointer;
    font-family: 'Noto Sans';
    font-size: 1.647vh;
    color: #7d848e;
    margin-bottom: 0.833vh;
    font-weight: normal;
}

.radio-row input[type="radio"] {
    margin: 0;
    cursor: pointer;
    height: 1.6vh;
    margin-top: -1px;
}

.wind-direction {
    display: inline-block;
}

    .wind-direction.N {
        transform: rotate(0deg);
    }

    .wind-direction.NNE {
        transform: rotate(22.5deg);
    }

    .wind-direction.NE {
        transform: rotate(45deg);
    }

    .wind-direction.ENE {
        transform: rotate(67.5deg);
    }

    .wind-direction.E {
        transform: rotate(90deg);
    }

    .wind-direction.ESE {
        transform: rotate(112.5deg);
    }

    .wind-direction.SE {
        transform: rotate(135deg);
    }

    .wind-direction.SSE {
        transform: rotate(157.5deg);
    }

    .wind-direction.S {
        transform: rotate(180deg);
    }

    .wind-direction.SSW {
        transform: rotate(202.5deg);
    }

    .wind-direction.SW {
        transform: rotate(225deg);
    }

    .wind-direction.WSW {
        transform: rotate(247.5deg);
    }

    .wind-direction.W {
        transform: rotate(270deg);
    }

    .wind-direction.WNW {
        transform: rotate(292.5deg);
    }

    .wind-direction.NW {
        transform: rotate(315deg);
    }

    .wind-direction.NNW {
        transform: rotate(337.5deg);
    }

.scire-orthophoto-overlays {
    display: none;
}

    .scire-orthophoto-overlays .overlay.section {
        z-index: 11;
    }

        .scire-orthophoto-overlays .overlay.section .overlay-label {
            position: relative;
        }

        .scire-orthophoto-overlays .overlay.section.top_label .overlay-label {
            top: -1vh;
        }

        .scire-orthophoto-overlays .overlay.section.bottom_label .overlay-label {
            top: 1vh;
        }

    .scire-orthophoto-overlays .overlay-label {
        font-family: "Roboto";
        font-size: 1.3vh;
        font-weight: 500;
        color: black;
    }

.weather-div {
    display: flex !important;
}

.weather-phrase {
    overflow: hidden;
    width: 100%;
    padding: 0 0.5rem;
}

.tooltip .tooltip-inner {
    font-size: 10px;
}