/*!******************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/app.scss ***!
  \******************************************************************************************************************************************************/
/* By Athlon Front-End Team */
/* Core variables */
/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Colour primary */
/* Colour primary 2*/
/* Colour primary 2*/
/* Components */
/* Break-point
--------------------------*/
/* CSS Reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: none;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
main {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

body {
  margin: 0;
}

ul {
  list-style-type: none;
}

a {
  background: transparent;
  text-decoration: none;
}

button,
input {
  line-height: normal;
}

input[type=search] {
  -webkit-appearance: textfield;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

textarea:focus,
input:focus {
  outline: 0;
}

input {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
          appearance: none;
}


/* CSS print */
/**
 * Print Stylesheet
  background-color: #181733;

*/
@media print {
  @page {
    margin: 1cm;
  }
  body {
    background: #fff;
    color: #051724;
  }

  a {
    page-break-inside: avoid;
  }

  blockquote {
    page-break-inside: avoid;
  }

  table,
pre {
    page-break-inside: avoid;
  }

  ul, ol, dl {
    page-break-before: avoid;
  }
}
/* Fonts */
/**
 * Fonts
*/
@font-face {
  font-family: "DINP-R";
  src: url(../images/design/DINPro-Regular.2ac4eb.eot) format("eot"), url(../images/design/DINPro-Regular.7b307e.woff) format("woff"), url(../images/design/DINPro-Regular.f8ce19.ttf) format("truetype");
  font-style: normal;
}
@font-face {
  font-family: "SohoGothicPro";
  src: url(../images/design/SohoGothicPro-Regular.9ab528.eot);
  /* IE9 Compat Modes */
  src: url(../images/design/SohoGothicPro-Regular.edcc60.woff2) format("woff2"), url(../images/design/SohoGothicPro-Regular.2a1cf0.woff) format("woff"), url(../images/design/SohoGothicPro-Regular.d25729.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-weight: 400;
}
@font-face {
  font-family: "SohoGothicPro";
  src: url(../images/design/SohoGothicPro-Medium.7ea889.eot);
  /* IE9 Compat Modes */
  src: url(../images/design/SohoGothicPro-Medium.5d989a.woff2) format("woff2"), url(../images/design/SohoGothicPro-Medium.667505.woff) format("woff"), url(../images/design/SohoGothicPro-Medium.69507f.ttf) format("truetype");
  /* Safari, Android, iOS */
  font-weight: 500;
}
html {
  height: 100%;
}
body {
  font-family: "For Future Sans", Helvetica, Arial, sans-serif;
  height: 100%;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-kerning: none;
          font-kerning: none;
  background-color: #181733;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.odeo-regis-app .login-pf-page {
  background-color: #181733;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.odeo-regis-app .login-pf-page__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-top: 0;
}

.odeo-regis-app .login-pf-page__wrapper {
  width: 100%;
  padding: 1.5rem;
  margin-right: 0;
}
.odeo-regis-app .login-pf-page__lang {
  height: 5rem;
  width: 16.125rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  font-size: 2rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('../images/login/down-arrow.svg');
  background-repeat: no-repeat;
  background-position: 90% 50%;
}
.odeo-regis-app .login-pf-page__lang option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 5rem;
  width: 16.125rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  font-size: 1.5rem;
  line-height: 1rem;
}
.odeo-regis-app .login-pf-page__img {
  display: none;
}

