a:focus, button:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
}

.searchfilter-bedList{
    margin-bottom: 10px;
    /*margin-left: 10px;*/
}

.UnitGroupPopup {
    width: 275px !important;
}

.olark-launch-button {
    z-index: 1 !important;
}

.marker_popup_content.multiple-properties {
    width: 95%;
}

body:focus {
    outline: 0px none !important;
}

.borderstylebottom1 {
    border-bottom: 1px solid #cccccc;
}

/* loading class css */
#page_loading {
    z-index: 99999;
    top: 0px;
}

#page_loading_shield {
    background: white;
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 99998
}
/*#loading_throbber {left: 50%; width: 50%; position: relative; margin: 5px 0px}*/
#page_loading.non-modal {
    position: fixed;
    top: 0px;
    line-height: 2em;
}
/* end of loading class css */

/* -----------  Bootstrap Modal Styles -----------  */
.modal {
    max-width: 98%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .modal-mini {
        width: 300px;
    }

    .modal-small {
        width: 400px;
    }

    .modal-large {
        width: 800px;
    }

    .modal-xlarge {
        width: 1000px;
    }
}
/* End Bootstrap Modal Styles */


/* ----------- Add Margin for Custom Message Content ----------- */
#CustMsgDiv {
    margin: 20px 0;
}

i {
    text-decoration: none !important;
}

/* -----------   Google Map fix to override bootstrap img max-width interference -----------  */

#map, #ebrochureMap {
    width: 100%;
    min-height: 400px;
}
/* In Home Decor Planner, to make sure the image doesn't overflow the container */
#pano img, #dialogContainer #DecorImage {
    max-width: 90%;
}
/* Fix vertical gaps for google maps on property sites the above 90% max-width creates */
#map .gm-style img {
    max-width: none;
}
/* ----------- Fix Carousel Inner Image Width to 100 percent for Photo Gallery ----------- */
.carousel-inner img {
    width: 100%;
}
/* ----------- Map, Directions output.  Add 25 pixel margin to prevent placemark overlap in chrome ----------- */
#adp-placemark img, .adp-placemark img {
    min-width: 24px;
    margin-right: 25px;
}

/* ---------- Map, Add to favourite and cance guest button ------------*/
.mapballoonfavbutton {
    width: 130px !important;
}

/* ----------- Button Group Adjustment for mobile sizes -- eg.  map views buttons on google map page. ----------- */
@media only screen and (max-width : 1000px) {
    .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
        font-size: 12px;
    }
}

@media only screen and (max-width : 480px) {
    .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
        font-size: 11px;
    }
}
/* -----------  ----------- */

/* chosen dropdown list */
div.chzn-container {
    font-size: 13px;
    position: relative;
}

    div.chzn-container input {
        background: #fff;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
        background: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
        background: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
        border: 1px solid #aaa;
        font-family: sans-serif;
        font-size: 1em;
        margin: 0px;
        padding: 4px 5px;
        outline: none;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -o-border-radius: 3px;
        -ms-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

    div.chzn-container textarea:focus {
        border-color: #058cf5;
        -moz-box-shadow: 0px 0px 3px #aaa;
        -webkit-box-shadow: 0px 0px 3px #aaa;
        box-shadow: 0px 0px 3px #aaa;
    }

    div.chzn-container div.chzn-drop {
        background: #FFF;
        border: 1px solid #aaa;
        border-width: 0 1px 1px;
        left: 0;
        position: absolute;
        top: 29px;
        -webkit-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.15);
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
        z-index: 20;
    }

div.chzn-container-single div.chzn-drop {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
/* SINGLE */
div.chzn-container a.chzn-single.error {
    background: #FBEBED !important;
    border: 1px solid #D8888E !important;
}

div.chzn-container a.chzn-single {
    background: #FFF;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
    background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
    background-image: -o-linear-gradient(bottom, #eeeeee 0%, white 50%);
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    height: 25px;
    color: #444;
    line-height: 26px;
    padding: 0px 0px 0px 8px;
    position: relative;
    text-decoration: none;
    z-index: 19;
    white-space: nowrap;
}

    div.chzn-container a.chzn-single span {
        display: block;
        margin-right: 26px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    div.chzn-container a.chzn-single div {
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        -o-border-top-right-radius: 4px;
        -ms-border-top-right-radius: 4px;
        -khtml-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -o-border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        -khtml-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        background: #ccc;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
        background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
        background-image: -o-linear-gradient(bottom, #ccc 0%, #eee 60%);
        border-left: 1px solid #aaa;
        display: block;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 18px;
    }

        div.chzn-container a.chzn-single div b {
            background: url('../images/chosen-sprite.png') no-repeat 0 1px;
            display: block;
            width: 100%;
            height: 100%;
        }

div.chzn-container div.chzn-search {
    padding: 3px 4px;
    margin: 0px;
    white-space: nowrap;
}

    div.chzn-container div.chzn-search input {
        background: url('../images/chosen-sprite.png') no-repeat 97% -35px, #ffffff;
        background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
        background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
        background: url('../images/chosen-sprite.png') no-repeat 97% -35px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        -ms-border-radius: 0px;
        -khtml-border-radius: 0px;
        border-radius: 0px;
        margin: 1px 0;
        outline: 0;
    }
/* Multi */
div.chzn-container ul.chzn-choices.error {
    background: #FBEBED !important;
    border: 1px solid #D8888E !important;
}

div.chzn-container ul.chzn-choices {
    background: #fff;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
    background-image: -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
    background-image: -o-linear-gradient(bottom, white 85%, #eeeeee 99%);
    margin: 0;
    cursor: text;
    border: 1px solid #aaa;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    padding: 0;
    position: relative;
}

    div.chzn-container ul.chzn-choices:focus {
        border-color: #058cf5;
        -moz-box-shadow: 0px 0px 5px #999;
        -webkit-box-shadow: 0px 0px 5px #999;
        box-shadow: 0px 0px 5px #999;
    }

    div.chzn-container ul.chzn-choices li {
        float: left;
        list-style-type: none;
        margin: 0px;
    }

        div.chzn-container ul.chzn-choices li.search-field {
            margin: 0px;
            white-space: nowrap;
            padding: 0px;
        }

            div.chzn-container ul.chzn-choices li.search-field input {
                color: #666;
                background: transparent !important;
                border: 0px !important;
                padding: 5px;
                margin: 1px 0;
                outline: 0;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
            }

                div.chzn-container ul.chzn-choices li.search-field input.default {
                    color: #999;
                }

        div.chzn-container ul.chzn-choices li.search-choice {
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background: #e4e4e4;
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #e4e4e4), color-stop(0.7, #eeeeee));
            background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eeeeee 70%);
            background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eeeeee 70%);
            color: #333;
            border: 1px solid #b4b4b4;
            line-height: 13px;
            padding: 3px 19px 3px 6px;
            position: relative;
            margin: 3px 0px 3px 5px;
        }

            div.chzn-container ul.chzn-choices li.search-choice span {
                cursor: default;
            }

            div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus {
                background: #d4d4d4;
            }

            div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close {
                position: absolute;
                right: 5px;
                top: 6px;
                display: block;
                width: 8px;
                height: 9px;
                font-size: 1px;
                background: url(../images/chosen-sprite.png) right top no-repeat;
            }

                div.chzn-container ul.chzn-choices li.search-choice a.search-choice-close:hover {
                    background-position: right -9px;
                }

            div.chzn-container ul.chzn-choices li.search-choice.search-choice-focus a.search-choice-close {
                background-position: right -9px;
            }
/* Results */
div.chzn-container ul.chzn-results {
    margin: 0 4px 4px 0;
    max-height: 190px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 20;
}

div.chzn-container-multi ul.chzn-results {
    margin: -1px 0 0;
    padding: 0;
}

    div.chzn-container-multi ul.chzn-results li {
        border-left: 0px !important;
        border-right: 0px !important;
    }

div.chzn-container ul.chzn-results li {
    line-height: 80%;
    padding: 7px 7px 8px;
    z-index: 22;
    margin: 0;
    list-style-type: none;
}

    div.chzn-container ul.chzn-results li.active-result {
        cursor: pointer;
    }

    div.chzn-container ul.chzn-results li em {
        font-style: normal;
        background: #FEFFDC;
    }

    div.chzn-container ul.chzn-results li.highlighted {
        background: #3875d7;
        color: #fff;
    }

        div.chzn-container ul.chzn-results li.highlighted em {
            background: transparent;
        }

    div.chzn-container ul.chzn-results li.no-results {
        background: #F4F4F4;
    }

    div.chzn-container ul.chzn-results li.group-result {
        cursor: default;
        color: #999;
        font-weight: bold;
    }

    div.chzn-container ul.chzn-results li.group-option {
        padding-left: 20px;
    }

div.chzn-container-multi div.chzn-drop li.result-selected {
    display: none;
}
/* Active */
div.chzn-container-active a.chzn-single {
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #5897fb;
}

div.chzn-container-active a.chzn-single-with-drop {
    border: 1px solid #aaa;
    border-width: 1px 1px 1px;
    -moz-box-shadow: 0px 1px 0px #FFF inset;
    -webkit-box-shadow: 0px 1px 0px #FFF inset;
    box-shadow: 0px 1px 0px #FFF inset;
    background: #EEE;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
    background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
    background-image: -o-linear-gradient(bottom, white 0%, #eeeeee 50%);
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

    div.chzn-container-active a.chzn-single-with-drop div {
        background: transparent;
        border-left: none;
    }

        div.chzn-container-active a.chzn-single-with-drop div b {
            background-position: -18px 1px;
        }

div.chzn-container-active ul.chzn-choices {
    z-index: 21;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #5897fb;
}

    div.chzn-container-active ul.chzn-choices input {
        color: #111 !important;
    }
/* end of chosen dropdown list */

/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

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

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

    .datepicker > div {
        display: none;
    }

    .datepicker table {
        width: 100%;
        margin: 0;
    }

    .datepicker td,
    .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

        .datepicker td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datepicker td.day.disabled {
            color: #eeeeee;
        }

        .datepicker td.old,
        .datepicker td.new {
            color: #999999;
        }

        .datepicker td.active,
        .datepicker td.active:hover {
            color: #ffffff;
            background-color: #006dcc;
            background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
            background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
            background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
            background-image: -o-linear-gradient(top, #0088cc, #0044cc);
            background-image: linear-gradient(to bottom, #0088cc, #0044cc);
            background-repeat: repeat-x;
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
            border-color: #0044cc #0044cc #002a80;
            border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
            *background-color: #0044cc;
            /* Darken IE7 buttons by default so they stand out more given they won't have borders */
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            color: #fff;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

            .datepicker td.active:hover,
            .datepicker td.active:hover:hover,
            .datepicker td.active:focus,
            .datepicker td.active:hover:focus,
            .datepicker td.active:active,
            .datepicker td.active:hover:active,
            .datepicker td.active.active,
            .datepicker td.active:hover.active,
            .datepicker td.active.disabled,
            .datepicker td.active:hover.disabled,
            .datepicker td.active[disabled],
            .datepicker td.active:hover[disabled] {
                color: #ffffff;
                background-color: #0044cc;
                *background-color: #003bb3;
            }

                .datepicker td.active:active,
                .datepicker td.active:hover:active,
                .datepicker td.active.active,
                .datepicker td.active:hover.active {
                    background-color: #003399 \9;
                }

        .datepicker td span {
            display: block;
            width: 47px;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 2px;
            cursor: pointer;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }

            .datepicker td span:hover {
                background: #eeeeee;
            }

            .datepicker td span.active {
                color: #ffffff;
                background-color: #006dcc;
                background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
                background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
                background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
                background-image: -o-linear-gradient(top, #0088cc, #0044cc);
                background-image: linear-gradient(to bottom, #0088cc, #0044cc);
                background-repeat: repeat-x;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
                border-color: #0044cc #0044cc #002a80;
                border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
                *background-color: #0044cc;
                /* Darken IE7 buttons by default so they stand out more given they won't have borders */
                filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
                color: #fff;
                text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
            }

                .datepicker td span.active:hover,
                .datepicker td span.active:focus,
                .datepicker td span.active:active,
                .datepicker td span.active.active,
                .datepicker td span.active.disabled,
                .datepicker td span.active[disabled] {
                    color: #ffffff;
                    background-color: #0044cc;
                    *background-color: #003bb3;
                }

                .datepicker td span.active:active,
                .datepicker td span.active.active {
                    background-color: #003399 \9;
                }

            .datepicker td span.old {
                color: #999999;
            }

        .datepicker th.switch {
            width: 145px;
        }

        .datepicker th.next,
        .datepicker th.prev {
            font-size: 21px;
        }

    .datepicker thead tr:first-child th {
        cursor: pointer;
    }

        .datepicker thead tr:first-child th:hover {
            background: #eeeeee;
        }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

/* end of bootstrap datepicker  */

/* datatable boostratp css */

div.dataTables_length label {
    float: left;
    text-align: left;
}

div.dataTables_length select {
    width: 75px;
}

div.dataTables_filter label {
    float: right;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
}

table.table {
    clear: both;
    margin-bottom: 6px !important;
    max-width: none !important;
}

    table.table thead .sorting,
    table.table thead .sorting_asc,
    table.table thead .sorting_desc,
    table.table thead .sorting_asc_disabled,
    table.table thead .sorting_desc_disabled {
        cursor: pointer;
        *cursor: hand;
    }

    table.table thead .sorting {
        background: url('images/sort_both.png') no-repeat center right;
    }

    table.table thead .sorting_asc {
        background: url('images/sort_asc.png') no-repeat center right;
    }

    table.table thead .sorting_desc {
        background: url('images/sort_desc.png') no-repeat center right;
    }

    table.table thead .sorting_asc_disabled {
        background: url('images/sort_asc_disabled.png') no-repeat center right;
    }

    table.table thead .sorting_desc_disabled {
        background: url('images/sort_desc_disabled.png') no-repeat center right;
    }

table.dataTable th:active {
    outline: none;
}

/* Scrolling */
div.dataTables_scrollHead table {
    margin-bottom: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    div.dataTables_scrollHead table thead tr:last-child th:first-child,
    div.dataTables_scrollHead table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.dataTables_scrollBody table {
    border-top: none;
    margin-bottom: 0 !important;
}

div.dataTables_scrollBody tbody tr:first-child th,
div.dataTables_scrollBody tbody tr:first-child td {
    border-top: none;
}

div.dataTables_scrollFoot table {
    border-top: none;
}




/*
 * TableTools styles
 */
.table tbody tr.active td,
.table tbody tr.active th {
    background-color: #08C;
    color: white;
}

.table tbody tr.active:hover td,
.table tbody tr.active:hover th {
    background-color: #0075b0 !important;
}

.table-striped tbody tr.active:nth-child(odd) td,
.table-striped tbody tr.active:nth-child(odd) th {
    background-color: #017ebc;
}

table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

div.DTTT .btn {
    color: #333 !important;
    font-size: 12px;
}

    div.DTTT .btn:hover {
        text-decoration: none !important;
    }


ul.DTTT_dropdown.dropdown-menu a {
    color: #333 !important; /* needed only when demo_page.css is included */
}

ul.DTTT_dropdown.dropdown-menu li:hover a {
    background-color: #0088cc;
    color: white !important;
}

/* TableTools information display */
div.DTTT_print_info.modal {
    height: 150px;
    margin-top: -75px;
    text-align: center;
}

div.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

div.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}



/*
 * FixedColumns styles
 */
div.DTFC_LeftHeadWrapper table,
div.DTFC_LeftFootWrapper table,
table.DTFC_Cloned tr.even {
    background-color: white;
}

div.DTFC_LeftHeadWrapper table {
    margin-bottom: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

    div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
    div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }

div.DTFC_LeftBodyWrapper table {
    border-top: none;
    margin-bottom: 0 !important;
}

div.DTFC_LeftBodyWrapper tbody tr:first-child th,
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
    border-top: none;
}

div.DTFC_LeftFootWrapper table {
    border-top: none;
}

/* datatable boostrap css end */

/* Res Dashboard */

#resBoard {
}

    #resBoard .send-email {
        float: right;
        line-height: 20px;
        margin-right: 5px;
    }

#bulletinBoardHeader {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 6px 0px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
    border-bottom: 2px solid #ccc;
}

#postToWallAction {
    margin-bottom: 20px;
    padding: 20px 20px 1px 20px;
    background-color: #f1f1f1;
}

#recentPostsHeader {
    margin: 0px 0px 25px 0px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid #ccc;
    font-size: 18px;
}

.wallPost {
    margin: 0px 10px 15px 10px;
    padding: 0px 0px 20px 0px;
    border-bottom: 2px solid #ccc;
}

.wallPostPM {
    background-color: #EBEBEB;
    padding: 5px 5px 5px 5px;
}

.wallPostMeta {
    margin: 0px 0px 10px 0px;
}

.wallPostAuthor {
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    color: #333333;
    padding: 4px 0 0 0;
}

    .wallPostAuthor span {
        color: #999;
    }

.wallPostDeletedLabel {
    margin: 5px;
}

.postStatus {
    display: inline;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    font-weight: 400;
}

.postDateTime {
    display: inline;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px;
    background-color: #f1f1f1;
}

.wallPostActions {
    margin: 0px 0px 0px 0px;
}

li.wallPostAction {
    display: inline;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 2px;
    /*background-color: #69A74E;*/
}

.wallPostAction a {
    display: block;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none !important;
}

.toggleCommentForm {
    text-decoration: none !important;
}

    .toggleCommentForm:after {
        content: " Reply"
    }


.wallPostComments {
    margin: 8px 0px 0px 0px;
}

.comment {
    margin: 0px 0px 2px 0px;
    padding: 12px;
}

.commentMeta {
    margin: 0px 0px 5px 0px;
}

.commentAuthor {
    display: inline;
    float: left;
    margin: 0px 0px 0px 0px;
    font-size: 12px;
    color: #333333;
    padding: 4px 0 0 0;
}

    .commentAuthor span {
        color: #999;
    }

.wallPostBody {
    background-color: #f7f7f7;
    border: 1px solid #d8d8d8;
    margin: 10px 0 20px 0;
    position: relative;
    padding: 6px 5px 6px 40px;
    position: relative;
    line-height: 20px;
}

    .wallPostBody:before {
        content: "\f075";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #0E82AF;
        font-size: 30px;
        padding-left: 0.5em;
        position: absolute;
        top: -5px;
        left: -5px;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        -ms-transform: scaleX(-1);
    }

.commentBody {
    background-color: #f7f7f7;
    padding: 6px 10px 6px 40px;
    position: relative;
}

    .commentBody:before {
        content: "\f075";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #cccccc;
        font-size: 30px;
        padding-left: 0.5em;
        position: absolute;
        top: -5px;
        left: -5px;
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
        -ms-transform: scaleX(-1);
    }

.commentStatus {
    display: inline;
    float: right;
    margin: 0px 10px 0px 0px;
    padding: 0px;
    font-weight: 400;
}

.commentDateTime {
    display: inline;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 4px;
    background-color: #f1f1f1;
}

.dashboardModule {
    margin: 0px 0px 15px 0px;
}


.status-upload {
    background: #efefef;
    width: 100%;
    height: 133px;
    margin-bottom: 30px;
}

    .status-upload textarea.commentText {
        background: none repeat scroll 0 0 #fff;
        border: medium none;
        -webkit-border-radius: 4px 4px 0 0;
        -moz-border-radius: 4px 4px 0 0;
        -ms-border-radius: 4px 4px 0 0;
        -o-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
        color: #777777;
        float: left;
        font-family: Lato;
        font-size: 14px;
        height: 40px;
        letter-spacing: 0.3px;
        padding: 20px;
        width: calc(100% - 40px);
        resize: vertical;
        outline: none;
        border: 1px solid #dddddd;
    }

    .status-upload ul {
        float: left;
        list-style: none outside none;
        margin: 0;
        padding: 0 0 0 15px;
        width: auto;
        margin-top: -10px;
        list-style-type: none;
    }

        .status-upload ul > li {
            float: left;
        }

            .status-upload ul > li > a {
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
                color: #777777;
                float: left;
                font-size: 14px;
                height: 30px;
                line-height: 30px;
                margin: 10px 0 10px 10px;
                text-align: center;
                -webkit-transition: all 0.4s ease 0s;
                -moz-transition: all 0.4s ease 0s;
                -ms-transition: all 0.4s ease 0s;
                -o-transition: all 0.4s ease 0s;
                transition: all 0.4s ease 0s;
                width: 30px;
                cursor: pointer;
            }

                .status-upload ul > li > a:hover {
                    background: none repeat scroll 0 0 #606060;
                    color: #fff;
                }

    .status-upload button {
        float: right;
        margin-right: 9px;
    }

.dropdown > a > span.green:before {
    border-left-color: #2dcb73;
}

.status-upload button > i {
    margin-right: 7px;
}

.addImages {
    margin-left: 15px;
    vertical-align: middle;
}

    .addImages i {
        font-size: 17px;
        padding: 10px;
    }

select, input[type="file"] {
    height: 30px;
    line-height: 20px;
}

.bb-upload-restrictions {
    position: relative;
    top: -52px;
    padding-left: 66px;
    font-size: 11px;
    color: #838383;
}

.float--label {
    position: relative;
}

    .float--label label {
        position: absolute;
        top: -20px;
        left: 0;
        font-size: 12px;
        color: #737373;
        transition: all 0.1s linear;
        opacity: 0;
    }

        .float--label label.on {
            color: #3290b2;
        }

        .float--label label.show {
            top: -20px;
            opacity: 1;
        }


.form-group.float--label.inline {
    float: left;
    display: inline-block;
}



.panel-default > .panel-heading {
    background-color: #f9f9f9;
    padding: 5px;
    border-color: #ececec;
}

h5.media-heading {
    margin: 0px 10px;
    color: #555;
}

.panel-default > .panel-heading {
    background-color: #f5f5f5;
    padding: 5px;
}

.comment-list .comment {
    margin: 0px 0px 2px 0px;
    padding: 0px;
}

.comment-list ul.children {
    padding: 0;
    margin: 0px 0 0px 90px;
    list-style-type: none;
}

.comment-content.panel-body.with-gallery {
    min-height: 350px;
}

.comment .panel-heading .fn, .comment .panel-heading .says {
    color: #2D6880;
    padding-bottom: 0;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

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

.mt-30 {
    margin-top: 30px;
}


#rsLeftSection {
    display: inline;
    float: left;
    margin: 10px 0px 0px 0px;
}

#eventCalendarModule {
    overflow: hidden;
}

    #eventCalendarModule > div {
        padding: 10px;
        background-color: #fff;
        border: 1px solid #ccc;
    }

#coreActionButtons {
    max-width: 269px;
    padding: 10px;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
}


#coreActionButtonsModule {
    max-width: 291px;
}

#coreActionButtons .tool-button {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #ffffff;
    width: 240px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 14px;
    font-size: 13px;
    text-decoration: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 1px 1px 2px #6b6a6b;
    -moz-box-shadow: 1px 1px 2px #6b6a6b;
    box-shadow: 1px 1px 2px #6b6a6b;
    text-shadow: 1px 1px 1px #6d6d6d;
    border-top: solid #5eb3e7 1px;
    border-right: solid #2375a9 1px;
    border-bottom: solid #166ca2 1px;
    border-left: solid #429dd6 1px;
    background: #1FA9D6;
    /*background: -webkit-gradient(linear, 0 0, 0 100%, from(#3AA8EB), to(#2389C9));
	background: -moz-linear-gradient(top, #3AA8EB, #2389C9);
	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3AA8EB, endColorStr=#2389C9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#3AA8EB, endColorStr=#2389C9);*/
    display: inline-block;
    margin: 5px;
}

    #coreActionButtons .tool-button:hover {
        background: #2085C4;
    }

    #coreActionButtons .tool-button a, #coreActionButtons .too-button a {
        color: #FFFFFF;
        text-decoration: none;
    }

#coreActionButtons .arrows {
    display: inline;
    margin-right: 14px;
    vertical-align: middle;
    float: right;
    margin-top: -3px;
}

#rsBulletin {
    display: inline;
}

#socialMediaItems {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

#rsSocialMediaIcons {
    width: 274px;
    height: 43px;
    margin: 0px 0px 15px 0px;
    padding: 7px;
    background-color: #505050;
}

    #rsSocialMediaIcons a {
        display: block;
        width: 43px;
        height: 43px;
        text-indent: -4000px
    }

    #rsSocialMediaIcons li {
        display: inline;
        float: left;
        margin: 0px 10px 0px 0px;
    }

li#facebookIcon {
    background: url(../images/facebook_icon_m.png) no-repeat top left;
}

li#twitterIcon {
    background: url(../images/twitter_icon_m.png) no-repeat top left;
}

li#pinterestIcon {
    background: url(../images/pinterest_icon_m.png) no-repeat top left;
}

#rsFacebookLikeBox {
    width: 283px;
    height: 227px;
    padding: 6px 3px;
    overflow: hidden;
}

#rsCampaignModuleAd {
    width: 289px;
    overflow: hidden;
}

#campaignModuleAd div {
    width: 300px;
    height: 200px;
    background: url(../images/campaign_module_ad.jpg) no-repeat top left;
}

#rewardAdCopyHidden {
    display: block;
    width: 300px;
    height: 133px;
    text-indent: -4000px;
}

#rewardAdCopy {
    display: block;
    width: 300px;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 22px;
}

    #rewardAdCopy span {
        padding: 0px 0px 0px 174px;
        color: #ffdd00;
    }

/* End res dashboard */


#WFSteps {
    margin-bottom: 15px;
}

.paymentWorkflowArrow, .paymentWorkflowItem {
    display: inline-block;
    margin: 3px;
}

/* --------------------------------- Resident Portal and Online Leasing Menu Style --------------------------------- */

#ResidentRegistrationButton {
    margin-left: -180px;
}

#rentcafe_onlineleasing #ctmcontentcontainer#nav, #rentcafe_residentportal #ctmcontentcontainer #nav, #rentcafe_landlordportal #ctmcontentcontainer #nav, #rentcafe_studentguarantorportal #ctmcontentcontainer #nav {
    width: auto;
}

#rentcafe_onlineleasing .navbar, #rentcafe_residentportal .navbar, #rentcafe_landlordportal .navbar, #rentcafe_studentguarantorportal .navbar {
    margin-bottom: 20px;
    overflow: visible;
}

#MultiLoginCurrentLoginBar {
    margin-bottom: 20px;
    background-color: #f5f5f5;
}

#rentcafe_residentportal #MultiLoginCurrentLoginBar, #rentcafe_onlineleasing #MultiLoginCurrentLoginBar, #rentcafe_landlordportal #MultiLoginCurrentLoginBar, #rentcafe_studentguarantorportal #MultiLoginCurrentLoginBar {
    margin-top: -20px;
}

#rentcafe_onlineleasing .navbar .nav, #rentcafe_residentportal .navbar .nav, #rentcafe_landlordportal .navbar .nav, #rentcafe_studentguarantorportal .navbar .nav {
    display: block;
    margin: 0 10px 0 0;
    position: relative;
}

#rentcafe_onlineleasing .navbar ul.nav i, #rentcafe_residentportal .navbar ul.nav i, #rentcafe_landlordportal .navbar ul.nav i, #rentcafe_studentguarantorportal .navbar ul.nav i {
    font-size: 19px;
}

#ResMenu .noti_bubble {
    background-color: #ffffff;
    color: #e0662c;
    position: relative;
    right: -5px;
    padding: 2px 5px 2px 5px;
    font-size: 11px;
    text-shadow: 0 1px hsla(0, 0%, 0%, 0.25);
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.3);
    box-shadow: 0 1px 1px hsla(0, 0%, 0%, 0.08), inset 0 1px hsla(0, 100%, 100%, 0.3);
    z-index: 10;
    margin-top: -42px;
}


@media (max-width: 979px) {
    #rentcafe_onlineleasing .navbar ul.nav.floatright, #rentcafe_residentportal .navbar ul.nav.floatright, #rentcafe_landlordportal .navbar ul.nav.floatright, #rentcafe_studentguarantorportal .navbar ul.nav.floatright {
        float: none !important;
    }
}


@media (max-width: 1023px) {

    #rentcafe_residentportal #MultiLoginCurrentLoginBar, #rentcafe_onlineleasing #MultiLoginCurrentLoginBar, #rentcafe_landlordportal #MultiLoginCurrentLoginBar, #rentcafe_studentguarantorportal #MultiLoginCurrentLoginBar {
        margin-top: 5px;
    }

    #rentcafe_residentportal #nav .nav-btn, #rentcafe_landlordportal #nav .nav-btn, #rentcafe_studentguarantorportal #nav .nav-btn {
        background: #999999;
        color: #ffffff;
        padding: 6px;
    }
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar-inner, #rentcafe_residentportal #ctmcontentcontainer .navbar-inner, #rentcafe_landlordportal #ctmcontentcontainer .navbar-inner, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar-inner {
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
    background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
    background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
    *zoom: 1;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    padding-right: 0px;
    padding-left: 0px;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li {
    line-height: 20px;
    float: left;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #f2f2f2;
}

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li:first-child, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li:first-child {
        border-left-width: 0;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li:last-child, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li:last-child {
        border-right-width: 0;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
        font-family: arial;
        font-size: 12px;
        float: none;
        line-height: 19px;
        padding: 12px 12px 8px;
        color: #777777;
        text-decoration: none;
        text-shadow: 0 1px 0 #ffffff;
    }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a:focus,
        #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a:focus,
        #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a:focus,
        #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a:hover, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a:focus {
            color: #333333;
            text-decoration: none;
            background-color: transparent;
        }

#rentcafe_onlineleasing #ctmcontentcontainer .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .nav > li > a {
    display: block;
}

#rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
    float: none;
    padding: 12px 7px 9px;
    color: #777777;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
}

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > .active > a,
    #rentcafe_onlineleasing #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
    #rentcafe_onlineleasing #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
    #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > .active > a,
    #rentcafe_residentportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
    #rentcafe_residentportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
    #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > .active > a,
    #rentcafe_landlordportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
    #rentcafe_landlordportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus,
    #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > .active > a,
    #rentcafe_studentguarantorportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:hover,
    #rentcafe_studentguarantorportal #ctmcontentcontainer.navbar .nav > li > a .navbar .nav > .active > a:focus {
        color: #555555;
        text-decoration: none;
        background-color: #e5e5e5;
        -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
        -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
    }

/* End Resident Portal and Online Leasing Menu Style */

/* My Accounts Page */

.detailsWrap, .amenitiesWrap {
    margin-top: 15px;
}

.addressWrap, #FavoritesSelectContainer .detailsWrap {
    border-right: 1px solid #d5d8d9;
}

#ResSelectContainer .action-items, #OleAppSelectContainer .action-items, #FavoritesSelectContainer .action-items, #GuarSelectContainer .action-items {
    background-color: #ecebeb;
    border-top: 1px solid #dfdfdf;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid #E3E3E3;
}

.section-background {
    background-color: #f5f5f5;
    border: 1px solid #E3E3E3;
    padding: 20px;
}

.application-actions {
    display: inline;
    margin-right: 20px;
    padding-right: 10px;
    border-right: 1px solid #d7d7d7;
}

.cancel-application {
    display: inline-block;
    margin-left: 20px;
}

@media screen and (max-width: 767px) {

    .addressWrap, #FavoritesSelectContainer .detailsWrap {
        border-right: none;
    }

    .detailsWrap {
        margin-top: 20px;
    }

    .price {
        float: left;
        text-align: left;
        margin-top: 20px;
    }

    .application-actions {
        margin-bottom: 15px;
        border-right: none;
        float: left;
    }

    .cancel-application {
        margin-left: 0px;
    }
}

/* End My Accounts Page */

/* Begin Check Existing Account Widget */

#ExistingAccountWarningDiv .tooltip {
    font-size: 12px;
}

#ExistingAccountWarningDiv .multiaccount-option {
    padding: 15px 5px 40px 5px;
}

    #ExistingAccountWarningDiv .multiaccount-option .btn {
        margin-top: 15px;
    }

    #ExistingAccountWarningDiv .multiaccount-option i {
        font-size: 30px;
        line-height: 50px;
    }

#ExistingAccountWarningDiv .submit-application {
    background: url(submit-application-icon.png) no-repeat;
    width: 80px;
    height: 61px;
    display: inline-block;
    padding-bottom: 25px;
    float: right;
}

#ExistingAccountWarningDiv .check-status-icon {
    background: url(check-status-icon.png) no-repeat;
    width: 80px;
    height: 69px;
    display: inline-block;
    padding-bottom: 25px;
    float: right;
}

#ExistingAccountWarningDiv .secure-info-icon {
    background: url(secure-info-icon.png) no-repeat;
    width: 80px;
    height: 53px;
    display: inline-block;
    padding-bottom: 25px;
    float: right;
}

#ExistingAccountWarningDiv #multi-profile-user h4 {
    margin-top: 0;
}

#ExistingAccountWarningDiv .alert i {
    font-size: 34px;
    display: table-cell;
    margin-right: 10px;
    float: left;
}

#ExistingAccountWarningDiv p {
    display: table-cell;
}

#ExistingAccountWarningDiv .form-horizontal .control-label {
    text-align: left;
    width: 80px;
}

#ExistingAccountWarningDiv .form-horizontal .controls {
    margin-left: 80px;
}

    #ExistingAccountWarningDiv .form-horizontal .controls a {
        margin-left: 10px;
    }

#ExistingAccountWarningDiv .block-small {
    margin-bottom: 15px;
}

#ExistingAccountWarningDiv .accordion-heading {
    background-color: #edebeb;
}

#ExistingAccountWarningDiv .accordion-inner {
    background-color: #FFFFFF;
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
    #ExistingAccountWarningDiv .form-horizontal .controls {
        margin-left: 0;
    }

        #ExistingAccountWarningDiv .form-horizontal .controls a {
            display: table-cell;
            padding-top: 10px;
        }
}

/* End Existing Account Widget */

/* Start Existing SM account Widget */

.alert-with-icon.alert i {
    font-size: 34px;
    display: table-cell;
    margin-right: 10px;
    float: left;
}

.alert-with-icon.alert p {
    display: table-cell;
}

/* End Existing SM account Widget */


/*********** Resident Portal Breadcrumbs *****************/

#rentcafe_onlineleasing .breadcrumb > li, #rentcafe_onlineleasing .breadcrumb > li a {
    font-weight: bold;
    text-decoration: none;
}


.breadcrumb > li {
    margin-right: 1px;
}

/* dropdown resident portal */

#rentcafe_residentportal .dropdown-menu, #rentcafe_onlineleasing .dropdown-menu, #rentcafe_landlordportal .dropdown-menu, #rentcafe_studentguarantorportal .dropdown-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: #687074;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top-color: #687074;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-style: solid;
    border-top-width: 2px;
    margin-top: -1px;
    min-width: 200px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    z-index: 9999 !important;
}

#rentcafe_residentportal .dropdown-menu, #rentcafe_onlineleasing.dropdown-menu, #rentcafe_landlordportal.dropdown-menu, #rentcafe_studentguarantorportal.dropdown-menu {
    background-color: none;
}

#rentcafe_onlineleasing .dropdown-menu {
    margin-left: -140px;
}

@media (max-width: 736px) {
    #rentcafe_onlineleasing .dropdown-menu {
        margin-left: -45px;
    }
}

#rentcafe_residentportal .dropdown-menu li a, #rentcafe_onlineleasing .dropdown-menu li a, #rentcafe_landlordportal .dropdown-menu li a, #rentcafe_studentguarantorportal .dropdown-menu li a {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    color: #000000;
    padding-bottom: 6px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 6px;
    border-bottom-color: #cccccc;
}

#rentcafe_residentportal .dropdown-menu li > a:hover, #rentcafe_residentportal .dropdown-menu li > a:focus, #rentcafe_residentportal .dropdown-submenu:hover > a, #rentcafe_onlineleasing .dropdown-menu li > a:hover, #rentcafe_onlineleasing.dropdown-menu li > a:focus, #rentcafe_onlineleasing .dropdown-submenu:hover > a,
#rentcafe_landlordportal .dropdown-menu li > a:hover, #rentcafe_landlordportal .dropdown-menu li > a:focus, #rentcafe_landlordportal .dropdown-submenu:hover > a, #rentcafe_studentguarantorportal .dropdown-menu li > a:hover, #rentcafe_studentguarantorportal .dropdown-menu li > a:focus, #rentcafe_studentguarantorportal .dropdown-submenu:hover > a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #b0b0b0;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    filter: none;
    transition-delay: 0s;
    transition-duration: 0.2s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

