.fa {
    font-family: FontAwesome !important;
}
body {
    font-family: Tahoma, Geneva, sans-serif !important;
    font-size: 14px;
}
.BodyContainer h1 {
    margin-bottom: 10px;
}
/*input box login*/

input, input[type="text"][class^="dxeEditArea_"], input[type="passwprd"][class^="dxeEditArea_"] {
    /*margin: 0 0 -3px !important;
    line-height: 20px !important;
    height: 20px !important;*/
    padding: 0 4px !important;
    background: white;
}
span[class*="dxeBase_Modern"], div[class*="dxmLite_Modern"] span.dx-vam, *[class*="dxeEditArea_Modern"], .mainContentPane, .mainContentPane h1, .mainContentPane h2, .mainContentPane h3, .mainContentPane table, div[class*='dxflFormLayout_'], .mainContentPane table tbody tr td, select, option, *[class*="dxbButton_Modern"] div.dxb, *[class*="dxpcLite_Modern"].dxpc-mainDiv, input, textarea, *[class*="dxscViewNavigatorButton_Modern"], *[class*="dxscViewNavigatorGotoDateButton_Modern"], *[class*="dxscViewSelectorButton_Modern"], *[class*="dxtvControl_Modern"] li, *[class*="dxmLite_Modern"] ul.dx, *[class*="_Modern"], div[class*="dxmLite_"] .dxm-main .dxm-hovered, .payment-process {
    font-family: Tahoma, Geneva, sans-serif !important;
}

td[class*="dxsplPane_Modern"].headerPane, td[class*="dxsplPane_Modern"].contentPane {
    border: 0px !important;
}

/*header part*/

.modernHeader {
    height: 500px;
    border-bottom: 20px solid;
}
.header .logo {
    margin-top: 20px !important;
}
    .header .logo p {
        font-size: 36px !important;
        line-height: 36px !important;
        margin: 10px 20px !important;
        overflow: visible !important;
    }
@media only screen and (min-width: 768px) and (max-width: 1100px) {
    .header .logo p {
        font-size: 22px !important;
    }
}
.top-nav {
    border-bottom: solid;
    border-bottom-width: 5px;
    border-bottom-color: #F19F34;
    background: #242020;
    width: 980px;
    margin: auto;
    height: auto;
}
/*header logo*/

.login-form .field input[type="text"], .login-form .field input#Password, .resetPasswordForm .field.password input {
    width: 100% !important;
    margin: 0px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px;
}
.control-label-left {
    text-align: left !important;
}
.top-nav .logo {
    width: 100%;
    color: white;
    display: inline-block;
}
.top-nav .logo p {
    color: #F19F34;
    line-height: 32px;
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-top: 46px;
    -webkit-margin-before: 46px;
    -webkit-margin-after: 0px;
}
.login-section-wrapper {
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin: 20px 0;
    padding: 0;
}
.top-nav .login {
    width: 100%;
    color: #999;
}



.login-form {
    padding-top: 1em;
    float: right;
}
.login-form .field input[type="text"], .login-form .field input#Password, .resetPasswordForm .field.password input {
    margin: 0 0 5px !important;
    border: 1px solid #666 !important;
}
.login-form .field label, .resetPasswordForm .field.password label {
    font-size: 12px;
    line-height: 20px;
}
.login-form input[type="submit"], .login-form input[type="button"] {
    width: 73px;
}
input[type="submit"], input[type="button"], input[type="reset"], div[class*="dxbButton_Modern"] div.dxb {
    width: auto;
    height: auto !important;
    color: #FFF;
    font-size: 12px !important;
    padding: 2px 10px !important;
    
    -moz-box-shadow: 2px 2px 4px #606060;
    -webkit-box-shadow: 2px 2px 4px #606060;
    -o-box-shadow: 2px 2px 4px #606060;
    -ms-box-shadow: 2px 2px 4px #606060;
    box-shadow: 2px 2px 4px #606060;
}
input[type="submit"], input[type="button"], input[type="reset"] {
    -moz-box-shadow: 2px 2px 4px #000000;
    -webkit-box-shadow: 2px 2px 4px #000000;
    -o-box-shadow: 2px 2px 4px #000000;
    -ms-box-shadow: 2px 2px 4px #000000;
    box-shadow: 2px 2px 4px #000000;
}
.resetPwd a {
    text-decoration: none;
}

