* { padding: 0; margin: 0; }
body, .panel{
    height: 100%;
    margin: 0;
    padding: 0;
}

.sheduleTourheader {
	/*border-bottom: 1px solid #c0c0c0;*/
	width: 100%;
	min-height: 40px;
	overflow: hidden;
}
.sheduleTourheader .headline,.popupsheduleTourheader .headline,.sheduleTourheader .headline-text,.popupsheduleTourheader .headline-text, .mfheadline {
	text-align: center;
	padding: 15px;
	font-size: 20px;
	width:100%;
}
.sheduleTourheader .schedule_page_back,.sheduleTourheader .self_a_tour_widget_page_back,.sheduleTourheader .schedule_page_next,.sheduleTourheader .self_a_tour_widget_page_next{
	cursor: pointer;
    float: left;
    font-size: 40px;    
	text-align:center;
	z-index: 2;	
}

.col-center-block {
	float: none;
	display: block;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
	/* margin-left: auto; margin-right: auto; */
}
.selfATourSliderShadow {
  display: block;
  padding: 5px;
  margin-bottom: 5px;
  line-height: 1.42857143;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  border-radius: 0;
  border: none;
  background-color: none;
  text-decoration:none;
}

.selfATourSliderDateContent,.selfATourDateSliderContent {
	border: 1px solid #666666;
	display: block;
	float: left;
	cursor: pointer;
	width: 28%;
    margin: 2.6%;
} 

.selfATourSliderTimeContent,.selfATourTimeSliderContent {
	float: left;
	text-align:center;
	display: table;
	cursor: pointer;
	width: 22%;
    margin: 1.6% 0 1.6% 2.3%
}


.btnLarge .btn,.orTxt{
	font-size: 20px;
}
.divWithoutPopup{
		    position: absolute;
    		width: 50%;
    		left: 25%; 
	}

.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
	display: table-cell;
	vertical-align: middle;
}
.sliderDateTitle,.sliderDateContent,.sliderDateMonth {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
.self-tour-carousel-control {
  position: absolute;
  top: 33%;
  left: 0;
  bottom: 0;
  /*width: 15%;*/
  opacity: .5;
  font-size: 20px;
  text-align: center;
  text-shadow: none;
}

.custom-col-lg-6, .custom-col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px;
}

.shedule-tour-title {
	text-align:center;
	display: table;
	height:30px;
	width: 100%;
}

.self_schedule_page_back,.self_a_tour_page_back{
	cursor: pointer;
	font-size: 20px;
	vertical-align: middle;
}
.confirm-booking .confirm-booking-date-time	{
	margin: auto;
    width: 64%;
}
.spin_loader{
	background-color: #ffffff;width: 100%;height: 100%;z-index: 9999;opacity: 0.6;filter: alpha(opacity=60);font-size: 40px;text-align: center;vertical-align: middle;top: 0;padding: 7px 15px;
}
.custom-col-lg-6 {
		float:left;
		width: 50%;
}
.popupsheduleTourheader {
	width: 100%; 
	overflow: hidden;
}
.popupsheduleTourheader .schedule_page_back,.popupsheduleTourheader .self_a_tour_widget_page_back,.popupsheduleTourheader .schedule_page_next,.popupsheduleTourheader .self_a_tour_widget_page_next{
	cursor: pointer;
    float: left;
	text-align:center;
	z-index: 2;
	margin-left: 5px;
	margin-top: 15px;
}

