body {
    font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif !important;
    font-size: 14px !important;
}
label {
    font-weight: normal;
}
.f-w-600 {
    font-weight: 600 !important;
    color:#000 !important;
}
/*-------------------<1> Master Classes------------------------*/
h1{color:#0093AE;}
h2{color: #0093AE;}

#ContentBody th a {
    color: #fff !important;
    text-decoration: none !important;
}
a {
    color: #000 !important;
    text-decoration: none !important;
}

.BodyContainer h1{
    font-size:20px;
    font-weight:bold;
     color: #0093AE !important;
}

/*-------------------<2> Header------------------------*/
.modernHeader {
	background: url(images/banner.jpg) no-repeat top center, linear-gradient(to bottom, #b8d9e8 0%, #c2e1e3 30%, #d3ede0 60%,#eafae0 100%);
	background: url(images/banner.jpg) no-repeat top center, -webkit-linear-gradient(top, #b8d9e8 0%,#c2e2e3 30%,#d3ede0 60%,#e1ffff 100%,#eafae0 100%);
	background: url(images/banner.jpg) no-repeat top center, -moz-linear-gradient(top, #b8d9e8 0%, #c2e2e3 30%, #d3ede0 60%, #e1ffff 100%, #eafae0 100%);
    border-bottom-color: #0093ae;
}
.headerdiv {background: #0093AE;}

/*-------------------<3> Navigation------------------------*/
.top-nav {border-bottom-color: #6BB9DB;}
.top-nav .logo p {color: #6BB9DB;}

.body-content .header .logo p {
    line-height: 42px;
    margin: 20px;
    text-align: left;
}

.body-content .header .logo p {
    color: #6BB9DB;
}

input[type="button"], input[type="reset"] {
    border: none !important;
    background: #0093AE !important;
    padding: 3px 10px !important;
    cursor: pointer;
    line-height: 1.428571429;
    font-size: 14px !important;
}
    input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
        border: none !important;
        background: #0093AE !important;
        padding: 3px 10px !important;
        cursor: pointer;
        line-height: 1.428571429;
        font-size: 14px !important;
    }
input[type="submit"] {
    border: none !important;
    background: #0093AE !important;
    padding: 5px 10px !important;
    cursor: pointer;
    line-height: 1.428571429;
    font-size: 12px !important;
}
    input[type="submit"]:hover {
        border: none !important;
        background: #0093AE !important;
        padding: 5px 10px !important;
        cursor: pointer;
        line-height: 1.428571429;
        font-size: 12px !important;
    }
.btn-primary, .btn-primary:hover {
    color: #ffffff !important;
    background-color: #0093AE !important;
    border-color: #0093AE !important;
    border-radius: 6px !important;
}
.footer-container {
    background: #000000;
    border-top-color: #0093AE;
}
.ft-phone {
    width: 50%;
    font-size: 20px;
}
.footerEmailLinkColor {
    color: #ffffff!important;
}
.dxmLite_ModernDarkBlue, .dxmLite_ModernDarkBlue .dxm-item a.dx {
    color: White;
    background: none !important;
    border-bottom: 0px #808080;
    border-left: 5px #808080;
    margin-right: 0px;
    margin-left: 0px;
    text-align: center;
}
.dxWeb_mHorizontalPopOut_ModernDarkBlue {
    background-position: -120px -154px;
    width: 5px;
    height: 3px;
}
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 {
    color: #FFFFFF;
}
.dxbButton_ModernDarkBlue div.dxb {
    padding: 2px 7px 3px;
    border: 0px solid #6A6A6A !important;
    background: none !important;
    color: #FFFFFF;
    font: 14px Tahoma,Geneva,sans-serif;
}
div.dxbButton_ModernDarkBlue {
    background-color: #0093AE !important;
}

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

.back-color{
   background-color: #242020;
}
.body-content{
    border-bottom: 5px solid #6BB9DB;
    background: #242020;
}
.inner-body-contianer{
    background-color:#000;
}
#fromSubmitCustomACCRequest #IsCheckedAcknowledgement1, #fromSubmitCustomACCRequest #IsCheckedAcknowledgement2 , #fromSubmitCustomACCRequest #IsCheckedAcknowledgement3{
    width: 10px !important;
    height: auto!important;
    vertical-align: sub !important;
}
/*top menu*/
.nav > li > a:hover, .nav > li > a:visited, .nav > li > a:focus, .nav > li > a:active {
     background-color: #6bb9db !important;
}
.dropdown-menu > li > a:hover,  .dropdown-menu > li > a:visited,  .dropdown-menu > li > a:focus,  .dropdown-menu > li > a:active {
     background-color: #6bb9db !important;
}
.dropdown-menu > li > a {
      color: #fff !important;
}
.dropdown-menu {
    background-color: #242020 !important;
}
.custom-table th:first-child {
    border-left: 1px solid #006779;
}

.custom-table th:first-child {
    border-left: 1px solid #888;
}
.board-background-color th {
    border-bottom: 1px solid grey !important;
}
.custom-table th {
    border-bottom: 3px Solid #006779;
    border-right: 1px solid #006779;
    border-top: 1px solid #006779;
    background-color: #0093ae;
    color: white;
    padding: 6px;
}

.dxgvTitlePanel_ModernDarkBlue, .dxgvTable_ModernDarkBlue caption {
    background: none !important; 
    color: #0093AE !important;
     
}

     
 .dxtcLite_ModernDarkBlue > .dxtc-stripContainer .dxtc-rightIndent , .dxtcLite_ModernDarkBlue >.dxtc-stripContainer .dxtc-leftIndent {
    background: none !important; 
}
 .dxflRequired_ModernDarkBlue {
    color: #ffffff !important;
}
 .Acctextbox{
    border: 1px solid #a7a7a7;
    width: 100% !important;
   
}

 .dxflGroupBoxCaption {
  color: #0093AE  !important;
}

.dxbButton {
    color: #ffffff !important;
    border: 1px solid #0093AE   !important;
    background: #0093AE   !important;
}

.dxgvHeader, .dxgvHeader table {
    color: white !important;
}
.dxgvHeader {
    border: 1px Solid #0093AE  ;
    background-color: #0093AE  !important;
}
.dxpcLite .dxpc-header {
    color: #ffffff !important;
    background-color: #0093AE   !important;
    border-bottom: 1px solid #0093AE   !important;
}
/* #RegisterPropertyForm_1_2 .dxflCaptionCellSys, #RegisterPropertyForm_1_5 .dxflCaptionCellSys {
    width: 89px !important;
    min-width: 89px !important;
}*/

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

}
 @-moz-document url-prefix() {
       div.dxb {
    padding-left: 5px !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: #0093AE !important;
    color: #fff;
    border: 0px;
    outline: 0px;
}

input[type="submit"], input[type="button"], input[type="reset"], div[class*="dxbButton_Modern"] div.dxb {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -o-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}
.dxflNestedControlCell_ModernDarkBlue {
    height: auto !important;
}

.dxflGroupBoxCaption_ModernDarkBlue {
    color: #0093AE !important;
}
a.Print-Btn{
    color: #fff !important;
    background-color: #0093AE !important;
    border-color: #0093AE !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: #0093AE !important;
    padding: 6px 8px !important;
    cursor: pointer;
    box-shadow: none !important;
    color: #FFF;
    display: inline-block;
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 12px !important;
}

    .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: 14px !important;
    vertical-align: top !important;
    padding: 6px 30px !important;
    height:27px !important;
}
#btnViewAmenityPhoto {
    color: #ffffff;
    background-color: #0093AE !important;
    border-color: #0093AE !important;
    font: 12px Tahoma, Geneva, sans-serif !important;
    height: 25px !important;
    border-radius: 0px !important;
    padding: 1px 15px 3px !important;
}

.btn-success {
    color: white !important;
    border: 1px solid #0093AE !important;
    background: #0093AE !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: #32bfd9 !important;
    border-color: #32bfd9 !important;
}
@media only screen and (max-width:1024px) {
    #UserInformationForm_7_3 .eye-position {
        left: 450px;
        top: 1515px;
    }

    #UserInformationForm_7_5 .eye-position {
        left: 450px;
        top: 1550px;
    }
}
.dxflGroupBox {
    display: inline-block !important;
    width: 100% !important;
}

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

    .dxflGroupBox {
        display: inline-block !important;
        width: 90% !important;
    }
}
.onoffswitch-inner:before {
    background-color: #0093AE !important;
}

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

    #divAIOneTimePayment .nav-tabs > li.active > a:hover {
        color: #fff !important;
        background: #0093AE !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: #0093AE;
    color: #fff;
}

.cephai-div {
    background: #fff;
    border: 1px solid #0093AE;
}

.cephai-div-header {
    background: #0093AE;
}

.cephai-close-btn {
    background: #0093AE;
    color: #fff;
}

.cephai-logo-icon {
    color: #0093AE !important;
}

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

/* Payment Assessment View May-2025*/
.highlight-box {
    background-color: #ebebeb;
    border: 1px solid #ebebeb;
    padding: 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: #0093AE !important;
    border-color: #0093AE !important;
    background: #fff !important;
}

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