@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

html, body {
	font-family: "Roboto Condensed";
	margin: 0;
	padding: 0;
	height: 100%;
}
hr {
	opacity: 0;
}
a {
	color: #006551;
}
body {
	background: #F7F7F3;
}
#badgeTimer {
	width: 115px;
}
.intestazione {
	margin-bottom: 30px;
	background: rgba(0,0,0,.05);
	padding: 30px 0;
}
.link_collegamento a {
	width: 30%;
	text-decoration: none;
	font-size: 18px;
	display: inline-block;
	padding: 15px 30px;
	background: #dedede;
	margin: 0 15px 15px 0;
}
.link_collegamento a.active {
	background: #006551;
	color: #fff;
}
.blank {
	min-height: 100%;
	padding: 60px 0;
}
.card_dipendente {
	padding: 30px 0;
	background: #fff;
	border-bottom: 1px solid #dedede;
	
}
.megabar {
	box-shadow: 0 0 20px rgba(0,0,0,.04);
	padding: 30px;
	border-radius: 20px;
	background: #fff;
	margin: 32px 0;
}

	.card_dipendente img {
		width: 100%;
		border-radius: 5px;
	}
	

ul#languages, ul#languages li {
	list-style-type: none;
	display: inline-block;
}
	ul#languages li a {
		color: #fff;
		font-size: 12px;
		text-decoration: none;
		display: block;
		margin: 0 10px;
	}
	ul#languages li a img {
		width: 30px;
	}
footer {
	clear: both;
	display: block;
	padding: 30px 0;
	width: 100%;
}
	footer p {
		font-size: 12px;
		color: #ddd; 
		
	}
	#languages_switcher {
		clear: both;
		display: block;
		width: 100%;
	}
	#show-password {
		border: 0;
		background: none;
		float: right;
		margin-top: -64px;
	}
	.bottone_invia {
		display: block;
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		border: 0 !important;
		background: #27ae60;
		border-radius: 5px;
		padding: 5px 0;
	}
	
    .navbar-brand img {
      height: 32px;
      margin-right: 8px;
    }
    .offcanvas-header {
      border-bottom: 1px solid #ddd;
    }
    .offcanvas-body a {
      margin-bottom: 0.5rem;
      font-weight: 500;
    }
  
.centered {
}
	.centered form {
		margin: 0 auto;
		max-width: 460px;
		background: #fff;
		border-radius: 10px;
		padding: 90px 60px 60px 60px;
		text-align: left;
		box-shadow: 0 0 30px rgba(0,0,0,.05); 
	}
	.centered label {
		color: #666;
		font-weight: 600;
		width: 100%;
		display: block;
	}
	.centered input {
		margin-bottom: 32px;
		box-shadow: 0 0 0 rgba(0,0,0,0) !important;
		border: 0 !important;
		border-radius: 0 !important;
		outline: none !important;
		border-bottom: 2px solid #dedede !important;
	}



/* Stile tabella coerente con il tuo tema */

table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  box-shadow: 0 0 15px rgba(0,0,0,0.05);
  border-radius: 10px;
  overflow: hidden;
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 30px;
}

table thead th {
  background: #006551;
  color: #fff;
  font-weight: 600;
  padding: 12px 15px;
  text-align: left;
}

table tbody tr:nth-child(odd) {
  background: #f7f7f3;
}

table tbody tr:hover {
  background: #e0f0e9;
}

table th, table td {
  padding: 12px 15px;
  border-bottom: 1px solid #dedede;
  vertical-align: middle;
  color: #333;
}

table th {
  width: 30%;
}