/* Regola base per il testo */
#loginModal,
#modalRecuperaPassword {
  color: #6E747D !important;
}

/* Gruppo input */
#loginModal .input_group,
#modalRecuperaPassword .input_group {
  align-items: center;
  border: 0.056rem solid #00355f;
  border-radius: 0.444rem;
  display: flex;
  flex: 0 1 auto;
  height: 2.222rem;
  overflow: hidden;
}

/* Prepend input */
#loginModal .input_group_prepend,
#modalRecuperaPassword .input_group_prepend {
  background-color: #00355f;
  color: white;
  flex-grow: 0;
  flex-shrink: 0;
  height: 2.222rem;
  line-height: 2.222rem;
  width: 2.667rem;
  text-align: center;
}

/* Input interno */
#loginModal .input_group_input,
#modalRecuperaPassword .input_group_input {
  border: none;
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 0.778rem;
  padding: 0.472rem 0.278rem;
}

/* Bottone ghost */
#loginModal .button_ghost,
#modalRecuperaPassword .button_ghost {
  background-color: white;
  border: 0.056rem solid currentColor;
  border-radius: 0.444rem;
  color: #00355f;
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.556rem 2.222rem;
  text-align: center;
  transition: all .15s;
  text-decoration: none !important;
}

/* Regola per il bottone ghost al passaggio del mouse */
#loginModal .button_ghost:hover,
#modalRecuperaPassword .button_ghost:hover {
  background-color: #00355f;
  color: white;
  cursor: pointer;
  text-decoration: none;
}

/* Spaziatura per il blocco recupera */
#loginModal .recupera,
#modalRecuperaPassword .recupera {
  margin-top: 10px;
}

/* Link nel blocco recupera */
#loginModal .recupera a,
#modalRecuperaPassword .recupera a {
  font-size: 12px;
  color: #6E747D !important;
  text-decoration: none !important;
}

/* Titoli h5 e h3 all'interno dei modali */
#loginModal h5,
#loginModal h3,
#modalRecuperaPassword h5,
#modalRecuperaPassword h3 {
  font-size: 1rem !important;
  color: #6E747D !important;
}

/* Contenuto della modal */
#loginModal .modal-content,
#modalRecuperaPassword .modal-content {
  border-color: #e6e6e6;
}

/* Header della modal */
#loginModal .modal-header,
#modalRecuperaPassword .modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Sfondo e colore del testo per la modal */
#loginModal .modal,
#modalRecuperaPassword .modal {
  background-color: rgba(107, 166, 238, 0.9);
  color: #6E747D;
}

/* Help block */
#loginModal .help-block,
#modalRecuperaPassword .help-block {
  font-size: 80%;
}

/* Link recupera al passaggio del mouse */
#loginModal .recupera a:hover,
#modalRecuperaPassword .recupera a:hover {
  color: #cc0000;
}

/* Regola per link con classe recupera (specifica) */
#loginModal.recupera,
#modalRecuperaPassword.recupera a {
  font-size: 12px;
  color: #6E747D !important;
  text-decoration: none !important;
}

#loginModal.recupera a,
#modalRecuperaPassword.recupera a {
  font-size: 12px;
}

/* Link al passaggio del mouse per tutto il modal */
#loginModal a:hover,
#modalRecuperaPassword a:hover {
  text-decoration: none;
}

/* Bottone outline per il recupero password */
#loginModal a.btn-outline,
#modalRecuperaPassword a.btn-outline {
  background-color: white;
  border: 0.056rem solid currentColor;
  border-radius: 0.444rem;
  color: #00355f;
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  padding: 0.556rem 2.222rem;
  text-align: center;
  transition: all .15s;
  text-decoration: none !important;
}

/* Bottone outline al passaggio del mouse */
#loginModal a.btn-outline:hover,
#modalRecuperaPassword a.btn-outline:hover {
  display: inline-block;
  background-color: #00355f;
  color: #fff;
  text-align: center;
  border: 1px solid #00355f;
}

.hide {
  display: none;
}