* {
  	box-sizing: border-box;
  	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
}
body {
  	background-color: #f2f2f2;
	margin: 0;
	padding: 0;
	width:100%;
	font-size:16px;
}
p{
	margin: 0;
	padding:20px;
	width:100%;
}
a {
	color: #000;
}
.session_check{
	color:#000;
	margin: 0 auto;
	padding:10px;
}
.button_hotpink {
  color: #ff0530;
}
.logo_CRI{
	padding:2px;
	width:100px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#calendar {
	max-width: 1100px;
	margin: 0 auto;
	padding:20px;
	position: relative;
	font-size:14px;
	background-color: #ffffff;
  }
.table_riepilogo_disponibilita{
	margin: 0px auto;
	border-collapse: collapse;
	width: 100%;
	padding: 10px 20px 20px 0px;
	background-color: #f2f2f2;
	overflow-x: auto;
	display: block;
	font-size:16px;
  }
.table_riepilogo_disponibilita td, .table_riepilogo_disponibilita th{ 
	border: 1px solid #c4c4c4;
	padding: 2px 2px 2px 5px;
}

.table_riepilogo_disponibilita th {
  padding: 5px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}
.table_riepilogo_database_volontari{
	margin: 0px auto;
	border-collapse: collapse;
	width: 100%;
	max-height: 88vh;
	padding: 10px 20px 20px 0px;
	background-color: #f2f2f2;
	overflow-x: auto;
	display: block;
	font-size:16px;
  }
.table_riepilogo_database_volontari td, .table_riepilogo_database_volontari th{ 
	border: 1px solid #c4c4c4;
	padding: 2px 2px 2px 5px;
}
.table_riepilogo_database_volontari .tablesorter-filter-row{
  position:sticky;
  top:65px;
}
.table_riepilogo_database_volontari th {
  padding: 5px;
  text-align: center;
  background-color: #4CAF50;
  font-size:14px;
  color: white;
  position:sticky;
  top:0px;
}
.table_riepilogo_database_dispon{
	margin: 5px auto;
	border-collapse: collapse;
	width: 100%;
	max-height: 88vh;
	padding: 0px 20px 20px 0px;
	background-color: #f2f2f2;
	overflow-x: auto;
	display: block;
	font-size:16px;
  }
.table_riepilogo_database_dispon td, .table_riepilogo_database_dispon th{ 
	border: 1px solid #c4c4c4;
	padding: 2px 2px 2px 5px;
}

.table_riepilogo_database_dispon .tablesorter-filter-row{
	
  position:sticky;
  top:60px;
}
.table_riepilogo_database_dispon th {
  padding: 5px;
  text-align: center;
  background-color: #4CAF50;
  font-size:14px;
  color: white;
  position:sticky;
  top:0px;
}
.table_riepilogo_disponibilita_draft{
	margin: 0px auto;
	border-collapse: collapse;
	width: 100%;
	padding: 10px 20px 20px 0px;
	background-color: #f2f2f2;
	font-size:15px;
  }
.table_riepilogo_disponibilita_draft td, .table_riepilogo_disponibilita_draft th{ 
	border: 1px solid #c4c4c4;
	padding: 2px 2px 2px 5px;
}

.table_riepilogo_disponibilita_draft th {
  padding: 2px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}
.table_riepilogo_disponibilita_draft form{
	padding:0;margin:0;
}