@media only screen and (min-width: 320px) {
  .odeo-regis-app .login-pf-page__logo-escut {
    width: 7.125rem;
  }

  .login-pf-page__logo-container {
    width: 16.125rem;
  }
}
.odeo-regis-app {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.odeo-regis-app .form-group {
  width: 100%;
  margin-bottom: 2rem;
}
.odeo-regis-info-login {
  display: none;
}
.odeo-regis-app .odeo-regis-section {
  width: 37.875rem;
  margin: 0 auto;
}

.odeo-regis-info-login-form {
  width: 37.875rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.odeo-regis-title {
  font-size: 2.625rem;
  line-height: 3.125rem;
  text-align: center;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  width: 36.25rem;
  margin: 0 auto 1.5rem auto;
}

.odeo-regis-title span {
  /* font-size: 2.625rem; */
  color: #FDC52C;
  font-weight: 500;
  width: 100%;
  display: block;
}
.odeo-regis-info-login-form .pf-c-form-control {
  margin-top: .5rem;
  height: 5rem;
  width: 100%;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  font-size: 2rem;
  line-height: 1rem;
}
.odeo-regis-info-login-form .pf-c-form__helper-text {
  margin-bottom: 2.5rem;
  padding: 0.125rem;
  color: #DA959F;
  font-size: 1.5rem;
  line-height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-pf {
  font-weight: 500;
  max-width: 35rem;
  margin: 0 auto;
  text-align: center;
}
.card-pf .instruction a {
  color: #FDC52C;
  text-decoration: underline;
}
.login-app .card-pf {
  max-width: 40rem;
}
form.app-presencial,
form#kc-totp-login-form {
  width: min(38rem, calc(100vw - 2rem));
}
.odeo-regis-info-login-form .pf-c-form__label {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.odeo-regis-info-login-form .pf-c-form__helper-text i {
  font-size: 1.5rem;
  line-height: 2rem;
}

.odeo-regis-info-login-form .pf-c-form__label::after {
  content: "*";
  color: #fff;
  font-size: 1.5rem;
  margin-left: 0.25rem;
}
.odeo-regis-info-login-form .pf-c-form__date .pf-c-form__label::after {
  content: "";
}
.login-app .info-message {
  font-size: 1.375rem;
  max-width: 35rem;
  margin: 0 auto;
  text-align: center;
}
.login-app .info-message p {
  margin-bottom: 0.75rem;
}
.login-app .link {
  color: #FDC52C;
  text-decoration: underline;
}
.login-app .pf-button {
  font-family: "For Future Sans", Helvetica, Arial, sans-serif;
  border-radius: 0.125rem;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  cursor: pointer;
  background-color: #efefef;
}

.odeo-regis-app .pf-button--primary {
  width: 100%;
  line-height: 2rem;
  padding: 1.5rem 0;
  font-size: 1.5rem;
  font-weight: bold;
  background-color: #CF122D;
  color: #fff;
  border-radius: 0.125rem;
  border: none;
  text-transform: uppercase;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.odeo-regis-app.pf-button--primary:hover {
  background-color: #A41E42;
}
.odeo-regis-app .pf-button--primary:active {
  background-color: #812753;
}


/* LOGIN VOTING APP */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .login-app .login-pf-page__logo-escut {
    display: none;
  }

  .login-app .login-pf-page__logo-escut-mobile {
    display: block;
    width: 4.25rem;
    height: 4.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .login-app .login-pf-page__logo-escut {
    width: 100%;
    max-width: 18.75rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .login-app .login-pf-page__logo-escut {
    width: 18.75rem;
    height: auto;
    margin: 0 auto;
  }
}
.login-app .login-pf-page__logo-escut-mobile {
  display: none;
}
.login-app .login-pf-settings {
  width: 100%;
}
.login-app .login-pf-settings a {
  display: none;
}
.login-app .login-pf-page__header {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
  margin-top: 6.25rem;
}

#kc-locale ul {
  display: none;
  position: absolute;
  background-color: #181733;
  list-style: none;
  right: 0;
  top: 20px;
  min-width: 100px;
  padding: 2px 0;
  border: none;
}

#kc-locale:hover ul {
  display: block;
  margin: 0;
}

#kc-locale ul li a {
  display: block;
  padding: 8px;
  color: #fff !important;
  text-decoration: none;
  line-height: 20px;
}

#kc-locale ul li a:hover {
  color: #fff;
  background-color: #262447;
}

#kc-locale-dropdown a {
  color: #4d5258;
  background: 0 0;
  padding: 0 15px 0 0;
  font-weight: 300;
}

#kc-locale-dropdown a:hover {
  text-decoration: none;
}

#kc-locale a:focus,
#kc-locale a:focus-visible {
  outline: 1px solid #CF122D;
  outline-offset: -2px;
}

a#kc-current-locale-link {
  display: flex;
  padding: 0 8px;
}

a#kc-current-locale-link::after {
  content: url('../images/chevron-down.svg');
  margin-left: 62px;
  filter: brightness(0) invert(1);
}

.login-app #kc-locale-wrapper {
  background-color: #181733;
  border-radius: 2px;
  border: none;
  padding-left: 8px;
}

