@font-face {font-family: "RingsideNarrow-SemiBold"; src: url("/THEMES/nea/fonts/ringside/RingsideNarrow-Semibold.otf") format("opentype"); font-weight: 600; font-style: normal }

#loginModal .legal {text-align: right;margin-top:-10px}
#loginModal .btn {width: 130px;}
.formulari #loginModal .btn-ara {margin-top: 0}

.modal-body.formulari {padding: 15px}
.emailreg {display: none;}
.input-icon-right { position: absolute; top: 0; right: 0; width: 46px; height: 60px; display: flex; justify-content: center; align-items: center; text-decoration: none; cursor:pointer; }

.formulari-wrapper input[type="submit"] { width: 320px }
.formulari-wrapper .login-buttons, .formulari-wrapper .separador {max-width: 320px}
.formulari-wrapper .login-buttons { display: flex; flex-flow: row nowrap; gap:15px;}
.formulari-wrapper .login-buttons .login-button {
  display: flex; flex-flow: row; justify-content: center; align-items: center; text-align: center; flex: 1; gap:8px;
  padding:9px;color: #000; background-color:#fff; border:1px solid #ccc; border-radius:2px; text-transform:uppercase; text-decoration: none;
  font: 14px/14px "RingsideNarrow-SemiBold", arial, sans-serif;
}
.formulari-wrapper .separador { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; margin: 30px 0 }
.formulari-wrapper .separador span { padding: 0 20px }
.formulari-wrapper .separador:before,
.formulari-wrapper .separador:after { flex: 1; content: " "; height: 1px; width: auto; background: #a4a4a4 }
.formulari-wrapper .inicia { margin-top:2em; max-width: 320px;text-align:center; font: normal 18px/26px "Soho Gothic W01 Regular", Arial, sans-serif;}
.formulari-wrapper .inicia .gris, .formulari-wrapper .inicia .gris {font-size: 16px}
.formulari-wrapper button.button {-webkit-appearance: button; cursor: pointer; width: 320px; max-width: 100%; }

@media only screen and (max-width: 900px) {
  .formulari-wrapper .botons-peu {display: block; }
}

@media only screen and (min-width:900px) {
}