html {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-bottom: 100px;
}

body
{
    font-size: .95em;
    font-family: arial, Sans-Serif;
    color: #222;
    overflow-x: hidden;
    overflow-y: auto;
    background: white; /*line-height: 1.5;*/
}

.strikeout { text-decoration: line-through; }

#Header { background: #F1F1F1; border-bottom: 1px solid #EAEAEA; min-height:85px; height: auto !important; }
/*#Header #PropertyAddress { float: right; margin: 10px; text-align: right; font-size: .8em }*/

#Platform {  }
#Page { max-width: 900px; }
h4:not(.flex-header-item) { border-bottom: 1px solid #EAEAEA; padding: 0px 0 5px 0; font-size: 1.3em; }
h5 { border-bottom: 1px solid #EAEAEA; padding: 5px 0 5px 0; font-size: 1.1em; margin: 5px 0 5px 0; font-weight: bold; }
h6 { font-size: 1em; margin: 5px 0 5px 0; font-weight: bold; }

#WelcomeMessage { overflow: hidden; padding: 2px; }
#WelcomeMessage iframe { width: 500px; border: none; }
.ui-dialog.no-title .ui-dialog-titlebar { display: none; }
.ui-autocomplete { max-height: 250px; overflow-y: auto; overflow-x: hidden; padding-right: 20px; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #099dd2; background: #099dd2; font-weight: bold; color: #ffffff; outline: none; }
.no-border { border: none !important; }

.disabled-look { color: grey; }

#ApplicationNavigation 
{
    font-size: .80em;
    width: 100%;
    border: 1px solid #EAEAEA;
    margin: 10px 0 10px 0;
    text-align: center;
    height: 40px; 
    overflow: hidden;
    border-collapse:separate;
}

#ApplicationNavigation td
{
    padding: 0 5px 0 15px;
    position: relative;
}
/*#ApplicationNavigation td:before {
    content: "";
    width:2px;
    height: 34px;
    position:absolute;
    right:-1px;
    top: 2px;
    z-index: 1;
    background-color: white;
}*/
#ApplicationNavigation td:after {
    content: "";
    width: 0px;
    height: 0px;
    padding: 0;
    margin: 0;
    border-top: 35px solid transparent;
    border-bottom: 35px solid transparent;
    border-right: none;
    border-left: 8px solid white;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -35px;
    margin-right: -7px;
    z-index: 1;
}
#ApplicationNavigation td.completed, #ApplicationNavigation td.completed:before { background-color: #97c93c; color: white; }
#ApplicationNavigation td.completed:after { border-left-color: #97c93c; }
#ApplicationNavigation td.error, #ApplicationNavigation td.error:before { background-color: #FF5A5A; color: white; }
#ApplicationNavigation td.error:after { border-left-color: #FF5A5A; }
#ApplicationNavigation td.current, #ApplicationNavigation td.current:before { background-color: #0891c2; color: white; font-weight: bold; }
#ApplicationNavigation td.current:after { border-left-color: #0891C2; }

#ApplicationNavigation { counter-reset: nav-step; }
#ApplicationNavigation td.available span.nav-step-number:before { counter-increment: nav-step; content: counter(nav-step); }
#ApplicationNavigation td:not(.available) { display: none; }

#ApplicationNavigation td span.nav-step-word { display: none; }
#ApplicationNavigation td.current span.nav-step-word { display: inline; }

/*#OnlineApplication [data-form].available { display: initial; }*/
#OnlineApplication [data-form]:not(.available) { display: none; }

#OnlineApplication #ApplicationLeftSide { width: 440px; float: left; }
#OnlineApplication #ApplicationRightSide { width: 440px; float: right; }

#OnlineApplication div.application-screen
{
    border: 1px solid #EAEAEA;
    padding: 10px;
    padding-top: 0px;
    -moz-box-shadow: 0 0 1px #B7B7B7;
    -webkit-box-shadow: 0 0 1px #B7B7B7;
    box-shadow: 0 0 1px #B7B7B7;
}

#OnlineApplication div.application-screen h4 { border-top: 1px solid #EAEAEA; margin: 42px -10px 5px -10px; padding: 10px 5px 8px 10px; font-size: 1.2em; font-weight: bold;  background-color: #F1F1F1; }
#OnlineApplication div.application-screen h4.first {  margin-top: 0px; border-top: none; }

#OnlineApplication div.application-screen-buttons { margin: 40px -10px 0px; border-top: 2px solid #EAEAEA; padding: 0px 10px; }
#OnlineApplication div.mobile-application-screen-buttons { margin: 10px -10px 0px; border-top: 2px solid #EAEAEA; padding: 0px 10px; }
#OnlineApplication div.mobile-add-applicant-buttons { margin: 40px -10px 0px; border-top: 2px solid #EAEAEA; padding: 0px 10px; }

#OnlineApplication div.application-left { width: 45%; float: left; }
#OnlineApplication div.application-right { width: 52%; float: right; }

#OnlineApplication tr.indent-row td:first-child { padding-left: 12px; padding-right: 0px; }

#OnlineApplication div.pad { padding: 5px; }
#OnlineApplication hr.divider { border: 1px dashed #AEAEAE; }

div.verification-docs { }
table.documents-table { margin-bottom: 5px; }
table.documents-table .dl-date-col { width: 150px; }
table.documents-table .dl-name-col { }

#PetsNotPermitted { text-align: center; font-size: 1.3em; }
#Pets select { width: 185px; }

#ReferringMethod { width: 100%; max-height: 100px; height: 50px; }
#ReasonForLeaving { max-width: 250px; width: 250px; max-height: 100px; height: 20px; }

textarea.reason-for-leaving { max-width: 192px; width: 192px; max-height: 55px; height: 55px; }

#TermsAndConditions { height: 400px;  overflow: auto; -webkit-overflow-scrolling: touch; margin-bottom: 10px; }
html.touch #TermsAndConditions { height: inherit; }


#ReviewScreen hr { border: 1px solid #BDBDBD; }

#ReviewScreen input[readonly] { background-color: White; height: 18px; padding: 0; color: #222; }
#ReviewScreen input[type="checkbox"] { vertical-align: bottom; } 
#ReviewScreen label { margin-bottom: 0; }
#ReviewScreen .pad-left { padding-left: 0; }

#ReviewScreen #ApartmentInfoWrapper td { width: 100%; }

#ChargesTable {
    width: 100%;
}

#ReviewScreen td.long { width: auto !important; }

#ReviewScreen td.border-top { border-top: 1px solid black; }

#ReviewScreen .password-mask-hide, #ReviewScreen .birthdate-datepicker-icon {
    display: none;
}

