/*.user-registration-profile-fields__field-wrapper .ur-field-item.field-text[data-field-id] {
    display: none;
}*/
#content {
    min-height: 100vh;
}
.custom-label-add-account {
    color: #1A1C1E !important;
    font-size: 22px !important;
    text-align: left !important;
    font-weight: 600;
    font-family: inter;
    padding: 0px 10px;
    margin-bottom: 20px !important;
}
.ur-login-subtitle {
    margin-top: 8px;
}
p.ur-field.ur-field-password {
    margin: 0;
}
.user-registration-EditProfileForm.edit-profile .ur-field-item.field-text[data-ref-id="user_registration_account_number"] {
    display: none;
}
.add_account_form_row {
    display: flex;
    width: 50%;
}
.user-registration-profile-header {
    /*display: none !important;*/
}
input#account_add {
    outline: none;
    width: 50%;
    margin-right: 20px;
}
.add_account_form_title {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 20px;
}
.my-account-list-account .user-registration-MyAccount-content__body {
    display: none;
}
ul.account-list {
    list-style: none;
        width: 60%;
}
.invoice-item span {
    margin-right: 20px;
}
.add_account_form_style {
    text-align: right;
}
.add_account_form_style .add_account_form {
    text-align: left;
}
li.account-item {
    text-align: left;
    display: flex;
    width: 100%;
}
.item-span {
    width: 50%;
}
button.delete-account-btn {
    border: unset !important;
    background: unset !important;
    color: #f25656;
    box-shadow: unset !important;
}
button.delete-account-btn:hover {
    color: #f25656 !important;
}
span.item-number {
    margin-right: 10px;
}
.invoices_back {
    color: #1A1C1E !important;
}
/*=================== new style ====================*/
.custom-nav-btn.sign-out-btn a {
    color: #FF3333 !important;
    padding: 15px 35px !important;
}
.custom-nav-btn.sign-out-btn {
    background: #FF33331A;
    border-radius: 15px;
}
.custom-nav-btn.log-in-btn a {
    color: #fff !important;
    padding: 10px 45px !important;
}
.custom-nav-btn.log-in-btn {
    background: #0F75BC;
    border-radius: 15px;
}
.btn.button.next-step i {
    padding-left: 10px;
}
div#user-registration,.user-registration.ur-frontend-form    {
    /*max-width: 460px !important;*/
}
body .ur-frontend-form.login{
    padding: 40px;
    border-radius: 20px;
    box-shadow: unset !important;
    background: #FFFFFF !important;
    border: 1px solid #f5f5f5 !important;
}
.user-registration-form-login .user-registration-login-title {
    font-size: 22px !important;
    font-weight: 600 !important;
    text-align: left !important;
    color: #1A1C1E !important;
    line-height: 30px !important;
}
.user-registration-form-login .user-registration-login-description {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #737373 !important;
    line-height: 24px !important;
    width: 100%;
    text-align: left !important;
}
#user_address_field textarea {
    height: auto !important;
    min-height: 36px !important;
}
#user_address_field #user_address_field div {
    display: none !important;
}
#user_address_field textarea,.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text,.ur-frontend-form .ur-form-row .ur-form-grid input {
    border: unset !important;
    border-bottom: 1.5px solid #747474 !important;
    border-radius: unset !important;
    font-size: 18px !important;
    padding: 0 !important;
    color: #737373 !important;
    outline: none !important;
        height: 40px;
}
.ur-frontend-form .ur-form-row .ur-form-grid legend, .ur-frontend-form .ur-form-row .ur-form-grid label{
    color: #1A1C1E !important;
}
.ur-frontend-form .ur-form-row .ur-form-grid .hide_show_password .password-input-group .password_preview{
    color: #ACB5BB !important;
    font-size: 15px !important;
}
.user-registration-LostPassword.lost_password {
    display: block;
    text-align: right;
    width: 100%;
}
.user-registration-LostPassword.lost_password a {
    text-decoration: unset;
    font-weight: 600;
    color: #0F75BC !important;
    text-align: right;
    display: block;
    width: 100%;
    font-size: 15px !important;
}
button.user-registration-Button.button.ur-submit-button {
    width: 100%;
    border-radius: 15px;
    background: #0F75BC !important;
    margin-top: 15px;
}
.user-registration-register.register a {
    color: #6C7278 !important;
    text-decoration: unset !important;
    font-size: 14px;
}
.user-registration.ur-frontend-form{
    padding: 40px !important;
    border-radius: 20px !important;
    box-shadow: unset !important;
    background: #FFFFFF !important;
    border: 1px solid #f5f5f5 !important;
}

