* {
    padding: 0;
    margin: 0;
}

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

.sheduleTourheader {
    width: 100%;
    min-height: 40px;
    overflow: hidden;
    display: table;
}

#parentContainer{
    lex-grow: 1;
    overflow-y: auto;
    height: 349px;
}

.gt-parent-container{
    height: 340px !important;
}

.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;
}

.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 {

}

.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;
    display: table;
}

.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;
    background: none;
    border: none;
}

#main_unit_listing .checkbox-custom {
    margin: 0;
}

#main_unit_listing #row_head .unit_info_col.linkable_col {
    word-break: break-word;
}

.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: 10px 0;
}

.unit_info_col p {
    margin: 2px;
    font-size: 13px;
    text-align: left;
}

.linkable_col a {
    display: block;
    font-size: 13px;
}

.gt-header {
    display: table;
}

.headline, .mfheadline {
    line-height: inherit !important;
    height: 90px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
}

.schedule_page_back {
    position: absolute;
    top: 14px;
    left: 10px;
    background: inherit;
    border: none;
}

#tabs {
    min-height: 270px;
}

.ajax-spinner {
    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;
    position: absolute;
    padding: 100px 0;
}

.btn-container {
    text-align: center;
    height: 334px;
    display: table;
    width: 100%;
}

.scheduler_content {
    margin: auto 0;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.scheduler_content p.help_tour_type {
    margin: 30px 0 15px 0
}

.scheduler_content p.help_tour_type a {
    color: #707070;
    font-weight: bold
}

.btn-tour-type {
    color: #ffffff;
    font-weight: normal !important;
    margin: 18px 0 !important;
}

.tour_type_info {
    text-align: left;
}

.tour_type_info p {
    margin-bottom: 25px;
}

.tour_type_info .back_tour_type_info {
    padding: 15px 0 40px 0;
}

.tour_type_info .back_tour_type_info span {
    cursor: pointer;
}

.schedule_guided_tour_error p, .self_a_tour_error p {
    font-size: 13px;
}

.self_a_tour_error .alert-danger {
    z-index: 999;
}

.scheduleTourTab, .selftourwidgetTab {
    margin: 15px 0 0 0;
}

.datepicker:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: -7px;
    left: 6px;
    top: unset;
    border-bottom: none;
}

.datepicker:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #ffffff;
    position: absolute;
    bottom: -6px;
    left: 7px;
    top: unset;
    border-bottom: none;
}

a.website_link {
    position: relative;
    z-index: 0;
    text-decoration: none
}

a.website_link:hover, a.website_link:focus, a.website_link:active {
    z-index: 0;
}

a.website_link span {
    position: absolute;
    left: -9000px;
    width: 0;
    overflow: hidden;
}

a.website_link:hover span, a.website_link:focus span, a.website_link:active span {
    display: block;
    position: absolute;
    top: 1em;
    left: -4em;
    width: 12em;
    border: 1px solid #cccc;
    background-color: #cccccc;
    color: #000;
    text-align: center
}
/*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 only screen and (max-width: 483px) {
    .linkable_col a {
        display: block;
        font-size: 11px;
        padding: 3px;
    }

    .main_unit_listing {
        padding: 0 10px !important;
    }
}

@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;
    }

    .schedule_guided_tour_registration_form .form-group {
        padding-top: 10px;
    }
}

@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;
    }

    .schedule_guided_tour_registration_form .form-group {
        padding-top: 10px;
    }
}

@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;
    }

    .validation_error {
        font-size: 12px !important;
    }

    .schedule_guided_tour_registration_form .form-group {
        padding-top: 10px;
    }
}

@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 .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 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: 60px;
    padding-top: 0px
}

#main_unit_listing .campus_row {
    height: 60px;
    padding-top: 0px
}

#main_unit_listing .new_campus_row {
    height: 60px;
    padding-top: 0px
}

#main_unit_listing .new_unit_row {
    height: 60px;
    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;
}


#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;
    overflow-y: auto;
}

.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;
    }
}

.mb-1pt45 {
    margin-bottom: 1.45em;
}

.validation_error {
    color: red;
    font-size: 13px;
    height: 1px;
}

.scheduleDateTimeSlider button {
    background: transparent;
}

.left-self-tour-date-slider, .right-self-tour-date-slider {
    border: none;
    background: inherit;
    margin-top: -2em;
}

.left-self-tour-time-slider, .right-self-tour-time-slider {
    border: none;
    background: inherit;
    margin-top: -1em;
}

.scheduleDateTimeSlider .left, .scheduleDateTimeSlider .right {
    border: none !important;
}
label.error{
    color: red !important;
    font-size: 94%;
    font-weight: normal;
}

.tooltip-error.bottom-left{
    left: 2% !important;
    left: auto !important;
    max-width: fit-content;
    color: black;
}
.tooltip-error.bottom-left > .tooltip-inner{
    background-color: red !important;
    max-width: max-content !important;
}
.tooltip-error.bottom-left > .tooltip-arrow.bottom-left{
    top :5px !important;
    border-bottom-color: red !important;
    border-width: 0px 5px 6px 5px !important;
    left: 2% !important;
    margin-left: 3% !important;
}

#form-user-contact a {
    font-weight: bold;
    border-bottom-style: solid;
}

/* CSS to add underline to the Property addresses. */
#phase_link{
    font-weight: bold;
    border-bottom-style: solid;
}

#guided-tour-address-links, .padding_campus a{
    font-weight: bold;
    border-bottom-style: solid;
    text-decoration: none;
}

.self_schedule_page_next,.self_a_tour_page_next {
    min-width: 100px;
    font-weight: bold;
    float: right;
    margin-right: 26px;
    width: 35%;
    margin-bottom: 5px;
}