.applicant .password-mask-display {
    display: none;
}

span#MustAgree { color: Red; }

#ReceiptTable { margin: auto; width: 100%; max-width: 350px; }
#ReceiptTable .value-col { text-align: right; }
#ReceiptTable tr.total-row { border-top: 1px solid #d7d7d7; }


select.ui-datepicker-month, select.ui-datepicker-year { font-size: 1.2em !important; }

div.application-screen:not(#ReviewScreen):not(.survey-screen) tr { height: 40px; }
div.documents-detail tr { height: auto !important; }

#UnitAvailability { width: 100%; }
#UnitAvailability .ua-pref-col { width: 250px; }
#UnitAvailability .ua-units-col { width: 625px; }

#UnitAvailability button 
{ 
    background: #EDEDED url(images/bg_fallback.png) 0 0 repeat-x;
    background: -moz-linear-gradient(top, #ededed 0%, #c4c4c4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#C4C4C4));
    background: -webkit-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -o-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    background: -ms-linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    background: linear-gradient(top, #ededed 0%,#c4c4c4 100%);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    padding: 8px 17px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
    color: #4F4F4F;
    font-size: 14px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 5px;
    border-width: 1px;
    cursor: pointer;
}
#UnitAvailability button[disabled] { color: #bdbdbd; cursor: default; background: #edeaea }

#UnitAvailabilityHeaderRow td { vertical-align: bottom; }
#UnitAvailabilityContentRow td { vertical-align: top; }
#UnitAvailabilityHeaderRow h4 { margin-bottom: 0px; }

/*#UnitAvailability #AvailableUnitsHeader h4 { margin-bottom: 0px; padding-bottom: 0px; }*/
#UnitAvailability #ApplyWithoutUnit { margin-top: -10px; }

#UnitAvailability > tbody > tr > td { padding: 0px 0px 0px 10px; }

#UnitAvailability #FilterMenu { *position: fixed; width: 250px; *margin-right: 20px; overflow: auto; padding-bottom: 20px; }
#UnitAvailability #Units { *margin-left: 270px; width: 100%; *margin-bottom: 60px; overflow: auto; }
#UnitAvailability #UnitsList { width: 625px; }

#UnitAvailability #FilterMenu h4 { margin-bottom: 0px; }
#UnitAvailability #ClearPrefs { font-size: 12px; float: right; padding-top: 8px; }
#UnitAvailability #FilterMenuWrapper { overflow: auto; padding-bottom: 20px; }
#UnitAvailability #FilterMenu .filter-label { padding: 3px; margin-top: 10px; font-weight: bold; }
#UnitAvailability #FilterMenu .filter-label span.ui-icon { display: inline-block; }
#UnitAvailability #FilterMenu .filter-slider input { width: 40px; }
#UnitAvailability #FilterMenu #MoveInDate { position: relative; z-index: 10; } /* This fixes an issue with the datepicker behind other elements */
#UnitAvailability #FilterMenu .filter-slider .ui-slider { width: 100px; margin: 2px 10px; display: inline-block; }
#UnitAvailability #FilterMenu .ui-slider-handle 
{ 
    margin-left: -11px; 
    top: -5px; 
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.6) inset;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6) inset;
    background: linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -ms-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -o-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: #EDEDED url(images/bg_fallback.png) 0 0 repeat-x;
    background: -webkit-linear-gradient(top, #EDEDED 0%,#C4C4C4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEDED), color-stop(100%,#C4C4C4));
    background: -moz-linear-gradient(top, #EDEDED 0%, #C4C4C4 100%);
    width: 22px; 
    height: 16px; 
}

#UnitAvailability #FilterMenu .filter-label.unit-types-filter, #UnitAvailability #FilterMenu .filter-label.unit-types-filter label { cursor: pointer; }
#UnitAvailability #FilterMenu .filter-label a { font-size: .8em; font-weight: normal; }
#UnitAvailability #FilterMenu #HideFloorPlans { display: none; }


#UnitAvailability #FilterMenu .filter-count { padding-left: 10px; font-style: italic; }

#UnitAvailability .tour-stop { border: 1px solid #000; }
.qtip { font-size: 1.1em; line-height: 1.1em; max-width: 450px; }
.qtip-title { font-weight: bold; }
.qtip .ui-button-text { line-height: 1.2; font-size: 12px; }
.padding-left { padding-left: 20px; }

#UnitAvailability #Units #MatchedUnits { font-style: italic; }

/*.touch #Units { -webkit-overflow-scrolling: touch; overflow: auto; }*/

#UnitAvailability #Units td { vertical-align: top; }
#UnitAvailability #Units h4:not(.rent-schedule-header)
{
    position: fixed;
    background-color: #FFF;
    padding-left: 10px;
    width: 623px;
    padding-top: 20px;
    z-index: 100;
    margin-top: -21px;
    margin-left: -3px;
}

#UnitAvailability #UnitsList
{
    /**position: relative;
    *top: 40px;*/ 
    padding-bottom: 10px;  
    padding-top: 10px;
}

#UnitAvailability .unit-type
{
    border: 1px solid #DDD;
    box-shadow: 0px 0px 3px 0px #B7B7B7;
    -moz-box-shadow: 0px 0px 3px 0px #B7B7B7;
    -webkit-box-shadow: 0px 0px 3px 0px #B7B7B7;
    margin-bottom: 15px; 
}

#UnitAvailability .unit-type-left { width: 310px; }
#UnitAvailability .unit-type-table .unit-type-name { font-size: 1.3em; font-weight: bold; }

#UnitAvailability .unit-type.open table.unit-type-table
{ 
    box-shadow: 0px 3px 5px -2px #B7B7B7;
    -moz-box-shadow: 0px 3px 5px -2px #B7B7B7;
    -webkit-box-shadow: 0px 3px 5px -2px #B7B7B7;
    z-index: 10;
    position: relative;
}

#UnitAvailability .default-floor-plan { background-image: url(images/availability/floorplan_coming_soon_300.png); }
#UnitAvailability .unit-type-image { width: 300px; height: 300px; }
#UnitAvailability img.unit-type-image { cursor: pointer; }
#UnitAvailability .unit-image { width: 100px; height: 100px; border: 1px solid #DDD; }
#UnitAvailability .gallery-image { width: 49px; height: 49px; cursor: pointer; border: 1px solid #DDD; }
#UnitAvailability .image-gallery-row td { padding: 0px; }

#UnitAvailability table.unit-type-details-table { height: 300px; }
#UnitAvailability .unit-available-date { text-align: right; font-weight: bold; }
#UnitAvailability .unit-available-date .available { color: Green; }
#UnitAvailability .unit-available-date .available-before, #UnitAvailability .unit-available-date .available.red { color: red; }

#UnitAvailability .rent-list-header, #UnitAvailability .unit-details-header, #UnitAvailability .special-header:not(.no-line) { border-bottom: 1px solid #DDD; font-weight:bold;  }
#UnitAvailability .special-header { /*padding-top: 10px;*/ }
#UnitAvailability .special-name { position: relative; left: -16px; }
/*#UnitAvailability .amenity-list { margin: 0; padding-left: px; list-style: none; }*/

#UnitAvailability table.unit-type-details-table tr.info-row { height: 25px; }
#UnitAvailability #Units td.show-hide-units-cell { vertical-align: bottom;  }
#UnitAvailability .hide-units-link { display: none; }
#UnitAvailability .no-matching-units { display: none; float: right; font-style: italic; }
#UnitAvailability span.show-hide-units { font-style: italic; }
#UnitAvailability span.show-hide-units a { font-style: normal; }

#UnitAvailability .available-unit 
{
    border-top: 1px solid #DDD;
    background-color: #FFF;
    font-size: .8em;
}

#UnitAvailability .available-unit.alt { background-color: #FAFAFA; }

#UnitAvailability .none-available
{
    padding-top: 47px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    height: 70px;
    border: 1px solid #DDD;
}

#UnitAvailability #Units .unit-left { width: 120px; }
#UnitAvailability .unit-number { font-size: 1.1em; font-weight: bold; }

#UnitAvailability .unit-details-left { width: 45%; padding-left:20px; }
#UnitAvailability .unit-details-right { padding-left: 15px; }
#UnitAvailability .unit-details-left table thead th, #UnitAvailability .unit-details-right table thead th { border-bottom: 1px solid #DDD; font-weight:bold; }
#UnitAvailability .unit-details-left table tbody td { padding-left: 10px; }
#UnitAvailability .unit-details-left .specials-table, #UnitAvailability .unit-details-left .amenities-table { margin-top: 10px; }


#UnitAvailability .unit-rent-table { width: 100% }
#UnitAvailability th.unit-rent-value { padding-right: 15px; }
#UnitAvailability .unit-rent-value { text-align: right; /*min-width: 80px;*/ }
#UnitAvailability .unit-rent-value.special-unit-rent-value { /*cursor: pointer;*/ }
#UnitAvailability .unit-rent-table tr.disabled { color: Gray; }
#UnitAvailability #Units .unit-rent-table td { vertical-align: middle; }
#UnitAvailability .unit-rent-table .rent-value, #UnitAvailability .unit-rent-table .special-rent-value { width: 57px; display: inline-block; position:relative; top: 2px; }
#UnitAvailability .star-col { max-width: 77px; }
/*#UnitAvailability .unit-lease-term-col { padding-right: 30px; }*/

#UnitAvailability #Units .apply-for-unit { vertical-align: bottom; }
#UnitAvailability #Units .apply-for-unit button { float: right; }

#UnitAvailability .specials-available { color: green; font-weight: bold; font-size: 1.1em; }
#UnitAvailability .unit-details-left .star-icon { position:relative; top:2px; }
#UnitAvailability .unit-details .ui-icon-star { margin-left: -8px; }

.rent-schedule span.close { position: absolute; top: 7px; right: 10px; cursor: pointer; }
.rent-schedule-note { font-size: .65em; }
.bottom { vertical-align: bottom !important; }

div.fl
{
    color: #666/*#919191*/;
    font-style: italic;
    margin-bottom: 2px; 
}

#Overlay
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20000;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.75;
    filter: Alpha(Opacity=75);
    display: none;
}

#ImageViewer
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20001;
    display: none;
    width: 100%;
    min-width: 900px;
}


#ImageViewer #ImageArea
{
    height: 100%;
    overflow: hidden;
    width: 100%;
    text-align: center;
    margin: 25px 50px 0px 50px;
}

/*#ImageViewer #EmbeddedWrapper 
{
    position: absolute;
    z-index: 1010;
}*/

#ImageViewer #ImageWrapper
{
    position: relative;
}

#ImageViewer #Image 
{
    cursor: move;
}

#ImageViewer #ImageControls
{
    height: 65px;
    background: black;
    font-size: 2em;
    color: #A5A5A5;
    width: 100%;
}

#ImageControls td { padding: 0; }

#ImageControls .controls-third.middle { text-align: center; }
#ImageControls .controls-third.last { text-align: right; }


#ImageControls span { cursor: pointer; }
#ImageControls div { display: inline-block; }

#ImageControls #ImageTitle { padding-left: 50px; }
#ImageControls #ImageTitle { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 80%; }
#ImageControls #ZoomOut, #ImageControls #ZoomIn { text-align: center; font-size: 1.3em; /*float: right;*/ }
#ImageControls #ZoomOut:hover button, #ImageControls #ZoomIn:hover button { color: #E9E9E9; }
#ImageControls #ZoomOut button, #ImageControls #ZoomIn button 
{ 
    background: #000;
    border: #000;
    /*-webkit-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;*/
    font-size: 1.3em;
    color: #A5A5A5;
    cursor: pointer;
}
#ImageControls #ZoomIn { padding-right: 30px; }

#ZoomIn, #ZoomOut, #PreviousImage, #NextImage { /*width: 40px;*/ }
#PreviousImage, #NextImage, #CloseImage { position: relative; bottom: 6px; }

#ImageControls .ui-button-text { text-shadow: 0 0 0; font-size: 40px; padding: 0 12px; color: #A5A5A5; }
#ImageControls .ui-button-text:hover { color: #E9E9E9; }

#ImageControls #CloseImage { width: 50%; text-align: right; padding-right: 10px; }

#ImageControls span { padding: 0 5px; }

#ImageNavigatorWrapper { height: 125px; }
#ImageNavigator { margin: auto; max-width: 900px; text-align: center; }
#ImageNavigator .image-nav { height: 65px; padding-top: 45px; background: #000; cursor: pointer; margin-top:15px; display: none; }
#ImageNavLeftWrapper { float: left; width:25px; height: 110px; }
#ImageNavLeft { }
#ImageNavRight { float: right; }
#ImageGalleryWrapper {  padding: 15px 10px 0px 10px; overflow: hidden; float: left; width: 830px; }
#ImageGallery { display: inline-block; position: relative; }
#ImageGallery img { cursor:pointer; border: 2px solid black; height: 100px; }
#ImageGallery td.selected img
{ 
    -webkit-box-shadow: 0px 0px 25px 0px #FFF;
    -moz-box-shadow: 0px 0px 25px 0px #FFF;
    box-shadow: 0px 0px 20px 0px #FFF;
    border: 2px solid #FFF;
}

#ImageLoading
{
    z-index: 1010;
    position: absolute;
    top: 50%;    
    left: 50%;   
    margin-left: -120px;
    border: 1px solid #D7D7D7;
}

#LoadingImage
{
    background-image: url(images/shared/ajax-loader.gif);
    background-color: #fff ;
    background-repeat: no-repeat;
    background-position: center;        
    width: 240px;
    height: 40px;    
    margin:auto;    
}

span.image-viewer-icon
{
    background: url(images/image-viewer/image-viewer-icons.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    background-repeat: no-repeat;
}

span.image-viewer-icon.close:hover { background-position: 0 -25px; }
span.image-viewer-icon.arrow-right { background-position: 0 -50px; }
span.image-viewer-icon.arrow-right:hover, #ImageNavigator .image-nav:hover span.arrow-right { background-position: 0 -75px; }
span.image-viewer-icon.arrow-left { background-position: 0 -100px; }
span.image-viewer-icon.arrow-left:hover, #ImageNavigator .image-nav:hover span.arrow-left { background-position: 0 -125px; }


select.medium { width: 212px; }
select.short { width: 112px; }


#SignLeaseButtons { text-align: center; }
#ApplicationComplete span.ui-icon-check { display: inline-block; }

#BtnWrapper { float: right; }

html.no-touch .deletable:not(:hover) .delete {
    visibility: hidden;
}

.deletables .not-allowed { text-align: center; }
.deletables .limit-reached { text-align: center; }

#PaymentInformation .pay-expire-month { white-space: nowrap; }

#PaymentErrorList {
    display: none;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    color: #D8000C;
    background-color: #FFBABA;
}

#PoweredByDocuSign {
    float: right;
    margin-top: 25px;
}

