.dailyCalendarContent .eventScheduleContent .whiteBoxx {width: 104%;}
.dailyCalendarContainer .eventsList .event{ border-bottom-color: #dbdbdb; padding: 30px 40px 30px 6px; }
.dailyCalendarContainer .eventsList .event a{ font-size: 16px;}
.dailyCalendarContainer .eventsList .timePlace{ font-size: 14px; line-height: 12px;}
.dailyCalendarContainer .eventsList .timePlace strong{ font-family: "robotoregular";}
.dailyCalendarContainer .eventsList .meetingLocation{ font-size: 14px;}
.eventScheduleContainer .eventsList .access{ font-family: "robotomedium"; font-size: 10px;}
.dailyCalendarContainer .eventsList .date{ border: none; margin-top: 0; font-size: 14px;}
.dailyCalendarContainer .eventsList .active{ border-left: 1px solid #dbdbdb; box-sizing: border-box;}
.dailyCalendarContainer .eventsList .label{ padding: 0 10px 2px; min-width: 140px;}
#meeting-event-list .followWrap:first-child + li.active{ border-top: 1px solid #dbdbdb;}

.topnav-filter-container{ padding:0;}
.anuualMeetingCalendarFilter .buttonRow{ padding:20px; text-align:center;}
.dailyCalendarContainer .anuualMeetingCalendarFilter ul{ padding:20px 20px 0 20px; height:315px; overflow:auto;}
#meeting-event-list .error{ color: #f00; text-align: center;}

.eventScheduleContainer .calenderHeader .pull-left a.on, .eventScheduleContainer .calenderHeader .pull-right a.on{ background: #fff; border-top: 1px solid #e4e9ee; border-left-color: #e4e9ee; border-right-color: #e4e9ee; position: relative; z-index: 10; height: 44px;}
.datepicker{ background: #fff; border: 1px solid #e4e9ee; padding: 40px 25px; z-index: 9!important; min-width: 310px;}
.datepicker .datepicker-days,
.datepicker .datepicker-months,
.datepicker .datepicker-years,
.datepicker .datepicker-decades,
.datepicker .datepicker-centuries {background: #f7f7f7; border-top: 1px solid #d2d2d2;}
.datepicker table{ margin-top: -1px;}
.annualMeetings .dropdown-menu{ border-top: 1px solid #e4e9ee; border-left-color:#e4e9ee; border-right-color:#e4e9ee; border-bottom-width: 1px; border-bottom-color:#e4e9ee; -webkit-box-shadow: 0px 2px 2px 1px rgba(234,234,234,1); -moz-box-shadow: 0px 2px 2px 1px rgba(234,234,234,1); box-shadow: 0px 2px 2px 1px rgba(234,234,234,1);}

.eventScheduleContainer .calenderHeader .pull-left.open,.eventScheduleContainer .calenderHeader .pull-right.open{ position: relative;}
.eventScheduleContainer .calenderHeader .pull-left.open:before,.eventScheduleContainer .calenderHeader .pull-right.open:before{ content: ""; position: absolute; left: 0; top: 0; box-shadow:0px 2px 2px 1px rgba(234,234,234,1); width: 100%; height: 100%;}
.eventScheduleContainer .calenderHeader .pull-left.open:before{ padding: 8px 0 0 11px; left: -10px; top: -7px; padding: 27px;}

.eventScheduleContainer .calenderHeader a.on .imf-ico-calendarIcon, .eventScheduleContainer .calenderHeader a.on .imf-ico-edit{ top: 6px;}
.eventScheduleContainer .calenderHeader .pull-right.open:before{ padding: 27px; top: -7px;}
.eventScheduleContainer .filterDropDown .dropdown-menu{ margin: -1px 0 0; min-width: 310px;}
.dailyCalendarContainer .calenderHeader .pull-right{ margin-right: -10px;}
.annualMeetings .datepicker{ min-width: 310px;}
.datepicker .datepicker-days table{ width: 100%;}
.annualMeetings .datepicker .datepicker-days,
.annualMeetings .datepicker .datepicker-months,
.annualMeetings .datepicker .datepicker-years,
.annualMeetings .datepicker .datepicker-decades,
.annualMeetings .datepicker .datepicker-centuries {
	-webkit-box-shadow: 0px 4px 4px -4px rgba(71,71,71,0.8);
	-moz-box-shadow: 0px 4px 4px -4px rgba(71,71,71,0.8);
	box-shadow: 0px 4px 4px -4px rgba(71,71,71,0.8);
}
.annualMeetings .datepicker .datepicker-months,
.annualMeetings .datepicker .datepicker-years,
.annualMeetings .datepicker .datepicker-decades,
.annualMeetings .datepicker .datepicker-centuries {margin-left:auto; margin-right: auto; width:100%; }
.annualMeetings .datepicker .datepicker-months table,
.annualMeetings .datepicker .datepicker-years table,
.annualMeetings .datepicker .datepicker-decades table,
.annualMeetings .datepicker .datepicker-centuries table {width: 100%; }
.annualMeetings .datepicker .datepicker-months table tr td,
.annualMeetings .datepicker .datepicker-years table tr td,
.annualMeetings .datepicker .datepicker-decades table tr td,
.annualMeetings .datepicker .datepicker-centuries table tr td {padding: 0px; }
.annualMeetings .datepicker .datepicker-months table tr td span,
.annualMeetings .datepicker .datepicker-years table tr td span {margin:0px; width:25%; border-top: 1px solid #D2D2D2; border-radius:0px; }
.prevEventsShowBtn{ border: 1px solid #dbdbdb; text-align: center; padding: 5px 0 2px; cursor: pointer; box-sizing: border-box;}
.prevEventsShowBtn i{ color: #3294f5; font-size: 18px;}
.eventScheduleContent .eventsList .imf-ico-calendarIcon {top: 70px; right: 20px; color: #DADFE2;}
/*Google Map Start */
#map-canvas{width:100%;min-height:170px; margin-bottom: 15px;}
#imfMapModal.leftscroll .modal-dialog {position:fixed;margin:auto;width:93%;height:100%;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
#imfMapModal.leftscroll.fade .modal-dialog{left:-320px;-webkit-transition:opacity .3s linear,left .3s ease-out;-moz-transition:opacity .3s linear,left .3s ease-out;-o-transition:opacity .3s linear,left .3s ease-out;transition:opacity .3s linear,left .3s ease-out}
#imfMapModal.leftscroll.fade.in .modal-dialog{left:0}
#imfMapModal .mapThumb {width: auto; }
.event-location-building img, .mapThumb img { width: 100px; cursor: pointer;}
#imfMapModal .modal-header .close {color: #ffffff;font-family: robotobold; opacity: 1; position: static; }
#imfMapModal .event-location-detail { font: 16px/18px robotomedium; color: #FFFFFF; font-weight: normal; margin: 0px 0 0 20px; float: left; max-width: 80%; word-wrap: break-word; white-space: normal;}
#imfMapModal .mapThumb, .locationCanvas {display: none;}
.locationCanvas {width: 100%; margin-bottom: 15px;}
.locationCanvas img {max-width: 100%; width: auto;}
.calEventOptions .event-subscribe .imf-ico-select-all-circle .path1:before { color: #4a4a4a; }
.calEventOptions .event-subscribe .imf-ico-select-all-circle .path2:before { margin-left:-23px; font-weight:bold; }
.calEventOptions .event-subscribe .imf-ico-select-all-circle .path3:before { margin-left:-23px; font-weight:bold; }
#imfMapModal .modal-content { height: auto; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
#imfMapModal.leftscroll {width: 93%;top: 52px;}
.globalFooter.leftscroll {position: relative;z-index: 1052;}
.headerBox.leftscroll {z-index: 1052;}
#imfMapModal .modal-header {border-bottom: none; color: #ffffff;}
#imfMapModal .modal-header .imf-ico-map-icon {font-size: 16px; vertical-align: middle; line-height: 16px; margin-left: 7px;}
#imfMapModal .modal-header span {display: inline-block;}

.modal-open .right.calendarContent.is_stuck {
    position: static !important;
}

@media (min-width: 320px) and (max-width: 640px){
	#imfMapModal .event-location-detail { max-width: 60%;}
	#map-canvas{width: 100%; height: 300px; }
.printCal{ width: 150px;
    margin-left: 900px;
    margin-top: -25px;
    padding-bottom: 27px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
    display: none;

}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;}
.dailyCalendarContainer .calenderHeader .imf-ico-calendarIcon, .dailyCalendarContainer .calenderHeader .imf-ico-edit{
    position: relative;
    color: #4a4a4a;
    font-size: 31px;
    background: #fff;
    vertical-align: top;
    top: 0px;
    margin: 0 10px 0 10px;
            }
.dailyCalendarContent .right{display:block;}
}

@media (min-width: 768px) {
	#map-canvas{width: 100%; height: 350px; }
	.eventScheduleContainer .modal-dialog .locationCanvas {height:350px; }
	.eventScheduleContainer .modal-dialog .locationCanvas img {max-height: 350px;}
.printCal{ width: 150px;
    margin-left: 900px;
    margin-top: -25px;
    padding-bottom: 27px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
    display: none;
}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;}
.dailyCalendarContainer .calenderHeader .imf-ico-calendarIcon, .dailyCalendarContainer .calenderHeader .imf-ico-edit{
    position: relative;
    color: #4a4a4a;
    font-size: 31px;
    background: #fff;
    vertical-align: top;
    margin: 0 10px 0 10px;
            }
}
@media (min-width: 320px) and (max-width: 768px) {
	#imfMapModal .modal-header {padding: 0 0 10px;}
	#imfMapModal .modal-content { background-color: transparent;box-shadow: none; -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: none; box-shadow: none; border: none;}
	.annualMeetings.modal-open .modal-backdrop.fade.in {width: 93%;top:52px;}

	.eventScheduleContainer .modal-dialog .locationCanvas {height:350px; }
	.eventScheduleContainer .modal-dialog .locationCanvas img {max-height: 350px;}
	#imfMapModal .event-location-building.pull-left {margin-right: 10px; }
	#imfMapModal .event-location-detail { font: 13px/18px robotomedium; margin: 0px;}
.printCal{ width: 150px;
    margin-left: 900px;
    margin-top: -25px;
    padding-bottom: 27px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
    display: none;
}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;}
.dailyCalendarContainer .calenderHeader .imf-ico-calendarIcon, .dailyCalendarContainer .calenderHeader .imf-ico-edit{
    position: relative;
    color: #4a4a4a;
    font-size: 31px;
    background: #fff;
    vertical-align: top;
    top: 0px;
    margin: 0 10px 0 10px;
            }
.dailyCalendarContent .right{display:block;}
}
@media (min-width: 992px){
	#imfMapModal .modal-body { float: left; width: 100%; }
	#map-canvas { width: 550px; height: 330px;}
	.locationCanvas {width: 550px;}
	#imfMapModal .modal-content {float: left;}
	.event-location-building img, .mapThumb img { width: 140px; }
	#imfMapModal .modal-dialog {width: 580px;}
	#imfMapModal .event-location-detail { font: 20px/22px robotomedium; color: #4A4A4A; margin: 12px 0 0 20px;}
	#imfMapModal .close {color: #4a4a4a;font-family: robotobold; opacity: 1; position: absolute; bottom: 10px; right: 16px; }
.printCal{ width: 150px;
    margin-left: 685px;
    margin-top: -25px;
    padding-bottom: 0px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;
    display: block;}
}
@media (min-width: 1200px){
	#imfMapModal .modal-dialog {width: 680px;}
	#map-canvas { width: 650px; height: 380px;}
	.locationCanvas {width: 650px;}
    .dailyCalendarContent .left{ width: 100%;}
    /*.eventScheduleContent .right{ margin-left: 100%;}*/
    .anualMeetingCont .nav-tabs li{ min-width: 24.77%;}
.printCal{ width: 150px;
    margin-left: 900px;
    margin-top: -25px;
    padding-bottom: 27px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;
    display: block;}
}
@media (min-width: 1025px) and (max-width: 1199px) {
	.eventScheduleContainer {
    	width: 100%;
	}
	.annualMeetings .alignTop {
		margin-top: 125px;
	}
.printCal{ width: 150px;
    margin-left: 900px;
    margin-top: -25px;
    padding-bottom: 27px; 
    color:#4a4a4a; 
    text-decoration:none; 
    font-size:15px; 
    font-family:"robotomedium";
}
.dailyCalendarContainer .calenderHeader a {
    text-decoration: none;
    outline: none;
    display: block;}
}
/*Google Map End */
.clear-both {clear:both; }
.topspace
{
    padding-top:2em;
}

.applyscroll
{
    min-height: 100em;
    overflow-y: scroll;
    overflow-x: hidden;
}
li.date
{
    width:100%;
}

.success-header{
    border: solid 2px #999;
    font-weight: bold;
    background: #1173b9;
    color: #FFF;
    font-size: 30px;
    padding: 10px 40px;
    }
    .success-container{
    position: absolute;
    top: 15%;
    z-index: 1070;
    left: 30%;
    width: 40%;
    background: #FFF;
}
.close-button {
    text-align: right;
    background: #3294F5;
    color: #FFF;
    padding: 10px 45px !important;
    height: 40px;
    border-radius: 0px;
    font: normal 16px/18px robotomedium;
    border: 0;
}
.button-container{
    padding: 15px;
    text-align: right;
}
    .success-content{
padding: 25px 40px;
}
 .success-message{
font-weight: bold;
    font-size: 17px;

  }
.ui-dialog
{
    width:30% !important;
    border:none !important;
}
.wcmedit
{
    display=block !important;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.ui-dialog
{
    width:300px !important;
    left:6%; !important;
    border:none !important;
}
}

#calOption
{
    font-size: 16px;
    height:2em;
}
@media only screen and (min-width: 320px)
.dailyCalendarContent .right {
    display: block;
}