#rentcafe_residentportal .dropdown-menu .active > a, #rentcafe_onlineleasing .dropdown-menu .active > a, #rentcafe_landlordportal .dropdown-menu .active > a, #rentcafe_studentguarantorportal .dropdown-menu .active > a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #687074;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    color: #FFFFFF;
    filter: none;
}


#rentcafe_residentportal .navbar .nav > li > .dropdown-menu:before, #rentcafe_onlineleasing .navbar .nav > li > .dropdown-menu:before, #rentcafe_landlordportal .navbar .nav > li > .dropdown-menu:before, #rentcafe_studentguarantorportal .navbar .nav > li > .dropdown-menu:before {
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    left: 18px;
}

#rentcafe_residentportal .navbar .nav > li > .dropdown-menu:after, #rentcafe_onlineleasing .navbar .nav > li > .dropdown-menu:after, #rentcafe_landlordportal .navbar .nav > li > .dropdown-menu:after, #rentcafe_studentguarantorportal .navbar .nav > li > .dropdown-menu:after {
    border-bottom-color: #687074;
    border-top-color: #687074;
    left: 19px;
}


/* end drop down*/

/* Resident Portal sticky footer fix to remove the unnecessary margin */
#rentcafe_residentportal #form1, #rentcafe_landlordportal #form1, #rentcafe_studentguarantorportal #form1 {
    margin-bottom: 0px
}


/* Pinterest Icon fix for IE */
#pinteresticon {
    max-width: 20px;
    width: 20px;
    height: 20px;
}
/* Pinterest Icon fix for IE */


/* Res Portal tabbed navigation and tab content container */
#ResServicesContent div.tab-content {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    padding: 15px;
    background-color: #fff;
}

#ResServicesContent ul.nav {
    margin-bottom: 0px;
}

    #ResServicesContent ul.nav li {
        margin-bottom: 0px;
        background: #f5f5f5;
    }

        #ResServicesContent ul.nav li:hover {
            background: #ffffff;
        }




/* End Res Portal tabbed navigation and tab content container*/

/* photo gallery navigation arrows */
.carousel-control i {
    width: 100%;
    color: #fff !important;
    font-size: 40px;
    line-height: 29px !important;
    text-decoration: none !important;
    text-align: center;
}

.carousel-control.left i {
    margin-left: -5px;
}

.carousel-control.right i {
    margin-right: -5px;
}

.carousel-control {
    line-height: 25px;
}

.carousel-thumbnails {
    margin: 0;
    padding: 0;
}

    .carousel-thumbnails li {
        float: left;
        display: inline;
        width: 100px;
        margin: 5px 5px 0 0;
    }

/* photo gallery navigation arrows END */

#OLESummaryLinks a {
    padding: 0 10px;
    border-right: 1px solid #aaa;
}


    #OLESummaryLinks a:last-child, #OLESummaryLinks ul.nav a {
        border-right: 0px;
    }



#OLESummaryLinks #SummaryBtn:after, #OLESummaryLinks li.open #welcomeMessage:after {
    font-family: fontawesome;
    padding-left: 5px;
    content: "\f0d8";
}

#OLESummaryLinks #SummaryBtn.collapsed:after, #OLESummaryLinks li #welcomeMessage:after {
    font-family: fontawesome;
    padding-left: 5px;
    content: "\f0d7";
}
/* Rewards Widget */
#rewards_widget {
    width: auto;
    height: auto;
    right: 0;
    top: 35%;
    position: fixed;
    z-index: 999997;
}

    #rewards_widget .btn.btn-link {
        background: rgba(0,0,0, .5);
        background: url('../images/sitebar/flyout_bg.png') repeat;
        background-color: transparent;
        color: #fff;
        text-align: center !important;
        padding: 10px;
    }

    #rewards_widget img {
        max-width: 40px;
    }

    #rewards_widget .btn.btn-link:hover {
        background-color: rgba(0, 0, 0, 0.4);
        text-decoration: none;
    }

/*	sitebar	*/
#flyout_menu {
    background: rgba(0,0,0, .5);
    background: url('../images/sitebar/flyout_bg.png') repeat;
    width: 45px;
    height: auto;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    z-index: 12;
    right: 0;
    top: 10%;
    position: fixed;
    z-index: 999998;
}

    #flyout_menu ul {
        display: block;
        margin-left: 0px;
        z-index: 13;
        position: relative;
        margin: 0px;
    }

        #flyout_menu ul li {
            display: block;
            padding: 7px;
            z-index: 14;
        }

            #flyout_menu ul li a {
                color: #D0D0D0;
                text-decoration: none;
                font-size: 27px;
            }

                #flyout_menu ul li a:hover, #flyout_menu ul li a:active {
                    color: #FFF;
                }

.flyout_containerbg {
    background: rgba(0,0,0,.5);
    background: url('../images/sitebar/flyout_bg.png') repeat;
    min-width: 590px;
    min-height: 330px;
    float: right;
    margin: 0px -50px 0px 0px;
    z-index: 1000;
    position: fixed;
    padding: 15px;
    display: none;
    right: 0px;
    top: 10%;
}

.flyout_content {
    background-color: #efefef;
    width: 550px;
    min-height: 300px;
    float: right;
    padding: 20px;
    z-index: 11;
    position: relative;
}

@media (max-width: 480px) {
    .flyout_containerbg {
        min-width: 260px;
        margin-right: 10px;
        top: 0px;
    }

    .flyout_content, #ContactSlideContent {
        width: 260px;
        margin-right: 10px !important;
    }

        #ContactSlideContent #divPropWrap {
            display: none;
        }
}

.flyout_containerbg > .closebtn {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 12;
    cursor: pointer;
}

#flyout_menu ul li div.tooltip.in {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#flyout_menu ul li div.tooltip.left .tooltip-arrow {
    top: 50% !important;
    border-width: 5px 0 5px 5px !important;
    margin-top: -5px !important;
}

#flyout_menu ul li div.tooltip .tooltip-inner {
    background-color: #34495e;
    line-height: 18px;
    padding: 12px 12px;
    text-align: center;
    width: 183px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#flyout_menu ul li div.tooltip.left {
    margin-left: -12px;
}


#AnnouncementSlideContent, #CommunityCalendarSlideContent, #HelpTooltipSlideContent, #ContactSlideContent, #ApartmentSummary {
    margin-right: 50px;
}

    #AnnouncementSlideContent i, #CommunityCalendarSlideContent i, #HelpTooltipSlideContent i, #ContactSlideContent i, #ApartmentSummary i {
        font-size: 24px;
    }

.flyout_content #divPropWrap {
    margin-bottom: 20px;
}

/* end of sitebar	*/

/* minimum height of any given page that has ctmcontentcontainer in OLE and RP*/
#rentcafe_onlineleasing #ctmcontentcontainer, #rentcafe_residentportal #ctmcontentcontainer, #rentcafe_landlordportal #ctmcontentcontainer, #rentcafe_studentguarantorportal #ctmcontentcontainer {
    min-height: 500px;
}
/* minimum height of any given page that has ctmcontentcontainer END */

/* fix for maps/bootstrap conflict */
#mapContainer img, #pano img, #myMap img {
    max-width: none;
}
/* end fix for maps/bootstrap conflict */

/* adding space above facepile and testimonials */

.widgets {
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
    background: url("../images/widgets_divider.png") no-repeat scroll 0 0 transparent;
    background-size: contain;
}

#testimonial-carousel i, #testimonial-carousel p {
    font-size: 16px;
    line-height: 20px;
}

#testimonial-carousel i {
    color: #cccccc;
}

#testimonial-carousel {
    padding: 0 30px;
}

#ResQuotesWidget h2, #ResQuotesWidget h1 {
    margin-left: 30px;
}

#ResQuotesWidget button {
    margin-left: 30px;
    margin-top: 10px;
}

/* end - adding space above facepile and testimonials */
/* set the photo gallery container to a fixed size. */
#ctmcontentcontainer #gallery.carousel {
    width: 580px;
    overflow: hidden;
    height: 385px;
}

@media screen and (max-width: 760px) {
    #ctmcontentcontainer #gallery.carousel {
        height: auto;
    }
}

#ctmcontentcontainer #gallery img {
    max-height: 385px;
    height: auto; /* */
    width: auto;
    margin: 0 auto;
}
/* end - adding space above facepile and testimonials */
#ApartmentSummary {
    min-width: 490px;
}

    #ApartmentSummary .flyout_content {
        min-width: 400px;
    }

        #ApartmentSummary .flyout_content table td {
            width: 150px;
            padding: 3px;
            line-height: 10px;
            vertical-align: top;
            text-align: left;
            border: none;
        }
/* application summary headings styles */
/*#ApplicantInformation .ApplicantInfoHeader, #ApplicantInformation  .ApplicantInfoSection h2, #Emergencyinfodiv h2, #PetsInformationDiv h2, #VehicleInformationDiv h2, #CustomSetupDiv h2 {
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: 1px ;
  margin: 40px 0 30px 0 !important;
	padding: 6px 10px !important;
	background-color: #eaeaea;
	font-size: 18px;
	display:block !important;
	position: relative !important;
}*/
/* added class to defiene application summary heading irrespective of the Id defined*/

#EmergencyContactLabel:focus {
    outline: 1px dotted;
    outline: auto -webkit-focus-ring-color;
    outline-color: dodgerblue;
}

.UnitSelect.btn.btn-primary:focus {
    outline: 1px dotted;
    outline: auto -webkit-focus-ring-color;
    outline-color: dodgerblue;
}

.ApplicantInfoHeader, .ApplicantInfoSection h2 {
    border-bottom: 1px sollid #CCCCCC !important;
    margin: 15px 0  !important;
    padding: 0px 10px !important;
    background-color: #eaeaea !important;
    font-size: 18px;
    display: block !important;
    position: relative !important;
    color: #414141 !important;
}

.ApplicantInfoHeader, .ApplicantInfoSection legend {
    border-bottom: 1px sollid #CCCCCC !important;
    margin: 40px 0 30px 0 !important;
    /*padding: 6px 10px !important;*/
    background-color: #eaeaea !important;
    font-size: 18px;
    display: block !important;
    position: relative !important;
    color: #414141 !important;
}

#ApplicantInformation .ApplicantInfoSection legend span.icon-caret-down {
    position: absolute;
    right: 10px;
    top: 10px;
}

#ApplicantInformation .ApplicantInfoSection h2 span.icon-caret-down {
    position: absolute;
    right: 10px;
    top: 10px;
}

#AdditionalInformationWrap h2 {
    cursor: pointer;
}
/* add default padding for the content in all themes, this can be overwritten at the theme level */
#ctmcontentcontainer {
    padding: 15px;
}

.newsPost .thumbnail {
    margin-right: 15px;
    float: left;
}

/* styling for pet policy */
/*.petPolicy {
	padding-top: 10px;
	list-style: none;
	list-style-image: none;
	line-height: 20px;
}


.petPolicy ul{
	margin: 10px 0;
	padding: 5px 10px;
	width: 80%;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
	list-style-image: none!important;
}
.petPolicy ul li{
	list-style: none!important;
	list-style-image: none!important;
	list-style-type: none!important;
	background-image: none!important;
}*/

/* apartment search */



#refineunitsearch ul li input {
    width: 80px;
}

#refineunitsearch ul.unstyled li input {
    width: auto;
}

#refineunitsearch ul.unstyled li label.checkbox {
    padding: 2px 10px;
}


/* Resident Services */
#ResServicesContent h1 {
    margin: 20px 0
}

#ResServicesContent #marketingWrapper {
    padding: 0 5% 5% 5%;
}


/* User Registration */
#Registration h2 {
    margin-top: 30px;
}

.box {
    background-color: #ffffff;
    box-shadow: 0 0 2px #CCCCCC;
    padding: 20px;
}

.box-grey {
    background-color: #FAFAFA;
}

#RegistrationInfo i, #LoginInfo i {
    color: #0489b4;
    margin-right: 10px;
}

#Registration .accept-terms, #UserRegistration .accept-terms {
    margin-bottom: 15px;
    margin-top: 30px;
}

#LoginBox h1 {
    display: none;
}

#Login .forgot-password {
    margin-top: 20px;
}
/* end User Registration */


/* PR - DT-7193: VPAT COLOR CONTRAST ISSUE */
/* processing request message style */
#page_loading {
    background-color: #fcf8e3;
    color: #634B27;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #fbeed5;
}



/* darkening the color of the breadcrumb arrows */
.breadcrumb > li > .divider {
    color: #777777;
}

#marketingWrapper div i {
    font-size: 48px;
}


/* Remove background image icon and replace with font-awesome  Adjust .phone-number:before in theme.css to customize this element on a per theme basis.  Okay to delete image reference in theme css files.*/
.phone-number {
    background-image: none !important;
    padding-left: 0px !important;
}

    .phone-number:before {
        content: "\f095";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        color: inherit;
        padding: 0 5px;
    }

#logonLinks {
    margin-top: 20px;
    line-height: 20px;
}

    #logonLinks a {
        line-height: auto;
    }

/* Adding space below the property address and office hours on contact us page */
#contactus #PropertyAddress {
    margin-bottom: 20px;
}

/* Applicant Login Marketing Verbiage */
#applicantloginmkt h2, #applicantloginmkt ul {
    margin-bottom: 20px;
}

#applicantloginmkt li {
    list-style-type: none;
    line-height: 20px;
}

    #applicantloginmkt li:before {
        content: "\f00c";
        font-family: fontawesome;
        padding-right: 5px;
    }


#applicantloginmkt > a:before {
    content: "\f0da";
    font-family: fontawesome;
    padding-right: 5px;
}

#applicantloginmkt > a {
    text-decoration: none;
    font-weight: bold;
}


/*****************************************************************************
******************************************************************************
5162013 - Resident Dashboard Global Styles -Jonathan Weisberg's Modifications
******************************************************************************
*****************************************************************************/

.widgettitle {
    color: #999;
    text-transform: uppercase;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-shadow: 1px 1px rgba(255,255,255,0.3);
    border: 1px solid #bbb;
    position: relative;
}

h4.widgettitle {
    font-size: 14px;
    padding: 2px 10px;
    line-height: 26px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h4.ctitle {
    border: 1px solid;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}

h3.widgettitle {
    font-size: 14px;
    padding: 5px 10px;
}

h3.ctitle {
    border: 1px solid;
    color: #fff;
    text-shadow: 1px 1px rgba(0,0,0,0.2);
}


.widgetcontent {
    margin-bottom: 20px;
    position: relative;
    line-height: 20px !important;
}

    .widgetcontent.bordered {
        padding: 15px;
        border: 1px solid #bbb;
        border-top: 0;
        background: #fcfcfc;
    }

    .widgetcontent.nopadding {
        padding: 0;
    }

.widgetsource {
    display: none;
}

    .widgetsource.show {
        display: block;
    }


.list-inline li {
    display: inline-block;
    margin: 0 5px 10px 0;
}

.loaders img {
    float: left;
    margin-right: 10px;
    vertical-align: middle;
}

/* Animations Sample */
.animatesample {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 220px;
    z-index: 100;
}

    .animatesample li {
        padding: 7px 10px;
        border: 1px solid #bbb;
        background: #ddd;
    }

.animatebuttonlist li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}



/***** ICONS *****/
/*****************/

a [class^="icon-"], a [class*=" icon-"] {
    text-decoration: none !important;
}

/*dashboard*/
.widgeticons {
    list-style: none;
    margin: 0 0 10px 0;
}

    .widgeticons li {
        margin-bottom: 15px;
    }

        .widgeticons li a {
            display: block;
            border: 1px solid #ccc;
            background: #fcfcfc;
            text-align: center !important;
            text-decoration: none !important;
        }

            .widgeticons li a:hover {
                text-decoration: none;
                background-color: #fff;
                text-decoration: none;
            }

            .widgeticons li a span {
                display: block;
                padding: 2px;
                margin-bottom: 5px;
            }

            .widgeticons li a img {
                margin: 15px auto 5px auto;
            }




/***** ANNOUNCEMENT STYLES *****/
.CloseResServicesWidget {
    position: relative;
    margin-top: -39px;
    padding-right: 5px;
    top: -2px;
    float: right;
}

    .CloseResServicesWidget i {
        margin: 0px -15px 0px 0px;
    }

.announcementsModule .label {
    display: inline-block;
    padding: 6px 7px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: #ffffff;
    background-color: #eb6d31;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: baseline;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin-top: 5px;
}

/***** EVENT STYLES *****/
.event_heading {
    border-bottom: 1px solid #DDD;
    padding-bottom: 1px;
}

.event_title {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #999999;
    display: inline;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.event {
    margin: 10px 0px 10px 0px;
}

.date {
    font-size: 30px;
    color: #0E82AF;
    font-weight: bold;
    text-transform: uppercase;
    width: auto;
    padding: 0px 0px 0px 10px;
    text-align: right;
    line-height: 20px !important;
}

.event_heading .icon-calendar {
    color: #0E82AF;
    margin-right: 5px;
    font-size: 24px;
}



/***** FACEBOOK CONNECT STYLES *****/

h4.facebookConnectTitle {
    font-size: 14px;
    color: #ffffff;
    padding: 4px 10px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #6e84b5;
    border: 1px solid #50669f;
}

.facebookConnectBtn {
    clear: both;
    display: block;
    margin: 10px 0px 4px 0px;
}

.facebookConnectWidgetcontent {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #bbb;
    border-top: 0;
    background: #fcfcfc;
    position: relative;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
    background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: linear-gradient(to top,#ececec,#f9f9f9);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}

    .facebookConnectWidgetcontent p {
        margin: 0px;
        text-align: left !important;
        width: 90%;
    }

    .facebookConnectWidgetcontent:before {
        content: "\f09a";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #cad0dc;
        font-size: 100px;
        padding-right: 0.1em;
        position: absolute;
        bottom: 32px;
        right: 0;
        line-height: 20px !important;
    }





/***** FONT *****/
/****************************/

.logopanel h1, h3.widgettitle,
.widgeticons li a span {
    font-family: Arial, sans-serif;
}

.welcome_title {
    font-weight: bold;
    font-size: 16px;
    text-align: left;
    color: #999999;
}






/***** BOX SHADOW *****/
/**********************/

/* Inset White */
/* Opacity: 0.3 */
.widgettitle {
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);
}
/* Opacity: 0.2 */
.ctitle {
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
}





/***** GRADIENT BACKGROUNDS *****/
/********************************/

.widgettitle {
    background: #f1f1f1;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#ececec),to(#f9f9f9));
    background-image: -webkit-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: -moz-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: -o-linear-gradient(bottom,#ececec,#f9f9f9);
    background-image: linear-gradient(to top,#ececec,#f9f9f9);
}




/***** TRANSITIONS *****/
/***********************/

.widgeticons li a {
    -moz-transition: all 0.2s ease-out 0s;
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}



/***** OTHER STYLES *****/
/************************/

.separator {
    border-bottom: 1px solid #f1f1f1;
    border-top: 1px solid #c7c7c7;
}

.bordetop0 {
    border-top: 0;
}

.borderbottom0 {
    border-bottom: 0;
}

.nomargin {
    margin: 0;
}

.clearall {
    clear: both;
}

.aligncenter {
    text-align: center;
}


/***** MEDIA QUERIES *****/
/*************************/

@media screen and (max-width: 1024px) {

    /* dashboard */
    .content-dashboard .row-fluid > .span8,
    .content-dashboard .row-fluid > .span4 {
        display: block;
        width: auto;
        float: none;
    }

    .content-dashboard .row-fluid > .span4 {
        margin-left: 0;
    }

    .widgeticons li.span2 {
        width: 18.2%;
    }

    /* animations */
    .content-animations .row-fluid .span9 {
        margin-left: 40%;
        margin-top: -30px;
        width: 59%;
    }
}

/* iPad Portrait */
@media screen and (max-width: 959px) {

    .rightpanel {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .social-headerright {
        float: right;
        margin-top: 0px;
    }
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {

    .pagetitle h1 {
        line-height: normal;
    }

    .pagetitle span {
        display: block;
        margin-left: 0;
    }

    .widgeticons .one_third {
        width: 31.16%;
    }

    .searchwidget input.search-query {
        width: 200px;
    }

    .social-headerright {
        float: right;
        margin-top: -25px;
    }
}

@media screen and (max-width: 479px) {


    /* dashboard */
    .content-dashboard .ui-tabs-nav li a span {
        display: none;
    }

    .content-dashboard .ui-tabs-nav li a {
        padding: 7px 10px;
    }

    .notification .dropdown-menu {
        right: -100px;
    }
}
/*****************************************************************************
******************************************************************************
				END Jonathan Weisberg's Modifications
******************************************************************************
*****************************************************************************/

.writeReview {
    margin: 10px 0px;
}

    .writeReview a {
        text-decoration: none;
        padding: 5px;
        font-weight: bold;
    }

        .writeReview a:after {
            font-family: fontawesome;
            padding-left: 5px;
            content: "\f054";
        }




.AdditionalOccupantWrap .header {
    padding: 10px;
}

    .AdditionalOccupantWrap .header h5 {
        margin: 2px 0;
    }



/***************************************************************************** 
/**************************** Common Theme Classes ***************************/
/***************************************************************************** 

/*This is for the bootstrap image slider*/
#background_slider {
    display: block;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -999;
}

    #background_slider img {
        left: 0;
        min-height: 100%;
        top: 0;
        width: 100%;
    }

/*This is to prevent the background image from stretching vertically*/
@media (max-width: 768px) {
    #background_slider img {
        min-height: 100px;
    }
}


#homepage_slider.carousel , #banner_slider.carousel {
    margin-bottom: 0;
}
#homepage_slider.carousel .img-pagination, #banner_slider.carousel .img-pagination, #background_slider .img-pagination {
    display: none;
}

/* end Common Theme Classes */


/* jsTree CSS */
/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-default li,
.jstree-default ins {
    background-image: url("../images/d.png");
    background-repeat: no-repeat;
    background-color: transparent;
}

.jstree-default li {
    background-position: -90px 0;
    background-repeat: repeat-y;
}

    .jstree-default li.jstree-last {
        background: transparent;
    }

.jstree-default .jstree-open > ins {
    background-position: -72px 0;
}

.jstree-default .jstree-closed > ins {
    background-position: -54px 0;
}

.jstree-default .jstree-leaf > ins {
    background-position: -36px 0;
}

.jstree-default .jstree-hovered {
    background: #e7f4f9;
    border: 1px solid #d8f0fa;
    padding: 0 2px 0 1px;
}

.jstree-default .jstree-clicked {
    background: #beebff;
    border: 1px solid #99defd;
    padding: 0 2px 0 1px;
}

.jstree-default a .jstree-icon {
    background-position: -56px -19px;
}

.jstree-default a.jstree-loading .jstree-icon {
    background: url("../images/throbber.gif") center center no-repeat !important;
}

.jstree-default.jstree-focused {
    background: #ffffee;
}

.jstree-default .jstree-no-dots li,
.jstree-default .jstree-no-dots .jstree-leaf > ins {
    background: transparent;
}

.jstree-default .jstree-no-dots .jstree-open > ins {
    background-position: -18px 0;
}

.jstree-default .jstree-no-dots .jstree-closed > ins {
    background-position: 0 0;
}

.jstree-default .jstree-no-icons a .jstree-icon {
    display: none;
}

.jstree-default .jstree-search {
    font-style: italic;
}

.jstree-default .jstree-no-icons .jstree-checkbox {
    display: inline-block;
}

.jstree-default .jstree-no-checkboxes .jstree-checkbox {
    display: none !important;
}

.jstree-default .jstree-checked > a > .jstree-checkbox {
    background-position: -38px -19px;
}

.jstree-default .jstree-unchecked > a > .jstree-checkbox {
    background-position: -2px -19px;
}

.jstree-default .jstree-undetermined > a > .jstree-checkbox {
    background-position: -20px -19px;
}

.jstree-default .jstree-checked > a > .jstree-checkbox:hover {
    background-position: -38px -37px;
}

.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover {
    background-position: -2px -37px;
}

.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover {
    background-position: -20px -37px;
}

#vakata-dragged.jstree-default ins {
    background: transparent !important;
}

#vakata-dragged.jstree-default .jstree-ok {
    background: url("../images/d.png") -2px -53px no-repeat !important;
}

#vakata-dragged.jstree-default .jstree-invalid {
    background: url("../images/d.png") -18px -53px no-repeat !important;
}

#jstree-marker.jstree-default {
    background: url("../images/d.png") -41px -57px no-repeat !important;
    text-indent: -100px;
}

.jstree-default a.jstree-search {
    color: aqua;
}

.jstree-default .jstree-locked a {
    color: silver;
    cursor: default;
}

#vakata-contextmenu.jstree-default-context,
#vakata-contextmenu.jstree-default-context li ul {
    background: #f0f0f0;
    border: 1px solid #979797;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
}

    #vakata-contextmenu.jstree-default-context li {
    }

    #vakata-contextmenu.jstree-default-context a {
        color: black;
    }

        #vakata-contextmenu.jstree-default-context a:hover,
        #vakata-contextmenu.jstree-default-context .vakata-hover > a {
            padding: 0 5px;
            background: #e8eff7;
            border: 1px solid #aecff7;
            color: black;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

    #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a,
    #vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover {
        color: silver;
        background: transparent;
        border: 0;
        padding: 1px 4px;
    }

    #vakata-contextmenu.jstree-default-context li.vakata-separator {
        background: white;
        border-top: 1px solid #e0e0e0;
        margin: 0;
    }

    #vakata-contextmenu.jstree-default-context li ul {
        margin-left: -4px;
    }

/* IE6 BEGIN */
.jstree-default li,
.jstree-default ins,
#vakata-dragged.jstree-default .jstree-invalid,
#vakata-dragged.jstree-default .jstree-ok,
#jstree-marker.jstree-default {
    _background-image: url("../images/d.gif");
}

.jstree-default .jstree-open ins {
    _background-position: -72px 0;
}

.jstree-default .jstree-closed ins {
    _background-position: -54px 0;
}

.jstree-default .jstree-leaf ins {
    _background-position: -36px 0;
}

.jstree-default a ins.jstree-icon {
    _background-position: -56px -19px;
}

#vakata-contextmenu.jstree-default-context ins {
    _display: none;
}

#vakata-contextmenu.jstree-default-context li {
    _zoom: 1;
}

.jstree-default .jstree-undetermined a .jstree-checkbox {
    _background-position: -20px -19px;
}

.jstree-default .jstree-checked a .jstree-checkbox {
    _background-position: -38px -19px;
}

.jstree-default .jstree-unchecked a .jstree-checkbox {
    _background-position: -2px -19px;
}
/* IE6 END */
/* end of jsTree CSS */


.AdditionalOccupantWrap .header {
    background-color: #EEEEEE;
    padding: 5px 15px;
}

    .AdditionalOccupantWrap .header h2 {
        font-size: 22px;
        margin: 0;
        padding: 0;
    }

    .AdditionalOccupantWrap .header .remove {
        line-height: inherit;
        font-size: 13px;
    }

    .AdditionalOccupantWrap .header a.remove:before {
        font-family: FontAwesome;
        content: "\f014";
        margin-right: 3px;
    }

.AdditionalOccupantWrap .body {
    padding: 15px;
}


.AdditionalOccupantWrap .header h4, .AdditionalOccupantWrap .header a {
    margin: 2px 0;
}

.AdditionalOccupantWrap {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}

#ApplicantInformation {
    margin-top: 20px;
}

@media (min-width: 480px) {
    #recaptcha_widget {
        width: 330px;
    }
}

@media (max-width: 480px) {
    #recaptcha_widget, #recaptcha_image {
        width: 100% !important;
    }

    #recaptcha_reload, #recaptcha_switch_audio, #recaptcha_whatsthis {
        width: 25px !important;
        max-width: 25px !important;
        min-width: 25px !important;
    }
}

#recaptcha_image img {
    width: 100%;
}


#QuickLinksMenu {
    margin: 0;
}

#TitleWrap {
    margin-bottom: 10px;
}

#AptSummaryMegaMenu {
    font-size: 12px;
    white-space: normal;
    margin: 20px 0;
    clear: both;
    border-top: 1px solid #ddd;
}

    #AptSummaryMegaMenu.in {
        border: 1px solid #eee;
        padding: 1%;
        width: 98%;
    }

@media (min-width: 770px) {
    #AptSummaryMegaMenu .span4 {
        border-right: 1px solid #eee;
        min-height: 280px;
    }
}

#AptSummaryMegaMenu .span4:last-child {
    border-right: 0px;
}

#AptSummaryMegaMenu .btn-edit {
    margin-right: 10px;
    min-width: 60px;
}


#AptSummaryMegaMenu .table th, #AptSummaryMegaMenu .table td {
    border-width: 0;
    line-height: 14px;
}

#AptSummaryNarrative {
    margin-top: 20px;
}

#ApplicationsContainer {
    padding: 15px !important;
    width: 400px;
}

    #ApplicationsContainer button {
        margin-top: 5px;
    }

.infolist ul {
    margin: 0;
}

.infolist li:before {
    content: "\f05a";
    font-family: fontawesome;
    padding-right: 5px;
    font-size: 14px;
}

.infolist li {
    list-style-type: none;
}

#PropMgrMessagediv strong:before {
    content: "\f06a";
    font-family: fontawesome;
    padding-right: 5px;
    font-size: 14px;
}

#CustomTextHeader, #CustomTextFooter {
    padding: 10px 0;
}

th.description {
    width: 50%;
}

th.monthly-fee {
    width: 20%;
}

th.quantity, th.amount {
    width: 15%;
}

#ebrochure #ehlicon {
    background: url("../images/equalhousing_ebrochure.png") left top no-repeat;
    height: 13px;
    width: 16px;
    padding: 3px 5px 0 0;
    margin-top: 6px;
    float: left;
}

.navbar .btn-group {
    margin: 5px 0px 0px 8px !important;
}

.applications-title {
    float: left;
    line-height: 19px;
    padding: 13px 5px 9px 7px;
    text-transform: uppercase;
    color: #777;
}

.searchResult .resultHeader {
    color: #333333 !important;
    background-color: #d9d9d9;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    min-height: 22px;
    border-radius: 4px;
    position: relative;
}


    .searchResult .resultHeader .price {
        padding-right: 15px;
    }

    .searchResult .resultHeader .specialIcon {
        position: absolute;
        top: 0px;
        right: 0px;
    }

.searchResult .resultFooter {
    margin-top: 10px;
}

    .searchResult .resultFooter [class*=span] {
        min-height: 0px;
    }

a.btn.btnApplyNow {
    color: #ffffff !important;
}

/* Property Site Review Page */

.ReadReviews .PropMgrResponse {
    margin: 10px 0px 0px 0px;
}

/***** Responsive Menu *********/

body {
    position: relative;
    width: 100%;
    min-width: 20em;
}

.offcanvas_navbar-inner {
    position: relative;
    margin: 0 auto;
    padding: 1.5em 1.25em;
    max-width: 60em;
}

.close-btn {
    display: block;
    width: 2.625em;
    height: 2.25em;
    padding: 0;
    border: 0;
    outline: none;
    background: url("../images/close-btn.svg") left center no-repeat;
    background-size: 1.875em 1.875em;
    overflow: hidden;
    white-space: nowrap;
    text-indent: 100%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.no-svg .close-btn {
    background-image: url("../images/close-btn.png");
}

.close-btn:focus, .close-btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

.nav-btn {
    display: block;
}

    .nav-btn:before {
        content: "\f0c9" !important;
        font-family: FontAwesome;
        font-size: 19px;
        padding-right: 5px;
    }

#offcanvas_outer {
    position: relative;
    width: 100%;
    overflow: hidden;
}

#offcanvas_inner {
    position: relative;
    width: 100%;
}

.offcanvas_navbar {
    z-index: 200;
    position: relative;
    overflow: hidden;
    width: 100%;
    color: #fff;
}

    .offcanvas_navbar .close-btn {
        display: none;
    }

    .offcanvas_navbar .offcanvas_navbar-inner-title {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .offcanvas_navbar .offcanvas_navbar-inner {
        z-index: 2;
        position: relative;
        padding: 0.75em 1.25em;
        background: #333333;
    }

    .offcanvas_navbar ul {
        float: none;
    }

        .offcanvas_navbar ul:not(.dropdown-menu) {
            *zoom: 1;
            display: block;
            margin: 0;
            padding: 0;
        }

        .offcanvas_navbar ul:before, .offcanvas_navbar ul:after {
            content: "";
            display: table;
        }

        .offcanvas_navbar ul:after {
            clear: both;
        }

    .offcanvas_navbar li {
        display: block;
    }

        .offcanvas_navbar li a {
            display: block;
            color: #ccc;
            font-size: 0.875em;
            line-height: 1.28571em;
            font-weight: bold;
            font-family: sans-serif;
            outline: none;
            font-size: 14px;
        }

            .offcanvas_navbar li a:focus, .offcanvas_navbar li a:hover {
                color: #fff;
                background: rgba(255, 255, 255, 0.1);
                text-decoration: none;
            }

        .offcanvas_navbar li.active:not(.hasActiveChild) > a {
            color: #fff;
        }

.responsiveDummy {
    visibility: hidden;
    display: none;
}

#offcanvas_inner .offcanvas_navbar {
    margin: 0px;
    position: absolute;
    top: 0;
    padding-top: 5.25em;
}

.offcanvas_navbar:not(:target) {
    z-index: 1;
    height: 0;
}

.offcanvas_navbar:target .close-btn {
    display: block;
}

.offcanvas_navbar .close-btn {
    position: absolute;
    top: -3.75em;
    left: 1.875em;
}

.offcanvas_navbar .offcanvas_navbar-inner {
    position: relative;
    padding: 0;
}

.offcanvas_navbar li {
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas_navbar ul.pull-right li:first-child {
    border-top: none;
}

.offcanvas_navbar li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.offcanvas_navbar li.active:not(.hasActiveChild):after {
    z-index: 50;
    display: block;
    content: "";
    position: absolute;
    top: 1.5em;
    left: -0.03125em;
    margin-top: -0.625em;
    border-top: 0.625em transparent solid;
    border-bottom: 0.625em transparent solid;
    border-left: 0.625em white solid;
}

.offcanvas_navbar .offcanvas_dropdown li.active:not(.hasActiveChild):after {
    left: 2em;
}

.offcanvas_navbar li a {
    padding: 0.85714em 2.14286em;
}

.offcanvas_navbar li ul:not(.offcanvas_dropdown) {
    display: block !important;
}

.offcanvas_navbar li ul li a {
    font-size: 12px;
    margin-left: 30px;
}

.js-ready .offcanvas_navbar {
    height: 100%;
    width: 70%;
    background: #333333;
    /*-webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);
  box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25);*/
}

    .js-ready .offcanvas_navbar .offcanvas_navbar-inner {
        background: transparent;
    }

    .js-ready .offcanvas_navbar .close-btn {
        display: block;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
    }

        .js-ready .offcanvas_navbar .close-btn:focus, .js-ready .offcanvas_navbar .close-btn:hover {
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
            opacity: 1;
        }

.js-ready .offcanvas_navbar {
    left: -70%;
}

.js-ready #offcanvas_inner {
    left: 0;
}

.offcanvas_navbar .dropdown .offcanvas_dropdown {
    display: none;
}

.offcanvas_navbar .dropdown.open .offcanvas_dropdown {
    display: block;
}

@media screen and (min-width: 769px) {

    .nav-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }

    .navbar .close-btn {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px;
    }
}

