.form-group #codice_fiscale {
  text-transform: uppercase;
}

.card-login {
  width: 500px;
}

.load {z-index: 0; overflow: hidden;}
.container-load {overflow-x: hidden; overflow-y: hidden; z-index: 100; position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.5); text-align: center;}
.container-load img {max-width: 100px; position: relative; top: 40%;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button,
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#column_date input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

body {
  overflow-x: hidden;
}

#column_date .form-control {
  padding: .375rem 0.2rem;
}

a.none {
  text-decoration: none;
}
a.none span {
  margin-left: 20px;
}

.img-firma {
  max-height: 70px;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.scroll-to-top {
  z-index: 999;
}

/* css selectpickers */
.form-group:has(#anagrafica) .dropdown-menu,
.form-group:has(#normativa) .dropdown-menu,
.form-group:has(select.ateco) .dropdown-menu,
.form-group:has(#codice_ateco) .dropdown-menu,
.form-group:has(#azienda) .dropdown-menu,
.form-group:has(#committente) .dropdown-menu,
.form-group:has(#id_corso) .dropdown-menu,
.form-group:has(#corsista) .dropdown-menu,
.form-group:has(#id_anagrafica) .dropdown-menu,
.form-group:has(#corsi_formazione) .dropdown-menu {
  transform: none !important;
}

.form-group:has(#anagrafica) .dropdown-menu .dropdown-item,
.form-group:has(#normativa) .dropdown-menu .dropdown-item,
.form-group:has(select.ateco) .dropdown-menu .dropdown-item,
.form-group:has(#codice_ateco) .dropdown-menu .dropdown-item,
.form-group:has(#azienda) .dropdown-menu .dropdown-item,
.form-group:has(#committente) .dropdown-menu .dropdown-item,
.form-group:has(#id_corso) .dropdown-menu .dropdown-item,
.form-group:has(#corsista) .dropdown-menu .dropdown-item,
.form-group:has(#id_anagrafica) .dropdown-menu .dropdown-item,
.form-group:has(#corsi_formazione) .dropdown-menu .dropdown-item {
  white-space: pre-wrap;
}

.form-group:has(#anagrafica) .dropdown-menu .dropdown-item:focus,
.form-group:has(#normativa) .dropdown-menu .dropdown-item:focus,
.form-group:has(select.ateco) .dropdown-menu .dropdown-item:focus,
.form-group:has(#codice_ateco) .dropdown-menu .dropdown-item:focus,
.form-group:has(#azienda) .dropdown-menu .dropdown-item:focus,
.form-group:has(#committente) .dropdown-menu .dropdown-item:focus,
.form-group:has(#id_corso) .dropdown-menu .dropdown-item:focus,
.form-group:has(#corsista) .dropdown-menu .dropdown-item:focus,
.form-group:has(#id_anagrafica) .dropdown-menu .dropdown-item:focus,
.form-group:has(#corsi_formazione) .dropdown-menu .dropdown-item:focus,
.form-group:has(#anagrafica) .dropdown-menu .dropdown-item:hover,
.form-group:has(#normativa) .dropdown-menu .dropdown-item:hover,
.form-group:has(select.ateco) .dropdown-menu .dropdown-item:hover,
.form-group:has(#codice_ateco) .dropdown-menu .dropdown-item:hover,
.form-group:has(#azienda) .dropdown-menu .dropdown-item:hover,
.form-group:has(#committente) .dropdown-menu .dropdown-item:hover,
.form-group:has(#id_corso) .dropdown-menu .dropdown-item:hover,
.form-group:has(#corsista) .dropdown-menu .dropdown-item:hover,
.form-group:has(#id_anagrafica) .dropdown-menu .dropdown-item:hover,
.form-group:has(#corsi_formazione) .dropdown-menu .dropdown-item:hover {
  color: #fff;
  background-color: #4e73df;
}