body {
    background: #DDD4C4;
    font-size: 14px;
}
/* grid view acc request*/


.mainContentPane, .mainContentPane h1, .mainContentPane h2, .slider-view label#dxLabelFornameGalleryGAL, .payment-process fieldset.ui-widget-content label {
    color: #402413 !important;
}

/*button*/

div.dxbButton_CommunityBrown {
    background-color: #614a28 !important;
}

div[class^="dxbButton_"] {
    border: none !important;
    background: #614a28 !important;
    padding: 1px 0 !important;
    cursor: pointer;
}

input[type="submit"], input[type="button"], input[type="reset"] {
    border: none !important;
    background: #614a28 !important;
    padding: 3px 10px 4px !important;
    width: auto !important;
    cursor: pointer;
    box-shadow: none !important;
    line-height: 1.428571429;
    font-size: 14px !important;
}
    input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
        border: none !important;
        background: #614a28 !important;
        padding: 3px 10px 4px !important;
        width: auto !important;
        cursor: pointer;
        box-shadow: none !important;
        line-height: 1.428571429;
        font-size: 14px !important;
    }
.btn-primary, .btn-primary:hover {
    color: #ffffff;
    background-color: #614a28 !important;
    border-color: #614a28 !important;
    border-radius: 6px !important;
}
/* End button*/

div[id*="PopUp_"] .dxpc-header, div[id*="Popup_"] .dxpc-header, td[class^="dxgvHeader_"], div[id*="Dialog_"] .dxpc-header {
    background-color: #614A28 !important;
}

element.style {
    border-top-width: 0px;
    border-left-width: 0px;
}

.mainContentPane table tbody tr td {
    border-color: #10315A;
}

.mainContentPane, .mainContentPane table, .mainContentPane table tbody tr td, option {
    font-size: 14px;
}

    .mainContentPane h1, .mainContentPane h2, .mainContentPane h3, .mainContentPane table, div[class*='dxflFormLayout_'], .mainContentPane table tbody tr td, option {
        font-family: Arial,Helvetica,sans-serif !important;
    }

div[id*="PopUp_"] .dxpc-header, div[id*="Popup_"] .dxpc-header, td[class^="dxgvHeader_"], div[id*="Dialog_"] .dxpc-header {
    background-color: #143E74;
}

    .resetPwd a, div[id*="PopUp_"] .dxpc-header, div[id*="Popup_"] .dxpc-header, td[class^="dxgvHeader_"], div[id*="Dialog_"] .dxpc-header, td[class^="dxgvHeader_"] table td, div[id*="PopUp_"] .dxpc-header div, div[id*="Popup_"] .dxpc-header div, div[id*="Dialog_"] .dxpc-header div, .login-form .field label {
        color: #FFFFFF;
    }

.mainContentPane table tbody tr td {
    border-color: #10315A;
}

.mainContentPane input[type="text"][class^="dxeEditArea_"], .mainContentPane input[type="password"][class^="dxeEditArea_"] {
    width: 100%;
    background-color: white !important;
}

.header {
    background: #E5E5E5;
}

.banner-bg {
    background: #fff;
    height: 371px;
}

.footer-container {
    background: #614A28;
    border-top: 5px solid #95ADA1;
}

.header .logo p, .header .logo a {
    color: #392F26 !important;
}

.footerEmailLinkColor {
    color: #ffffff !important;
}

.mainContentPane {
    background-color: rgb(229, 229, 229);
}


/*menu arrow icon*/

.dxm-popOut {
    margin-top: 3px;
    width: 25px;
    height: 11px !important;
    background: url(../../../../Content/css/Images/aroow_bottom.png) 0 0;
}


/*calendar*/

table.dxscControl_CommunityBrown, #schCalendar td.dxscDateCellHeader_CommunityBrown, #schCalendar td.dxscTodayCellHeader_CommunityBrown, #schCalendar td.dxscDateCellBody_CommunityBrown, #schCalendar td[class*='dxscTimeCellBody_'], #schCalendar td[class*='dxscTimelineCellBody_'] {
    border-color: #143E74 !important;
}

