body{
    overflow-x:hidden;
      
}
/* grid view acc request*/

.BodyContainer {
    background: none;
}
.BodyContainer h1{
    font-size:20px;
    font-weight:bold;
    color: #027496;
}
.BodyContainer h4, p{
    font-size:13px;
}

/*button*/
label{
    font-weight:normal !important;
}

div.dxbButton_CommunityGreen {
    background-color: #143e74 !important;
}
div[class^="dxbButton_"] {
    border: none !important;
    padding: 1px 0 !important;
    background: #83A400 !important;
    cursor: pointer;

}
input[type="submit"], input[type="button"], input[type="reset"] {
    border: none !important;
    cursor: pointer;
    color: white;
    background-color: #2c3e50;
    border-color: #2c3e50;
    font-weight: 700;
    line-height: 1.428571429;
    font-size: 14px !important;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
    border: none !important;
    cursor: pointer;
    color: white;
    background-color: #2c3e50;
    border-color: #2c3e50;
    font-weight: bold !important;
    line-height: 1.428571429;
    font-size: 14px !important;
}
.btn-primary, .btn-primary:hover {
    color: #ffffff;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    border-radius: 6px !important;
}
.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
        color: white !important;
     background-color: #2c3e50 !important;
    border-bottom: #2c3e50 !important;
        border-top-left-radius: 6px;
    border-top-right-radius: 6px;
     padding: 7px 2px 8px 12px !important;
}
/* End button*/


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

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

.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: #2C3E50;
}
.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: #FFFFFF;
}
.banner-bg {
    background: #333333;
    height: 371px;
}
.footer-container {
    background: #2C3E50;
}
.footer-bottom{
    background-color:#233140;
    box-shadow: 0 0 0px #233140 !important;
}
.footer-container h1 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size:36px;
    color:white;
}
.mainContentPane h1, .mainContentPane h2, .mainContentPane h3, .slider-view label
 #dxLabelFornameGalleryGAL, .header .logo p, .header .logo a, .payment-process fieldset.ui-widget-content label {
    color: #39332e !important;
    text-decoration: none;
    font-weight: bold;
}

.footerEmailLinkColor {
    color: #ffffff!important;
}
.mainContentPane {
    background-color: rgba(0,0,0,.9);
}
.dxsplLCC {
    background-color: #E5E5E5;
}
.dxsplControl_CommunityGreen, .dxsplVSeparator_CommunityGreen, .dxsplHSeparator_CommunityGreen, .dxsplPane_CommunityGreen, .dxsplPaneCollapsed_CommunityGreen, .dxsplVSeparator_CommunityGreen, .dxsplHSeparator_CommunityGreen, .dxsplVSeparatorCollapsed_CommunityGreen, .dxsplHSeparatorCollapsed_CommunityGreen {
    border: 0px solid #8C8C8C;
    background: #e5e5e5;
}
.dxflGroupBoxCaption_CommunityGreen {
    font-weight: bold;
    background: #fff !important;
    color: #83A400 !important;
}
.dxflRequired_CommunityGreen {
    color: #ffffff !important;
    font-style: normal;
}


/*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_CommunityGreen, #schCalendar td.dxscDateCellHeader_CommunityGreen, #schCalendar td.dxscTodayCellHeader_CommunityGreen, #schCalendar td.dxscDateCellBody_CommunityGreen, #schCalendar td[class*='dxscTimeCellBody_'], #schCalendar td[class*='dxscTimelineCellBody_'] {
    border-color: #143E74 !important;
}
#schCalendar td.dxscTodayCellHeader_CommunityGreen, #schCalendar td[class*='dxscAlternateTimelineDateHeader_'], #schCalendar td[class*='dxscAlternateDateHeader_'] {
    background: #143E74 !important;
}
#flCalendarBD_0, #HOImageGallery_CCell {
    background-color: white !important;
    width: 1034px;
}

div.dxflGroupBox_CommunityGreen {
    border: 1px Solid #9F9F9F !important;
}
td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityGreen .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
.dxflGroupBox_CommunityGreen {
    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_CommunityGreen {
    color: #4E4E4E !important;
}

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


/*Contact us*/

.mainContentPane table tbody tr td {
    border-color: #779400;
}
#UserInformationForm, #ContactUsForm, #flUserInfo, #PaymentForm {
    padding: 1%;
}
td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityGreen .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}

td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityGreen .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
.registration-heading  {
    color: #027496;
}
td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityGreen .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
.mainContentPane table td[id*="ContactUsForm_"] div.dxflItem_CommunityGreen {
    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;
    text-decoration: underline;
}*/
.dxflRequired_CommunityGreen {
    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_CommunityGreen .dxm-main{
    border: 0px !important;
    padding: 0px !important;
    background: #211F1D;
}

/*--*/

.modernheader{
   background: #2C3E50;
}
/*Body Content*/

.body-content{
    background-color:white;
}

.inner-body-contianer{
        background-color:#fff;
        box-shadow:  0 0 10px #d8d8d8;
}

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

    background-color: #18BC9C !important;
}
.dropdown-menu > li > a {
      color: #fff !important;
}
.dropdown-menu {
    padding: 0px 0 !important;
    background-color: #666666 !important;
    border: 0px !important;
}