.unit_info_header{color: #000; margin-bottom: 15px;}
.unit_info_col{padding:0px 2px}
.unit_box_content{overflow-y: auto; height: 185px;}
.vertical-center{margin: 0; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.bed-bath-selection{margin:15px 0;}
#main_unit_listing .checkbox-custom{margin:0;}

/*desktop*/
@media (min-width:1280px) {
	.custom-col-lg-6 {
		float:left;
		width: 50%;
	}
	
	.custom-carousel-inner {
		/*margin-left:15px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 200px;
		width: 200px;
		margin: 7px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 100px;
		/*width: 200px;
		margin: 7px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:50px;
	}
	.sliderDateContent {
		height:100px;
	}
	
	.sliderDateTitle span {
		font-size: 30px;
	}
	.sliderDateContent span{
		font-size: 60px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 20px;			 
	}
	.divWithoutPopup{
		    position: absolute;
    		width: 50%;
    		left: 25%; 
	}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 25px;
	}
}

@media (min-width: 768px) AND (max-width:1279px) {
	.custom-col-lg-6 {
		float:left;
		width: 50%;
	}
	.custom-carousel-inner {
		/*margin-left:15px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 150px;
		width: 150px;
		margin: 4px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 75px;
		/*width: 150px;
		margin: 4px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:38px;
	}
	.sliderDateContent {
		height:74px;
	}
	
	.sliderDateTitle span {
		font-size: 25px;
	}
	.sliderDateContent span{
		font-size: 50px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 20px;			 
	}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 20px;
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
}

@media (min-width: 483px) AND (max-width:767px) {
	.custom-col-lg-6 {
		float:left;
		width: 50%;
	}
	
	.custom-carousel-inner {
		/*margin-left:10px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 110px;
		width: 110px;
		margin: 4px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 55px;
		/*width: 110px;
		margin: 4px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:32px;
	}
	.sliderDateContent {
		height:50px;
	}
	
	.sliderDateTitle span {
		font-size: 20px;
	}
	.sliderDateContent span{
		font-size: 40px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 20px;			 
	}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 18px;
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
}

@media (min-width:460px) AND (max-width: 482px) {
	.custom-col-lg-6 {
		float:left;
		width: 50%;
	}
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 100px;
		width: 90px;
		margin: 2px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 50px;
		/*width: 90px;
		margin: 2px;*/
	}
	
	.sliderDateTitle, .sliderDateMonth {
		height:25px;
	}
	.sliderDateContent {
		height:50px;
	}
	.sliderDateTitle span {
		font-size: 18px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 36px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 16px;			 
	}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 13px;
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
}

@media (min-width:441px) AND (max-width: 461px) {
	.custom-col-lg-6 {
		float:left;
		width: 50%;
	}
	
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 100px;
		width: 80px;
		margin: 1px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 50px;
		/*width: 80px;
		margin: 1px;*/
	}
	
	.sliderDateTitle, .sliderDateMonth {
		height:25px;
	}
	.sliderDateContent {
		height:50px;
	}
	.sliderDateTitle span {
		font-size: 18px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 36px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 16px;			 
	}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 13px;
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
}

@media (min-width:415px) AND (max-width: 440px) {
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 86px;
		width: 86px;
		margin: 3px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 43px;
		/*width: 86px;
		margin: 3px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:24px;
	}
	.sliderDateContent {
		height:38px;
	}
	.sliderDateTitle span {
		font-size: 18px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 36px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 16px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 13px;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.spin_loader{
		padding: 1px 15px;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width:376px) AND (max-width: 414px) {
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 74px;
		width: 74px;
		margin: 2px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 37px;
		/*width: 74px;
		margin: 2px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:22px;
	}
	.sliderDateContent {
		height:30px;
	}
	.sliderDateTitle span {
		font-size: 15px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 26px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 12px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 13px;
	}
	.self-tour-carousel-control{
		top:28%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width:361px) AND (max-width: 375px) {
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 68px;
		width: 68px;
		margin: 1px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 34px;
		/*width: 68px;
		margin: 1px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:20px;
	}
	.sliderDateContent {
		height:28px;
	}
	.sliderDateTitle span {
		font-size: 14px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 20px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 10px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 13px;
	}
	.self-tour-carousel-control{
		top:28%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.spin_loader{
		padding: 1px 15px;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width: 359px) AND (max-width:360px){
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 60px;
		width: 60px;
		margin: 2px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 30px;
		/*width: 60px;
		margin: 2px;*/
	}
	.sliderDateTitle,.sliderDateMonth {
		height:18px;
	}
	.sliderDateContent {
		height:20px;
	}
	.sliderDateTitle span {
		font-size: 14px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 20px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 10px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 10px;
	}
	.self-tour-carousel-control{
		top:28%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width: 301px) AND (max-width:358px){
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 58px;
		width: 54px;
		margin: 1px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 28px;
		/*width: 54px;
		margin: 1px;*/
	}
	.sliderDateTitle,.sliderDateMonth {
		height:18px;
	}
	.sliderDateContent {
		height:20px;
	}
	.sliderDateTitle span {
		font-size: 14px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 20px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 10px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 10px;
	}
	.self-tour-carousel-control{
		top:18%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.spin_loader{
		padding: 2px 15px;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width: 242px) and (max-width:300px){
	.custom-carousel-inner {
		/*margin-left:5px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 50px;
		width: 45px;
		margin: 1px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 25px;
		/*width: 45px;
		margin: 1px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:18px;
	}
	.sliderDateContent {
		height:14px;
	}
	
	.sliderDateTitle span {
		font-size: 14px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 15px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 10px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 9px;
	}
	.self-tour-carousel-control{
		top:16%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }
}

@media (min-width: 100px) AND (max-width:241px){
	.custom-carousel-inner {
		/*margin-left:1px;*/
	}
	
	.selfATourSliderDateContent {
		/*height: 50px;
		width: 35px;
		margin: 1px;*/
	}
	.selfATourSliderTimeContent,.selfATourTimeSliderContent {
		height: 25px;
		/*width: 35px;
		margin: 1px;*/
	}
	
	.sliderDateTitle,.sliderDateMonth {
		height:18px;
	}
	.sliderDateContent {
		height:14px;
	}
	
	.sliderDateTitle span {
		font-size: 14px;
		font-weight: bold;
	}
	.sliderDateContent span{
		font-size: 15px;
	}
	.btnLarge .btn,.orTxt{
			font-size: 10px;			 
	}
	.divWithoutPopup {position: absolute;width: 100%;left:0%;}
	.sliderDateMonth span,.selfATourSliderTimeContent span,.selfATourTimeSliderContent span {
		font-size: 10px;
	}
	.self-tour-carousel-control{
		top:28%;
	}
	.confirm-booking .confirm-booking-date-time	{
		width: 100%;
	}
	.shedule-tour-title{
        height: 15px;
    }
    form label{
        font-size: 12px;
        margin-bottom: 0px;
    }
    .form-group{
        margin-bottom: 5px;
    }

}


.self-tour-carousel-control.left {
	background-image: none;
}
.self-tour-carousel-control.right {
  left: auto;
  right: 0;
  background-image: none;
}

#selfATourDateSlider .self-tour-carousel-control {
  padding-top:2.5%;
  /*width:5%;*/
}

#selfATourWidgetDateSlider .self-tour-carousel-control {
  padding-top:2.5%;
  /*width:5%;*/
}

