#tablePrice #tipoPosto { cursor:pointer;}
.numeroBiglietti { background: #D8D8D8;	}
#showPostoScelto { margin-top:20px}
.priceList + div { margin-top:12px;}
.priceList>div:first-child { margin-top:12px;}
hr.small-separator {   margin-top: 8px;   margin-bottom: 2px;}

/************** ANAGRAFICHE ***********************/

.showMappa { width: 100%;}
.stillWait {float: right; padding: 2px}

#checkprivacy {
	li {
	  padding: 0 0 0 22px;
	  text-indent: -22px;
	}
}

/************** BEST SEAT HTML *****************************/
.row.Prezzi:hover {
  filter: brightness(0.8); 
}

/************** SCELTA MANUALE HTML *****************************/
#mappaSettori.mappahtml,
.mappahtml.postiScelti,
.mappahtml.buttons {
	display:none;
  clear: both;
	max-width: 100%; 
}
#mappaSettori.mappahtml {
  font-size: 11px;
	position: relative; float: left; z-index:0;
	table { width: 100%; border-collapse: collapse}
    th { width:auto}
    th.fila, th.posto { color:#000; font-weight: bold; }
    th.fila { vertical-align: bottom; color:#000; font-weight: bold; width:16px;}
    th.fila span { bottom: 5px; left: -5px; position: absolute; top: auto; display: block; transform: rotate(-90deg);}
    th.nfila { width: 18px; padding: 0 2px;}
    th.posto { text-align: left; }
    th > div { height: 100%; width: 100%; position:relative}
    th > div > span { position: absolute; top: 0; left: 0; }
    
}
#mappaSettori.mappahtml > div {
	overflow-x: auto;
}
.mappahtml {
	th, td { color: #666666; height: 20px;}
    td.stato_L { border: 2px solid #FFF; background: #8ba73d; cursor: pointer;}
    td.stato_O { border: 2px solid #FFF; background: #c2beb2; /*cursor: not-allowed*/}
	td.stato_S { border: 2px solid #FFF; background: #005daa; cursor: pointer}
}
.mappahtml.istruzioni {
    display:none;
    width:520px; height: auto; overflow: hidden; margin-top: 38px;
    // float: right;
	.info { padding: 0 5px; font-size: 12px; }
	// > table { float: right}
    th { padding: 0 10px 6px 6px; }
    td.stato_L, td.stato_O, td.stato_S  { width: 15px; height: 20px;}
}
/* Small devices (tablets, 768px and up) */
@media (max-width: @screen-sm-min) { 
  .mappahtml.istruzioni { width:320px;}
	
}
.mappahtml.postiScelti {
	padding-top: 20px;
  table {border-collapse: separate; border-spacing:0; width: 99.5%; margin:2px auto }
  td {text-align: center; font-size: 16px; }
  th { font-size: 12px;}
  tr.sceltaposti td {text-align: center; font-size: 14px; }
}


.mappahtml.buttons {
	height: 25px; padding: @spaziaturaElementi 0; font-size: 11px; 
    #btnMappa {float: left; position: relative}
	#btnAcquista {float: right; position: relative}
}

.mappahtml.indicazioneCampo {
	text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

#loading {
    display: none;
    height: 100%; width: 100%;
    position: absolute; z-index:1000;
    background: rgba( 255, 255, 255, .8 ) 
                url('/wms_images/icons/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

// SCROLLBAR
.settore .__label:hover {
  filter: brightness(0.8); 
}

div::-webkit-scrollbar {
  height: 12px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #1a191a; 
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #373539; 
}

@media screen and (max-width: 400px) {
    .mappahtml.buttons>div {
        display: flex;
        flex-direction: column;
        align-items: center; 
    }
}

@media screen and (min-width: 401px) {
    .mappahtml.buttons>div {
        display: flex;
        flex-direction: row;
        justify-content: space-between; 
    }
}

/************************** ANAGRAFICA TDT *****************/


.CardImage {display:inline-block; position:relative; text-align:center}
.CardImage #photoPreview {
    width: 100px; height: 129px;
    padding: 0;
    position: absolute; top: 20px; left: 271px;
    background: #ffffff ;
    overflow: hidden;
}

#uploadButton { overflow: hidden; position: relative; width: 154px;}

#filePreview {padding: 10px 0; position: relative}
#file_upload { position:absolute; left:15px; top:0;  padding:0; margin:0; font: 25px monospace !important; cursor: pointer; z-index: 1; opacity: 0; width: 50%}
.uploadProgress { border: 1px solid #c5c5c5; height: 5px; width: 200px;}
.uploadBar { height: 100%; background: green; }
#fileData {display: inline-block}
.openCropModal { display: none; position: relative; margin-top: 15px;}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 
  .openCropModal { display: none; position: relative; margin-left: 10px;  margin-top: 0px;}
	
}