/**** tabla horarios t�cnicos ****/
.schedule-table{
    width: 100%;
    margin: 1em auto;
    padding: 0;
    font-size: 1rem;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
}
.schedule-table .table-responsive{
    max-height: 750px;
}
.schedule-table .table-responsive::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #fff;
}
.schedule-table .table-responsive::-webkit-scrollbar{
    width: 8px;
    height: 4px;
}
.schedule-table .table-responsive::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #B3B3B3;
}
.schedule-table .table{
    min-width: 1000px;
    margin-bottom: 0;
}
/** caption **/
.schedule-table caption{
    caption-side: top;
    padding: 0.625rem; /*10px*/
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em; /*14px*/
    font-weight: 500;
    line-height: 100%;
    color: #fff;
    background-color: #2D3B41;
}
.schedule-table caption::before{
    font-family: "Font Awesome 5 Free";
    content: '\f073';
    margin-right: 1em;
}
/** gen�ricos **/
.schedule-table table thead th,
.schedule-table table tbody th,
.schedule-table table tbody td{
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 0.750em; /*12px*/
    font-weight: 500;
    text-align: center;
    color: #576267;
}
/** thead **/
.schedule-table table thead{
    height: 2.250rem; /*36px*/
}
.schedule-table table thead th{
    vertical-align: bottom;
    border-bottom: 1px solid #2D3B41;
    background-color: transparent;
}
.schedule-table table thead th.schedule-table__head__name{
    height: auto;
    vertical-align: middle;
    border-left: 0;
    font-size: 0.88em;
    font-weight: 700;
}
.schedule-table table thead th.schedule-table__head__day div{
    border-left: 1px solid #2D3B41;
}
.schedule-table table thead th.schedule-table__head__day .week-day{
    display: inline-block;
    margin-left: 2px;
    font-size: 0.833em; /*10px*/
    text-transform: uppercase;
    color: #B3B3B3;
}
/** tbody **/
.schedule-table table tbody th,
.schedule-table table tbody td{
    height: 2.250rem;
    vertical-align: middle;
}
.schedule-table table tbody th{
    /*background-color: #ededed;*/
}
.schedule-table table tbody td{
    border-left: 1px solid #ededed;
}
.technical-name{
    max-width: 185px;
    display: block;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}
.technical-name::before{
    font-family: "Font Awesome 5 Free";
    content: '\f007';
    font-size: 1.05em;
    font-weight: 700;
    margin-right: 1em;
    color: #61BE76;
}
.technical-name.orange::before{
    color: #E36158;
}
.technical-name.yellow::before{
    color: #E8BA72;
}
/*interior de celdas para arrastrar*/
.td-hours{
    width: 100%;
    min-width: 21px;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    overflow: hidden;
}
.td-hours__item{
    width: 33.333333%;
    min-width: 7px;
    height: 100%;
    position: relative;
    font-size: 0.8em;
    line-height: 2.250rem; /*mismo valor que altura de td: l�nea 84*/
}
.td-hours__item::before{
    content: url(../img/border-td-hours.jpg);
    position: absolute;
    bottom: -0.95rem;
    left: 50%;
    transform: translateX(-50%);
}
.td-hours__item:first-child::before,
.td-hours__item:last-child::before{
    bottom: -1.1rem;
}
/** botones **/
.btn-table{
    margin-right: 0.750rem; /*12px*/
    padding: 0.688em 1.563em; /*11px y 25px*/
    font-family: 'Roboto', sans-serif;
    font-size: 1em; /*14px*/
    font-weight: 400;
    line-height: 100%;
    color: #707070;
    border: 1px solid #CED4DA;
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
}
.btn-table:last-child{
    margin-right: 0;
}
.btn-table:hover,
.btn-table.active{
    background-color: #EDEDED;
    color: #2D3B41;
}
.btn-table.active{
    pointer-events: none;
}
.btn-table:focus{
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.3);
}

.schedule-calendar{
    margin-left: auto;
    margin-right: 30px;
    text-align: right;
    z-index: 3;
}
.schedule-calendar.no-label label{
    visibility: hidden;
    display: none;
}

/** media queries **/
@media screen and (max-width: 767px){
    .schedule-table{
        font-size: 0.9rem;
    }
}