@media screen and (max-width: 768px) {

    body {
        padding: 0px !important;
    }

    .navbar.responsiveNavBar {
        display: none;
    }

    .responsiveDummy {
        display: block;
    }

    .js-nav #offcanvas_inner {
        left: 70%;
    }

    .csstransforms3d.csstransitions.js-ready .offcanvas_navbar {
        left: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        -moz-transform: translate3d(-100%, 0, 0);
        -ms-transform: translate3d(-100%, 0, 0);
        -o-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .csstransforms3d.csstransitions.js-ready #offcanvas_inner {
        left: 0 !important;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: -webkit-transform 500ms ease;
        -moz-transition: -moz-transform 500ms ease;
        -o-transition: -o-transform 500ms ease;
        transition: transform 500ms ease;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -o-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .csstransforms3d.csstransitions.js-nav #offcanvas_inner {
        -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
        transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
    }

    .csstransforms3d.csstransitions.js-ready .offcanvas_navbar .offcanvas_navbar-inner {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7;
        -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
        -webkit-transition-delay: ease, 0s;
        -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
        -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
        transition: opacity 300ms 100ms ease, transform 500ms ease;
        -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
        -webkit-transform-origin: 50% 0%;
        -moz-transform-origin: 50% 0%;
        -ms-transform-origin: 50% 0%;
        -o-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
    }

    .csstransforms3d.csstransitions.js-nav .offcanvas_navbar .offcanvas_navbar-inner {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*********** End Responsive Menu ************/


/*********** Start OLE Lease Summary ************/

.pdf-icon:before {
    content: url(pdf-icon.png);
    width: 59px;
    height: 63px;
    margin-top: 6px;
    float: left;
}

@media (min-width: 481px) {
    .summary-details {
        margin-left: 70px;
    }
}

@media (max-width: 480px) {
    .summary-icon {
        display: none;
    }

    .summary-details {
        margin: 0;
    }
}

#lease-summary .table td {
    background-color: #FFF;
}

#lease-summary .separator {
    margin: 10px 0;
    padding: 5px 0;
}

/*#lease-summary [class^="icon-"] {
    margin-top: 14px !important;
}*/

#lease-summary .icon-user {
    float: left;
    font-size: 56px;
    /*line-height: 20px;*/
    color: #d0cdcd;
}

#lease-summary .icon-list-ol {
    float: left;
    font-size: 48px;
    color: #d0cdcd;
}

#lease-summary .icon-file {
    float: left;
    font-size: 58px;
    /*line-height: 20px;*/
    margin-right: 22px;
    margin-top: 22px;
    color: #d0cdcd;
}

#lease-summary .icon-usd {
    float: left;
    font-size: 70px;
    color: #d0cdcd;
}

#lease-summary .icon-calendar {
    float: left;
    font-size: 50px;
    line-height: 20px;
    margin-right: 22px;
    margin-top: 22px;
    color: #d0cdcd;
}

#lease-summary p > i {
    margin-right: 7px;
}


/* adding space below waitlist button on floor plans page */
#WaitlistMsg {
    margin-bottom: 20px;
}

/***** Sister Properties Page *********/
/* Sister properties page thumbnail image size fix. Giving it fixed height and width. Otherwise, it gets larger and looking blurry. */
#RentCafeContent .searchResult .thumbnail {
    max-height: 100px;
    max-width: 130px;
    position: relative;
}


.block {
    margin-bottom: 30px;
}

.block-small {
    margin-bottom: 15px;
}

/***** Marketing Site Media Queries *********/

@media (max-width: 768px) {

    /* Floor Plans Page: Home decor planner won't work on tablets and phones */
    #homeDecorPlanner {
        display: none;
    }

    /* Floor Plans Page: Refine Search Area: better ux for mobile to have the check boxes bigger */
    #TopSearchNewDesign > li:first-child {
        width: 100%;
        display: block;
        padding-left: 0;
    }

    #TopSearchNewDesign > li > label {
        display: block;
        padding: 10px 0px 0px 10px;
        text-indent: 5px;
    }

    #TopSearchNewDesign #btnUpdateFilter {
        margin-top: 4px;
    }

    /* Floor Plans Page: Making the floor plan image fit in the screen */
    #ImgWindow {
        left: 15% !important;
        width: 75%;
    }

    /* Basic Lease Info: Making the label and values for the pricing info in single row */
    #divPricingInfo .row-fluid .span5 {
        float: left;
        width: 100px;
    }

    #divPricingInfo .span6 {
        float: right;
        width: 100px;
    }

    /* Bigger Checkboxes  and Radio Buttons*/
    input[type=checkbox], input[type=radio] {
        -ms-transform: scale(1.5); /* IE */
        -moz-transform: scale(1.5); /* FF */
        -webkit-transform: scale(1.5); /* Safari and Chrome */
        -o-transform: scale(1.5); /* Opera */
        padding: 5px;
        margin-top: 3px;
        margin-right: 20px;
    }

    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
        left: 0 !important;
        width: 96% !important;
        margin: 0 2%;
    }
	
	/* Guarantor Portal: Making the label and values for the pricing info in single row */
    #TermDiv .span5 {
        float: left;
        width: 100px;
    }

    #TermDiv .span6 {
        float: right;
        width: 100px;
    }
}

@media (max-width: 568px) {

    /* Unit Availability: Making the refine search option fields look better at phone level */
    #refineunitsearch #FtxtMaxRent, #refineunitsearch #FtxtMoveInDate, #refineunitsearch #FtxtUnitCode {
        width: 94px;
        margin-bottom: 4px;
    }

    #refineunitsearch .btn.dropdown-toggle, #refineunitsearch .btn.dtropdown-toggle {
        width: 82px;
        margin-bottom: 4px;
    }

    #refineunitsearch ul.unstyled li label.checkbox {
        text-indent: 8px;
    }




    /* The have the pop-ups fits inside screen */
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
        width: 90% !important;
        margin: 0 5%;
    }

    /* Floor Plans Page: For the floor plan image in the pop-up to be bigger */
    #dialogContainer img {
        width: 420px;
    }

    /* Sister Properties Page: hiding the links Bird's Eye View, Street View, Neighborhood */
    .searchResult ul.inline.span9 {
        display: none;
    }

    /* Sister Properties Page: making the price range in the same line as the property name */
    .searchResult .price.span4.text-right {
        margin-top: -30px;
    }

    .searchResult .btn-primary {
        margin-top: 5px;
    }

    /* Hiding the Start Application button on Basic Lease Info Page of the marketing site, until we have OLE fully responsive */
    #innerpage #termsandotheritems #btnStart {
        /*display: none;*/
    }
}

/*   fixes price overlap on search results on iphone6  */
@media (min-width: 320px) and (max-width: 767px) {

    .searchResult .price.span4.text-right {
        text-align: left !important;
        margin-top: 0px;
    }
    /* Map & Directions: unhiding the button group: Bird's Eye View, Street View, Neighborhood */

    #MapBtnHolder.btn-group {
        float: left;
        margin-bottom: 20px;
        white-space: normal;
    }

    #DirectionControls .btn.mapOverlayButton {
        display: inline-block !important;
        font-size: 13px;
        line-height: 12px;
        margin-bottom: 4px;
        padding: 8px 12px !important;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #divOverlayLinks {
        width: 100%;
        margin: 0;
    }

    #MapBtnHolder {
        float: left;
        margin-bottom: 10px;
    }
}

@media (max-width: 320px) {

    /* The have the pop-ups fits inside screen */
    .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
        left: 0 !important;
        width: 285px !important;
    }

    /* Floor Plans Page: For the floor plan image in the pop-up to be bigger */
    #dialogContainer, #dialogContainer img {
        width: 250px !important;
    }

    /* Sister Properties Page: making the price range to be underneath the property name */
    .searchResult .price.span4.text-right {
        text-align: left !important;
        margin-top: 0;
    }
}


/***** Online Leasing Media Queries *********/

@media (max-width: 980px) and (min-width:769px) {
    #rentcafe_onlineleasing .summary-details .span12 .table {
        font-size: 12px;
    }
}


@media (max-width: 768px) {

    /* Navbar */
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar {
        margin-bottom: 10px;
    }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .btn.btn.dropdown-toggle {
            margin-left: 5px;
        }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner {
            height: 42px;
        }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
            font-size: 11px !important;
        }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar #welcomeMessage li:first-child {
            display: none;
        }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .applications-title {
            display: none;
        }

    #rentcafe_onlineleasing #ApplicationsContainer {
        width: 340px;
    }

        #rentcafe_onlineleasing #ApplicationsContainer .propertyThumb {
            display: none;
        }

        #rentcafe_onlineleasing #ApplicationsContainer a {
            padding: 0 !important;
        }

    /* Navbar */
    #rentcafe_onlineleasing #ctmcontentcontainer .alert {
        font-size: 12px;
    }

    /* Summary Dropdown */
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .btn-group,
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .applications-title {
        margin-bottom: 15px;
        margin-left: 0;
    }


    /* Account Fees - making check image smaller */
    #rentcafe_onlineleasing #ctmcontentcontainer #AchInfo #sampleCheck {
        background-size: 350px auto !important;
    }

    /* Quote Sheet - making print and email icons smaller */
    #formquotesheetdataholder #PrintImage, #formquotesheetdataholder #mailImage {
        width: auto;
    }

    /* My Profile Page - making the labels and values into single row */
    #rentcafe_onlineleasing #NameDiv .span2, #rentcafe_onlineleasing #LastNameDiv .span2,
    #rentcafe_onlineleasing #PhoneForm .span2, #rentcafe_onlineleasing #AltPhoneForm .span2,
    #rentcafe_onlineleasing #EmailForm .span2 {
        width: 30%;
        float: left;
    }

    #rentcafe_onlineleasing #NameDiv .span6, #rentcafe_onlineleasing #LastNameDiv .span6,
    #rentcafe_onlineleasing #PhoneForm .span6, #rentcafe_onlineleasing #AltPhoneForm .span6,
    #rentcafe_onlineleasing #EmailForm .span6 {
        width: 60%;
        float: right;
    }
}

@media (max-width: 480px) {
    #rentcafe_onlineleasing .navbar .btn-group .btn {
        font-size: 11px;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
        font-size: 10px !important;
    }

    /* On Applicant Info page, adding space between City and Zip textfields, since they are on separate rows */
    #rentcafe_onlineleasing #ApplicantInformation #CurrentZip20084, #rentcafe_onlineleasing #ApplicantInformation #EmpZip20084,
    #rentcafe_onlineleasing #ApplicantInformation #EmergencyZip, #rentcafe_onlineleasing #ApplicantInformation #ProspectMiddleName {
        margin-top: 8px;
    }
}

@media (max-width: 320px) {

    /* Alert */
    .alert {
        padding: 1px 5px;
    }

    /* Navbar */
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar #welcomeMessage {
        float: left !important;
        width: 100%;
        margin-top: -15px;
        margin-bottom: 15px;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner {
        box-shadow: none;
        background-image: none;
        border-width: 0;
        background-color: transparent;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li {
        border-width: 0;
    }

        #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a {
            font-size: 10px !important;
            line-height: 13px !important;
            padding: 15px 0 0 5px;
        }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .navbar-inner .btn.btn.dropdown-toggle {
        margin-bottom: 15px;
        margin-left: 0;
    }

    #rentcafe_onlineleasing #ApplicationsContainer {
        width: 250px;
        font-size: 12px;
        line-height: 15px;
    }



    /* Summary Dropdown */
    #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu {
        width: 260px;
        font-size: 12px;
        line-height: 15px;
        background-color: #f5f5f5;
    }

        #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu .span6 .btn-small {
            margin-top: -45px;
        }

        #rentcafe_onlineleasing #ctmcontentcontainer #AptSummaryMegaMenu table {
            margin-top: -40px;
        }

    /* Account Fees - making check image smaller */
    #rentcafe_onlineleasing #ctmcontentcontainer #AchInfo #sampleCheck {
        background-size: 250px auto !important;
    }
}


/***** Resident Portal Media Queries *********/

@media (max-width: 768px) {

    /* Dashboard */
    #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a img, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a img, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a img {
        height: 50px;
        margin-top: 10px;
        margin-left: 0;
        float: none;
    }

    #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
        margin-bottom: 5px;
        margin-left: 100px;
        padding: 12px 0;
        text-align: left;
    }

    /* Maintenance */
    #rentcafe_residentportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription, #rentcafe_landlordportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription, #rentcafe_studentguarantorportal #ctmcontentcontainer #MaintenanceRequestAdd #FullDescription {
        width: 205px !important;
        height: 67px !important;
    }

    /* Flyout Menu */
    #rentcafe_residentportal #flyout_menu, #rentcafe_landlordportal #flyout_menu, #rentcafe_studentguarantorportal #flyout_menu {
        display: none;
    }

    /* Nav tabs */
    #rentcafe_residentportal .nav-tabs > li > a,
    #rentcafe_residentportal .nav-tabs > li > a:hover,
    #rentcafe_residentportal .nav-tabs > li > a:focus,
    #rentcafe_landlordportal .nav-tabs > li > a,
    #rentcafe_landlordportal .nav-tabs > li > a:hover,
    #rentcafe_landlordportal .nav-tabs > li > a:focus,
    #rentcafe_studentguarantorportal .nav-tabs > li > a,
    #rentcafe_studentguarantorportal .nav-tabs > li > a:hover,
    #rentcafe_studentguarantorportal .nav-tabs > li > a:focus {
        border: none;
        padding: 5px 10px;
    }
    /* This needs to be removed once we have the tabs turn into dropdown at the phone level */
    #rentcafe_residentportal #tabs .nav-tabs > .active > a,
    #rentcafe_residentportal #tabs .nav-tabs > .active > a:hover,
    #rentcafe_residentportal #tabs .nav-tabs > .active > a:focus,
    #rentcafe_landlordportal #tabs .nav-tabs > .active > a,
    #rentcafe_landlordportal #tabs .nav-tabs > .active > a:hover,
    #rentcafe_landlordportal #tabs .nav-tabs > .active > a:focus,
    #rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a,
    #rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a:hover,
    #rentcafe_studentguarantorportal #tabs .nav-tabs > .active > a:focus {
        background-color: #666666 !important;
        color: #ffffff;
        padding: 5px 10px;
        border-radius: 6px;
    }


    #rentcafe_residentportal #ResServicesContent ul.nav, #rentcafe_landlordportal #ResServicesContent ul.nav, #rentcafe_studentguarantorportal #ResServicesContent ul.nav {
        padding-bottom: 20px;
    }

        #rentcafe_residentportal #ResServicesContent ul.nav > li, #rentcafe_landlordportal #ResServicesContent ul.nav > li, #rentcafe_studentguarantorportal #GuarantorServicesContent ul.nav > li {
            background-color: transparent;
        }

    /* Expanded submenu caret color changed from black to grey */
    #rentcafe_residentportal .offcanvas_navbar-inner .caret, #rentcafe_landlordportal .caret, #rentcafe_studentguarantorportal .offcanvas_navbar-inner .caret {
        border-top: 4px solid #ffffff;
    }

    .nav-tabs > li, .nav-pills > li {
        float: left;
        width: 49.6%;
        text-align: center;
    }

    /* Added classes for off canvas menu  */

    #rentcafe_residentportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_residentportal .offcanvas_navbar .nav > li > a:focus,
    #rentcafe_landlordportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_landlordportal .offcanvas_navbar .nav > li > a:focus,
    #rentcafe_studentguarantorportal .offcanvas_navbar .nav > li > a:hover, #rentcafe_studentguarantorportal .offcanvas_navbar .nav > li > a:focus {
        background-color: #454545;
    }

    #rentcafe_residentportal .offcanvas_navbar .nav .open > a, #rentcafe_residentportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_residentportal .offcanvas_navbar .nav .open > a:focus,
    #rentcafe_landlordportal .offcanvas_navbar .nav .open > a, #rentcafe_landlordportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_landlordportal .offcanvas_navbar .nav .open > a:focus,
    #rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a, #rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a:hover, #rentcafe_studentguarantorportal .offcanvas_navbar .nav .open > a:focus {
        background-color: #454545;
    }
}

/* iPad portrait · width: 768px */
@media (width: 768px) {
    #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
        margin-bottom: 5px;
        margin-left: 0px;
        padding: 12px 0;
        text-align: center;
        min-height: 0;
    }
}

/* iPad portrait · width: 767px */
@media (max-width: 767px) {
    #rentcafe_residentportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_landlordportal #ctmcontentcontainer .widgeticons li a span, #rentcafe_studentguarantorportal #ctmcontentcontainer .widgeticons li a span {
        margin-left: 0px;
        text-align: center;
    }
}


@media (max-width: 480px) {
    #rentcafe_residentportal #ResidentRegistrationButton, #rentcafe_landlordportal #ResidentRegistrationButton, #rentcafe_studentguarantorportal #ResidentRegistrationButton {
        margin-left: 0;
    }
}

/***** Amazon style OLE Payments *********/
.table-footer {
    background: none repeat scroll 0% 0% rgb(246, 246, 246);
}

.payment-creditcard {
    background: url(../images/credit-generic-icon.png) no-repeat;
    width: 50px;
    height: 40px;
    display: block;
    margin-right: 20px;
}

#creditcard {
    padding: 10px;
}

    #creditcard:hover {
        background: #f4f4f4;
    }

.payment-bankaccount {
    background: url(../images/bank-account-generic-icon.png) no-repeat;
    width: 78px;
    height: 35px;
    display: block;
    margin-right: 20px;
}

#bankaccount {
    padding: 10px;
}

    #bankaccount:hover {
        background: #f4f4f4;
    }

#debitcard {
    padding: 10px;
}

    #debitcard:hover {
        background: #f4f4f4;
    }

.payment-check {
    background: url(../images/check-image.png) no-repeat;
    height: 148px;
    width: 242px;
    display: block;
}

.GB {
    background: url(../images/check-image-GB.png) no-repeat;
}

@media (max-width: 767px) {
    .payment-creditcard {
        float: left;
    }

    .payment-bankaccount {
        float: left;
    }
}
/* PR - DT-6928: VPAT COLOR CONTRAST ISSUE */
#PaymentApplicationChargeStep1 .icon-check {
    color: #595959;
}

/* Res Services Payment Manager CSS */
.RecurringPaymentGrid .showOnEdit {
    display: none;
}

.RecurringPaymentGrid .editMode .hideOnEdit {
    display: none;
}

.RecurringPaymentGrid .editMode .showOnEdit {
    display: inherit;
}

.RecurringPaymentGrid select {
    width: auto;
}

@media only screen and (max-width: 800px) {
    .RecurringPaymentGrid select {
        width: 90% !important;
    }
}

.RecurringPaymentGrid input[type="text"] {
    width: 80px !important;
}

a:hover {
    cursor: pointer;
}

#paymentrecurringfixedandvariable .icon-info-sign {
    font-size: 20px;
    padding: 5px
}

#paymentrecurringfixedandvariable button {
    margin-left: 10px;
}

#paymentrecurringfixedandvariable .table th, .table td {
    text-align: left;
}

.accordion-heading {
    background-color: #F5F5F5;
}

#PaymentAccountBank .row-fluid:nth-of-type(2n+1) {
    padding-top: 10px;
}

#PWIOSetupForm{
    min-height:200px;
}

.datepicker-in-dropdown .dropdown-menu a{
	background: transparent;
    border-color: transparent;
	border-bottom-color: #ccc;
    display: block;
    text-align: left;
}

.RecurringPaymentGrid .editMode .showOnEdit.datepicker-in-dropdown{
	display:inline-block;
}

.datepicker-in-dropdown  a.dropdown-toggle .caret{
	vertical-align:15%;
}
/* End Res Services Payment Manager CSS */
/* BEGIN RESULTS CSS FOR SISTER PROPERTIES */


#mapContainer img {
    max-width: none;
}

    #mapContainer img.mapballoonimage {
        width: 130px;
        max-width: 130px !important;
    }

.legend {
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
}

.legend-pink {
    background-color: #fa6eb9;
}

.legend-blue {
    background-color: #1c66ed;
}

.legend-yellow {
    background-color: #f0bd30;
}

.legend-orange {
    background-color: #ff7b47;
}

.legend-purple {
    background-color: #a857e6;
}

li.LegendColor, li.LegendRentRange {
    margin: 0;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.mapballoonWrap {
    height: 250px;
    min-width: 300px;
}

.mapballoonAddressWrap {
    font-size: 11px;
}

.mapballoonAmenities li {
    font-size: 11px;
}

#advancedOptionsWrap label.header {
    font-weight: 400;
    font-size: 16 px;
    padding: 5px;
}


#mapContainer {
    height: 600px;
    width: 100%;
}

.badge.pink {
    background-color: #ff6bbc;
}

.badge.blue {
    background-color: #2565fa;
}

.badge.yellow {
    background-color: #fac746;
}

.badge.orange {
    background-color: #f77e52;
}

.badge.purple {
    background-color: purple;
}


#advancedOptionsWrap label.header {
    font-weight: 400;
    font-size: 14px;
    padding: 0px;
}


#advancedOptionsWrap ul.amenities, #advancedOptionsWrap ul.unstyled {
    padding: 15px;
    margin: 0px 0px 10px 0px;
}


#resultHeader {
    width: 100%;
    z-index: 2;
}

.resultHeader {
    position: relative;
}

.specialIcon {
    position: absolute;
    top: 5px;
}

#mapWrap {
    overflow: auto;
}


@media (min-width: 767px) {
    .resultBody .thumbnail img {
        max-width: 130px;
    }
}

@media (max-width: 767px) {
    .resultBtnWrap {
        margin: 10px 0;
    }

        .resultBtnWrap .btn {
            display: block;
        }

    .resultBody .addressLabel {
        float: left;
    }

    .resultBody .value {
        float: right;
        text-align: right;
    }

    .row-fluid .controls-row [class*="span"] + [class*="span"] {
        margin-left: 0px;
    }

    label {
        margin: 10px 0 0 0;
    }

    .controls select {
        margin: 0 0 10px 0
    }

    .favoriteLabel {
        width: 100% !important;
    }
}

#resultHeader .pagination {
    margin: 0;
    min-height: 0px;
}

    #resultHeader .pagination ul li a {
        padding: 0 5px;
        margin: 0px;
        background: #fff;
        border: none;
    }

#numResultWrap {
    min-height: 0px;
    background-color: #eb6d31;
    padding: 10px 0 0 10px;
}


#resultHeader .pagination ul li a {
    padding: 5px 10px;
    margin: 0px;
    color: #fff;
    background-color: #eb6d31;
    border: none;
}

    #resultHeader .pagination ul li a:hover {
        color: #ffceb6;
    }

@media (max-width: 980px) and (min-width: 770px) {
    #resultHeader .pagination ul li a {
        padding: 5px;
    }
}
/* END RESULTS CSS FOR SISTER PROPERTIES */

/* hidden class attributes need to be important, for the rp and ole links configuration on the property sites */
.hidden {
    display: none !important;
    visibility: hidden;
}

body.olemenubody {
    margin-left: 60px !important;
    width: auto !important;
    min-width: 0 !important;
}

    body.olemenubody .contentwrap {
        width: 100%;
    }

#workflowStepsWrap .ole-menu-main,
#workflowStepsWrap .ole-menu-main ul {
    margin: 0;
    padding: 0;
    background: white;
    color: #48a770;
    list-style: none;
    text-transform: none;
    font-weight: 300;
    font-family: 'Lato', Arial, sans-serif;
    line-height: 60px;
    z-index: 999;
}

#workflowStepsWrap .ole-menu-main {
    position: fixed;
    top: 0;
    left: 0px;
    width: 58px;
    height: 60px;
    font-size: 13px;
}

    #workflowStepsWrap .ole-menu-main a {
        display: block;
        height: 100%;
        color: #666666;
        text-decoration: none;
        cursor: pointer;
        line-height: 40px;
    }

        #workflowStepsWrap .ole-menu-main a:hover,
        #workflowStepsWrap .ole-menu li.ole-search-item:hover,
        #workflowStepsWrap .ole-menu li.ole-search-item:hover a {
            background: #c6d0da;
            color: #666;
            text-decoration: none;
        }


#workflowStepsWrap .current, #workflowStepsWrap .current a, #workflowStepsWrap .current a:hover {
    background: #666666;
    color: white;
    position: relative;
    text-decoration: none;
}


    #workflowStepsWrap .current:after {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        /*--adjust as necessary--*/
        color: #fff;
        font-size: 24px;
        padding-right: 0.5em;
        position: absolute;
        top: 0px;
        right: 5px;
    }



#workflowStepsWrap .permanent, #workflowStepsWrap .permanent a {
    background: #cccccc;
    color: #333333;
    position: relative;
}

#workflowStepsWrap .ole-menu-main .permanent:hover, #workflowStepsWrap .ole-menu-main .permanent a:hover {
    background: #333333;
    color: #cccccc;
    position: relative;
    cursor: default;
}

#workflowStepsWrap .permanent:after {
    content: "\f007";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*--adjust as necessary--*/
    color: #666666;
    font-size: 24px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    right: 5px;
}


#workflowStepsWrap .done, #workflowStepsWrap .done a {
    color: #666666;
    position: relative;
}

    #workflowStepsWrap .done:after {
        color: #666666;
        content: "\f00c";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        font-size: 18px;
        position: absolute;
        top: 0px;
        right: 5px;
    }

    #workflowStepsWrap .done:hover:after {
        color: #333;
    }

#workflowStepsWrap .ole-menu-main .tbd a:hover {
    display: block;
    height: 100%;
    color: #666;
    background-color: #f3f3f3;
    text-decoration: none;
    cursor: default;
}

#workflowStepsWrap .ole-menu-main > li {
    display: block;
    float: right;
    height: 100%;
    border-right: 1px solid #c6d0da;
    text-align: center;
}

/* icon-only trigger (menu item) */

#workflowStepsWrap .ole-menu-main li.ole-trigger {
    position: relative;
    width: 60px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 5px #c6d0da;
}

#workflowStepsWrap .ole-menu-main > li.ole-trigger > a {
    max-height: 20px;
}

#workflowStepsWrap .ole-menu-main > li:last-child {
    float: right;
    border-right: none;
    border-left: 1px solid #c6d0da;
}

#workflowStepsWrap .ole-menu li {
    line-height: 40px;
}

#workflowStepsWrap .ole-menu-main > li > a {
    padding: 20px 30px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
}

#workflowStepsWrap .ole-menu-main:after {
    display: table;
    clear: both;
    content: "";
}

#workflowStepsWrap .ole-menu-wrapper {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 58px;
    overflow: hidden;
    width: 60px;
    border-top: 1px solid #c6d0da;
    background: white;
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px);
    -webkit-transition: -webkit-transform 0.3s, width 0.3s;
    -moz-transition: -moz-transform 0.3s, width 0.3s;
    transition: transform 0.3s, width 0.3s;
    border-left: 1px solid #c6d0da;
    box-shadow: 0 0 5px #c6d0da;
}

#workflowStepsWrap.ie8 .ole-menu-wrapper {
    left: 0px\0/IE8+9; /* IE8+9  */
}

:root #workflowStepsWrap.ie8 .ole-menu-wrapper {
    left: 58px\0/IE9; /* IE9 */
}

#workflowStepsWrap .ole-scroller {
    position: absolute;
    overflow-y: auto;
    width: 340px;
    height: 100%;
}

#workflowStepsWrap .ole-menu {
    border-bottom: 1px solid #c6d0da;
    text-align: left;
    font-size: 14px;
}

    #workflowStepsWrap .ole-menu li:not(:first-child),
    #workflowStepsWrap .ole-menu li li {
        box-shadow: inset 0 1px #c6d0da
    }



#workflowStepsWrap .ole-submenu li {
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
}

    #workflowStepsWrap .ole-submenu li a {
        color: #c1c9d1
    }



#workflowStepsWrap .ole-menu li.ole-search-item:hover .ole-search:-webkit-input-placeholder {
    color: white
}

#workflowStepsWrap .ole-menu li.ole-search-item:hover .ole-search:-moz-placeholder {
    color: white
}

#workflowStepsWrap .ole-menu li.ole-search-item:hover .ole-search:-moz-placeholder {
    color: white
}

#workflowStepsWrap .ole-menu li.ole-search-item:hover .ole-search:-ms-input-placeholder {
    color: white
}



#workflowStepsWrap .ole-icon:before {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    font-family: 'FontAwesome';
    line-height: 14px;
    font-weight: 100;
    font-size: 20px;
    speak: none;
    -webkit-font-smoothing: antialiased;
}



#workflowStepsWrap .ole-icon-num:before {
    content: attr(data-number);
}


/* if an icon anchor has a span, hide the span */

#workflowStepsWrap .ole-icon span {
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
}

#workflowStepsWrap .ole-icon-menu:before {
    margin-left: -20px;
    vertical-align: -2px;
    width: 30px;
    font-family: FontAwesome;
    content: '\f0cb';
    font-weight: 100;
    font-size: 40px;
}



/* styles for opening menu */

#workflowStepsWrap .ole-menu-wrapper.ole-open-all,
#workflowStepsWrap .ole-menu-wrapper.ole-open-part {
    -webkit-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    transform: translateX(-60px);
}

#workflowStepsWrap .ole-menu-wrapper.ole-open-all {
    width: 340px;
}

    #workflowStepsWrap .ole-menu-wrapper.ole-open-all .ole-submenu li {
        height: 60px
    }


@media screen and (max-height: 768px) {

    #workflowStepsWrap .ole-menu li {
        line-height: 45px;
    }
}

@media screen and (max-height: 480px) {

    #workflowStepsWrap .ole-menu li {
        line-height: 40px;
    }
}

@media (max-width: 768px) {
    #offcanvas_inner {
        padding-left: 0px;
    }

    body.olemenubody {
        margin-left: 0px !important;
    }

    #workflowStepsWrap .ole-menu-wrapper {
        width: 0px;
    }

    #workflowStepsWrap .container {
        padding-left: 15px;
    }
}



@media screen and (max-width: 568px) {

    /**classes to adjust menu size *****/
    #workflowStepsWrap .ole-icon-menu:before {
        font-size: 30px;
        margin-left: -9px;
        vertical-align: 8px;
    }

    #workflowStepsWrap .ole-menu-main {
        width: 45px;
        height: 50px;
    }

        #workflowStepsWrap .ole-menu-main > li > a {
            height: 11px;
        }

    /*#workflowStepsWrap .ole-menu-main a:hover, #workflowStepsWrap .ole-menu li.ole-search-item:hover, #workflowStepsWrap .ole-menu li.ole-search-item:hover a
{height:10px}*/

    #workflowStepsWrap .ole-menu-wrapper {
        top: 50px
    }
}


/* responsive RP fixes */
@media (max-width: 767px) {
    #flyout_menu {
        display: none;
    }
}

@media (max-width: 530px) {
    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav li a {
        width: 19px;
        height: 19px;
        overflow: hidden;
    }
}

/* On marketing sites, for the map on the homepage */
#googleMap {
    height: 100%;
    width: 100%;
}


/* Responsive Navigation fix for width issue on resident portal menu */
@media only screen and (max-width: 979px) and (min-width: 769px) {

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
        padding: 12px 6px 9px;
    }

    #rentcafe_onlineleasing #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_residentportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_landlordportal #ctmcontentcontainer .navbar .nav > li > a, #rentcafe_studentguarantorportal #ctmcontentcontainer .navbar .nav > li > a {
        text-transform: capitalize;
    }
}
/* Social Media icons css */

.social-media-sharer {
    text-align: center;
    width: 100%;
    padding: 10px 0;
    min-height: 30px;
}

#rentcafe_onlineleasing .social-media-sharer, #rentcafe_residentportal .social-media-sharer, #rentcafe_landlordportal .social-media-sharer, #rentcafe_studentguarantorportal .social-media-sharer {
    display: none;
}

.other-social-wrap ul li {
    padding: 0 2px;
}

.socialmedia-icons {
    margin-left: 0;
}

    .socialmedia-icons a, .socialmedia-icons-vertical a {
        font-size: 22px !important;
        line-height: 24px;
        font-family: FontAwesome !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-decoration: none !important;
    }

.facebook-icon, .twitter-icon, .googleplus-icon, .pinterest-icon, .popcard-icon, .instagram-icon, .youtube-icon, .linkedin-icon, .yelp-icon, .more-social-icon a, .snapchat-icon {
    display: table;
}

    .facebook-icon:before, .twitter-icon:before, .googleplus-icon:before, .pinterest-icon:before, .popcard-icon:before, .instagram-icon:before, .youtube-icon:before, .linkedin-icon:before, .yelp-icon:before, .more-social-icon a:before, .snapchat-icon:before{
        width: 30px;
        height: 30px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.socialmedia-icons li {
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
    padding-right: 5px;
}

.socialmedia-icons-vertical {
    margin: 0px;
}

    .socialmedia-icons-vertical li {
        display: table !important;
        padding-bottom: 5px;
    }

.facebook-icon:before {
    content: "\f09a";
    background: #3B5998;
    color: #fff;
}

.facebook-icon:hover:before {
    background: #193e8c;
}

.twitter-icon:before {
    content: "\f099";
    background: #00aced;
    color: #fff;
}

.twitter-icon:hover:before {
    background: #0189be;
}

.googleplus-icon:before {
    content: "\f0d5";
    background: #dd4b39;
    color: #fff;
}

.googleplus-icon:hover:before {
    background: #ba2e1f;
}

.pinterest-icon:before {
    content: "\f0d2";
    background: #CB2027;
    color: #fff;
}

.pinterest-icon:hover:before {
    background: #b3060d;
}

.instagram-icon:before {
    content: "\f16d";
    background: #c32aa3;
    color: #fff;
}

.instagram-icon:hover:before {
    background: #ad2591;
}

.youtube-icon:before {
    content: "\f167";
    background: #ff0000;
    color: #fff;
}

.youtube-icon:hover:before {
    background: #bf0303;
}

.linkedin-icon:before {
    content: "\f0e1";
    background: #007bb6;
    color: #fff;
}

.linkedin-icon:hover:before {
    background: #01618f;
}

.yelp-icon:before {
    content: "\f1e9";
    background: #d32323;
    color: #fff;
}

.yelp-icon:hover:before {
    background: #a11e1e;
}

.snapchat-icon:before { 
	content:"\f2ac";
	background:#fffc00;
	color:#fff;
}
.snapchat-icon:hover:before {
	background:#cecc04;
}

/*popover default icon style*/
.popover-content .facebook-icon:before {
    background: #3B5998 !important;
    color: #fff !important;
}

.popover-content .facebook-icon:hover:before {
    background: #193e8c !important;
}

.popover-content .twitter-icon:before {
    background: #00aced !important;
    color: #fff !important;
}

.popover-content .twitter-icon:hover:before {
    background: #0189be !important;
}

.popover-content .googleplus-icon:before {
    background: #dd4b39 !important;
    color: #fff !important;
}

.popover-content .googleplus-icon:hover:before {
    background: #ba2e1f !important;
}

.popover-content .pinterest-icon:before {
    background: #CB2027 !important;
    color: #fff !important;
}

.popover-content .pinterest-icon:hover:before {
    background: #b3060d !important;
}

.popover-content .instagram-icon:before {
    background: #c32aa3 !important;
    color: #fff !important;
}

.popover-content .instagram-icon:hover:before {
    background: #ad2591 !important;
}

.popover-content .youtube-icon:before {
    background: #ff0000 !important;
    color: #fff !important;
}

.popover-content .youtube-icon:hover:before {
    background: #bf0303 !important;
}

.popover-content .linkedin-icon:before {
    background: #007bb6 !important;
    color: #fff !important;
}

.popover-content .linkedin-icon:hover:before {
    background: #01618f !important;
}

.popover-content .yelp-icon:before {
    background: #d32323 !important;
    color: #fff !important;
}

.popover-content .yelp-icon:hover:before {
    background: #a11e1e !important;
}

.popover-content .snapchat-icon:before { 
	background:#fffc00 !important;
	color:#fff !important;
}
.popover-content .snapchat-icon:hover:before {
	background:#cecc04 !important;
}

.socialmedia-icons-dark a:before{
    color: #666666;
    background: none;
}
.socialmedia-icons-dark .more-social-icon a:before {
    background: none;
}

.socialmedia-icons-dark a:hover:before {
    color: #444444;
    background: none;
}

.socialmedia-icons-light a:before{
    color: #c8c8c8;
    background: none;
}

.socialmedia-icons-light .more-social-icon a:before {
    background: none;
}

.socialmedia-icons-light a:hover:before {
    color: #f0f0f0;
    background: none;
}

.popcard-icon:before {
    content: "\f086";
    background: #eb6d31;
    color: #fff;
}

.popcard-icon:hover:before {
    background: #DD5412;
}

@media (max-width: 768px) {
    .socialmedia-icons-vertical li {
        display: inline-block !important;
    }
}

/* photo gallery navigation styling */

.photogallery #gallery a, .photogallery #gallery a:active, .photogallery #gallery a:focus {
    outline: 0 none !important;
    border: 0px !important;
}


    .photogallery #gallery a:focus i {
        outline: 2px solid rgb(77,144,254) !important;
        width: 28px;
        height: 29px;
        top: calc(50% - 36px);
        box-sizing: border-box
    }

    .photogallery #gallery a:active:focus i {
        outline: 5px solid transparent !important;
    }

    .photogallery #gallery a.left:focus i {
        left: 0;
    }

    .photogallery #gallery a.right:focus i {
        right: 0;
    }

