/* Sollicitatieformulier vacaturepagina (RecruitNow) */
.rnFormWrapper:not(#_){font-family:'Sora',sans-serif;color:#fff}
.rnFormWrapper:not(#_) *{box-sizing:border-box}
.rnFormWrapper:not(#_) .rnFormContainer>h2{margin:0 0 24px;color:#fff;font-size:20px;line-height:1.3}
.rnFormWrapper:not(#_) .rnFieldList>fieldset{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:16px;row-gap:20px;margin:0;padding:0;border:0}
.rnFormWrapper:not(#_) .rnFieldList>fieldset+fieldset{margin-top:20px}
.rnFormWrapper:not(#_) .rnFieldList>fieldset>legend{display:none}
.rnFormWrapper:not(#_) .rnFormGroup{grid-column:span 12;position:relative;margin:0;padding:9px 0 0;min-width:0;line-height:0}
.rnFormWrapper:not(#_) .rnfirstName,.rnFormWrapper:not(#_) .rnmiddleName,.rnFormWrapper:not(#_) .rnlastName,.rnFormWrapper:not(#_) .rnzipCode,.rnFormWrapper:not(#_) .rnhouseNumber,.rnFormWrapper:not(#_) .rnhouseNumberSuffix{grid-column:span 4}
.rnFormWrapper:not(#_) .rnstreet,.rnFormWrapper:not(#_) .rncity{grid-column:span 6}
.rnFormWrapper:not(#_) .rnFormGroup>.rnLabel{position:absolute;top:0;left:10px;z-index:9;display:inline-block;width:auto;margin:0;padding:0 3px;background:#000;color:#fff;font-size:12px;font-weight:500;line-height:17px;white-space:nowrap}
.rnFormWrapper:not(#_) .rnLabel .required::after{content:" *";color:#c02b0a}
.rnFormWrapper:not(#_) .rnLabel a{color:#fff!important;text-decoration:underline}
.rnFormWrapper:not(#_) .rnFieldWrap{display:block;width:100%;margin:0;padding:0;line-height:0}
.rnFormWrapper:not(#_) .rnFormControl,.rnFormWrapper:not(#_) .rnSelectBox,.rnFormWrapper:not(#_) .rnFileUpload,.rnFormWrapper:not(#_) select{display:block;width:100%;height:38px;margin:0;padding:0 12px;border:1px solid #fff;border-radius:30px;background:#000;color:#fff;font-family:'Sora',sans-serif;font-size:14px;line-height:36px;box-shadow:0 1px 4px rgba(18,25,97,.08);outline:none}
.rnFormWrapper:not(#_) ::placeholder{color:#fff;opacity:1}
.rnFormWrapper:not(#_) textarea.rnFormControl{height:auto;min-height:288px;padding:12px;border-radius:25px;line-height:21px;resize:vertical}
.rnFormWrapper:not(#_) select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 18px) 17px,calc(100% - 13px) 17px;background-size:5px 5px;background-repeat:no-repeat}
.rnFormWrapper:not(#_) .rnSelectValue{display:none}
.rnFormWrapper:not(#_) .rnSelectBox{padding:0;border:0;height:auto;box-shadow:none}
.rnFormWrapper:not(#_) .rnInternationalPhone{display:flex;align-items:center;gap:8px}
.rnFormWrapper:not(#_) .rnPhoneCountry{flex:0 0 140px;min-width:0;margin:0;padding:0}
.rnFormWrapper:not(#_) .rnPhone{flex:1;min-width:0;display:flex;align-items:center;gap:6px;margin:0;padding:0}
.rnFormWrapper:not(#_) .rnPhonePrefix{flex:none;font-size:14px;line-height:36px;color:#fff}
.rnFormWrapper:not(#_) .rnPhoneNumberInput{flex:1;min-width:0;display:block}
.rnFormWrapper:not(#_) .rnFileUpload{display:flex;align-items:center;position:relative;padding:0;overflow:hidden}
.rnFormWrapper:not(#_) .rnAction{order:-1;display:flex;align-items:center;height:100%;padding:0 16px;border-right:1px solid #fff;color:#fff;opacity:.7;font-size:13px;line-height:1;white-space:nowrap;cursor:pointer}
.rnFormWrapper:not(#_) .rnFilename{flex:1;min-width:0;padding:0 12px;font-size:14px;line-height:36px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rnFormWrapper:not(#_) .rnFileUpload input[type=file]{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}
.rnFormWrapper:not(#_) .rncheckboxField{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding-top:0;line-height:normal}
.rnFormWrapper:not(#_) .rncheckboxField .rnFieldWrap{order:-1;flex:none;width:auto;line-height:normal}
.rnFormWrapper:not(#_) .rncheckboxField .rnLabel{position:static;flex:1;width:auto;margin:0;padding:0;background:none;font-size:13px;font-weight:400;line-height:1.4;color:#fff;white-space:normal}
.rnFormWrapper:not(#_) .rnCheckbox{display:block}
.rnFormWrapper:not(#_) .rncheckboxField input[type=checkbox]{width:18px;height:18px;margin:1px 0 0;padding:0;border:1px solid #fff;border-radius:4px;background:#000;accent-color:#e83a77;box-shadow:none;cursor:pointer}
.rnFormWrapper:not(#_) .rnErrors,.rnFormWrapper:not(#_) .rnHelpBlock{display:block;width:100%;margin:8px 0 0;padding:0;background:none;border:0;color:#c02b0a;font-family:'Sora',sans-serif;font-size:13px;font-weight:400;line-height:1.43;text-align:left}
.rnFormWrapper:not(#_) .rnErrors span{display:inline;font:inherit;color:inherit}
.rnFormWrapper:not(#_) .rnErrors a{color:#c02b0a!important;text-decoration:underline}
.rnFormWrapper:not(#_) .rncheckboxField .rnErrors{order:3;flex:0 0 100%}
.rnFormWrapper:not(#_) .rnButtons{margin-top:40px}
.rnFormWrapper:not(#_) .rnButton{display:inline-flex;align-items:center;gap:6px;width:auto;min-height:49px;padding:12px 24px;border:0;border-radius:100px;background:#e83a77;color:#000;font-family:'Sora',sans-serif;font-size:14px;font-weight:500;line-height:14px;cursor:pointer;transition:.5s ease-in-out}
.rnFormWrapper:not(#_) .rnButton:hover{background:#fff}
@media(max-width:782px){.rnFormWrapper:not(#_) .rnFormGroup{grid-column:span 12}}

.rnFormWrapper:not(#_) .rncheckboxField input[type="checkbox"] {
    display: inline-grid;
    place-content: center;
  }
  
  .rnFormWrapper:not(#_) .rncheckboxField input[type="checkbox"]::before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    transform: scale(0);
    transition: transform .1s ease-in-out;
    clip-path: polygon(15% 50%, 35% 70%, 84% 5%, 100% 17%, 39% 100%, 3% 65%);
    box-shadow: inset 1em 1em #fff;
  }
  
  .rnFormWrapper:not(#_) .rncheckboxField input[type="checkbox"]:checked {
    background-color: #e83a77;
    border-color: #e83a77;
  }
  
  .rnFormWrapper:not(#_) .rncheckboxField input[type="checkbox"]:checked::before {
    transform: scale(1);
  }