#selfATourTimeSlider .self-tour-carousel-control {
  /*padding-top:7%;
  width:5%;*/
}

.confirm-booking .confirm-booking-divider {
	border-bottom: 1px solid #333;
    color: #333;
    margin: auto auto 10px;
    width: 80%;
}	
	
.confirm-booking .confirm-booking-date-time	.control-label {
	color:#c0c0c0;
	min-width: 38px;
}

.custom-col-lg-2, .custom-col-lg-3, .custom-col-lg-9, .custom-col-lg-10, .custom-col-lg-12 {
	float: left;
}
.custom-col-lg-12 {
	width: 100%;
}
.custom-col-lg-10 {
	width: 83.33333333%;
}
.custom-col-lg-9 {
	width: 75%;
}
.custom-col-lg-3 {
	width: 23%;
	margin-right: 2%;
}
.custom-col-lg-2 {
	width: 16.66666667%;
}
.scheduleContactInfo .form-group{
	position: static;
}
.custom-alert {
    padding: 10px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0px !important;
    font-size: 12px;
    position: absolute;
    width: 100%;
    z-index: 9999;
    /*box-shadow: 1px 1px #a94442;*/
    -moz-box-shadow: inset 0 -10px 5px -10px #a94442;
    -webkit-box-shadow: inset 0 -10px 5px -10px #a94442;
    box-shadow: inset 0 -10px 5px -10px #a94442;
    background: rgba(242, 222, 222, 0.5);
}
.custom-alert .close{
	font-size: 15px;
}
.schedule_guided_tour_registration_form .custom-col-lg-12{
	float: none;
}
.dropdown-menu li > a:hover{color: #cccccc} 
 .caret-dropdown{float:right;margin-top:6px;}
 .required-field label:after{
  content:" *";
  color:#ff5f5f;
  font-size: 18px;
}
.padding_campus{
	padding-left: 25%;
}
#selfATourDateSlider,#selfATourTimeSlider{
	  padding: 0px 15px !important;
}
.sister_properties_listing{
	padding-top: 25px;
}
#sister_properties_listing div:first-child { 
	margin-top:20px !important;
}
.main_unit_listing{
	font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word; background-color: #ccc;border: 1px solid #000;
}
.unit_row{
	background-color: #ffffff;height:70px;padding-top:10px;border: 1px solid #000;margin: 0px 10px 10px 10px;}
.unit_info{
	float:left;display: table;cursor: pointer;display: block;width: 8%;
}

#main_unit_listing .unit_row{ height: 50px; padding-top:0px }
#main_unit_listing .campus_row{ height: 50px; padding-top:0px }
#main_unit_listing .new_campus_row{ height: 50px; padding-top:0px }
#main_unit_listing .new_unit_row{ height: 50px; padding-top:0px }

.m-l {
	margin-left: 15px;
}

.m-r {
	margin-right: 15px;
}

.btn {
  color: #fff;
  background: #a7b2be;
  position: relative;
  border-width: 0;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);
  font-weight: 600;
  padding: 7px 12px;
  transition:background .3s ease-in-out 0s;
}
.pp_details{
	position: inherit !important;
}
a.pp_close{
	top:-20px;
}
.headline{
	border: 0px !important;
}
#selfATourWidgetDateSlider,#selfATourWidgetTimeSlider{
	  padding: 0px 15px !important;
}
#customBtn_view_access, #customBtn_selftour_signin{	
    background-color: #fff;
    border-color: #c3c6c9;
    border-width: 1px;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;
    color: #657483;
}
.tooltip-inner {
    max-width: 350px !important;
    /* If max-width does not work, try using width instead */
    width: 350px !important;
    text-align: left!important;
}
#unit_listing div:first-child { 
	margin-top:20px !important;
}
#main_unit_listing div:first-child {
	margin-top:0px !important;
}

.main_unit_listing{
	font-size: 13px;line-height: 1.42857143;color: #333;word-break: break-all;word-wrap: break-word; background-color: #ccc;border: 1px solid #000;
}
.unit_row{
	background-color: #ffffff; height:50px; padding: 2.5px; margin: 0 0 10px; border: 1px solid #000;
}
.campus_row{
	background-color: #ffffff; height:70px; padding: 2.5px; margin: 0 0 10px; border: 1px solid #000;
}
.unit_info{
	float:left; text-align: center; display: table;cursor: pointer; margin: 1.6% 2.6% 1.6% 2.6%;display: block;width: 11%;
}
.campus_info{
  float:left;display: table;cursor: pointer;display: block;width: 8%;
}

 #applepaybutton{ width: 145px;}
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  /* This part is only read by viewports wider than 1200 pixels */
  #applepaybutton{ width: 50px;}
}