.login-app #kc-locale {
  position: absolute;
  top: 0;
  right: 0;
}

.login-app #kc-locale-dropdown {
  height: 32px;
  max-width: 138px;
  background-color: #181733;
}

.login-app #kc-locale ul {
  top: 32px;
  width: 138px;
  border: 2px solid #bfc0d0;
  border-radius: 2px;
}

.login-app a#kc-current-locale-link,
.login-app #kc-locale-dropdown a {
  color: #fff;
  height: 100%;
  margin: 0;
  padding-left: 8px;
  font-family: 'For Future Sans', Helvetica, Arial, sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  text-transform: capitalize;
  align-items: center;
  text-decoration: none;
}

.login-app #kc-locale-dropdown > a {
  width: 138px;
  padding-left: 8px;
}

.login-app #kc-locale-dropdown > a:hover {
  color: #fff;
}

.login-app #kc-locale li {
  text-align: left;
  height: 32px;
}
.error-app-wiew {
  padding: 1.5rem;
}
.error-app-wiew .login-pf-page__header {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 3rem;
  /* margin-top: 6.25rem; */
}
.error-app-wiew #kc-locale {
  position: absolute;
  top: 0;
  right: 0;
}
.error-app-wiew #kc-locale-dropdown,
.error-app-wiew #kc-locale-dropdown > a {
  width: 100px;
  max-width: 100px;
  box-sizing: border-box;
}
.error-app-wiew #kc-locale-dropdown > a {
  justify-content: space-between;
}
.error-app-wiew a#kc-current-locale-link::after {
  margin-left: 8px;
}
@media only screen and (min-width: 320px) {
  .login-app .login-pf-page__header {
  -webkit-box-pack: justify;
    -ms-flex-pack: justify;
      justify-content: space-between;
    -webkit-box-align: start;
      -ms-flex-align: start;
            align-items: flex-start;
    -webkit-column-gap: 0.875rem;
      -moz-column-gap: 0.875rem;
            column-gap: 0.875rem;
    /* max-width: 21.75rem; */
    margin-top: 0;
    margin-bottom: 1.5rem;
  }
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .login-app .login-pf-page__header {
    margin-bottom: 1.25rem;
  }

  .login-app .login-pf-page__logo-escut-mobile {
    display: block;
  }

  .login-app .card-pf__title-image {
    display: block;
    width: 100%;
    max-width: 19rem;
    height: auto;
    margin: 0 auto 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .login-app .card-pf__title-image {
    display: none;
  }
}
@media only screen and (min-width: 320px) and (max-width: 574px) {
  .login-app #kc-locale-dropdown,
  .login-app #kc-locale-dropdown > a,
  .login-app #kc-locale ul {
    width: 112px;
  }

  .login-app a#kc-current-locale-link,
  .login-app #kc-locale-dropdown a {
    font-size: 12px;
  }

  .login-app a#kc-current-locale-link::after {
    margin-left: auto;
  }
}
@media only screen and (min-width: 768px) {
  .login-app .login-pf-page__header,
  .error-app-wiew .login-pf-page__header {
    margin-bottom:  3.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .login-app .login-pf-page__header,
  .error-app-wiew .login-pf-page__header{
    margin-bottom: 3.125rem;
  }
}


.login-app .card-pf__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  font-size: 2.625rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  font-weight: 700;
  color: #FDC52C;
  /* max-width: 17.188rem; */
  text-transform: uppercase;
  margin: 0 auto;
}
.login-app .card-pf__title span {
  color: #fff;
  font-weight: 200;
}
@media only screen and (min-width: 575px) {
  .login-app .card-pf__title {
    font-size: 2.625rem;
    line-height: 3.125rem;
    /* max-width: 34.375rem; */

  }
  .login-app .card-pf__title.hide-tabletLarge {
    display: flex;
    margin-bottom: 2.188rem;
  }
  .login-app .card-pf__title.hide-mobile {
    display: none;
  }
}
@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .login-app .card-pf__title.hide-tabletLarge {
    font-size: 2rem;
    display: flex;
    margin-bottom: 2.188rem;
  }

}
@media only screen and (min-width: 320px) and (max-width: 574px){
  .login-app .card-pf__title.hide-mobile {
    display: flex;
    max-width: 17.188rem;
    margin-bottom: 3rem;
    font-size: 1.25rem;
  }
  .login-app .card-pf__title.hide-tabletLarge {
    display: none;
  }
}
.login-app  .login-pf-page {
  background-color: #181733;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.login-app  .login-pf-page__wrapper {
  width: 100%;
  padding: 1.5rem;
}
.login-app  .login-pf-page__lang-wrapper {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}
.login-app  .login-pf-page__lang {
  height: 2.5rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  color: #051724;
  font-size: 0.875rem;
  width: 6rem;
}
.login-app  .login-pf-page__lang option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 5rem;
  width: 16.125rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  line-height: 1rem;
}