#DocuSignDisclaimer {
    font-size: 12px;
}

.powered-aptexx { text-align: center; }
.powered-aptexx img { vertical-align: text-bottom; }

#EncryptionMessage { border: 3px solid black; font-size: 12px; width: 210px; text-align: center; margin: auto; }
#PaymentSecurity > div { margin-top: 10px; }
#FeesAndPayment { width: 100%; }
#OnlinePaymentContent tr { height: 30px !important; }
#FeesAndPayment .total-row { border-top: 1px solid #d7d7d7; }

#CCDetails .cc-icon { color: gray; }
#CCDetails .cc-icon.selected { color: black; }

@media print {
    #ApplicationNavigation { display: none; }
    .application-screen-buttons { display: none; }
    #Print { display: none; }
}


#SaveProgressRibbon {
    position: fixed;
    width: 100%;
    height: 70px;
    bottom: 0;
    border-top: 1px solid gainsboro;
    left: 0;
    text-align: right;
    line-height: 70px;
    box-shadow: 0px 10px 10px 10px;
    background-color: white;
}

#SaveProgressContainer {
    max-width: 900px;
}

#SaveProgressButton { line-height: normal; }

.race-refused { margin-left: 25px; }

.chosen-container { 
    min-height: 35px;
    line-height: 23px;
}

