:root
{
    --main-bg-color: linear-gradient(45deg, #323232, #00baba, #00baba);
    --primary-color:#00baba;
    --secondary-color: #effff4;
    --oddnary-color: #9cf0ee;
}


.none{ display:none;}
.dropdown{color: #444444;font-size:17px;}
#calender_section{ width:100%; margin:0;}
#calender_section h2{background: var(--oddnary-color);color:#444444; font-size:17px; text-align:center; line-height:40px;}
#calender_section h2 a{ color:#F58220; float:none;text-decoration: none}
#calender_section h2 select{background:var(--primary-color);padding: 5px 20px;color:#fff;font-size: 12px;cursor: pointer;width: 120px;outline: 0;border:0}
#calender_section_top{ width:100%; float:left; margin-top:0px;background:#fff;border:1px solid var(--primary-color);}
#calender_section_top ul{padding:0px; list-style-type:none;margin: 0}
#calender_section_top ul li{font-weight: bold; float:left; display:block; width:14.28%;  text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:3% 1%;}
#calender_section_bot{ width:100%; margin-top:0; float:left; border-left:1px solid #ccc; border-bottom:1px solid #ccc;}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;text-align:center;}
#calender_section_bot ul li{ float:left; width:14.28%; height:90px; text-align:center; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:0; background:none; box-shadow:none; margin:0; padding:0; position:relative;}
#calender_section_bot ul li span{font-weight: bold;  margin-top:20%; float:left; margin-left:35%; text-align:center;}

.grey{ background-color: #ffc438 !important;}
.light_sky{ background-color: #ffc1c1 !important;}
.high-light-sunday{color:red;}
.absent_indicator{background: #ffc1c1 ;height: 15px;width:15px}
.leave_indicator{background:#BEFFB1;height: 15px;width:15px}
.today_indicator{background: #ffc438;height: 15px;width:15px}





@media only screen and (min-width:480px) and (max-width:767px) {
    #calender_section_bot ul li{height: 60px}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {

    #calender_section_bot ul li{ height:50px;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #calender_section_bot ul li{ height:70px;}
}