body {
    font-family: "Open Sans",sans-serif !important;
    font-size:13px;
}
* {
    outline: none !important;
    font-family: "Open Sans",sans-serif !important;
}
.fa {
    font-family: FontAwesome !important;
}
/*.inner-body-contianer {
    background-color: rgba(0,0,0,.9);
}*/

.BodyContainer {
    /*background: white;*/
}
    .BodyContainer h1 {
        font-size: 20px;
        margin: 0px -15px;
        margin-bottom:15px;
        padding: 15px;     
        font-family: "Open Sans",sans-serif;
        
    }
.BodyContainer h4,  .BodyContainer h3{
    font-size:13px;
}

body{
    background-color: rgb(210, 210, 210) !important;
}

/*button*/

.resetPasswordSection{
    background-color:white;
}

div.dxbButton_CommunityBlue {
    background-color: #143e74 !important;
}
div[class^="dxbButton_"] {
    border: none!important;
    background: #0075e0 !important;
    padding: 1px 0 !important;
    cursor: pointer;
}
/*input[type="submit"], input[type="button"], input[type="reset"] {
    width: auto !important;
    height: auto !important;
    border-radius: 30px !important;
    font-weight: normal !important;
    font-size: 13px !important;
    font-family: "Open Sans",sans-serif !important;
    padding: 3px 20px !important;
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;    
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}*/
input[type="submit"], input[type="button"], input[type="reset"] {
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    border-radius: 25px !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: auto !important;
    padding: 2px 15px 3px !important;
    box-shadow: none !important;
}

.dxbButton input[type="submit"], .dxbButton input[type="button"], .dxbButton input[type="reset"] {
    width: 0px !important;
    height: 0px !important;
    border-radius: 30px !important;
    font-weight: normal !important;
    font-size: 13px !important;
    font-family: "Open Sans",sans-serif !important;
    padding: 0px 0px !important;
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
.dxbButton a {
    width: auto !important;
    height: auto !important;
    border-radius: 30px !important;
    font-weight: normal !important;
    font-size: 13px !important;
    font-family: "Open Sans",sans-serif !important;
    padding: 3px 20px !important;
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}
/* End button*/
#RecurPaymentCreationPopup_PW-1, #RecurringPaymentGridView, #ACCRequestGrid {
    border-color: #10315A !important;
}
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 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: #11315a;
}
.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: rgba(0,0,0,.9);
}
.banner-bg {
    background: #333333;
    height: 371px;
}
.footer-container {
    background: #333333;
    border-top: 0px solid #143e74;
}
.header .logo p, .header .logo a {
    color: #555555 !important;
}
.logoutSection {
    color: #FFFFFF;
}
.footerEmailLinkColor {
    color: #ffffff!important;
}
.mainContentPane {
    background-color: rgba(0,0,0,.9);
}


/*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_CommunityBlue, #schCalendar td.dxscDateCellHeader_CommunityBlue, #schCalendar td.dxscTodayCellHeader_CommunityBlue, #schCalendar td.dxscDateCellBody_CommunityBlue, #schCalendar td[class*='dxscTimeCellBody_'], #schCalendar td[class*='dxscTimelineCellBody_'] {
    border-color: #143E74 !important;
}
#schCalendar td.dxscTodayCellHeader_CommunityBlue, #schCalendar td[class*='dxscAlternateTimelineDateHeader_'], #schCalendar td[class*='dxscAlternateDateHeader_'] {
    background: #143E74 !important;
}
#flCalendarBD_0, #HOImageGallery_CCell {
    background-color: white !important;
}

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

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


/*Contact us*/

