.calendar{
   width: 95%;
   margin-left: auto;
   margin-right: auto;
}


.calendar .workDayTHs th:not(:first-of-type){
    border: black 1px solid;
}

.calendar .workDayTHs th:last-of-type{
    border: black 1px solid;
    border-right: none;
}


.calendar .dayHoursTHs th:not(:first-of-type){
    border: black 1px solid;
    border-bottom: none;
}

.calendar .dayHoursTHs th:last-of-type{
    border: black 1px solid;
    border-bottom: none;
    border-right: none;
}


.calendar tr:nth-child(1) .fitrstTH{
    background: linear-gradient(90deg,#0b72bb,#0a69ac );
    border: black 1px solid;
    border-left: none;
    border-top: none;
}

.calendar .fitrstTH{
    background: linear-gradient(90deg,#0b72bb,#0a69ac );
    border: black 1px solid;
    border-left: none;
}

.calendar tr:nth-child(6) .fitrstTH{
    background: linear-gradient(90deg,#0b72bb,#0a69ac );
    border: black 1px solid;
    border-left: none;
    border-bottom: none;
}



.calendar tr:first-child .sec-thirdTH{
    background: linear-gradient(90deg,#0a69ac,#0a5f9b );
    border: black 1px solid;
    border-top: none;
}

.calendar .sec-thirdTH{
    background: linear-gradient(90deg,#0a69ac,#0a5f9b );
    border: black 1px solid;
    border-bottom: none;
}

.calendar .lastLongTH{
    background: linear-gradient(90deg,#0a5f9b,#07416b );
    border: black 1px solid;
    border-top: none;
    border-right: none;
}

.calendar .secTH{
    background: linear-gradient(90deg,#0a69ac,#0a64a3 );
    border: black 1px solid;
}

.calendar .thirdTH{
    background: linear-gradient(90deg,#0a64a3,#0a5f9b );
    border: black 1px solid;
}

.calendar .four-eithTH{
    background: linear-gradient(90deg,#0a5f9b,#094f81 );
    border: black 1px solid;
}

.calendar .eith-lastTH{
    background: linear-gradient(90deg,#094f81,#07416b );
    border: black 1px solid;
    border-right: none;
}


.calendar .workDayTHs th:nth-child(2){
    background: linear-gradient(90deg,#0a5f9b,#0a5890 );
}
.calendar .workDayTHs th:nth-child(3){
    background: linear-gradient(90deg,#0a5890,#094f81 );
}
.calendar .workDayTHs th:nth-child(4){
    background: linear-gradient(90deg,#094f81,#084876 );
}
.calendar .workDayTHs th:nth-child(5){
    background: linear-gradient(90deg,#084876,#07416b );
}


.calendar .dayHoursTHs th:nth-child(2){
    background: linear-gradient(90deg,#0a5f9b,#0a5c96 );
}
.calendar .dayHoursTHs th:nth-child(3){
    background: linear-gradient(90deg,#0a5c96,#0a5890 );
}
.calendar .dayHoursTHs th:nth-child(4){
    background: linear-gradient(90deg,#0a5890,#0a548a );
}
.calendar .dayHoursTHs th:nth-child(5){
    background: linear-gradient(90deg,#0a548a,#095083 );
}
.calendar .dayHoursTHs th:nth-child(6){
    background: linear-gradient(90deg,#095083,#094c7d );
}
.calendar .dayHoursTHs th:nth-child(7){
    background: linear-gradient(90deg,#094c7d,#084876 );
}
.calendar .dayHoursTHs th:nth-child(8){
    background: linear-gradient(90deg,#084876,#084775 );
}
.calendar .dayHoursTHs th:nth-child(9){
    background: linear-gradient(90deg,#084775,#07416b );
}


.calendar td {
    border: solid transparent;
}

.calendar td:nth-child(1) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0b72bb,#0a69ac) border-box;
}
.calendar td:nth-child(2) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a69ac,#0a64a3) border-box;
}
.calendar td:nth-child(3) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a64a3,#0a5f9b) border-box;
}
.calendar td:nth-child(4) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a5f9b,#0a5c96) border-box;
}
.calendar td:nth-child(5) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a5c96,#0a5890) border-box;
}
.calendar td:nth-child(6) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a5890,#0a548a) border-box;
}
.calendar td:nth-child(7) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#0a548a,#095083) border-box;
}
.calendar td:nth-child(8) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#095083,#094c7d ) border-box;
}
.calendar td:nth-child(9) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#094c7d,#084876) border-box;
}
.calendar td:nth-child(10) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#084876,#084775) border-box;
}
.calendar td:nth-child(11) {
    background: linear-gradient(white, white) padding-box,
                linear-gradient(90deg,#084775,#07416b ) border-box;
}

.calendar col{
    width: 8.3%;
}

.calendar .col3{
    width: 12%;
}
.tableDiv{
    overflow-x: auto;
}

@media (max-width: 700px) {
    .forCalendar{
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        -moz-transform-origin: 0 0;
        scale: 50%;
        width: 200vw;
    }
    .calendar{
        width: fit-content;
    }
}