.logged-in .non-login-menu {
    display: none !important;
}
.login-menu {
    display: none !important;
}
.logged-in .login-menu {
    display: block !important;
}
table td, table th{
    border: 0 !important;
}
table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
    background-color: transparent !important;
}
table th{
    text-align: left;
}
.invoice_link {
    text-decoration: underline !important;
    color: #356EEB !important;
}
#toggle-filter-btn:hover {
    background: unset !important;
}
.filter-class {
    margin-right: 5px;
}
.invoice-title {
    font-size: 26px;
    font-weight: 600;
    color: #1A1C1E;
}
.invoice-sub-title {
    font-size: 18px;
    font-weight: 600;
    color: #1A1C1E;
}
#toggle-filter-btn:focus{
    background: #fff !important;
}
.invoice-container-div {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
}
.invoice-sub-title {
    width: 70%;
}
.filter-toggle-container {
    width: 30%;
}
.filter-section-row {
    display: flex;
    flex-wrap: nowrap;
}
.filter-section-field {
    width: 25%;
    margin: 0 10px;
}
.filter-section-field label {
    margin-bottom: 10px;
}
#filter-section.active{
    box-shadow:unset !important;
}
.invice-container-section {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 30px;
}
.invice-section-data, .invoice-section-buttons {
    width: 50%;
}
.invoice-single {
    width: 100%;
    padding: 60px 0;
}
.invoice-section-buttons {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.invoice-btn {
    width: 40%;
    font-size: 16px;
    font-weight: 600;
    border-radius: 15px;
    padding: .5rem 1rem;
    text-align: center;
}
.pay_button {
    background: #0F75BC;
    color: #fff;
    border: 1px solid #0F75BC;
}
.pay_button:hover {
    background: #fff;
    color: #0F75BC;
    border: 1px solid #0F75BC;
}
.download_button {
    background: #26B99A;
    color: #fff;
    border: 1px solid #26B99A;
}
.download_button:hover {
    background: #fff;
    color: #26B99A;
    border: 1px solid #26B99A;
}
.send_button {
    background: #F7941D;
    color: #fff;
    border: 1px solid #F7941D;
}
.send_button:hover {
    background: #fff;
    color: #F7941D;
    border: 1px solid #F7941D;
}
.invice-section-data {
    background: #FFFFFF;
    border: 1.45px solid #f5f5f5;
    border-radius: 15px;
    padding: 30px;
    margin-bottom: 40px;
}
.invoice-title-area,.invoice-dates,.invoice-subtotal-data-row,.invoice-total-data {
    display: flex;
    align-items: center;
}
.invoice-title-name, .invoice-status,.invoice-date-data,.invoice-item-title,.invoice-item-price
,.invoice-subtotal-title,.invoice-subtotal-price,.invoice-total-title,.invoice-total-price {
    width: 50%;
}
.invoice-items-data{
       display: flex;
    align-items: center;
    padding: 8px 0px;
}
.invoice-description-area {
    padding: 8px 35px;
    border: 1.45px solid #F5F5F5;
    border-radius: 10px;
    margin: 0 0 15px 0;
}
.invoice-item-price ,.invoice-subtotal-price,.invoice-total-price,.invoice-status {
    text-align: right;
    font-weight: 600;
}
.right-align {
    text-align: right;
}
.invoice-subtotal-data ,.invoice-total-data,.invoice-dates{
    border-top: 1.45px solid #F5F5F5;
    padding: 15px 0;

}
.invoice-subtotal-data-row {
    padding: 8px 0;
}

.invoice-subtotal-data {
    margin-top: 15px;
}
.invoice-create-date,.invoice-due-date {
    color: #1A1C1E;
    font-size: 18px;
    font-weight: 600;
}
.date-title {
    color: #6C7278;
    font-size: 15px;
}
.invoice-title-name {
    font-size: 20px;
    font-weight: 600;
}
.invoice-title-area {
    padding: 0 0 10px 0;
}

.open-status {
    background: #EDFCF2;
    padding: 5px 20px;
    color: #2A7948;
    border-radius: 10px;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    align-content: center;
}
.invoice-page-title {
    font-size: 22px;
    font-weight: 600;
    color: #1A1C1E;
    padding-bottom: 30px;
}
.invoice-total-price {
    color: #0F75BC;
    font-size: 20px;
    font-weight: 600;
}
.invoice-total-title {
    font-size: 20px;
    font-weight: 500;
}
.invoice-page-title i {
    margin-right: 15px;
    display: inline-block;
}
.back_link {
    color: unset;
}
/* add account */
    .accounts-list { width: 50%; }
    .action-div { width: 50%; }
    .account-actions { display: flex; flex-wrap: nowrap; }
    .align-right-content { text-align: end; }

    .delete-account {
        background: unset !important;
        outline: unset !important;
        color: #D71F1F !important;
    }
    .edit-account {
        background: unset !important;
        outline: unset !important;
        color: #0F75BC !important;
    }

    .page-title {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .account-card {
        background: #fff;
        border-radius: 12px;
        padding: 10px 15px;
        margin-bottom: 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border: 1.45px solid #F5F5F5;
    }

    .account-number {
        color: #0F75BC;
        font-weight: 600;
    }
    .account-card p {
        margin-bottom: 5px;
    }
    .account-info p { margin: 5px 0; }

    .account-actions button {
        border: none !important;
        background: none !important;
        cursor: pointer;
        font-size: 14px;
    }

    .add-new-account-wrapper {
        text-align: center;
        margin-top: 25px;
    }

    .add-account-btn {
        border: 1.38px dashed #0073aa !important;
        background: #0F75BC14 !important;
        color: #0073aa !important;
        padding: 12px 25px;
        border-radius: 10px !important;
        cursor: pointer !important;
        font-weight: 500;
        width: 100%;
    }

    .add-account-btn:hover {
        background: #0073aa;
        color: #fff;
    }

    
    form#accountForm label {
        font-size: 14px;
        color: #1A1C1E !important;
        margin-bottom: 18px;
        margin-top: 10px;
    }
    .modal-buttons {
        margin-bottom: 20px;
        margin-top: 30px;
    }
    /*button {*/
        /*width: 100%;*/
        /*border-radius: 15px !important;
        background: #0F75BC !important;
        margin-top: 15px;
        color: #fff !important;
        border: 1px solid #0f75bc !important;
    }*/
    form#accountForm input {
        border: unset !important;
        border-bottom-width: unset;
        border-bottom-style: unset;
        border-bottom-color: unset;
        border-bottom: 1.5px solid #747474 !important;
        border-radius: unset !important;
        font-size: 18px !important;
        padding: 0 !important;
        outline: unset !important;
  background: transparent;
      /*margin-bottom: 15px;*/
    }
        div#accountFormWrapper {
        display: none;
        width: 50%;
    }
    form#accountForm {
        width: 75%;
        background: #FFF;
        padding: 30px;
    }
    .manage-accounts-container .page-title i {
    margin-right: 15px;
    display: inline-block;
    cursor: pointer;
}
.account-card-title {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
    margin-top: 30px;
}
form#accountForm .form-buttons button {
    width: 100%;
}
form#accountForm .form-buttons {
    margin: 30px 0;
}
form#accountForm .form-buttons button {
    width: 100%;
    margin-bottom: 15px;
}
/* add account */
/*dashbord*/
.filter-toggle-container.dashbord {
    display: none;
}
.custom-nav-btn.sign-out-btn i {
    font-weight: 600 !important;
    padding-right: 10px;
}
/*dashbord*/

