body{ font-family: sans-serif;}
.none{ display:none;}
.dropdown{color: #fff;font-size:17px;}
#calender_section{ width:100%; margin:30px auto 0;}
/*#calender_section h2{ background-color:#004c6d; color:#444444; font-size:17px; text-align:center; line-height:40px; max-width:100%; border-radius:4px;}
#calender_section h2 a{ color: #ffffff;float: none;font-weight: bold;}*/
#calender_section .month{background-color:#004c6d; color:#444444; font-size:17px; text-align:center; line-height:40px; max-width:98%; border-radius:4px;}
#calender_section .month .prev{ width:15%; display:inline-block;}
#calender_section .month .nxt{ width:15%;  display:inline-block;}
#calender_section .month .Myear{ width:65%; display:inline-block;}
#calender_section .month .Myear .cal-year-color{ background:#02628c; border: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:14%; border-right:1px solid #fff;  text-align:center; font-size:14px; min-height:0; background:none; box-shadow:none; margin:0; padding:0; background-color: #004c6d; color:white; height:40px; line-height:40px; font-weight:bold;}
#calender_section_bot{ width:100%; margin-top:20px; float:left;/* border-left:1px solid #ccc; border-bottom:1px solid #ccc;*/}
#calender_section_bot ul{ margin:0; padding:0; list-style-type:none;}
#calender_section_bot ul li{ float:left; width:13.1%; height:50px;  text-align:center; /*border-top:1px solid #ccc; border-right:1px solid #ccc;*/ min-height:0;  box-shadow:none; margin:2px; padding:12px 0; position:relative;background-size: 100% 100%;}
#calender_section_bot ul li span{ text-align:center;margin-top:7px;margin-bottom:7px;}
#content-scroll{border-top-style: none;border-bottom: solid;border-bottom-width: thin;border-left: solid;border-left-width: thin;border-right: solid;border-right-width: thin;border-color:#dbcada;}
#table_scroll{overflow-y:scroll;height:135px;}
.h-name{color:#004c6d;padding-left: 10px; padding-right: 10px; text-transform:uppercase;}
.grey{ background-color:#DDDDDD !important;}
.light_sky{ background-color:#4a8e49 !important;}
.light_red{background-color:rgba(0,0,0,.3)!important;}
.clr{
    width: 100% !important;
    padding: 0px !important;
    margin: 0px !important;
}

/*.light_red>a{ background-color:rgba(0,0,0,.3);background-image:url(images/w2.jpg);}*/
/*========== Hover Popup ===============*/
.date_cell { cursor: pointer; cursor: hand; }
.date_cell:hover { background-image: url(images/red3.png);opacity: .5; }
.date_popup_wrap {
	position: absolute;
	width: 143px;
	height: 115px;
	z-index: 9999;
	top: -115px;
	left:-55px;
	background: transparent url(add-new-event.png) no-repeat top left;
	color: #666 !important;
}
.events_window {
	overflow: hidden;
	overflow-y: auto;
	width: 133px;
	height: 115px;
	margin-top: 28px;
	margin-left: 25px;
}
.event_wrap {
	margin-bottom: 10px; padding-bottom: 10px;
	border-bottom: solid 1px #E4E4E7;
	font-size: 12px;
	padding: 3px;
}
.date_window {
	margin-top:20px;
	margin-bottom: 2px;
	padding: 5px;
	font-size: 16px;
	margin-left:9px;
	margin-right:14px
}
.popup_event {
	margin-bottom: 2px;
	padding: 2px;
	font-size: 16px;
	width:100%;
}
.popup_event a {color: #000000 !important;}
.packeg_box a {color: #F58220;float: right;}
#map-indicators{padding-top:10px;}
a{
	
	color:black;
	}
a:hover {color: #181919;text-decoration: underline;}
.container_padding{padding-right: 0px;padding-left: 0px;}


@media only screen and (min-width:480px) and (max-width:599px) {
#calender_section{width: 100%;padding: 0 14px;}
#calender_section_top ul li{ width:55.1px;}
#calender_section_top{padding-left: 2px;padding-right: 2px;}
#calender_section_bot ul li{ width:51.7px;padding:10px 5px;}
}
@media only screen and (max-width: 320px){
#calender_section{ padding-left: 10px;padding-right: 10px;}
#calender_section_top ul li{width: 34px;font-size: 11px;padding-left: 2px;padding-right: 2px;}
#calender_section_bot ul li{width: 30px;height:40px;padding:10px 5px;background-size: 30px 40px;}
#calender_section_bot{ width:100%;}

.dropdown { font-size: 13px;}

#calendar_div{width:100%;}
#map-indicators,#indicator1,#indicator2{padding-left:0px;}
}
@media only screen and (min-width: 360px) and (max-width:370px){
#calender_section{ padding-left: 10px;padding-right: 10px;}
#calender_section_top ul li{width: 39.7px;font-size: 10px;padding-left: 2px;padding-right: 2px;}
#calender_section_bot ul li{width: 35.7px;background-size: 35px 40px;}
#calender_section_bot{ width:100%;}
#calender_section_bot ul li{ height:40px;padding:10px 5px;}
.dropdown { font-size: 13px;}
#calender_section_bot ul li span {margin-left: 3px;}
#calendar_div{width:100%;}

}
@media only screen and (min-width: 375px) and (max-width:400px){
#calender_section{ padding-left: 10px;padding-right: 10px;}
#calender_section_top ul li{width: 42.8px;font-size: 10px;padding-left: 2px;padding-right: 2px;}
#calender_section_bot ul li{width: 39.7px;padding:10px 5px;}
#calender_section_bot{ width:100%;}
#calender_section_bot ul li{ height:40px;}
.dropdown { font-size: 13px;}
#calender_section_bot ul li span {margin-left: 3px;}
#calendar_div{width:100%;}
}
@media only screen and (min-width: 750px) and (max-width: 750px) {
#calender_section{width: 100%; padding: 0 15px;}
#calender_section_top ul li{ width:95.7px;}
#calender_section_bot ul li{ width:91.7px;height:50px;}
#calender_section_bot{ width:525px;}
#calender_section_bot{ width:100%;}
#calender_section_top{ width:100%;}
}
@media (min-width: 412px) and (max-width:414px){
#calender_section{ padding-left: 10px;padding-right: 10px;}
#calender_section_top ul li{width: 47.1px;font-size: 14px;padding-left: 2px;padding-right: 2px;}
#calender_section_bot ul li{width: 43px;height:40px;padding:10px 5px;}
#calender_section_bot{ width:100%;}
/*#calender_section h2{ padding:0 10px; max-width:100%;}*/
.dropdown { font-size: 13px;}
#calender_section_bot ul li span {margin-left: 3px;}
#calendar_div{width:100%;}
}
@media (min-width:900px) and (max-width:900px){
#calender_section{width: 100%; padding: 0 15px;}
#calender_section_top ul li{ width:87.1px;}
#calender_section_bot ul li{ width:83.1px;height:50px;}

#calender_section_bot{ width:100%;}
#calender_section_top{ width:100%;}
#calender_div{     padding-right: 10px;}
}
@media (min-width:950px) and (max-width:971px){
#calender_section{ width:100%;padding-left: 10px;padding-right: 10px;}
#calender_section_top ul li{ width:88.5px;}
#calender_section_bot ul li{ width:84.4px;height:50px;}

#calender_section_bot{ width:100%;}
#calender_section_top{ width:100%;}
#calender_div{padding-right: 10px;}
}
@media (min-width:992px){#calender_section h2{ max-width:100%;margin-right:10px;} #calender_section_bot ul li {padding:12px;}}
@media (min-width:400px) and (max-width:400px){#calender_section_top{padding:0 12px;} #calender_section_bot{margin-left:12px;}#indicator1, #indicator2 {padding-left: 9px;}