/*--------------------------------------------------------
PAGED FORM
---------------------------------------------------------*/

.appli_paged {width: 100%}
.appli_paged .fpage {display: none;margin-bottom: 36px;}
.appli_paged .fpage.active {display: block;}
.appli_paged .fields_grid {display: flex;flex-direction: column;gap: 24px;}
.appli_paged .controls {display: flex;gap: 12px;align-items: center;justify-content: space-between;}
.appli_paged .choice {display: flex;gap: 12px;flex-wrap: wrap;text-align: center;padding: 12px;}
.appli_paged .choice.source {text-transform: initial;}
.appli_paged .choice > * {flex: 1;flex-grow: 3;}
.appli_paged .input {width: 100%;height: 50px;}
.appli_paged .input.error {border: 2px solid red;}
.appli_paged .appli_choices {display: flex;gap: 12px;flex-wrap: wrap;}
.appli_paged .appli_choices .choice {flex: 1;flex-grow: 3;font-size: 17px;}
.appli_paged .field_cont.sourceOther {display: none;}
.appli_paged textarea.input {height: 70px;}
.appli_paged .submit {font-weight: bold;font-size: 17px;}
.appli_paged .usnbtn.nav {font-size: 15px;}
.appli_paged .cur_step {font-weight: bold;}
.form_success {display: none;background: #90bd5c;color: #fff;padding: 36px;text-align: center;border-radius: 12px;}
.appli_paged .usnbtn:disabled {background: #f0f0f0 !important;color: #777;}
.appli_modal {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;}
.appli_modal .modal_overlay {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background: #000000aa;backdrop-filter: blur(10px);}
.appli_modal .modal_content {background: #fff;padding: 60px;width: 600px;border-radius: 12px;position: relative;overflow: hidden;}
.appli_modal_close.usnbtn {position: absolute;top: 0;right: 0;width: 60px;height: 60px;font-size: 40px;border-radius: 0 0 0 12px;padding:0;}

.usnbtn {display: inline-block;padding: 12px 24px;margin-bottom: 0;font-size: 20px;font-weight: 400;line-height: 1.3;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 9px;text-transform: uppercase;justify-content: center;}
.usnbtn.choice {background-color: #f0f0f0;}
.usnbtn.choice.active {background-color: #C5E1A5;}
.usnbtn.nav {font-size: 16px;padding: 12px;}
.usnbtn.submit {background-color: orange;color: #fff;display: none;width: 100%;margin-top: 36px;}

@media only screen and (max-width: 700px) {
  .appli_modal .modal_content {border-radius: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
}

@media only screen and (max-width: 540px) {
  .appli_modal .modal_content {padding: 24px;}
  .form_success {padding: 24px;}
  .appli_paged .fields_grid {gap: 12px;}
}

@media only screen and (max-width: 450px) {
  .appli_modal .modal_content {padding: 16px;}
  .appli_paged .appli_choices {gap: 8px;}
  .appli_paged label {margin-bottom: 2px;font-size: 15px;line-height: 1;}
  .appli_paged .choice {font-size: 16px;padding: 9px 8px;}
  .appli_paged .usnbtn.nav {font-size: 14px;}
  
}