body{
			font: "Trebuchet MS", sans-serif;
			font-family: Montserrat,sans-serif;
			
		}
		
		body.normal {
			font-size: 100%;	
		}
		body.medium {
			font-size: 86%;	
		}
		body.large {
			font-size: 95%;
		}
		
		
		.demoHeaders {
			margin-top: 2em;
		}
		#dialog-link {
			padding: .4em 1em .4em 20px;
			text-decoration: none;
			position: relative;
		}
		#dialog-link span.ui-icon {
			margin: 0 5px 0 0;
			position: absolute;
			left: .2em;
			top: 50%;
			margin-top: -8px;
		}
		#icons {
			margin: 0;
			padding: 0;
		}
		#icons li {
			margin: 2px;
			position: relative;
			padding: 4px 0;
			cursor: pointer;
			float: left;
			list-style: none;
		}
		#icons span.ui-icon {
			float: left;
			margin: 0 4px;
		}
		.fakewindowcontain .ui-widget-overlay {
			position: absolute;
		}
		select {
			width: 300px;
		}
		.smallSelect {
			width: 100px;			
		}
		
		.browsing {
			display:inline-block;			
			border-radius: 4px;
			/*padding: 2px 5px;*/ 		    		
    		/*border: 1px solid #0c4c7c;*/    		
			right: 170px;
    		
    	
			
		}