.resetPwd a {
    color: #999;
    font-size: 12px;
}
.logoutSection {
    color: #fff;
    margin-top: 10px;
}
.login-form .field input[type="text"], .login-form .field input#Password, .resetPasswordForm .field.password input {
    margin: 0px !important;
    border: 1px solid #ccc !important;
}
/*mid header*/

.mid-header {
    width: 980px;
    margin: auto;
}
.dxmLite_ModernRed, .dxmLite_ModernRed .dxm-item a.dx {
    color: White;
    margin-left: 0px;
    margin-right: 0px;
    border-left-width: 5px;
}
.dx-clear {
    display: block;
    clear: both;
    height: 0;
    width: 0;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
}
div[class*="dxmLite_"] ul.dx {
    font-size: 18px !important;
    background: none !important;
}
div[class*="dxmLite_"] .dxm-popup {
    background: #242020 !important;
}
/*main part*/
.wrapper {
    margin: 0px auto;
}
.wrapper .dxsplLCC {
    padding: 0px !important;
}
.new-recurring-payment-button {
    margin-bottom: 10px !important;
    height: 25px!important;
}
.divLayoutMaxWidth.fullBody, #panelContainer {
    margin: 0px auto;
    background-color: white;
    padding: 20px 10px;
}

/* Grid View*/

.mainContentPane h1 {
    font-size: 24px;
}

.dxgvTable_ModernRed {
    background-color: White;
    border-width: 0;
    border-collapse: separate!important;
    overflow: hidden;
    color: Black;
}

/*button view*/

.dxbButtonSys.dxbTSys {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-table;
    border-spacing: 0;
    border-collapse: separate;
}

div.dxbButtonSys {
    vertical-align: middle;
}

/* contact us form*/

table[class*='dxflGroup_'].dxflGroupSys.dxflAGSys, table[class*='dxflGroup_'].dxflGroupSys.dxflAGSys td[class*='dxflGroupCell_'] {
    padding: 4px !important;
    color: #4E4E4E;
}
.dxflGroupBox_ModernRed.dxflHeadingLineGroupBoxSys.dxflWithCaptionSys {
    margin-top: 22px!important;
}
span[class*="dxflGroupBoxCaption_"] {
    background-color: White !important;
}
span[class*="dxflGroupBoxCaption_"] {
    padding: 3px 1px !important;
    font-size: 12px !important;
}


/*footer*/
.footer-container{
    color: #fff;
    padding: 0 0 15px 0;
    border-top: 5px solid;
}
.center {
    margin: 0 auto;
    position: relative !important;
    display: block !important;
    width: 980px;
}

.ft-logo {
    margin: 28px 0 0 0;
    font-size: 30px;
    font-style: italic;
}
.left {
    float: left;
}
.ft-address {
    color: #666;
    font-size: 13px;
    text-align: right;
    font-style: italic;
}
.ft-address p {
    margin: 19px 0 0 0;
    line-height: 19px;
}
.ft-phone {
    color: #fff;
    font-size: 36px;
    font-weight: bold;
    margin: 28px 0 0 0;
}

.ft-phone p {
    margin: 0;
    text-align: right;
}
 
 
 
legend {
     border-bottom: 0px solid #e5e5e5;
}
.text-danger{
    color:red !important;
}
li.dropdown:hover > .dropdown-menu {
    display: block;
}
.navbar {
     margin-bottom: 0px !important; 
    min-height:0px !important;
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 6px 12px !important; 
    color: #E5E5E5 !important; 
    font-size: 16px !important; 
}
.navbar {
   border-radius: 0px !important; 
   border: 0px solid transparent !important;
}
.navbar-collapse {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.dropdown-arrow{
    margin-top:-4px;
    width: 34px !important;
}
.dropdown-menu > li > a {
     padding: 8px 12px !important;
     font: 16px Tahoma,Geneva,sans-serif !important; 
 }
.navbar-toggle {
    background-color: black !important;
    border: 1px solid black !important;
}
.navbar-toggle .icon-bar {
    background: white !important;
}
.dropdown-menu {   
     border-radius: 0px !important;
}




@media only screen and (max-width:767px) {
    .navbar {
        height: auto !important;
        overflow:scroll;
    }
    .nav > li > a {
        padding: 12px 15px !important;
        padding-left: 40px !important;
    }
    .dropdown-menu > li > a {
        padding: 11px 40px !important;
    }
    .banner-bg {
    background: #38332f;
    height: 100% !important;
}
    .banner-bg .banner {
     width: 100% !important;
    display: block !important;
}
   .banner-bg .banner .banner-txt {
    width:100% !important;
}
    .wrapper {
        padding: 12px !important;
    }
    .login-form {
    float: none !important;
}
      .footer-container {
    padding: 0px 0px; 
    height: 440px;
}
      /*table{
          width:auto !important;
      }*/
    .column-three-width {
        width: 100% !important;
    }
          .Board-aging-popup{
          width: 100% !important;
         overflow-x: scroll !important;
       display: block !important;
      }
       #RecurPaymentCreationPopup_PW-1 .dxpc-contentWrapper{
    overflow-x: scroll !important;
    display: block !important;
   }
    #pcRecurringPayments{
     width:90% !important;
    }
    #RecurPaymentCreationPopup_PWC-1{
    width: 370px !important;
    }
    #RecurringPaymentForm_0 .dxflGroupBox, #RecurringPaymentForm_1 .dxflGroupBox {

        display:block !important;
    }
        #RecurringPaymentForm_1_2_5_0 .dxflGroupCell .dxflNestedControlCell table td{
        padding-left: 0px !important;
    }
}

