/* Scoped to phone widgets: country prefix must never consume the number's space. */
.js-phone-with-verification .verify-phone-container {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
}
.js-phone-with-verification .verify-phone-container > .form-control.predefined-phone-part {
    flex: 0 0 64px;
    width: 64px !important;
    min-width: 0;
    margin: 0 !important;
    padding-left: 8px;
    padding-right: 8px;
    float: none;
    text-align: center;
}
.js-phone-with-verification .verify-phone-container > .form-control.js-phone-input {
    flex: 1 1 120px;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    margin: 0 !important;
    float: none;
}
.js-phone-with-verification .verify-phone-container > .js-verify-phone {
    flex: 0 1 130px;
    width: auto !important;
    min-width: 0;
    margin: 0 !important;
    white-space: normal;
}
.js-phone-with-verification .dalder-phone-validation-error {
    display: block;
    color: #a94442;
}
.js-phone-with-verification .button-verification > .js-verify-phone {
    width: 100%;
    margin: 10px 0;
}
#extra-registration-form-modal {
    z-index: 1060;
}
body.dalder-extra-registration-open > .modal-backdrop {
    z-index: 1059;
}
#extra-registration-form-modal .close-button {
    position: relative;
    z-index: 1;
    min-width: 44px;
    min-height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#extra-registration-form-modal .close-button img {
    width: 20px;
    height: 20px;
}
@media (max-width: 767px) {
    #extra-registration-form-modal {
        margin-top: 0;
        top: 0;
        bottom: 0;
        overflow-y: auto;
    }
    #extra-registration-form-modal .modal-dialog {
        width: auto;
        max-width: 100%;
        margin: 8px;
        top: 0;
    }
    #extra-registration-form-modal .modal-content {
        min-height: 0;
    }
    #extra-registration-form-modal .verify-phone-container > .js-verify-phone {
        flex-basis: 100%;
        width: 100% !important;
        margin: 0 !important;
    }
}