{#
framework/_verifyotpmodal_css.html.twig
==========================================================================
Shared block: #verifyOtpModal .otp_in, #verifyOtpModal input[type=n, .otp_ajax_form_submit, .otp_ajax_form_submit.ready
De-duplicated from 2 templates. Lifted VERBATIM — same rules, same order —
and each call site keeps the include AT THE POSITION its <style> occupied, so
the cascade is unchanged. This is a de-duplication, not a restyle.
Self-contained: the block interpolates nothing from the surrounding context.
NOTE: included from CompanyGroupBundle templates as well as ApplicationBundle
ones. Both bundles share one Twig environment so @Application resolves from
either; those templates are near-copies of each other to begin with.
==========================================================================
#}
<style>
#verifyOtpModal .otp_in
{
width: 24% !important;;
font-size: 3rem !important;
text-align: center !important;
}
/* Chrome, Safari, Edge, Opera */
#verifyOtpModal input::-webkit-outer-spin-button,
#verifyOtpModal input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
#verifyOtpModal input[type=number] {
-moz-appearance: textfield;
}
.otp_ajax_form_submit {
width: 100%;
margin-left: 0%;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
background: #DDDDDD !important;
color: #737373 !important;
font-family: 'Poppins', sans-serif;
text-transform: initial !important;
}
.otp_ajax_form_submit.ready {
background: #1d5b9e !important;
color: white !important;;
}
</style>