@charset "utf-8";

/* Alb imp glo */
body {
	background-color: #fff;
	color: #000000;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: left;
}

.big-label {
	font-weight: bold;
	font-size: 1.2em;
	color: #333;
	margin-bottom: 0.5em;
}

.marginRight {
	margin-right: 1em;
}

/* sim aggiunto*/
a {
	color: #000;
}

.faColor {
	color: #333 !important;
}

.faColorDis {
	color: #AAA !important;
}

/* fine Alb imp glo */
/* Luca */
.has-error {
	border-color: rgba(204, 0, 0, 0.8) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
	/*si regola il colore dell'ombra*/
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
}

.has-error>ul>li>input {
	border-color: rgba(204, 0, 0, 0.8) !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
	/*si regola il colore dell'ombra*/
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(204, 0, 0, 0.6) !important;
}

.diffAmount {
	color: red;
}

.div-title {
	width: 40%;
	float: left;
}
/* Luca end */
/* ********************************** Alb css ********************************** */

/* Sticky footer styles
      -------------------------------------------------- */
html, body {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -60px;
}

/* Set the fixed height of the footer here */
#push, #footer {
	height: 60px;
}

#footer {
	background-color: #eee;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media ( max-width : 767px) {
	#footer {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* fine footer */
.btn {
	cursor: pointer !important;
}

.container {
	width: 90%;
}

#pannelliGlobali {
	width: 100%;
}

.autoHeight {
	height: auto !important;
}

.panel-centered {
	margin-top: 2em;
	border: solid 1px #ddd;
	padding: 2em;
	min-width: 190px;
	max-width: 375px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
}

.centered-span {
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: inline-block !important;
}

.float-left-el {
	float: left;
}

.float-right-el {
	float: right;
}

.centered-element {
	width: 100%;
	text-align: center;
}

/* Personalizzazione select ui */
.inputDate {
	background-color: #fff !important;
	cursor: pointer;
	width: 100px !important;
}

.inputFormDate {
	background-color: #fff !important;
	cursor: pointer;
	width: 164px !important;
}

.ui-select-container:ACTIVE {
	border-color: green;
}

.ui-select-container {
	display: inline;
	float: left;
}

.big-search .ui-select-toggle {
	background-color: #fff;
	border: 1px solid #ddd;
	height: 38px;
	line-height: 40px;
	width: 195px;
}

.big-search  .ui-select-search {
	height: 40px !important;
	line-height: 40px !important;
}

.small-search fieldset {
	margin-left: 0 !important;
	margin-bottom: 1em !important;
}

.small-search .ui-select-toggle {
	width: 195px;
	background-color: #fff;
	border: 1px solid #bbb;
	height: 18px;
	margin-bottom: 10px;
}

.ui-select-dropdown {
	text-align: left;
}

.btn-datepicker {
	margin-left: -4px;
	margin-bottom: 10px;
}

.big-search {
	padding-top: 0.5em;
	padding-bottom: 1em;
}

.big-search span {
	margin-right: 0.5em;
}

.big-search .control-label {
	height: 40px !important;
	line-height: 40px !important;
	font-weight: bold;
	float: none;
	display: inline-block;
	width: auto;
	margin-right: 15px;
}

.big-search .form-control {
	height: 40px !important;
	line-height: 40px !important;
	background-color: #fff;
	cursor: text;
}

.big-search .btn-datepicker {
	height: 50px !important;
	width: 50px !important;
	/*   	background-color: #8EC44A; */
	color: #333;
}

.big-search .btn-search {
	height: 50px !important;
	width: 50px !important;
	background-color: #8EC44A;
	color: #fff;
	float: right;
	margin-right: 27px;
}

.counter {
	font-size: 16px;
	margin-top: 0.5em;
	font-weight: bold;
}

/*Custom select2 */
.select2-result-single {
	padding-left: 0;
	margin: 0 !important;
}

/* navigation transit */
#summary-container {
	position: relative;
}

#centeredLogo {
	position: absolute;
	left: 43%;
	top: 220px;
}