#RentableItems select { width: 45px; }
#RentableItems div.ri-left-section { padding-bottom:10px; }
#RentableItems div.ri-name { padding-top:7px; }
#RentableItems div.ri-name span { padding-left:15px; }
#RentableItems div.ri-right-section {  float: right; padding-bottom:15px; }
#RentableItems div.ri-right-section span { padding-top:7px; }
#RentableItems div.ri-right-section label { width: 80px; text-align: right; }

#RentableItems #RentableItemsTotalWrapper { float: right; }
#RentableItems #RentableItemsTotalWrapper #TotalRentableItemCharge label { width: 80px; text-align:right; }
#RentableItems #RentableItemsAttachedToUnitMessage
{
    text-align: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    font-size: 0.85em;
    padding-top: 20px;
}

.resman-blue {
    background-color: #0891c2;
}

#CBBuildCreditTitle {
    font-size: 35px;
    margin: 15px;
    text-align: center;
    font-weight: bold;
}

#OnlineApplication #CBBuildCreditTitleMobile {
    border: none;
    background-color: transparent;
    padding: 5px 10px;
}

.cb-questions-row {
    margin-top: 5px;
}

.cb-questions-list {
    font-size: 12px;
}

@media (min-width: 768px) {
    .cb-questions-list {
        font-size: 18px;
    }
}