#ctmcontentcontainer #gallery { /*this class is added for align gallery horizontally center for older themes*/
    margin: 0 auto;
}

    #ctmcontentcontainer #gallery .carousel-inner {
        background: #F2F2F2; /*It should be default css background color for all the themes, I have added lighter grey color*/
        height: 100%;
    }

        #ctmcontentcontainer #gallery .carousel-inner > .item {
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    #ctmcontentcontainer #gallery .carousel-control {
        top: 0;
        margin: 0;
        height: 100%;
        border: 0;
        border-radius: 0;
        filter: alpha(opacity=10);
        opacity: 0.5;
        background: none;
    }

        #ctmcontentcontainer #gallery .carousel-control.left {
            left: 0;
            //width: calc(50% - 15px);
            margin-left: 15px;
            width: auto;
        }

        #ctmcontentcontainer #gallery .carousel-control.right {
            //width: calc(50% - 15px);
            right: 0;
            margin-right: 15px;
            width: auto;
        }

        #ctmcontentcontainer #gallery .carousel-control i {
            position: absolute;
            margin: 0;
            top: 45%;
            display: block;
            text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
            /*color:#000 !important;*/
        }


    #ctmcontentcontainer #gallery .icon-angle-right:before {
        display: inline-block;
        text-align: center;
        margin-right: 0;
        background: #000000;
        width: 28px;
        float: right;
    }

    #ctmcontentcontainer #gallery .icon-angle-left:before {
        background: #000000;
        display: inline-block;
        margin-left: 0;
        text-align: center;
        background: #000000;
        width: 28px;
        float: left;
    }

    #ctmcontentcontainer #gallery .carousel-control.left:focus {
        opacity: 0.9;
    }

    #ctmcontentcontainer #gallery .carousel-control.right:focus {
        opacity: 0.9;
    }

    #ctmcontentcontainer #gallery:hover .carousel-control {
        filter: alpha(opacity=25);
        opacity: 0.25;
    }

        #ctmcontentcontainer #gallery:hover .carousel-control:hover {
            filter: alpha(opacity=90);
            opacity: 0.9;
        }

    #ctmcontentcontainer #gallery .carousel-indicators {
        right: 50px;
    }

    #ctmcontentcontainer #gallery.carousel {
        min-height: 100px;
    }

    #ctmcontentcontainer #gallery .caption { /*This class is for caption text*/
        display: block;
        position: absolute;
        bottom: 0;
        background: rgba(255, 255, 255, 0.8);
        max-height: 50%;
        overflow: hidden;
        text-align: center;
        width: 80%;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 10%;
        padding-left: 10%;
    }


@media (max-width: 480px) {

    #ctmcontentcontainer #gallery .carousel-control.right {
        //width: calc(50% - 15px);
        right: 0;
        margin-right: 15px;
        width: auto;
    }

    #ctmcontentcontainer #gallery .carousel-control.left {
        left: 0;
        // width: calc(50% - 15px);
        width: auto;
        margin-left: 15px;
    }
}

/* end of photo gallery navigation styling */

/* Favorites page */

#MyListManageFavorites .FavoriteRow {
    position: relative;
}

#MyListManageFavorites .deleteFavoriteButton {
    position: absolute;
    right: 0px;
    top: 0px;
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    padding: 0px 3px 0px 3px;
    color: #9F9F9F;
}

    #MyListManageFavorites .deleteFavoriteButton:hover {
        color: #6F6F6F;
        background: #BFD4FF;
    }

/* End Favorites page */

/* User Alert Messages */
#myUserAlertMessage.modal.fade.in {
    margin-top: 0;
    top: 25%;
}

#myUserAlertMessage.modal .modal-body {
    max-height: 400px !important;
    overflow-y: auto !important;
}

#myUserAlertMessage.modal {
    width: 560px;
}

@media (max-width: 480px) {
    #myUserAlertMessage.modal .modal-body {
        max-height: 280px !important;
    }
}

/* End User Alert Messages */

/* Payment failure details modal */
#myPaymentFailureDetails.modal {
    width: 650px;
}

    #myPaymentFailureDetails.modal .modal-body {
        max-height: 600px !important;
        overflow-y: auto !important;
    }
/* End Payment failure details modal */

/* Resident mismatch names modal */
#myResidentDetailsWithMismatchNames.modal.fade.in {
    margin-top: 0;
    top: 25%;
}

#myResidentDetailsWithMismatchNames.modal .modal-body {
    max-height: 400px !important;
    overflow-y: auto !important;
}

#myResidentDetailsWithMismatchNames.modal {
    width: 800px;
}
/* End Resident mismatch names modal */

/* International one-time payment set installments */
#Installments_info {
    display: none;
}

#divInstTotal {
    margin-left: 355px;
    margin-top: -28px;
    position: absolute;
    width: auto;
}


    #divInstTotal > label {
        float: left;
        padding-right: 15px;
    }

#divInstBalance > label {
    float: left;
}
/* End International one-time payment set installments */
/* Added for Summary link drop down on lease terms page*/
#OLESummaryLinks {
    padding-bottom: 5px;
}
/* Added for Summary link drop down on lease terms page*/

/* Added for Social Media icons <a> link color*/
.socialmedia-icons a, .socialmedia-icons-vertical a, .socialmedia-icons a:hover, .socialmedia-icons-vertical a:hover {
    color: #ffffff;
}

.socialmedia-icons-dark a {
    color: #666666;
}

    .socialmedia-icons-dark a:hover {
        color: #444444;
    }

.socialmedia-icons-light a {
    color: #c8c8c8;
}

    .socialmedia-icons-light a:hover {
        color: #f0f0f0;
    }
/* Added for Social Media icons <a> link color*/

#svgWrap {
    position: relative;
    min-height: 655px;
    overflow: hidden;
}

    #svgWrap .svgPane .wrapper {
        background-color: #fff;
        border: 1px solid #ddd;
        height: 600px;
        overflow: hidden;
    }

    #svgWrap .svgPane .popover {
        position: relative;
        width: 90%;
        margin: 40px auto 0;
        max-width: none;
    }

    #svgWrap h2 {
        float: left;
        font-size: 18px;
        line-height: 20px;
    }

    #svgWrap .zoomControl {
        float: right;
    }

        #svgWrap .zoomControl a {
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 2px 4px;
            font-size: 1.2em;
            margin: 0 0 0 2px;
            display: block;
            float: left;
        }

    #svgWrap .svgPane.left {
        margin-left: 0;
    }

    #svgWrap #propertySVGWrap.left, #svgWrap #buildingSVGWrap.left {
        width: 56% !important;
    }

    #svgWrap #propertySVGWrap.right, #svgWrap #buildingSVGWrap.right, #svgWrap #floorSVGWrap.right {
        width: 40.17094017094017% !important;
    }

    #svgWrap .alert {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin: 0px;
    }

    #svgWrap svg {
        cursor: move;
        cursor: -webkit-grab;
    }

        #svgWrap svg polygon, #svgWrap svg image.point {
            cursor: pointer;
        }

#svgBreadCrumbs li {
    padding: 0px;
}

    #svgBreadCrumbs li:after {
        content: '>';
        padding: 0 0 0 5px;
    }

    #svgBreadCrumbs li:last-child:after {
        content: '';
    }


#maintenanceDiv {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 999999999;
}

    #maintenanceDiv p {
        color: #000 !important;
    }

    #maintenanceDiv .bg {
        background-color: #000;
        opacity: .4;
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
    }

    #maintenanceDiv div.title {
        color: #b94a48;
        background-color: #f2dede;
        border: 1px solid #eed3d7;
        padding: 8px 35px 8px 14px;
        margin-bottom: 20px;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        position: relative;
    }

    #maintenanceDiv div.inner {
        width: 600px;
        height: auto;
        background-color: #eee;
        margin: 10% auto;
        padding: 10px;
        color: #222;
    }

    #maintenanceDiv .alert {
        border-radius: 0;
        moz-border-radius: 0;
    }

    #maintenanceDiv a.close {
        position: absolute;
        right: 10px;
        top: 6px;
        color: #111;
        font: normal 22px arial;
    }

    #maintenanceDiv .clearfix {
        margin: 10px 0 0;
    }

@media(max-width:768px) {
    #maintenanceDiv div.inner {
        width: 94%;
    }
}



/* fixed for safari browser heading text */
#offcanvas_inner h1, #offcanvas_inner h2, #offcanvas_inner h3, #offcanvas_inner h4, #offcanvas_inner h5, #offcanvas_inner h6 {
    text-rendering: optimizeSpeed;
}
/* fixed for safari browser heading text */

/* Added for floor plan image stretching issue*/
[id^="defaultpagefloorplan"] img, [id*="defaultpagefloorplan"] img, #dialogContainer #gallery div.item img {
    margin: 0 auto;
    width: auto;
    max-height: 750px;
}

#floorplan_gallery img, #amenity_gallery img, #unit_gallery img, #dialogContainer #gallery div.item img {
    margin: 0 auto;
    width: auto;
    max-height: 750px;
}

/* Added for floor plan image stretching issue*/

/* Added new CSS for New Resident Portal Design*/

#rentcafe_residentportal #leaseAgreeNote:before, #rentcafe_landlordportal #leaseAgreeNote:before, #rentcafe_studentguarantorportal #leaseAgreeNote:before {
    content: "\F05A";
    float: left;
    font-size: 16px;
    margin-right: 8px;
    color: #0378af;
    font-family: fontAwesome;
    min-height: 32px;
    display: inline-block;
}

#rentcafe_residentportal #TermsAndConditionsInnerDiv.block, #rentcafe_landlordportal #TermsAndConditionsInnerDiv.block, #rentcafe_studentguarantorportal #TermsAndConditionsInnerDiv.block {
    margin-top: 40px;
    margin-bottom: 0;
}

#rentcafe_residentportal #leaseAgreeNote.block, #rentcafe_landlordportal #leaseAgreeNote.block, #rentcafe_studentguarantorportal #leaseAgreeNote.block {
    margin-bottom: 20px;
}


#MyProfile .well {
    padding: 0;
    box-shadow: none;
    border: 1px solid #d1d1d1;
}

#MyProfile #profile-buttons {
    margin-top: 24px;
    margin-bottom: 5px;
}

#MyProfileHeaderInner {
    height: 100%;
    width: 97%;
    position: relative;
    padding: 1.5%;
}

.user-left-info ul, .user-right-info ul {
    margin-top: 8px;
}

.user-left-info-inner {
    padding-left: 15px;
    padding-right: 15px;
}

    .user-left-info-inner li {
        line-height: 26px;
    }

.user-right-info .divider ul.list-inline li {
    width: 48%;
    margin-top: 2px;
    margin-bottom: 2px;
}

#MyProfileHeader .user-icon {
    position: absolute;
    width: 9%;
    height: 101%;
    margin: 0;
    left: -1px;
    top: -1px;
}

    #MyProfileHeader .user-icon i {
        background: #ffffff;
        border-radius: 100%;
        display: block;
        width: 55px;
        height: 55px;
        margin: 0% auto;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 32%;
        color: #555555;
        font-size: 26px;
        line-height: 54px;
    }

#MyProfileHeader .user-name {
    font-size: 22px;
    text-transform: uppercase;
}

#MyProfileHeader .user-type {
    font-size: 14px;
    color: #555555;
}

.section-top-border {
    height: 2px;
}

.vehicle-info-box {
    padding: 10px 0;
}

    .vehicle-info-box:not(:last-child) {
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 5px;
    }

#rentcafe_residentportal .box-content, #rentcafe_landlordportal .box-content, #rentcafe_studentguarantorportal .box-content {
    border: 1px solid #d1d1d1;
    border-top: 0;
    padding: 5px 20px;
    margin-bottom: 20px;
}

    #rentcafe_residentportal .box-content .icon-usd, #rentcafe_landlordportal .box-content .icon-usd, #rentcafe_studentguarantorportal .box-content .icon-usd {
        display: none;
    }


    #rentcafe_residentportal .box-content .row-fluid div:last-child, #rentcafe_landlordportal .box-content .row-fluid div:last-child, #rentcafe_studentguarantorportal .box-content .row-fluid div:last-child {
        text-align: right;
    }

.vehicle-description {
    border-left: 1px solid #D1D1D1;
    padding-left: 20px;
    min-height: 60px;
}

.vehicle-name {
    font-size: 18px;
    text-transform: uppercase;
    word-wrap: break-word;
}

    .vehicle-name .year {
        font-size: 15px;
    }

    .vehicle-name small {
        font-size: 14px;
        color: #555555;
        text-transform: none;
    }

.vehicle-name, .vehicle-description {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*#user-settings .box-content{
	padding: 0px 15px;
}

#user-settings .table{
	margin-bottom:0 !important;
}

#user-settings .table th, #user-settings .table td{
	border-top:0;
	border-left:1px solid #d1d1d1;
	padding-left:20px;
}

#user-settings .table th:first-child, #user-settings .table td:first-child{
	border:0;
	padding-left:5px;
}

#user-settings .table tr:first-child td{
	padding-top:20px;
}

#user-settings .table tr:last-child td{
	padding-bottom:20px;
}

*/
.table-style1 .box-content {
    padding: 0px 15px;
}

.table-style1 .table {
    margin-bottom: 0 !important;
}

    .table-style1 .table th, .table-style1 .table td {
        border-top: 0;
        border-left: 1px solid #d1d1d1;
        padding-left: 20px;
    }

        .table-style1 .table th:first-child, .table-style1 .table td:first-child {
            border: 0;
            padding-left: 5px;
        }

    .table-style1 .table tr:first-child td {
        padding-top: 20px;
    }

    .table-style1 .table tr:last-child td {
        padding-bottom: 20px;
    }

.primary-color-background {
    background-color: #d1d1d1;
    color: #ffffff;
}

    .primary-color-background .popover-content {
        color: #000;
    }
/* iPad Portrait */
@media screen and (max-width: 989px) {
    #MyProfileHeader .user-icon {
        width: 10%;
    }

    #MyProfileHeader .user-left-info {
        width: 50%;
    }

    #MyProfileHeader .user-right-info {
        width: 47%;
    }

    .user-left-info-inner {
        padding-left: 0;
    }

    .user-right-info .divider ul.list-inline li {
        width: auto;
        display: block;
    }

    .vehicle-name {
        font-size: 14px;
    }

        .vehicle-name .vehicle {
            font-weight: bolder;
            display: block;
        }
}

@media(min-width:768px) {
    #MyProfileHeader .divider {
        border-bottom: 1px solid #d1d1d1;
        margin-bottom: 5px;
    }

    .user-left-info {
        border-right: 1px solid #d1d1d1;
    }

    .user-right-info-inner {
        padding-left: 10px;
    }
}

@media(max-width:767px) {
    .user-right-info-inner {
        padding-left: 15px;
    }

    #MyProfileHeaderInner {
        width: 85%;
        padding: 15px 20px;
    }

    #MyProfileHeader .user-left-info .span3 {
        display: none;
    }

    #MyProfileHeader .user-left-info, #MyProfileHeader .user-right-info {
        width: 100%;
    }

    .user-right-info-inner {
        padding-left: 0;
    }

    #VehicleInformationDiv .vehicle-name {
        width: 40%;
        float: left;
    }

    #VehicleInformationDiv .vehicle-description {
        width: 59%;
        float: left;
    }
}

/* Added new CSS for New Resident Portal Design*/

/* Added for Resident Portal Payment Page */

#mastercard-banner {
    margin-bottom: 30px;
}

#payment-options img {
    margin-top: 20px;
}

#MakePayments .due-date {
    font-size: 0.9em;
    line-height: 0;
    margin-top: 12px;
}

#PP2MakePayments .sidebar-box, .sidebar-box.well {
    margin-bottom: 30px !important;
}

#PP2MakePayments .sidebar-box-header {
    padding-bottom: 5px;
}

#PP2MakePayments #MyAccountBalanceView hr {
    margin: 10px 0;
}

#rentcafe_residentportal #PP2MakePayments .row-fluid.well, #rentcafe_landlordportal #PP2MakePayments .row-fluid.well, #rentcafe_studentguarantorportal #PP2MakePayments .row-fluid.well {
    border: 0;
}

#rentcafe_residentportal #PP2MakePayments .well hr, #rentcafe_landlordportal #PP2MakePayments .well hr, #rentcafe_studentguarantorportal #PP2MakePayments .well hr {
    border-top: 1px solid #d1d1d1;
    border-bottom: 0;
}

#PP2MakePayments .payment-sidebar .box-content {
    padding-top: 15px;
}

#PP2MakePayments #MyAccountBalanceView .box-content {
    position: relative;
    overflow: hidden;
}

#PP2MakePayments #MyAccountBalanceView i.icon-usd {
    color: #D5D5D5;
    text-shadow: -1px -1px 0px #fff;
    float: right;
    font-size: 35px;
    right: 15px;
    bottom: 5px;
    position: absolute;
}

#PP2MakePayments .row-partition .row-spacing {
    padding: 10px 0 30px 0;
}

#PP2MakePayments .total-balance {
    font-size: 1.2em;
}

#OneTimePaymentReview .review .total-balance {
    font-size: 1.2em;
}

#PP2MakePayments .payment-sidebar .divider {
    margin-bottom: 15px;
    padding-bottom: 5px;
}

#PP2MakePayments .sidebar-box-title {
    font-size: 1.15em;
    line-height: 0;
}

#PP2MakePayments .divider.box-content {
    margin-bottom: 0;
}

#PP2MakePayments .total-amount {
    color: #fff;
    background-color: #d9574a;
    border-color: #bf4c41;
    margin-top: -1px;
}

    #PP2MakePayments .total-amount .total-balance {
        color: #fff;
    }

#PP2MakePayments #MyAccountBalanceView .total-amount i.icon-usd {
    color: #BA463E;
    text-shadow: none;
    position: static;
    margin-top: 3px;
    font-size: 45px;
}

#PP2MakePayments #MyAccountBalanceView:hover .total-amount i.icon-usd {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 50px;
    margin-top: 0;
    margin-right: 10px;
}

#payment-options .payment-type-icon img {
    border: 2px solid #DEDEDE;
    border-radius: 50% 50% 50% 50%;
    max-height: 50px;
    padding: 15px 13px;
}

#payment-options .row-spacing {
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
}

#payment-options .text-center i {
    display: block;
    margin-top: 15px;
    color: #666;
}

#payment-options .row-spacing, #payment-options .payment-type-icon img {
    transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
}

    #payment-options .row-spacing:hover {
        background-color: #f3f3f3;
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }

        #payment-options .row-spacing:hover .payment-type-icon img {
            background-color: #fff;
            border-color: #999;
        }

#pay-credit-card {
    padding: 10px 0px;
}

.answer {
    margin-bottom: 20px;
}

.confirmation h5 {
    display: inline;
}

#payment-account-detail {
    margin-right: 60px;
    float: left;
}

.total-amount-divider {
    border-top: 1px solid #ccc;
    padding-top: 10px;
}

#PP2MakePayments .section-top-border {
    height: 2px;
}

#confirmation-details .section-top-border {
    height: 2px;
}

#OneTimePaymentReview .review .section-top-border {
    height: 2px;
}

#rentcafe_residentportal #PP2MakePayments .well, #rentcafe_landlordportal #PP2MakePayments .well, #rentcafe_studentguarantorportal #PP2MakePayments .well {
    padding: 0;
    box-shadow: none;
    border: 1px solid #d1d1d1;
    margin-bottom: 20px;
}

#PP2MakePayments .divider {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 5px;
}

#paymentrecurringfixedandvariable table td, #paymentrecurringfixedandvariable table th {
    min-width: 70px;
}

/* iPad Portrait */
@media screen and (max-width: 959px) {

    .rightpanel {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .social-headerright {
        float: right;
        margin-top: 0px;
    }

    .box-content .icon-usd:before {
        display: none;
    }

    #payment-options .payment-type-icon img {
        border: 2px solid #DEDEDE;
        border-radius: 50%;
        max-height: 44px;
        padding: 8px 7px;
    }

    .due-date {
        margin: 12px 0px;
    }

    #SetupAuto-Pay {
        margin: 6px 0;
    }
}

@media (max-width:1199px) {
    .TextToPayFormLabel {
        width: 200px;
        display: inline-block;
    }
}
/* Added for Resident Portal Payment Page */

/* Added new CSS for MC Card Promotion */
#mastercard-banner {
    background: #ebebeb;
    border: 1px solid #d4d4d4;
}

.mc-logo {
    padding: 10px;
}

    .mc-logo p {
        padding-top: 10px;
        padding-top: 0px \9; /* IE 8 and below */
        font-family: 'Lato', Arial, sans-serif;
        font-size: 1.16em;
    }

    .mc-logo:before {
        content: url(../images/mc-logo.png);
        width: 75px;
        height: auto;
        float: left;
        padding-right: 20px;
    }

    .mc-logo:after {
        content: url("../images/gift-image.png");
        display: none \9; /* IE 8 and below */
        float: right;
        height: auto;
        margin-top: -49px;
        width: 85px;
    }

    .mc-logo .text-error {
        font-size: 1.4em;
    }

.mc-button {
    background: #dcdcdc;
    padding: 19px;
    text-align: center;
}

#confirmation-details .print-button {
    margin: 10px 0px;
}

/* iPad Landscape */
@media screen and (max-width: 1024px) {

    .mc-logo:after {
        display: none;
    }
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {

    .mc-logo:before {
        display: none;
    }
}


#divMI {
    margin-top: 40px;
    margin-bottom: 30px;
}

#divlblMI {
    width: auto;
    margin-right: 20px;
}

input#FltxtMoveInDate {
    width: 160px;
}


/* Added for Resident Portal contact popup on Mobile devices START */
@media screen and (max-width: 767px) {
    #ContactSlideContent .flyout_content, #ContactSlideContent {
        margin: 0 !important;
        width: 96%;
        padding: 2%;
        min-height: inherit;
        min-width: inherit;
        top: 0;
    }

        #ContactSlideContent .flyout_content {
            max-height: 100%;
            overflow: auto;
        }
}

@media screen and (min-width: 480px) and (max-width: 568px) {
    #ContactSlideContent .flyout_content {
        max-height: 282px;
    }
}

@media screen and (max-width: 320px) {
    #ContactSlideContent .flyout_content {
        max-height: 455px;
    }
}
/* Added for Resident Portal contact popup on Mobile devices END */


/* CSS ADJUSTMENTS FOR PRINT ONLY */
@media print {
    body {
        margin: 20mm auto;
    }

    #background-image, #banner, #background-slider, #image-slider, #navwrapper, #left-image, #right-image, #login-links, #apldiv, #rpdiv, #footer-links1, #footer-links2, #footer-links3, #apt-search, #facepile, #social-media, #workflowStepsWrap, #eBrochure #emailPrintButtons {
        display: none !important;
    }

    #ebrochure #ehlicon {
        background: transparent url("../images/equalhousing_ebrochure.png") left top no-repeat !important;
    }
}


/* Move-In Date css start */

.floorplans ul.breadcrumb {
    background-color: transparent;
    padding-left: 0;
    font-size: 0.95em;
}

#refineunitsearch.well {
    box-shadow: none;
    background-color: #FAFAFA;
}

#refineunitsearch .span4 {
    width: 26%;
}

#refineunitsearch .span8 {
    width: 71%;
    margin-left: 0;
}

#move-in-outer-container .well-small {
    padding: 0px;
}

#move-in-date {
    padding: 16px 18px;
    background-color: #f5f5f5;
    float: left;
    border-right: 1px solid #d5d5d5;
}

    #move-in-date i {
        margin-right: 5px;
    }


    #move-in-date h4 {
        float: left;
        display: flex;
        color: inherit;
        font-size: 1em;
        font-weight: normal;
        line-height: 1em;
        margin-top: 15px;
    }

#refineunitsearch .btn.dropdown-toggle {
    background-image: none;
    background-color: #ffffff;
    box-shadow: none;
    border-bottom-color: #cccccc;
}

#new-search-unit {
    float: left;
    margin-top: 15px;
}

    #new-search-unit ul li {
        padding-bottom: 5px;
    }

        #new-search-unit ul li input {
            width: 80px;
        }

#no-apts-found h5 {
    margin: 10px 0 0;
}

#other-floorplans #CustMsgDiv {
    margin: 0;
}

#other-floorplans h3 {
    margin-bottom: 0;
}

#links .e-brochure, #links .view-floor-plan, #links .divider {
    margin-top: 15px;
    /*float: right;*/
}

#links .divider {
    margin: 10px;
}

#WaitlistMsg p {
    margin: 5px;
}

#WaitlistMsg.well {
    box-shadow: none;
    background-color: #fafafa;
}

#WaitlistMsg label {
    float: left;
}

#WaitlistMsg div input {
    margin-left: 20px;
    padding: 1px 8px;
    font-size: 0.85em;
}

#topcontentholder.well {
    background-color: #fafafa;
    box-shadow: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
    #refineunitsearch .span4 {
        width: 33%;
    }

    #refineunitsearch .span8 {
        width: 67%;
        background: #f5f5f5;
    }

    #new-search-unit {
        margin: 0;
        border-left: 1px solid #d5d5d5;
        min-height: 82px;
    }

        #new-search-unit ul {
            padding: 10px 10px 0px 10px;
        }

    #refineunitsearch {
        background: #e7e7e7;
    }

    #move-in-date {
        border: 0px;
        float: none;
    }

        #move-in-date h4 {
            float: none;
            display: block;
            text-align: center;
        }

        #move-in-date .input-small.hasDatepicker {
            display: block;
            float: none;
            margin: 0 auto;
        }
}
/* iPad Landscape */
@media screen and (max-width: 1024px) {
    #move-in-date {
        padding: 6px 15px;
    }

    #new-search-unit ul.inline > li, ol.inline > li {
        margin-bottom: 10px;
    }
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {

    #refineunitsearch .span4 {
        width: 100%;
    }

    #refineunitsearch .span8 {
        width: 100%;
    }

    #move-in-date {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

        #move-in-date h4 {
            margin-right: 10px;
            margin-left: 15px;
        }

    #refineunitsearch .btn.dropdown-toggle, #refineunitsearch .btn.dtropdown-toggle {
        width: 100px;
    }
}

@media screen and (max-width: 414px) {

    #refineunitsearch ul.inline > li, ol.inline > li {
        width: 45%;
    }
}
/* Move-In Date css end */

/* RP public dashboard css start */

.sidebar-content {
    display: table-cell !important;
    width: 320px;
    padding-top: 50px;
}

.page-column-divider {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    width: 8px;
    background-color: #f4f4f4;
    display: table-cell !important;
}

.page-content-wrapper {
    padding: 20px 20px 0 20px;
    display: table-cell !important;
}

.border-list li {
    border-top: 1px solid #dadada;
    padding: 10px;
}

.comunity-specials-list li a, .resident-services-list li a {
    color: #656464;
}

    .comunity-specials-list li a:hover, .resident-services-list li a:hover {
        color: #3a3a3a;
    }

.comunity-specials-list i, .resident-services-list i {
    padding-right: 10px;
}

.sidebar-content #connect-utilies-banner, .sidebar-content #facebook-widget {
    text-align: center;
}

#welcome-paragraph h1 {
    padding: 10px 0 0;
}

/* Panel classes */

.panel {
    margin-bottom: 30px;
    background: #fff;
}

.panel-icon {
    margin-top: 30px;
    text-align: center;
}

    .panel-icon > i {
        background: #D9EDF7;
        border-radius: 90px 90px 0 0;
        height: 40px;
        width: 80px;
        margin: 0 auto;
        display: block;
        text-align: center;
        margin-top: -40px;
        color: #575A59;
        font-size: 26px;
        line-height: 50px;
    }

        .panel-icon > i:before {
            background: #fff;
            border-radius: 90px 90px 0 0;
            height: 36px;
            width: 72px;
            margin: 4px auto 0 auto;
            display: inline-block;
        }

    .panel-icon .panel-heading {
        padding-top: 10px;
        padding-bottom: 0;
    }

.tab-content.panel {
    padding: 12px;
}

.panel-simple {
    border: 1px solid #d5d5d5;
}

    .panel-simple .panel-heading {
        background: #E5E5E5;
    }

.panel-highlight {
    border-top: 9px solid #D9EDF7 !important;
}

.panel-heading, .tab-heading {
    padding: 5px 10px 5px 12px;
}

    .panel-heading:after, .tab-heading:after {
        content: "";
        display: table;
        clear: both;
    }

.panel-title {
    display: block;
    margin: 0;
}

.panel-body {
    padding: 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.panel-footer {
    background-color: #F5F5F5;
    border-top: 1px solid #DDDDDD;
    padding: 10px 15px;
}

.panel .panel-body .panel:last-child {
    margin-bottom: 0;
}

.panel-heading .panel-title i, .tab-heading .tab-title i {
    color: #575a59;
    margin-right: 7px;
}

.block .panel {
    margin-bottom: 0;
}

.tab-heading {
    margin-bottom: -40px;
}

.tab-title {
    margin-top: 0;
    margin-bottom: 0;
}

#resident-page-content .tab-content {
    clear: both;
}

    #resident-page-content .tab-content hr {
        margin: 12px 0;
    }

.panel-body .carousel {
    margin-bottom: 0;
    line-height: inherit;
}

.panel-body .carousel-control {
    background: none;
    border-radius: 0;
    border: none;
    opacity: 1;
    top: 50%;
    font-size: 30px;
}

    .panel-body .carousel-control.right {
        right: 0;
        text-align: right;
    }

    .panel-body .carousel-control.left {
        left: 0;
        text-align: left;
    }

.panel-body .carousel-inner {
    padding: 0 30px;
    width: auto;
}

.panel-body .carousel-control i {
    color: #575A59 !important;
}

.panel-body .carousel-control:hover i {
    color: #333 !important;
}

.panel-body .carousel-control:hover, .panel-body .carousel-control:focus {
    color: #222222;
}

.page-tabs .nav-tabs {
    padding-top: 10px;
}

.page-tabs .tab-heading ~ .nav-tabs {
    padding-top: 0;
}

.page-tabs .nav-tabs li {
    margin-left: 1px;
    border-top: 1px solid transparent;
}

.page-tabs .nav-tabs {
    border-bottom: none;
}

.page-tabs .nav {
    margin-bottom: 0;
}

.page-tabs .nav-tabs .active > a, .page-tabs .nav-tabs .active > a:hover, .page-tabs .nav-tabs .active > a:focus {
    border-color: #d5d5d5 #d5d5d5 transparent;
}

.page-tabs .nav-tabs a:hover {
    border-color: #e5e5e5;
    background-color: transparent;
}

.page-tabs .nav-tabs > li > a, .page-tabs .nav-pills > li > a {
    margin: 0;
    border-radius: 0;
    color: #757575;
}

.page-tabs .nav-tabs > li.active > a, .page-tabs .nav-tabs > li.active > a:hover, .page-tabs .nav-tabs > li.active > a:focus {
    border-top: 1px solid #383838;
    border-bottom: 0;
}

.page-tabs .nav-tabs > li > a {
    border-top: 1px solid transparent;
}

.nav-tabs .label-text {
    font-weight: 600;
}


/* Events css */

.calendar-date {
    border: 1px solid #c4d7e0;
    text-align: center;
}

    .calendar-date .month {
        background-color: #d9edf7;
    }

    .calendar-date p {
        margin: 0;
    }

/* Media css for Bulletin Board */

#bulletin-board .media-body {
    background-color: #f6f6f6;
    border: 1px solid #ededed;
    padding: 6px 12px;
}

    #bulletin-board .media-body:before {
        content: "\f0d9";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #ededed;
        font-size: 22px;
        position: absolute;
        margin-left: -20px;
        margin-top: 13px;
    }

#bulletin-board .media-list .media a {
    border: 1px solid #a3a3a3;
    border-radius: 50px;
    padding: 5px 10px;
    margin-top: 12px;
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
    .page-tabs .nav-tabs li {
        width: auto;
    }

    .calendar-date {
        margin-bottom: 10px;
    }

    .sidebar-content {
        display: none !important;
    }

    .page-column-divider {
        display: none !important;
    }

    .page-content-wrapper {
        padding: 20px 0;
    }
}


/* RP public dashboard css ends */

/*sub menu position */
#homepage .mainnav ul li ul, #innerpage .mainnav ul li ul {
    top: auto !important;
}

/*footer image adjustments*/

#footer-image {
    margin: 10px 0;
}

    #footer-image img {
        max-height: 50px;
        max-width: 250px;
        width: auto;
        height: auto;
    }

/* address block token styling */

.horizontal#address span[itemprop="name"]:after, .horizontal#address span[itemprop="address"]:after, .horizontal#address span[itemprop="telephone"]:after {
    content: "|";
    padding: 0 10px;
}

/* end address block token styling */

/* News and Updates starts */

@media screen and (min-width: 768px) {
    #blogContent {
        border-right: 1px solid #dfdfdf;
        padding-right: 20px;
    }
}

#newsMainColumn .pagination {
    margin: 6px 0 20px;
}

    #newsMainColumn .pagination ul {
        box-shadow: none;
    }

        #newsMainColumn .pagination ul > li > a {
            margin-left: 10px;
            border-width: 1px;
        }

        #newsMainColumn .pagination ul > li:first-child > a, #newsMainColumn .pagination ul > li:last-child > a {
            border: 0;
        }

            #newsMainColumn .pagination ul > li:first-child > a:hover, #newsMainColumn .pagination ul > li:last-child > a:hover, #newsMainColumn .pagination ul > li:first-child > a:focus, #newsMainColumn .pagination ul > li:last-child > a:focus {
                background-color: transparent;
            }

/* News and Updates ends */

/*****classes to style pop up/ Model*******/


.ui-dialog {
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

    .ui-dialog .ui-widget-header {
        background: #fff !important;
        border-radius: 0;
        border: 0;
        color: #333 !important;
        font-weight: normal;
        border-bottom: 1px solid #eee !important;
        padding-bottom: 8px;
        padding-top: 10px;
    }

    .ui-dialog .ui-widget-content {
        background: #fff;
    }

    .ui-dialog.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
        border-radius: 6px;
        border: 0;
        padding: 0;
    }

.ui-widget-overlay {
    opacity: .50;
    filter: Alpha(Opacity=50);
}

.ui-dialog .ui-dialog-title {
    font-size: 15px;
    margin-top: 0;
}

.ui-dialog .ui-dialog-titlebar-close {
    background: none !important;
    border: 0;
    margin-top: -12px;
    padding: 0;
}

    .ui-dialog .ui-dialog-titlebar-close .ui-button-text {
        display: none;
    }

    .ui-dialog .ui-dialog-titlebar-close span {
        background: none;
        text-indent: 50px;
        left: 0;
        top: 0;
        margin: 0;
        height: 21px;
        line-height: 21px;
    }

button.ui-dialog .ui-dialog-titlebar-close span {
    text-indent: 30px;
}

.ui-dialog .ui-dialog-titlebar-close span:before {
    content: "\f00d";
    font-family: fontAwesome;
    color: #595959;
    display: inline-block;
    padding-left: 3px;
    text-indent: -50px;
}

.ui-dialog .ui-dialog-titlebar-close.ui-state-hover span:before {
    color: #999;
}

.ui-dialog .ui-state-hover {
    background: none;
    border: 0;
    border-radius: 0;
}

/* classes to style popup/model ends*/


/* List Group START */
.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item:before, .list-group-item:after {
    content: "";
    display: table;
    line-height: 0;
}

.list-group-item:after {
    clear: both;
}