#leftArrow {
	position: absolute;
	left: 0;
	top: 240px;
	color: #333;
	cursor: pointer;
}

#rigthArrow {
	position: absolute;
	top: 240px;
	right: 0;
	color: #333;
	cursor: pointer;
}

/* eng navigation */

/* navbar/////////////////////////////////////////////////////// */

/* navbar aggiunta alla parte navbar princ */
.nav-collapse .nav>li>a:hover, .nav-collapse .nav>li>a:focus,
	.nav-collapse
.dropdown-menu a:hover, .nav-collapse .dropdown-menu
a:focus {
	background-color: #888f9f !important;
}

/* fine navbar aggiunta alla parte navbar princ */
#imgUtNavbar {
	padding: 5px !important;
}

.navbar li {
	padding-left: 0.3em;
	padding-right: 0.3em;
}

.navbar .brand {
	padding: 0 !important;
	margin: 0 !important;
	color: #ffffff !important;
	display: block !important;
	float: left !important;
	font-size: 20px !important;
	font-weight: 200 !important;
	margin-left: 0 !important;
	text-shadow: 0 1px 0 #080808 !important;
	line-height: 50px;
}

/*imposta il colore di fondo di back del dropmenu*/
.dropdown-colored {
	background-color: #36465f !important;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .dropdown-submenu:hover>a,
	.dropdown-submenu:focus>a {
	color: #ffffff !important;
	text-decoration: none !important;
	background-image: -moz-linear-gradient(top, #888f9f, #888f9f) !important;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#888f9f),
		to(#888f9f)) !important;
	background-image: -webkit-linear-gradient(top, #888f9f, #888f9f)
		!important;
	background-image: -o-linear-gradient(top, #888f9f, #888f9f) !important;
	background-image: linear-gradient(to bottom, #888f9f, #888f9f)
		!important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888f9f',
		endColorstr='#888f9f', GradientType=0) !important;
}

/*.dropdown-menu > li > a:hover{
	background-color: #888f9f;
	}*/
.navbar .nav>li>a {
	color: #ffffff !important;
	float: none !important;
	padding: 15px !important;
	text-decoration: none !important;
	text-shadow: none !important;
}

.menuItem {
	padding: 10px !important;
	font-size: 0.8em !important;
}

/* da canc*/
/*a:hover {
    background-color: #888f9f !important;
}*/
a.naVsubItem {
	color: #fff !important;
}

}

/*fine navbar */

/* Table Accordion */
/* inizio override generico table accordion */
.table th, .table td {
	border-top: 0px solid #dddddd !important;
	vertical-align: middle !important;
}

/* in progress   */
tr#tblTktAttivi {
	
}

.table th, .table td, .tblTktAttivi {
	border-top: 1px solid #dddddd;
	line-height: 20px;
	padding: 8px;
	text-align: center;
	vertical-align: middle;
}

/* fine in progress    */
.table img {
	height: 80%;
}

.table td img {
	cursor: pointer;
}

/* fin override generico table accordion */

/* Table Accordion inizio css tut */
.content {
	width: 60%;
	margin: 50px auto;
	padding: 20px;
}

.content h1 {
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
}

.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
	margin: 0 0 20px;
}

.content p {
	font-size: 1em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0 0 20px;
}

.content p:last-child {
	margin: 0;
}

.content a.button {
	display: inline-block;
	padding: 10px 20px;
	background: #ff0;
	color: #000;
	text-decoration: none;
}

.content a.button:hover {
	background: #000;
	color: #ff0;
}

.content.title {
	position: relative;
	background: none;
	border: 2px dashed #333;
}

.content.title h1 span.demo {
	display: inline-block;
	font-size: .5em;
	padding: 5px 10px;
	background: #000;
	color: #fff;
	vertical-align: top;
	margin: 7px 0 0;
}

.content.title .back-to-article {
	position: absolute;
	bottom: -20px;
	left: 20px;
}

.content.title .back-to-article a {
	padding: 10px 20px;
	background: #f60;
	color: #fff;
	text-decoration: none;
}

.content.title .back-to-article a:hover {
	background: #f90;
}

.content.title .back-to-article a i {
	margin-left: 5px;
}

.content.white {
	background: #fff;
	box-shadow: 0 0 10px #999;
}

.content.black {
	background: #000;
}

.content.black p {
	color: #999;
}

.content.black p a {
	color: #08c;
}

.accordion-container {
	width: 100%;
	margin: 0 0 3px;
	clear: both;
}

.row-toggle td {
	padding: 10px;
	font-size: 1.5em;
	font-weight: 300;
	background: #548eb3 !important;
	color: #fff;
	text-decoration: none;
	border: none;
	border-bottom: solid 1px #fff;
	text-align: left;
}

.row-toggle.open {
	background: #548eb3;
	color: #fff;
}

.row-toggle:hover {
	background: #548eb3;
}

.accordion-content {
	display: none;
	padding: 0px;
	overflow: auto;
}

.accordion-content img {
	display: block;
	float: left;
	margin: 0 15px 10px 0;
	max-width: 100%;
	height: auto;
}

/* media query for mobile */
@media ( max-width : 767px) {
	.content {
		width: auto;
	}
	.accordion-content {
		padding: 0 0;
		overflow: inherit;
	}
} /* fine media query */

/* fine accordion table css tut */

/* Breadcrumb */
.breadcrumb {
	/* 	  font-size: 20px;
	  color: #000 !important;
	  font-style:italic;
	   */
	background-color: #fff !important;
	border-bottom: solid 1px #ddd;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.breadcrumb li {
	color: #000 !important;
	margin-left: 0.3em;
}

.breadcrumb>a {
	color: #000 !important;
	text-decoration: none !important;
	font-weight: bold !important;
}

a:hover {
	color: #8ec44a /*!important*/;
	text-decoration: none;
}

a:focus {
	color: #8ec44a /*!important*/;
	text-decoration: none;
}

/* Fine breadcrumb */

/* Disclaimer- vedere di utilizzare il componente di bootstrap  */
/*
.disclTable {
	border-width: none;
}

.backgroundDisclaimer {
	background-color: #c42e2f;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.backgroundDisclaimerContent {
	background-color: #e6e7eb;
	text-align: center;
	padding: 10px;
	font-style: italic;
}*/
/* Fine disclaimer */

/* Button */
.close {
	float: right;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	color: #000000;
	text-shadow: none !important;
	/* opacity: 0.2; */
	/* filter: alpha(opacity=20); */
}

button.close {
	padding: 0;
	cursor: pointer;
	background: none !important;
	border: 0;
	-webkit-appearance: none;
}

#btnEsclAnnulla {
	background-color: #8ec44a !important;
	color: #fff !important;
	font-size: 30px !important;
}

#btnEsclOK {
	background-color: #8ec44a !important;
	color: #fff !important;
	font-size: 30px !important;
}
/* Fine button */

