:root {
  --accentColor: #8D58FF;
  --accentColorRGB: 141, 88, 255;
  --secondColor: #fff300!important;
  --secondColorRGB: 255, 244, 0;
  --customColor1: rgb(141 88 255 / 10%);
  --customColor2: rgb(255 243 0 / 25%)!important;
}
@keyframes backgroundPatternDrift {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 100%;
  }
}
@keyframes radial-gradient-animation-2 {
  0% {
    background-position: 100% 100%;
  }
  50% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 50%;
  }
}
@keyframes radial-gradient-animation {
  0% {
    background-position: 10% 0%;
  }
  50% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
:root {
  --accentColor: #8D58FF;
  --accentColorRGB: 141, 88, 255;
  --secondColor: #fff300!important;
  --secondColorRGB: 255, 244, 0;
  --customColor1: rgb(141 88 255 / 10%);
  --customColor2: rgb(255 243 0 / 25%)!important;
}
input:not([type="submit"]), textarea, select {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 10px !important;
  color: white;
}
@media (max-width: 991px) {
  input:not([type="submit"]), textarea, select {
    font-size: 16px;
  }
}
input:not([type="submit"]):hover, input:not([type="submit"]):focus, input:not([type="submit"]):active, textarea:hover, textarea:focus, textarea:active, select:hover, select:focus, select:active {
  border-color: #fff300;
}
input:not([type="submit"])::placeholder, textarea::placeholder, select::placeholder {
  color: rgba(255, 255, 255, 0.33) !important;
}
input:not([type="submit"]):not(select, [type="date"]):not(:placeholder-shown), textarea:not(select, [type="date"]):not(:placeholder-shown), select:not(select, [type="date"]):not(:placeholder-shown) {
  background-color: rgba(255, 244, 0, 0.33);
}
select:not(.filled), input[type="date"]:not(.filled) {
  color: rgba(255, 255, 255, 0.33);
}
select.filled, input[type="date"].filled {
  background-color: rgba(255, 244, 0, 0.33);
}
input.submit, button.submit {
  font-size: 24px;
  width: 60%;
  margin: 0 auto;
  font-weight: 600;
  transition: 600ms;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
@media (max-width: 991px) {
  input.submit, button.submit {
    width: 100%;
  }
}
input.submit:hover, button.submit:hover {
  transform: scale(1.03);
}
input.submit:after, button.submit:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml;utf8,<svg fill="%23fff300" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 29.756 29.756"><path d="M29.049,5.009L28.19,4.151c-0.943-0.945-2.488-0.945-3.434,0L10.172,18.737l-5.175-5.173c-0.943-0.944-2.489-0.944-3.432,0.001l-0.858,0.857c-0.943,0.944-0.943,2.489,0,3.433l7.744,7.752c0.944,0.943,2.489,0.943,3.433,0L29.049,8.442C29.991,7.498,29.991,5.953,29.049,5.009z"/></svg>') no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: all 0.35s ease;
  z-index: 2;
}
input.submit.active, button.submit.active {
  width: 40px;
  padding: 0;
  color: transparent;
}
input.submit.active:after, button.submit.active:after {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.checkbox_container {
  border: none;
  padding: 0;
}
.checkbox_container span {
  color: white;
}
.checkbox_container label {
  color: white;
}
@media (max-width: 575px) {
  .checkbox_container span {
    justify-content: center;
  }
}
.checkbox_container input[type="checkbox"].checkbox {
  appearance: none !important;
  -webkit-appearance: none;
  width: 50px !important;
  height: 30px;
  background-color: #fff300;
  border: 1px solid #D9DADC;
  border-radius: 50px;
  position: relative;
  box-shadow: inset -20px 0 0 0 #1d1d1d;
  transition: all 200ms ease-in-out;
  cursor: pointer;
}
.checkbox_container input[type="checkbox"].checkbox::after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  width: 26px;
  height: 26px;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
  transition: all 200ms ease-in-out;
}
.checkbox_container input[type="checkbox"].checkbox:checked {
  border-color: rgba(141, 88, 255, 0.73);
  box-shadow: inset 20px 0 0 0 rgba(141, 88, 255, 0.73);
}
.checkbox_container input[type="checkbox"].checkbox:checked::after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0, 0, 0, 0.05);
}
.checkbox_container label[for="autologin"] {
  margin-left: 10px;
  vertical-align: middle;
}
input[name="username"], input[name="password"] {
  background-repeat: no-repeat;
  background-size: 25px;
  background-position-y: center;
  background-position-x: 20px;
  padding-left: 55px;
}
input[name="username"] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAAqCAYAAADvczj0AAAACXBIWXMAAC4jAAAuIwF4pT92AAAESUlEQVRoge2aXahUVRiGH/OoKFqWmlkpWUpipVBmGWlgJEilIBiURDeSQZT9CBYEdlH0Q2LRRUY/ZqAQdZFkhNVFmfYDKVKaqVGoWVmJR0094s/Txdoj2+Oe2WvNHOfAwRc+Zmavvd/3e5nZ6/vW2tNN3QVcDBzgVPQD5gEL6UJoIRgj95pHzybm0hSc09kJNBtnDXd1nDXc1XHWcFdHSx3XXAWMB0YCA4EewCHgT2Az8HX2vhH0yTTGAsOAcwGBvcBvwPosjiUzq/utjidU1KHqi+quGufmsU6do/bMro+NW9UP1SMRGvvUd9RrUzTKDD+jzo00WYSD6gMRiUxQNzeg85U6MkKn1PCJBpLIY4M6pEoSb3aQhupTVTRORjd1P8V9dEfjOHALsDb73A9YA4zpYJ2VwJ3VBptpuIJrgI3ANmDEGdL4HLitaKAzDP8EtAI3nWGdd4H72h9sxPB+4GdCSRoEXEl9Za4MvwPbCT3DiEwrFvcDb5xyxNqTVhFWqJPUlnYTQn91lrqp0Zkny2mBeoWnTzxj1FfV4xE8reogE2bpPPaoNxQkUBSPR3IW4X21e4TGAHVVBN9C6zC8PRNIaSKmxbhrh5cSNfqqO0s4W9ULTDR8dWIilXg0ymbAigTeFnWeuiOS+0ETDD+dkEhRfBuR0AmL79f20dtwb/8X4zLDp+poIw0fUi9KMFcUsyKSequE4zzDz/1orEv1PXV4e64ywysTzRXFherhkuRmVLl2sLo4waSGVrVaG1u6Ht6YUjCr4G9gS6LOZcAy4C9gToTGUWARMACYTY3laVmjsC9CLAZ7a4y1Af9m70cBzwPTI3kPER4UvAAcjLmgzHBHbcT3qjF2ELgRuAeYFcnXCjwLvEL4dqNRZvjyFLIq6FXCMwD4OJJrN7AAeD0xh56EHZOjZYZvTiQuwnhgcIMcO4AngeWR5/cirMrGAVMJ20RTgH9i6vDMiJm4VrydOMvmsVmdHqHRR73bULq+9PQ6/V3l3BjDmxLMtY8JdRpdp05O0HmthO9k8xRjWMsbg6Loq/4aabCCDeb63si4N4L35EZfrGHVpQlJDFG3RfLmsVO9NEFndgTnsvw1KYY1fGNTaiTQXZ1v3Fq1FpZYe3U2XP0kkmuNepehD697x2MnoZRsITQO5wPXZTNin0SuWvgiiz8IOx6V2XZcHVxbges7Y0/rCHAC6N1EzQqWdsazpUeASZ2gCzC12YYXAYuB74lvI1NhjbEezTT8EPBY7vNyYCJwuAM1VgMzOP0fSRWsKZulVxmagEbwozrK2vX6gwY1VF/OcT5XMN6mjioz/HBGMF/dnZjAevUOa9fRfIxVP0rUOGYoYcMK+Gaq36hbDT3EULOytBq4hLDkymMkMBdYkjs2EbidUBaGAf0JK642YA/h8claYAXwS50/y4HANGAyMJqw8OhLuDcPEBb3PwCfEZ4jRa2DK/gfNyq5gIUotaEAAAAASUVORK5CYII=);
}
input[name="password"] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA3CAYAAABQOymxAAAACXBIWXMAAC4jAAAuIwF4pT92AAADLklEQVRoge2bzWsTQRjGfxtFKm6x9QPxCyuCYBXr90ERchE9iR68CuJHQU0vetOL/4KKCh5E9BxaEBX0oOJJUSqCitgcRCq1YmzJqWBfD7ut1e5kZ3dmJzHJAyHLOzPPPM9md9/ZmYknIjhAD5APv9cAi8L4D+AzMAg8Ad5kLWRuhtw+cAroBdZrtvkI3ARuAJVMVImI7Y8nIsdE5Jukx6iInAy5rOrzLF/SHcBt4KAlvnvAUaBsic+q4VXAQ2CjLcIQ74D9wBcbZLYMLwaeAd02yCLwAdgLfDclsmHYA+4DB2LqDQH9wAtgOIytAHYBh4B1Me0fhX1MptQZwMKD4EzMA6gkIodjHkBeWGcohqtgqtfUbIeI/KwisCgifgI+P2yjwriILDHRnDO6PKAPWKgoKwJHSJZPK2GboqK8HSgk4JsFk3s4RzBKWhlRViIYVaUdPPgEo6+o+/orsBr4lYbY5BfeTbRZgHOYjZQqwHlF2XJgT1piE8N5RbwEDBjwTmEA+JSw71iYGN6siPcDNpK7oD5xPWlJTQyvVcRfG3D+i5eKeFdaQhPDviI+rIinwYgi3p6W0MTwfEXcxQv2vLQNTfPwf4eW4UZHy3Cjo+kMp5219FCfLJ9gbssGVLk+F2pIngITvk/mReSxiExUeWd1hQkJtOQlo1nLXuB6eGbrCQKcBa7pVNY1vIlgVaBe7/lJYAvwNq6iroHTCerWAjkCjVoVdbAtvRZn2KpTSddwm4EQV9DSWM+XaSbIcvVQhVfAA2AOsA/Y4bR3zfw1aCl39kVwFyxxD0ZwW5+XToK7wOWI+BXglisRLg1XM3XHlQiXhseqlBmvCurCpeFqeXKnKxEuDV8AOiPincBFVyJcGu4CnvP3AKEtjKnmuK3D9cCjm9mGs9o1EImmG2m1DDvAghnHqtWLzFALw8dnHJ9w3XktXh4u8Wfj2nbXndfCMNTA6BRaD61Gh67h8UxV2IGWRl3DTw2EuIKWRt156WXAe6IH//WAMrAB9RaJaej+wiMEqcTavmWLKBNoizULyXfiLSVY1sij3nLoCmME/5O4CozqNrK9I77u0XRp6TeL13NIU6a++wAAAABJRU5ErkJggg==);
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fvariables.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fmixins.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fform.scss%22%2C%22var%2Fwww%2Fvhosts%2Ftpr-backoffice.com%2Fhttpdocs%2Fbackoffice-x%2Ffiles%2Fonboarding-x%2Fcode%2Fscss%2Fbreakpoints.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAEA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC%2BDA%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAeF%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%3BADzGF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAEQA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAC%2BCI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADtCF%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAKE%3BAAAA%3BAAAA%3BAAUF%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAOF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BACMI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADMF%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAcA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAUJ%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BACrDE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BADkEF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaE%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAaA%3BAAAA%3BAAAA%3BAAAA%3BAAIE%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAAA%3BAAMF%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%22%7D */