.table_set_draft_shifts td:nth-child(1){
  position: sticky;
  left: 0;
  background-color:#f2f2f2;
  border: 1px solid #c4c4c4;
  background-clip: padding-box;
}
.table_set_draft_shifts th:nth-child(1) {
  position: sticky;
  left: 0;
}
.table_set_draft_shifts_standard td:nth-child(1){
  position: sticky;
  position: -webkit-sticky;
  left: 0;
  background-color:#f2f2f2;
  border: 1px solid #c4c4c4;
  background-clip: padding-box;
}
.table_set_draft_shifts_standard th:nth-child(1) {
  position: sticky;
  position: -webkit-sticky;
  left: 0;
}
.table_set_draft_shifts_additional td:nth-child(1){
  position: sticky;
  left: 0;
  background-color:#f2f2f2;
  border: 1px solid #c4c4c4;
  background-clip: padding-box;
}
.table_set_draft_shifts_additional th:nth-child(1) {
  position: sticky;
  left: 0;
}
.warning_red_color{
	color: #ff0000;
	font-weight: bold;
}
.warning_green_color{
	color: #00cd00;
	font-weight: bold;
}
.tq_content_draft{
border:1px solid black;
text-align:center;
min-width:200px;
font-size:15px;
padding:0px 4px 1px 4px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.table_riepilogo_sportivi{
	margin: 0px auto;
	border-collapse: collapse;
	width: 100%;
	/*padding: 10px 20px 20px 0px;*/
	background-color: #f2f2f2;
	overflow-x: auto;
	display: block;
	font-size:15px;
  }
.table_riepilogo_sportivi td{ 
	border: 1px solid #ddd;
	padding: 8px 10px 10px 10px;
}
.table_riepilogo_sportivi td input{ 
	/* background-color: #e5e5e5; */
}

.table_riepilogo_sportivi th {
  padding: 5px;
  text-align: center;
  background-color: #4CAF50;
  color: white;
}
.table_riepilogo_sportivi form{
	padding:0;margin:0;
}

.table_riepilogo_sportivi tr:nth-child(even) {background: #edecec}
.table_riepilogo_sportivi tr:nth-child(odd) {background: #e1dfdf}

.equipaggio_completo{
	float:left;
	diaplay:block;
	font-size:14px;
	background-color: #b9f824;
	margin:5px 0;
	padding:4px;
}
.equipaggio_mancante{
	float:left;
	diaplay:block;
	font-size:14px;
	background-color: #fbef60;
	margin:5px 0;
	padding:4px;
}
.sportivo_logistica_completato{
	float:left;
	diaplay:block;
	font-size:14px;
	color:#fff;
	background-color: #32cd32;
	margin:5px 0;
	padding:4px;
}
.sportivo_logistica_in_lavorazione{
	float:left;
	display:block;
	font-size:14px;
	background-color: #fbef60;
	margin:5px 0;
	padding:4px;
}
.sportivo_sottotitolo_data{
	font-size:16px;
	text-transform: uppercase;
}
.sportivo_sottotitolo_orario{
	font-size:14px;
}
.equip_backgnd_green{
	background-color: #b9f824;
}
.equip_backgnd_yellow{
	background-color: #fbef60;
}
.vehicles_inner_table{
	border-collapse: collapse;
	margin:0px;
}
.vehicles_inner_table thead th{
	background-color: #e6d8ad;
	padding:0;
	color:#000;
	font-size:13px;
	font-weight:normal;
	border: 1px solid #000;
}
.vehicles_inner_table tbody td{
	background-color: #f9f9f9;
	padding:4px;
	white-space: nowrap;
	color:#000;
	font-size:13px;
	font-weight:normal;
	border: 1px solid #000;
}
.vehicles_public_inner_table{
	border-collapse: collapse;
	margin:0px;
}
.vehicles_public_inner_table tbody tr{
	height:25px;
}
.vehicles_public_inner_table thead th{
	background-color: #d3d3d3;
	padding:0;
	color:#000;
	font-size:15px;
	font-weight:normal;
	border: 1px solid #000;
}
.vehicles_public_inner_table tbody td{
	/*background-color: #f9f9f9;*/
	padding:0 4px 0 4px;
	white-space: nowrap;
	color:#000;
	font-size:15px;
	font-weight:normal;
	border: 1px solid #000;
}
.vehicles_public_inner_table .tsporting_qualification{
	background-color:#e6d8ad;
	text-align:center;
	width:55px;
}
.trd_content_center{
	text-align: center;
}
.nowrap{
	white-space: nowrap;
}
.yellow-class{
	background-color: #ffea00;
}
.min_width_120{
	min-width:120px;
}
.overview{
	margin: 0; padding:0;
	border-collapse: collapse;
	width: 100%;display: block;
	overflow-x: auto;
}
.overview th{
	margin: 0; padding:4px;
	border: 1px solid #000; text-align:center;
}
.overview caption{
	text-align:left;
}
.overview td, .overview tr{
	margin: 0; padding:4px;
	border: 1px solid #000; text-align:center;
}
.grey_for_overview{
	background-color: #ddd;
}
.discordanza_max_turni{
	margin: 0; padding:0;
	border-collapse: collapse;
	width: 100%;
	overflow: auto;
}
.discordanza_max_turni td, .discordanza_max_turni tr, .discordanza_max_turni th{
	margin: 0; padding:4px;
	border: 1px solid #000;
}
.export_csv{
  padding: 20px;
  margin:0px;
  font-size:14px;
  background-color: #f2f2f2;
  float:left;
  width:100%;
}
.svuota_quadrante{
  padding: 20px 20px 40px 20px;
  margin:0px;
  font-size:14px;
  background-color: #f2f2f2;
  float:left;
  width:100%;
}
.qualifications_icon{
	display:block;
	float:left;
	margin:0;
	padding:0px 20px 10px 0px;
}
.add_volunteer_icon{
	display:block;
	float:left;
	margin:0;
	padding:0px 20px 10px 0px;
}
.add_event_icon{
	display:block;
	float:left;
	margin:0;
	padding:0px 20px 0px 0px;
}
.add_qualification_volunteer_icon{
	display:block;
	float:left;
	margin:0;
	padding:0px 0px 10px 20px;
}
.form_add_volontario{
	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
.form_add_event{
	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
.form_volontari{
	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
#container_form_volontari{
	background-color: #f2f2f2;
	padding: 20px;
	float:left;
	width:100%;
	display:block;
}
#container_form_sporting_events{
	background-color: #f2f2f2;
	padding: 10px 10px 10px 15px;
	float:left;
	width:100%;
	display:block;
}
#container_public_sporting_events{
	background-color: #f2f2f2;
	padding: 0px;
	float:left;
	width:100%;
	display:block;
}
#container_monthly_shifts{
	background-color: #f2f2f2;
	padding: 20px;
	float:left;
	width:100%;
	display:block;
}
#add_volontario{
	background-color: #f2f2f2;
	padding: 20px;
	float:left;
	width:100%;
	display:block;
	display:none;
}
#add_event{
	background-color: #f2f2f2;
	padding: 20px;
	float:left;
	width:100%;
	display:block;
	display:none;
}
#add_qualification_volontario{
	background-color: #f2f2f2;
	padding: 20px;
	float:left;
	width:100%;
	display:block;
	display:none;
}
.myProgress {
  width: 100%;
  background-color: #d3d3d3;
}
.myBar {
  height: 30px;
  background-color: #2a7aec;
}
.form_turni{
	background-color: #f2f2f2;
  	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
.form_riepilogo{
	background-color: #f2f2f2;
	padding:20px;
	margin:0;
	display:block;
	float:left;
	width:100%;
}
#form_calendario{
	background-color: #f2f2f2;
	padding:20px;
	margin:0;
	display:block;
	float:left;
	width:100%;
}
#upload_form{
	margin:0;
	padding:0px;
	display:block;
	float:left;
	width:100%;
}
#empty_quadrante_form{
	margin:0;
	padding:0px;
	display:block;
	float:left;
	width:100%;
}
.form_utente_calendario{
	background-color: #f2f2f2;
  	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
#form_window{
	background-color: #f2f2f2;
	padding: 20px 20px 0px 20px;
	display:block;
	float:left;
	width:100%;
}
#form_max_turni{
  background-color: #f2f2f2;
  padding: 20px;
  font-size: 16px;
}
.form_home{
  background-color: #f2f2f2;
  padding: 20px;
}
.monitoring{
  background-color: #f2f2f2;
  padding: 20px;
  float:left;
  width:100%;
  display:block;
}
.monitoring p{
  float:left;
  width:100%;
  display:block;
  margin:0; padding:0;
  font-size:17px;
}
.turni{
  background-color: #f2f2f2;
  padding: 20px;
  float:left;
  width:100%;
  display:block;
}
.monitoring_team{
	float:left;
	width:50%;
	padding:10px 15px 15px 10px;
}
.monitoring_namelist{
	width:100%;
	height:300px;
	overflow: auto;
	background-color:#ddd;	
	border-collapse: collapse;
	padding:5px 5px 5px 8px;
}
#form_upload_turni{
  background-color: #f2f2f2;
  padding: 20px;
}
.fc_render_green{
	background-color: #4CAF50;
}
.upload_message{
	text-align:center;
}
.form-inline-login-title{
	margin: auto;
	padding:10px 0 0 0;
	font-size:20px;
	width: 100%;
	text-align:center;
}
.form-inline-login-subtitle{
	margin: auto;
	font-size:18px;
	width: 100%;
	text-align:center;
}
.form-inline-login-text{
	margin: auto;
	font-size:16px;
	padding:10px;
	width: 100%;
	text-align:center;
}
.form-inline-login-message{
	margin: auto;
	font-size:16px;
	padding:10px;
	width: 100%;
	text-align:center;
	font-weight:normal;
	color:red;
}
.form-inline-login-confirmed{
	margin: auto;
	font-size:16px;
	padding:10px;
	width: 100%;
	text-align:center;
	font-weight:normal;
	color:#4CAF50;
}
.form-inline-login{
	margin: auto;
	padding:10px;
	font-size:15px;
	width: 100%;
	text-align:center;
}

