@charset "UTF-8";
/* CSS Document */

/*

colori
Blu 				#125090
Giallo  			#ffcb43
grigiochiaro     	#eeeeee

*/

body, html {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
}
a {
	text-decoration: none !important;
}

/*Animazione link*/
.anima {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.anima:hover {
  opacity: .6;

}

/*Zero Padding*/
.nopad {
	padding-left: 0;
	padding-right: 0;
}

/*Header*/
header {
	float: left;
	width: 100%;
	background-color: #eee;
	border-bottom: 10px solid #ffcb43;
	min-height: 100px;
	position: relative;
}
/*Menu*/
ul.menu {
	margin: 0;
	padding: 0;
}
.menumob {
	background-color: #ffcb43;
	color: #125090;
	text-align: center;
	font-size: 32px;
	font-weight: bolder;
	padding: 15px;
}
#modalmenu .modal-header {
	background-color: #ffcb43;
	color: #125090;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bolder;
}
#modalmenu .modal-body {
	background-color: #125090;
}
#modalmenu .modal-body a {
	background-color: #125090;
	color: #fff;
	font-family: 'Roboto Slab', sans-serif;
	font-weight: bolder;
	font-size: 32px;
	margin: 15px 0px;
	float: left;
	width: 100%;
	text-align: center;
}
#modalmenu .modal-body a:hover {
	background-color: #fff;
	color: #125090;
}
/*Logo*/

