.ui-state-highlight{
        border:1px solid #d3d3d3/*{borderColorDefault}*/ !important;
        background:#f6f6f6/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/!important;
    }
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
        border:1px solid #aaaaaa/*{borderColorActive}*/ !important;
        background:#fed22f/*{bgColorActive}*/ url(images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/!important;
        color:#4a6ca8 !important;

    }
	
	.modal-header{
		padding: 0px 0px 0px 17px;
	}
	.modal-90percent{
		width:90%;
		height:90%;
	}
	.modal-content{
		height:99%;
	}
	#modal-directory-body{
		height:85%;
	}

	
	td, th {
		border-style: solid;
		padding: 0px 5px;
	}
	td {
		
		border-width: 1px;
		padding: 0px 5px;
	}
	.pointme{
		cursor:pointer;
	}
	
	.checkbox-label{
		margin-left: 10px;
		font-weight: normal;
		max-width: 90%;
		vertical-align: middle;
	}
	
	.btn-rai{
		border-radius: 0px;
		background-color: #2e3b42;
		border-color: #2e3b42;
		color:#fff;
	}
	.btn-rai:hover{
		color:#fff;
		background-color: #5d6d75;
		border-color: #5d6d75;
	}
	body{
		font-family: "Open Sans", Helvetica, Arial, sans-serif;
		font-weight: normal;
		line-height: 1.5;
		color: #0a0a0a;
		margin: 0;
		background: #ebebeb repeat-x;
	}
	.sub-head-spacer {
		width: 100%;
		height: 3px;
		background: rgb(14 0 87);
	}
	h1, h2, h3{
		text-align: center;
		text-rendering: optimizeLegibility;
		margin-top: 2.5rem;
		margin-bottom: 2.5rem;
		color: #626c71;
	}
	h1{
		font-size: 3rem;
		
	}
	h2{
		line-height: 1.4;
		font-weight: lighter;
		font-size: 2.5rem;
	}
	h3{
		line-height: 1.4;
		font-weight: normal;
		font-size: 2rem;
	}

	input[type="file"] {
      display: none;
    }

    .upload-label {
      display: inline-block;
      padding: 10px;
      border: 2px dashed #666;
      border-radius: 10px;
      cursor: pointer;
      text-align: center;
      width: 100px;
      height: 100px;
      background-color: #f0f0f0;
    }

    .upload-label:hover {
      background-color: #e0e0e0;
    }

    .upload-label img {
      width: 40px;
      height: 40px;
    }
	@media screen 
	  and (-webkit-min-device-pixel-ratio: 3) { 
		body{
			font-size:35px;
		}
		.form-control {
			height:50px;
			font-size:35px;
		}
		.btn{
			font-size:35px;
			margin-top:20px;			
			margin-bottom:80px;			
		}
	}
	@media screen 
	  and (max-device-width: 700px) { 
		body{
			font-size:35px;
		}
		.form-control {
			height:50px;
			font-size:35px;
		}
		.btn{
			font-size:35px;
			margin-top:20px;			
			margin-bottom:80px;			
		}
		#input-fields-container{
			font-size: 22px;
		}
		.input-md{
			font-size: 22px;
		}
		.form-control{
			font-size: 22px;
		}
	}
	
	
	
	#videoIframe {
		width: 100%;
		height: 100%;
		min-height: 600px;  /* oppure usa vh se vuoi farlo più alto */
		border: none;
	}

	#videoModal .modal-body {
		padding: 0;
		height: 80vh; /* esempio: 80% dell'altezza della finestra */
	}

	#videoModal .modal-dialog {
		width: 98%;
		max-width: 1400px;
	}

	#videoModal .modal-body {
		height: 85vh;
		padding: 0;
	}

	#videoIframe {
		width: 100%;
		height: 100%;
		border: none;
	}