.dxtcLite_ModernRed .dxtc-stripContainer .dxtc-rightIndent, .dxtc-leftIndent {
    background: #E5E5E5 !important;
}

.payment-process fieldset.ui-widget-content {
    background: #fff !important;
}
.payment-process fieldset.ui-widget-content legend {
        background: #fff;
}
.payment-process fieldset.ui-widget-content legend {
    font-size: 12px !important;
    Font-Weight: bold;
}
.dxflRequired_ModernRed {
    color: #ffffff;
    font-style: normal;
}
.dxigControl_ModernRed {
     border:0px solid #C0C0C0 !important;
}
.table-color-grid td{
    font-weight: 100;
    color: #4E4E4E;
    font-size: 12px;
}
.table-color-grid label{
    font-weight: 100;
    color: #4E4E4E;
    font-size: 12px !important;
}
.ho-wo-heading{
     font-size:13px;
     font-weight:bold;
     margin-bottom:10px;
}
.BodyContainer h4{
    font-size:13px;
    margin-top: 7px;
}
.BodyContainer {
    border: 1px solid #fff;
    margin: 0px auto;
    background-color: white;
    padding: 20px 10px;
}

.registration-heading {
    font-size: 12px !important;
    font-weight: bold;
    top: -9px !important;
    width: auto !important;
}

.fieldset-border-color {
    border: 1px Solid #9F9F9F !important;
    border-radius: 3px !important;
    padding: 0 10px 15px !important;
}

.label-css {
    font-size: 13px !important;
    color: #4E4E4E;
    text-align: left !important;
    font-weight: 100;
    padding-right: 0px !important;
}

.input-css {
    height: 22px !important;
    line-height: 22px !important;
    padding: 0 4px !important;
    background: white;
    width: 100%;
    border: 1px solid #b3b3b3 !important;
}

.form-group-margin {
    padding-bottom: 20px;
}

.fieldset-row-css {
    padding: 17px 50px 9px 45px;
}

.column-three-width {
    width: 19%;
}

/*.registerDropDownWidth table {
    width: 100% !important;
}*/

.form-control {
    border-radius: 0px !important;
}

.validationFontSize {
    font-size: 12px;
}

.contactUsTextArea {
    height: 100px;
    padding: 0 4px !important;
    background: white;
    width: 100%;
    border: 1px solid #b3b3b3 !important;
}

.mobilePageColor {
    color: #474646;
    font-size: 15px;
    font-weight: 100;

}

.mobileRadioButtonColor {
    color: #474646;
    font-size: 15px;
    font-weight: 100;
}