.login-app .card-pf__notice {
  font-size: 0.875rem;
  line-height: 1rem;
  color: #fff;
  margin-bottom: 1.75rem;
}
.login-app .card-pf__incidences-text {
  max-width: 19.75rem;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: center;
  color: #fff;
  margin-bottom: 1.75rem;
  margin-top: 0.875rem;

}
.login-app .card-pf__incidences-text span {
  color: #FDC52C;
}

.login-app .pf-c-form-control {
  height: 2.5rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  font-size: 0.875rem;
  line-height: 1rem;
}
.login-app .pf-c-form-control--day, .pf-c-form-control--year {
  width: 100%;
}
.login-app .pf-c-form-control--month {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 7.5rem;
  color: #8C8B98;
  font-style: italic;
}

.login-app .error-image {
  display: none;
}

/* .login-app input[aria-invalid=true] ~ .error-image {
  display: block;
  background-image: url(../images/login/error.svg);
  background-position: 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.875rem;
} */

/* .login-app .pf-c-form-control[aria-invalid=true],
.login-app input[aria-invalid=true],
.login-app .pf-c-form-control[aria-invalid=true]:-webkit-autofill  {
  width: 100%;
  border: 0.0625rem solid #CF122D;
  padding-left: 1.5rem;
  background-image: url(../images/login/error.svg);
  background-position: 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.875rem;
} */
.login-app .pf-c-form__date-wrapper .pf-c-form-control[aria-invalid=true] {
  width: 100%;
  border: 0.0625rem solid #CF122D;
  padding-left: 1.5rem;
  background-image: url(../images/login/error.svg);
  background-position: 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}
.login-app  .custom-error-image .pf-c-form-control[aria-invalid=true] {
  width: 100%;
  border: 0.0625rem solid #CF122D;
  padding-left: 1.5rem;
}
.login-app .custom-error-image input[aria-invalid=true] ~ .error-image {
  display: block;
  position: relative;
}
.login-app .custom-error-image input[aria-invalid=true] ~ .error-image::before {
  position: absolute;
  content:'';
  left: 0;
  top: -32px;
  width: 24px;
  height: 24px;
  background-image: url(../images/login/error.svg);
  background-position: 0.5rem;
  background-repeat: no-repeat;
  background-size: 0.875rem;
}


