.haotp-ui {
    margin-bottom: 15px;
}

.haotp-ui > * + * {
    margin-top: 10px;
}

.haotp-message {
    font-size: 13px;
    line-height: 1.5;
}

.haotp-message.haotp-success {
    color: #198754;
}

.haotp-message.haotp-error {
    color: #dc3545;
}

.haotp-code {
    text-align: center;
    letter-spacing: .35em;
    font-weight: 600;
}

.haotp-login-ui .haotp-ui {
    margin-bottom: 0;
}

.haotp-login-ui .form-group {
    margin-bottom: 10px;
}

.haotp-login-only-form .login-form-wrap[hidden],
.haotp-login-only-form .form-tools[hidden],
.haotp-login-only-form #houzez-login-btn[hidden] {
    display: none !important;
}
.haotp-phone-display {
    display: flex;
    align-items: stretch;
    direction: ltr;
}

.haotp-country-code {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: #f7f7f7;
    border: 1px solid #dce0e0;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    white-space: nowrap;
    font-size: 14px;
}

.haotp-phone-display .form-control {
    flex: 1;
    border-radius: 0 5px 5px 0 !important;
}