/*		
		#headerCluster {
        	position: fixed;
        	top: 0; left: 0;
        	margin: 0; padding: 0;
        	width: 100%; height: 140px;
        	min-width: 1200px;
        	background-color: #6088AC;
			background-size: 1200px 140px;
        	z-index: 2;
        }
*/        
	
		
		.linkToOS{			
			text-align: right;
			height: 30px;
			color: #274B6B;
			font-weight: bold;
								
		}
		
		a.linkToOS{
			text-decoration: none;
		}
		
		a.linkToOS:hover {
			text-decoration: underline;
		}
		
		
		.linkCluster {
			color: black;
		}
		
		.blu {
			color: #274B6B;
		}
			
		.title_style {
			font-family: arial,sans-serif; 
			font-size: 120%;
		}
		
		.top {
			vertical-align: top;
		}
			
		.border-table {
			border-collapse: collapse; 
			border-bottom: 1px solid #B6B6B6;
		}
		
		.border-row {
			border-bottom: 1px solid #B6B6B6;
		}
		.titles {
			color: #881C1A;
		}
		tr {
			height: 30px;
		}
		.checkbox {				
			clip: rect(1px, 1px, 1px, 1px);
		}
		.marginClass {
			margin-left: 8px;
		}
		img{
			vertical-align: middle;
			
		}
		br {
			margin-bottom: 10px;
		}            	
        .btn {
        	color: #FFF;
            background-color: #337AB7;
            border-color: #2E6DA4;
            display: inline-block;
			padding: 3px 6px;
            margin-bottom: 0px;
            font-size: 12px;
            font-weight: 400;
            height: 28px;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -moz-user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }      
		
		#segnalationDiv {
			display:none;
		}
		
		#searchDiv {
			display:none;
		}
		
		.topZero {
			top:0px;
		}
		.exportTitleDiv {
			display:none;
			background-color: #FFF;
			/*
    		border-radius: 20px;    		    		
    		border: 1px solid #0c4c7c;	
			
			border:1px solid #316796; 
			width:150px; 
			margin:1px; 
			padding:1px; 
			text-align:left; 
			color: #316796;
			font-weight:bold;
			*/
		}
		
		
		.exportTitleDiv a, .exportTitleDiv .titles {
			color: #0c4c7c;
		}
		
		.exportChild {
			background:#316796; 
			height:20px; 
			color:white;
			border-radius: 20px;    
		}
		
		.cursorPointer {
			cursor:pointer;
		}
		.marginTopValue {
			margin-top: 25px;
		}
		.fontCustomSize {
			font-size: 1.1em;
		}
		
		.input-text {
			width: 100%;
		}
		
		.toOs {
			
			right: 20px;
			margin-top: 3px;
		}
		
		.searchCluster {
		
			right: 20px;
			
			margin: 10px;
			width: 100%;
		}
		.photo {
			/*border-radius: 60%;*/
			border: 1px solid #767676;
			margin: auto;		
       		bottom: 0;	
		}
		
		.circle {
		    width: 140px;
		    height: 140px;
		    background: white;
		    border-radius: 50%;
		    border: 5px solid #0c4c7c;		    
    		margin: auto;
    		position: relative;
		}
		
		.boxRect{
			background-color: #FFF;
    		border-radius: 10px;
    		padding: 10px;    		
    		border: 1px solid #767676;	
    		
		}
		.centered {
			margin: 0 auto;
			text-align: center;		
		}
		
		
		
		.boxRect a {
			color: #0c4c7c;
		}
		
		
		
		.darkBlue {
			background-color: #074e8b;
		}
		
		.lightBlue {
			background-color: #70a6d4;
		}
		
		.btnNoColor {
		
        	color: #FFF;            
            border-color: #2E6DA4;
            display: inline-block;
			padding: 3px 6px;
            margin-bottom: 0px;
            font-size: 12px;
            font-weight: 400;
            line-height: 1.42857;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            -moz-user-select: none;
            background-image: none;
            border: 1px solid transparent;
            border-radius: 4px;
        }      
		
		
		
		
		
		
		.ui-accordion .ui-accordion-header {
		    display: block;
		    cursor: pointer;
		    position: relative;
		    margin: 2px 0px 0px;
		    padding: 0.5em 0.5em 0.5em 0.7em;
		    min-height: 0px;
		    font-size: 100%;
		}
		
		
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		   	height: 25px;
			background: #FFF;
		    font-weight: normal;
		    color: rgb(0, 0, 0);
		    border:0;
		    width:100%;
		}
		.oneRowAdvancedSearch .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		   	height: 28px;
		   	padding-bottom: 28px;
			background: #FFF;
		    font-weight: normal;
		    color: rgb(0, 0, 0);
		    border:1px solid #767676;
		    width:100%;
		}

		
		h3 {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		}
		
		.ui-widget-content {
		    
		    background: #FFF;
		    color: #222;
		    border:0px;

		}
		
		
		.right {
			float: right;
		}
				
		.onLine {
			display: inline-block;
		}
		
		.imgCentered {
			position: absolute;
		    margin: auto;		   
		    left: 0;
		    right: 0;
		    bottom: 0;
		}
		
		
		.marginMedium {
			margin-bottom: 7px;
		}
		
		.attrName {
			display: inline-block;
			clear: left;
			float: left;
			width: 7em;
		}
		.attrValue {
			display: block;
			margin-left: 7em;
		}
		
		.line {
			top: 50px;
			overflow: hidden;
		}
		
		@media (max-width: 1050px) {
  			.line {
   				 display: none !important;
 			 }
		}
		
		.rightMargin {
			margin-right: 8px;
		}
		
		.leftMargin {
			margin-left: 8px;
		}
	
		.transparent {
			 opacity: 0;
	   		 filter: alpha(opacity=0); /* For IE8 and earlier */
		}
		
		.titleBox {
			height: 36px;
			overflow: hidden; /* in realtà mi copre anche l'overflow in larghezza!*/		
		}
		
		.titleBox:hover {
			height: 100%;	
			min-height: 36px;		
    		-moz-transition: height 0.8s ease-in-out;
    		-webkit-transition: height 0.8s ease-in-out;
    		-o-transition: height 0.8s ease-in-out;    		
    		-ms-transition: height 0.8s ease-in-out;
    		transition: height 0.8s ease-in-out;
		}
		
		.titleBoxShow {
			height: 100%;	
			min-height: 36px;		
    		-moz-transition: height 1s ease-in-out;
    		-webkit-transition: height 1s ease-in-out;
    		-o-transition: height 1s ease-in-out;    		
    		-ms-transition: height 1s ease-in-out;
    		transition: height 1s ease-in-out;
		}
		
		.more {
			display: none;
		}
		
				
		.minButton {
			min-width: 150px;
		}
		
		
		
		.minButtonSmaller {
			min-width: 80px;
		}
		
		.collapse{
			position: static;
		}
		
		.iconHeader {
			vertical-align: baseline;
			margin-left: 3px;
			margin-right: 3px;
		}
		
		.marginHeader{
			margin-left: 20px;
		}
		

		.absoluteTop {
			position: absolute;
			top: 107px;
		}
		
		.homepageText {
			color: #504a4a;
		}
		
		.hrHomepage {
			color: #504a4a;
			margin-top: -10px;
		}
		.phantomDiv {
			display: none;
		}
		
		.otherFormCol1{
			width: 11%;
			padding-left: 3px;
  			padding-right: 3px;
		}
		
		.otherFormCol2{
			width: 12%;
			padding-left: 3px;
  			padding-right: 3px;
		}
		
		.otherFormCol3{
			
			padding-left: 3px;
  			padding-right: 3px;
  			margin-top: 2px;
		}
		
		
		.arrow {
			border-radius: 50%;
			width: 18px;
			height: 18px;
			color: white;
			background-color: #7a9db9;;
			display: inline-block;
			cursor: pointer;
		}
		
		#breadcrumbs{
			height: 1px;
		}
		
		
		/*---------------PERSONALIZZATE---------------*/
		
		.header-text{
			color: #274B6B;;
		}
		
		.titles {
			margin-left: 12px;
		}
	
	/* --- jquery ui arrow accordion  ---*/		
		
		
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-highlight .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}
.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-widget {
    font-family: Montserrat,sans-serif;
}

/* --- END jquery ui arrow accordion  ---*/

.dot {
	height: 15px;
	width: 15px;	
	border-radius: 50%;
	display: none;
}

.orange {
	background-color: #f68169;
}

.green {
	background-color: #60bd6e;
}