td.day{width: 14%; position:relative; overflow:hidden; height: 75px; border: none; vertical-align: top; background:#fff; border-left: 1px dashed;border-bottom: 1px dashed;padding-top:7px;border-top:1px dashed;padding-left:10px;}
td.day div.day-date{font-size: 14pt; font-weight: 700;position:absolute;z-index:2;}

th.table_header{background-color: #000; color: #fff; font-size: 10pt; padding: 5px;text-align:center;}
.not-month{background-color: #fff;}
td.today {background-color:#efefef;}
td.day span.today-date{font-size: 16pt;}
td.day:first-child {
  
  border-left:0px !important;
}

.night-mode td.day {
  background:#333 !important;
}

tr:last-child td.day { border-bottom:none !important }
tbody tr:first-child td.day { border-top:none !important }
table.calendar {
  width: 100%;
  border-radius: 5px;
  overflow: hidden;
  border: none;
}

.calendar-btn-td { text-align: center;font-size: 20px;padding: 5px;background: #000;color: #fff !important;font-weight: bold;}
.calendar-month-title { text-align: center;font-size: 16px;padding: 5px;background: #000;color: #fff !important;font-weight: bold; }
.render_calendar { width:100%; }
.currentday {border-left:0px !important; }

.mainContainer { position:relative; }

.fullday {
    background: #ffcf4c !important;
}

.startday {
    position: absolute;
      width: 50%;
      height: 75px;
      background: #ffcf4c;
      right: 0;
      top: 0;
}

.endday {
    position: absolute;
      width: 50%;
      height: 75px;
      background: #ffcf4c;
      left: 0;
      top: 0;
}