/*-----------------modal confirm phone-----------------*/
#phoneModal .modal-header {
    border: none;
}
#phoneModal .modal-content {
    padding: 10px;
}
#phoneModal .modal-title {
    color: #4e4e4e;
    display: flex;
    font-size: 20px;
    font-weight: 700;
}
#phoneModal .close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE4Ljk4NCA2LjQyMiAxMy40MDYgMTJsNS41NzggNS41NzgtMS40MDYgMS40MDZMMTIgMTMuNDA2bC01LjU3OCA1LjU3OC0xLjQwNi0xLjQwNkwxMC41OTQgMTIgNS4wMTYgNi40MjJsMS40MDYtMS40MDZMMTIgMTAuNTk0bDUuNTc4LTUuNTc4IDEuNDA2IDEuNDA2WiIgZmlsbD0iI0NDQyIvPjwvc3ZnPg==);
    color: #4e4e4e;
    cursor: pointer;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 24px;
    height: 24px;
    margin-left: auto;
    width: 24px;
    opacity: 1;
}
.confirm-modal__info {
    font-size: 16px;
    padding-bottom: 20px;
}
.confirm-code-check__form {
    display: flex;
    height: 64px;
}
#phoneModal .base-input-row-validation {
    max-width: 192px;
    margin-top: 0;
    margin-bottom: 0;
}
.base-phone-confirm-code-check__btn {
    margin-top: 0;
    margin-left: 5px;
    max-width: 138px;
    cursor: pointer;
}
.alert {
    margin-top: 20px;
    border-radius: 8px;
}
.base-phone-confirm-code-send {
    margin: 10px 0;
    font-size: 14px;
    outline: none;
}
#phone_alert {
    display: none;
}
.base-phone-confirm-modal__hint {
    display: inline;
    position: relative;
    color: #959595;
    font-size: 18px;
}