*{
    overflow:hidden;
    box-sizing: border-box;
}
 body{
    height: 2500px;
    width: 1900px;
    margin: 0;
    padding: 0;
    overflow:hidden;
}

.hr{
    background-color: #aaa;
    height: 100%;
    width: 100%;
    display: block !important;
}
.slidersOut{
    height:2500px;
    width:1900px;
    position:relative;
}

.sliders{
    height:100%;
    width:100%;
    scrollbar-width: none;
    overflow:scroll;
}

.sliders::-webkit-scrollbar {
    width:0;
}
.axisTag{
    position:absolute;
    top:0;
    left:0;
    height:71px;
    width:237.5px;
    background-color:#000;
    z-index:5;
    display: flex;
    align-items: center;
    justify-content: center;
}
.axisTag p{
    font-size:30px;
    color: #fff;
    font-family: Qbold;
}

.daysTag{
    position:absolute;
    top:0;
    left:0;
    height:71px;
    width:1900px;
    background-color:rgba(255, 255, 255, .4);
    display:flex;
    z-index:4;
}
.daysTag div{
    font-size:30px;
    background-color:#fff;
    width:237.5px;
    height:71px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 5px solid #000;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    color: #000;
    font-family: Qbold;
}
.hoursTag{
    position:absolute;
    top:22px;
    left:0;
    height:2500px;
    width:237.5px;
    z-index:4;
}
.hoursTag div{
    height:71px;
    width:238px;
    border-top: 1px dotted #000;
    border-right: 5px solid #000;
    color: #000;
    text-align:center;
    font-size:30px;
    font-family: Qbold;
    padding:3.25px;
    background-color: rgba(255,255,255,.5);
}
.hoursTag div:first-child{
    border:none;
}

.canvas{
    width: 1900px;
    height: calc(var(--fvh)*245);
    display:grid;
    grid-template-columns:repeat(8, 237.5px);
    grid-template-rows:repeat(49, 71px);
}


.canvas .days{
    grid-area:days;
    background-color:rgb(255, 182, 126);

}

.canvas .day{
    grid-area:day;
    background-color: #eee;
}

.canvas div.pr{
    border: 5px solid #000;
    background-color: #fff;
    display: flex;
    align-items: center;
    background-color: #fff !important;
    justify-content: center;
}
.canvas div.pr p{
    /*font-size: 6vh;*/
    font-family: Qbold;
    white-space: nowrap;
    line-height: 1em;
    overflow: visible;
    text-align: center;
    color: #000 !important;
    display:flex;
    justify-content: center;
    align-items: center;
}
.canvas div.pr p.torque{
    transform: rotate(90deg);
}

.generalInfo{
    font-size:25px;
    width: 100%;
    height:100%;
    background-color: #fff;
    padding:1em;
    font-family: Qmedium;
    overflow-y:auto;
    width: 100%;
    height:auto;
    display: flex !important;
    flex-direction: column;
}

.generalInfo ul{
    column-count: 4;
}
.generalInfo li{
    overflow:visible;
    margin-top: .5em;
}
.generalInfo ul.cob li{
    margin-left: 2em;
}
.generalInfo ul.cob:not(:last-child){
    margin-bottom:2em;
}

.generalInfo p.estado{
    margin-left: 1.5em;
    margin-top: .4em;
    font-size:1.2em;
    font-weight: bold;
    height: 2.4em
}