.list-group-item, .list-group.simple .list-group .list-group-item {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

    .list-group-item h5 {
        font-size: 14px;
        margin-top: 0;
        margin-bottom: 4px;
    }

.list-group-item-column {
    display: table;
}

    .list-group-item-column > span {
        display: table-cell;
        vertical-align: top;
        padding-left: 15px;
    }

        .list-group-item-column > span:first-child {
            padding-left: 0;
        }

.list-group.simple .list-group-item, .list-group.simple .list-group.simple .list-group-item {
    border-left: 0;
    border-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.list-group.small .list-group-item, .list-group.large .list-group.small .list-group-item {
    padding-top: 5px;
    padding-bottom: 5px;
}

.list-group.large .list-group-item, .list-group.small .list-group.large .list-group-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.list-group.hover .list-group-item:hover {
    background: #f5f5f5;
}

a.list-group-item {
    color: #555;
}

    a.list-group-item .list-group-item-heading {
        color: #333;
    }

    a.list-group-item:hover,
    a.list-group-item:focus {
        text-decoration: none;
        background-color: #f5f5f5;
    }

    a.list-group-item.active .list-group-item-heading,
    a.list-group-item.active:hover .list-group-item-heading,
    a.list-group-item.active:focus .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item.active .list-group-item-text,
    a.list-group-item.active:hover .list-group-item-text,
    a.list-group-item.active:focus .list-group-item-text {
        color: #e1edf7;
    }

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus, .list-group.hover .list-group-item.disabled:hover {
    color: #777;
    background-color: #eee;
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: #428bca;
    border-color: #428bca
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
        color: #e1edf7
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:hover, a.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:hover, a.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:hover, a.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger, .btn-link-danger {
    color: #a94442;
    background-color: #f2dede
}

    .btn-link-danger
    {
        padding: 5px;
        border-radius: 5px;
    }
    a.list-group-item-danger, a.btn-link-danger {
        color: #a94442
    }

    a.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:hover, a.list-group-item-danger:focus,
    a.btn-link-danger:hover, a.btn-link-danger:focus {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus,
    a.btn-link-danger.active, a.btn-link-danger.active:hover, a.btn-link-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.list-group-item > .badge {
    float: right;
}

    .list-group-item > .badge + .badge {
        margin-right: 5px;
    }

@media (max-width: 767px) {

    .list-group-item-column > span {
        padding-left: 0;
    }

    .list-group-item-column {
        width: 100%;
    }

    .list-group-actions {
        width: 100%;
        margin: 10px -15px -10px;
        padding: 5px 15px;
        text-align: left;
        background: #fcfcfc;
        border-top: 1px solid #ddd;
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .list-group.simple .list-group-item {
        border: 1px solid #ddd;
        padding: 10px 15px;
    }

    .list-group.list-group-responsive-block .list-group-item {
        margin-top: 5px;
    }
}

/* List Group END */


/* media query for the slider arrows*/
@media (max-width: 767px) {
    #homepage_slider .carousel-control {
        border: 1px solid #ffffff !important;
        border-radius: 0 !important;
        font-size: 23px;
        height: 25px;
        width: 25px;
        top: 55%;
    }

        #homepage_slider .carousel-control i {
            font-size: 25px;
            line-height: 25px !important;
        }

        #homepage_slider .carousel-control.right i {
            margin-right: 0;
        }

        #homepage_slider .carousel-control.left i {
            margin-left: 0;
        }
}


/* UI for Table Responsive START */
@media screen and (max-width: 800px) {
    .table-responsive {
        border: 0 !important;
    }

        .table-responsive tr {
            margin-bottom: 10px;
        }

        .table-responsive td {
            padding: 10px 5px 2px 5px !important;
            border-top: 1px solid #D6D6D6 !important;
        }

            .table-responsive td:first-child {
                border-top: 0 !important;
            }

    table.table-responsive td:before {
        position: relative !important;
        top: 0 !important;
        padding-right: 15px !important;
        width: auto !important;
        float: left !important;
    }

    table.table-responsive td:not(.nonResponsiveRow) {
        padding-top: 15px;
    }

    .table-responsive td input, .table-responsive td img {
        margin-top: -4px;
    }
}
/* UI for Table Responsive END */

.label-inline label {
    display: inline-block;
}

.marginLeft5 {
    margin-left: 5px !important;
}

.specials-icon:before {
    font-size: 20px;
}
span.splborder:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}
span.amenityborder:focus {
    outline: 5px auto -webkit-focus-ring-color !important;
}


/***** classes added for amenities details pop up on floorplan page****/

table.availableUnits td div[data-amenities] {
    display: inline-block;
    width: auto !important;
    padding-right: 5px;
}

table.availableUnits td div {
    text-align: left;
    text-decoration: underline;
    width: 30%
}

.unit-address {
    width: 100% !important;
    text-decoration: none !important;
    font-size: 0.8em;
    color: #888;
}

@media (min-width: 1025px) {
    table.availableUnits td div {
        width: 70%
    }
}

@media (max-width: 768px) {
    table.availableUnits td div {
        width: 10%;
        padding-left: 6px
    }
}

@media (max-width: 480px) {
    table.availableUnits td div {
        width: 15%;
    }
}
/* Amenities css */

/*#amenities-layout-1 #community-amenities, #amenities-layout-1 #apartment-amenities{
	border: 1px solid #c0c0c0;
	padding: 20px;
}

#amenities-layout-1 #community-amenities li, #amenities-layout-1 #apartment-amenities li{
	list-style: outside none none;
	border-bottom: 1px solid #c0c0c0;
	padding: 8px 0 8px 10px;
}

#amenities-layout-1 #community-amenities li:last-child, #amenities-layout-1 #apartment-amenities li:last-child{
	border-bottom: none;
}

#amenities-layout-1 #community-amenities ul, #amenities-layout-1 #apartment-amenities ul{
	margin: 0;
}

#amenities-layout-1 #amenities-toggle i.icon-camera, #amenities-layout-1 #amenities-toggle i.icon-info-sign {
	margin-left:8px;
}

#amenities-layout-1 #amenities-toggle .nav-tabs{
	border: 0;
	text-align: center;
}

#amenities-layout-1 #amenities-toggle .nav-tabs > .active > a, #amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:hover, #amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:focus{
	border:0;
}

#amenities-layout-1 #amenities-toggle .nav-tabs > li > a:hover, #amenities-layout-1 #amenities-toggle .nav-tabs > li > a:focus, #amenities-layout-1 #amenities-toggle .nav-tabs > li > a {
	border:0;
}

#amenities-layout-1 #amenities-toggle .divider{
	border-left: 1px solid #c0c0c0;
	margin: 8px;
}

#amenities-layout-1 #community-amenities li.active, #amenities-layout-1 #apartment-amenities li.active{
	background: #f5f5f5;
}

*/

/*@media screen and (min-width: 768px) {
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, #amenities-layout-1 #amenities-toggle .nav-pills > li{
		width: auto;
	}
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, #amenities-layout-1 #amenities-toggle .nav-pills > li , #amenities-layout-1 #amenities-toggle .nav > li > a{
		display: inline-block !important;
		float: none;
	}
	#amenities-layout-1 .nav-tabs li a {
		font-size: 18px;
	}
}*/

/*@media screen and (max-width: 767px) {
	#amenities-layout-1 #community-amenities li, #amenities-layout-1 #apartment-amenities li{
		padding: 8px 0 8px 0;
	}
	#amenities-layout-1 #community-amenities li.active, #amenities-layout-1 #apartment-amenities li.active{
		background: none;
	}
	#amenities-layout-1 #community-amenities li p, #amenities-layout-1 #apartment-amenities p, #amenities-layout-1 #community-amenities #slider, #amenities-layout-1 #apartment-amenities #slider{
		margin-top: 10px;
	}
	
	#amenities-layout-1 .carousel {
	margin-bottom: 0;
	}
	#amenities-layout-1 .carousel img {
		margin-bottom: 20px;
	}	
}

#amenities-layout-1 .nav-tabs .divider {
Padding: 10px 0;
}

#amenities-layout-1 .carousel-inner .meta {
bottom: 0;
position: absolute;
margin: 15px;
}

#amenities-layout-1 .carousel-inner .meta h3 {
background: rgba(22, 22, 22, 0.5);
padding: 5px 10px;
color: #fff;
}

#amenities-layout-1 #community-amenities .carousel-indicators li, #amenities-layout-1 #apartment-amenities .carousel-indicators li{
padding: 0;
}
*/

/* Amenities Layout3 css */


#amenities-layout-3 #amenities-image > img {
    border: 1px solid #8c8c8c;
}

/* Amenities no image css */
.no-img {
    border: 1px solid #dbdbdb
}
/* Amenities Layout2 css for camera icon */

#amenities-layout-2 #tabs li i {
    max-height: 17px;
    line-height: 11px;
}

#amenities-layout-2 h2, #amenities-layout-3 h2 {
    font-size: 1.6em;
}

/* Logo placement for terms and conditions, and privacy policy pages */
#rentcafe_legal #logowrapper.span3 {
    width: 100%;
    text-align: center;
}

    #rentcafe_legal #logowrapper.span3 #logoimg img {
        max-height: 120px;
    }

/* fix for property logo to not to overflow the span */
#logo-container img {
    max-width: 100%;
    height: auto;
}


/*Ratings and revies css changes*/

#PropertySiteRatings .reviewsContainer {
    padding: 15px 15px 15px 0px;
}

#PropertySiteRatings .writeReview-cta {
    padding: 15px 0px;
    border-bottom: 1px solid #d6d6d6;
}

#PropertySiteRatings .writeReview-cta-title {
    font-size: 20px;
    color: #666;
    font-weight: 600;
}

#PropertySiteRatings .small-txt {
    font-size: 12px;
    color: #666;
}

#PropertySiteRatings .reviewContainerRow {
    padding: 15px 0px;
    border-bottom: 1px solid #d6d6d6;
}

#PropertySiteRatings .ratingsBox {
    margin-bottom: 5px;
}

#PropertySiteRatings .ratingsNum {
    font-size: 30px;
    color: #254a71;
    font-weight: 600;
    font-family: Helvetica;
    margin: 16px 0px;
}

#PropertySiteRatings .overall-ratingsNum {
    font-size: 32px;
    color: #254a71;
    font-weight: 600;
    font-family: Helvetica;
    margin: 10px 0px;
}

#PropertySiteRatings .ratingsStars {
    font-size: 14px;
    width: 100%;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

#PropertySiteRatings .reviewContainerLeft {
    padding: 10px 45px 0px 0px;
}

    #PropertySiteRatings .reviewContainerLeft a {
        text-decoration: none;
    }

    #PropertySiteRatings .reviewContainerLeft .popover {
        font-size: 14px;
        min-width: 220px;
    }

#PropertySiteRatings .reviewDate, #PropertySiteRatings .readmore {
    font-size: 11px;
    color: #666;
    line-height: 14px;
}

#PropertySiteRatings .reviewer-name {
    font-size: 14px;
}

#PropertySiteRatings .verifiedResident, #PropertySiteRatings .pmresponse, #PropertySiteRatings .reviewer-name {
    font-size: 11px;
    line-height: 14px;
}

#PropertySiteRatings .overallRatingbox {
    padding: 10px 30px 20px;
}

#PropertySiteRatings .overallRatingTitle {
}

#PropertySiteRatings .overallRating {
}

#PropertySiteRatings .overallRatingStars {
    font-size: 20px;
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

#PropertySiteRatings .categoryRatingbox {
    border: 1px solid #d6d6d6;
    margin-top: -21px;
    padding: 0px 20px;
}

    #PropertySiteRatings .categoryRatingbox h4 {
        margin-bottom: 20px;
    }

#PropertySiteRatings .ratingCategory {
}

#PropertySiteRatings .CategoryRatingStars {
    position: relative;
    display: inline-block;
    white-space: nowrap;
}

#PropertySiteRatings .categoryRow {
    margin-bottom: 30px;
}

#PropertySiteRatings .poweredBylogo {
    margin-bottom: 15px;
}

.not-rated, a .not-rated, a .not-rated:hover {
    color: #c3c3c3;
}


.cat-rating {
    float: left;
}

.review-readmore.collapse {
    margin-top: -10px;
}

.reviewer-name {
    margin-top: 10px;
}



/* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
.cat-rating:not(:checked) > input {
    display: none;
    clip: rect(0,0,0,0);
}

.cat-rating:not(:checked) > label {
    float: right;
    width: 1em;
    padding: 0 .1em;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    line-height: 1.2;
    color: #c3c3c3;
}

.cat-rating legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    border: 0;
    border-bottom: 0px solid #e5e5e5;
}

.cat-rating:not(:checked) > label:before {
    content: '★ ';
}

.cat-rating > input:checked ~ label {
    color: #c09853;
}

.cat-rating:not(:checked) > label:hover,
.cat-rating:not(:checked) > label:hover ~ label {
    color: #D5AF70;
}

.cat-rating > input:checked + label:hover,
.cat-rating > input:checked + label:hover ~ label,
.cat-rating > input:checked ~ label:hover,
.cat-rating > input:checked ~ label:hover ~ label,
.cat-rating > label:hover ~ input:checked ~ label {
    color: #c09853;
}

.cat-rating > label:active {
    position: relative;
    top: 0px;
    left: 0px;
}

@media (max-width: 1199px) {
    #PropertySiteRatings .reviewContainerLeft {
        padding: 10px 30px 0px 0px;
    }

    #PropertySiteRatings .categoryRatingbox {
        padding: 0px 10px;
    }
}

@media (max-width: 979px) {
    #PropertySiteRatings .ratingCategory {
        width: 100%;
        display: block;
        float: left;
        text-align: left;
    }

    #PropertySiteRatings .reviewContainerLeft {
        padding: 10px 0px 0px 0px;
    }

    #PropertySiteRatings .overallRatingStars {
        font-size: 14px;
    }
}

.popover {
    max-width: 500px;
}

#ReviewsTable td {
    width: 50%;
}

#reviewModal.modal.fade.in {
    margin-top: 0;
    top: 10%;
}

#WriteReview ul li {
    margin: 0 50px 0 0;
}
/* end of ratings and revies css changes*/

/* Added for OLE summary links menus */

.notify-arrow {
    position: absolute;
    border-bottom: 6px solid #555555;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px;
    left: 30px;
}

#OLESummaryLinks .pull-right .notify-arrow {
    position: absolute;
    border-bottom: 6px solid #555555;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -6px;
    right: 30px;
    left: auto;
}

#rentcafe_onlineleasing #OLESummaryLinks .dropdown-menu {
    border-bottom: none;
    font-size: 13px;
    margin-top: 4px;
    text-align: left;
}

#OLESummaryLinks .dropdown-menu > li:last-child a {
    border-bottom: 2px solid #555555;
}

#OLESummaryLinks .dropdown-header.primary-color-background {
    padding: 10px 16px;
    background: #555555;
    margin-bottom: 0;
    font-size: 14px;
}

#OLESummaryLinks > ul {
    display: inline-block;
}

#OLESummaryLinks .badge {
    position: relative;
    top: -5px;
    padding: 2px 6px;
}

#OLESummaryLinks a {
    padding: 0 5px 0 15px;
}

#OLESummaryLinks > ul > li > a:last-child {
    border-right: 1px solid #AAAAAA;
}

#OLESummaryLinks .dropdown-menu .external a {
    background-color: #f5f5f5;
    color: #333333;
    text-align: center;
}

#OLESummaryLinks .dropdown-menu > li > a {
    font-weight: inherit;
    padding: 5px 15px 7px 15px;
}

    #OLESummaryLinks .dropdown-menu > li > a > i {
        padding-right: 5px;
    }

#OLESummaryLinks .dropdown-menu.messages .from {
    font-weight: 500;
}

#OLESummaryLinks .dropdown-menu.messages .time, #OLESummaryLinks .dropdown-menu .small {
    position: absolute;
    font-style: italic;
    right: 15px;
}

#OLESummaryLinks .user-links > ul > li {
    text-align: left;
    padding-right: 0;
}

#OLESummaryLinks ul > li:first-child a, #OLESummaryLinks ul > li.dropdown a {
    border-left: 0px;
}

#OLESummaryLinks .user-links ul > li.dropdown {
    padding-left: 20px;
}

    #OLESummaryLinks .user-links ul > li.dropdown ~ li.dropdown {
        padding-left: 5px;
    }

#OLESummaryLinks ul > li.dropdown > a {
    padding: 0 5px 0 5px;
}

#OLESummaryLinks .label-important, #OLESummaryLinks .badge-important {
    background-color: #ff6c62;
}

#rentcafe_onlineleasing .dropdown-menu.notification {
    border-top: 0;
}

/* iPhone Landscape */
@media screen and (max-width: 767px) {
    #OLESummaryLinks li.dropdown {
        position: inherit;
    }

        #OLESummaryLinks li.dropdown .dropdown-menu {
            width: 90%;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: auto
        }

            #OLESummaryLinks li.dropdown .dropdown-menu > li > a {
                white-space: normal;
            }

    #OLESummaryLinks a {
        border-left: none;
    }

    #OLESummaryLinks .user-links ul > li.dropdown {
        padding-left: 5px;
    }

    #OLESummaryLinks .user-links ul > li.dropdown {
        padding-left: 10px;
    }

    .notify-arrow {
        display: none;
    }

    .notification-time {
        text-align: left;
    }
}

/* Added for OLE summary links menus */

/* NOTIFICATIONS DETAILS MODAL START*/
.ui-dialog-scrollable-content {
    max-height: 450px;
    overflow: auto;
}

.unread-notification {
    background: #fdfaf0;
}

    .unread-notification .notification-text {
        font-weight: 600;
    }

.notifications-details > ul li.list-group-item {
    padding-left: 40px !important;
}

    .notifications-details > ul li.list-group-item:before {
        content: "\f0f3";
        font-family: fontAwesome;
        font-size: 10px;
        line-height: 17px;
        background: #b64a47;
        color: #fff;
        display: inline-block;
        width: 17px;
        height: 17px;
        text-align: center;
        border-radius: 3px;
        vertical-align: top;
        margin: 3px 0 0 -30px;
        float: left;
    }

.notification-text {
    min-height: inherit !important;
}

.notification-time {
    font-style: italic;
    text-align: right;
    padding-right: 10px;
    min-height: inherit !important;
    color: #808080;
}

@media screen and (max-width: 767px) {
    .notification-time {
        text-align: left;
    }
}
/* NOTIFICATIONS DETAILS MODAL END*/

/* FLOOR PLANS TAB LAYOUT */
#FloorPlanContainer h2.floor-plan-name {
    font-size: 1.6em;
    line-height: 1.3em;
}

#FloorPlanContainer .availability-count {
    font-size: 1.3em;
    margin: 15px 0 30px
}

@media (max-width: 979px) {
    #FloorPlanContainer h2.floor-plan-name {
        display: none;
    }
}
/* END OF FLOOR PLANS TAB LAYOUT */

/* FLOOR PLANS TABLE TO ACCORDIAN LAYOUT */
.FPimage {
    display: none
}

.visibility-xs {
    display: none
}

@media(max-width:768px) {
    .hide-xs {
        display: none
    }

    .visibility-xs {
        display: block
    }

    #accordionFPTable table.table-responsive td:before {
        width: 30% !important
    }

    #accordionFPTable .table-responsive tr {
        border: 0px solid #fff
    }

    #accordionFPTable .table-responsive.table-striped tbody > tr:nth-child(2n+1) > td, .table-responsive.table-striped tbody > tr:nth-child(2n+1) > th {
        background-color: transparent
    }

    #accordionFPTable .table-responsive td a {
        background-color: transparent;
        background-image: none;
        padding: 0px;
        text-align: left;
        border-style: none;
        box-shadow: 0px 0px 0px #ffffff;
        text-decoration: underline
    }

    #accordionFPTable .tcolumn.text-center {
        border: 0 none !important;
    }

    #accordionFPTable .collapsed:before {
        content: "\f067" !important;
        float: right;
        font-family: fontawesome;
    }

    #accordionFPTable .accordion-toggle:before {
        content: "\f068";
        float: right;
        font-family: fontawesome;
    }

    .FPimage {
        display: block !important;
        margin-top: 10px;
    }

        .FPimage img {
            width: 100%
        }

    #accordionFPTable.FPName {
        padding-left: 10px;
    }
}

@media(max-width:480px) {
    #accordionFPTable table.table-responsive td:before {
        width: 36% !important
    }
}

@media (max-width: 320px) {
    #accordionFPTable table.table-responsive td:before {
        width: 38% !important;
    }
}
/* END OF TABLE TO ACCORDIAN LAYOUT */

/* TO BE USED FOR ACCESSIBILITY */
.visually-hidden, .sr-only {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

#PropertySiteRatings .offCanvas-schema {
    position: absolute;
    left: -9999px;
}









/*********** Floor Plans Accordion Classes Starts**************/

#topcontentholder {
    margin: 0 0 30px;
    background-color: #f1eff0;
}

.move-in-date-section {
    background-color: #E7E7E7;
}

    .move-in-date-section > label {
        padding-left: 10px;
        text-transform: uppercase;
        font-size: 15px;
    }

#topcontentholder .move-in-date {
    display: block;
    border-right: 0;
    padding: 15px 8px;
}

.move-in-details-section {
    border-left: 1px solid #fff;
    padding: 15px 0;
}

#topcontentholder .label-heading {
    text-transform: uppercase;
}

#topcontentholder .min-rent, #topcontentholder .max-rent {
    float: left;
}

#topcontentholder .max-rent {
    margin-left: 20px;
}


#floor-plan-top-links li {
    border-left: 1px solid #817f73;
    display: inline;
    padding: 0 5px 0 10px;
    line-height: 15px;
}

    #floor-plan-top-links li:first-child {
        border-left: 0;
    }


#floor-plan-top-links ul li {
    display: inline-block;
}


.floorplan-headings {
    text-transform: uppercase;
    color: #a2a2a2;
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 5px;
    font-size: 12px;
}

#topcontentholder #icon-calendar {
    background: url(../images/calendar-icon.png) scroll 95% center no-repeat #fff;
    padding: 6px 30px 8px 5px;
}

#topcontentholder #FtxtUnitCode, #topcontentholder .move-in-date input {
    width: 100px;
}


#topcontentholder .move-in-date #datepicker {
    width: 147px;
    border-right: none;
}

#topcontentholder .move-in-date.input-append .add-on {
    background-color: #FFF !important;
}


.specials-holder .icon-tags:before {
    color: #526B6F;
    font-size: 17px;
    margin-right: 7px;
    transform: rotate(90deg);
}


.icon-building:before, .icon-file-alt:before {
    margin-right: 7px;
}

.specials-holder .alert-info {
    background-color: #fcfcfa !important;
    border: 1px solid #CBE4A8 !important;
    color: #4E6C6E !important;
    font-size: 13px;
}

.specials-holder ul {
    margin-bottom: 0px;
}

.specials {
    text-align: left;
}



    .specials ul li {
        line-height: 24px;
        text-align: left;
        padding-left: 30px;
    }



.specials-holder ul li {
    background: url(../images/fp-dollar_icon.png) scroll 0% center no-repeat #fcfcfa;
    text-align: left;
}


#FloorPlan1 .modal-body {
    max-height: 600px !important;
}


.availability-accordion .table th, .availability-accordion .table td {
    border-top: none;
    text-align: center;
    width: 5%;
    font-weight: normal;
    height: 0;
}

.dotted-divider {
    border-bottom: 1px dotted #cccccc;
}

.availability-accordion .accordion-heading a {
    color: #626262;
    font-family: 'Oswald',sans-serif;
    font-weight: 300;
    font-size: 18px;
    text-decoration: none;
}

    .availability-accordion .accordion-heading a:hover, a:focus {
        text-decoration: none !important;
    }


    .availability-accordion .accordion-heading a .floorplan-icon:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #626262;
        font-size: 15px;
        margin-right: 8px;
    }

.availability-accordion .accordion-heading.active a .floorplan-icon:before {
    content: "\f068";
    font-family: FontAwesome;
    color: #626262;
}

.available-fp {
    font-style: italic;
    color: #545454;
    font-size: 12px;
    line-height: 15px;
    margin-top: 5px;
    text-align: center;
    display: block;
}


.floorplan-img .fp-thumbnail {
    background: none;
    border-radius: 0;
    text-shadow: 0;
    border-width: 0px;
    box-shadow: 0;
    position: relative;
}

    .floorplan-img .fp-thumbnail img {
        border: 0px;
        max-width: 104px;
        max-height: 127px;
        margin: 0 auto;
        width: auto;
        height: auto;
    }

    .floorplan-img .fp-thumbnail:hover, .fp-thumbnail:focus, .fp-thumbnail:active, .fp-thumbnail.active, .fp-thumbnail.disabled, .fp-thumbnail[disabled] {
        background: none;
    }


.floorplan-img .floorplan-count {
    position: relative;
    z-index: 0;
    bottom: 17px;
    right: -43px;
    padding: 0 6px;
    background-color: #323232;
    color: #fff;
    font-size: 11px;
    text-shadow: none;
}


.floorplan-details .carousel-caption {
    background: none;
}

.floorplan-details .carousel-control {
    font-size: 30px;
    background: none;
    color: #000;
    border: 0px;
    width: auto;
    height: auto;
}


.floorplan-details {
    color: #545454;
}

.specials {
    text-align: left;
}



.specials-heading {
    text-align: left;
}



.availability-accordion .table tr {
    text-align: left !important;
}



.floorplan-details .carousel {
    text-align: center;
    padding: 0px 8px;
    margin-bottom: 0px;
}

.floorplan-details .carousel-control.right {
    right: 0;
}

.floorplan-details .carousel-control.left {
    left: 0px;
}

.floorplan-details .carousel-indicators li {
    background: none;
}


.availability-accordion .floorplan-desc {
    font-style: italic;
    color: #a2a2a2;
    text-align: left !important;
    font-size: 13px;
    line-height: 18px;
    padding: 0 0 0 38px;
}



.availability-accordion .ebrochure-link {
    text-align: left;
    margin: 10px 0;
    /*margin-top:20px;
	margin-bottom:10px;*/
}

    .availability-accordion .ebrochure-link a {
        text-align: left;
        font-size: 13px;
        font-style: normal;
        padding-top: 20px;
    }

.floorplan-desc p {
    text-align: left;
}

#floorplanlist .accordion .more {
    display: none;
}

.availability-accordion a.showLink, a.hideLink {
    text-decoration: none;
    background: transparent;
    font-size: 13px;
}

.availability-accordion a.hideLink {
    background: transparent;
    font-size: 13px !important;
}

.availability-accordion a.showLink:hover, a.hideLink:hover {
    font-size: 13px !important;
}



.filter-item .btn {
    background-image: none;
    background-color: #fff;
    border-radius: 0;
    border-color: none;
    border-width: 0px;
}

.search-by-beds .btn {
    border: 1px solid #ccc;
}


.filter-item .btn .caret {
    margin-left: 20px;
}

.filter-item .btn:hover, .filter-item .btn:focus, .filter-item .btn:active, .filter-item .btn.active, .filter-item .btn.disabled, .filter-item .btn[disabled] {
    background-color: #fff;
}

.search-by-apt .btn {
    background-image: none;
    background-color: #E7E7E7;
}

#topcontentholder label, input, button, select, textarea, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-size: 13px;
}

#topcontentholder .refine-search-area {
    float: left;
    padding: 0 20px;
}



#floorplanlist .accordion {
    margin-bottom: 0px;
}

#top-links .icon-file-text-alt:before {
    color: #808080 !important;
    font-size: 15px !important;
}

#top-links .iconm-location4::before {
    color: #808080 !important;
    font-size: 15px !important;
}


.floorplan-icons {
    padding: 0px;
    text-align: center;
}

    .floorplan-icons li {
        border-left: 1px solid #C9C9C9;
        display: inline-block;
        padding: 0 8px 0 15px;
        line-height: 15px;
        font-size: 25px;
    }

        .floorplan-icons li a {
            color: #999999;
            font-size: 25px;
        }


        .floorplan-icons li:first-child {
            border-left: 0 none;
        }

    .floorplan-icons ul li {
        text-align: center;
        margin-top: 10px;
    }


    .floorplan-icons .icon-file-text-alt:before {
        color: #999;
    }


@media (max-width: 1024px) {
    .dotted-divider {
        display: table-cell;
    }

    .availability-accordion .floorplan-desc {
        padding: 0 0 0 24px
    }
}



@media (min-width: 768px) and (max-width: 800px) {
    .availability-accordion .table th, .availability-accordion .table td {
        text-align: left;
        height: auto;
    }

    .floorplan-headings {
        border-bottom: none;
    }

    .responsive-border {
        display: none !important;
    }

    .dotted-divider {
        display: none !important;
    }


    .floorplan-img {
        background-color: #f6f4f5;
    }

        .floorplan-img img {
            background-color: #fff;
            border: 1px solid #cccccc !important;
            padding: 8px;
        }

        .floorplan-img .floorplan-count {
            right: -45px;
        }

    .blank-row-tablet-class {
        display: none !important;
    }
}


@media (min-width: 769px) and (max-width: 967px) {
    .availability-accordion .table th, .availability-accordion .table td {
        width: auto;
        text-align: center;
        height: 0;
    }
}

@media (min-width: 768px) and (max-width: 979px) {

    .availability-accordion .table th, .availability-accordion .table td {
        width: auto;
        height: auto;
        border-top: 0px;
    }

    .availability-accordion .table-responsive td a {
        box-shadow: 0 0 0 transparent;
        background-image: none;
        border-width: 0px;
        background-color: transparent;
        border-color: transparent;
        border-radius: 0 0 0 0;
        padding: 0px;
    }


    .available-fp {
        text-align: left;
        margin-left: 5px;
    }


    .floorplan-details .carousel-control.right {
        right: 0;
        left: auto;
    }


    .floorplan-details .carousel-control {
        top: 48%;
        left: -10px;
    }

    .floorplan-details .alert {
        margin-bottom: 0px;
    }

    #top-links {
        float: none;
        text-align: left;
    }


    .specials-holder ul li {
        background: url("../images/fp-dollar_icon.png") no-repeat scroll left 5px #fff;
    }
}



@media (max-width: 767px) {

    #top-links {
        float: none;
        text-align: left;
    }

        #top-links li {
            padding: 0 0 0 4px;
        }

    .floorplans .move-in-date {
        width: auto;
        padding: 0;
    }

    .move-in-details-section {
        border-left: 0px;
        padding: 0 15px;
    }

    .availability-accordion .table th, .availability-accordion .table td {
        width: auto;
        border-top: 1px solid #DDDDDD;
        text-align: left;
        height: auto;
    }


    .availability-accordion .table-responsive td a {
        box-shadow: 0 0 0 transparent;
    }


    .available-fp {
        text-align: left;
        margin-left: 5px;
    }

    .accordion-inner {
        padding: 0px !important;
    }

    .floorplan-headings {
        border-bottom: none;
    }


    .floorplan-details .carousel-control.left {
        left: 0;
    }

    .floorplan-details .carousel-control.right {
        right: 0;
    }


    #topcontentholder {
        margin: 0 0 15px;
    }


    .floorplan-details .alert {
        margin-bottom: 0px;
    }

    .floorplan-img .fp-thumbnail img td {
        text-align: center !important
    }

    .accordion-group {
        border: 0px !important;
    }

    .availability-accordion .table-responsive td a {
        box-shadow: 0 0 0 transparent;
        background-image: none;
        border-width: 0px;
        background-color: transparent;
        border-color: transparent;
        border-radius: 0 0 0 0;
        padding: 0px;
    }

    .availability-accordion .ebrochure-link .table-responsive td a {
        font-size: 13px;
    }


    .responsive-border {
        display: none !important;
    }


    .dotted-divider {
        display: none !important;
    }

    .floorplan-img {
        background-color: #f6f4f5;
    }

        .floorplan-img img {
            background-color: #fff;
            border: 1px solid #cccccc !important;
            padding: 8px;
        }

        .floorplan-img .floorplan-count {
            right: -45px;
        }


    .specials-holder ul li {
        background: url("../images/fp-dollar_icon.png") no-repeat scroll left 5px #fff;
    }
}

@media (max-width: 768px) {
    .accordion-heading .FPName {
        margin-left: 10px;
    }

    .accordion-heading input[type="radio"], .accordion-heading input[type="checkbox"] {
        margin-top: 0;
    }
}

/***After implementing this section in Bootstrap3  need to remove these classes**/

@media (min-width: 667px) and (max-width: 736px) {
    #move-in-outer-container #move-in-date {
        width: auto;
        padding-right: 20px;
    }

    #move-in-outer-container #new-search-unit {
        margin-top: -17px;
    }

        #move-in-outer-container #new-search-unit ul.inline > li, ol.inline > li {
            margin-bottom: 0px;
        }
}

/***After implementing this section in Bootstrap3  need to remove these classes**/


/*********** Floor Plans Accordion Classes Ends **************/
/*************Write A Review Classes******************/
.formHelper {
    font-size: 11px;
    color: #777;
    margin-bottom: -6px;
}
/*************Write A Review Classes Ends******************/


/**camera icon added for unit level floor plans***/
.apartment-picture {
    color: inherit;
    margin-left: 5px;
}

/*-------------- Tabs to Accordian classes-----------------------------------*/
.visibility-xs {
    display: none
}

#tabsaccordion .collapsed:before {
    content: "\f067" !important;
    float: right;
    font-family: fontawesome;
}

#tabsaccordion .accordion-toggle:before {
    content: "\f068";
    float: right;
    font-family: fontawesome;
}

#tabsaccordion .accordion-inner .table-bordered {
    display: none
}

@media(max-width:768px) {
    .hide-xs {
        display: none
    }

    .visibility-xs {
        display: block
    }

    #tabsaccordion .collapsed:before {
        content: "\f067" !important;
        float: right;
        font-family: fontawesome;
    }

    #tabsaccordion .accordion-toggle:before {
        content: "\f068";
        float: right;
        font-family: fontawesome;
    }
}

@media(max-width:480px) {
    #accordion table.table-responsive td:before {
        width: 36% !important
    }
}
/*-------------- Tabs to Accordian classes ends-----------------------------------*/
/********** Prospect Registration Classes Starts *************/

/* Reducing the font-size for Terms and Conditions */
#lease-execution-guide.modal .modal-body {
    font-size: 12px;
    line-height: 18px;
    font-family: 'Open Sans', Arial, sans-serif;
}

#lease-execution-guide.modal.fade.in {
    margin-top: 0;
    top: 10%;
}

#lease-execution-guide.modal {
    left: 10%;
    right: 10%;
    width: 80%;
    margin: 0 auto;
}

    #lease-execution-guide.modal .close {
        font-size: 25px;
    }

#lease-execution-guide .modal-body {
    font-family: 'open sans', Arial, sans-serif;
    font-size: 13px;
    max-height: 600px;
    overflow: auto !important;
}

    #lease-execution-guide .modal-body h3 {
        font-family: 'open sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #000000;
}

#lease-execution-guide #mainheader {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
}


/* Callout */

.callout {
    margin: 0 0 35px 0;
    padding: 15px;
    border-left: 3px solid #eee;
}

    .callout h5 {
        margin-top: 0;
        margin-bottom: 6px;
        font-weight: 600;
        font-family: inherit
    }

    .callout p:last-child {
        margin-bottom: 0;
    }

    .callout code {
        background-color: #fff;
        border-radius: 3px;
    }

.callout-default {
    background-color: #f5f5f5;
    border-color: #ddd;
}

    .callout-default h5 {
        color: #555;
    }

.callout-danger {
    background-color: #fdf7f7;
    border-color: #D65C4F;
}

    .callout-danger h5 {
        color: #D65C4F;
    }

.callout-warning {
    background-color: #fcf8f2;
    border-color: #E7804F;
}

    .callout-warning h5 {
        color: #E7804F;
    }

.callout-info {
    background-color: #f2f7f9;
    border-color: #1992C2;
}

    .callout-info h5 {
        color: #1992C2;
    }

.callout-success {
    background-color: #f4faf5;
    border-color: #239169;
}

    .callout-success h5 {
        color: #239169;
    }




@media (max-width:980px) {

    #lease-execution-guide.modal.fade.in {
        top: 5%;
    }
}


@media (max-width: 979px) {
    #lease-execution-guide.modal.fade.in {
        top: 1% !important;
    }

    #lease-execution-guide.modal {
        left: 1% !important;
        width: auto !important;
        right: 1%;
    }
}