/*---registration form-------*/

/*---registration form-------*/
/*---forgot password-------*/
#custom-forgot-form {
    padding: 40px 50px !important;
    border-radius: 20px !important;
    box-shadow: unset !important;
    background: #FFFFFF !important;
    border: 1px solid #f5f5f5 !important;
}
#custom-forgot-form .big-label {
    color: #1A1C1E !important;
    margin-top: 0;
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}
.small-label {
    font-size: 15px;
    color: #737373;
    margin-bottom: 20px;
    margin-top: 10px;
}
#user_registration_login_form input.ur-input-border-green:not([type="range"]), #user_registration_login_form textarea.ur-input-border-green {
    border-color: unset !important;
}
#custom-forgot-form input {
    border: unset !important;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: 1.5px solid #747474 !important;
    border-radius: unset !important;
    font-size: 18px !important;
    padding: 0 !important;
    outline: none !important;
    min-height: 38px;
  max-height: 38px;
  margin-bottom: 0px;
  color: #737373 !important;
}
.send-code-btn {
    background: #0F75BC !important;
    border: 1px solid #0F75BC !important;
    color: #fff !important;
    width: 100% !important;
    border-radius: 15px !important;
    margin-top: 30px !important;
    padding: 12px !important;
}
.step.step-3 .send-code-btn {
    margin-top: 15px !important;
}
.verification-badge {
    margin: 0 auto;
    display: block;
    text-align: center;
    padding-bottom: 25px;
}
.step.step-2 .big-label,.step.step-2 .small-label {
    text-align: center;
    display: block;
}
.response-message {
    text-align: center;
}
.verification-container {
  text-align: center;
  max-width: 360px;
  margin: 0 auto;
  background: #fff;
  border-radius: 16px;
  padding: 30px 20px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
}