.mobileConformationInput {
    margin: 0 0 5px !important;
    width: 150px !important;
    height: 20px !important;
    line-height: 20px !important;
    padding: 0 4px !important;
    background: white;
}
.mobileConfirmationBorder{
   border: 1px solid #6c6c6c;
       background-color: white;
}
 
 /*Css*/
  @media only screen and (min-width:767px){
    .threeTwoDownB #flUserInfo_0_0, .threeTwoDownB #flUserInfo_0_1, .threeTwoDownB #flUserInfo_0_2, .threeTwoDownB #flUserInfo_0_3, .threeTwoDownB #flUserInfo_0_4,
    .threeTwoDownB #flUserInfo_0_5, .threeTwoDownB #flUserInfo_0_6, .threeTwoDownB #flUserInfo_0_7,.threeTwoDownB #flUserInfo_0_8,
    .threeTwoDownB #flUserInfo_0_9,.threeTwoDownB #flUserInfo_0_10,.threeTwoDownB #flUserInfo_0_11,.threeTwoDownB #flUserInfo_0_12,.threeTwoDownB #flUserInfo_0_13,
    .threeTwoDownB #flUserInfo_0_14,.threeTwoDownB #flUserInfo_0_15{
        width:100% !important;
    }

    .threeTwoDownC #flUserInfo_0_0, .threeTwoDownC #flUserInfo_0_1, .threeTwoDownC #flUserInfo_0_2, .threeTwoDownC #flUserInfo_0_3, .threeTwoDownC #flUserInfo_0_4,
    .threeTwoDownC #flUserInfo_0_5, .threeTwoDownC #flUserInfo_0_6, .threeTwoDownC #flUserInfo_0_7,.threeTwoDownC #flUserInfo_0_8,
    .threeTwoDownC #flUserInfo_0_9,.threeTwoDownC #flUserInfo_0_10,.threeTwoDownC #flUserInfo_0_11,.threeTwoDownC #flUserInfo_0_12,.threeTwoDownC #flUserInfo_0_13,
    .threeTwoDownC #flUserInfo_0_14,.threeTwoDownC #flUserInfo_0_15{
        width:100% !important;
    }

    
    .threeTwoUpB #flUserInfo_0_0, .threeTwoUpB #flUserInfo_0_1, .threeTwoUpB #flUserInfo_0_2, .threeTwoUpB #flUserInfo_0_3, .threeTwoUpB #flUserInfo_0_4,
    .threeTwoUpB #flUserInfo_0_5, .threeTwoUpB #flUserInfo_0_6, .threeTwoUpB #flUserInfo_0_7,.threeTwoUpB #flUserInfo_0_8,
    .threeTwoUpB #flUserInfo_0_9,.threeTwoUpB #flUserInfo_0_10,.threeTwoUpB #flUserInfo_0_11,.threeTwoUpB #flUserInfo_0_12,.threeTwoUpB #flUserInfo_0_13,
    .threeTwoUpB #flUserInfo_0_14,.threeTwoUpB #flUserInfo_0_15{
        width:100% !important;
    }

      .threeTwoUpC #flUserInfo_0_0, .threeTwoUpC #flUserInfo_0_1, .threeTwoUpC #flUserInfo_0_2, .threeTwoUpC #flUserInfo_0_3, .threeTwoUpC #flUserInfo_0_4,
    .threeTwoUpC #flUserInfo_0_5, .threeTwoUpC #flUserInfo_0_6, .threeTwoUpC #flUserInfo_0_7,.threeTwoUpC #flUserInfo_0_8,
    .threeTwoUpC #flUserInfo_0_9,.threeTwoUpC #flUserInfo_0_10,.threeTwoUpC #flUserInfo_0_11,.threeTwoUpC #flUserInfo_0_12,.threeTwoUpC #flUserInfo_0_13,
    .threeTwoUpC #flUserInfo_0_14,.threeTwoUpC #flUserInfo_0_15{
        width:100% !important;
    }

     .leftRightHalfScreenB #flUserInfo_0_1, .leftRightHalfScreenB #flUserInfo_0_2, .leftRightHalfScreenB #flUserInfo_0_3, .leftRightHalfScreenB #flUserInfo_0_4,
    .leftRightHalfScreenB #flUserInfo_0_5, .leftRightHalfScreenB #flUserInfo_0_7,.leftRightHalfScreenB #flUserInfo_0_8,
    .leftRightHalfScreenB #flUserInfo_0_9,.leftRightHalfScreenB #flUserInfo_0_11,.leftRightHalfScreenB #flUserInfo_0_12,.leftRightHalfScreenB #flUserInfo_0_13,
    .leftRightHalfScreenB #flUserInfo_0_14,.leftRightHalfScreenB #flUserInfo_0_15{
        width:100% !important;
    }
     .leftRightHalfScreenB #flUserInfo_0_0,.leftRightHalfScreenB #flUserInfo_0_6,.leftRightHalfScreenB #flUserInfo_0_10{
         width:103% !important;
     }


      .leftRightHalfScreenA #flUserInfo_0_1, .leftRightHalfScreenA #flUserInfo_0_2, .leftRightHalfScreenA #flUserInfo_0_3, .leftRightHalfScreenA #flUserInfo_0_4,
    .leftRightHalfScreenA #flUserInfo_0_5, .leftRightHalfScreenA #flUserInfo_0_7,.leftRightHalfScreenA #flUserInfo_0_8,
    .leftRightHalfScreenA #flUserInfo_0_9,.leftRightHalfScreenA #flUserInfo_0_11,.leftRightHalfScreenA #flUserInfo_0_12,.leftRightHalfScreenA #flUserInfo_0_13,
    .leftRightHalfScreenA #flUserInfo_0_14,.leftRightHalfScreenA #flUserInfo_0_15{
        width:100% !important;
    }
     .leftRightHalfScreenA #flUserInfo_0_0,.leftRightHalfScreenA #flUserInfo_0_6,.leftRightHalfScreenA #flUserInfo_0_10{
         width:103% !important;
     }
       .leftRightHalfScreenA #Reg_AccountNumber, .leftRightHalfScreenA #Reg_AdditionalAddress, .leftRightHalfScreenA #Reg_UnitNumber{
      width:84%!important;
  }       

  .leftRightHalfScreenA #Reg_FirstName_ET, .leftRightHalfScreenA #Reg_LastName_ET, .leftRightHalfScreenA #Reg_StreetNumber_ET, .leftRightHalfScreenA #Reg_StreetAddress_ET, .leftRightHalfScreenA #Reg_City_ET, .leftRightHalfScreenA #Reg_State_ET,
  .leftRightHalfScreenA #Reg_Zip_ET, .leftRightHalfScreenA #Reg_HomePhone_ET, .leftRightHalfScreenA #Reg_WorkPhone_ET, .leftRightHalfScreenA #Reg_MobilePhone_ET{
          width: 100% !important;
  }
   

}
@media only screen and (min-width:768px){
     .threeTwoUp .threeTwoUpBlock .BodyContainer , .threeTwoUp .threeTwoUpB .BodyContainer, .threeTwoUp .threeTwoUpC .BodyContainer,
    .leftRightHalfScreen .leftRightHalfScreenB .BodyContainer, .leftRightHalfScreen .leftRightHalfScreenA .BodyContainer,
    .threeTwoDown .threeTwoDownC .BodyContainer, .threeTwoDown .threeTwoDownB .BodyContainer{
        -webkit-overflow-scrolling: touch !important;
        overflow: auto !important;
    }
}