/* iPhone level */


@media (max-width: 767px) {

    #lease-execution-guide .modal-header {
        padding: 5px 10px !important;
    }

        #lease-execution-guide .modal-header h4 {
            margin: 5px 0 !important;
        }

    #lease-execution-guide .modal-footer {
        padding: 8px 10px !important;
    }
}


@media (max-height:1920px) {
    #lease-execution-guide .modal-body {
        max-height: 800px !important;
    }
}

@media (max-height:1024px) {
    #lease-execution-guide .modal-body {
        max-height: 650px !important;
    }
}

@media (max-height:900px) {
    #lease-execution-guide .modal-body {
        max-height: 550px !important;
    }

    #lease-execution-guide.modal.fade.in {
        top: 5%;
    }
}

@media (max-height:800px) {
    #lease-execution-guide .modal-body {
        max-height: 480px !important;
    }
}

@media (max-height:736px) {
    #lease-execution-guide .modal-body {
        max-height: 485px !important;
    }
}

@media (max-height: 680px) {
    #lease-execution-guide .modal-body {
        max-height: 400px !important;
    }
}

@media (max-height:667px) {
    #lease-execution-guide .modal-body {
        max-height: 435px !important;
    }
}

@media (max-height:600px) {
    #lease-execution-guide .modal-body {
        max-height: 380px !important;
    }
}

@media (max-height:580px) {
    #lease-execution-guide .modal-body {
        max-height: 320px !important;
    }
}

@media (max-height:480px) {
    #lease-execution-guide .modal-body {
        max-height: 220px !important;
    }
}

@media (max-height:414px) {
    #lease-execution-guide .modal-body {
        max-height: 210px !important;
    }
}

@media (max-height:320px) {
    #lease-execution-guide .modal-body {
        max-height: 130px !important;
    }
}


/*********** Prospect Registration Classes Ends **************/

/*-----------Amenities Section Changes starts here-----------*/

/* Layout-1*/
/*#amenities-layout-1 #amenities-toggle .divider{
	margin:5px;
}
#amenities-layout-1 .nav{
	margin-bottom: 0;
}
#amenities-layout-1 .nav-tabs > li {
    margin-bottom: 0;
}
#amenities-layout-1 .nav-tabs .divider {
    padding: 0;
}
#amenities-layout-1 #amenities-toggle .nav-tabs {
    margin-bottom: 15px;
}
#amenities-layout-1 #amenities-toggle .nav-tabs > li, 
#amenities-layout-1 #amenities-toggle .nav-pills > li{
	position: relative;
}
#amenities-layout-1 #amenities-toggle .nav-tabs > .active > a:after{
    bottom: 0;
	content: '\f0d8'; 
    font-family: fontAwesome;
    font-size: 30px;
    left: 45%;
    position: absolute;
	line-height: 15px;
	margin-bottom: -17px;
}*/

/*Layout-2*/
#amenities-layout-2 #my-tab-content .no-img {
    border: 0;
}

#amenities-layout-2 #my-tab-content img {
    max-width: 96%;
    margin: 0 auto;
}

@media (max-width:768px) {
    #amenities-layout-2 .nav-tabs > li,
    #amenities-layout-2 .nav-pills > li {
        text-align: left;
    }

    a.icon-iframe {
        margin-top: 0px;
    }
}

/*Layout-3*/
#amenities-layout-3 .block-small img {
    max-width: 96%;
}


/*@media (max-width:320px){
	#amenities-layout-1 .nav-tabs > li > a, 
	#amenities-layout-1 .nav-pills > li > a{
		padding-left: 0;
		padding-right: 0;
	}
	#amenities-layout-1 #amenities-toggle .nav-tabs > li, 
	#amenities-layout-1 #amenities-toggle .nav-pills > li{
		min-height: 40px;
	}
}*/
/*-----------Amenities Section Changes ends here-------------*/


/**** ratings for survey*/
.ratingsNum {
    font-size: 30px;
    color: #254a71;
    font-weight: 600;
    font-family: Helvetica;
    margin: 16px 0px;
}


/* displaying the phone number on footer for all themes */
#address .phoneNumber {
    display: block !important;
}

#address.horizontal .phoneNumber {
    display: inline-block !important;
}

.carousel-thumbnails {
    height: 70px;
    overflow: hidden;
    position: relative;
}

    .carousel-thumbnails li {
        position: absolute;
    }

        .carousel-thumbnails li .thumbnail {
            border-radius: 0;
            padding: 0;
        }
/* photo gallery navigation styling */

#mediaDiv .carousel.slide, #gallery.carousel.slide { /*this class is added for align gallery horizontally center for older themes*/
    margin: 0 auto;
}

    #mediaDiv .carousel.slide .carousel-inner, #gallery.carousel.slide .carousel-inner {
        background: #F2F2F2; /*It should be default css background color for all the themes, I have added lighter grey color*/
        height: 100%;
    }

        #mediaDiv .carousel.slide .carousel-inner > .item, #gallery.carousel.slide .carousel-inner > .item {
            height: 100%;
        }

    #mediaDiv .carousel.slide .carousel-control, #gallery.carousel.slide .carousel-control {
        top: 0;
        margin: 0;
        height: 79%;
        /*width:90%;*/
        border: 0;
        border-radius: 0;
        filter: alpha(opacity=45);
        opacity: 0.45;
        background: transparent;
    }

        #mediaDiv .carousel.slide .carousel-control.left, #gallery.carousel.slide .carousel-control.left {
            left: 0;
        }

        #mediaDiv .carousel.slide .carousel-control.right, #gallery.carousel.slide .carousel-control.right {
            right: 0;
        }

        #mediaDiv .carousel.slide .carousel-control i, #gallery.carousel.slide .carousel-control i {
            position: absolute;
            margin: 0;
            top: 44%;
            font-size: 30px;
            display: block;
            text-shadow: 0 0 1px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3);
        }
    /*#mediaDiv .carousel.slide .carousel-control.left i, #gallery.carousel.slide .carousel-control.left i{
	text-indent:-25px;
}
#mediaDiv .carousel.slide .carousel-control.right i, #gallery.carousel.slide .carousel-control.right i{
	text-indent:25px;
}*/
    #mediaDiv .carousel.slide:hover .carousel-control, #gallery.carousel.slide:hover .carousel-control {
        filter: alpha(opacity=55);
        opacity: 0.55;
    }

        #mediaDiv .carousel.slide:hover .carousel-control:hover, #gallery.carousel.slide:hover .carousel-control:hover {
            filter: alpha(opacity=90);
            opacity: 0.9;
        }

    #mediaDiv .carousel.slide .carousel-indicators, #gallery.carousel.slide .carousel-indicators {
        right: 50px;
    }

#mediaDiv .carousel.slide, #gallery.carousel.slide {
    min-height: 100px;
}

#dialogContainer #gallery.carousel.slide {
    margin: 15px;
}

#gallery.carousel.slide .carousel-control {
    height: 100%;
}


/* end of photo gallery navigation styling */

/*===== FILTERABLE FLOOR PLANS STARTS =====*/

.filterable-floor-plans #floorplanlist .tab-content {
    overflow: inherit;
}

.owl-carousel {
    overflow: hidden;
}

    .owl-carousel .owl-item {
        float: left;
        width: 100%;
        min-height: inherit;
    }

.floorplan-item {
    margin-right: 10px;
}

ul#fp-filter {
    margin-bottom: 15px;
}

#fpItemWrap {
    display: block;
}

.fp-filter-box {
    margin: 20px 0;
    text-align: center;
    position: relative;
    width: 100%;
    margin: 10px 2% 10px 0 !important;
}

.fp-filter-inner-box {
    border: 1px solid #d3d3d3;
    height: auto;
    display: block;
    height: 270px;
    max-height: 270px;
    padding: 10px 10px 15px 10px;
}

.fp-details {
    height: 45px;
    overflow: hidden;
    margin: 8px -10px 0;
    background: #f5f5f5;
    padding: 2px 0 8px;
}

.fp-details-top {
    display: block;
    overflow: hidden;
    padding-bottom: 5px;
    height: 37px;
}

    .fp-details-top > span {
        display: inline-block;
        vertical-align: top;
    }

    .fp-details-top .fp-filter-title {
        text-align: left;
        width: 49%;
        font-size: 15px;
        font-weight: 600;
        color: #6C9401;
        float: left;
    }

        .fp-details-top .fp-filter-title > div {
            height: 23px;
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap;
        }

    .fp-details-top .fp-filter-detail {
        float: right;
        text-align: right;
        width: 50%;
        font-size: 13px;
        line-height: 17px;
        color: #999;
        margin-top: 3px;
        margin-bottom: 5px;
    }

.fp-filter-image {
    max-width: 95%;
    margin: 0 auto;
    height: 180px;
    position: relative;
}

    .fp-filter-image img {
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        width: auto !important;
        height: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.fp-available-text {
    text-align: center;
    font-size: 12px;
    color: #999999;
    text-transform: capitalize;
    min-height: 25px;
}

.availableNow {
    color: #749f01;
}

    .availableNow:before {
        color: #749f01;
        content: "\ed6f";
        font-family: Icomoon;
        font-size: 12px;
        padding: 0 5px 0 0;
    }

.fp-rent {
    color: #333;
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
}

.fp-available-text.active {
    text-align: center;
    color: #6abb5f;
    text-transform: capitalize;
}

    .fp-available-text.active a {
        color: #6abb5f;
    }

        .fp-available-text.active a:hover {
            color: #2c2922 !important;
            background: transparent !important;
        }

        .fp-available-text.active a:visited {
            color: #6abb5f;
        }

.filterable-floor-plans .nav.nav-pills > li {
    margin-right: 10px;
}

    .filterable-floor-plans .nav.nav-pills > li a {
        color: #999;
        border: 1px solid #e9e9e9;
        margin: 2px 0;
        padding: 0px 20px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
        border-radius: 1000px;
    }

    .filterable-floor-plans .nav.nav-pills > li.active a {
        background: #4a4a4a;
        color: #fff;
        font-weight: bold;
        border: 1px solid #272727;
    }

.fp-filter-box-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0);
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    color: #fff;
    transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    opacity: 0;
    filter: alpha(opacity=0);
    line-height: 22px;
    overflow: hidden;
}

.fp-filter-box:hover .fp-filter-box-overlay, .fp-filter-box .fp-filter-box-overlay.active {
    background: rgba(0,0,0,0.7);
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    filter: alpha(opacity=100);
}

.fp-filter-box-overlay-inner > span {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
}

    .fp-filter-box-overlay-inner > span.fp-filter-title {
        font-size: 20px;
        line-height: 26px;
        font-weight: 600;
        padding: 0 20px 5px;
        word-wrap: break-word;
        max-height: 52px;
        overflow: hidden;
    }

        .fp-filter-box-overlay-inner > span.fp-filter-title:before {
            content: "";
            float: left;
            width: 5px;
            height: 30px;
        }

        .fp-filter-box-overlay-inner > span.fp-filter-title > *:first-child {
            float: right;
            width: 100%;
            margin-left: -5px;
        }

        .fp-filter-box-overlay-inner > span.fp-filter-title:after {
            content: "\02026";
            box-sizing: content-box;
            -webkit-box-sizing: content-box;
            -moz-box-sizing: content-box;
            float: right;
            position: relative;
            top: -38px;
            left: 100%;
            width: 10px;
            margin-right: -10px;
            padding-right: 5px;
            text-align: right;
            font-size: 15px;
        }

.fp-filter-box-overlay a {
    color: #fff;
    text-decoration: none;
}

.fp-filter-box-overlay-inner > span.fp-filter-info {
    font-size: 40px;
    text-decoration: none;
    padding: 5px 0 25px 0;
    color: #fff;
}

    .fp-filter-box-overlay-inner > span.fp-filter-info a:hover {
        color: #3db3cd;
    }

.fp-filter-box-overlay-inner {
    top: 50%;
    -webkit-transform: translateY(-55%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: relative;
    height: auto;
}

.fp-filter-box .fp-filter-box-overlay-inner > span:not(:first-child) {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.fp-filter-box:hover .fp-filter-box-overlay-inner > span {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    filter: alpha(opacity=100);
    display: block;
}

    .fp-filter-box:hover .fp-filter-box-overlay-inner > span:first-child {
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s;
    }

    .fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(1) {
        -webkit-transition-delay: 0.02s;
        transition-delay: 0.02s;
    }

    .fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(2) {
        -webkit-transition-delay: 0.25s;
        transition-delay: 0.25s;
    }

    .fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(3) {
        -webkit-transition-delay: 0.35s;
        transition-delay: 0.35s;
    }

    .fp-filter-box:hover .fp-filter-box-overlay-inner > span:nth-child(4) {
        -webkit-transition-delay: 0.45s;
        transition-delay: 0.45s;
    }

.fp-filter-controller.collapsed {
    overflow: hidden;
}

.fp-filter-inner-controller {
    position: relative;
    overflow: hidden;
    height: 320px;
}

.fp-filter-more a {
    margin: 15px 0 0 0;
    display: inline-block;
    text-decoration: none;
    color: #07a8c4;
}

.fp-slide-left, .fp-slide-right {
    display: none;
}

.owl-controls {
    padding-top: 10px;
}

.owl-prev, .owl-next, .owl-page {
    display: block;
    padding: 5px;
}

.owl-pagination {
    width: auto;
    max-width: 100%;
    vertical-align: middle;
    white-space: normal;
}

.owl-prev, .owl-next {
    background: #d6d6d6;
    color: #fff;
    font-size: 32px;
    line-height: 45px;
    width: 20px;
    height: 50px;
    cursor: pointer;
}

    .owl-prev:hover, .owl-next:hover {
        background: #bbb;
    }

.owl-page {
    width: 1px;
    height: 1px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: inline-block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

    .owl-page.active {
        background: #3db5ce;
    }

.owl-wrapper {
    position: relative;
}

@media (min-width: 768px) {
    .fp-filter-inner-controller .owl-controls, .fp-filter-inner-controller .owl-nav, .fp-filter-inner-controller .owl-prev, .fp-filter-inner-controller .owl-next, .fp-filter-inner-controller .owl-pagination {
        display: none !important;
    }

    .fp-filter-inner-controller .owl-wrapper {
        max-width: 100%;
        width: 100%;
        transform: none !important;
        -webkit-transform: none !important;
        left: 0 !important;
    }

    .fp-filter-inner-controller .owl-carousel .owl-item {
        max-width: 255px;
    }

    .fp-filter-inner-controller .owl-carousel .owl-item .item {
        margin-right: 10px;
    }

    .fp-filter-inner-controller .owl-carousel .owl-item:last-child .item {
        margin-right: 0;
    }

    .fp-filter-inner-controller .owl-carousel .owl-grab {
        cursor: default;
    }
}

@media (min-width: 1580px) {
    .owl-item .item {
        margin-right: 15px !important;
    }

    .owl-item:last-child .item {
        margin-right: 0 !important;
    }

    .owl-carousel .owl-item {
        max-width: 235px;
    }
}

@media (min-width: 1900px) {
    .owl-item .item {
        margin-right: 20px !important;
    }

    .owl-item:last-child .item {
        margin-right: 0 !important;
    }

    .owl-carousel .owl-item {
        max-width: 265px;
    }
}

@media (max-width: 1199px) {
    .fp-filter-box {
        max-width: 234px;
        display: inline-block !important;
        float: none !important;
    }

    .fp-filter-controller {
        clear: both;
        white-space: nowrap;
        width: auto;
    }

    .fp-slide-left, .fp-slide-right {
        display: block;
    }

    .fp-filter-controller.collapsed {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .owl-carousel {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .filterable-floor-plans .fp-filter-box {
        display: inline-block;
        float: none;
        margin: 10px 1% 10px 1% !important;
    }

    .filterable-floor-plans .fp-filter-controller {
        text-align: center;
    }

    .filterable-floor-plans .nav.nav-pills > li {
        margin: 2px 5px;
        width: 31.69%;
    }
}

@media (max-width: 767px) {
    .fp-filter-controller {
        height: auto !important;
    }

    .owl-prev, .owl-next {
        display: inline-block !important;
        position: absolute;
        top: 0;
    }

    .fp-filter-more {
        display: none;
    }

    .filterable-floor-plans .fp-filter-controller {
        text-align: center;
    }

    .owl-carousel {
        width: 88%;
        margin: 0 auto;
        position: initial;
    }

        .owl-carousel.owl-loaded {
            display: inline-block;
        }

    .owl-prev, .owl-next {
        top: 35%;
        z-index: 1;
    }

    .owl-prev {
        left: 0px;
    }

    .owl-next {
        right: 0px;
    }

    .fp-filter-inner-controller {
        height: auto !important;
    }
}

@media (max-width: 639px) {
    .filterable-floor-plans .nav.nav-pills > li {
        margin: 2px 5px;
        width: auto;
    }

        .filterable-floor-plans .nav.nav-pills > li a {
            font-weight: bold;
        }

    .owl-item > .owl-item {
        max-width: 99.4%;
    }
}

@media (max-width: 320px) {
    .fp-filter-box {
        max-width: 90%;
    }
}

/*===== FILTERABLE FLOOR PLANS ENDS =====*/

/***added a default cursor for the info icon on amenities layouts******/
.amenities-tip:hover {
    cursor: default;
}

#rentcafe_onlineleasing footer.sticky-footer, #rentcafe_landlordportal footer.sticky-footer  {
    position: fixed;
    z-index: 50;
    width: 100%;
    bottom: 0;
    left: 0;
}

@media screen and (min-width:769px) {
    #rentcafe_residentportal footer.sticky-footer, #rentcafe_studentguarantorportal footer.sticky-footer {
        position: fixed;
        z-index: 50;
        width: 100%;
        bottom: 0;
        left: 0;
    }
}

.full-height-wrapper {
    background: #fff;
    height: 2000px;
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: auto;
    z-index: -2;
}

body#rentcafe_residentportal.olemenubody footer.sticky-footer, body#rentcafe_onlineleasing.olemenubody footer.sticky-footer, body#rentcafe_landlordportal.olemenubody footer.sticky-footer, body#rentcafe_studentguarantorportal.olemenubody footer.sticky-footer {
    left: 30px;
}

body.olemenubody .full-height-wrapper {
    left: 60px;
}

@media (max-width:768px) {
    body#rentcafe_residentportal.olemenubody footer.sticky-footer, body#rentcafe_onlineleasing.olemenubody footer.sticky-footer, body#rentcafe_landlordportal.olemenubody footer.sticky-footer, body#rentcafe_studentguarantorportal.olemenubody footer.sticky-footer {
        left: 0;
    }

    body.olemenubody .full-height-wrapper {
        left: 0;
    }
}




/*-------------------Starts Contact Us abd OLE registration form css---------------------------------*/


/* FORM */
.well.ole_fancy_form_panel {
    border: none;
    box-shadow: none;
}

.ole_fancy_form_panel h1:after {
    content: none;
}

.ole_fancy_form_header h1 {
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 25px;
}

.ole_fancy_form_panel h2 {
    text-transform: none;
}

.ole_fancy_form_header p {
    font-size: 13px;
    text-align: justify;
}

.ole_fancy_form_panel p.divider {
    padding-bottom: 25px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 25px;
}

.ole_fancy_form p.agreement {
    font-size: 12px;
    margin: 15px 0 0;
    padding: 0 25px;
    line-height: 16px;
}

.ole_fancy_form input[type="text"],
.ole_fancy_form input[type="password"],
.ole_fancy_form input[type="date"],
.ole_fancy_form textarea,
.ole_fancy_form button {
    border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    -webkit-border-radius: 0px 0px 0px 0px;
}

.ole_fancy_form input[type="text"],
.ole_fancy_form input[type="password"],
.ole_fancy_form input[type="date"],
.ole_fancy_form textarea {
    width: 100%;
    box-sizing: border-box; /* prevents overflow into parent's padding because of 100% */
    min-height: 38px; /* forces height because of box-sizing */
    margin: 11px 0;
}

.ole_fancy_form .form-inline {
    width: 48%;
    vertical-align: top;
    display: inline-block;
}

#contact-inline label {
    display: block !important;
}

.ole_fancy_form .form-inline input[type="text"] {
    margin-bottom: 10px;
}

.ole_fancy_form .form-inline:first-child {
    margin-right: 4%;
}

.ole_fancy_form textarea {
    resize: none;
    height: 120px;
}

.ole_fancy_form input[type="text"]:first-child,
.ole_fancy_form input[type="password"]:first-child {
    margin-top: 0;
}

.ole_fancy_form .btn.btn-fancy {
    padding: 1em;
    width: 100%;
    position: relative;
    margin: 0 auto;
    text-transform: uppercase;
    text-shadow: none;
    font-size: 22px;
    line-height: 28px;
}

    .ole_fancy_form .btn.btn-fancy:before {
        background: none;
        border: 6px solid #fff;
        content: "";
        display: block;
        position: absolute;
        top: 1px;
        left: 1px;
        right: 1px;
        bottom: 1px;
    }

.ole_fancy_form .help-inline {
    display: block;
    margin: -8px 0 10px 0;
    padding: 0;
}

input[type="text"].offcanvas_field,
textarea.offcanvas_field {
    width: 0px !important;
    height: 0px !important;
    border: none;
    min-height: 0px;
    padding: 0;
    position: absolute;
    left: -9999px;
}

.container-fluid-bs3-nopad {
    padding: 0; /* use when nesting in #ctmcontentcontainer to remove double padding */
}

/*      Small change for OLE Facebook windows 10 edge browser       */
@supports (-ms-accelerator:true) {
    #workflowStepsWrap .ole-menu-wrapper {
        position: Absolute;
        min-height: 1200px;
    }

    #workflowStepsWrap .ole-scroller {
        position: fixed;
    }
}

/*-------------------Ends Contact Us abd OLE registration form css---------------------------------*/

/*-------------------Starts registration css-------------------------------------------------------*/

/* GLOBAL & TYPOGRAPHY */
span.heavy {
    font-weight: 400;
}

h2.normal {
    font-weight: normal;
}

/* HEADER / TOP SECTION */
#logo {
    padding-top: 10px;
    max-height: 80px;
}

@media (min-width: 768px) {
    #logo {
        max-height: 60px;
        padding-bottom: 10px;
    }
}

/* INFO PANEL */
#info_panel section {
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

    #info_panel section:last-child {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        border: none;
    }

#info_panel h2 {
    color: #555;
    text-transform: none;
}
/* TESTIMONIAL */
#ole_testimonial {
    padding-left: 40px;
}

    #ole_testimonial:before {
        content: '\eb18';
        font-family: 'icomoon';
        color: #d3d3d3;
        font-size: 28px;
        margin-left: -40px;
        padding-right: 10px;
    }

span.attribution {
    margin-top: 8px;
    display: block;
    font-style: italic;
    font-size: 0.9em;
    color: #727272;
}

    span.attribution::before {
        content: '- ';
    }

/* VALUE LIST */
#value_list {
    list-style: none;
    margin: 0;
}

    #value_list li {
        line-height: 40px;
        font-size: 1.15em;
    }

        #value_list li:before {
            content: '\ed6e';
            font-family: 'icomoon';
            padding-right: 10px;
            color: #91b55e;
            font-size: 1.25em;
            vertical-align: -4px;
        }


/* HAS AN ACCOUNT MESSAGE */
#ole_has_account .popover {
    color: #555;
    font-size: 13px;
    line-height: 20px;
}

#ole_has_account .alert-headline {
    font-weight: 600;
}

#ole_has_account.alert-success .alert-headline:before {
    margin-left: -25px;
    content: '\ed6c';
    font-family: 'icomoon';
    padding-right: 10px;
    vertical-align: -1px;
}

#ole_has_account.alert-warning .alert-headline:before {
    margin-left: -25px;
    content: '\ed4d';
    font-family: 'icomoon';
    padding-right: 10px;
    vertical-align: -1px;
}

#ole_has_account > p {
    margin: 5px 0 5px 25px;
}

#ole_about_rentcafe {
    cursor: pointer;
}

/* PR - VPAT COLOR CONTRAST ISSUE */

#reg_login {
    color: #595959;
    font-size: 12px;
}

#rentcafe_onlineleasing.v2 #optimised-registration {
    padding-top: 50px;
}


/* FOOTER */
#ehlicon {
    display: inline-block;
    margin-right: 5px;
}

ul.footer_links {
    list-style: none;
    font-size: 12px;
    margin: 20px 0 0 0;
    color: #bababa;
}

    ul.footer_links a {
        color: #bababa;
    }

        ul.footer_links a:hover {
            color: #fff;
        }

@media (min-width: 992px) {

    ul.footer_links li {
        display: inline-block;
        padding-right: 10px;
    }

        ul.footer_links li:before {
            content: '|';
            padding-right: 10px;
        }

        ul.footer_links li:first-child:before {
            content: '';
        }
}
/*-------------------Ends registration css-------------------------------------------------------*/
/*-------------------Starts Responsive Typography css--------------------------------------------*/
/* RESPONSIVE TEXT ALIGNMENT CLASSES */

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-justify {
    text-align: justify;
}

@media (max-width:767px) {
    .text-xs-only-left {
        text-align: left;
    }

    .text-xs-only-right {
        text-align: right;
    }

    .text-xs-only-center {
        text-align: center;
    }

    .text-xs-only-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) and (max-width:1199px) {
    .text-md-only-left {
        text-align: left;
    }

    .text-md-only-right {
        text-align: right;
    }

    .text-md-only-center {
        text-align: center;
    }

    .text-md-only-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-lg-only-left {
        text-align: left;
    }

    .text-lg-only-right {
        text-align: right;
    }

    .text-lg-only-center {
        text-align: center;
    }

    .text-lg-only-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }
}
/*-------------------Ends Responsive Typography css---------------------------------------------------*/
/*-------------------Starts Contact Us  css-------------------------------------------------*/
/* GLOBAL & TYPOGRAPHY */
span.heavy {
    font-weight: 400;
}

/* INFO PANEL */
/*#info_panel{
    margin-top:50px;
}*/
#info_panel section {
    padding-bottom: 30px;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
}

    #info_panel section:last-child {
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
        border: none;
    }

#ole_phone_number {
    margin-left: 52px;
    line-height: 10px;
    font-size: 22px;
}

    #ole_phone_number:before {
        margin-left: -38px;
        content: '\ea1d';
        font-family: 'icomoon';
        padding-right: 10px;
        color: #9ca7ad;
        font-size: 1.18em;
        vertical-align: -5px;
    }

#info_panel #ole_office_status_ct {
    margin-bottom: 25px;
}

#info_panel #ole_office_hours_status {
    font-weight: 600;
    font-size: 1.1em;
    margin-left: 50px;
}

p#ole_office_title {
    margin: 0px 0 6px 50px;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 28px;
}

#ole_office_hours.dl-horizontal {
    margin: 0 0 0 50px;
}

    #ole_office_hours.dl-horizontal dt {
        width: 95px;
        text-align: left;
        font-weight: normal;
        float: left;
    }

    #ole_office_hours.dl-horizontal dd {
        margin-left: 105px;
    }

#ole_office_hours dt.ole_hours_today,
#ole_office_hours dd.ole_hours_today {
    font-weight: bold;
}

#ole_office_address {
    margin-left: 50px;
    line-height: 10px;
}

    #ole_office_address:before {
        margin-left: -38px;
        content: '\ea38';
        font-family: 'icomoon';
        padding-right: 10px;
        color: #9ca7ad;
        font-size: 2em;
        vertical-align: -15px;
    }
/* this class is added to make the place holders visible into ie*/
.hasPlaceholder {
    color: #777;
}
/*-------------------Ends Contact Us  css-------------------------------------------------*/
/********** Private Policy Popup Classes Starts *************/

/* Reducing the font-size for Terms and Conditions */
#privacypolicy.modal .modal-body {
    font-size: 12px;
    line-height: 18px;
    font-family: 'Open Sans', Arial, sans-serif;
}

#privacypolicy.modal.fade.in {
    margin-top: 0;
    top: 10%;
}

#privacypolicy.modal {
    left: 10%;
    right: 10%;
    width: 80%;
    margin: 0 auto;
}

    #privacypolicy.modal .close {
        font-size: 25px;
    }

#privacypolicy .modal-body {
    font-family: 'open sans', Arial, sans-serif;
    font-size: 13px;
    max-height: 600px;
    overflow: auto !important;
}

    #privacypolicy .modal-body h3 {
        font-family: 'open sans', Arial, sans-serif;
        font-size: 15px;
        font-weight: 600;
    }

.modal-backdrop, .modal-backdrop.fade.in {
    background-color: #000000;
}

#privacypolicy #mainheader {
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #eeeeee;
}


@media (max-width:980px) {

    #privacypolicy.modal.fade.in {
        top: 5%;
    }
}


@media (max-width: 979px) {
    #privacypolicy.modal.fade.in {
        top: 1% !important;
    }

    #privacypolicy.modal {
        left: 1% !important;
        width: auto !important;
        right: 1%;
    }
}



/* iPhone level */


@media (max-width: 767px) {

    #privacypolicy .modal-header {
        padding: 5px 10px !important;
    }

        #privacypolicy .modal-header h4 {
            margin: 5px 0 !important;
        }

    #privacypolicy .modal-footer {
        padding: 8px 10px !important;
    }
}


@media (max-height:1920px) {
    #privacypolicy .modal-body {
        max-height: 800px !important;
    }
}

@media (max-height:1024px) {
    #privacypolicy .modal-body {
        max-height: 650px !important;
    }
}

@media (max-height:900px) {
    #privacypolicy .modal-body {
        max-height: 550px !important;
    }

    #privacypolicy.modal.fade.in {
        top: 5%;
    }
}

@media (max-height:800px) {
    #privacypolicy .modal-body {
        max-height: 480px !important;
    }
}

@media (max-height:736px) {
    #privacypolicy .modal-body {
        max-height: 485px !important;
    }
}

@media (max-height: 680px) {
    #privacypolicy .modal-body {
        max-height: 400px !important;
    }
}

@media (max-height:667px) {
    #privacypolicy .modal-body {
        max-height: 435px !important;
    }
}

@media (max-height:600px) {
    #privacypolicy .modal-body {
        max-height: 380px !important;
    }
}

@media (max-height:580px) {
    #privacypolicy .modal-body {
        max-height: 320px !important;
    }
}

@media (max-height:480px) {
    #privacypolicy .modal-body {
        max-height: 220px !important;
    }
}

@media (max-height:414px) {
    #privacypolicy .modal-body {
        max-height: 210px !important;
    }
}

@media (max-height:320px) {
    #privacypolicy .modal-body {
        max-height: 130px !important;
    }
}

a.icon-iframe {
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-top: 8px;
}

#iframe_container {
    display: inline-block;
}
/*===== RENTCAFE THEME OLE CSS FIXES ENDS =====*/


/*********** Private Policy Popup Classes Ends **************/

form label.error {
    margin-top: -10px !important;
    float: none;
    background-image: none;
    color: Red;
}

form p.error {
    color: #bf2130;
    float: none;
    background-image: none;
}

form input.error,
form select.error,
form textarea.error {
    border: 1px solid #b94a48;
}


/*-------------------------------------- Ebrochure Additional css-----------------------------------------*/
#ebrochure .ebrochure-logo img {
    text-align: center;
    display: block;
    height: auto;
    max-height: 200px;
    max-width: 200px;
    padding: 5px 0;
    width: auto;
    margin: 0 auto;
}

#ebrochure .property-name {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-align: center;
}


/* Removes the default 20px margin and creates some padding space for the indicators and controls */
#ebrochure .carousel {
    margin-bottom: 0;
    padding: 0 40px 30px 40px;
}



/* Reposition the controls slightly */
#ebrochure .left.carousel-control {
    left: -12px;
}

#ebrochure .right.carousel-control {
    right: -12px;
}



#ebrochure .divider {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}



/********** Changes the position of the indicators *******************/

#ebrochure .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
    display: none;
}

    #ebrochure .carousel-indicators li {
        background: #c0c0c0;
    }

    #ebrochure .carousel-indicators .active {
        background: #333333;
    }

#ebrochure .carousel-img-border {
    border: 1px solid #ddd;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
    display: block;
    line-height: 22px;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

#ebrochure .carousel-inner img {
    max-height: 250px;
}
/********** Changes the position of the indicators *******************/


/***************** Floorplans Section ********************************/

#ebrochure .ebrochure-floorplans .fp-filter-inner-controller {
    height: auto !important;
}


#ebrochure .fp-details-top .fp-filter-title {
    color: #464646;
}

#ebrochure .ebrochure-floorplans {
    padding-top: 31px;
}

#ebrochure .owl-carousel .owl-item {
    max-width: 350px;
}

#ebrochure .ebrochure-single-floorplan-holder .fp-details-top {
    display: none;
}

#ebrochure .fp-filter-inner-box {
    height: 422px;
    max-height: 422px;
}

#ebrochure .ebrochure-single-floorplan-holder .fp-filter-inner-box {
    height: 303px;
    max-height: 303px;
    padding: 10px;
}

#ebrochure .fp-filter-image {
    margin: 20px auto;
    height: 300px;
}

#ebrochure .ebrochure-single-floorplan-holder .fp-filter-image {
    height: 280px
}

#ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4 {
    width: 30%;
    float: left;
    margin: 0 1%;
}
/***************** Floorplans Section ********************************/



/***************** Amenities Section ********************************/

#ebrochure .amenities-page-narrative {
    padding-top: 12px;
    font-style: italic;
}

/***************** Amenities Section ********************************/



/************** Pet Policy + Office Hours Section  *********************/

#ebrochure .pet-off-hours-section {
    background: #f5f5f5;
    border: 1px solid #e9e8e8;
    min-height: 300px;
    color: #505050;
    padding: 32px 15px 45px;
    margin-top: 18px;
}

    #ebrochure .pet-off-hours-section h2 {
        border-bottom: 1px solid #d6d5d5;
        padding-bottom: 5px;
        color: #000;
        font-size: 1.4em;
    }

#ebrochure .petPolicy {
    line-height: 26px;
    padding-top: 0px;
}

#ebrochure .pet-policy-comments ul {
    border: 0 none;
    padding: 0px;
}

#ebrochure .ebrochure-amenities-padding-top {
    padding-top: 28px;
}


    #ebrochure .ebrochure-amenities-padding-top .span9 {
        width: 75%;
        padding: 0;
        margin: 0;
    }

    #ebrochure .ebrochure-amenities-padding-top .span3 {
        width: 25%;
        padding: 0;
        margin: 0;
    }

#ebrochure .amenities-page-narrative {
    padding-bottom: 10px;
}

#ebrochure .ebrochure-amenities ul li {
    line-height: 30px;
    padding-left: 5px;
}

#ebrochure .available-unit {
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
}

#ebrochure .appointment-text {
    margin-top: 10px;
    font-style: italic;
    font-weight: normal;
    font-size: 0.9em;
}

#ebrochure .community-amenities ul, #ebrochure .apartment-amenities ul {
    padding-top: 10px;
}

/************** Pet Policy + Office Hours Section  *********************/


/*************************** Map Section  ******************************/

#ebrochure .map-section {
    padding-top: 36px;
}

/*************************** Map Section  ******************************/


#ebrochure .fp-thumb .btn-primary {
    margin-top: 20px;
}

#ebrochure .footer-address-section {
    display: none;
}


#ebrochure .ebrochure-print-copyright {
    display: none;
}

#ebrochure .ebrochure-office-hours {
    margin-top: 70px;
}

#ebrochure .available-unit {
    margin-left: 0px;
}

#ebrochure .copyright {
    margin: 35px 0 0;
    color: #505050;
}


#ebrochure .ebrochure-print-company-logo {
    display: none;
}

#ebrochure .screen-ehlicon {
    background: rgba(0, 0, 0, 0) url(images/screen-equalhousing.png) no-repeat scroll left top;
    display: inline-block;
    height: 11px;
    margin-top: 3px;
    padding-right: 2px;
    width: 18px;
}



#ebrochure #map {
    width: 100%;
    min-height: 480px;
    margin-top: 28px;
}

#ebrochure #ebrochure-office-hours {
    margin: 40px 0px;
}

#ebrochure .ebrochure-logo {
    text-align: center;
    margin-bottom: 15px;
}


