/* Pagina login e password dimenticata */
#centratura {
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
#centratura_2 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.login {
	-webkit-box-shadow: 5px 5px 10px #121212;
	-moz-box-shadow: 5px 5px 10px #121212;
	-ms-box-shadow: 5px 5px 10px #121212;
	-o-box-shadow: 5px 5px 10px #121212;
	box-shadow: 5px 5px 10px #121212;
	}
.login label {
  color: #231f20;
  text-align: center;
  margin-top: 15px;
	}
.login input {
  border-color: #989c9f;
	}
.login button {
  float: right;
  background-color: #231f20 !important;
  margin: 20px 0px;
	}
a.password_dimenticata:link {
  float: left;
  font-size: 0.9rem;
  color: #231f20;
  text-decoration: none;
  margin: 20px 0px;
  }
a.password_dimenticata:visited {
  color: #231f20;
  text-decoration: none;
  margin: 20px 0px;
  }
a.password_dimenticata:hover {
  color: gray;
  text-decoration: none;
  margin: 20px 0px;
  }
.login_error {
    color:red;
    font-weight: bold;
    margin: 2em 0px 2em 0px;
	}
.login_version {
    font-size: 12px;
    color: gray;
    text-align: center;
    margin-top: 2em;
	}



/* Pagine interne */
/* Barre fisse */
.navbar_top_1 {
	background-color: #042338 !important;
	color: #ffffff !important;
  position: fixed !important;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 8vh;
  }
.navbar_top_2 {
	background-color: #0D72BA !important;
	color: #ffffff !important;
  height: 2.5vh;
  position: fixed !important;
  top: 8vh;
  right: 0;
  left: 0;
  z-index: 1020;
  }
.navbar_bottom_2 {
	background-color: #797979 !important;
	color: #ffffff !important;
  height: 2.5vh;
  position: fixed !important;
  bottom: 7vh;
  right: 0;
  left: 0;
  z-index: 1010;
  }
.navbar_bottom_1 {
	background-color: #505050 !important;
	color: #ffffff !important;
  height: 7vh;
  max-height: 7vh;
  position: fixed !important;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1010;
  }

/* Menu generici*/
.img_menu_logo {
	padding: 0px 0px 0px 0px;
  }
/* Menu Tablet e Smartphone */
.custom-toggler .navbar-toggler-icon {
  background-image: url("../../libs/fonts/bootstrap-icons/list_white.svg");
}
.custom-toggler.navbar-toggler {
  border-color: rgb(255,255,255);
}
.titolo_icone_destra_tablet_smartphone{
	padding-top: 20px;
  padding-bottom: 20px;
  }
.titolo_corso_tablet_smartphone{
	padding: 0px 0px 20px 0px;
  }
.titolo_tablet_smartphone{
	font-size: 1.2rem;
	padding: 20px 0px 20px 0px;
  }
/* Menu PC */
.titolo_pc{
	font-size: 1.2rem;
  }
#percorso {
  line-height: 2vh;
  }  
span.link_percorso_testo { /* fix per FireFox */
  font-size: 0.9em !important;
  }  
a.link_percorso {
  text-decoration: none;
  font-size: 0.9em !important;
  }  
a.link_percorso:link {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9em !important;
  }
a.link_percorso:visited {
  color: #ffffff;
  text-decoration: none;
  font-size: 0.9em !important;
  }
a.link_percorso:hover {
  color: #CFD4DB;
  text-decoration: none;
  font-size: 0.9em !important;
  }
.link_percorso_span {
  color: #CFD4DB;
  }

/* Icone*/
.modifica_corsi{
	padding: 0px 10px 0px 10px;
	font-size: 24px;
  }
.azzera_spiegazioni{
	font-size: 24px;
  }
.help{
	padding: 0px 10px 0px 10px;
	font-size: 24px;
  }
.SchermataPrecedente{
	font-size: 24px;
  }
.RisorsaPrecedente{
	font-size: 40px;
  }
.RisorsaSuccessiva{
	font-size: 40px;
  }
.lavagnaintterattiva{
	font-size: 24px;
  }
.impostazioni{
	font-size: 24px;
  }
.exit{
	font-size: 24px;
  color: white !important;
  }
.icon_grid_img{
	font-size: 24px;
  }
a.link_icona:link {
  color: #ffffff;
  text-decoration: none;
  }
a.link_icona:visited {
  color: #ffffff;
  text-decoration: none;
  }