.ho-wo-heading{
     font-size:13px;
     font-weight:bold;
}
.custom-table th:first-child {
    border-left: 1px solid #617900;
}

.custom-table th:first-child {
    border-left: 1px solid #888;
}
.custom-table th {
    border-bottom: 3px Solid #1c2833;
    border-right: 1px solid #1c2833;
    border-top: 1px solid #1c2833;
    background-color: #2c3e50;
    color: white;
}
.document-file-anchor-color {
    text-decoration: none !important;
    color: inherit !important;
}
/*new theme css view*/

.back-color{
        background: #2C3E50;
       width: 100%;
}


/*--------------------------------------------------------------
  Back To Top
--------------------------------------------------------------*/

#myTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: black;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myTopBtn:hover {
  background-color: #555;
}
.dxbButton {
    color: white !important;
    font: 12px Tahoma, Geneva, sans-serif;
    border: 1px solid #2c3e50 !important;
    background: #2c3e50 !important;
}
.dxflRequired {
    color: red !important;
     
}
.dxgvHeader{
    border: 1px Solid #1c2833 !important;
    background-color: #2c3e50 !important;
}
.dxgvHeader, .dxgvHeader table{
        color: white !important;

}
.dxflGroupBoxCaption {
    color: #027496 !important;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
    color: white !important;
    background-color: #0079a7 !important;
    border-color: #0079a7 !important;
}
.navbar-custom .navbar-nav li.active a {
    color: white;
    background: #18BC9C;
}

.bg-primary {
    background-color: #2C3E50 !important;
}
.page-scroll .logindiv {
    background: #2C3E50 !important;
}
    .page-scroll .logindiv input {
        background: #2C3E50 !important;
    }
    .page-scroll .logindiv:hover{
      /*background-color: #18BC9C !important;
     border:1px solid  #18BC9C !important;*/
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.page-scroll .logindiv:hover input, .page-scroll .logindiv:active input, .page-scroll .logindiv:focus input, .page-scroll .logindiv:visited input{
      /*background-color: #18BC9C !important;
     border:1px solid  #18BC9C !important;*/
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
.grd-header-Color{
    color: white;
    border: 1px Solid #1c2833 !important;
    background-color: #2c3e50 !important;
}
.Bluethemebutton input{
    background-color: #097496 !important;
    border-color: #097496 !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-color: #2C3E50 !important;
    color: #fff;
    border: 0px;
    outline: 0px;
}

.Print-Btn {
    color: white !important;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    border-radius: 0px !important;
    font: 12px Tahoma, Geneva, sans-serif;
    font-weight: normal !important;
    border-radius: 6px !important;
    width: auto;
    height: auto !important;
    padding: 6px 15px 6px !important;
    text-decoration: none !important;
    float: left;
}
.payment-print-btn {
    text-align: center !important;
    line-height: 1px !important;
    vertical-align: top !important;
    margin-left: 5px !important;
    padding: 11px !important;
}

#btnViewAmenityPhoto {
    color: #ffffff;
    background-color: #2c3e50 !important;
    border-color: #2c3e50 !important;
    font: 12px Tahoma, Geneva, sans-serif !important;
    height: 25px !important;
    border-radius: 6px !important;
    padding: 1px 15px 3px !important;
}
.btn-success {
    color: white !important;
    border: 1px solid #2c3e50 !important;
    background: #2c3e50 !important;
    border-radius: 6px !important;
}

.btn-default {
    border-radius: 6px !important;
}
.complete-reservation {
    padding: 10px 15px;
    text-align: center;
    font-weight: 600;
}
@media only screen and (max-width:1024px) {
    #UserInformationForm_7_3 .eye-position {
        left: 445px;
        top: 1650px;
    }

    #UserInformationForm_7_5 .eye-position {
        left: 445px;
        top: 1685px;
    }
}
.onoffswitch-inner:before {
    background-color: #2C3E50 !important
}

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

    #divAIOneTimePayment .nav-tabs > li.active > a:hover {
        color: #fff !important;
        background: #2c3e50 !important;
        border: 0px solid #dddddd;
        border-bottom-color: transparent;
    }
/************************** One time payment tab active class End ************************/
.neighborhoodnews-link {
    border: 1px solid #fff !important;
    border-radius: 25px !important;
}

    .neighborhoodnews-link:hover {
        border: 1px solid #fff !important;
        background: #0075a0 !important;
        border-radius: 25px !important;
    }
/* CEPHAI CHAT CSS */

.cephai {
    background: #2C3E50;
    color: #fff;
}

.cephai-div {
    background: #fff;
    border: 1px solid #2C3E50;
}

.cephai-div-header {
    background: #2C3E50;
}

.cephai-close-btn {
    background: #2C3E50;
    color: #fff;
}

.cephai-logo-icon {
    color: #2C3E50 !important;
    margin-top: -6px;
}

.chatbycinc-img i {
    color: #2C3E50 !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: #2c3e50 !important;
    border-color: #2c3e50 !important;
    background: #fff !important;
}

    #PaymentAssessmentView .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #2c3e50 !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*/