.cb-questions-list li {
    margin-bottom: 10px;
}

.cb-premium-features {
    color: white;
    font-size: 11.5px;
    padding: 5px 0;
    margin: 0 4px;
}

.cb-premium-features li {
    margin-top: 5px;
}

.cb-features-title {
    color: white;
    font-weight: bold;
    font-size: 22px;
}

.credit-builder-image {
    padding: 10px;
    width: 100%;
}

.cb-family-image {
    width: 100%
}

.credit-builder-logo {
    width: 100%;
    margin-right: 10px;
}

.cb-flow-image {
    width: 25%;
    margin: 5px;
    vertical-align: top;
}
.cb-flow-arrow {
    width: 5%;
    vertical-align: middle;
}

.flavor-color-text {
    color: #97c93c;
}

.flavor-color-background {
    background-color: #97c93c;
}

.header-span {
    font-size: 18px;
}

#CBApplicantSubscribersDiv {
    font-size:12px;
}

#CBApplicantSubscribersDiv .cb-subscribe-message {
    padding-top: 12px;
    padding-bottom: 20px;
    font-weight:600;
    font-size:12.5px;
    text-align: center;
}

#CBApplicantSubscribersDiv .cb-subscribers-headers div {
    font-weight:600;
}

#CBApplicantSubscribersDiv .credit-builder-subscribers {
    border-bottom: black solid 2px;
    padding-bottom: 2px;
    float: right;
}