.verification-badge img {
  width: 70px;
  /*margin-bottom: 15px;*/
}

#custom-forgot-form input.otp-box {
    border: 1px solid #73737366 !important;
    margin-bottom: 0 !important;
    border-radius: 6px !important;
    width: 50px !important;
    height: 50px !important;
    max-height: 50px !important;
}
.highlight-email {
    color: #1A1C1E;
    font-weight: 600;
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 25px;
    font-size: 14px;
}
.otp-inputs {
    text-align: center;
}
.otp-box {
  width: 42px;
  height: 48px;
  text-align: center;
  font-size: 1.3rem;
  border: 1.5px solid #73737366; /* Default border color */
  border-radius: 8px;
  outline: none;
  transition: all 0.2s ease;
  color: #000;
}
.invoice-qty {
    font-size: 14px;
}

#custom-forgot-form input.otp-box:focus {
  border-color: #1A1C1E; /* Optional focus color */
      border-width: 1.5px !important;

}

/* When input has a number, border turns red */
#custom-forgot-form input.otp-box.filled {
  border-color: #1A1C1E !important;
  
}

/*.otp-box:focus {
  border-color: #0073aa;
  box-shadow: 0 0 5px rgba(0,115,170,0.3);
}*/

.verify-code-btn {
  width: 100%;
  background: #0073aa;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 8px;
  font-size: 1rem;
  cursor: pointer;
  transition: 0.3s;
}

.verify-code-btn:hover {
  background: #005f8d;
}

.resend-text {
  margin-top: 15px;
  font-size: 0.9rem;
  color: #666;
}

.resend-link {
  color: #0073aa;
  text-decoration: none;
  font-weight: 500;
}

/*---forgot password-------*/
/* Align the eye icon nicely */
.user-registration .toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #666;
  z-index: 2;
}

.user-registration input[type="password"] {
  padding-right: 35px;
}

.user-registration .toggle-password i {
  font-size: 16px;
}
.password-wrapper {
  position: relative;
  margin-bottom: 20px;
}
.ur-frontend-form .ur-form-row .ur-form-grid input.has-error {
    border-bottom: 1.5px solid #f25656 !important;
}
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
}

.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #666;
  transition: color 0.2s ease;
}

.toggle-password:hover {
  color: #000;
}

.toggle-password i {
  font-size: 16px;
}
.ur-error {
  color: #d93025;
  font-size: 13px;
  margin-top: 4px;
  display: block;
}
.ur-frontend-form .ur-form-row .ur-form-grid .ur-field-invalid {
  border-color: #d93025 !important;
}
.btn.button.next-step {
    background: #0F75BC !important;
    width: 100%;
    border-radius: 15px !important;
    color: #fff;
    margin: 0 !important;
}
.btn.button.ur-submit-button.submit{
    background: #0F75BC !important;
    width: 100% !important;
    border-radius: 15px !important;
    color: #fff;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
}
.ur-frontend-form .ur-form-row {
    display: block;
}
.register-title {
    color: #1A1C1E;
    margin-top: 0;
    margin-bottom: 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}