.mainContentPane table tbody tr td {
    border-color: #10315A;
}
#UserInformationForm, #ContactUsForm, #flUserInfo, #PaymentForm {
    padding: 1%;
}
td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBlue .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
div.dxflGroupBox_CommunityBlue {
    border: 1px Solid #143e73 !important;
}
td[class*="dxflGroupCell_"], div[class*="dxflGroupBox_"], .dxmLite_CommunityBlue .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
.dxflGroupBox_CommunityBlue {
    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_CommunityBlue .dxm-popup .dxm-gutter {
    background: none !important;
    border: none;
}
.mainContentPane table td[id*="ContactUsForm_"] div.dxflItem_CommunityBlue {
    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_CommunityBlue {
    color:white !important;
    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_CommunityBlue .dxm-main{
    border: 0px !important;
    padding: 0px !important;
    background: #143E74;
}

/*--*/
.back-color{
   background: #143E74;
}
/*Body Content*/

.body-content{
    background-color:#000;
}
.top-new{
   background: rgb(255, 255, 255) !important;
}
/*top menu*/
.nav > li > a:hover, .nav > li > a:visited, .nav > li > a:focus, .nav > li > a:active {
     background-color: #555555 !important;
}
 .dropdown-menu > li > a:hover,  .dropdown-menu > li > a:visited,  .dropdown-menu > li > a:focus,  .dropdown-menu > li > a:active {

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

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



.board-header-background-color {
    background-color: #dedede;
}

.board-h2class {
    color: #39332e !important;
    font-size: 14px;
    font-weight: bold;
    margin: 3px 3px 3px 0px;
}
.board-background-color {
    background-color: #FFFFFF !important;
    color: #000000;
}
.doc-tablebordered {
    width: 100%;
    border: 1px solid #9F9F9F !important;
    background-color: #FFFFFF !important;
    color: #000000;
}
.document-file-anchor-color {
    text-decoration: none !important;
    color: inherit !important;
}
.table-MiscPayment {
    background-color: white !important;
    color: black !important;
}
.grd-header-Color {
    color: #ffffff;
    background: #8e8e8e !important
}
span[class*="dxflGroupBoxCaption_"] {
    background-color: White !important;
    color: #232222 !important;
        font-weight: bold;
}
label{
        font-weight: normal !important;
}
.dxeRadioButtonList_CommunityBlue, .dxeCheckBoxList_CommunityBlue {
    border: 1px Solid #9F9F9F;
    background: none !important;
}
.dxflFormLayout_CommunityBlue, .dxflCaptionCell_CommunityBlue, .dxflNestedControlCell_CommunityBlue, div.dxflItem_CommunityBlue {
    font: 12px Tahoma,Geneva,sans-serif;
    color: inherit !important;
}
#UserInformationForm, #ContactUsForm, #flUserInfo, #PaymentForm {
    padding: 1%;

}
#flMainGalleryForm, #frmDirectory {
    padding-top: 15px;
    background-color: white !important;
    width:100%;
}

.dxtcLite_CommunityBlue > .dxtc-content {
    font: 12px Tahoma,Geneva,sans-serif;
    color: black;
    background: #fff !important;
}
.dxtcLite_CommunityBlue > .dxtc-stripContainer .dxtc-text, .dxtcLite_CommunityBlue > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_CommunityBlue > .dxtc-stripContainer .dxtc-rightIndent {
    background: #ffffff !important;
}
.payment-process fieldset.ui-widget-content{
        background: #ffffff !important;
}
.payment-process fieldset.ui-widget-content legend{
    background: #ffffff !important;
}
legend{
    font-size:12px !important;
    font-weight:bold !important;
}
.dxbButton {
    color: white !important;
    border: 1px solid #10315a !important;
    background: #10315a !important;
}


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

.dxgvHeader {
    border: 1px Solid #9F9F9F !important;
    background-color: #11315a !important;
}

.dxflGroupBoxCaption {
    color: #11315a !important;
}

.dxpcLite .dxpc-header {
    font-family: "Open Sans",sans-serif;
    color: #ffffff !important;
    background-color: #555 !important;
    font-size: 14px !important;
    padding: 10px !important;
    font-weight: 600;
}
.viewblue{
    vertical-align: -webkit-baseline-middle;
}



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

@-moz-document url-prefix() {
    div.dxb {
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        margin-bottom: 4px !important;
    }
}





/* Newly Updated Classes - BHASKAR  */


.back-color {
    background: #ffffff;
}

.navbar {
    margin-bottom: 0px !important;
    min-height: 50px !important;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 12px 30px !important;
    color: #666 !important;
    font-family: "Open Sans",sans-serif;
    font-size: 16px !important;
}

    .nav > li > a:hover {
        background: #555555 !important;
        color: #fff !important;
    }

.body-content {
    background-color: /*#d0d0d0*/ #c5cace;
}

.header {
    background: rgb(0 0 0 / 0%);
}

.dropdown-menu {
    min-width: 220px !important;
    margin-top: 0px !important;
    background-color: #ffffff !important;
}

    .dropdown-menu > li > a {
        color: #666 !important;
        padding: 10px 15px !important;
        font-family: "Open Sans",sans-serif !important;
        font-size: 16px;
    }

        .dropdown-menu > li > a:hover {
            background: #858585 !important;
            color: #fff !important;
        }
        .dropdown-menu > li > a:focus {
            background: #858585 !important;
            color: #fff !important;
        }

/*.inner-body-contianer {
    background-color: #ececec !important;
}
*/
.banner-bg {
    background-image: url('images/banner1.jpg') !important;
    background-size: 100% cover;
    background-position: top left;
    padding: 50px 0px;
    height: 420px;
}

.footer-bottom {
    padding: 10px;
    box-shadow: none;
    background: #f1f1f1;
}

.footer-container {
    padding: 15px;
}

    .footer-container .ftr-address p {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: #b3b3b3;
        padding: 3px 0 0 0;
        font-family: "Open Sans",sans-serif;
    }

.ftr-address {
    float: right;
    width: 100%;
    padding: 20px 0;
    text-align: right;
}

.footer-container a {
    color: #ffffff;
    text-decoration: none;
    font-size: 13px;
}

.footer-logo {
    font-family: "Open Sans",sans-serif;
}

.banner h2 {
    font-size: 34px;
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans",sans-serif;
}

.banner h6 {
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: normal;
    font-family: "Open Sans",sans-serif;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    border-radius: 25px !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    padding: 2px 15px 3px !important;
    box-shadow: none !important;
    height: auto !important;
    width: auto !important;
}
.btn:focus {
    outline: thin dotted #333;
    outline: 0px auto -webkit-focus-ring-color !important;
    outline-offset: -2px !important;
}
/*  grid classes  BR */
.dxgvHeader {
    border: 1px Solid #d6dde1 !important;
    background-color: #8e8e8e !important;
    padding: 10px 10px !important;
    color: #fff !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.dxbButton {
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    border-radius: 25px !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    padding: 0px 15px !important;
    height: auto !important;
    width: auto !important;
}

td.dxgv {
    font-family: "Open Sans",sans-serif !important;
    height: auto !important;
    font-size: 14px !important;
    padding: 6px 15px !important;
    text-align: left !important;
}

/* Card Block*/
.card {
    box-shadow: none;
    background: #ffffff !important;
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .card .card-header {
        background-color: transparent;
        border-bottom: 1px solid rgba(0,0,0,0.125);
        padding: 20px;
        position: relative;
    }

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card .card-block {
    padding: 1.25rem;
}

.divLayoutMaxWidth.fullBody, #panelContainer {
    padding: 20px 15px !important;
    background: #fff !important;
    margin: 20px 0px !important;
    border-radius: 10px !important;
    box-shadow: 0px 0px 5px #ccc !important;
    width: 100%;
    display: inline-block;
}
input, input[type="text"][class^="dxeEditArea_"], input[type="password"][class^="dxeEditArea_"] {
    margin: 0 0 5px !important;   
    padding: 0 4px !important;
    background: white;
}

.vav-right-img{
    padding-top:5px;
    text-align:right;
}

.img-radius {
    border-radius: 50%;
    width: 40px;
    height:40px;
    border: 0px solid #fff;
}

.img-radius:hover{
cursor:pointer;
border:0px solid #000;
}

.modal-title{
    color:#555;
}
.dropdown-toggle{
 color:#fff;
 font-weight:500;
 text-decoration:none;
 font-size:14px !important;
 
}
.dropdown-toggle:hover, .dropdown-toggle:focus {
    color: #fff;
    text-decoration: none;
}
.dropdown-menu > li > a {
    text-align:left;
}
    .caret {
    border-top: 4px solid #fff !important;
}

#userinformation .dropdown-menu {
    position: fixed !important;
    top: 70px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 10000 !important;
    border-radius:10px !important;
}
.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius:20px !important;
}


