:root {
    --ee-main-bg-color: #f2f2f2;
    --ee-main-txt-color: #7d7d7d;
    --ee-main-padding: 24px;
    --ee-primary-color: #0c529f;
    --ee-link-color: rgb(0, 0, 255);
    --ee-black-color: #000;
    --ee-white-color: #fff;
    --ee-secondary-color: #fbca38;
    --ee-warning-color: #0c529f;
    --ee-success-color: #0c529f;
    --ee-danger-color: #ff0000;
    --ee-default-button-color: #ffffff;
    --ee-border-color: #ccc;
    --ee-font-family: inherit;
    --ee-button-hover-bg-color: #0c529f;
    --ee-button-hover-text-color: #000;
    --ee-link-button-text-color: #0c529f;
    --ee-link-button-text-hover-bg-color: #e7ebf8;
    --ee-scrollbar-track-bg-color: #e7ebf8;
    --ee-scrollbar-thumb-bg-color: #0c529f;
    --ee-placeholder-text-color: #999;
    --ee-modal-close-button-color: #7D7D7D;
    --ee-widget-container-bg: white;
    --ee-widget-container-border-radius: 1em;
    --ee-form-heading-font: 1.3em inherit inherit;
    --ee-form-heading-font-weight: 650;
    --ee-form-heading-text-align: center;
    --ee-col-75-padding: 6px 0px 2px 0;
    --ee-font-size: 0.93em;
    --ee-iAgree-left: 6px;
    --ee-iAgree-top: -3px;
    --ee-iAgree-padding-botton: 0px;
    --ee-iAgree-font-size: 0.8em;
    --ee-iAgree-line-height: 1.5;
    --ee-iAgree-padding-top: 0;
    --ee-iAgree-error-padding-left: 16px;
    --ee-button-padding: 10px 20px;
    --ee-primary-button-border-radius: 30px;
    --ee-primary-button-bg-color: #e84599;
    --ee-primary-button-text-color: #ffffff;
    --ee-primary-button-border: 1px var( --ee-primary-button-bg-color) solid;
    --ee-primary-button-bg-color-hover: #935FA5;
    --ee-primary-button-text-color-hover: #ffffff;
    --ee-primary-button-border-hover: 1px #935fa5 solid;
    --ee-secondary-button-bg-color: transparent;
    --ee-secondary-button-text-color: #935FA5;
    --ee-secondary-button-border: 1px var( --ee-secondary-button-bg-color) solid;
    --ee-secondary-button-bg-color-hover: #e84599;
    --ee-secondary-button-text-color-hover: #fff;
    --ee-secondary-button-border-hover: 1px #e84599 solid;
    --ee-form-heading-mobile-top-padding: 10px;
    --captcha-input-mobile-padding: 10px 0px 2px 0;
    --ee-button-send-otp-padding: 8px 20px;
}

.ee-form-widget-enter-otp .otp-popup-footer {
    margin-top: 0px;
}

.ee-form-widget .modal-header strong {
    color: var(--ee-primary-color);
    font-weight: var(--ee-form-heading-font-weight)
}

.otp-error.success-message {
    color: var(--ee-main-txt-color) !important;
}

.select2-dropdown,
.select2-container--default .select2-search--dropdown .select2-search__field,
.select2-container--default .select2-selection--single {
    border-color: var(--ee-border-color);
}

.ee-container {
    position: relative;
}

.ee-row.radio-field,
.login-form-options {
    padding-top: 16px;
    padding-bottom: 12px;
}

.radio-label label {
    padding: 0px 20px 0px 10px !important;
}

.ee-row.login-form {
    padding-top: 20px;
}

.col-75 > .btnContainer {
    padding: 4px 0 16px 0;
    position: absolute;
    width: 100%;
}

.btnContainer .form-btn {
    color: var(--ee-primary-color) !important;
}

.btn-registration,
.btn-registration:focus,
.col-75 > .btnContainer .btn-forget-password,
.col-75 > .btnContainer .btn-forget-password:focus,
.btn-resent-otp,
.btn-resent-otp:focus {
    color: var(--ee-primary-color) !important;
    text-decoration: underline !important;
}

    .btn-registration:hover,
    .col-75 > .btnContainer .btn-forget-password:hover,
    .btn-resent-otp:hover {
        color: var(--ee-primary-color) !important;
        text-decoration: none !important;
    }

