@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
body {
	background-color: #262626;
	color: white;
	font-family: 'Outfit', sans-serif;
    margin-bottom: 100px;

}
.gm-style{
    color:black;
}
canvas {
	padding: 10px;
	background-color: rgba(255,255,255,0.00);
}
	

@keyframes pulse {
  0% {
    background-color: #AB0002;
  }
  100% {
    background-color: #FF0004;
  }
}
.homebox{
	background-color: white;
	box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.7);
	width: 280px;
	height: 120px;
	display: block;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	padding: 20px;
	margin-bottom: 40px;
	border-radius: 4px;
	color: dimgray;
}
.flexcontainer-home {
	width: 79%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.landingpage{
	margin: auto; 
	vertical-align:middle; 
	height: 100%;
	padding-top: 150px;
}

.mainpage{
	margin: auto;
	/*width: 80%;*/
	/*margin-top: 40px;
	margin-bottom: 40px;*/
}

.nav {
	width: 95%; 
	margin: auto; 
	margin-top: 10px;
}

.nav ul{
	list-style: none;
	display: inline-block;
	width: 100%;
	background-color: black;
	-webkit-box-shadow: 20px 25px 71px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 20px 25px 71px 0px rgba(0,0,0,0.75);
	box-shadow: 20px 25px 71px 0px rgba(0,0,0,0.75);

}
.nav li{
	float: left;
	background-color: black;
	
}
.nav li{
	display: block;
	color: white;
	overflow: hidden;
	padding: 10px;
	margin-right: 2px;
}
.nav a{
	display: block;
	color: white;
	overflow: hidden;
	
}
.nav li:hover{
	background-color: rgba(45,44,44,1.00);
	
}
.submenu {
  display: none;
  position: absolute;
  background-color: rgba(255,255,255,1.00);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.submenu ul{
	list-style: none;
	display: inline-block;
	width: 100%;
	background-color: black;

}
.submenu li{
	background-color: black;
	
}
.submenu li{
	display: block;
	color: white;
	overflow: hidden;
	padding: 10px;
	margin-right: 2px;
}
.submenu a{
	display: block;
	color: black;
	overflow: hidden;
	
}
.submenu li:hover{
	background-color: rgba(45,44,44,1.00);
	
}
/*.list{
	width: 100%;
	max-width: 800px;
	margin: auto;
}
.list table, tr, th, td {
	border-collapse: collapse;
	margin: auto;
	text-align: center;
	padding: 5px;
}*/

.button1 {
	width: 150px;
	padding: 10px;
	color: white;
	background-color: orange;
	font-weight: bold;
	margin: auto;
	margin-bottom: 10px;
	text-decoration: none;
	display: block;
	text-align: center;
	
}
.form-button{
	width: 150px; 
	padding:10px;
	color: white; 
	text-align: center; 
	margin: auto; 
	margin-top: 10px;
}
@media only screen and (max-device-width: 1279px) {
  		navlabel {
    		display: none;
  		}
		/*.nav a:hover navlabel{
			display: inline;
		}*/
		.nav i,navlabel{
			font-size:60px;
		}
		.nav li{
			margin-right: 10px;
		}
		.nav ul{
			margin-top: 30px;
		}
		.action-tab i{
			font-size: 40px;
			padding: 10px;
		}
		.form-button{
			width: 90%; 
			padding: 50px;
			color: white; 
			text-align: center; 
			margin: auto; 
			margin-top: 80px;
			font-size: xx-large;
}
}
.box1{
	margin: 15px;
    width: 100%;
    min-height: 400px;
    background-color: rgb(0 0 0 / 9%);
    padding: 15px;
    box-shadow: 10px 10px 5px #0000004d;
}
.mezzo-tag-libero {
  background-color: #198754;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.mezzo-tag-libero::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #198754;
}
.mezzo-tag-occupato {
  background-color: #dc3545;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.mezzo-tag-occupato::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #dc3545;
}
.mezzo-tag-libero-exp {
  background-color: #addeb0;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.mezzo-tag-libero-exp::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #addeb0;
}
.mezzo-tag-occupato-exp {
  background-color: #deafad;
  border-radius: 8px;
  color: #FFFFFF;
  font-size: 14px;
  padding: 10px 15px;
  position: relative;
}

.mezzo-tag-occupato-exp::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translate(-50%, 0);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #deafad;
}