.register-title-small {
    font-size: 15px;
    color: #737373;
    margin-bottom: 35px;
    margin-top: 20px;
}
.user-registration-error::before {
    content: '' !important;
}
.ur-frontend-form .ur-form-row .ur-field-item .user-registration-error {
    color: #f25656 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0 !important;
    margin-top: 4px !important;
}
body .user-registration.ur-frontend-form .ur-input-border-red {
    border-bottom: 1.5px solid #f25656 !important;
}
#user_address-error {
    background: unset !important;
    border: unset !important;
    padding: 0 !important;
    color: #f25656 !important;
}
.ur-step-nav .btn.button.prev-step{
    /*display: none !important;*/
}
.hocutt-registration-form .btn.button.prev-step {
    width: 100%;
    box-shadow: unset !important;
    padding: 10px 24px;
    color: #0F75BC !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.15px;
    border: 1px solid #0F75BC !important;
    margin-right: 0;
    border-radius: 15px !important;
    background: #fff !important;
}
body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container.hide-submit {
    display: none !important;
}
#user_address_field div {
    display: none;
}
.lost-password-container {
    display: none !important;
}
.user-registration-password-hint, .user-registration-password-strength,#user_pass_error {
    /*display: none !important;*/
}
.error_show {
    color: #f25656;
    font-size: 14px !important;
}
.step.step-2 .error_show {
    text-align: center;
}
.user-registration-registration-title ,.ur-login-title{
    color: #1A1C1E !important;
      font-size: 22px !important;
      text-align: left !important;
      font-weight: 600;
      font-family: inter;
      margin-bottom: 0 !important;
}
.user-registration-registration-description ,.ur-login-subtitle{
    text-align: left !important;
    font-size: 15px !important;
    color: #737373 !important;
     font-family: inter;
     font-weight: 400;
}
.ur-frontend-form .ur-field {
    color: #1A1C1E !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px !important;
    margin-bottom: 20px;
}
.ur-frontend-form .ur-field .required {
    text-decoration: none;
    border: none;
    color: #ff4f55;
}
.user-registration-Input {
    border: unset !important;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: 1.5px solid #747474 !important;
    border-radius: unset !important;
    font-size: 18px !important;
    padding: 0 !important;
    color: #737373;
    outline: none !important;
        height: 40px;
}
.ur-frontend-form .ur-field label{
    margin-bottom: 12px !important;
}
.user-registration-form-login .ur-field.forgot-password {
    text-align: right;
}
.user-registration-form-login .ur-field.forgot-password a{
    color: #0F75BC !important;
    font-weight: 600;
}
.user-registration-form-login .ur-submit-button {
    background: #0F75BC !important;
    width: 100%;
    border-radius: 15px !important;
    color: #fff;
    margin: 0 !important;
    /*margin: 10px 0 !important;*/
}
.empty_Space {
    padding: 10px;
}
.ur-no-account {
    color: #6C7278 !important;
    font-size: 15px !important;
    text-align: center;
}
.ur-switch-to-register {
    color: #0F75BC !important;
}
.invoice-dashbord-div {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    margin-top: 25px;
    align-items: center;
}
.view_all_invoice {
    text-align: right;
    justify-content: right;
    display: flex;
    align-content: end;
    width: 30%;
}
.view_all_invoice a {
    border: 1.45px solid #DCDFE4;
    background: #EEF0F4;
    border-radius: 6px;
    padding: 10px 15px;
    color: #1A1C1E !important;
    font-size: 14px !important;
    font-weight: 600;
}
.primary-btn {
    background: #0F75BC !important;
    width: 100%;
    border-radius: 15px !important;
    color: #fff !important;
    margin: 0 !important;
    margin: 10px 0 !important;
    border: 1px solid #0F75BC !important;
}
#cancelEdit {
    width: 100%;
    border-radius: 15px !important;
    color: #0F75BC !important;
    margin: 0 !important;
    margin: 10px 0 !important;
    border: 1px solid #0F75BC !important;
    background: #fff !important;
}
#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    color: #0F75BC !important;
    background: #edeff7;
}
#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    border-color: #0F75BC !important;
}
#user-registration.vertical .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link:hover a {
    background: #edeff7;
    color: #0F75BC !important;
}
#user-registration.horizontal .user-registration-MyAccount-content .user-registration-profile-header .button-group .button.user_registration_profile_picture_upload, #user-registration.horizontal .ur-edit-profile .user-registration-profile-header .button-group .button.user_registration_profile_picture_upload, #user-registration .user-registration-MyAccount-content .user-registration-profile-header .button-group .button.user_registration_profile_picture_upload, #user-registration .ur-edit-profile .user-registration-profile-header .button-group .button.user_registration_profile_picture_upload{
    color: #0F75BC !important;
}
.download_button.invoice-btn:focus {
    background: #26B99A !important;
    color: #fff;
}
.send_button.invoice-btn:focus{
    background: #F7941D !important;
    color: #fff;
}
.pay_button.invoice-btn:focus{
    background: #0F75BC !important;
    color: #fff;
}
#user_registration_user_address {
    border: unset !important;
    border-bottom-width: unset;
    border-bottom-style: unset;
    border-bottom-color: unset;
    border-bottom: 1.5px solid #747474 !important;
    border-radius: unset !important;
    font-size: 18px !important;
    padding: 0 !important;
    color: #737373;
    outline: none !important;
}
#user_registration_user_address_field div {
    display: none;
}
.user-registration-EditProfileForm.edit-profile .user-registration-Button.button,
.user-registration-EditAccountForm.edit-password .user-registration-Button.button {
    background: #0F75BC !important;
      border: 1px solid #0F75BC !important;
      color: #fff !important;
      width: 100% !important;
      border-radius: 10px !important;
      margin-top: 15px !important;
      padding: 8px 25px !important;
      font-size: 16px !important;
      margin-bottom: 40px;
}
.user-registration-profile-fields p {
    width: 100%;
}
#user-registration.vertical .user-registration-MyAccount-content__header{
    border: unset !important;
    margin: 0 !important;
}
#user-registration .user-registration-MyAccount-content .ur-form-grid {
    padding: 0 20px;
}
/*feedback form*/
/*.feedback-wrapper {
  background: #fff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  max-width: 700px;
  margin: 2rem auto;
}*/