.img-radius {
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

    .img-radius:hover {
        cursor: pointer;
        border: 0px solid #000;
    }

.modal-title {
    color: #555;
}

.dropdown-toggle {
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    font-size: 14px !important;
}

    .dropdown-toggle:hover, .dropdown-toggle:focus {
        color: #fff;
        text-decoration: none;
    }

.dropdown-menu > li > a {
    text-align: left;
}

.caret {
    border-top: 4px solid #fff !important;
}

#userinformation .dropdown-menu {
    position: fixed !important;
    top: 70px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 10000 !important;
    border-radius: 10px !important;
}

.modal-content {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 20px !important;
}

.card {
    box-shadow: none;
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 11px;
    -webkit-box-shadow: 0 2px 10px -1px rgba(69,90,100,0.3);
    box-shadow: 0 2px 10px -1px rgba(69,90,100,0.3);
    border: none;
    margin-bottom: 30px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125) !important;
}

    .card .card-block {
        padding: 20px;
    }

    .card .card-footer {
        border-top: 1px solid rgba(0,0,0,0.125);
        padding: 15px 20px;
        border-radius: 0 0 12px 12px !important;
    }

.dashboardicons {
    width: 25px;
}

.bg-c-blue {
    background: #737e84;
}

.bg-c-gray {
    background: #737e84;
}