#schCalendar td.dxscTodayCellHeader_CommunityBrown, #schCalendar td[class*='dxscAlternateTimelineDateHeader_'], #schCalendar td[class*='dxscAlternateDateHeader_'] {
    background: #143E74 !important;
}

#flCalendarBD_0, #HOImageGallery_CCell {
    width: 1034px;
}

div.dxflGroupBox_CommunityBrown {
    border: 1px Solid #9F9F9F !important;
}

td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBrown .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}

.dxflGroupBox_CommunityBrown {
    display: table !important;
    border-collapse: separate !important;
    width: 100% !important;
    border: 1px Solid #9F9F9F !important;
    border-radius: 3px !important;
    padding: 0 0 12px !important;
    margin: 10px 0 !important;
}

.payment-process fieldset.ui-widget-content label, .dxflNestedControlCell_CommunityBrown {
    color: #4E4E4E !important;
}

.dxWeb_mHorizontalPopOut_CommunityBrown {
    margin-top: -19px !important;
}


/*Contact us*/

.mainContentPane table tbody tr td {
    border-color: #474646;
}

#UserInformationForm, #ContactUsForm, #flUserInfo, #PaymentForm {
    padding: 1%;
}

td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBrown .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}

td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBrown .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}

.dxflGroupBox_CommunityBrown {
    display: table !important;
    border-collapse: separate !important;
    width: 100% !important;
    border: 1px Solid #9F9F9F !important;
    border-radius: 3px !important;
    padding: 0 0 12px !important;
    margin: 10px 0 !important;
}

.registration-heading {
    background-color: White !important;
    color: #232222;
}

td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBrown .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}

.mainContentPane table td[id*="ContactUsForm_"] div.dxflItem_CommunityBrown {
    color: #333 !important;
}

.mainContentPane h1, .mainContentPane h2, .mainContentPane h3, .mainContentPane table, div[class*='dxflFormLayout_'], .mainContentPane table tbody tr td, option {
    font-family: Arial,Helvetica,sans-serif !important;
}

/*#ContentBody a {
    color: #0000ff;
}*/

.dxflRequired_CommunityBrown {
    color: #0075E0;
    font-style: normal;
}

input[type="text"][class^="dxeEditArea_"], input[type="password"][class^="dxeEditArea_"], textarea {
    color: #4A4747;
    background: #FFF !important;
}

.mainContentPane input[type="text"][class^="dxeEditArea_"], .mainContentPane input[type="password"][class^="dxeEditArea_"] {
    width: 100%;
    background-color: white !important;
}

.dxmLite_CommunityBrown .dxm-main {
    background: #614A28;
    border: 0px !important;
    padding: 0px !important;
}

.banner-bg .banner .banner-txt h2, .banner-bg .banner .banner-txt p {
    color: #333;
}

.dxsplLCC {
    background-color: #E5E5E5;
}

.back-color {
    background: #614A28;
}
/*Body Content*/
.BodyContainer h1 {
    font-size: 20px;
    font-weight: bold;
    color: #402413 !important
}

.BodyContainer h4, p {
    font-size: 13px;
}

.body-content {
    background-color: #E5E5E5;
}

.inner-body-contianer {
    background-color: #E5E5E5;
}

.nav > li > a:hover, .nav > li > a:visited, .nav > li > a:focus, .nav > li > a:active {
    background-color: #9E6D37 !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:visited, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:active {
    background-color: #9E6D37 !important;
}

.dropdown-menu > li > a {
    color: #E5E5E5 !important;
}

.dxtcLite_CommunityBrown {
    background: #e5e5e5 !important;
}

    .dxtcLite_CommunityBrown > .dxtc-stripContainer, .dxtcLite_CommunityBrown > .dxtc-stripContainer .dxtc-strip {
        background: #e5e5e5 !important;
    }

        .dxtcLite_CommunityBrown > .dxtc-stripContainer .dxtc-text, .dxtcLite_CommunityBrown > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_CommunityBrown > .dxtc-stripContainer .dxtc-rightIndent {
            background: #e5e5e5 !important;
        }