a.link_icona:hover {
  color: #CFD4DB;
  text-decoration: none;
  }
a.link_icona_bianco:link {
  color: #231f20;
  text-decoration: none;
  }
a.link_icona_bianco:visited {
  color: #231f20;
  text-decoration: none;
  }
a.link_icona_bianco:hover {
  color: #231f20;
  text-decoration: none;
  }

/* Componenti main*/
.infoStatSpiegazioni {
  margin-right: 10px;
  width: 4vw;  
}
.infoDifficolta {
  margin-right: 10px;
  margin-bottom: 15px;
  width: 4vw;
  cursor: default;
  color: black;
}
.titoli {
  font-size: 18px;
  font-weight: bold;
  color: gray;
}
.avanti{
	font-size: 2rem;
  font-weight: bold;
  color: gray;
}

.bg_completato {
  background-color: #E4F4E1 !important;
}

.bg_completato:hover {
  background-color: #D4EFD0 !important;
  text-decoration: none;
}

.bg_separatore {
  background-color: #D5DCE3 !important;
  cursor: default !important;
}

.img_completato {
  background-color: #5d9c53 !important;
  border: 2px solid #5d9c53 !important;
}
.partecentrale {
  padding: 90px 15px 0px 15px;
}
.form_resize {
  width: 50% !important;
}
.elemento_relative {
  position: relative;
}
.elemento_left_top_absolute {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ffffff;
  height: 45px;
  width: 45px;
}
.elemento_right_bottom_absolute {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.form-check-input_custom {
  width: 20px;
  height: 20px;
}
.custom-switch_mod {
  margin-top: 20px !important;
}
.button_griglia {
  background-color: #f29324 !important;
  margin: 0px 5px 0px 5px;
}
.button_griglia_disattivato {
  background-color: #6c757d !important;
  margin: 0px 5px 0px 5px;
}
.canvas_lavagnainterattiva {
  z-index: 1000;
  position: absolute;
  top: 0px;
  left: 0px;
}

.cambioArgomento {
  color: black !important;
}

/* Modal*/
#ModificaCorsi .modal-footer {  
  justify-content: center;  
 }
#ModificaCorsi .list-group-item-secondary{  
  background-color: #F2F2F2; 
 }

 /* Pagina slide */
 .body_slide,.html_slide{
   height: 100%;
 }
 .section_slide{
   height: 100%;
   display: flex !important;
   justify-content: center;
   align-items: center;
 }
 
 .section_slide_elemento{
   object-fit: contain;
   height: 78vh !important;
   width: 100% !important;
 }
 .bottom_titolo_centrale{
   font-size: 1.8rem;
   padding: 0px 10px 0px 10px;
 }

#chooseRed{  
  background-color: #d70d0e; 
  height: 20px;
  width: 20px;
 }
#chooseGreen{  
  background-color: #31a304; 
  height: 20px;
  width: 20px;
}
#chooseOrange{  
  background-color: #e7ad12; 
  height: 20px;
  width: 20px;
  }
#chooseBlue{  
  background-color: #170cab; 
  height: 20px;
  width: 20px;
}
.button_lavagna_cancella {
  background-color: #920a0a !important;
  color: #ffffff !important;
}
.button_lavagna_generico {
  background-color: #042338 !important;
  color: #ffffff !important;
}

/* componenti vari*/
.flex-container {
  display: flex;
  flex-flow: row;
  justify-content: center;
}
.span_align_center {
  display: flex;
  justify-content: center;
  align-items: center;
}