.card .card-footer {
    border-top: 1px solid rgba(0,0,0,0.125);
    padding: 15px 20px;
    border-radius: 0 0 5px 5px;
}

.card .card-block {
    padding: 1.25rem;
}

.col-6 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-8 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.text-right {
    text-align: right !important;
}

.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.btn-sm {
    /*padding: 8px 14px;*/
    line-height: 11px;
    font-size: 14px;
}
.btn-xs {
    padding: 4px 20px !important;
    font-size: 14px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-rounded {
    border-radius: 25px !important;
}
.btn-success {
    color: #ffffff;
    background-color: #37474f !important;
    border-color: #37474f !important;
}

.btn-primary, .sweet-alert button.confirm, .wizard > .actions a {
    background-color: #37474f;
    border-color: #37474f;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

.f-28 {
    font-size: 28px !important;
}

.btn-inverse {
    background-color: #37474f;
    border-color: #37474f;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}

    .btn-inverse:hover {
        background-color: #4c626d;
        border-color: #4c626d;
        color: #fff;
    }

.text-c-gray {
    font-weight: 600 !important;
    font-size: 24px !important;
    color: #576e79;
}

.text-c-blue {
    font-weight: 600 !important;
    font-size: 24px !important;
    color: #373a3c !important;
}

.text-muted {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #868e96 !important;
}

.btn.btn-round {
    border-radius: 32px !important;
}

.btn-outline-primary {
    padding: 8px 19px !important;
    border-color: #0764ff !important;
    color: #0764ff !important;
    background-color: transparent !important;
    font-size: 15px !important;
}

    .btn-outline-primary:hover {
        color: #fff !important;
        background-color: #007bff !important;
    }

.btn {
    /*line-height: 26px !important;*/
    text-transform: capitalize;
    font-size: 15px;
}

.btn-primary {
    color: #ffffff !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #ffffff !important;
        background-color: #37474f !important;
        border-color: #37474f !important;
    }
/*img {
    vertical-align: baseline !important;
}*/

.dxpc-shadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-collapse: separate;
    background: #fff;
    /*padding: 20px !important;
    border-radius: 10px;*/
}

.dxpc-closeBtn {
    display: inline-block !important;
    float: right;
}

hr {
    border-top: 1px dashed rgba(0,0,0,.1);
}

/*custom-admin-blue.css file start*/
.login-block {
    margin: 0 auto;
}

    .login-block .auth-box {
        margin: 0 0 0 auto;
        max-width: 100%;
        overflow: hidden;
    }
@media only screen and (min-height:600px) and (max-height:800px) {
    .login-block .auth-box {
        height: 800px !important;
    }
}

@media only screen and (min-height:801px) and (max-height:900px) {
    .login-block .auth-box {
        height: 900px !important;
    }
}

@media only screen and (min-height:901px) and (max-height:1080px) {
    .login-block .auth-box {
        height: 1020px !important;
    }
}

.auth-box {
    padding: 20px !important;
    padding-top: 50px !important;
}

    .auth-box .card {
        box-shadow: none !important;
        border: none !important;
        border-radius: 0px !important;
    }

.login-left-pannel {
    color: #fff;
    margin-bottom: 10px;
    text-align: center;
    padding: 10px;
    padding-top: 25%;
}
@media (max-width: 767px) {
    .login-left-pannel {
        color: #fff;
        margin-bottom: 10px;
        text-align: center;
        padding: 10px;
        padding-top: 10px;
    }
}

.login-container {
    background: #ffffff;
}

    .login-container h3 {
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        margin-top: 15px;
        color: #999;
    }

    .login-container h5 {
        font-size: 12px;
        text-align: center;
        color: #000;
        margin: 0px 0px 20px 0px;
    }

.form-group {
    width: 100%;
}

.m-t-25 {
    margin-top: 25px;
}

.m-t-30 {
    margin-top: 30px;
}

.card-block {
    padding: 1.25rem !important;
}

#loginForm {
    padding: 20px !important;
}
.footer-container img {
    width: 165px !important;
    height: 165px !important;
}

.PasswordErrorMsg {
    padding: 20px !important;
}
input[type="checkbox"] {
    height: 10px !important;
    width: 10px !important;
}
#UserName-error {
    color: #dc3545 !important;
}