.accWidth {
    width: 93px !important;
}

#UserInformationForm_2_0, #UserInformationForm_2_2, #UserInformationForm_2_4{
     width:3% !important;
 }



.leftRightHalfScreenA .colwidth{
    width:100%;
}
.leftRightHalfScreenA .colwidthmargin{
   margin-left:-26px;
}

.leftRightHalfScreenA .registerHeader {
       min-width:93px !important;
       width:93px !important;
}
  .navbar-nav>li>a {
    line-height: 25px !important;
}
  .OaksAccount{
    margin-top: 2px !important;
    margin-bottom: 10px !important;
}
  #paybyecheck, #paybycreditcard{
      padding:3px !important;
  }

    #VOdetailsPopUp_PW-1 .dxpc-content{
          height:373px !important;
  }
  #VOdetailsPopUp_PW-1 .dxpc-headerContent{
          line-height: 0px !important;
  }
  #VOdetailsPopUp_HCB-1{
          margin-top: 0px !important;
  }
  .nav > li > a {
    display: inline-flex !important;
}

@media only screen and (max-width:768px) {
    .navbar-collapse {
        max-height: initial !important;
    }
    .header .logo p {
    font-size: 30px !important;
}
    .header .logo {
   margin-top: 25px !important; 
}
    .login-form {
        padding-top: 0em;
    }
}

.profileButtonAddAddtionalProperty {
    width: 200px !important;
}

.profileButtonSubmit {
    width: 70px !important;
}

.recurringbuttonEditRecurringPayment {
    width: 60px !important;
}

/*.submiteCheckPaymentOnetimePayment {
    width: 160px !important;
}*/

.returnBackToProcessPaymentButtonClass {
    width: auto !important;
    margin-bottom: 10px !important;
    margin-left: 10px !important;
}

div[class^="dxbButton_"] profileButtonAddAddtionalProperty profileButtonSubmit {
}

.resetPassword {
    width: 100% !important;
}
.resetPasswordSection {
    padding: 15px !important;
}
.resetPasswordSection1 {
    width: 1000px !important;
    margin: auto;
    border: 1px solid grey;
    padding: 15px !important;
}