.dxflGroup_CommunityBrown {
    background: #e5e5e5 !important;
}

.dxflRequired_CommunityBrown {
    color: #e5e5e5 !important;
    font-style: normal;
}

.dxflGroupBoxCaption_CommunityBrown {
    font-weight: normal;
    background-color: #E5E5E5 !important;
    color: #614a27 !important;
    display: inline-block;
}

.dxtcLite_CommunityBrown > .dxtc-content {
    font: 12px Tahoma,Geneva,sans-serif;
    color: black;
    background: #e5e5e5 !important;
}

label {
    font-weight: normal !important;
}

#fromSubmitCustomACCRequest #IsCheckedAcknowledgement1, #fromSubmitCustomACCRequest #IsCheckedAcknowledgement2, #fromSubmitCustomACCRequest #IsCheckedAcknowledgement3 {
    width: 10px !important;
    height: auto !important;
    vertical-align: sub !important;
}

.dxpc-content {
    background-color: #e5e5e5 !important;
}

.custom-table th:first-child {
    border-left: 1px solid #40311b;
}

.custom-table th:first-child {
    border-left: 1px solid #888;
}

.custom-table th {
    border-bottom: 3px Solid #40311b;
    border-right: 1px solid #40311b;
    border-top: 1px solid #40311b;
    background-color: #614a28;
    color: white;
    padding: 6px;
}

.document-file-anchor-color {
    text-decoration: none !important;
    color: inherit !important;
}

.registration-heading {
    background-color: #e5e5e5 !important;
    color: #614a27;
}

.payment-process fieldset.ui-widget-content legend {
    color: #1B1A1A !important;
    font-size: 12px !important;
    Font-Weight: bold;
}

.mainContentPane h2 {
    font-weight: bold;
    font-size: 14px !important;
    padding-bottom: 10px;
}

.grd-header-Color {
    color: #ffffff;
    background-color: rgb(97, 74, 39) !important;
}


.dxgvHeader, .dxgvHeader table {
    color: white !important;
}

.dxgvHeader {
    background-color: rgb(97, 74, 39) !important;
}

.dxbButton {
    color: white !important;
    border: 1px solid rgb(97, 74, 39) !important;
    background: rgb(97, 74, 39) !important;
}


.dxsplControl {
    background-color: #e5e5e5 !important;
}

.dxflGroupBoxCaption {
    background-color: #e5e5e5 !important;
    color: #614a27 !important;
}

.dxpcLite .dxpc-header {
    color: #ffffff !important;
    background-color: #614a26 !important;
}

@supports (-ms-ime-align:auto) {
    div.dxb {
        padding-left: 0px !important;
        padding-right: 9px !important;
        padding-top: 2px !important;
        margin-bottom: 8px !important;
    }
}

.tab_btn_message_center {
    border-radius: 4px 4px 0 0;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 11px 20px;
    background: #ccc;
    color: #000;
    border: 0px;
    outline: 0px;
}

.active_message_center {
    border-radius: 4px 4px 0 0;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 11px 20px;
    background: #614A28 !important;
    color: #fff;
    border: 0px;
    outline: 0px;
}

.dxflInternalEditorTable_CommunityBrown {
    width: 100%;
    background: none !important;
}

.dxflNestedControlCell_CommunityBrown {
    height: auto !important;
}

.dxflGroupBox_CommunityBrown > .dxflGroup_CommunityBrown {
    margin-top: 0px !important;
}

.Print-Btn {
    color: #fff !important;
    background-color: rgb(97, 74, 39) !important;
    border-color: rgb(97, 74, 39) !important;
    border-radius: 0px !important;
    font: 12px Tahoma, Geneva, sans-serif;
    font-weight: normal !important;
    border-radius: 0px !important;
    width: auto;
    height: auto !important;
    padding: 6px 15px 6px !important;
    text-decoration: none !important;
    float: left;
}