#CBApplicantSubscribersDiv .cb-total-charges {
    padding-top: 2px;
    float: right;
}

#CBApplicantSubscribersDiv .cb-subscriber-price {
    padding-top: 5px;
}

#CBApplicantSubscribersDiv .cb-total-monthly-charges {
    font-weight:bold;
}

.cb-terms-wrapper {
    /*float: right;*/
    padding-top: 16px;
    margin-bottom: -24px;
    height: 32px;
}


#OnlineApplicationMessage {
    color: white;
    background-color: #0891c2;
    border-radius: 6px;
    padding: 5px;
    display: block;
    font-size: 16px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
#OnlineApplicationMessage > i {
    margin-right:8px;
}

.Application-Details-Card {
    border: 1px solid #EAEAEA;
    width: 100%;
    margin-bottom: 20px;
    min-height: 200px;
}

.Application-Details-Container {
    width: 100%;
}

.Household-Members {
    margin-left: 0px;
}

/*480px below and it will be mobile*/
@media (min-width: 481px) {
    .Application-Details-Container {
        display: flex;
    }

    .Application-Details-Card {
        width: 50%;
    }

    .Household-Members {
        margin-left: 20px;
    }
}

table.Application-Details-Table {
    width: 100%;
}

table.Application-Details-Table td {
    padding: 0 5px 0 20px;
    position: relative;
}