/*** ebrochure media queries***/
@media (max-width: 480px) {
    #ebrochure .owl-carousel .owl-item {
        max-width: 387px;
    }

    #ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4 {
        width: 100%;
        float: none;
        margin: 0;
    }

    #ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4 {
        width: 100%;
        float: left;
        margin: 0 auto;
    }

    #ebrochure .date-holder {
        text-align: center;
    }

    #ebrochure #emailPrintButtons {
        float: none;
        text-align: center
    }
}

@media (min-width: 481px) and (max-width: 991px) {
    #ebrochure .ebrochure-single-floorplan-holder .thumbnails li.span4 {
        float: left;
        margin: 0 1%;
        width: 48%;
    }
}

@media (min-width: 667px) and (max-width: 767px) {
    #ebrochure #myCarousel .span4 {
        width: 30%;
        margin: 0 1%;
        float: left;
    }
}


@media (max-width: 767px) {

    #ebrochure .print-date {
        display: inline;
    }

    #ebrochure .owl-prev, #ebrochure .owl-next {
        background: none;
    }

        #ebrochure .owl-prev:hover, #ebrochure .owl-next:hover {
            background: none;
        }

    #ebrochure .fp-filter-box {
        max-width: 234px;
    }

    #ebrochure .owl-carousel .owl-item {
        max-width: inherit;
    }

    #ebrochure .ebrochure-amenities-padding-top .span9 {
        width: 100%;
    }

    #ebrochure .ebrochure-amenities-padding-top .span3 {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #ebrochure .fp-filter-image {
        height: 227px;
    }

    #ebrochure .fp-filter-inner-box {
        height: 350px;
        max-height: 350px;
    }

    #ebrochure .owl-carousel .owl-item {
        width: 320px !important;
        max-width: 320px;
    }

    #ebrochure .fp-filter-box {
        max-width: 320px;
    }

    #ebrochure .ebrochure-amenities-padding-top .span9 {
        width: 100%;
    }

    #ebrochure .ebrochure-amenities-padding-top .span3 {
        width: 100%;
    }
}

@media (min-width: 980px) {
    #ebrochure .owl-carousel .owl-item {
        width: 331px !important;
    }
}



@media (min-width: 980px) and (max-width: 1199px) {

    #ebrochure .fp-filter-box {
        max-width: 350px !important;
    }

    #ebrochure .ebrochure-amenities-padding-top .span9 {
        width: 100%;
    }

    #ebrochure .ebrochure-amenities-padding-top .span3 {
        width: 100%;
    }
}


@media (max-width: 1200px) and (min-width: 768px) {
    #ebrochure .eb-rent {
        float: left;
        display: block;
        width: 100%;
    }

    #ebrochure .eb-dep {
        float: left;
        display: block;
        width: 100%;
    }

    #ebrochure .eb-area {
        float: left;
        display: block;
        width: 100%;
    }
}

/********************Single***************************/



#ebrochure .single-floorplan-details {
    margin: 0 0 10px;
    padding: 0px;
    /*background:#f5f5f5;
	border:1px solid #e9e8e8;*/
    text-align: left;
}

    #ebrochure .single-floorplan-details ul {
        margin: 0px;
        padding: 0px;
    }

    #ebrochure .single-floorplan-details li {
        list-style: none;
    }

#ebrochure .ebrochure-single-floorplan {
    padding-top: 31px;
}


#ebrochure ul.thumbnails {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#ebrochure .single-floorplan-details-holder {
    text-align: right;
    margin-top: 40px;
}

#ebrochure .eb-fp-name {
    font-weight: bold;
    color: #666666;
}

#ebrochure .eb-bed {
    font-size: 13px;
}


#ebrochure .eb-sq-ft {
    color: #749f01;
    font-size: 13px;
    font-weight: normal;
}

#ebrochureMap {
    display: block;
}

#ebrochureMapImage {
    display: none;
}

#ebrochure ul#fp-filter {
    visibility: hidden;
    display: none;
}


/*-------------------------------------- Ends Ebrochure Additional css-----------------------------------------*/

/*------------------------------classes for making the photogallery arow consistent all thrugh out the website----------------------------*/
#innerpage #ctmcontentcontainer .carousel-control.left, #dialogContainer .carousel-control.left {
    left: 0;
    // width: calc(50% - 15px);
    width: auto;
}

#innerpage #ctmcontentcontainer .carousel-control, #dialogContainer .carousel-control {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    margin: 0;
    opacity: 0.5;
    top: 0;
}

    #innerpage .carousel-control i, #dialogContainer .carousel-control i {
        color: #fff !important;
        display: block;
        margin: 0;
        position: absolute;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 1) !important;
        top: 45%;
        font-size: 30px
    }

    #innerpage .carousel-control.right, #dialogContainer .carousel-control.right {
        right: 0;
        // width: calc(50% - 15px);
        width: auto;
    }
/*this classis added to adjust the arrows in accordian floor plan*/
#innerpage #fp-myCarousel .carousel-control.right {
    right: 0;
    width: auto;
}

#innerpage .carousel-control.left, #dialogContainer .carousel-control.left {
    left: 0;
    // width: calc(50% - 15px);
    width: auto;
}

#innerpage .icon-angle-right:before, #dialogContainer .icon-angle-right:before {
    float: right;
    margin-right: 0;
    text-align: center;
    background: #000000;
    width: 28px;
    font-size: 30px;
    text-indent: 0;
}

#innerpage .icon-angle-left:before, #dialogContainer .icon-angle-left:before {
    display: block;
    margin-left: 0;
    text-align: center;
    background: #000000;
    width: 28px;
    font-size: 30px;
    text-indent: 0;
}

#innerpage .carousel.slide:hover .carousel-control, #dialogContainer .carousel.slide:hover .carousel-control {
    filter: alpha(opacity=55);
    opacity: 0.55;
}

    #innerpage .carousel.slide:hover .carousel-control:hover, #dialogContainer .carousel.slide:hover .carousel-control:hover {
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

/* PR: DT-6675 - Focus indicator */
#innerpage .carousel.slide .carousel-control, #dialogContainer .carousel.slide .carousel-control {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    height: 100%;
    margin: 0;
    opacity: 0.45;
    top: 0;
    width: 28px;
}

@media only screen and (max-width: 567px) {
    #innerpage .carousel.slide .carousel-control, #dialogContainer .carousel.slide .carousel-control {
        width: 40px;
    }
}

.slide a, .slide a:active, .slide a:focus {
    border: 0 none !important;
    outline: 0 none !important;
}

    .slide a:focus i {
        outline: 2px solid rgb(77,144,254) !important;
        width: 100%;
        height: auto;
        top: calc(50% - 15px);
        box-sizing: border-box;
    }

#innerpage #ctmcontentcontainer a.carousel-control:hover,
#innerpage #ctmcontentcontainer a.carousel-control:focus,
#dialogContainer a.carousel-control:hover,
#dialogContainer a.carousel-control:focus {
    opacity: 0.9;
    color: #ffffff;
}

@media (max-width:480px) {
    #innerpage .icon-angle-left:before, #dialogContainer .icon-angle-left:before {
        margin-left: 5px;
    }

    #innerpage .icon-angle-right:before, #dialogContainer .icon-angle-right:before {
        margin-right: 5px;
    }
}


/*------------------------------classes for making the photogallery arow consistent ends----------------------------*/

.footnote {
    color: #777;
    font-size: 0.87em;
}

.footnote-amenities {
    margin-top: 30px;
}



/*------------------------------classes for applicant information pet and vehicle info ----------------------------*/
#PetsInformationDiv .control-group.wide-label .control-label, #VehicleInformationDiv .control-group.wide-label .control-label, #FurnitureRentalDiv .control-group.wide-label .control-label {
    padding-top: 0;
}

#PetsInformationDiv .control-group.inline-labels label, #VehicleInformationDiv .control-group.inline-labels label, #FurnitureRentalDiv .control-group.inline-labels label {
    display: inline-block;
    margin-right: 15px;
}

#PetsInformationDiv input[type="radio"], #VehicleInformationDiv input[type="radio"], #FurnitureRentalDiv input[type="radio"] {
    margin-top: 0;
}

#PetsInformationDiv .control-group.wide-label .control-label,
#VehicleInformationDiv .control-group.wide-label .control-label,
#FurnitureRentalDiv .control-group.wide-label .control-label {
    width: 240px;
}

#PetsInformationDiv .control-group.wide-label .controls,
#VehicleInformationDiv .control-group.wide-label .controls,
#FurnitureRentalDiv .control-group.wide-label .controls {
    margin-left: 260px;
}

tr:first-child td.removeRowCT a {
    display: none;
}

.removeRowCT {
    min-width: 20px;
}

.removeRow {
    color: #757575;
    font-size: 18px;
    line-height: 30px;
}

@media only screen and (max-width: 800px) {
    #PetsInformationDiv .table-responsive td:not(.nonResponsiveRow),
    #VehicleInformationDiv .table-responsive td:not(.nonResponsiveRow) {
        border: 0px !important;
    }

    #PetsInformationDiv .table-responsive tr,
    #VehicleInformationDiv .table-responsive tr {
        border: 0px;
        margin-bottom: 20px;
        padding: 0 50px;
    }

    #PetsInformationDiv .visible-phone, #VehicleInformationDiv .visible-phone {
        display: inherit !important;
    }
}

@media (max-width: 480px) {
    #PetsInformationDiv .control-group.wide-label .control-label,
    #VehicleInformationDiv .control-group.wide-label .control-label,
    #FurnitureRentalDiv .control-group.wide-label .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: left;
    }

    #PetsInformationDiv .control-group.wide-label .controls,
    #VehicleInformationDiv .control-group.wide-label .controls,
    #FurnitureRentalDiv .control-group.wide-label .controls {
        margin-left: 0px;
    }

    #PetsInformationDiv .table-responsive tr,
    #VehicleInformationDiv .table-responsive tr {
        border: 0px;
        margin-bottom: 20px;
        padding: 0px;
    }
}

@media (min-width: 801px){
	#PetDetailsTable td[data-label="Pet Age"] {
		width: 50px;
	}
	
	#PetDetailsTable td[data-label="Pet Gender"] {
		width: 70px;
	}
	
	#PetDetailsTable td[data-label="Service Animal"] {
		width: 125px;
	}
}

#dvUSMilitaryServiceMember .control-group.inline-labels label {
    display: inline-block;
    margin-right: 15px;
}

#dvUSMilitaryServiceMember input[type="radio"] {
    margin-top: 0px;
}

#dvUSMilitaryServiceMember .control-label {
    width: 850px;
}
/*------------------------------ends classes for making the applicant information pet and vehicle info ----------------------------*/

/***** Testimonials *****/
#ResQuotesWidget blockquote {
    border-left: 0;
}

    #ResQuotesWidget blockquote .testimonial-author {
        margin-top: 20px;
    }

#ManagedByCompanyDD_chzn {
    display: inline-table;
}

a.poweredby {
    color: inherit;
}

    a.poweredby:hover, a.poweredby:focus {
        text-decoration: underline;
        color: inherit;
    }

.poweredby i, .poweredby i:hover, .poweredby i:focus {
    text-transform: capitalize;
    color: inherit;
    font-size: inherit;
}

/*----------------bluemoon application classes*/
#expireDiv {
    padding: 0px 7px;
}

/* Inline lists with pipe dividers */
ul.list-pipe li {
    width: auto;
    padding-left: 13px;
    position: relative;
}

ul.list-pipe.text-sm li {
    padding-right: 12px;
}

ul.list-pipe li:before {
    content: "|";
    position: absolute;
    left: 2px;
    color: #CCC;
}

ul.list-pipe li:first-child {
    padding-right: 0px;
}

    ul.list-pipe li:first-child:before {
        content: "";
    }

/* CLASSES FOR STUDENT CAFE STARTS */

#rentcafe_studentguarantorportal ul.list-pipe li:before{
     left: 0;
}
@media only screen and (max-width :800px) {
    #rentcafe_studentguarantorportal .RecurringPaymentGrid select {
        width: auto !important;
    }
    #rentcafe_studentguarantorportal #paymentrecurringfixedandvariable button{
        margin-bottom: 10px;
    }
}
@media only screen and (max-width :767px) {
	#rentcafe_studentguarantorportal .ui-dialog .ui-dialog-titlebar {
		padding-right: .5em;
	}
	#rentcafe_studentguarantorportal .ui-dialog .ui-dialog-titlebar-close {
		padding: 0 5px !important;
		z-index: 9999;
	}
}

/* CLASSES FOR STUDENT CAFE ENDS */

/*document upload UploadHolde classes*/
.UploadHolder #iframe_container {
    width: 56%;
}

.UploadHolder .UploadHolderInfo {
    position: relative;
    top: -11px;
}

.loading-spinner {
    top: 50% !important;
    left: 50% !important;
}

/* SOLUTION FOR BACKGROUND ATTACHMENT FIXED ON PROPERTY THEMES HOMEPAGE */
.csstransforms3d.csstransitions:not(.js-nav) #homepage #offcanvas_inner,
.csstransforms3d.csstransitions:not(.js-nav) #corp_homepage #offcanvas_inner {
    transform: none;
}
/* END SOLUTION FOR BACKGROUND ATTACHMENT FIXED ON PROPERTY THEMES HOMEPAGE*/


a.click_to_call_href:hover, a.click_to_call_href_nudge:hover, a.click_to_call_href_footer:hover, .click_to_call_href_nudge:hover, .click_to_call_href_footer:hover {
    color: inherit;
    cursor: default;
    text-decoration: none;
}

a.click_to_call_href, a.click_to_call_href_nudge, a.click_to_call_href_footer, .click_to_call_href_nudge, .click_to_call_href_footer {
    color: inherit !important;
}


/* classes for teh smooth transition of background slider*/

#background_slider .item img {
    opacity: 0;
    transition: opacity 2.2s linear 0s;
    -webkit-transition: opacity 2.2s linear 0s;
}

#background_slider .item {
    transition: opacity 2.2s linear 0s;
    -webkit-transition: opacity 2.2s linear 0s;
}

    #background_slider .item.active img {
        opacity: 100;
    }

#background_slider .active.left, #background_slider .active.right {
    left: 0;
    z-index: 1;
}

#background_slider .item.active.left img, #background_slider .item.active.right img {
    opacity: 0;
}

#background_slider .item.next.left img, #background_slider .item.prev.right img {
    opacity: 100;
}

#background_slider .carousel-control {
    z-index: 2;
}

/* classes for the smoothe transition of the background slider ends here*/

.label.label-nps {
    font-size: inherit;
    font-weight: inherit;
}
/*classes added for lmiklitary cafe*/

ul#MilitaryHousingDetails {
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}

    ul#MilitaryAmenityDetails li, ul#MilitaryHousingDetails li {
        list-style-type: none;
    }

/*classes for lmiklitary cafe ends*/





/* Classes added for Military Housing Info DD Form 1746 */

#HousingApplication #Dispositioninfodiv {
    display: none;
}

#HousingApplication #MilitaryAmenity .control-label {
    float: left;
    padding-right: 10px;
    width: 180px;
}

#HousingApplication #HousingNeeded .control-label {
    float: left;
    width: 294px;
}

#HousingApplication #PriceRangeLow .control-label {
    float: left;
    width: 294px;
}

#HousingApplication #DateSubmitted {
    display: none;
}

#HousingApplication #CareerInformation.table th, #HousingApplication #CareerInformation .table td {
    border-top: 0;
}

#HousingApplication #HousingDatainfoBody .span6 {
    margin-top: 30px;
    margin-left: 0px;
}

#HousingApplication #LocationPreference .control-label {
    float: left;
    width: 294px;
}

#HousingApplication #Remark .control-label {
    float: left;
    width: 294px;
}

#HousingApplication #HousingReferralDateSigned .control-label {
    float: left;
    width: 150px;
}

#HousingApplication #AmenityDv ul li {
    padding-bottom: 25px;
}
/*#HousingApplication .amenities-desired{
	padding-top:20px;
	padding-bottom:20px;
}*/

#HousingApplication .AmenityDesiredHeader {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    padding-top: 25px;
    margin-bottom: 20px;
}

/*#HousingApplication .community-housing{
	padding-bottom:20px;
}*/
#HousingApplication .CommunityHousingHeader {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 10px;
    margin-bottom: 20px;
}
/*#HousingApplication #DependentInformation{
	padding-bottom:10px;
}*/
#HousingApplication .DependentInformationHeader {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 12px;
}
/*#HousingApplication #CareerInformation{
	padding-bottom:20px;
}*/

#HousingApplication .CareerInfoDates {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 5px;
    margin-bottom: 12px;
}

#HousingApplication #HousingNeeded, #HousingApplication #PriceRangeLowMain, #HousingApplication #LocationPreferenceMain, #HousingApplication #Remark {
    padding-top: 10px;
}

#HousingApplication .HousingInfoDiv h2, #HousingApplication .ApplicantInfoDiv h2 {
    border-bottom: 1px sollid #CCCCCC !important;
    margin: 40px 0 30px 0 !important;
    padding: 6px 10px !important;
    background-color: #eaeaea !important;
    font-size: 18px;
    display: block !important;
    position: relative !important;
    color: #414141 !important;
}

#HousingApplication #DogsWeightDiv .control-label, #HousingApplication #DogsWeightDiv .control-label, #HousingApplication #NoOfCatsDiv .control-label {
    width: auto;
}

#HousingApplication #AddressSectionLeft {
    margin: 0;
}

#HousingApplication #TelephoneNumberLeft {
    margin: 0;
}

#HousingApplication #AddressSection {
    padding-top: 20px;
    padding-bottom: 20px;
}

#HousingApplication #AddressHeader {
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
}

#HousingApplication #TelephoneNumberSection {
    padding-bottom: 20px;
    padding-top: 20px;
}

#HousingApplication .TelephoneHeader {
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 7px;
    margin-bottom: 20px;
}

#HousingApplication #NoOfCatsDiv {
    margin-left: -60px;
}

@media screen and (max-width: 1024px) {
    #HousingApplication #MilitaryAmenity #NoOfDogsDiv .control-label {
        width: auto;
    }

    #HousingApplication #PriceRangeLow .control-label {
        float: none;
    }

    #HousingApplication #NoOfCatsDiv {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    #HousingApplication ul#MilitaryHousingDetails {
        -moz-column-count: 3;
    }

    #HousingApplication #MilitaryAmenity #NoOfDogsDiv .control-label {
        width: 90px;
    }

    #HousingApplication #PriceRangeLow .controls .span2 {
        width: 25%;
    }

    #HousingApplication #AmenityDv ul li {
        padding-bottom: 18px;
    }

    #HousingApplication #ApplicationInfoServiceRight, #HousingApplication #AddressSectionRight, #HousingApplication #TelephoneNumberRight, #HousingApplication #StatusInstallationRight {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    #HousingApplication ul#MilitaryHousingDetails {
        -moz-column-count: 1;
        margin: 0;
    }

    #HousingApplication ul#MilitaryAmenityDetails {
        margin: 0;
    }

    #HousingApplication #NoOfCatsDiv {
        margin-left: 0px;
    }

    #HousingApplication table.table-responsive td:before {
        float: none !important;
    }

    #HousingApplication .table-responsive td:before {
        left: 0px !important;
    }

    #HousingApplication #MilitaryAmenity #NoOfDogsDiv .control-label {
        width: 180px;
    }

    #HousingApplication #AddressSection {
        padding-top: 0;
        padding-bottom: 0;
    }

    #HousingApplication #TelephoneNumberSection {
        padding-bottom: 0;
        padding-top: 0;
    }

    #HousingApplication #PriceRangeLow .control-label {
        float: left;
    }

    #HousingApplication #PriceRangeLow .controls .span2 {
        width: 20%;
    }
}

@media screen and (max-width: 480px) {
    #HousingApplication #PriceRangeLow .control-label {
        float: none;
    }
}

/* Classes added for Military Housing Info DD Form 1746 */

/*------------------------------------------Start Promo Classes ------------------------------------------------------------------------------------------*/
.promo-code-outer .iconm-price-tag2 {
    color: #4ba700;
}

.promo-code-outer .muted {
    color: #9e9e9e;
}

input.promo-input {
    border: 0;
    border-bottom: 1px solid #919191;
    color: #272727;
}

.promo-code-outer a:hover {
    text-decoration: none;
}

.promo-code-outer .iconm-checkmark {
    margin-right: 10px;
}

.widget_body_type {
    margin-top: 10px;
}

/*--------------------------------------------End Promo Classes ----------------------------------------------------------------------------------------*/
#military-tab-content .community-amenities li,
#military-tab-content .apartment-amenities li {
    border-bottom: 1px solid #c0c0c0;
    list-style: outside none;
    padding: 8px 0 8px 10px;
}

    #military-tab-content .community-amenities li:last-child, #military-tab-content .apartment-amenities li:last-child {
        border-bottom: none;
    }


#Promodiv {
    margin-top: 20px;
}

.promo-code-outer .iconm-price-tag2 {
    color: #4ba700;
    margin-right: 6px;
    font-size: 17px;
}

.widget_body_type {
    display: inline-block;
    margin-left: 15px;
    float: left;
    margin-top: 5px;
}

.widget_head_type {
    display: inline-block;
    float: left;
}

.btn-promo {
    background-color: #ffffff;
    border-radius: 0;
    border: 1px solid #939393;
}

    .btn-promo:hover {
        background-color: #e7e7e7;
    }

.widget_body_type.promowidget {
    margin-top: 11px;
}

#Promodiv .promowidget input {
    margin-bottom: 0;
}

#Promodiv .btn-promo i {
    vertical-align: inherit;
    margin-left: 5px;
}




/* ------------------ Resident portal iphone level classes  (added for JIRA - TR # 434337)------------------*/

@media (min-width: 769px) and (max-width: 991px) {
    #rentcafe_residentportal #ResServicesContent #RSTabWrapperDiv #divStartDate {
        width: 50%;
    }
}

@media (min-width: 769px) and (max-width: 800px) {
    #rentcafe_residentportal #ResServicesContent #MyProfileEdit table.table-responsive td:before {
        width: 40% !important;
    }

    #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td {
        padding: 10px 5px 7px !important;
    }
}


@media screen and (max-width: 768px) {
    #rentcafe_residentportal #ResServicesContent .nav-tabs > li, #rentcafe_residentportal #ResServicesContent .nav-pills > li {
        width: auto;
    }

    #rentcafe_residentportal #ResServicesContent #PendingActivity div.dataTables_paginate {
        margin: 25px 0;
    }

    #rentcafe_residentportal #ResServicesContent #MyProfileEdit table.table-responsive td:before {
        width: 40% !important;
    }

    #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td {
        padding: 10px 5px 7px !important;
    }

    #rentcafe_residentportal #ResServicesContent #RSTabWrapperDiv #divStartDate {
        width: 50%;
    }

    #rentcafe_residentportal #ResServicesContent #attachmentsWrap .table-responsive td a {
        margin-bottom: 10px;
        margin-top: -3px;
    }
}

@media screen and (max-width: 767px) {

    #rentcafe_residentportal #ResServicesContent #PendingActivity div.dataTables_paginate {
        float: left;
    }

    #rentcafe_residentportal #ResServicesContent #PendingActivity div.dataTables_filter label {
        float: left;
    }

    #rentcafe_residentportal #ResServicesContent #PendingActivity div.dataTables_length label {
        float: none;
    }

    #rentcafe_residentportal #ResServicesContent #MyAdditionalOptions.table th, #rentcafe_residentportal #ResServicesContent #MyAdditionalOptions .table td {
        vertical-align: middle;
    }
}

@media screen and (max-width: 500px) {
    #rentcafe_residentportal #ResServicesContent #attachmentsWrap .table-responsive td a {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

@media screen and (max-width: 414px) {
    #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td input, #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td img {
        margin-top: 4px;
    }
}

@media screen and (max-width: 375px) {
    #rentcafe_residentportal #ResServicesContent #Attachments_wrapper .table-responsive td a {
        width: 89%;
        overflow-wrap: break-word;
    }

    #rentcafe_residentportal #ResServicesContent #Attachments_wrapper .table-responsive tr {
        width: 74%;
    }

    #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td input, #rentcafe_residentportal #ResServicesContent #MyProfileEdit .table-responsive td img {
        margin-top: 4px;
    }

    #rentcafe_residentportal #ResServicesContent #MyProfileEdit table.table-responsive td:before {
        width: auto !important;
    }
}


#RentCafeContent.availableunits #innerformdiv,
#RentCafeContent.oleapplication #OLEInnerContainer {
    position: relative;
}


#scheduleTourContainer #calendar {
    max-width: 465px;
    color: #333;
}

    #scheduleTourContainer #calendar .datepicker.datepicker-inline,
    #scheduleTourContainer #calendar .datepicker.datepicker-inline table {
        width: 100%;
        border: none;
    }

    #scheduleTourContainer #calendar .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
        width: 100%;
        border: none;
    }

    #scheduleTourContainer #calendar .ui-datepicker {
        box-shadow: none;
    }

    #scheduleTourContainer #calendar .ui-widget-header .ui-state-default {
        font-size: 1em;
        line-height: 3em;
    }

    #scheduleTourContainer #calendar .ui-state-disabled, #scheduleTourContainer #calendar .ui-widget-content .ui-state-disabled, #scheduleTourContainer #calendar .ui-widget-header .ui-state-disabled {
        opacity: .5;
        filter: Alpha(Opacity=50);
        background-image: none;
    }

    #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-header {
        background: transparent;
        border: none;
    }

    #scheduleTourContainer #calendar .ui-state-default, #scheduleTourContainer #calendar .ui-widget-content .ui-state-default, #scheduleTourContainer #calendar .ui-widget-header .ui-state-default {
        border: 1px solid transparent;
        background: transparent;
        font-weight: normal;
        color: #222;
    }

    #scheduleTourContainer #calendar .ui-state-active, #scheduleTourContainer #calendar .ui-widget-content .ui-state-active, #scheduleTourContainer #calendar .ui-widget-header .ui-state-active {
        border-radius: 0;
        background-color: #0088cc;
        color: #ffffff;
    }

    #scheduleTourContainer #calendar .ui-state-highlight, #scheduleTourContainer #calendar .ui-widget-content .ui-state-highlight, #scheduleTourContainer #calendar .ui-widget-header .ui-state-highlight {
        border: 0px solid #eee;
        border-radius: 0;
        background: transparent;
        color: #0089ec;
    }

    #scheduleTourContainer #calendar .ui-state-highlight,
    #scheduleTourContainer #calendar .ui-widget-content .ui-state-highlight,
    #scheduleTourContainer #calendar .ui-widget-header .ui-state-highlight {
        border-radius: 0;
        background: transparent;
        color: #0089ec;
    }

        #scheduleTourContainer #calendar .ui-state-highlight:after, #scheduleTourContainer #calendar .ui-widget-content .ui-state-highlight:after, #scheduleTourContainer #calendar .ui-widget-header .ui-state-highlight:after {
            content: '';
            display: block;
            background: #0089cc;
            height: 2px;
            max-width: 30px;
            width: 100%;
            margin: 0 auto;
            position: relative;
        }


    #scheduleTourContainer #calendar .ui-widget-header .ui-icon {
        background-image: none;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w {
        position: relative;
        font-size: 0px;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e {
        position: relative;
        font-size: 0px;
    }

    #scheduleTourContainer #calendar .ui-datepicker-prev span {
        background-image: none !important;
        background-position: 0px 0px !important;
    }

    #scheduleTourContainer #calendar .ui-datepicker-next span {
        background-image: none !important;
        background-position: 0px 0px !important;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w:before {
        content: "\f104";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #555;
        font-size: 28px;
        position: absolute;
        left: 0;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e:before {
        content: "\f105";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        text-decoration: inherit;
        color: #555;
        font-size: 28px;
        padding-right: 0.5em;
        right: 0;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w:hover:before {
        color: #0088cc;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e:hover:before {
        color: #0088cc;
    }

    #scheduleTourContainer #calendar .ui-icon {
        display: block;
        text-indent: 0;
        overflow: visible;
    }

    #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: 1em 0;
    }

    #scheduleTourContainer #calendar .ui-state-hover {
        background: none;
        border: none;
    }

    #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-title {
        text-align: center;
        font-size: 20px;
        font-weight: 300;
        position: relative;
        top: -15px;
    }



#scheduleTourContainer a.selected-date, #scheduleTourContainer a.selected-time {
    border: 1px solid #ccc;
    width: 150px;
    color: #555;
    background: #efefef;
    padding: 10px 15px 10px 15px;
    margin: 0px 10px 0px 0px;
}

    #scheduleTourContainer a.selected-date i.iconm-calendar3 {
        position: relative;
        top: 1px;
    }

    #scheduleTourContainer a.selected-date:hover,
    #scheduleTourContainer a.selected-time:hover {
        border: 1px solid #0088cc;
        background: #fff;
        color: #0088cc;
    }


#scheduleTourContainer .iconifiedRadios-container {
    margin-left: 15px;
}

#scheduleTourContainer .iconifiedRadio-label {
    font-size: 14px;
    transition: all .3s ease-out;
}

#scheduleTourContainer .iconifiedRadios-container input[type=radio] {
    display: none;
}
    /* to hide the checkbox itself */
    #scheduleTourContainer .iconifiedRadios-container input[type=radio] + label:before {
        font-family: icomoon;
        content: "\ee70";
    }

    #scheduleTourContainer .iconifiedRadios-container input[type=radio] + label:before {
        position: relative;
        left: -15px;
        top: 3px;
        font-size: 17px;
    }

    #scheduleTourContainer .iconifiedRadios-container input[type=radio] + label:hover {
        color: #0088cc;
    }

    #scheduleTourContainer .iconifiedRadios-container input[type=radio]:checked + label:before {
        content: "\ee6e";
    }
    /* checked icon */
    #scheduleTourContainer .iconifiedRadios-container input[type=radio]:checked + label {
        color: #0088cc;
    }


#accordion-tourTimes .buttonCheckbox-label, #accordion-tourTimes .buttonRadio-label {
    font-size: 14px;
    transition: all .3s ease-out;
    padding: 10px 20px 10px 24px;
    border: 1px solid #d8d8d8;
    background: #fff;
    text-align: center;
    display: inline-flex;
    width: 70px;
    margin: 5px 5px 0px 0px;
}


#accordion-tourTimes .buttonCheckbox input[type=checkbox], #accordion-tourTimes .buttonRadios input[type=radio] {
    display: none;
}
    /* to hide the checkbox/radio itself */
    #accordion-tourTimes .buttonCheckbox input[type=checkbox] + label:hover, #accordion-tourTimes .buttonRadios input[type=radio] + label:hover {
        color: #0088cc;
        border-color: #d8d8d8;
        cursor: pointer;
    }

    #accordion-tourTimes .buttonCheckbox input[type=checkbox]:checked + label, #accordion-tourTimes .buttonRadios input[type=radio]:checked + label {
        background-color: #0088cc;
        color: #fff;
        border-color: #fff;
    }

#scheduleTourContainer .tourForm-addMsg {
    font-size: 12px;
    position: relative;
    top: -20px;
}

#scheduleTourForm.tourFormContainer {
    max-width: 450px;
    padding: 20px 0px 0px 0px;
    border: 0px solid #ccc;
}

#scheduleTourForm .ole_fancy_form_panel #contact-inline .controls.form-inline {
    margin-bottom: 1px;
}


#accordion-tourTimes .accordion-heading {
    background-color: transparent;
}

#accordion-tourTimes .accordion-group {
    margin-bottom: 20px;
    border: 0px solid #e5e5e5;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}


#accordion-tourTimes .accordion-inner {
    padding: 9px 0px;
    border-top: 0px solid #e5e5e5;
    display: -webkit-inline-box;
}

    #accordion-tourTimes .accordion-inner .buttonRadios {
    }

#accordion-tourTimes .accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 0px;
    color: #555;
    font-size: 16px;
    font-weight: 500;
    cursor: default;
}




/*    MEDIA QUERIES BEGIN*/

@media only screen and (max-width:426px) {
    #scheduleTourForm .btn-fancy {
        margin-top: 30px;
    }
}


@media only screen and (max-width:480px) {
    #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 0.8em;
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        position: relative;
        top: 0px;
    }

    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w:before,
    #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e:before {
        font-size: 24px;
    }

    .social-media-sharer {
        display: none;
    }

    #accordion-tourTimes .buttonCheckbox-label, #accordion-tourTimes .buttonRadio-label {
        padding: 5px 15px 5px 15px;
        margin: 7px 5px 7px 0px;
    }
}

@media only screen and (max-width:767px) {
    #accordion-tourTimes .collapsed:before {
        content: "\f067" !important;
        float: right;
        font-family: fontawesome;
    }

    #accordion-tourTimes .accordion-toggle:before {
        content: "\f068";
        float: left;
        font-family: fontawesome;
        margin-right: 15px;
    }

    #scheduleTourForm.tourFormContainer {
        text-align: center;
        margin: 0;
        max-width: 450px;
        padding: 10px 0px 0px 0px;
        border: 0px solid #ccc;
    }

    #accordion-tourTimes .accordion-heading .accordion-toggle {
        cursor: pointer;
    }
}


@media only screen and (min-width:768px) {
    #schedule-tour-available-times {
        text-align: left;
        max-width: 650px;
        margin: 0;
    }

    #accordion-tourTimes .buttonCheckbox-label, #accordion-tourTimes .buttonRadio-label {
        font-size: 14px;
        transition: all .3s ease-out;
        padding: 6px 12px 4px 12px;
        border: 1px solid #d8d8d8;
        display: inline-block;
        background: #fff;
        text-align: center;
    }

    #accordion-tourTimes .accordion-heading .accordion-toggle {
        cursor: default;
    }
}

@media only screen and (min-width:768px) and (min-height:880px) {



    #accordion-tourTimes .buttonCheckbox-label:last-of-type, #accordion-tourTimes .buttonRadio-label:last-of-type {
        border-right: 1px solid #d8d8d8;
    }



    #scheduleTourContainer #calendar {
        max-width: 650px;
        color: #555;
        margin: 30px 0;
    }

        #scheduleTourContainer #calendar .datepicker.datepicker-inline,
        #scheduleTourContainer #calendar .datepicker.datepicker-inline table {
            width: 100%;
            border: none;
        }

        #scheduleTourContainer #calendar .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
            width: 100%;
            border: none;
        }

        #scheduleTourContainer #calendar .ui-datepicker {
            box-shadow: none;
        }

        #scheduleTourContainer #calendar .ui-state-default,
        #scheduleTourContainer #calendar .ui-widget-content #scheduleTourContainer #calendar .ui-state-default,
        #scheduleTourContainer #calendar .ui-widget-header .ui-state-default {
            font-size: 1em;
            line-height: 5em;
        }

        #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-header {
            background: transparent;
            border: none;
        }

        #scheduleTourContainer #calendar .ui-state-default, #scheduleTourContainer #calendar .ui-widget-content .ui-state-default, #scheduleTourContainer #calendar .ui-widget-header .ui-state-default {
            border: 1px solid #eee;
            background: transparent;
            font-weight: normal;
        }

        #scheduleTourContainer #calendar .ui-state-active, #scheduleTourContainer #calendar .ui-widget-content .ui-state-active, #scheduleTourContainer #calendar .ui-widget-header .ui-state-active {
            border-radius: 0;
            background-color: #0088cc;
            color: #ffffff;
        }

        #scheduleTourContainer #calendar .ui-state-highlight,
        #scheduleTourContainer #calendar .ui-widget-content .ui-state-highlight,
        #scheduleTourContainer #calendar .ui-widget-header .ui-state-highlight {
            border-radius: 0;
            background: transparent;
            color: #0089ec;
        }

            #scheduleTourContainer #calendar .ui-state-highlight:after, #scheduleTourContainer #calendar .ui-widget-content .ui-state-highlight:after, #scheduleTourContainer #calendar .ui-widget-header .ui-state-highlight:after {
                content: '';
                display: block;
                background: #0089cc;
                height: 2px;
                max-width: 30px;
                width: 100%;
                margin: 0 auto;
                position: relative;
                top: -15px;
            }

            #scheduleTourContainer #calendar .ui-state-highlight.ui-state-active {
                border-radius: 0;
            }


        #scheduleTourContainer #calendar .ui-widget-header .ui-icon {
            background-image: none;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w {
            position: relative;
            font-size: 0px;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e {
            position: relative;
            font-size: 0px;
        }

        #scheduleTourContainer #calendar .ui-datepicker-prev span {
            background-image: none !important;
            background-position: 0px 0px !important;
        }

        #scheduleTourContainer #calendar .ui-datepicker-next span {
            background-image: none !important;
            background-position: 0px 0px !important;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w:before {
            content: "\f104";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #555;
            font-size: 28px;
            position: absolute;
            left: 0;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e:before {
            content: "\f105";
            font-family: FontAwesome;
            font-style: normal;
            font-weight: normal;
            text-decoration: inherit;
            color: #555;
            font-size: 28px;
            padding-right: 0.5em;
            right: 0;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-w:hover:before {
            color: #0088cc;
        }

        #scheduleTourContainer #calendar .ui-icon.ui-icon-circle-triangle-e:hover:before {
            color: #0088cc;
        }

        #scheduleTourContainer #calendar .ui-icon {
            display: block;
            text-indent: 0;
            overflow: visible;
        }

        #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-header {
            position: relative;
            padding: 1em 0;
        }

        #scheduleTourContainer #calendar .ui-state-hover {
            background: none;
            border: none;
        }

        #scheduleTourContainer #calendar .ui-datepicker .ui-datepicker-title {
            margin: 0 2.3em;
            line-height: 1.8em;
            text-align: center;
            font-size: 20px;
            font-weight: 300;
            position: relative;
            top: -15px;
        }

    #accordion-tourTimes .accordion-heading {
        background-color: transparent;
    }

    #accordion-tourTimes .accordion-group {
        margin-bottom: 20px;
        border: 0px solid #e5e5e5;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }


    #accordion-tourTimes .accordion-inner {
        padding: 9px 0px;
        border-top: 0px solid #e5e5e5;
        display: -webkit-inline-box;
    }

    #accordion-tourTimes .accordion-heading .accordion-toggle {
        display: block;
        padding: 0px 0px;
        color: #555;
        font-size: 16px;
        font-weight: 500;
    }


    #scheduleTourForm.tourFormContainer {
        text-align: center;
        margin: 0;
        max-width: 450px;
        padding: 20px 0px 0px 0px;
        border: 0px solid #ccc;
    }
}