/* Personalizzazioni bootstrap */
.container-fluid {
  padding: 0px 15px 15px 15px !important;
  margin: 0 auto !important;
  height: 100% !important;

  -moz-box-sizing: border-box !important;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
.form-control::-webkit-input-placeholder {
  color: #ced4da !important;
  opacity: 1 !important;
}
.form-control::-moz-placeholder {
  color: #ced4da !important;
  opacity: 1 !important;
}
.form-control:-ms-input-placeholder {
  color: #ced4da !important;
  opacity: 1 !important;
}
.form-control::-ms-input-placeholder {
  color: #ced4da !important;
  opacity: 1 !important;
}
.form-control::placeholder {
  color: #ced4da !important;
  opacity: 1 !important;
}
.badge-warning {
  color: #ffffff !important;
}
.btn-primary {
  background-color: #042338 !important;
  color: #ffffff !important;
}

.videataSpiegata {
  color: green;
  cursor: default;
  font-weight: bold;  
  font-size: 1.5em;
}

.videataNonSpiegata {
  color: red;
  cursor: default;
  font-weight: bold;  
  font-size: 1.5em;
}

.distanziamentoSuperiore {
  margin-top: 11vh !important;
}

@media (min-width: 992px) {
  .distanziamentoSuperiore {
    margin-top: 11vh !important;
  }
}


.voceDiMenu {
  cursor: pointer;
}

.btn_quiz {
  margin-top: 0.5rem;
  padding: 0.37rem 2px 0.37rem 2px !important;
  width: 3.5rem;
  color: #fff !important;
  line-height: 0.8rem !important;
  cursor: pointer;
}

.btn_quiz:hover,.btn_quiz:active,.btn_quiz:target {
  box-shadow: 0 0 0 4px #ffc10790 !important;
}

.btn_quiz_selected_F {
  box-shadow: 0 0 0 4px yellow !important;
}

.btn_quiz_selected_V {
  box-shadow: 0 0 0 4px yellow !important;
}

.btn_quiz_test {
  margin-top: 8px;
  padding: 0px 0px 0px 0px;
  width: 3.5rem;
  font-size: 1.2rem;
}

.btn_quiz_normale {
  content: "";
  display: inline-block;
  background-image: url('../img/N.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.btn_normale_disable {
  content: "";
  display: inline-block;
  background-image: url('../img/N_disable.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.btn_normale_disable:hover {
  content: "";
  display: inline-block;
  background-image: url('../img/N.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.btn_test {
  content: "";
  display: inline-block;
  background-image: url('../img/T.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.btn_test_disable {
  content: "";
  display: inline-block;
  background-image: url('../img/T_disable.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.btn_test_disable:hover {
  content: "";
  display: inline-block;
  background-image: url('../img/T.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}


.btn_quiz_rispoditori {
  content: "";
  display: inline-block;
  background-image: url('../img/R.svg');
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;  
}

.txt_test_verde {
  color: #28a745;
}
.txt_test_rosso {
  color: #dc3545;
}


.dropdown-item_custom_1 {
  padding: 0px 0px 0px 0px !important;
  width: 2rem !important;
  text-decoration: none;
  display: inline-block !important;
}

.dropdown-item_custom_1:hover {
  background-color: transparent !important;
}

.dropdown-item_custom_2 {
  width: 5rem !important;
  text-decoration: none;
  display: inline-block;
  background-color: transparent !important;
}

.dropdown-item_custom_2:hover {
  background-color: transparent !important;
}



.separazione{
	padding: 0px 0px 0px 10px;
	width: 30px;
  height: 30px;
}

a.link_icona:link {
  color: #ffffff;
  text-decoration: none;
}

a.link_icona:visited {
  color: #ffffff;
  text-decoration: none;
}

a.link_icona:hover {
  color: #CFD4DB;
  text-decoration: none;
}

a.link_icona_bianco:link {
  color: #231f20;
  text-decoration: none;
}

a.link_icona_bianco:visited {
  color: #231f20;
  text-decoration: none;
}

a.link_icona_bianco:hover {
  color: #231f20;
  text-decoration: none;
}

a.link_lingua_navbar:link {
  color: #ffffff;
  text-decoration: none;
}

a.link_lingua_navbar:visited {
  color: #ffffff;
  text-decoration: none;
}

a.link_lingua_navbar:hover {
  color: #CFD4DB;
  text-decoration: none;
}

div.link_lingua_dropdown {
  color: #231f20;
  text-decoration: none;
  padding: 0pX !important;
  cursor: default;
}

div.link_lingua_dropdown:visited {
  color: #231f20;
  text-decoration: none;
  padding: 0pX !important;
  background-color: transparent !important;
}

div.link_lingua_dropdown:hover {
  color: #231f20;
  text-decoration: none;
  padding: 0pX !important;
  background-color: #dfdede !important;
}

#headerMenuBarMobile {
  background-color: #042338 !important;
  margin-left: -1em;
  margin-right: -1em;
}

.badge-insert {
  background-color: #042338 !important;
  color: white !important;
}

.difficolta-0 {
  background-color: #fff17a !important;
}

.difficolta-1 {
  background-color: #ffc107 !important;
}

.difficolta-2 {
  background-color: #f16410 !important;
}