.rtel-form-modal {
position: fixed;
inset: 0;
z-index: 200010;
display: none;
align-items: center;
justify-content: center;
padding: 40px;
background: rgba(0, 0, 0, 0.55);
}
.rtel-form-modal.is-open {
display: flex;
}
.rtel-form-dialog {
position: relative;
width: min(100%, 620px);
max-height: calc(100vh - 80px);
overflow-y: auto;
padding: 32px;
background: #fff;
border-radius: 16px;
color: #2d2d2d;
}
.rtel-form-title {
margin: 0 48px 20px 0;
font-size: 1.6rem;
line-height: 1.25;
}
.rtel-form-close {
position: absolute;
top: 12px;
right: 12px;
width: 32px;
height: 32px;
padding: 0;
border: 0;
background: transparent;
font-size: 28px;
line-height: 1;
cursor: pointer;
color: #2d2d2d;
}
.rtel-application-form {
max-width: 100%;
}
.rtel-form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-bottom: 12px;
}
.rtel-form-row .rtel-form-field {
margin-bottom: 0;
}
.rtel-form-field {
margin-bottom: 12px;
}
.rtel-form-label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.rtel-application-form .rtel-form-control,
.rtel-application-form input.rtel-form-control[type="text"],
.rtel-application-form input.rtel-form-control[type="tel"],
.rtel-application-form input.rtel-form-control[type="email"],
.rtel-application-form textarea.rtel-form-control {
appearance: none !important;
box-sizing: border-box !important;
width: 100% !important;
height: auto !important;
min-height: 44px !important;
padding: 11px 16px !important;
margin: 0 !important;
border: 1px solid #d5dbe3 !important;
border-radius: 20px !important;
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
box-shadow: none !important;
color: #2d2d2d !important;
font-family: inherit;
font-size: 14px !important;
line-height: 1.35 !important;
}
.rtel-application-form textarea.rtel-form-control {
min-height: 96px !important;
resize: vertical;
}
.rtel-application-form .rtel-form-control::placeholder {
color: #8a93a0 !important;
font-size: 14px !important;
opacity: 1;
}
.rtel-application-form .rtel-form-control:focus,
.rtel-application-form .rtel-form-control:invalid,
.rtel-application-form .rtel-form-control:user-invalid {
outline: none !important;
border-color: #d5dbe3 !important;
background: #fff !important;
box-shadow: none !important;
}
.rtel-application-form .rtel-form-control.is-invalid,
.rtel-application-form .rtel-form-control.is-invalid:invalid,
.rtel-application-form .rtel-form-control.is-invalid:user-invalid,
.rtel-application-form .rtel-form-control.is-invalid:focus {
border-color: #b42318 !important;
}
.rtel-form-error {
display: none;
margin-top: 6px;
color: #b42318;
font-size: 0.9rem;
}
.rtel-form-error.is-visible {
display: block;
}
.rtel-form-consent {
display: flex;
align-items: flex-start;
gap: 10px;
margin: 8px 0 12px;
font-size: 0.95rem;
line-height: 1.4;
}
.rtel-form-consent input[type="checkbox"] {
appearance: none;
width: 22px;
height: 22px;
min-width: 22px;
margin: 1px 0 0;
border: 1px solid #d5dbe3;
border-radius: 6px;
background: #fff;
flex: 0 0 auto;
cursor: pointer;
}
.rtel-form-consent input[type="checkbox"]:checked {
background: var(--awb-color7, #1464a9);
border-color: var(--awb-color7, #1464a9);
box-shadow: inset 0 0 0 3px #fff;
}
.rtel-form-consent a {
color: inherit;
text-decoration: underline;
}
.rtel-form-captcha {
margin: 0;
}
.rtel-form-captcha.is-visible {
margin: 0 0 16px;
}
.rtel-application-form .rtel-form-submit {
margin-top: 20px !important;
}
.rtel-application-form .rtel-form-submit:disabled {
opacity: 0.7;
cursor: wait;
}
.rtel-form-status {
display: none;
}
.rtel-form-toast {
position: fixed;
top: 28px;
left: 50%;
z-index: 200020;
box-sizing: border-box;
width: min(calc(100% - 32px), 420px);
padding: 14px 18px;
border-radius: 12px;
background: #1464a9;
color: #fff;
font-size: 15px;
line-height: 1.4;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
transform: translate(-50%, -12px);
opacity: 0;
pointer-events: none;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.rtel-form-toast.is-open {
opacity: 1;
transform: translate(-50%, 0);
pointer-events: auto;
}
.rtel-form-toast.is-error {
background: #b42318;
}
.rtel-form-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
body.rtel-modal-open {
overflow: hidden;
}
.fusion-modal.contact-form,
.fusion-modal.contact-form-en {
display: none !important;
}
@media (max-width: 600px) {
.rtel-form-modal {
padding: 12px;
}
.rtel-form-dialog {
padding: 24px 18px;
max-height: calc(100vh - 40px);
}
.rtel-form-row {
grid-template-columns: 1fr;
}
}