.logo {
	position: absolute;
	top: 0;
	right: 45px;
	left: 45px;
	z-index: 1000
}
/*article*/
article {
	float: left;
	position: relative;
	width: 100%;
	min-height: 650px;
}
article.fondo {
	background-image: url(../images/fondo.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
article.content {
	margin-top: 80px;
}

/*article*/
footer {
	float: left;
	width: 100%;
	min-height: 20px;
	background-color: #125090;
	padding: 10px 0px;
}
footer p {
	text-align: center;
	color: #fff;
	margin: 0px;
	font-size: 12px;
}
footer a, footer a:hover  {
	color: #ffcb43;
}

/* LOGIN */

.login {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.login h2 {
	background-color: #ffcb43;
	color:#125090;
	padding: 20px 15px;
	font-size: 21px;
	text-align: center;
	font-family: 'Roboto slab', sans-serif;
	text-transform: uppercase;
	font-weight: bolder;
	margin: 0;
}
.login .body {
	background-color: #fff;
	padding: 30px;
}
.login input {
	border: 0px;
	background-color: #eee;
	margin-bottom: 30px;
	border-radius: 0px;
	box-shadow: none;
	padding: 20px 15px;
}

.login button {
	background-color:#125090;
	color:#fff;
	padding: 10px 15px;
	font-family: 'Roboto slab', sans-serif;
	text-transform: uppercase;
	font-weight: bolder;
	border:0;
	border-radius: 0;
	font-size: 21px;
}

/*CLIENTI*/
.center {
	text-align: center;
}
.pagetitle {
	border-bottom: 2px solid #ffcb43;
	margin-bottom: 30px;
}
.pagetitle h1{
	font-family: 'Roboto slab', sans-serif;
	color:#125090;
}
.filter {
	margin-bottom: 30px;
}
.filter p {
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: bolder;
	color: #125090;
	text-transform: uppercase;
	font-family: 'Roboto slab', sans-serif;
}
.form-control {
	background-color: #eee;
	border: 0;
}
.table-responsive {
	border: 0;
}
.table-responsive th {
	color: #125090;
	font-family: 'Roboto slab', sans-serif;
}
.table-responsive select{
	padding: 0px 6px;
	font-size: 12px;
	line-height: 12px;
	height: 20px;
}
.table-responsive button{
	padding: 0px 6px;
	font-size: 12px;
	line-height: 12px;
	height: 20px;
	text-transform: uppercase;
}
.table-responsive a{
	color: black;
	margin-right: 10px;
	font-size: 12px;
	font-weight: bold;
}
.table-responsive a i{
	color: #125090;
	font-size: 14px;
}
.table-responsive td{
	line-height: 24px;
	}
.table > thead > tr > th {
	border-bottom: 4px solid #aaa;
}


button.first, button.first:hover  {
	background-color: #125090;
	color: #ffcb43;
	text-transform: uppercase;
}
button.second, button.second:hover  {
	background-color: #ffcb43;
	color: #125090;
	text-transform: uppercase;
}
.form button {
	width: 100%;
}

input.first, input.first:hover  {
	background-color: #125090;
	color: #ffcb43;
	text-transform: uppercase;
}
input.second, input.second:hover  {
	background-color: #ffcb43;
	color: #125090;
	text-transform: uppercase;
}

/*REPORT*/

.azienda {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
.azienda span {
	color: #125090;
}
.date {
	margin-bottom: 30px;
}
.date * {
	float: right !important;
	text-align: center;
}
.date h3 {
	font-weight: bold;
	margin-top: 0;
}
.date p {
	font-weight: bold;
	color: #125090;
	font-size: 18px;
}
.date button {
	background-color: #125090;
	color: #ffcb43
}

.btnattivita {
	width: 100%;
	margin-bottom: 30px;
}
.stripe1 {
	float: left;
	width: 100%;
	background-color: #125090;
	color: #fff;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 0;
}
.stripe2 {
	float: left;
	width: 100%;
	background-color: #ffcb43;
	color: #125090;
	text-align: center;
	padding: 5px 15px;
	margin-bottom: 0;
}

.form-group{
	min-height: 65px !important;
}

/*aggiunte 7.06*/
.giornaliero {
	color: #125090;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0;
	float: left;
	width: 100%;
}
.inserti {
	background-color: #ffcb43;
	color: #125090;
	text-align: center;
}
.tabin{
	background-color: #128D1B;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.tabout {
	background-color: #B8191C;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
}
.infrazione {
	margin: 15px 0px;
}
.infrazioni h3 {
	color:#125090;
}
.infrazioni > * {
	margin: 15px 0px;
}
.firma p {
	border-bottom: solid 1px black;
	padding-bottom: 40px;
	text-align: center;
	margin: 15px 0px;
}
.note {
	font-size: 10px;
}

/*Media Query*/

@media (min-width: 768px) {
	footer p:nth-child(1) {
		text-align: left;
	}
	footer p:nth-child(2) {
		text-align: right;
	}
	.azienda {
	text-align: left;
}
	.date h3, .date p {
	text-align: right;
}
  
}
@media (min-width: 992px) {
	/*Menu*/
	ul.menu li {
		list-style: none;
		line-height: 16px;
		font-size: 14px;
		margin: 30px 0px;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		
	}
	ul.menu li a{
		border-bottom: 0px solid #ffcb43;
	}
	ul.menu li a.active { 
		border-bottom: 2px solid #ffcb43;
	}
	ul.mright li {
		float: right;
		text-align: right;
		padding: 10px 0px 10px 20px;
	}
	ul.mleft li {
		float: left;
		text-align: left;
		padding: 10px 20px 10px 0px;
	}
	.filter p {
	font-size: 18px;
	}
}
@media (min-width: 1200px) {
	/*Menu*/
	ul.menu li {
		line-height: 18px;
		font-size: 16px;
	}
	ul.mright li {
		float: right;
		text-align: right;
		padding: 10px 0px 10px 20px;
	}
	ul.mleft li {
		float: left;
		text-align: left;
		padding: 10px 20px 10px 0px;
	}
}

/*esclusioni*/

@media (max-width: 767px) {
	.nomob {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.noipad {
		display: none !important;
	}
	.table-responsive a{
		white-space: nowrap;
	}
	
}
@media (min-width: 992px) {
  .nopc {
		display: none !important;
	}
}