@media only screen and (min-height: 880px) and (min-width: 1200px) {
    #scheduleTourContainer #calendar {
        max-width: 750px;
        color: #555;
        margin: 30px 0;
    }

    #scheduleTourForm.tourFormContainer {
        text-align: center;
        margin: 0;
        max-width: 450px;
        padding: 20px 0px 0px 0px;
        border: 0px solid #ccc;
    }
}

@media only screen and (min-height: 1024px) and (min-width: 1600px) {
    #scheduleTourContainer #calendar {
        max-width: 900px;
        color: #555;
        margin: 40px 0;
    }

    #scheduleTourForm.tourFormContainer {
        max-width: 600px;
    }
}

.table-no-border, .table-no-border td {
    border: 0 !important;
}

    .table-no-border th, .table-no-border td {
        background-color: transparent !important;
        color: inherit;
    }

.bg-light {
    background-color: #f5f5f5;
}

.text-lg-btn {
    font-size: 20px !important;
    font-weight: 100;
}

@media only screen and (min-width:801px) {
    .payment-table th:first-child, .payment-table td:first-child {
        width: 270px;
    }

    .amount-col-fixed-width {
        max-width: 120px;
        display: block;
        text-align: right;
    }

    .table-no-border th, .table-no-border td {
        padding-left: 0 !important;
    }
}

.inherit-font-family {
    font-family: inherit;
}

.inherit-color {
    color: inherit;
}

/* Image flickers issue resolved*/
#innerformdiv .apartment-picture {
    color: inherit;
    display: block;
    margin-left: 5px;
}

#innerformdiv .AvailUnitRow .text-left > a {
    display: inline-block;
}

#innerformdiv .view-floor-plan .icon-picture {
    line-height: inherit;
}
/* new css styles for pay by debit layout */


a#btnAddBankAccount, a#btnAddCreditCard {
    text-decoration: underline;
}

.btn.btn-fancy-md:before {
    background: 0;
    border: 6px solid #fff;
    content: "";
    display: block;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
}

.btn.btn-fancy-md {
    position: relative;
}

#debitcard:hover {
    background: #fff;
}


/* Apartment Search result page filters */
#new-search-unit .well {
    z-index: 1;
}

.anchor-disabled {
    padding: inherit;
}

    .anchor-disabled:hover {
        background-color: #e6e6e6 !important;
    }

/* Translate page section */
.translate-content .lang-dropdown {
    background: black;
    top: 0px;
    height: 25px;
    padding-top: 5px;
    padding-bottom: 6px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    width: 100%;
}

    .translate-content .lang-dropdown a {
        color: #cacaca;
        font-size: 14px;
        padding: 0 5px;
        text-transform: lowercase;
        text-decoration: none;
    }

        .translate-content .lang-dropdown a:hover {
            color: #cacaca;
        }

        .translate-content .lang-dropdown a img {
            height: 16px;
            width: 16px;
        }

@media (max-width: 768px) {
    .translate-content .lang-dropdown {
        height: auto;
        text-align: center !important;
    }
}

/* View floor plan image */
#hideMap #ImgWindowFloorPlan {
    top: 0 !important;
}


/* styles for displaying scores from the Walk Score API */
.walkscore-scoretext, .walkscore-noscoretext {
    position: relative;
    top: -2px;
    color: #1e7ebe;
    margin-left: 3px;
    text-decoration: underline;
    font-weight: normal;
    font-size: 14px;
    top: 8px;
    font-weight: bold;
}

.walkscore-scoretext {
    margin-left: 7px;
    font-weight: bold;
    font-size: 15px;
    text-decoration: none;
    top: 8px;
}

#walkscore-div a {
    text-decoration: none;
}

#walkscore-div {
    margin-right: 20px;
}

/* styles for the info icon */
#ws_info {
    position: relative;
    top: -5px;
    margin-left: 4px;
}

li .walkscore-scoretext {
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    top: 3px;
}


/* PP2 make payments */
#PP2MakePayments .span3 .bg-light a {
    background-color: #5d5d5d;
    padding: 5px 14px 8px;
    color: #fff;
    border: 1px solid #5f5d5d;
    font-size: 14px;
}

#PP2MakePayments .span3 .bg-light {
    padding-bottom: 30px;
}

    #PP2MakePayments .span3 .bg-light p {
        margin-bottom: 20px;
    }

.ui-autocomplete-multiselect.ui-state-default {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    padding: 3px 3px;
    padding-bottom: 0px;
    overflow: hidden;
    cursor: text;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item .ui-icon {
    float: right;
    cursor: pointer;
}

.ui-autocomplete-multiselect .ui-autocomplete-multiselect-item {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px 3px;
    margin-right: 2px;
    margin-bottom: 3px;
    color: #fff;
    font-weight: normal;
    background-color: #239169;
}

.ui-autocomplete-multiselect input {
    display: inline-block;
    border: none;
    outline: none;
    height: auto;
    margin: 2px;
    overflow: visible;
    margin-bottom: 5px;
    text-align: left;
}


.ui-autocomplete-multiselect.ui-state-active {
    outline: none;
    border: 1px solid #7ea4c7;
    -moz-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -webkit-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    -khtml-box-shadow: 0 0 5px rgba(50,150,255,0.5);
    box-shadow: 0 0 5px rgba(50,150,255,0.5);
}

.ui-autocomplete {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}



/* style for background image video*/

#background_slider #videoSlide video {
    height: 100vh;
    object-fit: cover;
    width: 100vw;
}

/* Style for Homepage/Background Carousel w/ Video */

#homepage_slider video {
    width: auto;
    height: auto;
    vertical-align: middle;
    overflow: hidden;
    display: block;
    min-width: 100%;
    min-height: 100%;
}

#background_slider video {
    left: 0;
    min-height: 100%;
    top: 0;
    width: 100%;
}

.slider-show-on-mobile {
    display: none;
}

/*This is to prevent the background image from stretching vertically*/
@media (max-width: 768px) {
    #homepage_slider video {
        min-height: 100px;
    }
}

/* if user choses to display image instead of video on mobile: */
@media screen and (max-device-width: 979px) {
    .slider-hide-on-mobile {
        display: none;
    }

    .slider-show-on-mobile {
        display: inherit;
    }
}
<!-- Get Notified Fancy Radio buttons -->
.btn-fancy-radio-outer .btn-radio-fancy {
    background-color: #f8f8f8;
    background-image: none;
    border-radius: 0;
    text-shadow: none;
    box-shadow: none;
    border: 1px solid #e1e1e1;
    padding: 10px 15px;
}

.btn-fancy-radio-outer .btn-radio-fancy.active {
    background-color: #ebebeb;
}

    .btn-fancy-radio-outer .btn-radio-fancy.active:before {
        content: "\f00c";
        font-family: FontAwesome;
        margin-right: 7px;
        color: #91b55e;
        float: left;
    }

.get-notified-options-title {
    display: inline-block;
    margin-right: 10px;
}

.radio-button-info {
    font-size: 13px;
    margin-left: 10px;
}

#ui-datepicker-div {
    z-index: 9999 !important;
}

#dialogcontactus .notified-options-outer {
    margin-bottom: 20px;
}

    #dialogcontactus .notified-options-outer .input-append {
        margin-bottom: 0;
    }

    #dialogcontactus .notified-options-outer input#dtEndAvailabilityAlert {
        height: 22px !important;
        margin-bottom: 11px;
        line-height: 22px !important;
        min-height: 32px;
    }

    #dialogcontactus .notified-options-outer .input-append .add-on {
        height: 22px;
        font-size: 15px;
        line-height: 22px;
    }

.get-notified-options-title2 {
    display: inline-block;
    margin-right: 10px;
    float: left;
    margin-top: 4px;
}

.notified-options-outer input#datepicker {
    height: 25px;
}
/***** More Social Media Icons Provision *****/
.more-social-icon a:before {
    content: "\f141";
    /*display: table;*/
    background: rgba(125,125,125,.3);
    color: #fff;
    /*line-height:30px;*/
}

#ctmcontentcontainer .social-media-sharer .more-social-icon a:before {
    background: rgba(125,125,125,.3) !important;
    height: 24px;
    line-height: 24px;
    border-radius: 2px;
    vertical-align: baseline;
}

#ctmcontentcontainer .social-media-sharer .other-social-wrap li {
    vertical-align: top;
}

.socialmedia-icons-vertical .more-social-icon a:before {
    content: "\f142";
}

.popover-content .other-social-wrap ul {
    line-height: 0;
    margin: 0;
    padding: 0;
}

.popover-content .other-social-wrap li {
    vertical-align: top;
    margin: 2px 0px;
    padding: 0;
}

.popover-content .other-social-wrap {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    height: auto !important;
    background-color: transparent !important;
}

    .popover-content .other-social-wrap:before {
        display: none;
    }

.popover-content .social-media-LinkedIn a:after {
    font-size: 0;
}

.popover-content .socialmedia-icons-light a:before, .popover-content .socialmedia-icons-light a:before {
    color: #a2a2a2;
}

.popover-content .socialmedia-icons-light a:hover:before, .popover-content .socialmedia-icons-light a:hover:before {
    color: #c8c8c8;
}



/*======================== Theme level fixes to avoid client customization fixes after release */
/* Edge2, Flex2, Platinum2, Serenity2, Celestial, Exalt2, Olympia2, Sierro2, Cosmopolitan themes */
@media (min-width: 768px) and (max-width: 979px){
	#homepage.edge #social-media .other-social-wrap ul li, #innerpage.edge #social-media .other-social-wrap ul li,
	#homepage.flex #social-media .other-social-wrap ul li, #innerpage.flex #social-media .other-social-wrap ul li,
	#homepage.platinum #social-media .other-social-wrap ul li, #innerpage.platinum #social-media .other-social-wrap ul li,
	#homepage.celestial .bottomsection .other-social-wrap ul li, #innerpage.celestial .bottomsection .other-social-wrap ul li,
	#homepage.sierro footer #footer-bottom #social-media ul li, #innerpage.sierro footer #footer-bottom #social-media ul li{
		display: inline-block !important;
	}
	#homepage.edge #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.edge #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.flex #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.flex #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.platinum #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.platinum #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.serenity #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.serenity #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.celestial .bottomsection .other-social-wrap .more-social-icon ~ li, #innerpage.celestial .bottomsection .other-social-wrap .more-social-icon ~ li,
	#homepage.sierro footer #footer-bottom #social-media ul .more-social-icon ~ li, #innerpage.sierro footer #footer-bottom #social-media ul .more-social-icon ~ li{
		display: none !important;
	}
}
@media (max-width: 767px){
	#homepage.flex #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.flex #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.platinum #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.platinum #social-media .other-social-wrap .more-social-icon ~ li,
	#homepage.serenity #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.serenity #social-media .other-social-wrap .more-social-icon ~ li{
		display: none !important;
	}
}

@media (min-width: 980px) and (max-width: 1270px){
	#homepage.edge #social-media .other-social-wrap ul li, #innerpage.edge #social-media .other-social-wrap ul li{
		display: inline-block !important;
	}
	#homepage.edge #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.edge #social-media .other-social-wrap .more-social-icon ~ li{
		display: none !important;
	}
}

@media (max-width: 1024px){
	#homepage.exalt #social-media .other-social-wrap .more-social-icon ~ li, #innerpage.exalt #social-media .other-social-wrap .more-social-icon ~ li{
		display: none !important;
	}
}

@media (min-width: 1200px){
	#homepage.olympia .popover-content .socialmedia-icons a:hover:before, #innerpage.olympia .popover-content .socialmedia-icons a:hover:before{
		width: 30px;
		height: 30px;
		line-height: 28px;
		font-size: inherit;
	}
	#innerpage.olympia #ctmcontentcontainer .more-social-icon a:hover:before{
		line-height:24px;
		width:30px;
		height:24px;
		font-size:19px;
	}
}

@media (min-width: 980px) and (max-width: 1270px){
	#innerpage.ellesmere #social-media .other-social-wrap .more-social-icon ~ li{
		display:none !important;
	}
}

@media (min-width: 768px){
	#homepage.ceylon #logo-section #social-media .more-social-icon, #innerpage.ceylon #logo-section #social-media .more-social-icon{
		padding-right:10px;
	}

    #homepage.melange footer #footer-links ul li,#innerpage.melange footer #footer-links ul li  {
    float: none;
    display: inline-block;
    }

    #homepage.melange footer ul.unstyled, ol.unstyled,#innerpage.melange footer ul.unstyled, ol.unstyled {
        text-align: right;
    }
}


@media only screen and (min-width: 768px) {
	#homepage.odin #footer-section .more-social-icon a:after, #innerpage.odin #footer-section .more-social-icon a:after{
		background:rgba(210,210,210,0.65);
	}
	#homepage.odin #footer-section .more-social-icon a:hover:after, #innerpage.odin #footer-section .more-social-icon a:hover:after{
		background:rgba(210,210,210,1);
	}
	#homepage.odin #footer-section .instagram-icon:after, #innerpage.odin #footer-section .instagram-icon:after{
		background:rgba(195,42,163,0.65);
	}
	#homepage.odin #footer-section .youtube-icon:after, #innerpage.odin #footer-section .youtube-icon:after{
		background:rgba(255,0,0,0.65);
	}
	#homepage.odin #footer-section .linkedin-icon:after, #innerpage.odin #footer-section .linkedin-icon:after{
		background:rgba(0,123,182,0.65);
	}
	#homepage.odin #footer-section .yelp-icon:after, #innerpage.odin #footer-section .yelp-icon:after{
		background:rgba(211,35,35,0.65);
	}
	#homepage.odin #footer-section .snapchat-icon:after, #innerpage.odin #footer-section .snapchat-icon:after{
		background:rgba(255,252,0,0.65);
	}
	
	#homepage.odin #footer-section .instagram-icon:hover:after, #innerpage.odin #footer-section .instagram-icon:hover:after{
		background: #c32aa3;
	}
	#homepage.odin #footer-section .youtube-icon:hover:after, #innerpage.odin #footer-section .youtube-icon:hover:after{
		background: #ff0000;
	}
	#homepage.odin #footer-section .linkedin-icon:hover:after, #innerpage.odin #footer-section .linkedin-icon:hover:after{
		background: #007bb6;
	}
	#homepage.odin #footer-section .yelp-icon:hover:after, #innerpage.odin #footer-section .yelp-icon:hover:after{
		background: #d32323;
	}
	#homepage.odin #footer-section .snapchat-icon:hover:after, #innerpage.odin #footer-section .snapchat-icon:hover:after{
		background: #fffc00;
	}
}

/*#homepage.sage .more-social-icon a:before, #innerpage.sage .more-social-icon a:before{
	line-height:inherit;
}
#homepage.sage footer .more-social-icon a:before, #innerpage.sage footer .more-social-icon a:before{
	line-height:2;
}*/

#homepage.ariel .instagram-icon:hover:before, #innerpage.ariel .instagram-icon:hover:before,
#homepage.elvira .instagram-icon:hover:before, #innerpage.elvira .instagram-icon:hover:before,
#homepage.azul #social-media .instagram-icon:hover:before, #innerpage.azul #social-media .instagram-icon:hover:before{
    color: #c32aa3;
}
#homepage.ariel .youtube-icon:hover:before, #innerpage.ariel .youtube-icon:hover:before,
#homepage.elvira .youtube-icon:hover:before, #innerpage.elvira .youtube-icon:hover:before,
#homepage.azul #social-media .youtube-icon:hover:before, #innerpage.azul #social-media .youtube-icon:hover:before{
    color: #ff0000;
}
#homepage.ariel .linkedin-icon:hover:before, #innerpage.ariel .linkedin-icon:hover:before,
#homepage.elvira .linkedin-icon:hover:before, #innerpage.elvira .linkedin-icon:hover:before,
#homepage.azul #social-media .linkedin-icon:hover:before, #innerpage.azul #social-media .linkedin-icon:hover:before{
    color: #007bb6;
}
#homepage.ariel .yelp-icon:hover:before, #innerpage.ariel .yelp-icon:hover:before,
#homepage.elvira .yelp-icon:hover:before, #innerpage.elvira .yelp-icon:hover:before,
#homepage.azul #social-media .yelp-icon:hover:before, #innerpage.azul #social-media .yelp-icon:hover:before{
    color: #d32323;
}
#homepage.ariel .snapchat-icon:hover:before, #innerpage.ariel .snapchat-icon:hover:before,
#homepage.elvira .snapchat-icon:hover:before, #innerpage.elvira .snapchat-icon:hover:before,
#homepage.azul #social-media .snapchat-icon:hover:before, #innerpage.azul #social-media .snapchat-icon:hover:before{
	color: #fffc00;
}

#homepage.ariel .instagram-icon:before, #homepage.ariel .youtube-icon:before, #homepage.ariel .linkedin-icon:before, #homepage.ariel .yelp-icon:before, #homepage.ariel .snapchat-icon:before,  #homepage.ariel .more-social-icon a:before,
#innerpage.ariel .instagram-icon:before, #innerpage.ariel .youtube-icon:before, #innerpage.ariel .linkedin-icon:before, #innerpage.ariel .yelp-icon:before, #innerpage.ariel .snapchat-icon:before,  #innerpage.ariel .more-social-icon a:before,
#homepage.elvira .instagram-icon:before, #homepage.elvira .youtube-icon:before, #homepage.elvira .linkedin-icon:before, #homepage.elvira .yelp-icon:before, #homepage.elvira .snapchat-icon:before, #homepage.elvira .more-social-icon a:before,
#innerpage.elvira .instagram-icon:before, #innerpage.elvira .youtube-icon:before, #innerpage.elvira .linkedin-icon:before, #innerpage.elvira .yelp-icon:before, #innerpage.elvira .snapchat-icon:before,
#homepage.azul .instagram-icon:before, #homepage.azul .youtube-icon:before, #homepage.azul .linkedin-icon:before, #homepage.azul .yelp-icon:before, #homepage.azul .snapchat-icon:before,  #homepage.azul .more-social-icon a:before,
#innerpage.azul .instagram-icon:before, #innerpage.azul .youtube-icon:before, #innerpage.azul .linkedin-icon:before, #innerpage.azul .yelp-icon:before, #innerpage.azul .snapchat-icon:before,  #innerpage.azul .more-social-icon a:before{
    background-color: transparent;
}


#homepage.liona .socialmedia-icons a:before, #innerpage.liona .socialmedia-icons a:before{
    height:32px;
    width:32px;
    border-radius:7px;
}

#homepage.peace .banner-info .other-social-wrap a:before, #innerpage.peace .banner-info .other-social-wrap a:before{
	height:25px;
	width:25px;
}

#homepage.resolute .popover-content .other-social-wrap, #innerpage.resolute .popover-content .other-social-wrap{
	float:none;
}

#homepage.miera .popover-content .other-social-wrap, #innerpage.miera .popover-content .other-social-wrap,
#homepage.monde .popover-content .socialmedia-icons, #innerpage.monde .popover-content .socialmedia-icons{
	display:inherit;
}

#innerpage.cosmopolitan section#footer-bottom {
    position: initial;
}

/*======================== Theme level fixes to avoid client customization fixes after release */

.no-animation{
	animation:none !important;
}

.modal.modal-fixed-footer .modal-body {
    position: absolute;
	height: -webkit-calc(100% - 153px) !important;
	height: calc(100% - 153px) !important;
    max-height: 100%;
    overflow-y: auto;
	width:100%;
}

/*===================== Issue with online leasing not being able to complete due to buttons Fix Mobile =============================*/
#rentcafe_onlineleasing #ApplicantInformation #Buttons {
margin-top: 30px;
}


/* Resident Portal - Roommates table */
.roommates-data{
	background:#f9f9f9;
    margin-top:-6px;
}

.roommates-data .table-header {
    background: #F5F5F5 !important;
    color: #555;
}
@media (max-width: 768px) {
    .image-404-mobile {
        width: 50%;
    }
}

@media (max-width: 414px) {
    .image-404-mobile {
        width: 80%;
    }
}
#notFoundOverlay {
    position: static;
    /* overflow-y: scroll; */
    width: auto;
    height: auto;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    z-index: 99999;
    /* cursor: pointer; */
}

.upload-document:before {
    content: "\f016";
    font-family: fontawesome;
    display: block;
    color: #818181;
    position: absolute;
    left: 15px;
}

.upload-files-btn #iframe_container{
	width:200px!important;
}


/*Input with eye icon for Resident Portal and Landlord*/
.input-maskeye input { 
	position: relative; 
	float: left!important; 
}

.input-maskeye #maskeye { 
	z-index: 1; 
	height: 30px; 
	width: 20px; 
	line-height: 30px; 
}

.input-maskeye span i { 
	right: 30px; 
	padding-top: 7px;  
}

/*!
* Cross-browser alternative to -webkit-text-security
* Copyright (c) 2016 Oskari Noppa
* Licensed under MIT
* https://github.com/noppa/text-security/blob/master/LICENSE
*/

@font-face {
    font-family: 'text-security-disc';
    src: url('../font/text-security-disc.eot');
    src: url('../font/text-security-disc.eot#iefix') format('embedded-opentype'),
        url('../font/text-security-disc.woff') format('woff'),
        url('../font/text-security-disc.ttf') format('truetype'),
        url('../font/text-security-disc.svg') format('svg');
}

.input-maskeye .conceal-text {
	font-family: 'text-security-disc';
}

/* PR - DT-6879 - COMMON CSS FOR VPAT */
a.address-link, a.address-link:hover, a.address-link:focus, a.today-office-hours, a.today-office-hours:hover, a.today-office-hours:focus{
	color: inherit !important;
}

div#OLEPreQualWidgetDiv {
    margin-bottom: 15px;
}


button#ContactUs_PreQualify {
    margin: 15px 0px;
}

@media (max-width: 568px) {
	.prequalStateSelect select {
	    width: 135px;
	    height: 38px;
	    padding: 5px 0 0 5px;
	    color: #999;
	    margin-left: 15px;
	}


	.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable {
	    width: 100%!important;
	    margin: 0;
	}

	.ui-corner-bottom, .ui-corner-br, .ui-corner-right, .ui-dialog.ui-corner-all {
    border-radius: 0px;
	}

}

#office-hours-widget .popover{
    color: #000;
    font-size: 18.87px
}
/*
    #office-hours-widget #open-today-text #todays-hours {
        vertical-align: middle
    }

#office-hours-widget #officeHourWrap-widget {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    background: #002f5f;
    border: 1px solid #fff;
    padding: 20px;
    left: 177px
}

@media (min-width:992px) {
    #office-hours-widget.hover_effect #officeHourWrap-widget,
    #office-hours-widget:focus #officeHourWrap-widget,
    #office-hours-widget:hover #officeHourWrap-widget {
        opacity: 1;
        visibility: visible
    }
}
*/
/*add this to override the ole class for prequal*/
#prequalify-modal .ole_fancy_form .agreement {
    padding: 0;
    text-align: justify;
}



.lazy:not(.lazy--handled) {
    background-image: none !important;
}

.page-overlay {
    z-index: 9999;
}


/* Student Guarantor Portal*/

#rentcafe_studentguarantorportal .uploadState iframe{
	width: auto !important;
}
#rentcafe_studentguarantorportal #ctmcontentcontainer{
	min-height:500px;
}

.hidden-seo-compliant, .hidden-seo-compliant * {
    font-size: 0!important;
    width: 0!important;
    height: 0!important;
    line-height: 0!important;
    border: none!important;
    
    margin: 0!important;
    padding: 0!important;

    color: transparent!important;
    background: transparent!important;

    position: absolute;
    top: -999999px;
}

/* Resident Portal - Submenu hover css*/

@media (min-width:769px){
	#rentcafe_residentportal #ResMenu.navbar .nav li,
	#rentcafe_onlineleasing #ResMenu.navbar .nav li{
		position: relative;
	}
	#rentcafe_residentportal #ResMenu ul.submenu,
	#rentcafe_onlineleasing #ResMenu ul.submenu{
        display: none;
        position: absolute;
        margin: 0;
        background: #fff;
        border: 1px solid #ccc;
        list-style: none;
        width: 200px;
        left: 0;
		word-break: break-word;
		z-index:9;
    }
    #rentcafe_residentportal #ResMenu.navbar .nav li:hover  ul.submenu,
	#rentcafe_onlineleasing #ResMenu.navbar .nav li:hover  ul.submenu{
        display: block; 
		z-index:9;
    }    
    #rentcafe_residentportal #ResMenu ul.submenu li,
	#rentcafe_onlineleasing #ResMenu ul.submenu li { 
        border-bottom: 1px solid #ccc;
    }
    #rentcafe_residentportal #ResMenu ul.submenu li:last-child(),
	#rentcafe_onlineleasing  #ResMenu ul.submenu li:last-child(){
         border-bottom: none;
    }
    #rentcafe_residentportal #ResMenu ul.submenu li a,
	#rentcafe_onlineleasing  #ResMenu ul.submenu li a{
        padding: 10px 15px;
        display: block;
    }
    #rentcafe_residentportal #ResMenu ul.submenu li:last-child,
	#rentcafe_onlineleasing #ResMenu ul.submenu li:last-child {
        border-bottom: none;
    }
}
/* Online Leasing - Signature Options css*/
#AgreementInformationDiv #scriptSig input[type="radio"].styled + label {
    position: relative;
    padding: 0 0 0 25px;
    font-size: 16px;
    line-height: 25px;
    margin: 0 0 10px 0;
    display: inline !important;
}

#AgreementInformationDiv #DivDrawSign {
    width: auto;
}

.accordion-trigger {
    border-style: none !important;
    box-shadow: none;
    background: none !important;
    font-size: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    padding-left: 0;
    display: block;
    width: 100%;
    outline: none;
    text-align: left;
}

.Accordion-title {
    display: block;
    pointer-events: none;
    border: transparent 2px solid;
    outline: none;
}

.accordion-trigger:focus .accordion-icon,
.accordion-trigger:hover .accordion-icon {
    color: #08c;
}

.accordion-trigger:focus .accordion-title,
.accordion-trigger:hover .accordion-title {
    color: #08c;
}

.default-pointer {
    cursor: default !important;
}

.rate {
    display:inline-block;
    height: 46px;
    padding: 0 10px;
}

    .rate:not(:checked) > input {
        position: absolute;
        top: -9999px;
    }

    .rate:not(:checked) > label {
        float: right;
        width: 1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 30px;
        color: #ccc;
    }

.rate:not(:checked) > label:before {
    content: '★ ';
}
.WoRatingDisplay {    
    float: right;
    width: 5em;
    overflow: hidden;    
    font-size: 20px;
    color: black;
}
.wostars5:before {
    content: '★★★★★';
}
.wostars4:before {
    content: '★★★★';
}
.wostars3:before {
    content: '★★★';
}
.wostars2:before {
    content: '★★';
}
.wostars1:before {
    content: '★';
}

    .rate > input:checked ~ label {
        color: #ffc700;
    }

    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #deb217;
    }

    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #c59b08;
    }
.copy-from-ML-btn {
    font-size: .8rem !important;
    padding: 5px 10px !important;
    line-height: 25px !important;
    text-transform: none !important;
    margin: 3px auto -2px !important;
    border-radius: 5px !important;
    background: white !important;
    border: 2px solid #454545 !important;
    font-weight: 600 !important;
    color: #444 !important;
}

.text-underline {
    text-decoration: underline;
}
.color-inherit {
    color: inherit !important;
}
.color-inherit:hover {
    color: inherit !important;
}
.color-inherit:focus {
    color: inherit !important;
    text-decoration: underline !important;
}
.bordered-rounded-grey {
    border: 2px solid #777;
    border-radius: 5px;
    padding: 10px 0;
}
.bordered-rounded-grey #PreferredInner{
    margin-left: 10px;
}

.self-storage-grey .control-left-aligned {
    text-align: left !important;
    width: 100%;
    padding-left: 15px !important;
}

.ot-checkbox {
    margin-bottom: 4px !important;
}

div#ot-select input[type=file], select {
    height: 34px;
    padding: 6px 10px
}


/* PR - BOOTSTRAP OVERRIDE & COMMON CSS FOR VPAT */

/************************************/
/** START - BOOTSTRAP OVERRIDE FIX **/
/************************************/
.alert-info {
  color: #265064 !important;
}
.alert-success {
  color: #285729 !important;
}
.alert-warning {
  color: #664f29 !important;
}
.alert-danger{
color: #79302F !important;
}
.alert-error, .error{
color: #722D2C !important;
}
.muted{
color: #595959 !important;
}
.text-info{
  color: #004b99 !important;
}
/* DT-6731 */
.text-blue{
color:#005E8F !important;
}
/* DT-7247 & DT-6757 */
.btn-success{
  background-color: #11643e !important;
color:#ffffff !important;
background-image: none !important;
}
.btn-success:hover{
  background-color: #18814f !important;
 color:#ffffff !important;
background-image: none !important;
}
/**********************************/
/** END - BOOTSTRAP OVERRIDE FIX **/
/**********************************/

/***************************/
/* START - INNERPAGE CSS*/
/***************************/
/*DT-7116 to DT-7131*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  color: #4d4d4d !important;
}
/* DT-7266 */
.lease-card-inner .viewquotesheet a {
  color: #0056b3 !important;
  text-decoration: underline !important;
}
/* DT-7217 */
.well.ole_fancy_form_panel a {
  color: #004b99 !important;
}
/* DT-6950, DT-7105, DT-7106, DT-7200, DT-7201, DT-7202, DT-7205 & DT-7206 */
#mainformcontainer .label.label-warning {
  color: #212121 !important;
}
/*DT-7194, DT-7139 & DT-7138*/
#mainformcontainer .label.label-success {
  background-color: #316332 !important;
}
/* DT-7203, DT-7204, DT-7245 & DT-7244 */
#mainformcontainer .alert-warning, #divInvalidMISelMsg .alert-warning {
  color: #664f29 !important;
}
/* DT-7246 */
#UnitSpecials .text-success {
  color: #2f6030;
}
/* DT-7243 */
#lease_info_panel ul li a.subtleLink {
  color: #004b99;
}
/* DT-7182 */
#bluemoon-application-container
  .mat-form-field.mat-form-field-invalid
  .mat-form-field-label {
  color: #b2120b !important;
}
/* DT-6723 & DT-6901*/
.sda-promo2{
color: #614C33  !important;
}
/* DT-6951, DT-6114 & DT-6064*/
.problems-intro{
color:#405F26 !important;
}
/* DT-6773, DT-6973,  DT-6934 */
.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea, select{
    border: 1px solid #595959 !important;
}
 .thumbnail-svg svg {
     height:100px;
     width:100px;
    text-align:center;
     
}
/* DT-7151, DT-6772, DT-7145, DT-6936, DT-6919, DT-6934, DT-6771 */
.close {
    opacity: 1 !important;
}
.ui-slider-horizontal .ui-slider-handle {
     background-color: #11643e !important;
}
i.iconm-price-tag:before {
    color: #11643e !important;
}
#BVFlipCard .lease-card .promoted { 
border:1px solid #ccc !important;
box-shadow:none !important;
}

.ole-form-captcha-content {
    font-size: 13px;
}
.ole-form-terms-content {
    font-size: inherit;
    margin: 15px 0;
    line-height: inherit;
}
#BVFlipCard .lease-card .promoted h2 { font-weight: bold ;}

/* DT-7191 & DT-7169 */
@media only screen and (max-width: 768px){
	.modal.fade.in {
		top: 20%!important;
	}
}
/***************************/
/* END - INNERPAGE CSS*/
/***************************/




/* OLE Occupants popover CSS Start */

.room-occupants-modal .table-scroll {
    overflow-x: auto;
}

a.btn.occupants-modal-icon, a.btn.occupants-modal-icon:hover {
    background: none;
    border: none;
    background-color: transparent;
    box-shadow: none;
    text-shadow: none;
}

.room-occupants-modal .room-occupants.table th {
    color: #595959 !important;
    font-weight: normal;
}

.room-occupants-modal .room-occupants.table tr td.text-success {
    color: #468847;
}

.room-occupants-modal .room-occupants.table tr td.text-danger {
    color: #dc3545;
}

.room-occupants-modal .room-occupants.table tr td {
    font-weight: 400;
    color: #000;
}

.room-occupants-modal .room-occupants.table tr td .label {
    font-weight: 400;
}

/* Badge color codes start */
.label.label-1, .label.label-2, .label.label-3, .label.label-4, .label.label-5 {
    padding: 5px 8px;
    border-radius: 12px
}

.label.label-1 {
    background-color: #C78D00;
    color: #000000;
}

.label.label-2 {
    background-color: #999999;
    color: #000000;
}

.label.label-3 {
    background-color: #FFD700;
    color: #000000;
}

.label.label-4 {
    background-color: #E5E4E2;
    color: #000000;
}

.label.label-5 {
    background-color: #b9f2ff;
    color: #000000;
}

@media(max-width: 992px) {
    .room-occupants-modal .occupant-popover-heading {
        display: inherit !important;
    }
}

@media(min-width: 992px) {
    .room-occupants-modal .occupant-popover-heading {
        display: inline-flex;
        align-items: end;
    }
}

/* OLE Occupants popover CSS End */

/* OLE Self Storage Renter Type selection CSS Start */

.renter-type-btn {
    background-color: #f9f9f9;
    color: #333;
}

    .renter-type-btn .active-check-icon {
        visibility: hidden;
    }

    .renter-type-btn:focus, .renter-type-btn:hover {
    color: #3c3c3c;
    background-color: #ededed;
    }  

    .renter-type-btn.active {
        color: #fff;
        background-color: #88c156;
    }

        .renter-type-btn.active .active-check-icon {
            visibility: visible;
        }

    .renter-type-btn.disabled {
        pointer-events: none;
        opacity: 0.75;
    }

.summary-card {
    color: #777;
    font-size: 14px;
    line-height: 24px;
}

.unit-summary {
    background-color: #e9e9e9;
    color: #000000;
}

.summary-card h4 {
    color: #D72929;
    font-weight: 600;
}

.pop-unit-meta .pop-unit-bed, .pop-unit-meta .pipe-divi {
    display: none;
}

/* OLE Self Storage Renter Type selection CSS End */