.feedback-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1rem;
}
.feedback-title-main i {
    padding-right: 10px;
}
.feedback-title-main {
    margin-bottom: 40px;
}

.feedback-wrapper textarea.wpcf7-form-control {
  width: 100%;
  min-height: 180px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  padding: 1rem;
  font-size: 1rem;
  resize: none;
  outline: none;
}

.feedback-wrapper .upload-section input[type="file"] {
  display: block;
  width: 100%;
  border: 2px dashed #0F75BC;
  border-radius: 8px;
  padding: 0.5rem;
  text-align: center;
  color: #0F75BC;
  font-weight: 500;
  background: #f9fafb;
  cursor: pointer;
}

.feedback-wrapper input[type="file"]::file-selector-button {
  display: none;
}

.feedback-wrapper .submit-section input[type="submit"] {
  background: #0F75BC;
  color: #fff;
  border: none;
  padding: 0.9rem 2rem;
  font-size: 1rem;
  border-radius: 15px;
  cursor: pointer;
  width: 100%;
  transition: 0.2s;
}
.feedback-title-main p {
    font-size: 22px;
    font-weight: 600;
}
/*.feedback-wrapper .submit-section input[type="submit"]:hover {
  background: #125a9c;
}*/

/*feedback form*/
/*.user-registration-error {
    display: none !important;
}*/
.ur-field-error {
    color: #ff4f55;
    font-size: 14px;
    margin-top: 3px;
}
form#accountForm .field-error {
    border-bottom: 1px solid #e74c3c !important;
}
.ur-error {
    font-size: 14px !important;
}
.invoice-status span {
    font-size: 13px;
}
.status-label {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.status-open   { background: #f0ad4e; color: #fff; }
.status-paid   { background: #28a745; color: #fff; }
.status-late   { background: #dc3545; color: #fff; }
.status-closed { background: #6c757d; color: #fff; }
#invoice-due-payment {
    background: #F7941D1F;
    border: 1.45px solid #F7941D80;
    border-radius: 15px;
    padding: 20px;
    margin-top:0px;
    width: 100%;
    position: relative;
}
.dashboard-pay-btn {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translate(-0%,-50%);
}
.dashboard-pay-btn {
    background: #F7941D;
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 10px;
}
.due-amount-class {
    color: #1A1C1E;
    font-size: 22px;
    font-weight: 600;
}
.due-title-class {
    color: #F7941D;
    margin-top: 5px;
    font-weight: 600;
    width: 80%;
}
.page-numbers li {
    list-style: none;
   font-size: 16px;
   margin: 4px;
}
.page-numbers{
    
     display: flex !important; 
     flex-wrap: nowrap; 
     justify-content: center;
}
.page-numbers li .current{
    color: #fff;
  background: #0F75BC;
}
.page-numbers li .page-numbers.current {
    color: #fff;
    background: #0F75BC;
    border: 1px solid #0F75BC;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}
.page-numbers li .page-numbers{
    color: #0F75BC;
     background: #fff;
     border: 1px solid #0F75BC;
      width: 30px;
      height: 30px;
    border-radius: 50px;
     font-size: 16px;
     align-items: center;
}
#toggle-filters {
    background: transparent !important;
}
table tbody tr:hover > td, table tbody tr:hover > th {
    background-color: transparent !important;
}
.filter-container-div {
    text-align: right;
    /*margin-bottom: 25px;*/
    width: 30%;
}
.invoice-container {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}
#hocutt-invoice-table_filter input,#hocutt-invoice-table_length select {
    margin-top: 10px;
}
#hocutt-invoice-table,#hocutt-dashboard-table {
    padding: 20px 0;
    border: unset;
}
#hocutt-invoice-table th,#hocutt-dashboard-table th{
    font-size: 16px;
    font-weight: 600;
    padding: 15px;
}
#hocutt-invoice-table td,#hocutt-dashboard-table td {
    font-size: 14px;
    font-weight: 500;
    padding: 15px;
    box-shadow: unset !important;
    background: unset !important;
    text-align: left;
}
table.dataTable tbody tr:hover {
    background-color: transparent !important;
}
#hocutt-invoice-table_paginate .paginate_button.current {
    color: #fff !important;
    background: #0F75BC;
    border: 1px solid #0F75BC;
}
#hocutt-invoice-table_wrapper .dt-layout-row {
    display: flex;
    align-content: center !important;
    align-items: center;
    justify-content: space-between;
}
#hocutt-invoice-table_wrapper .dt-length {
    display: flex;
    align-content: center;
    align-items: center;
    margin-left: 5px;
}
#hocutt-invoice-table_wrapper label {
 
    white-space: nowrap;
    margin: 0 5px;
}
.dt-layout-cell.dt-layout-full {
    width: 100%;
}
#hocutt-invoice-table_wrapper .dt-paging-button.current {
    color: #fff !important;
    background: #0F75BC !important;
    border: 1px solid #0F75BC;
}
#hocutt-invoice-table_wrapper .dt-paging-button {
    border: unset !important;
    background: unset !important;
    color: #0F75BC !important;
}
.filter-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.dt-search label {
    padding-bottom: 10px;
}
#hocutt-invoice-table_wrapper .dt-length {
    display: none;
}
/* Force DataTables sort icons to show for all sortable headers */
/*table.dataTable th.dt-orderable-asc .dt-column-order::before,
table.dataTable th.dt-orderable-desc .dt-column-order::after {
    content: "";
    display: inline-block;
    margin-left: 6px;
    border: 5px solid transparent;
}*/