table.Application-Details-Table th {
    padding: 0 5px 0 20px;
    position: relative;
}

.Applition-Details-Headers {
    font-weight: bold;
    color: #0891c2;
    font-size: 16px;
    padding: 20px 20px 16px 20px;
}

.Application-Names {
    word-wrap: break-word;
}

.Application-Names-Container {
    width: 50%;
}

.Lease-Unit-Container {
    width: 33%;
}

.email-exists span {
    color: red;
}

.phone-exists span {
    color: red;
}

.pet-policy #PetPolicy iframe, .rental-criteria #RentalCriteriaDialogDiv iframe {
    width: 100%;
    border: 0;
    max-height: 250px;
}

div.form-module#ApplicantRegistrationForm {
    padding-bottom: 50px;  /* To compensate for the lost label at the bottom of the form. */
}

div.flex-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

    div.flex-header .flex-header-item {
        margin: 0 -10px -10px -10px;
        padding: 0px 0px 8px 10px;
    }

        div.flex-header .flex-header-item:last-child {
            margin-right: 10px;
            text-transform: none;
            font-size: 16px;
            margin-left: auto;
        }

.show-only-on-mobile {
    display: none !important;
}

.no-padding {
    padding: 0px !important;
}

.margin-top-15 {
    margin-top: 15px;
}

.margin-bottom-26 {
    margin-bottom: 26px;
}

/* Mobile Styles */
@media only screen and (max-width:480px) {
    .hide-mobile {
        display: none;
    }

    .show-only-on-mobile {
        display: block !important;
    }
}

#BackgroundReportCustomerCopy { margin-top: 25px; }

#OtherChargesTable th, #OtherChargesTable td {
    padding: 1px 5px 1px 5px;
}