/*@import url('~/Content/assets/icon/font-awesome/css/font-awesome.css');
@import url('../../../assets/icon/font-awesome/css/font-awesome.css');*/

body {
    background-color: rgb(210, 210, 210) !important;
    font-family: "Open Sans",sans-serif !important;
}

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

/*.BodyContainer {
    background: white;
    border-radius: 20px;
}*/

    .BodyContainer h1 {
        font-size: 20px;
    }

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


/*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"] {
    color: white !important;
    background-color: #448aff !important;
    border-color: #448aff !important;
    border-radius: 25px !important;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    height: auto !important;
    width: 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: #448aff !important;
    border-color: #448aff !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: #448aff !important;
    border-color: #448aff !important;
    cursor: pointer;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

.dxbButtonSys.dxbTSys {
    /*width: auto !important;*/
    height: auto !important;
    border-radius: 30px !important;
    font-weight: normal !important;
    font-size: 14px !important;
    font-family: "Open Sans",sans-serif !important;
    /*padding: 3px 20px !important;*/
    color: white !important;
    background-color: #448aff !important;
    border-color: #448aff !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;
        padding: 5px 10px !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }

.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: #FFFFFF !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: #0075e0 !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;
}



.custom-table-table th {
    border-bottom: 3px Solid #102f56;
    border-right: 1px solid #102f56;
    border-top: 1px solid #102f56;
    background-color: #143e74;
    padding: 6px;
    color: white;
}

.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-color: #10315A;
}

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 {
    color: #ffffff !important;
    background-color: #11315a !important;
}

.viewblue {
    vertical-align: -webkit-baseline-middle;
}

.custom-table tr th {
    background-color: #11315a !important;
    color: #ffffff;
}

@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;
    padding-right:20px !important;
    color: #666 !important;
    font-family: "Open Sans",sans-serif;
    font-size: 16px !important;
}

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

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

.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 27px !important;
        padding-left: 34px !important;
        padding-right: 20px !important;
        font-family: "Open Sans",sans-serif !important;
        font-size: 16px;
    }

        .dropdown-menu > li > a:hover {
            background: #009cff !important;
            color: #fff !important;
        }
.navbar-nav > li > .dropdown-menu {
    width:200px !important;
}
.dropdown-menu li {
    width: 270px !important;
    border-bottom: 1px solid #ededed;
}
    /*.inner-body-contianer {
    background-color: #ffffff !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;
}


/*.inner-body-contianer {
    background-color: #ecf0f5 !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;
}

/*  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: #448aff !important;
    border-color: #448aff !important;
    border-radius: 25px !important;
    font-family: "Open Sans",sans-serif !important;
    height: auto !important;
    font-size: 14px !important;
    padding: 0px 15px !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;
    width:auto !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;
}

/*.img-radius {
    border-radius: 50%;
}*/


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

.img-radius:hover {
        cursor: pointer;
        border: 2px 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;
    margin-left: 10px !important;
}

#userinformation .dropdown-menu {
    position: fixed !important;
    top: 70px !important;
    right: 20px !important;
    left: auto !important;
    z-index: 10000 !important;
    border-radius: 10px !important;
}
@media only screen and (max-width:768px){
    #userinformation .dropdown-menu {
        position: fixed !important;
        top: 176px !important;
        right: 10px !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: 12px;
    -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);
}

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

.dashboardicons {
    width: 25px;
}

.bg-c-blue {
    background: #86b7ff;
}
.bg-c-gray {
    background: #576e79;
}
.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: 2px 20px !important;
    font-size: 14px !important;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-rounded {
    border-radius: 25px !important;
}

.btn-success {
    color: #ffffff !important;
    background-color: /*#153163*/ #448aff !important;
    border-color: /*#153163*/ #448aff !important;
}

.btn-primary, .sweet-alert button.confirm, .wizard > .actions a {
    background-color: #448aff !important;
    border-color: #448aff !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-transition: all ease-in 0.3s;
    transition: all ease-in 0.3s;
}
    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
        color: #ffffff !important;
        background-color: #448aff !important;
        border-color: #448aff !important;
    }

.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: #448aff;
    font-family: "Open Sans",sans-serif !important;
}
.text-muted {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #868e96 !important;
    font-family: "Open Sans",sans-serif !important;
}
.btn.btn-round {
    border-radius: 32px !important;
}
.btn-outline-primary {
    padding: 8px 19px !important;
    border-color: #fff !important;
    color: #fff !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;   
}
.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;
}
.dxbButton_OaksBrown div.dxb {
    background: none !important;
    border: 0px solid #6A6A6A !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, #addAccount {
    width: 171px !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: 14px !important;
    width: 14px !important;
}
/*.dxflGroupBox {
    display: inline-block !important;
    width: 100% !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 {
    width: 185px !important;
    min-width: 185px !important;
}
#PaymentForm .dxflTextEditItemSys .dxflVATSys.dxflCaptionCell {
    width: 185px !important;
    min-width: 185px !important;
}

#PaymentForm .AciState {
    width: 143px !important;
}
#PaymentForm .dxeTextBoxDefaultWidthSys {
    width: 143px !important;
}
.dxflTextEditItemSys .dxflVATSys.dxflCaptionCell {
    width: 150px !important;
    min-width: 150px !important;
}

#RecurringPaymentForm .dxflVATSys.dxflCaptionCell {
    width: 185px !important;
    min-width: 185px !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;
}



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

#addAccount {
    width: 143px !important;
}*/