/* Ascending arrow */
/*table.dataTable th.dt-orderable-asc .dt-column-order::before {
    border-bottom-color: #999;
}
*/
/* Descending arrow */
/*table.dataTable th.dt-orderable-desc .dt-column-order::after {
    border-top-color: #999;
    margin-left: -5px !important;
}*/

/* Highlight active column icon */
/*table.dataTable th.dt-ordering-asc .dt-column-order::before {
    border-bottom-color: #000;
}*/

/*table.dataTable th.dt-ordering-desc .dt-column-order::after {
    border-top-color: #000;
}*/
#custom-forgot-form input.input-error {
    border-bottom: 1.5px solid #f25656 !important;
}
#user_registration_login_form .user-registration-Input.error_field {
    border-bottom: 1.5px solid #ff4f55 !important;
    background: unset !important;
}
table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
    outline: unset !important;
    outline-offset: -2px;
}
.custom-modal {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}

#confirmYes, #confirmNo {
    width: 130px !important;
}
#confirmNo {
    background: #fff !important;
    border: 1px solid #0F75BC !important;
    color: #0F75BC !important;
    border-radius: 15px !important;
    margin: 10px 0 !important;
}
.custom-modal .modal-content {
    background: #fff;
    padding: 20px 25px;
    border-radius: 10px;
    text-align: center;
    width: 350px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}
