:root{
        --busy_background:#e0a3a1;
        --busy_color:#9b4444;
        --day_background:#f1f5ec;
        --day_color: #67922e;
        --arrow_background: #fff;
        --arrow_border:#aaa;
        --arrow_border_hover:#888;
    }
    
   .calendars {
    font-family: 'Open Sans', sans-serif;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     z-index: 1;
     padding: 0;
     opacity: 0;
     transition: opacity ease 0.3s;
}
  .calendar_0 ,.calendar_1 ,.calendar_2 {
    flex: 1;
}
 .calendar {
     padding: 5px 0 20px 0;
}
 
 .calendar p {
     font-weight: 600;
     width: 100%;
     text-align: center;
     color: #626262;
     font-size: 15px;
     line-height: 25px;
     margin: 0 0 10px 0;
}	


 .calendar span.weekday {
     display: inline-block;
     height: 28px;
     line-height: 28px;
     text-align: center;
     color: #999;
     font-size: 15px;
     width: 14.285%;
     margin: 0 0 2px 0;
     text-transform: capitalize; 

}
/* calendar day */
 .c_d {
     position: relative;
     display: inline-block;
     border: 0;
     border-radius: 0px;
     background-color: var(--day_background);
     text-align: center;
     font-size: 15px;
     font-weight: 600;
     color: var(--day_color);
     overflow: hidden;
     margin: 0;
     float: left;
     width: 14.285%;
     height: 32px;
     line-height: 30px;
}
 .c_d span {
     position: relative;
     z-index: 2;
}
/* dies desactivats (inicials) */
 .c_d.dis {
     opacity: 0;
}
/* dies ocupats i mitjos */
 .c_d.busy {
     background-color: var(--busy_background);
     color: var(--busy_color);
}
 .c_d.busy_start, .c_d.busy_end {
     color: var(--busy_color);
}
 .c_d.busy_start:before, .c_d.busy_end:before {
     content: "";
     position: absolute;
     top: 0px;
     left: 0px;
     bottom: 0px;
     right: 0px;
     z-index: 1;
}
.n_month{
    text-transform: capitalize; 
}
 .c_d.busy_start:before {

     height: 0;
     border-right: 49px solid  var(--busy_background);
     border-top: 33px solid transparent;
    
 
}
 .c_d.busy_end:before {
    ;
    height: 0;
    border-left: 49px solid  var(--busy_background);
    border-bottom: 35px solid transparent;
    
}
    .calendarsList{
      display: flex;
      justify-content: space-between;
    flex-direction: row;

    }

    .casa_cal_arrow.next {
        right: 0;
        background-image: url('/wp-content/plugins/TeklaCalendar/public/images/right_grey.png');
        background-repeat: no-repeat;
    }
    .casa_cal_arrow.prev {
        left: 0;
        background-image: url('/wp-content/plugins/TeklaCalendar/public/images/left_grey.png');
        background-repeat: no-repeat;
  
    }
    .casa_cal_arrow:hover {
        border: 1px solid var(--arrow_border_hover);
    }
    .casa_cal_arrow {
        position: absolute;
        z-index: 10;
        top: 3px;
        width: 28px;
        height: 28px;
        border: 1px solid  var(--arrow_border);
        border-radius: 2px;
        background-color: var(--arrow_background);
        cursor: pointer;
        background-position: center center;
        background-size: auto 40%;
    }    



    .mostra_day{
        width: 30px;
        height: 30px;
    }

@media (max-width: 1000px) {
    .c_d.busy_start:before,{
    border-right: 42px solid #e0a3a1!important;
   }
   .c_d.busy_end:before {
    border-left: 42px solid #e0a3a1!important;
   }
      
     }

   

@media (max-width: 800px) {
    .calendarsList{
    flex-direction: column;
    }
    .c_d.busy_start:before, {
    border-right: 80px solid #e0a3a1!important;
    }
    .c_d.busy_end:before{
    border-left: 80px solid #e0a3a1!important;
    }
      
     }