/*#MainAddCommentFormAddWorkOrder .dxflVATSys.dxflCaptionCell {
    width: 277px !important;
    min-width: 277px !important;
}*/
.active_message_center {
    border-radius: 4px 4px 0 0;
    display: inline-block;
    margin: 0 0 -1px;
    padding: 11px 20px;
    background: /*#153163*/ #448aff !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;
}





/******************************************* HYBRID BLUE THEME ********************************/
.navbar {
    margin-bottom: 0px !important;
    min-height: 50px !important;
    width: 270px;
    float: left;
    height:700px;
    min-height: 500px;
}
.inner-body-contianer {
    background-color: #031b3800 !important;    
}
.navbar-nav > li {
    float: left;
    width: 100%;
}
    .navbar-nav > li > a {
        width: 100%;
    }
.dropdown-menu {
    position: relative !important;
    min-width: 270px !important;
    /*box-shadow:none !important;*/
}
    .dropdown-menu > li > a {
        text-align: left;
        white-space:normal !important;
    }
        
.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;
}
.inner-body-contianer {
    margin-left: 270px;
    padding:20px;
}
.divLayoutMaxWidth.fullBody, #panelContainer {
    margin: 0px !important;
    min-height: 660px;
}

.divLayoutMaxWidth.fullBody #ContactUsForm {    
    min-height: 960px;
} 

#myMessageCount {
    margin-left: 5px;
    right: 2px;
    top: 0px;
    background: #ff5252;
    color: #fff;
    font-size: 12px;
    border-radius: 50%;
    position: relative;
    padding: 1px 7px;
}
.fieldset-row-css {
    padding: 17px 50px 9px 45px;
    width: 100%;
    float: left;
}
/*@media only screen and (min-width: 1370px) and (max-width:1920px) {
    #flUserInfo .dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
        width: 143px !important;
    }
}*/
.complete-reservation {    
    padding: 10px 15px;
    text-align:center;
    font-weight:600;
}

/**************** Sub menu active Classes */
.navbar-nav {
    background: #fff !important;
}
.navbar-nav > li > a.active {
    background: #448aff !important;
    color: #fff !important;
    display: block !important;
}
.dropdown .open {
    display: block;
}
.dropdown-menu > li > a.dropdown-menu-active {
    color: #448aff !important;
    background: #f5fdff !important;
    font-weight: 600;
}
.dropdown-menu > li > a:hover {
    color: #448aff !important;
    background: #f5fdff !important;
    font-weight: 600;
    webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-left:50px !important;
}
.nav > li > a {
    display: inline-table !important;
}
.navbar-nav > li > a {
    border-bottom:1px solid rgba(0,0,0,0.125);
}

/**************** Sub menu active Classes */

#btnMyReservationPopUpCancel_CD .dxbButton div.dxb {
    padding: 2px 8px 2px !important;
}
.Print-Btn {
    color: white !important;
    background-color: #448aff !important;
    border-color: #448aff !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;
}
.header .logo {
    background: #153163 !important;
}

    .header .logo p {
        font-size: 15px !important;
        padding: 0px !important;
        margin: 0px !important;
    }
#btnViewAmenityPhoto {
    color: #ffffff;
    background-color: #448aff !important;
    border-color: #448aff !important;
}
/*****************************************   Left Navigation Active Classes 20/Apr/2022 *************/
.activeMainMenu {
    background-color: #448aff !important;
    color: #ffffff;
}

.activeSubMenu {
    background-color: #c1c6cf !important;
    color: black;
}
/*****************************************   Left Navigation Active Classes 20/Apr/2022 *************/
@media only screen and (max-width : 767px) {
    #bgcolorchange {
        background: #091938;
    }
}
.dxpc-headerContent, .dxpc-footerContent {
    padding: 5px 10px !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}
.btn-default:hover, .btn-default:active, .open .dropdown-toggle.btn-default {
    color: #ffffff !important;
    background-color: #448aff !important;
    border-color: #448aff !important;
}
.onoffswitch-inner:before {
    background-color: /*#153163*/ #448aff !important;
}

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

    #divAIOneTimePayment .nav-tabs > li.active > a:hover {
        color: #fff !important;
        background: /*#173262*/ #448aff !important;
        border: 0px solid #dddddd;
        border-bottom-color: transparent;
    }
/************************** One time payment tab active class End ************************/
.neighborhoodnews-link {
    border-color: #fff !important;
    color: #fff !important;
    background-color: transparent !important;
    line-height: 1.428571429 !important;
}

    .neighborhoodnews-link:hover {
        color: #fff !important;
        background-color: #007bff !important;
        border: 1px solid #fff !important;
    }
#dashboard-page .btn-primary {
    color: #ffffff;
    background-color: #173262 !important;
    border-color: #173262 !important;
}

/* CEPHAI CHAT CSS */

.cephai {
    background: #448aff;
    color: #fff;
}

.cephai-div {
    background: #fff;
    border: 1px solid #448aff;
}

.cephai-div-header {
    background: #448aff;
}

.cephai-close-btn {
    background: #448aff;
    color: #fff;
}

.cephai-logo-icon {
    color: #448aff !important;
}

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