body {
    
    font-size: 10px;
}

.ui-tabs-nav {
    background-color: white !important; /*To overwrite jquery-ui.css*/
    height: 30px;                        /*To stop nav block scaling of tab size*/
    border-color: white;

}




.checkbox input[type="checkbox"]:checked + label {
    border: 1px solid darkred;
    background: gray;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #000;
}



.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border: 1px solid #2B8788;
	background: #2B87C8;
	font-weight: normal;
	color: #FFF;

}
.ui-state-hover a {
	color: #0e4194;
	text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #FFF;
	text-decoration: unterline !important;
}

.ui-state-active a:visited {
	color: #FFF;
	text-decoration: none;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active, 
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding: 12px;
    border: 1px solid #1f6697 !important;
    font-size: 15px;
    margin-bottom: 30px;
    background: #2B87C8; 
}

.ui-tabs .ui-tabs-nav li {
    padding: 12px;
    border: 1px solid #e0e0e0 !important;
    font-size: 15px;
    margin-bottom: 30px;
}


@media only screen and (max-width: 600px) {
	.ui-tabs .ui-tabs-nav li.ui-state-active, 
	.ui-tabs .ui-tabs-nav li.ui-tabs-active,
	.ui-tabs .ui-tabs-nav li {
	    padding: 1px;
	    font-size: 11px;
	    margin-bottom: 1px;
	    margin-top: 1px;
	}
}





#tabs-1 .premessa, #tabs-2 .premessa, #tabs-3 .premessa, #tabs-4 .premessa {
    clear: both;
    font-size: 15px;
    margin-bottom: 30px;
    margin-top: 30px;
    line-height: 120%;
    text-align: center;
}

.bottone { clear: both; width: 100%;}


.labelbottom {
    display: inline-block;
    float:left;
    margin:2px;
    border: 2px solid #4792CC;
    border-radius: 6px;
    padding:4px 7px;
    text-align:center;
    font-size: 10px;
    color: #000;
}


.table_base {	
	width: 100%;margin: auto; border:0px; max-width: 1200px;
}


.table_tab {
	width: 100%;
	margin: auto; 
	border:0px; 
	max-width: 1200px; 
	font-size: 12px;
	border: 0;
}
.table_tab td2{
	border-left: 1px solid #ebebeb;
}

.table_result {	
	width: 100%; 
	max-width: 1200px; 
	padding: 4px; 
	margin: auto; 
	text-align: center;
}

.table_result td {
	text-align: center; 
	border-top: 1px solid lightgray;  
	border-bottom: 1px solid lightgray;
}

#results4 .table_result td {  width: 12.5%; }
@media only screen and (max-width: 701px) {
	#results4 .table_result td {  width: 25%; }
}


.table_result tr.intestazione {
	color: white; 
	font-size: 9px; 
	background-color: rgb(33,86,151); 
	margin-top: 5px; 
	margin-bottom: 2px;
	

}
.table_result td {
	text-align: center;
}

.tb_result_img {
	border-left: 1px solid lightgray; 
	border-top: 1px solid lightgray; 
	border-bottom: 1px solid lightgray; 
	text-align: center; 
	width: 120px; height: auto; 
	background-color: white;
	padding: 4px 0;
}
.tb_result_img img {
  max-width:80px;
  max-height:80px;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 600px) {
	.tb_result_img img {
  max-width:60px;
  max-height:60px;
  width: auto;
  height: auto;
	}
}


.table_tab legend { 
font-size: 12px;
margin-bottom: 3px;
font-weight: 600;
}






.tb_result_titolo {
	text-align: center; 
	border-top: 1px solid lightgray;  
	border-bottom: 1px solid lightgray; 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration:underline; 
	background-color: rgb(208,218,253);
	padding: 2px;
}




.ui-tabs .ui-tabs-nav li.ui-tabs-active a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
	width: 100%;
}

.ui-widget-header {background: none;}




.ui-tabs .ui-tabs-nav li 	{ width: 25%; text-align: center; margin: 0; }
.ui-tabs .ui-tabs-nav li.ui-state-active, .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin: 0px;}

@media only screen and (max-width: 700px) {
	
	.ui-tabs .ui-tabs-nav li  { 
		width: 50%; text-align: center; margin: 0;  font-size: 12;
	}
}


.ui-tabs .ui-tabs-nav li a 	{ width: 100%; }