/* Tabelle */
.plateCodeRow {
	height: 30px;
	background-color: #548eb3;
	border-bottom: 2px;
	border-bottom-color: white;
}

.plateCodeLeft {
	font-size: 20px;
	color: white;
	margin-top: 4px;
	margin-left: 1em;
	font-weight: bold;
}

.plateCodeLeft img {
	margin-right: 0.5em;
}

.plateCodeCenter {
	font-size: 19px;
	color: white;
	margin-top: 4px;
	text-align: center;
	font-weight: bold;
}

.plateCodeRight {
	margin-top: 4px;
	font-size: 19px;
	color: white;
	text-align: right;
	font-weight: bold;
	margin-right: 1em;
}

.overchargeRow td {
	background-color: #fad48b !important;
}

.captionText {
	font: caption;
	font-size: 35px;
}

/* titoli tabelle */
.divBtnContPagTrCons {
	margin-top: 5px;
}

.consDivTransiti {
	margin-left: 0;
}

.descriptionText {
	font-size: 35px;
	font-weight: bold;
	margin-top: 31px !important;
	line-height: 0 !important;
}

/*.descriptionText {
    font-size: 35px;
    font-weight: bold;
    margin-top: 31px !important;
    line-height: 0 !important;
}*/
.descriptionTextTicket {
	font-size: 35px;
	font-weight: bold;
	margin-top: 15px !important;
}