.login-app .pf-c-form-control::-webkit-input-placeholder {
  color: #8C8B98;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}
.login-app .pf-c-form-control::-moz-placeholder {
  color: #8C8B98;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}
.login-app .pf-c-form-control:-ms-input-placeholder {
  color: #8C8B98;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}
.login-app .pf-c-form-control::-ms-input-placeholder {
  color: #8C8B98;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}
.login-app .pf-c-form-control::placeholder {
  color: #8C8B98;
  font-size: 0.75rem;
  line-height: 1rem;
  font-style: italic;
}

.login-app .pf-c-form__helper-text {
  margin-top: 0.125rem;
  padding: 0.125rem;
  color: #DA959F;
  font-size: 0.875rem;
  line-height: 1rem;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-app .pf-c-form__helper-text i {
  font-size: 1rem;
  line-height: 1rem;
}
.login-app .pf-c-form__form {
  width: 100%;
  max-width: 21.75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 575px) {
  .login-app .pf-c-form__form {
    padding: 1.5rem;
    max-width: 18.75rem;
  }
}
@media only screen and (min-width: 1024px) {
  .login-app .pf-c-form__form {
    max-width: 18.75rem;
    padding: 0;
  }
}
.login-app .pf-c-form__label {
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 400;
  margin-bottom: 0.25rem;
  text-align: left;
}
.login-app  .pf-c-form__label::after {
  content: "*";
  color: #DA959F;
  font-size: 0.6875rem;
  margin-left: 0.25rem;
}
.login-app .pf-c-form__date .pf-c-form__label::after {
  content: "";
}
.login-app .pf-c-form__date-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.login-app .pf-c-form__date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-right: 0.5rem;
  width: auto;
}
.login-app  .pf-c-form__date:last-child {
  margin-right: 0;
}
.login-app .pf-c-form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.login-app .pf-c-form__button .pf-button {
  margin-bottom: 0;
}

.login-app .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
}

.login-app .pf-button {
  font-family: "For Future Sans", Helvetica, Arial, sans-serif;
  border-radius: 0.125rem;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom: 2rem;
  padding: 0.5rem 0;
  cursor: pointer;
}
.login-app  .pf-c-form__button-doubles .pf-button {
  box-sizing: border-box;
  margin-bottom: 2rem;
  padding: 0.5rem 0.5rem;
  font-size: 0.75rem;
}
.login-app .pf-c-form__button-doubles {
  display: flex;
  align-items: stretch;
  gap: 0.25rem;
}
.login-app .pf-c-form__button-doubles .pf-button:first-child {
  flex: 0 1 25%;
}
.login-app .pf-c-form__button-doubles .pf-button--primary {
  flex: 1 1 auto;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  .login-app .pf-c-form__button-doubles {
    flex-direction: column;
    gap: 0;
  }
  .login-app .pf-c-form__button-doubles .pf-button,
  .login-app .pf-c-form__button-doubles .pf-button:first-child,
  .login-app .pf-c-form__button-doubles .pf-button--primary {
    flex: 1 1 auto;
    width: 100%;
  }
}
.login-app .pf-button--primary {
  background-color: #CF122D;
  color: #fff;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
}
.login-app .pf-button--primary:hover {
  background-color: #A41E42;
}
.login-app .pf-button--primary:active {
  background-color: #812753;
}

/* ERROR VIEW */
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .error-app-wiew .login-pf-page__logo-escut {
    width: 100%;
    max-width: 18.75rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .error-app-wiew .login-pf-page__logo-escut {
    width: 100%;
    max-width: 18.75rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 1024px) {
  .error-app-wiew .login-pf-page__logo-escut {
    width: 100%;
    max-width: 18.75rem;
    margin: 0 auto;
  }
}
.error-app-wiew .card-pf {
  font-size: 1.375rem;
  font-weight: 500;
  max-width: 35rem;
  margin: 0 auto;
  text-align: center;
}
.error-app-wiew .card-pf a {
  color: #FDC52C;
  text-decoration: underline;
}
.error-app-wiew .card-pf p {
  margin-bottom: 0.75rem;
}
.error-app-wiew .info-message {
  font-size: 1.375rem;
  max-width: 35rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {
  .error-app-wiew .card-pf ,
  .error-app-wiew .info-message {
    font-size: 1.125rem;
  }
}
.error-app-wiew .login-pf-page__lang-wrapper {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.error-app-wiew   .login-pf-page__lang {
  height: 2.5rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  color: #051724;
  font-size: 0.75rem;
}
.error-app-wiew  .login-pf-page__lang option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 5rem;
  width: 16.125rem;
  background-color: #fff;
  border: 0.0625rem solid #8C8B98;
  border-radius: 0.125rem;
  padding: 0.5rem;
  color: #051724;
  line-height: 1rem;
}
.pf-c-alert,
#kc-error-message {
  background-color: #181733;
  padding: 1rem;
  border: 1px solid #8C8B98;
  border-radius: 0.125rem;
  width: 100%;
  text-align: center;
  margin: 1rem auto;
}
.pf-c-alert a,
#kc-error-message a {
  color: #fff;
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .pf-c-alert,
#kc-error-message {
    max-width: 18.75rem;
  }
}

#kc-username {
  display: none;
}

#kc-cancel {
  margin-right: 1rem;
}

.link {
  color: #fff;
  text-decoration: underline;
}

input:-webkit-autofill {
  -webkit-animation-name: autofill;
  -webkit-animation-fill-mode: both;
}