#divErrormsgdisplay {
    color: #dc3545 !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: .9375rem !important;
}
/*#RegisterPropertyForm .dxflCaption {
    width: 140px !important;
}*/

/*#RegisterPropertyForm_1_2 .dxflCaption {
    width: 147px !important;
}*/

/*#addAdditionalAddress {
    width: 171px !important;
}*/
.BodyContainer h5 {
    margin-bottom: 0;
    color: #37474f !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    display: inline-block !important;
    margin-right: 10px !important;
    line-height: 1.1 !important;
    font-family: "Open Sans",sans-serif !important;
}
#forgotPasswordPopUp_PW-1 {
    box-shadow: 0px 0px 25px #000 !important;
}

    #forgotPasswordPopUp_PW-1 .dxpc-content {
        padding: 20px;
    }
.dxbButton div.dxb {
    padding: 3px 5px 5px 5px !important;
}

.dxb-hb {
    display: none !important;
}

.dxbButton_CommunityBlue div.dxb {
    background: #448aff !important;
}

/*custom-admin-blue.css file end*/

#MainAddACCRequestForm_0_2 input[type="file"] {
    margin-left: 11px !important;
}

.divLayoutMaxWidth input[type="checkbox"] {
    float: left;
    margin-right: 5px !important;
    margin-top: 3px !important;
    height: 15px !important;
    width: 14px !important;
}

.dxflGroupBox {
    display: inline-block !important;
    width: 100% !important;
}

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

    .dxflGroupBox {
        display: inline-block !important;
        width: 85% !important;
    }
}

/*#MainAddACCRequestForm_0_0 .dxflTextEditItemSys .dxflVATSys.dxflCaptionCell {
    width: 282px !important;
    min-width: 282px !important;
}*/
#flMainGalleryForm .dxflCustomItemSys .dxflVATSys.dxflCaptionCell {
    padding-top: 8px !important;
}
/*.dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 143px !important;
}
.PaymentFormStyle {
    min-width: 185px !important;
    width: 185px !important;
}
#PaymentForm .dxflVATSys.dxflCaptionCell {
    width: 185px !important;
    min-width: 185px !important;
}
#PaymentForm .AciState {
    width: 143px !important;
}
.dxflVATSys.dxflCaptionCell {
    width: 150px !important;
    min-width: 150px !important;
}

#RecurringPaymentForm .dxflVATSys.dxflCaptionCell {
    width: 185px !important;
    min-width: 185px !important;
}*/
/*#flUserInfo .dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 144px !important;
}*/
#REC_EDIT_btnNext {
    width: auto !important;
}

/*06/Feb/2020 - New Classes Adding + Modification - BR*/

#UserNameForGotPassword_ET, #UserNameForGotPassword_ET .dxeTextBoxDefaultWidthSys {
    width: 100% !important;
}

