
.container_calendar {

}


.table_master_month {
border: 5px solid #ccc;
border-collapse:  collapse;
width:100%;
font-family: Arial, sans-serif;
}

.table_header_month {
width:100%;
height:100px;
background:#ccc;
font-size:35px;
}

.table_header_month th {
vertical-align: center;
text-align: center;
}
.table_calendar_month {
width:100%;
border: 1px solid #ccc;
border-collapse:  collapse;
}

.table_calendar_month th {
border: 1px solid #ccc;
background:#888888;
color:white;
width:12.5%;
height:50px;
}

.table_calendar_month td {
border: 1px solid #ccc;
vertical-align: top;
height:100px;

}

.table_calendar_month td:hover {
background:#D8D8D8;
  }


.month_location {
width:100%;
position: relative;
}

.month_location div {
position: absolute;
width: 97%;
font-size: 10px;
padding:1px;
}


.month_location a {
color:black;
}
.month_location a:hover {
color:#ccc;
}


/* WEEK CALENDAR ===========*/

.table_master_week {
border: 5px solid #ccc;
border-collapse:  collapse;
width:100%;

}

.table_master_week th {

}

.table_master_week td {
text-align:left;
vertical-align: top;
}

.table_header_week {
width:100%;
height:100px;
background:#ccc;
font-size:35px;
}

.table_header_week th {
vertical-align: center;
text-align: center;
}

.table_calendar_week {
width:100%;
border: 1px solid #ccc;
border-collapse:  collapse;
margin:0px;
padding:0px;

}

.table_calendar_week th {
border: 1px solid #ccc;
background:#888888;
color:white;
width:12.5%;
height:50px;
text-align: center;
color:white;
}

.table_calendar_week td {
vertical-align: top;
height:40px;
margin:0px;
padding:0px;
border: 1px solid #ccc;
}

.table_calendar_week_a a {
	        color:#ffffff;
}
.table_calendar_week_a a:hover{
	          color:#ccc;
}
.calendar_time_week {
width:100%;
border: 0px;
border-collapse:  collapse;
margin:0px;
padding:0px;
}
.calendar_time_week td {
width:100%;
vertical-align: top;

}
.calendar_time_week td:hover {
background:#D8D8D8;
  }

.table_calendar_slots_week {
width:100%;
border: 1px solid #ccc;
border-collapse:  collapse;
}

.table_calendar_slots_week th {
border: 1px solid #ccc;
background:#888888;
color:white;
width:50px;
height:50px;
}

.table_calendar_slots_week td {
border: 1px solid #ccc;
vertical-align: center;
height:40px;
background:#000;
color:white;
text-align:center;
font-weight: bold;
}


.calendar_time_slots_week {
width:100%;
border: 0px;
border-collapse:  collapse;
}

.calendar_time_slots_week td {
width:100%;
border: 1px solid #ccc;

}

.day_class_week {
position: relative;
}

.day_class_week div {
position: absolute;
font-size:12px;
}

.day_class_week div:hover{
border: 5px solid #ccc;
}

.day_class_week a {
color:black;
}
.day_class_week a:hover{
color:#ccc;
}


/* DAY CALENDAR ===========*/

.table_master_day {
border: 5px solid #ccc;
border-collapse:  collapse;
width:100%;
font: 15px Arial, sans-serif;
}

.table_master_day th {

}

.table_master_day td {
text-align:left;
vertical-align: top;
}

.table_header_day {
width:100%;
height:100px;
background:#ccc;
font-size:35px;
}

.table_header_day th {
vertical-align: center;
text-align: center;
}

.table_calendar_day {
width:100%;
border: 1px solid #ccc;
border-collapse:  collapse;
margin:0px;
padding:0px;

}

.table_calendar_day th {
border: 1px solid #ccc;
background:#888888;
color:white;
height:50px;
}

.table_calendar_day td {
vertical-align: top;
height:40px;
margin:0px;
padding:0px;
border: 1px solid #ccc;
}


.calendar_time_day {
width:100%;
border: 0px;
border-collapse:  collapse;
margin:0px;
padding:0px;
}
.calendar_time_day td {
width:100%;
vertical-align: top;

}
.calendar_time_day td:hover {
background:#D8D8D8;
  }

.table_calendar_slots_day {
width:100%;
border: 1px solid #ccc;
border-collapse:  collapse;
}

.table_calendar_slots_day th {
border: 1px solid #ccc;
background:#888888;
color:white;
height:50px;
}

.table_calendar_slots_day td {
border: 1px solid #ccc;
vertical-align: center;
height:40px;
background:#000;
color:white;
text-align:center;
font-weight: bold;
}


.calendar_time_slots_day {
width:100%;
border: 0px;
border-collapse:  collapse;
}

.calendar_time_slots_day td {
width:100%;
border: 1px solid #ccc;

}

.day_class_day {
height:2880px;
position: relative;
}

.day_class_day div {
position: absolute;
font-size:14px;
}

.day_class_day div:hover{
border: 5px solid #ccc;
}
.day_class_day a {
color:black;
}
.day_class_day a:hover{
color:#ccc;
}