.resetPasswordSection2 {
    border: 1px solid grey;
    padding: 15px !important;
}

.resetPasswordSection1 h1 {
    font-size: 22px !important;
}

.resetPasswordSection1 label {
    width: 100%;
}

.resetPasswordSection1 input[type="password"] {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.75);
    outline: none !important;
}

@media (max-width: 767px) {
    .resetPasswordSection1 {
        width: 100% !important;
    }
}

.elips {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 145px;
}

.paymentPrintButtonCSS {
    text-decoration: none!important;
    /*width: 50px;
    height: 25px;*/
    padding: 4px 0px 6px !important;
}
.registerHeader-dt {
    width: 150px !important;
    min-width: 150px !important;
}
.dxeTextBoxDefaultWidthSys, .dxeButtonEditSys {
    width: 230px !important;
    min-width: 230px !important;
}

#frmDirectory .dxflGroup, .dxflGroupCell {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.dxtcLite > .dxtc-stripContainer .dxtc-link {
    color: #333333 !important;
    text-decoration: none !important;
}
#RecurPaymentCreationPopup_PW-1 {
    width: 800px !important;
}
#ContactUsForm .dxeMemo {
    width: 230px !important;
}

#Details_ET .dxeMemo {
    width: 230px !important;
}
input[type="radio"], input[type="checkbox"] {
    margin-top: -2px !important;
}
/*@media only screen and (min-width:1024px) and (max-width:1366px) {
    .eye-position {
        left: 555px;
    }
}

@media only screen and (min-width:1367px) and (max-width:1440px) {
    .eye-position {
        left: 595px;
    }
}

@media only screen and (min-width:1441px) and (max-width:1600px) {
    .eye-position {
        left: 675px;
    }
}

@media only screen and (min-width:1680px) and (max-width:1700px) {
    .eye-position {
        left: 715px;
    }
}

@media only screen and (min-width:1701px) and (max-width:1920px) {
    .eye-position {
        left: 835px;
    }
}*/
@media only screen and (max-width: 800px) {
    #MainNewMessageForm_0 .dxflGroupBox {
        display: inline-block !important;
        width: 100% !important;
    }
}
#RequestType.dxeButtonEditSys {
    width: 201px !important;
    min-width: 201px !important;
}
.dxb-hb {
    display: none !important;
}
.eye-icon {
    top: 28px !important;
}
/************************************************************************* Eye Icon Classes **********/
.eye-position {
    left: -303px;
}

@media only screen and (min-width:1025px) and (max-width:1152px) {
    #UserInformationForm_4_3 .eye-position {
        left: 212px;
        top: -30px;
    }

    #UserInformationForm_4_5 .eye-position {
        left: 212px;
        top: -30px;
    }
}

@media only screen and (max-width:1024px) {
    #UserInformationForm_4_3 .eye-position {
        left: 212px;
        top: -29px;
    }

    #UserInformationForm_4_5 .eye-position {
        left: 212px;
        top: -29px;
    }
}
/************************************************************************* Eye Icon Classes End**********/
.dxpcLite .dxpc-header {
    padding: 10px !important;
    border-bottom: 0px !important;
}

.dxpc-headerContent {
    overflow: visible !important;
}
/************************** One time payment tab active class ****************************/
#divAIOneTimePayment .nav > li > a {
    font-size: 14px !important;
    background: #ccc;
    line-height: 15px;
    padding: 10px 20px !important;
}

    #divAIOneTimePayment .nav > li > a:hover {
        background: #3a913f !important;
        color: #fff !important;
        border: 0px solid #dddddd;
        border-bottom-color: transparent;
    }

#divAIOneTimePayment .nav-tabs > li > a {
    margin-right: 4px;
}

#divAIOneTimePayment .nav > li.disabled > a {
    background: #dbdbdb !important;
    color: #acacac !important;
}

    #divAIOneTimePayment .nav > li.disabled > a:hover {
        background: #dbdbdb !important;
        color: #acacac !important;
    }
/************************** One time payment tab active class End ****************************/
.neighborhoodnews-link {
    padding: 3px 12px !important;
}
.qr-position {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 130px;
    margin: auto;
}

@media only screen and (max-width : 768px) {
    .qr-position {
        padding-top: 20px;
        width: 130px;
        float: left;
    }
}
#mobileAppToastDialog .modal-dialog {
    position: relative;
    left: 0px;
    margin-top: 25% !important;
    top: 25% !important;
    padding-top: 25% !important;
    margin: auto !important;
}