.custom-table tr th {
    background-color: #a0a0a0 !important;
    color: #ffffff;
}
.custom-table-table th {
    border-bottom: 3px Solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
}

/*#Details_ET .dxeMemo {
    width: 143px !important;
}*/

/*#MainRegistrationPropertyForm .dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 195px !important;
}

#addAccount {
    width: 143px !important;
}*/
#MainAddCommentFormAddWorkOrder .dxflVATSys.dxflCaptionCell {
    width: 277px !important;
    min-width: 277px !important;
}
#showPaylease span.dx-vam {
    line-height: 100%;
    padding: 5px 0 0px 0;
    text-decoration: inherit;
}
.active_message_center {
    border-radius: 4px 4px 0 0;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 11px 20px;
    background: #37474f !important;
    color: #fff !important;
    border: 0px;
    outline: 0px;
}

.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;
}

.bell-alert-msg {
    padding: 24px 10px;
    display: inline-block;
    color: #fff !important;
    text-decoration: none;
}

    .bell-alert-msg:hover {
        text-decoration: none;
    }

    .bell-alert-msg i {
        font-size: 20px;
    }

#msgUnreadCount {
    right: 12px;
    top: -13px;
    background: #ff5252;
    border-radius: 50%;
    position: relative;
    padding: 1px 6px;
}

#myMessageCount {
    margin-left: 5px;
    right: 2px;
    top: 0px;
    background: #ff5252;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    position: relative;
    padding: 1px 7px;
}

/*@media only screen and (min-width: 1370px) and (max-width:1920px) {
    #flUserInfo .dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
        width: 235px !important;
    }
}*/
.complete-reservation {    
    padding: 10px 15px;
    text-align: center;
    font-weight:600;
}
.Print-Btn {
    color: white !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
    border-radius: 30px !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    padding: 4px 20px 5px 20px !important;
    height: auto !important;
    width: auto !important;
    text-decoration: none !important;
    display: inline-block;
}
.payment-print-btn {
    text-align: center !important;
    line-height: 26px !important;
    vertical-align: top !important;
}
#btnViewAmenityPhoto {
    color: #ffffff;
    background-color: #37474f !important;
    border-color: #37474f !important;
}
/*.dxflTextEditItemSys .dxflVATSys.dxflCaptionCell,
.dxflViewFormLayoutSys .dxflItemSys .dxflVATSys.dxflCaptionCell,
.dxflViewFormLayoutSys .dxflItemSys .dxflNestedControlCell {
    width: 150px !important;
    min-width: 150px !important;
}*/
.btn-default:hover, .btn-default:active, .open .dropdown-toggle.btn-default {
    color: #ffffff !important;
    background-color: #37474f !important;
    border-color: #37474f !important;
}

#RequestType.dxeButtonEditSys {
    width: 216px !important;
    min-width: 216px !important;
}
.onoffswitch-inner:before {
    background-color: #37474f !important;
}
.onoffswitch-inner:after {
    background-color: #ccc !important;
}

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

    #divAIOneTimePayment .nav-tabs > li.active > a:hover {
        color: #fff !important;
        background: #37474f !important;
        border: 0px solid #dddddd;
        border-bottom-color: transparent;
    }
/************************** One time payment tab active class End ************************/

.neighborhoodnews-link .btn {
    margin-top: 1.5rem;
    background-color: #37474f;
    border-color: #37474f;
    color: white;
}

    .neighborhoodnews-link .btn:hover {
        background-color: #37474f;
        border-color: #37474f;
        color: white;
    }
    
.neighborhoodnews-widget .fa, .neighborhoodnews-widget .fa:hover {
    color: black;
    cursor: pointer;
}

.neighborhoodnews-widget:hover, .neighborhoodnews-widget h6, .neighborhoodnews-widget .text-muted1 {
    color: #333;
    cursor: pointer;
}

/* CEPHAI CHAT CSS */

.cephai {
    background: #737e84;
    color: #fff;
}
.cephai-div {
    background: #fff;
    border: 1px solid #737e84;
}
.cephai-div-header {
    background: #737e84;
}
.cephai-close-btn {
    background: #737e84;
    color: #fff;
}

.cephai-logo-icon {
    color: #37474f !important;
}

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