.col-75 > .btnContainer .btn-forget-password {
    position: absolute;
    right: 50px;
}

.ee-form-widget .ee-form-login-footer {
    padding-top: 36px;
}

.send-otp,
.btn-login-otp-submit,
.ee-form-footer .btn-login,
.ee-form-footer .btn-submit,
.btn.btn-verify-otp {
    padding: var(--ee-button-padding);
}

.btn-send-otp {
    padding: var(--ee-button-send-otp-padding) !important;
}

.btn-small.btn-change-number {
    background-color: transparent !important;
    color: var(--ee-primary-color) !important;
    border: none !important;
    text-decoration: underline;
}

    .btn-small.btn-change-number:hover {
        background-color: transparent !important;
        color: var(--ee-primary-color) !important;
        text-decoration: none !important;
    }

.ee-form-widget .btn:active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.btn-feedback-control:not(.btn-change-number):not(.btn-resent-otp),
.btn-feedback-control:not(.btn-change-number):not(.btn-resent-otp):focus,
.ee-form-login-footer .btn-submit,
.ee-form-login-footer .btn-submit:focus,
.ee-form-footer .btn-submit,
.ee-form-footer .btn-submit:focus,
.send-otp,
.send-otp:focus,
.btn-send-otp,
.btn-send-otp:focus {
    color: var(--ee-primary-button-text-color) !important;
    background-color: var(--ee-primary-button-bg-color) !important;
    border: var(--ee-primary-button-border) !important;
    border-radius: var(--ee-primary-button-border-radius) !important;
}

.btn-login-otp-submit,
.btn-login-otp-submit:focus {
    border: var(--ee-primary-button-border-hover) !important;
    border-radius: var(--ee-primary-button-border-radius) !important;
}

    .btn-feedback-control:not(:disabled):not(.disabled):not(.btn-change-number):not(.btn-resent-otp):hover,
    .ee-form-login-footer .btn-submit:not(:disabled):not(.disabled):hover,
    .ee-form-footer .btn-submit:not(:disabled):not(.disabled):hover,
    .send-otp:not(:disabled):not(.disabled):hover,
    .btn-send-otp:not(:disabled):not(.disabled):hover,
    .btn-login-otp-submit:not(:disabled):not(.disabled):hover {
        color: var(--ee-primary-button-text-color-hover) !important;
        background-color: var(--ee-primary-button-bg-color-hover) !important;
        border: var(--ee-primary-button-border-hover) !important;
        text-decoration: none !important;
    }

.ee-form-footer .btn-login:hover {
    color: var(--ee-secondary-button-text-color-hover) !important;
    background-color: var(--ee-secondary-button-bg-color-hover) !important;
    border: var(--ee-secondary-button-border-hover) !important;
}

.ee-form-footer .btn-login,
.ee-form-footer .btn-login:focus {
    color: var(--ee-primary-color);
    border: var(--ee-secondary-button-border) !important;
    border-radius: var(--ee-primary-button-border-radius);
}

    .ee-form-footer .btn-login:hover {
        color: var(--ee-secondary-button-text-color-hover) !important;
        background-color: var(--ee-secondary-button-bg-color-hover) !important;
        border: var(--ee-secondary-button-border-hover) !important;
    }

.ee-form-heading {
    font: var(--ee-form-heading-font);
    color: var(--ee-primary-color);
    font-weight: var(--ee-form-heading-font-weight) !important;
    text-align: var(--ee-form-heading-text-align);
}

.ee-form-widget#ee-form-1 {
    padding-left: 20%;
    background: transparent;
    margin-bottom: 16px;
}

.ee-form-widget * {
    line-height: 1;
    font-weight: normal;
}

.ee-form-widget .ee-form-body > .ee-row > .col-25 {
    display: none;
}

.ee-form-widget .ee-form-body {
    font-size: var(--ee-font-size);
}

    .ee-form-widget .ee-form-body > .ee-row > .captchaContainer,
    .ee-form-widget .ee-form-body > .ee-row > .col-75:not(:first-child) {
        padding: var(--ee-col-75-padding);
        text-align: left;
    }

