.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:17px;
		}
		.form-control {
			height:30px;
			font-size:17px;
		}
		.btn{
			font-size:17px;
			margin-top:10px;			
			margin-bottom:40px;			
		}
	}
	@media screen 
	  and (max-device-width: 700px) { 
		body{
			font-size:17px;
		}
		.form-control {
			height:30px;
			font-size:17px;
		}
		.btn{
			font-size:17px;
			margin-top:10px;			
			margin-bottom:40px;			
		}
		#input-fields-container{
			font-size: 11px;
		}
		.input-md{
			font-size: 11px;
		}
		.form-control{
			font-size: 11px;
		}
	}
	
	#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;
	}
	
	
	/* scopo: isolare il box partner e impedire che il suo contenuto "esca" e colori il resto */
	.partner-box {
		border: 2px solid #cc0033;      /* bordo rosso */
		/*background: #ffe6eb;*/          /* sfondo rosa */
		background: #F4F4F4;           
		padding: 20px;
		border-radius: 10px;
		box-shadow: 0 0 8px rgba(204,0,51,0.2);
		position: relative;            /* crea contesto per figli posizionati */
		z-index: 1;                    /* porta il box sopra eventuali elementi sottostanti */
		isolation: isolate;            /* forza nuovo stacking context (isola blending/z-index). */
		overflow: hidden;              /* taglia i figli che escono dal box (evita "fuoriuscite") */
		box-sizing: border-box;
		max-width: 100%;
	}
	
	/* stile del titolo */
	.partner-title {
		color: #cc0033;
		margin-top: 0;
	}

	.san-valentino-label {
		display: flex;
		align-items: center;
		gap: 10px;
		padding: 15px 20px;
		border: 2px solid #cc0033;
		/*background: #ffe6eb;*/
		background: #F2F2F2;
		border-radius: 12px;
		cursor: pointer;
		font-size: 20px;
		font-weight: 600;
		color: #cc0033;
		box-shadow: 0 0 8px rgba(204,0,51,0.2);
		transition: 0.2s ease;
	}

	.san-valentino-label:hover {
		/*background: #ffd6e0;*/
		background: #E6E6E6;
		box-shadow: 0 0 12px rgba(204,0,51,0.3);
	}

	.san-valentino-label input[type="checkbox"] {
		width: 24px;
		height: 24px;
		transform: scale(1.2);
		cursor: pointer;
	}

	.san-valentino-label .txt {
		user-select: none;
	}