/*--- CALENDAR MONTH ---*/
.calendar-row {
    display: table;         /* Make the container element behave like a table */
    width: 100%;            /* Set full-width to expand the whole page */
    align-items: center;    /* Vertical alignment */
}

.calendar-column {
    display: table-cell;    /* Make elements inside the container behave like table cells */
    vertical-align: middle; /* Vertical alignment */
}

.arrow-button {  
    font-size: 20px;
    padding: 16px;
    border-radius: 0 3px 3px 0;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;                          /*user can't select this text*/
}

.arrow-button:hover {
    background-color: #3F3F3F;            /*month arrow background on hover*/
    opacity: 0.8;
}

.month-name {
    font-size: 20px; 
    text-transform: uppercase; 
    letter-spacing: 3px;
    padding: 0px 10px; 
}

.week-number{
    font-size:14px;
    text-transform: uppercase;
    letter-spacing: 3px;
}

/*see @media */
/*--- CALENDAR MONTH ENDS ---*/


/*--- CALENDAR TABLE STARTS (ADMIN) ---*/
.calendar-table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: fixed;
  border: 0px solid red; /*#ddd*/
}

.calendar-table th, td {
  border: 1px solid #ddd;   /* #8CC63F */       /*all tables border color*/
  padding: 2px;
}

.calendar-table tr:nth-child(even) {
  background-color: #f2f2f2;              /*background color for table cells*/
}

.calendar-table1 tr:nth-child(even) {
  background-color: #F2FFC5;              /*background color for table cells*/
}

.calendar-table2 tr:nth-child(even) {
  background-color: #DBF0FA;              /*background color for table cells*/
}

.calendar-table3 tr:nth-child(even) {
  background-color: #DBF0FA;              /*background color for table cells*/ /*#F4EAF4*/
}
/*--- CALENDAR TABLE ENDS (ADMIN) ---*/


.today{
    background:#FFFF99;
}