.ee-form-widget.ee-container {
    color: var(--ee-main-txt-color) !important;
    border-radius: var(--ee-widget-container-border-radius);
    background-color: var(--ee-widget-container-bg);
}

.ee-form-widget .ee-form-body > .ee-row.check-box-field > label.error {
    padding-bottom: 0;
    padding-left: var(--ee-iAgree-error-padding-left);
}

.ee-form-widget label.error {
    text-transform: none;
}

label[for$="-iAgree"] {
    display: flex;
    align-items: baseline;
    padding-bottom: 0px;
    padding-top: var(--ee-iAgree-padding-top) !important;
}

.ee-form-widget label[for$=iAgree] span {
    left: var(--ee-iAgree-left);
    top: var(--ee-iAgree-top);
    font-size: var(--ee-iAgree-font-size);
    line-height: var(--ee-iAgree-line-height);
}

.modal-backdrop.show {
    opacity: 0.5;
}

.ee-form-widget-enter-otp .modal-body {
    padding: 20px;
}

    .ee-form-widget-enter-otp .modal-body .body {
        margin: 0 16px !important;
        font-size: 14px;
        line-height: 1.3
    }

.ee-form-widget-enter-otp,
.ee-form-widget-feedback {
    background-color: transparent;
}

.ee-form-widget .modal-header .close {
    color: var(--ee-primary-color);
}

.select2-container--default .select2-selection--single .select2-selection__placeholder,
.ee-form-widget .ee-form-login-footer .login-otp-divider .login-otp-divider-text {
    color: var(--ee-main-txt-color) !important;
}

.ee-form-widget .ee-form-login-footer .login-otp-divider .login-otp-divider-text {
    position: relative;
    top: 7px;
}

/* HALF WIDGET FIELD CSS BLOCK */
.ee-form-widget .ee-row.half-width {
    width: 49%;
}

.ee-form-widget .ee-form-body {
    font-size: var(--ee-font-size);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .ee-form-widget .ee-form-body .ee-row:not(.half-width) {
        width: 100%;
    }

    .ee-form-widget .ee-form-body .ee-row.half-width:not(.second-col-field) {
        margin-right: 2%;
    }

/* ENF OF -> HALF WIDGET FIELD CSS BLOCK */
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .ee-form-login-footer > .btnContainer {
        padding: 0px 0 16px 0;
    }

    .ee-form-widget.ee-container {
        padding: 10px 14px 10px 14px;
    }

    .ee-form-widget#ee-form-1 {
        padding-left: 0px;
    }

    .ee-form-widget .controls .btn:not(:last-child) {
        margin-right: 0;
        margin-top: 4px;
    }

    .ee-form-widget .controls {
        display: flex !important;
        flex-direction: column-reverse !important;
        justify-content: flex-end !important;
        flex-wrap: wrap-reverse !important;
    }

    .ee-form-heading {
        padding-top: var(--ee-form-heading-mobile-top-padding);
    }

    .captchaContainer {
        flex-flow: wrap;
    }

        .captchaContainer > .ee-row > .col-75 {
            padding: var(--captcha-input-mobile-padding);
        }

    .col-75 > .btnContainer .btn-forget-password {
        right: 31px;
        /* width: 100%; */
        position: relative;
    }

    .col-75 > .btnContainer {
        padding: 4px 0 16px 0;
        position: absolute;
        width: 100%;
        /* background: #7d00ff; */
    }
    /* HALF WIDGET FIELD CSS BLOCK */
    .ee-form-widget .ee-row.half-width {
        width: 100%;
    }

    .ee-form-widget .ee-form-body {
        font-size: var(--ee-font-size);
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

        .ee-form-widget .ee-form-body .ee-row:not(.half-width) {
            width: 100%;
        }

        .ee-form-widget .ee-form-body .ee-row.half-width:not(.second-col-field) {
            margin-right: inherit;
        }
    /* ENF OF -> HALF WIDGET FIELD CSS BLOCK */
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .ee-form-widget#ee-form-1 {
        margin: 16px auto;
        width: 100%;
        padding: unset;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .ee-form-widget#ee-form-1 {
        margin: 16px auto;
        width: 100%;
        padding: unset;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
}

.ee-form-widget .btn {
    text-transform: capitalize !important;
}

.loginWithOtpForm-options {
    display: none
}