.modal-actions {
    margin-top: 15px;
    display: flex;
    justify-content: center;
    gap: 10px;
}
.response-message {
    margin: 20px 0;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    display: none;
}
.response-message.success {
    background-color: #e8f8ef;
    color: #28a745;
}
.response-message.error {
    background-color: #fdecea;
    color: #d93025;
}
.dt-search {
    display: none;
}

/*03-11-2025*/
.dt-column-header {
    position: relative;
    text-align: left !important;
}
.dt-column-order {
    position: absolute !important;
    right: 0;
}
/*03-11-2025*/
.account-nickname {
    font-size: 14px;
    color: #6C7278;
}
.account-name {
    font-size: 16px;
    color: #1A1C1E;
    font-weight: 500;
    margin-bottom: 4px;
}
.account-due-status {
    background: #D7701F1A;
    color: #D7701F;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    width: 90px;
}
.account-nodue-status {
    background: #F5F5F5;
    padding: 5px;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    width: 90px;
}
.account-due-amount {
    font-size: 20px;
    font-weight: 600;
    color: #1A1C1E;
    text-align: right
}
.account-card-wrapper {
    margin-bottom: 15px;
}
.hocutt-registration-form .ur-form-row {
    margin-bottom: 0;
}
.hocutt-registration-form .input-wrapper {
    margin-bottom: 20px;
}
#user-registration {
    margin: 0 !important;
}
.registration-info-area {
    margin-top: 20px;
    text-align: center;
}
.registration-info-area a {
    color: #0F75BC;
    font-weight: 600;
    margin-left: 5px;
}
.user-registration-profile-fields .ur-form-row .ur-form-grid .ur-field-item {
    margin-bottom: 0px;
}
.user-registration-profile-fields .ur-form-row {
    margin: 0 !important;
}
.footer-editor p {
    margin: 0 !important;
}
div.dt-container div.dt-layout-row {
    margin: 0 !important;
}
#hocutt-dashboard-table_wrapper, #hocutt-invoice-table_wrapper{
    padding: 20px;
}
.due-description {
    color: #1A1C1E;
    font-weight: normal;
    font-size: 15px;
}
button.button.profile-pic-remove {
    background: transparent;
    border: unset !important;
    color: #0F75BC !important;
    padding: 0;
    font-size: 16px !important;
    margin-bottom: 0;
    box-shadow: unset !important;
}
.form-row.error_occur {
    margin-bottom: 35px;
}
.hocutt-registration-form .ur-error {
    position: absolute;
}
.user-registration-error {
    /*display: none !important;*/
}
.hocutt-registration-form .input-wrapper {
    margin: 0 !important;
}
body .user-registration.ur-frontend-form #user_address_field textarea.ur-input-border-red {
    border-bottom: 1.5px solid #f25656 !important;
}
.hocutt-registration-form .custom-input {
    margin-bottom: 20px;
}
.hocutt-registration-form .custom-input.ur-input-border-red {
    margin: 0 !important;
}
body.user-registration-page .hocutt-registration-form .ur-button-container.hide_btn,.registration-info-area.hide_btn, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container {
    display: none !important;
}
body.user-registration-page .hocutt-registration-form .ur-button-container.show_btn,.registration-info-area.show_btn {
    display: block !important;
}
body .ur-frontend-form .ur-form-row .user-registration-error {
    color: #f25656 !important;
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    padding: 0 !important;
    margin-top: 4px !important;
    background: unset !important;
    border: unset !important;
}
body .ur-frontend-form .ur-form-row .user-registration-error::before{
    display: none !important;
}