.form-inline {  
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.form-inline label {
  /* margin: 5px 10px 5px 0; */
}

.form-inline input {
  vertical-align: middle;
  margin: 5px 10px 15px 0;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align:center;
  width:200px;
}

.form-inline button {
  padding: 10px 20px;
    margin: 5px 10px 15px 0;
  background-color: dodgerblue;
  border: 1px solid #ddd;
  color: white;
  cursor: pointer;
  vertical-align: middle;
  width:200px;
}

.form-inline button:hover {
  background-color: royalblue;
  
}

/* start of quadrante */
#form_quadrante{
  background-color: #f2f2f2;
  padding: 10px;
  border:2px solid #ddd;
  display:block;
  float:left;
  width:100%;
  margin:0 0 20px 0;
}
#filtro_quadrante_form{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:100%;
}
#filtro_bozza_turno_form{
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:100%;
}
.eventi{
  background-color: #f2f2f2;
  padding: 20px;
  width:100%;
  float:left;
  display:block;
  margin:0;
}
.quadrante{
  background-color: #f2f2f2;
  padding: 20px;
  width:100%;
  float:left;
  display:block;
  margin:0;
}
.singolo_quadrante{
  background-color: #f2f2f2;
  display:block;
  float:left;
  position: relative;
  padding:0;
  margin:0;
  overflow-x: auto;
  width:100%;
}
.singolo_evento{
  background-color: #f2f2f2;
  display:block;
  float:left;
  position: relative;
  padding:10px 15px 5px 0px;
  margin:10px 0 0px 0;
  overflow-x: auto;
  width:100%;
  border-top: 1px solid #000;
}
.evento_title{
  font-weight: bold;
  font-size:18px;
  text-align:left;
  margin:5px 0 0px 0;
  padding:0;
}
.evento_subtitle{
  font-weight: normal;
  font-size:15px;
  text-align:left;
  margin:0 0 10px 0;
  padding:0;
}
.riquadro_quadrante{
  background-color: #fff;
  display:block;
  float:left;
  position: relative;
  border: 2px solid black;
  border-collapse: separate;
  border-spacing: 4px; 
  padding:6px;
  margin:20px 0 20px 0;
  overflow-x: auto;
}
.lista_prossimi_turni{
  background-color: #f2f2f2;
  padding: 20px;
  width:100%;
  float:left;
  display: block;
  position: relative;
  margin: 0;
  overflow-x: auto;
  font-size: 16px;
}
.form_prossimi_turni{
	  background-color: #f2f2f2;
  	border:2px solid #ddd;
	margin:0;
	padding:10px;
	display:block;
	float:left;
	width:100%;
}
.form_prossimi_turni select{
	font-size:15px;
	white-space: nowrap;
}
.table_quadrante{
margin:2px 0 10px 0;
border-collapse: collapse;
padding:0px;
overflow-x: auto;
white-space: nowrap;
display:block;
font-size: 15px;
}
.table_quadrante select{
	width:100%;	
}
.tq_headers{
background-color: #d3d3d3;
border:1px solid black;
font-weight: bold;
padding:0px 4px 0px 4px;
text-align:center;
font-size: 15px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.tq_content{
border:1px solid black;
text-align:center;
min-width:150px;
font-size:15px;
padding:0px 4px 1px 4px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.tq_content_centralino{
border:1px solid black;
text-align:center;
min-width:215px;
font-size:14px;
padding:0px 4px 1px 4px;
overflow: hidden;
}
.tq_content_gestione{
border:1px solid black;
text-align:center;
min-width:215px;
font-size:14px;
padding:0px 4px 1px 4px;
overflow: hidden;
}
.missing_short_name{
	background-color: #f2dede;
	color:#a94442;
}
.usertype_dipendente{
	background-color: #ddffcd;
}
.tq_content_left{
border:1px solid black;
text-align:left;
min-width:150px;
padding:2px 4px 2px 4px;
}
.tq_notes{
border:1px solid black;
min-width:150px;
padding:0px 4px 1px 4px;
font-size:15px;
text-size-adjust: none;
-webkit-text-size-adjust: none;
}
.tq_notes_centralino{
border:1px solid black;
min-width:215px;
padding:0px 4px 1px 4px;
font-size:14px;
}
.tq_notes_gestione{
border:1px solid black;
min-width:215px;
padding:0px 4px 1px 4px;
font-size:14px;
}
.tq_title{
font-weight: bold;
font-size:18px;
text-align:center;
margin:5px 0 0px 0;
padding:0;
}
.table_lista_prossimi_turni tbody{
background-color: #fff;
}
.table_lista_prossimi_turni{
margin: 10px auto;
border-collapse: collapse;
width: 100%;
padding:0px;
overflow-x: auto;
display: block;
white-space: nowrap;
}
.table_lista_storico_turni tbody{
	background-color: #fff;
	}
	.table_lista_storico_turni{
	margin: 10px auto;
	border-collapse: collapse;
	padding:0px;
	overflow-x: auto;
	display: block;
	float:left;
	white-space: nowrap;
	}
@media (min-width:320px) {
	.table_lista_storico_turni{
	width: 100%;
	}
}
@media (min-width:801px)  {
	.table_lista_storico_turni{
	width: 50%;
	}
}
.alert-danger{
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert {
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
margin-bottom:15px;
}
.noalert-danger{
color: #000000;
background-color: #def2de;
border-color: #ebccd1;
}
.noalert {
padding: 15px;
border: 1px solid transparent;
border-radius: 4px;
}
.message_import{
margin:5px 0 0 0;
text-align: left;
width:100%;
float:left;
}
.message_quadrante{
text-align: left;
width:100%;
float:left;
}
.message_quadrante_container{
text-align: left;
width:100%;
float:left;
}
.importa_quadrante{
padding: 10px;
margin: 0 0 20px 0;
font-size:15px;
background-color: #f2f2f2;
width:100%;
float:left;
border:2px solid #ddd;
}
#operations_on_quadrante{
padding: 10px;
margin: 0 0 20px 0;
font-size:15px;
background-color: #f2f2f2;
width:100%;
float:left;
border:2px solid #ddd;
}
.update_qudrante{
padding: 0px;
margin:0px;
}
/* end of quadrante */


@media (max-width: 800px) {
  .form-inline input {
	width:80%;
  }
  .form-inline button {
	width:80%;
  }
  .form-inline {
    flex-direction: column;
    align-items: stretch;
  }
}


.navbar {
  width: 100%;
  background-color: #909090;
  overflow: auto;
}

.navbar a {
  float: left;
  padding: 12px;
  color: white;
  text-decoration: none;
  font-size: 17px;
}

.navbar a:hover {
  background-color: #000;
}

.active {
  background-color: #4CAF50;
}

@media screen and (max-width: 500px) {
	  body{
		-webkit-text-size-adjust: none;
	  }
	 .navbar a {
		float: left;
		display: block;
		width:50%;
		border:1px solid black;
		text-align:center;
		line-height:0.8em;
		font-size: 16px;
	 }
	 #calendar {
		margin: 0 auto;
		padding:20px 3px 50px 3px;
		position: relative;
		display:block;
		float:left;
	 }
	 .form_riepilogo{
		 text-align:center;
	 }
	 #form_calendario{
		text-align:center;
		background-color: #f2f2f2;
		padding:20px;
		display:block;
		float:left;
		width:100%;
	 }
	 #form_quadrante{
		 text-align:center;
	 }
	.form_riepilogo input, select{
		width:100%;
	}
	.monitoring_team{
		width:100%;
	}
	.monitoring_namelist{
		height:150px;
	}
	.tq_title{
		text-align:left;
	}
	.riquadro_quadrante{
		float:none;
	}
}