.building {
    background: var(--high-color);
	box-shadow: var(--shadow-low);
    border-radius: 4px;
    font-size: 16px;
	margin: 10px;
}

.building:hover {
	box-shadow: var(--shadow-high);
}

    .building label {
        cursor: pointer;
        font-weight: normal;
    }

    .building__header {
        border-bottom: 1px solid var(--lightgray-color);
        margin-bottom: 10px;
        padding: 10px;
    }

    .building__body {
        display: flex;
        width: 100%;
    }

    .building__header label {
        font-weight: bold;
        font-size: 14px;
        display: inline;
        letter-spacing: -1px;
        line-height: 18px;
    }

    .building__entrance {
        border-left: 1px solid var(--table-color);
        border-right: 1px solid var(--table-color);
        flex-grow: 1;
        flex-basis: 0;
        margin: 10px;
    }

    .entrance__header {
        background: var(--table-color);
        color: #fff;
        padding: 6px 8px 8px;
    }

    .entrance__body {
        display: flex;
        flex-direction: column;
        height: calc(100% - 30px);
    }

    .building__floor {
        background: #fff;
        border-bottom: 1px solid var(--table-color);
        display: flex;
        align-items: baseline;
        flex: 1;
        margin: 0px;
    }

    .floor__header {
        background: #f3f3f3;
        color: rgba(0, 0, 0, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        font-size: 30px;
        min-width: 50px;
        width: 50px;
    }

    .floor__body {
        display: flex;
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 10px;
        padding-right: 10px;
    }

    .building__room {
        font-size: 14px;
        margin-left: 10px;
        margin-bottom: 10px;
        width: auto;
    }
    
.room__device {
    position: relative;
    border-radius: 5px;
    font-size: 14px;
    min-width: 90px;
    min-height: 50px;
    max-width: 280px;
    height: 100%;
    padding: 6px 10px 24px;
    transition: 0.1s;
}

    .room__device-header label {
        font-size: 12px;
        font-weight: bold;
        padding: 0 10px 6px 0;
    }

    .room__device-body {
        position: absolute;
        left: 10px;
        bottom: 10px;
        right: 10px;
    }

    .room__device:hover {
        box-shadow: 2px 2px 3px 0.12px rgba(0, 0, 0, 0.3);
        cursor: pointer;
    }

    .room__device-icon_use {
        position: absolute;
        right: -6px;
        bottom: -6px;
        display: block;
        width: 12px;
        height: 12px;
    }

.room__device-icon_voltage {
    position: absolute;
    right: 5px;
    display: block;
    width: 12px;
    height: 12px;
    top: 5px;
}

.off_temp {
    background: #869098;
    color: white;
}

.high_temp {
    background: rgba(226, 0, 15);
    color: white;
}
.high_temp_80 {
    background: rgba(226, 0, 15, 0.8);
    color: white;
}
.high_temp_60 {
    background: rgba(226, 0, 15, 0.6);
    color: white;
}
.high_temp_40 {
    background: rgba(226, 0, 15, 0.4);
    color: rgba(0, 0, 0, 0.9);
}
.high_temp_20 {
    background: rgba(226, 0, 15, 0.2);
    color: rgba(0, 0, 0, 0.9);
}

.low_temp_20 {
    background: rgba(31, 97, 163, 0.2);
    color: rgba(0, 0, 0, 0.9);
}

.low_temp_40 {
    background: rgba(31, 97, 163, 0.4);
    color: rgba(0, 0, 0, 0.9);
}

.low_temp_60 {
    background: rgba(31, 97, 163, 0.6);
    color: white;
}

.low_temp_80 {
    background: rgba(31, 97, 163, 0.8);
    color: white;
}

.low_temp {
    background: rgba(31, 97, 163);
    color: white;
}

#buildingViewScroll {
    min-height: 190px;
}

.schedule_edit_input{
    width: 100%
}

.info_td {
    cursor: default;
    width: 180px;
}

.edited_td {
    cursor: text;
    width: 54px;
}

    .edited_td input.datepicker {
        background-color: rgb(var(--table_regular_stroke_hover-rgb)) !important;
        width: 100%;

        border: 0;
        border-radius: 0;
        position: absolute;
        top: 0;
        right: 0;
        height: 30px;
    }

        .edited_td input:hover {
			background-color: var(--high-color) !important;
            box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
            outline: none !important;
            z-index: 900;
        }

.scheduleTable th {
    cursor: default;
}

.grouped_th {
    border-bottom: 1px solid var(--high-color) !important;
    text-align: center;
}

.table-regular td.edited_td {
    padding: 0;
}

table.scheduleTable td {
    overflow: unset;
}

#modeSettingsModal .table-mob {
    padding: 10px;
}