/*
.grid-stack-item-content {
    overflow-y: hidden !important;
}
*/

:root {
    --linechart-grid-color: #373a3e;
    --linechart-font-size: 14;
}

.widget_container {
    width: 100% !important;
    height: 100% !important;
    --progress-bar-color: var(--bs-secondary-text);
}

.station_table {
    border-collapse: separate;
    /*border-spacing:0 var(--dash-row-space);*/
    padding: 2px !important;
}

.station_row {
    /*min-height: var(--dash-row-height);*/
    /*height: var(--dash-row-height);*/
    outline: solid 2px;
}

.alarm_table {
    border-collapse: separate;
    /*border-spacing:0 var(--alarm-row-space);*/
    padding: 1px !important;
}

.alarm_row {
    /*min-height: var(--alarm-row-height);
    height: var(--alarm-row-height);*/
    outline: solid 1px;
}

.widgetcontrol {
    display: none;
}

.widgetoverlay {
    z-index: 100;
}

.widget-edit-button {

}


.geomap {
    width: 100% !important;
    height: 100% !important;
    z-index: 10;
}

.geomap .leaflet-tile-pane {
    filter: brightness(0.6) invert(1) contrast(3) hue-rotate(200deg) saturate(0.3) brightness(0.7);
}

.leaflet-attribution-flag {
    display: none !important;
}


.analog-gauge-container {
    position: relative;
    height: 100%;
}

.analog-label-container {
    position: absolute;
    width: 100%;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.analog-unit-container {
    position: absolute;
    width: 100%;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}

.analog-gauge-zone {
    height: 100%;
}

.slide-card {
    border: 0;
    height: 100%;
    overflow: hidden;
}

.slide-card .card-body {
    height: 100%;
}

.slide-card-container {
    /*position: absolute;
    bottom: 0;*/
    overflow-y: hidden;
    /*overflow-x: scroll;*/
}

.textwidget {
    width: 100%;
    display: inline-block;
}

.keyvalwidget {
    width: 100%;
    display: inline-block;
}

.picture-view {
}

.picture-content-stretch {
    width: 100%;
    height: 100%;
}

.picture-content-cover {
    width: 100%;
    height: auto;
}

.picture-content-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.led-light {
    width: var(--led-radius);
    height: var(--led-radius);
}

.led-text {
    margin-top: var(--let-txt-margin);
}