.descriptionTextStoric {
	font-size: 35px;
	font-weight: bold;
	margin-top: 18px !important;
	line-height: 25px !important;
}

.descriptionRiepTranCons {
	font-size: 35px;
	font-weight: bold;
	margin-top: 32px !important;
	line-height: 0 !important;
}

.descriptionTextOper {
	font-size: 35px;
	font-weight: bold;
	margin-top: 36px !important;
	line-height: 0 !important;
}
/* fine titoli tabelle  */
.captionTextColor {
	color: #8ec44a;
}

.tableHead {
	background-color: #555555;
	color: white;
}

/*.searchField {
	  margin-top: 22px;
}*/
.table-striped>tbody>tr:nth-child(odd)>td, tr.found {
	background-color: #ddeffb;
}
/* Fine tabelle */

/* **********************************  fine Alb css ******************************************   */
/* ******************************************************************* */
.alert-info {
	color: black;
	background-color: #d9edf7;
}

/*testata ticket attivi*/
#testataTicketAt {
	background-color: #555555;
	color: #fff;
}

/*testata storic pag*/
#testataStoricPag {
	background-color: #555555;
	color: #fff;
}

#testataStoricPag>tr>td {
	padding: 0 !important;
}

.btn-secondary {
	color: #000;
	background-color: #aeaeae
}

.btn-secondary:hover {
	color: #000;
	background-color: #999;
}

.btn-secondary:focus {
	color: #000;
	background-color: #999;
}

.btnReset {
	color: #000;
	margin-right: 0.5em;
}

.btnReset:focus, .btnReset:hover {
	background-color: #999999 !important;
	color: #000;
}

.btnReset.disabled:hover, .btnReset[disabled]:hover, .btnReset.disabled:focus,
	.btnReset[disabled]:focus {
	background-color: #c8c8c8 !important;
	color: #999999 !important;
	background-image: none;
	box-shadow: none;
	cursor: not-allowed !important;
	opacity: 0.65;
}

.btnLeft {
	float: left !important;
}

.btnGreen {
	background-color: #8ec44a !important;
	color: white !important;
	cursor: pointer;
}

.btnCerca {
	background-color: #8bc44a;
	color: #FFF;
	cursor: pointer;
}

.btnCerca.disabled:hover, .btnCerca[disabled]:hover, .btnCerca.disabled:focus,
	.btnCerca[disabled]:focus {
	background-color: #c8c8c8 !important;
	color: #999999 !important;
	background-image: none;
	box-shadow: none;
	cursor: not-allowed !important;
	opacity: 0.65;
}

.btnCerca:focus, .btnCerca:hover {
	background-color: #888f9f !important;
	color: #FFF;
}

/*proprieta boot. per cambiare sfondo tasto ricerca*/
.input-append .add-on, .input-prepend .add-on {
	background-color: #8bc44a !important;
}

/* font awesome  */
i.medium {
	font-size: 1.5em;
	color: #fff;
}

/* fin font awesome  */

/* customStyleSelectBox/////////////////////////////////////////////////////// */
.spazioDivSelPaeRicer {
	margin-top: 20px !important;
}

.styled-select select {
	width: 150px !important;
}
/*fine customStyleSelectBox  */

/* text input verde */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
	input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus,
	input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
	input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus,
	input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus,
	.uneditable-input:focus {
	/* si regola il colore il bordo*/
	border-color: rgba(140, 195, 72, 0.8) /*!important*/;
	/*  border-color: rgba(82, 168, 236, 0.8); */
	outline: 0 !important;
	outline: thin dotted\9 !important;
	/* IE6-9 */
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(140, 195, 72, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(140, 195, 72, 0.6);
	/*si regola il colore dell'ombra*/
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(140, 195, 72, 0.6);
}
/* fine text input verde */

/*******************************************************************************/
/*******************************************************************************/
/*************************    sito/ PUNTO VERDE web app   **********************/
/*******************************************************************************/
#accRegDx {
	margin-bottom: 0px;
	padding-top: 10px;
}

