.pointer{
    cursor: pointer;
}

.logo {
	/*margin-top: 10px;*/
}

.name {
	color: #0057a3;
}

.back {
	margin-top: 10px;
}

.info {
	margin-bottom: 10px;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.force-wrap {
	white-space: normal !important;
}

/*
HEADERS
*/

.main-header {
    background-color: #fabb08;
    border-radius: 0px 0px 5px 5px;
    border-bottom: 10px solid #0057a3 ;

}

.secondary-header {
    margin: 0px;
    border-bottom: 0px solid #eee;
    color: #0057a3;
}

.glyphicon.glyphicon-menu-left  {
    font-size: 30px;
    color: #0057a3;
}

.main-menu {
	margin-top: 10px;
}

/*.main-menu>div {
	margin-bottom: 10px;
}*/

.macrofunction > a > button, .subfunction {
    margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .main-menu div button{
  	min-height: 80px;
  }
}

@media (max-width: 1200px) {
	.main-menu div button{
		min-height: 110px;
	}
}

@media (max-width: 1000px) {
	.main-menu div button{
		min-height: 125px;
	}
}


.logo {
	margin-left: 10px;
}




/*
LIST VIEW
*/

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-item:last-child {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.title-item {
    color: #004b95 !important;
}

.subtitle-item {
    color: #2975c0;
}

.glyphicon.glyphicon-menu-right  {
    font-size: 30px;
    color: #fabb08;
}

.glyphicon-yellow {
	color: #337ab7 !important;
}

/*
AREA DI CALCOLO
*/
.area-calcolo {
    margin-top: 10px;
}

/*
AREA DI INPUT
*/
.area-input {
    color: #2975c0;
    border-top: 1px solid;
    /*
    border-radius: 25px;
    border: 2px solid #0057a3;
    padding: 20px;
    */
}

.no-border{
    border-top: 0px;
}

select>option{
    color: #2975c0;
}

.area-alternata-1 {
    background-color: #F0F0F0;
}
.area-alternata-2 {
    /*background-color: #F8F8F8;*/
    background-color: #fff;
}

/*
AREA RISULTATI
*/
.area-risultati-lav-elettr-sotto-tens-dpi,
.area-risultati-lav-elettr-sotto-tens-tipologia, 
.area-risultati-lav-elettr-sotto-tens-quadro,
.area-risultati-cartellonistica-forme-e-colori,
.area-risultati-cartellonistica-dove-metterli,
.area-risultati-prese-spina-luoghi-rischio-incendio,
.area-risultati-prese-spina-cantieri,
.area-risultati-prese-spina-atex-zona-2,
.area-risultati-prese-spina-atex-zona-21-22,
.area-risultati-prese-spina-aree-aperte,
.area-risultati-prese-spina-navali,
.area-risultati-prese-spina-gallerie-tunnel,
.area-risultati-collegamento-terra, 
.area-risultati-comandi-emergenza-vvff {
	margin-top: 10px;
    margin-bottom: 50px;
    border-radius: 25px;
    border: 2px solid #004b95;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.area-risultati-prese-spina-cantieri, 
.area-risultati-prese-spina-atex-zona-2,
.area-risultati-prese-spina-atex-zona-21-22, 
.area-risultati-prese-spina-aree-aperte,
.area-risultati-prese-spina-navali,
.area-risultati-prese-spina-gallerie-tunnel,
.area-risultati-collegamento-terra, 
.area-risultati-comandi-emergenza-vvff {
	width: 98%;
}

.area-risultati-collegamento-terra h3 { font-size: 35px; }
.area-risultati-collegamento-terra { font-size: 25px; }
.area-risultati-collegamento-terra .risultato { color: #000; }
.area-risultati-collegamento-terra .post-risultato { color: #000; }

.area-risultati {
    margin-top: 10px;
    border-radius: 25px;
    border: 2px solid #004b95;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.area-risultati .titolo {
    color: #004b95;
}

.area-risultati .titolo-val-risultato {
    font-size: 20px;
    color: #004b95;
    font-style: italic;
}

.area-risultati .content {
    font-size: 30px;
    color: #228b22;
}

.area-risultati .no-result {
    font-size: 30px;
    color: #800000;
}

.area-risultati .note {
	font-size: 10px;
	color: #004b95;
    font-style: italic;
}

.area-risultati .note-risultato {
	font-size: 15px;
    font-style: italic;
}

.area-risultati .note-in-evidenza {
	font-size: 15px;
	color: #004b95;
    font-style: italic;
}

#crit_cavi_ambiente_accordion h3 {
	text-decoration: underline;
}

.esito-negativo {
	font-size: 15px;
	color: #800000;
    font-style: italic;
}

.esito-positivo {
	font-size: 15px;
	color: #228b22;
    font-style: italic;
}

.esito-incerto {
	font-size: 15px;
	color: #ed9100;
    font-style: italic;
}

.sottosezione-titolo {
	text-decoration: underline;
}

.simbolo-cavo {
	font-size: 15px;
	color: #228b22;
	font-weight: bold;
}

.btn-primary-yellow {
	font-weight: bold;
	color: #337ab7;
    text-shadow: 0.5px 0.5px #000;
    background-color: #fabb08;
    border-color: #d19c04;
    min-height: 150px !important;
}

.btn-primary-yellow:focus,
.btn-primary-yellow.focus {
	color: #337ab7;
	background-color: #d19c04;
	border-color: #d19c04;
}
.btn-primary-yellow:hover {
	color: #337ab7;
	background-color: #d19c04;
	border-color: #d19c04;
}
.btn-primary-yellow:active,
.btn-primary-yellow.active {
  color: #337ab7 !important;
  background-color: #ad8104 !important;
  border-color: #d19c04 !important;
}

.alert-important-message {
  background-image: -webkit-linear-gradient(top, #ffff4d 0%, #ffff00 100%);
  background-image:      -o-linear-gradient(top, #ffff4d 0%, #ffff00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffff4d), to(#ffff00));
  background-image:         linear-gradient(to bottom, #ffff4d 0%, #ffff00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff4d', endColorstr='#ffff00', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b3b300;
  color: red;
  text-align: center;
  font-size: 20px;
}

.btn-primary-macrofunction {
	font-weight: bold;
	color: #1f497d;
    text-shadow: 0.5px 0.5px #000;
    background-color: #e3e3e1;
    border-color: #9ca0a3;
    min-height: 150px !important;
}

.btn-primary-macrofunction:focus,
.btn-primary-macrofunction.focus {
	color: #1f497d;
	background-color: #9ca0a3;
	border-color: #9ca0a3;
}
.btn-primary-macrofunction:hover {
	color: #1f497d;
	background-color: #9ca0a3;
	border-color: #9ca0a3;
}
.btn-primary-macrofunction:active,
.btn-primary-macrofunction.active {
  color: #1f497d !important;
  background-color: #75797a !important;
  border-color: #9ca0a3 !important;
}

.subfunction-text {
    text-shadow: 0.5px 0.5px #000;
}

/* PRELOADER */
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../img/preloader.gif) center no-repeat #fff;
}

.separatore-lampada td {
    border-bottom:1pt solid black;
}

.immagine-lampada {
    text-align:center;
    vertical-align:middle;
    border-bottom:1pt solid black;
    background-color: #fff;
}

.macrofunction {
    margin-top: 0px !important;
}

.circuito-aggiuntivo {
    border-top: 1px solid #d3d3d3;
    padding-top:5px;
    padding-bottom:5px;
    marging-top:5px;
    margin-bottom:5px;
}


.table-cpr {
    border: 1px solid black;
    border-collapse: collapse;
}

.table-cpr tr td {
    border: 1px solid black;
}

.table-cpr td {
    text-align: center;
    vertical-align: middle;
}

.table-cpr thead {
    font-weight: bold;
}

.nowrap {
    white-space: nowrap;
}

.nota{
    font-style: italic;
}

.custom-checkbox {
    width: 20px;
    height: 20px;
}

.separatore {
    border-bottom: 2px solid;
}

.nuovo {
    font-size: 15px;
    color: #800000;
    font-weight: bold;
}

table tr td.immagine img {
    width: 200px;
    height: 200px;
}

table tr td.immagine-grande img {
    width: 60%;
    height: 60%;
}

table tr td.allineamento-orizzontale {
    text-align: center;
}

table tr td.allineamento-verticale {
    vertical-align: middle;
}

.text-left {
	text-align: left;
}

.border-yes {
    border: 1pt solid #ccc;
}

.border-yes table tr td {
    padding: 25px;
}

.cartellonistica table tr td { background-color: #fff; }
.prese-spina table tr td { background-color: #fff; text-align: left;}

#cartellonistica_distanza .bottoni-calcolo .text-center button { margin-top: 20px; }

table.tabella_info_prese_a_spina th { text-align: center; background-color: #fff; padding: 10px; border: 1pt solid #000; }
table.tabella_info_prese_a_spina td { text-align: center; background-color: #fff; padding: 10px; border: 1pt solid #000; }
table.tabella_info_prese_a_spina td div { margin: auto; height: 20px; width: 50px; }

#prese_spina_luoghi_rischio_incendio h3 { text-align: center; }
#prese_spina_cantieri h3 { text-align: center; }
#prese_spina_atex_zona_2 h3 { text-align: center; }
#prese_spina_atex_zona_21_22 h3 { text-align: center; }
#prese_spina_aree_aperte h3 { text-align: center; }
#prese_spina_navali h3 { text-align: center; }
#prese_spina_gallerie_tunnel h3 { text-align: center; }

.ver_man_esplosioni_verifiche_periodiche_atex_table td { padding: 10px; border: 1pt solid #000; }

.ver_man_esplosioni_verifiche_periodiche_atex_table tr.title { background-color: #cccccc36; }

.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:1px solid #666666;
    width: 80%!important;
    height: 50%;
    left: 10%;
    top: 0;    
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
 visibility:hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility:visible;
}

.btn-transparent {
	border: 0pt;
	background-color: transparent;
}

img.preview-prese-a-spina,
img.preview-cantieri,
img.preview-atex-zona-2,
img.preview-porti-moli,
img.preview-navali,
img.preview-gallerie-tunnel {
	width: 400px;
}

.titolo-risultati {
	margin-bottom: 20px;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 35px;	
}

.sub-note {
  font-size: 18px;  
}

#diametro_ext_max_cavo {
	display: none;
}

.resize-img-uso-capicorda {
	width: 40%;
} 

.img-allineate { padding-right: 40px; }

/*#potenza_rif_impianto .vertical-align-month { margin-top: 25px; }*/

#potenza_rif_impianto .month-group label { display: none; }

#rifasamento .vertical-align-month { margin-top: 35px; } 
.testo-verde {color: green;}
.testo-blu {color: blue;}

.titolo-idonei { display: none; }
.titolo-idonei h3 { color: green; font-weight: bold; font-size: 30px; }
.titolo-ridondanti  {display: none; }
.titolo-ridondanti  h3 { color: blue; font-weight: bold; font-size: 30px; }
/*
.content-idonei {display: none; }
.content-ridondanti  {display: none; }
*/