.make-quick-payment {
    border: none !important;
    background: #614a28 !important;
    padding: 6px 8px !important;
    cursor: pointer;
    box-shadow: none !important;
    color: #FFF;
    display: inline-block;
    font: 12px Tahoma, Geneva, sans-serif;
}

    .make-quick-payment:hover {
        color: #FFF;
        text-decoration: none;
    }

    .make-quick-payment:visited {
        color: #FFF;
        text-decoration: none;
    }

.payment-print-btn {
    text-align: center !important;
    line-height: 1px !important;
    vertical-align: top !important;
    padding: 13px !important;
    padding-top: 12px !important;
}

#btnViewAmenityPhoto {
    color: #ffffff;
    background-color: rgb(97, 74, 39) !important;
    border-color: rgb(97, 74, 39) !important;
    font: 12px Tahoma, Geneva, sans-serif !important;
    height: 27px !important;
    border-radius: 0px !important;
    padding: 3px 15px 3px !important;
}
.btn-success {
    color: white !important;
    border: 1px solid #614A28 !important;
    background: #614A28 !important;
    border-radius: 0px !important;
}

.btn-default {
    border-radius: 0px !important;
}
.complete-reservation {    
    padding: 10px 15px;
    text-align: center;
    font-weight: 600;
}
.btn-default:hover, .btn-default:active, .open .dropdown-toggle.btn-default {
    color: #fff !important;
    background-color: #9b763e !important;
    border-color: #9b763e !important;
}
@media only screen and (max-width:1024px) {
    #UserInformationForm_7_3 .eye-position {
        left: 445px;
        top: 1815px;
    }

    #UserInformationForm_7_5 .eye-position {
        left: 445px;
        top: 1850px;
    }
}
@media only screen and (max-width:800px) {
    #UserInformationForm_6_3 .eye-position {
        left: 460px;
        top: 1479px;
    }

    #UserInformationForm_6_5 .eye-position {
        left: 460px;
        top: 1515px;
    }
}
.onoffswitch-inner:before {
    background-color: #614A28 !important;
}

.onoffswitch-inner:after {
    background-color: #ccc !important;
}
/************************** One time payment tab active class ****************************/
#divAIOneTimePayment .nav-tabs > li.active > a {
    color: #fff !important;
    background: rgb(97, 74, 39) !important;
    border: 0px solid #dddddd;
    border-bottom-color: transparent;
}

    #divAIOneTimePayment .nav-tabs > li.active > a:hover {
        color: #fff !important;
        background: rgb(97, 74, 39) !important;
        border: 0px solid #dddddd;
        border-bottom-color: transparent;
    }
/************************** One time payment tab active class End ************************/
.neighborhoodnews-link, .neighborhoodnews-link:hover {
    border-radius: 0px !important;
}
/* CEPHAI CHAT CSS */

.cephai {
    background: #614A28;
    color: #fff;
}

.cephai-div {
    background: #fff;
    border: 1px solid #614A28;
}

.cephai-div-header {
    background: #614A28;
}

.cephai-close-btn {
    background: #614A28;
    color: #fff;
}

.cephai-logo-icon {
    color: #614A28 !important;
}

.chatbycinc-img i {
    color: #614A28 !important;
}
/* CEPHAI CHAT CSS-END */


/* Payment Assessment View May-2025*/
.highlight-box {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    padding:25px 15px;
    margin-bottom: 15px;
    border-radius: 6px;
}

.current-balance {
    font-size: 36px;
    font-weight: 600;
}

.current-balance-sub {
    font-size: 18px;
    font-weight: 600;
}

.sub-label {
    font-size: 12px;
    font-weight: normal;
    margin: 10px 0px
}

#PaymentAssessmentView .btn-outline-primary {
    font-size: 14px !important;
    color: #614a28 !important;
    border-color: #614a28 !important;
    background: #fff !important;
}

    #PaymentAssessmentView .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #614a28 !important;
    }

#PaymentAssessmentView .btn-xs {
    padding: 3px 15px !important;
}

.block-header {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.card-header {
    font-size: 20px;
    font-weight: 700;
}

.outline-card {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 6px;
    margin-bottom: 20px;
}

#default-Modal .modal-content {
    border-radius: 8px !important;
}
/* Payment Assessment View May-2025 END*/