#pAccRegDx {
	float: right;
	font-size: 12px;
}

#inputRicerca {
	text-align: right;
}

#containerMod.container-fluid {
	padding-right: 0px;
	padding-left: 0px;
	*zoom: 1;
}

#containerModTestata.container-fluid {
	margin: 0 auto;
	width: 90%;
	background-color:;
}

.sfondoImgTestata {
	background-image: url(../img/bg-header.jpg);
	background-position: 470px 0;
	background-repeat: no-repeat;
}

#street {
	/*background-color: #36465e;*/
	background-color: #36465e;
	background-image: url(../img/bg-street.png);
	background-position: left center;
	background-repeat: repeat-x;
	height: 40px;
}

.clrePiedSeiBloc {
	background: #37465d;
	color: #fff;
}

.piedSeiBlocPadding {
	padding-top: 20px;
	padding-left: 20px
}

.piedeAplLogo {
	text-align: center;
	background: #eaeaea;
	padding: 20px 0;
}

.pSeiBlocPlus {
	font-size: 12px;
	font-weight: bold;
}

.pSeiBlocMinus {
	font-size: 10px;
}

.ubicaSfond {
	background-color: #232e40;
}

.ubicaPadd {
	padding: 10px;
}

.pFooter {
	font-size: 11px;
	background: #232e40 !important;
	vertical-align: middle !important;
	color: #FFF !important;
	float: left !important;
}

.pUbicaPadd {
	padding-left: 20px;
}

.pUbicaClrNomAz {
	color: #87a83f;
	font-weight: bold;
}

.imgSocial {
	display: table-cell;
	text-align: right;
}

/* ////////////////////////////////////////// OPERATORE PUNTO VERDE nav bar operatore   ///////////////////////////////////////////// */
#OpVNav.navbar {
	margin-bottom: 0;
	overflow: visible;
	background: #FFF;
	text-align: center;
}

.btn-navbar {
	margin: 10px !important;
}

#OpVColrMen.navbar-inner {
	background-color: #888f9f;
	background-repeat: repeat-x;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
	min-height: 28px;
	padding-left: 20px;
	padding-right: 20px;
}

/*  fine operatore punto verde navbar */
.azure {
	background-color: #ddeffb !important;
}

.top-summaryPlus {
	margin-top: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
	position: relative;
}

.top-summary {
	margin-top: 1.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1em;
	position: relative;
}

.top-summary i {
	position: absolute;
	bottom: 5px;
}

.clickable {
	cursor: pointer;
}

td.clickable  {
	  text-decoration: underline;
}

.notClickable {
	cursor: not-allowed !important;
}

.table-noborder td {
	border-top: 0px !important;
}

.containerValidation {
	width: 53% !important;
}

.bigSize {
	width: auto !important;
}

.dialog {
	background-color: #333333;
	text-align: left !important;
}

.dialogTxt {
	color: #fff;
	font-size: 18px;
}

.row-fluidNM [class*="span"] {
	margin-left: 0 !important;
}

/*JAP BOX*/

.access-box {
	display: inline-block;
  width: 300px;
  height: 300px;
  background-color: #ddd;
  margin-right: 2em;
  text-align: center;
}

.box-header {
	font-size: 1.5em;
	background-color: #8EC44A;
	border: solid 2px #fff;
	padding-top: 0.5em;
	margin-bottom: 2px;
	color: white;
	padding-bottom: 0.5em;
	box-shadow: 0 0 0 2px #8EC44A;
	width: 292px;
	margin-left: auto;
	margin-right: auto;
}

.access-box .btnGreen {
	margin-top: 2em;
	font-size: 1.5em;
}

.fake-input {
	display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    vertical-align: middle;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    width: 226px;
}

.transit-around {
	color: white;
	background-color: #548eb3;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	line-height: 32px;
}

.transit-around .end-side {
	display: flex;
	flex-direction: row;
	gap: 10px;
	align-items: center;
}

.date-input {
	display: flex;
	flex-wrap: nowrap;
	padding-right: 0.5rem;
}

.date-input input {
	flex-shrink: 1;
}