.none{display:none;}
.dropdown{color: #000;font-size:20px;font-family: 'trendal';padding: 6px;outline: none;}
.dropdown option {
    color: #000;
}
#calender_section{width: 536px;margin:30px auto 0;/* background:white; */color: black;font-size: 16px;transform: scale(0.99);font-weight: 900;/* text-shadow:  0px 0px 0.2vw black; */}
#calender_section h2{color:#fff;font-size: 20px;text-align:center;line-height:40px;}
#calender_section h2 a{color: #166d8a;float:none;}
#calender_section_top{ width:100%; float:left; margin-top:20px;}
#calender_section_top ul{padding:0; list-style-type:none;}
#calender_section_top ul li{float:left;display:block;width: 75px;/* border-right:1px solid #fff; */text-align:center;font-size:20px;min-height:0;/* background:#000; */color: black;box-shadow:none;margin:0;padding:0;}
#calender_section_bot{max-width: 575px;margin-top:20px;float:left;/* border-left:1px solid #ccc; *//* margin-bottom: 50px; */color: black;font-weight: 900;/* background: white; *//* font-size: 1vw; *//* text-shadow: 0px 0px 0.1vw black; */border-bottom:1px solid #ccc;}
#calender_section_bot ul{margin: 0 auto;padding:0;list-style-type:none;display: block;}
#calender_section_bot ul li{float:left;width: 76px;height: 70px;text-align:center;border-top:1px solid #ccc;border-right:1px solid #ccc;min-height:0;background: white;box-shadow:none;margin:0;padding:0;position:relative;}
#calender_section_bot ul li span{ margin-top:7px; float:left; margin-left:7px; text-align:center;}
a {color: #166d8a;}
.grey{background-color: #0b1014 !important;color: white;}
.light_sky{/* background-color: #226581 !important; */}

/*========== Hover Popup ===============*/
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background: #DDDDDD !important; }
.date_popup_wrap {
    position: absolute;
    width: 250px;
    height: auto;
    padding-bottom: 35%;
    z-index: 9999;
    top: 10%;
    left: 10%;
    color: #000!important;
    text-align: center;
}
.events_window {
    overflow: hidden;
    overflow-y: auto;
    width: 200px;
    height: 200px;
    margin-top: 28px;
    margin-left: 25px;
    text-align: center-left;
}
.event_wrap {
    margin-bottom: 10px; padding-bottom: 10px;
    border-bottom: solid 1px #E4E4E7;
    font-size: 20px;
    padding: 3px;

}
.date_window {
    margin-top:20px;
    margin-bottom: 2px;
    padding: 5px;
    font-size: 20px;
    margin-left:9px;
    background: rgba(0,0,0,0.5);
    background-size: 100% 100%;
    margin-right:14px;
}
.popup_event {
    margin-bottom: 2px;
    padding: 2px;
    font-size: 20px;
    width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
a:hover {color: #000;text-decoration: underline;}

@media only screen and (min-width:540px) and (max-width:767px) {
    #calender_section{width: 450px;}
    #calender_section_top ul li{width: 63px;}
    #calender_section_bot ul li{width: 64px;}
}
@media only screen and (min-width: 320px) and (max-width: 540px) {
    #calender_section{width: 316px;}
    #calender_section_top ul li{width: 14%;font-size:20px;}
    #calender_section_bot ul li{width: 14%;}
    #calender_section_bot{/* max-width: 500px; */}
    #calender_section_bot ul li{height:50px;/* width: 47px; */}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #calender_section{ width:530px;}
    #calender_section_top ul li{ width:74px;}
    #calender_section_bot ul li{ width:74px;}
    #calender_section_bot{ width:525px;}
    #calender_section_bot ul li{height: 74px;}
} 
 
.not-allowed{
	cursor:not-allowed;
	background:#d1d1d1;
	color: white;
	
}