/* department Carousel */
@media screen and (max-width:768px ) {
    .carousel-inner{
        display: flex;
    }

    .carousel-item{
        display: block;
        margin-left: 0;
        margin-right: 0;
        flex: 0 0 65%

    }
}

@media screen and (min-width:768px ) {
    .carousel-inner{
        display: flex;
    }

    .carousel-item{
        display: block;
        margin-left: 0;
        margin-right: 0;
        flex: 0 0 33.333%
    }
}
@media screen and (min-width:1200px ) {
    .carousel-inner{
        display: flex;
    }

    .carousel-item{
        display: block;
        margin-left: 0;
        margin-right: 0;
        flex: 0 0 20%
    }
}
    .carousel-control-prev, .carousel-control-next {
        width: 5vh;
        height: 5vh;
        background-color: #b0b0b0;
        border-radius: 15%;
        top: 50%;

    }
    .carousel-control-prev {
        transform: translate(-60%, -50%);
    }

    .carousel-control-next {
        transform: translate(60%, -50%);
    }

div.task-carousel{
    background-color: #ffffff;
    padding: 3px;
}

div.task-carousel.inview{
    background-color: #aaaaaa;
    padding: 3px;
}

div.task-in-carousel {
    background-color: #f8f8f8;
}


/* Language picker */
div.language-picker {
    /*float:right;*/
    /*margin-top: -10px;*/
    margin: 15px;
    height: 20px;
    padding-top: 3px;
}
div.language-picker ul {
    margin-top: 4px;
}

/* dashboard, department-groups and departments */
div.central div.group , div.dashboard div.group {
    margin-top: 10px;
    width:100%;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}
div.company-index tr {
    cursor: pointer;
}
div.central-single, div.department-single {
    padding: 15px 15px;
}
div.central div.tile, div.department {
    border:1px #EEEEEE solid;
    padding: 5px;
    margin-top: 3px;
    font-size: 85%;
}
div.department.old {
    border: 1px #ff9e6d solid !important;
}
div.department.old .time {
    color: #b30000;
}
div.department div.content {
    white-space: nowrap;
}
div.department div.name {
    font-weight: bold;
    font-size: 120%;
}
div.department div.time {
    float:left;
    font-style: italic;
    color: #cacaca;
    font-size: 74%;
}
div.department div.count .content {
    white-space: nowrap;
}
div.department div.content.details {
    font-size: 70%;
    /*color: #6f6f6f;*/
}
div.department div.content.details.vl-serial {
    float: left;
}
div.department.score_-3 {
    background: linear-gradient(to right, rgba(0, 67, 255, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(0, 67, 255);
}
div.department.score_-2 {
    background: linear-gradient(to right, rgba(0, 134, 255, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(0, 134, 255);
}
div.department.score_-1 {
    background: linear-gradient(to right, rgba(0, 202, 227, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(0, 202, 227);
}
div.department.score_0 {
    background: linear-gradient(to right, rgba(0, 191, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(0, 191, 0);
}
div.department.score_1 {
    background: linear-gradient(to right, rgba(255, 171, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 171, 0);
}
div.department.score_2 {
    background: linear-gradient(to right, rgba(255, 93, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 93, 0);
}
div.department.score_3 {
    background: linear-gradient(to right, rgba(255, 67, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 67, 0);
}
div.department.score_no {
    background: linear-gradient(to right, rgba(60, 130, 130, 0.08), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(200, 220, 220);
}

div.department div.dept-row {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
}

div.cli {
    background: white;
    border: 2px solid #aaa;
    border-radius: 5px;
    overflow:auto;
    color: black;
}

span.ts{
    color: darkgreen;
    font-style: italic;
}
.cli-old{
    color: #aaa;
}

div.department div.dept-row,
div.department div.icon{
    min-height: 2rem;
}
div.department.score_-3 div.icon,
div.department.score_3 div.icon {
    background: 0.625rem 0.125rem url('../../images/icons/score3_22.png') no-repeat;
}
div.department.score_-2 div.icon,
div.department.score_2 div.icon {
    background: 0.625rem 0.125rem url('../../images/icons/score2_22.png') no-repeat;
}
div.department.score_-1 div.icon,
div.department.score_1 div.icon {
    background: 0.625rem 0.125rem url('../../images/icons/score1_22.png') no-repeat;
}
div.department.score_0 div.icon {
    background: 0.625rem 0.125rem url('../../images/icons/score0_22.png') no-repeat;
}
div.department div.temp.score0::before {
    content: '<i class="fas fa-thermometer-empty fa-lg" style="color:#0043ff"></i>';
}
@media (max-width: 767px) {
    div.department.remote {
        /* attempt to fix stubborn SVG behavior overflowing the container when container is 100% */
        padding-right: 18px;
    }
}

div.central div.tile.score_0 div.icon {
    background: 20px 2px url('../../images/icons/score0_22.png') no-repeat;
}
div.central div.tile.score_1 div.icon {
    background: 20px 2px url('../../images/icons/score1_22.png') no-repeat;
}
div.central div.tile.score_2 div.icon {
    background: 12px 2px url('../../images/icons/score2_22.png') no-repeat;
}
div.central div.tile.score_3 div.icon {
    background: 20px 2px url('../../images/icons/score3_22.png') no-repeat;
}

div.central div.tile.score_0 {
    background: linear-gradient(to right, rgba(0, 191, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(0, 191, 0);
}
div.central div.tile.score_1 {
    background: linear-gradient(to right, rgba(255, 171, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 171, 0);
}
div.central div.tile.score_2 {
    background: linear-gradient(to right, rgba(255, 93, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 93, 0);
}
div.central div.tile.score_3 {
    background: linear-gradient(to right, rgba(255, 67, 0, 0.13), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(255, 67, 0);
}
div.central div.tile.score_no {
    background: linear-gradient(to right, rgba(60, 130, 130, 0.08), rgba(0, 0, 0, 0) 33%);
    border-color: rgb(170, 200, 200);
}

div.central div.tile {
    background: white;
    font-size: 100%;
}

div.central div.dept-row,
div.central div.icon{
    min-height: 2rem;
}

div.pointer {
    cursor: pointer;
}

div.dashboard-container, div.central-container {
    border: 1px #dbdbdb solid;
    border-radius: 4px;
    padding: 10px;
    background: white;
    margin: 8px -7px;
}


@media (min-width: 1201px) {
    div.dashboard-container.temperature,
    div.dashboard-container.ventilation {
        min-height: 120px;
    }
    div.dashboard-container.details, div.central-container.details {
        min-height: 314px;
    }
    div.dashboard-container.control, div.central-container.control {
        min-height: 450px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    div.dashboard-container.temperature,
    div.dashboard-container.ventilation {
        min-height: 120px;
    }
    div.dashboard-container.details, div.central-container.details {
        min-height: 237px;
    }
    div.dashboard-container.control, div.central-container.control {
        min-height: 402px;
    }
}
@media (max-width: 991px) {
    div.dashboard-container.temperature,
    div.dashboard-container.ventilation {
        min-height: 120px;
    }
    div.dashboard-container.details, div.central-container.details {
    }
    div.dashboard-container.control, div.central-container.control {
    }
}