/* =========================================================
   ENI AWARD - eniaward-all.css
   Foglio di stile unico: sostituisce i 4 file separati
   (dsstudio.css + lightview.css + prototip.css + eni-modern.css)
   con un solo file, nello stesso ordine di cascata di prima.
   Contenuto invariato dei primi 3 file storici (solo incollati
   uno dopo l'altro), + il restyle moderno in coda cosi' vince
   sempre lui per ultimo. Nessun file .css storico e' stato
   cancellato: restano al loro posto, semplicemente non vengono
   piu' linkati dalle pagine.
   ========================================================= */

/* =========================================================
   SORGENTE 1/4: dsstudio.css (invariato)
   ========================================================= */
#contenitoreesterno{
    margin-left:auto;
    margin-right:auto;
    width:960px;
  	overflow: visible;
    border:solid 0px #fff;

	}

.spazio{width:5px;height:5px;position:relative;float:left;margin:0px;}

#menuUp{
    margin:0px;
    width:960px;
    height:1px;
    position:relative;
    float:left;}

#menucentersx{
    margin:0px;
    width:235px;
	margin-top:5px;
	margin-bottom:5px;
	position:relative;
	padding-left:0px;
	float:left;}

#menucenterdx{
    margin:0px;
    width:712px;
	margin-top:5px;
	height:100%;
	position:relative;
	margin-bottom:5px;
	float:left;
	}

#menudown{
    margin:0px;
    width:960px;
    height:1px;
    position:relative;
    float:left;}

#contenitorecentral{
    width:960px;
	float:left;
	min-height:200px;
	padding-bottom:10px;
	margin-left:0px;
     }



#vuotomenudx{
    margin:0px;
    width:15px;
    height:auto !important;
    height:100%;
    min-height:100%;
    position:relative;
    float:left;}

.menucentersxup h2, .menucenterdxup h2{
    height:18px;
    vertical-align:middle;
    padding-right: 0px;
    padding-left: 10px;
    font-weight: bold;
    font-size: 13px;
	text-align:left;
    padding-bottom: 2px;
    margin-left: 3px;
    padding-top: 2px;
    letter-spacing: 0.1em;
    color:#333;
    margin-bottom:4px;
    margin-top:2px;}

.menucentersxup{
    margin:0px;
    width:232px;
    float:left;
    }

.menucenterssxcenter{
    margin:0px;
    width:230px;
    height:auto;
	float:left;
    border: solid 1px #aaaaaa;
    background:url(/dsstudio/images/sfondo_ea.gif) repeat-x;
    }

.menucenterssxcenter2{
    margin:0px;
    width:230px;
    height:auto;
	float:left;
    border: solid 1px #aaaaaa;
    background:url(/dsstudio/images/sfondo_ea2.gif) repeat-x;
    }
.menucentersxdown{
    margin:0px;
    width:232px;
    height:14px;
	float:left;
	margin-bottom:5px;
    }

.menucenterdxup{
    margin:0px;
    width:694px;
    height:auto;
	float:left;
    }

.menucentersdxcenter{
    margin:0px;
    width:712px;
	padding-left:5px;
	float:left;
    border: solid 1px #aaaaaa;
    overflow:auto;
    background-color:#f5f4f4;
    text-align:left;
    font-size:9pt;
    }

.menucenterdxdown{
    margin:0px;
    width:694px;
    height:14px;
	float:left;
    }

#vertical_slide ul,#vertical_slide2 ul,#vertical_slide3 ul,#vertical_slide4 ul{
    font-size:11px;
    list-style-type:none;
    margin:0;
    padding:0;
    vertical-align:middle;}

#vertical_slide ul li, #vertical_slide2 ul li, #vertical_slide3 ul li, #vertical_slide4 ul li{
    width:222px;
    text-align:left;
    vertical-align:middle;
    padding-left:4px;
    padding-bottom:4px;
    padding-top:4px;}

#vertical_slide ul li a,#vertical_slide2 ul li a,#vertical_slide3 ul li a,#vertical_slide4 ul li a{
    width:222px;
    padding:2px;
    color:#000;
    text-decoration:none;}

#vertical_slide ul li a:hover,#vertical_slide2 ul li a:hover,#vertical_slide3 ul li a:hover,#vertical_slide4 ul li a:hover{

    text-decoration:underline;
    text-align:left;
    font-weight:normal;}


/*----------formattazione UpdateProgress----------*/

.PrProgress{position:absolute; top:120px; left:120px; z-index:100;}
.PrPrContainer{ text-align:center;}
.PrHeader{background-color:#303030; width:400px; height:200px;opacity:.7; filter:alpha(opacity=70);}
.PrBody{ width:400px; height:200px;position:absolute; top:60px; left:5px; z-index:102; font-weight: bold; font-size: 16px; color:#ffffff; text-align:center;}

/*----------formattazione GridView----------*/
.gridviewclass{margin-left:4px;width:585px;border-collapse: inherit;border: 0px;}
.gridheadercss  {color:#6f7fa2;background-color:#f5f4f4;font-size:Small; text-align:left}
.gridheadercss  A{color:#6f7fa2;background-color:#f5f4f4;font-size:Small;text-decoration: underline; text-align:left}
.gridselectcss  {background-color:#cccccc;font-size:Small; text-align:left}
.gridimgbuttonclass{width:18px;text-align:center;}
.gridEditRowStyleclass{font-size:Small;}
.gridAlternatingRowStyleclass{background-color:#cfcfcf;font-size: small;}
.gridRowStyleclass{font-size: small;text-align:left;}
.gridPagerStyleclass{font-size:small;text-align:center;color:#526293;font-weight:bold;}
.gridPagerStyleclass A{font-size: small;text-align:center;color:#adb0b2;font-weight:bold;}
.gridPagerStyleclass A:HOVER{font-size: small;text-align:center;color:#526293;font-weight:bold;}
/*----------formattazione dsnet----------*/

h3.titolo {
	padding: 5px;
	font-size: 13px;
	margin: 4px 0 8px;
	line-height:2em;
    cursor: default;
    width:690px;
    color:#595959;
}

h3.titololow {
	padding: 5px;
	font-size: 13px;
	font-weight:100;
    color:#595959;
	margin: 4px 0 8px;
	line-height:2em;
    cursor: default;
    width:690px;

}

h3.titololowsenza {
	padding: 5px;
	font-size: 13px;
	font-weight:100;
    color:#595959;
	margin: 4px 0 8px;
	line-height:2em;
	cursor: default;
    width:690px;

}

.titololowsenza {
	padding: 5px;
	font-size: 13px;
    color:#595959;
	margin: 4px 0 8px;
	line-height:2em;
	cursor: default;
    width:690px;

}

h3.titolosenza {
	padding: 5px;
	font-size: 13px;
	margin: 4px 0 8px;
	line-height:2em;
    cursor: default;
    width:690px;
    color:#595959;
}

.titolosenza {
	padding: 5px;
	font-size: 13px;
	margin: 4px 0 8px;
	line-height:2em;
    cursor: default;
    width:690px;
    color:#595959;
}

input.titolo, select.titolo{
    width:420px;
	}

strong {color:#595959;}


.hidden{
	color:#FFF;
	font-size:1px;
}

.history{
	width:80%;
	float:left;
	font-size:12px;
	padding-left:5px;
	float:left;
	color:#5c7996;
	font-weight:bold;
	}
.history a{
	text-decoration:none;
	color:#5c7996;
	font-weight:bold;
	}
.history a:hover{
	text-decoration:underline;
	color:#5c7996;
	font-weight:bold;
	}



div.butCon {
	margin:4px 0px 0px;
	font-size: 12px;
	text-align: right;
	padding:3px 0;
}
div.butCon input{
	color:#000;
	cursor:pointer;
	font-size:12px;
	font-weight:normal;
	}
div.butCon a{
	color:#000;
	font-size:12px;
	padding:5px 6px 5px 24px;
	text-decoration:none;
	text-transform: lowercase;
	font-weight:bold;
	}
div.butCon a:hover{
	border:solid 1px #dedede;
	}
div.butCon a.modifica{
	color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.modifica:hover{
	background:#fed300; color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.cancella{
	color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.cancella:hover{
	background:#fed300; color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.salva{
	color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.salva:hover{
	background:#fed300; color:#595959;
		border:solid 1px #dedede;
	}

div.butCon a.inserisci{
	background:url("/dsstudio/Images/note_edit.png") no-repeat 4px 4px; color:#595959;
		border:solid 1px #dedede;
	}
div.butCon a.inserisci:hover{
	background:#fed300 url("/dsstudio/Images/note_edit.png") no-repeat 4px 4px; color:#595959;
		border:solid 1px #dedede;
}
.dacompilare{width:400px;position:relative; float:right; margin:auto 10px auto auto; padding:0px}
.dascegliere{width:404px;position:relative; float:right; margin:auto 10px auto auto; padding:0px}

*:first-child+html .dacompilare /* solo IE 7.0 */
{
  width:400px;position:relative; float:right; margin:-22px 9px auto auto; padding:0px
}
*:first-child+html .dascegliere /* solo IE 7.0 */
{
  width:404px;position:relative; float:right; margin:-22px 9px auto auto; padding:0px
}

/* =========================================================
   SORGENTE 2/4: lightview.css (invariato)
   http://www.nickstakenburg.com/projects/lightview
   ========================================================= */
#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
}

.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}

.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides li {
	list-style-type: none;
	position: relative;
	overflow: hidden;
}

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Half li { list-style-type: none; }
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	float: left;
	font: 11px Arial, Helvetica, sans-serif;
	color: #808080;
	padding: 0;
	margin: 0;
}
.lv_MenuBar * { padding: 0; margin: 0; }

.lv_MenuTop .lv_DataText div,
.lv_MenuTop .lv_ImgNumber div { margin: 0; padding: 0; }
#lightview .lv_MenuTop .lv_Close,
#lightview .lv_MenuTop .lv_Data { margin: 0 0 6px 0; }

.lv_Close, .lv_Data { margin: 6px 0 0 0; }
.lv_Close { float: right; overflow: hidden; }
.lv_Close .lv_Button {
	float: right;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	line-height: 13px;
}

.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; }

.lv_Data li {
	list-style-type: none;
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	float: left;
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { float:left; clear: both; }
.lv_Data .lv_ImgNumber {
	color: #b8b8b8;
	margin-right: 5px;
	margin-top: 5px;
}
.lv_Data .lv_Slideshow {
	border-left: 1px solid #efefef;
	padding-left: 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_Slideshow .lv_Button {
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}

.lv_Media,
.lv_External {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
}

#lightview iframe {
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }

#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}


* html #lightview {
	position: absolute;
	margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

html #overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

/* =========================================================
   SORGENTE 3/4: prototip.css (invariato)
   ========================================================= */
.prototip {
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.prototip .default {
	width: 250px;
	color: #808080;
}
.prototip .default .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .default .title { padding: 5px; }
.prototip .default .content {
	padding: 5px;
	background: #fff;
}

.prototip .basic {
	width: 250px;
	color: #808080;
}
.prototip .basic .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .basic .title { padding: 5px; }
.prototip .basic .content {
	padding: 5px;
	background: #fff;
}

.prototip .hint {
	width: 250px;
	color: #313120;
	background: #fff6aa;
}
.prototip .hint .toolbar {
	background: #fdf1a0;
	font-weight: bold;
}
.prototip .hint .title,
.prototip .hint .content { padding: 5px; }

.prototip .protoblue {
	width: 250px;
	color: #fff;
}
.prototip .protoblue .toolbar {
	background: #0d7cd0;
	font-weight: bold;
}
.prototip .protoblue .title { padding: 5px; }
.prototip .protoblue .content {
	background: #1e90ff;
	padding: 5px;
}

.prototip .creamy {
	width: 250px;
	color: #bb9c61;
}
.prototip .creamy .toolbar {
	background: #f3edc2;
	font-weight: bold;
}
.prototip .creamy .title { padding: 5px; }
.prototip .creamy .content {
	background: #f8f4ca;
	padding: 5px;
}

.prototip .darkgrey {
	width: 250px;
	color: #fff;
}
.prototip .darkgrey .toolbar {
	background: #5f5f5f;
	font-weight: bold;
}
.prototip .darkgrey .title { padding: 5px; }
.prototip .darkgrey .content {
	background: #808080;
	padding: 5px;
}

.prototip .protogrey {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .protogrey .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .protogrey .title { padding: 5px; }
.prototip .protogrey .content {
	color: #808080;
	padding: 5px;
}

.prototip .dsadmin {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .dsadmin .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .dsadmin .title { padding: 5px; }
.prototip .dsadmin .content {
	color: #808080;
	padding: 5px;
}
.prototip .dspage {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .dspage .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .dspage .title { padding: 5px; }
.prototip .dspage .content {
	color: #808080;
	padding: 5px;
}
.prototip .dsforum {
	width: 250px;
	color: #fff;
	background: #fff;
}
.prototip .dsforum .toolbar {
	background: #969c92;
	font-weight: bold;
}
.prototip .dsforum .title { padding: 5px; }
.prototip .dsforum .content {
	color: #808080;
	padding: 5px;
}

.prototip .dsgallery {
	width: 250px;
	color: #808080;
	background: #ffffff;
}
.prototip .dsgallery .toolbar {
	background: #f1f1f1;
	font-weight: bold;
}
.prototip .dsgallery .title { padding: 5px; }
.prototip .dsgallery .content {
	color: #808080;
	padding: 5px;
}

.prototip .protogrey .toolbar .close {
	width: 14px;
	height: 14px;
}

.prototipLoader {
	position: absolute;
	top: -1000px;
	left: -1000px;
	height: 14px;
	width: 14px;
	border: 1px solid #dddddd;
	overflow: hidden;
}

.prototip{position:absolute;overflow:hidden;}.prototip .tooltip,.prototip .toolbar,.prototip .toolbar .title{position:relative;}.prototip .content{clear:both;}.prototip .toolbar .close{position:relative;text-decoration:none;float:right;width:19px;height:15px;display:block;line-height:0;font-size:0;border:0;cursor:pointer;}.prototip .tooltip{clear:both;float:left;}.prototip .borderLeftWrapper,.prototip .borderRightWrapper{position:absolute;top:0;left:0;width:300px;height:20px;}.prototip .borderFrame{height:100%;width:100%;float:left;margin:0;padding:0;position:relative;}.prototip .borderTop,.prototip .borderBottom{overflow:hidden;}.prototip .borderRow{list-style-type:none;float:left;width:100%;position:relative;clear:both;margin:0;padding:0;}.prototip_CornerWrapper{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;clear:both;}.prototip_Corner{float:left;position:relative;}.prototip canvas{position:relative;float:left;}.prototip_CornerTr,.prototip_CornerBr{float:right;}.prototip_BetweenCorners{position:absolute;top:0;left:0;width:100%;overflow:hidden;clear:both;}.prototip .borderMiddle{position:relative;float:left;}.prototip .borderCenter{position:relative;float:left;height:100%;}.prototip_StemWrapper{position:relative;width:100%;height:auto;clear:both;}.prototip_StemBox{float:left;position:relative;}.prototip_Stem{width:100%;position:absolute;overflow:hidden;}.iframeShim{position:absolute;border:0;margin:0;padding:0;background:none;overflow:hidden;}.prototip .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.prototip .clearfix{display:inline-block;}/* IE Mac Hide \*/ .prototip .clearfix{display:block;}/* IE Mac Hide End */

/* =========================================================
   SORGENTE 4/4: eni-modern.css (restyle "minimal a card")
   Questa parte NON tocca markup, code-behind o funzioni server.
   Va per ultima cosi' vince sulle regole storiche sopra.
   ========================================================= */

:root {
  --eni-orange: #fab503;
  --eni-orange-dark: #d89a00;
  --eni-blue: #1c6ea4;
  --eni-blue-dark: #0f4a6e;
  --eni-blue-tint: #e6f1fb;

  --bg-page: #f3f5f8;
  --bg-card: #ffffff;

  --border: #e2e5ea;
  --border-strong: #cfd4db;

  --text-primary: #23282e;
  --text-secondary: #5b6470;
  --text-muted: #8b93a0;

  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 14px;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
  --shadow-md: 0 4px 14px rgba(15, 23, 42, 0.08);
}

*, *::before, *::after { box-sizing: border-box; }

body { background: var(--bg-page); color: var(--text-primary); font-family: 'Source Sans Pro', sans-serif; }

#brandbar {
  background: var(--bg-card);
  border-bottom: 1px solid var(--border);
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  overflow: visible !important;
}
#brandbar .container { padding: 6px 0; }
#brandbar a { color: var(--text-secondary); }

#main-nav { border-top: none !important; }

#contenitoreesterno { background: transparent; }

.menucentersxup h2,
.menucenterdxup h2 {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--text-muted);
  border: none;
  padding: 0 0 8px 2px;
  margin: 0 0 4px;
}

.menucentersxup h2 {
  font-size: 10px;
  padding-left: 8px;
}

.menucenterdxup h2 {
  font-size: 16px;
  letter-spacing: 0;
  text-transform: none;
  color: var(--text-primary);
  padding-bottom: 10px;
  padding-left: 10px;
}

.menucenterssxcenter,
.menucenterssxcenter2 {
  background: var(--bg-card);
  background-image: none;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow-sm);
  padding: 10px 10px;
  margin-bottom: 4px;
  box-sizing: border-box;
}

.menucentersxdown { height: 10px; }

.menucentersdxcenter {
  background-color: var(--bg-card);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: 18px 20px;
}

#vertical_slide ul li,
#vertical_slide2 ul li,
#vertical_slide3 ul li,
#vertical_slide4 ul li {
  width: auto;
  padding: 1px 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  box-sizing: border-box;
}

#vertical_slide ul li:not(:has(a)),
#vertical_slide2 ul li:not(:has(a)),
#vertical_slide3 ul li:not(:has(a)),
#vertical_slide4 ul li:not(:has(a)) {
  padding: 5px 10px;
}

#vertical_slide ul li a,
#vertical_slide2 ul li a,
#vertical_slide3 ul li a,
#vertical_slide4 ul li a {
  display: block;
  width: auto;
  margin: 0 -10px;
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 13px;
  box-sizing: border-box;
}

.avatar-initials {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  font-weight: 700;
  font-size: 11px;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
  color: #fff;
}
.avatar-color-0 { background: var(--eni-orange); color: var(--eni-blue-dark); }
.avatar-color-1 { background: #4a6fa5; }
.avatar-color-2 { background: #2f9e77; }
.avatar-color-3 { background: #8e5ea8; }
.avatar-color-4 { background: #d1495b; }
.avatar-color-5 { background: #17a2b8; }

#vertical_slide ul li a:hover,
#vertical_slide2 ul li a:hover,
#vertical_slide3 ul li a:hover,
#vertical_slide4 ul li a:hover {
  background: #f4f6f8;
  text-decoration: none;
}

#vertical_slide ul li a[style*="font-weight:bold"],
#vertical_slide2 ul li a[style*="font-weight:bold"],
#vertical_slide3 ul li a[style*="font-weight:bold"] {
  background: var(--eni-blue-tint);
  color: var(--eni-blue-dark);
  border-radius: var(--radius-sm);
}

#vertical_slide ul li a[style*="background-color:#fefedf"],
#vertical_slide2 ul li a[style*="background-color:#fefedf"],
#vertical_slide3 ul li a[style*="background-color:#fefedf"] {
  background-color: var(--eni-blue-tint) !important;
  border-color: var(--border) !important;
  color: var(--eni-blue-dark) !important;
  border-radius: var(--radius-sm);
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
textarea,
select {
  font-size: 14px;
  padding: 8px 10px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  color: var(--text-primary);
  background: var(--bg-card);
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
select {
  height: 38px;
  line-height: 1.2;
  box-sizing: border-box;
}
input[type="text"]:focus,
input[type="password"]:focus,
select:focus {
  outline: none;
  border-color: var(--eni-blue);
  box-shadow: 0 0 0 3px var(--eni-blue-tint);
}

input[type="text"]:disabled,
input[type="password"]:disabled,
select:disabled {
  background: #eceef1;
  color: var(--text-secondary);
  border-color: var(--border);
  cursor: not-allowed;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  font-size: 14px;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--eni-orange);
  background: var(--eni-orange);
  color: var(--eni-blue-dark);
  cursor: pointer;
}
input[type="submit"]:hover,
input[type="button"]:hover { background: var(--eni-orange-dark); }

input[type="reset"] {
  background: var(--bg-card);
  color: var(--text-primary);
  border-color: var(--border-strong);
}
input[type="reset"]:hover { background: #f4f6f8; }

#corpo {
  background: var(--bg-card) !important;
  height: auto !important;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  box-shadow: var(--shadow-md);
  max-width: 380px;
  margin: 60px auto !important;
  padding: 32px 24px !important;
}
table[align="center"][width="100%"] {
  margin-top: 40px;
}
table[align="center"][width="100%"] td {
  text-align: center;
}

div.butCon { text-align: right; }
div.butCon a.inserisci,
div.butCon a.inserisci:hover {
  background: var(--eni-orange) !important;
  background-image: none !important;
  color: var(--eni-blue-dark) !important;
  border: none !important;
  border-radius: var(--radius-sm);
  padding: 8px 16px 8px 16px !important;
  text-transform: none;
  font-weight: 600;
}
div.butCon a.inserisci:hover { background: var(--eni-orange-dark) !important; }

div.butCon a.modifica,
div.butCon a.cancella,
div.butCon a.salva {
  background-image: none !important;
  padding-left: 6px !important;
  border-radius: var(--radius-sm);
  border-color: var(--border-strong) !important;
}

/* =========================================================
   Restyle modifyrulescandidatofileadmin.aspx: checkbox,
   input file nativo e link "Elimina File" (erano senza
   nessuno stile moderno, solo default browser + ForeColor rosso)
   ========================================================= */
input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: var(--eni-blue);
  cursor: pointer;
  vertical-align: middle;
  margin-right: 4px;
}

input[type="file"] {
  font-size: 13px;
  color: var(--text-secondary);
  vertical-align: middle;
}
input[type="file"]::file-selector-button {
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  margin-right: 10px;
  border: 1px solid var(--border-strong);
  border-radius: var(--radius-sm);
  background: var(--bg-card);
  color: var(--text-primary);
  cursor: pointer;
}
input[type="file"]::file-selector-button:hover {
  background: #f4f6f8;
}

a.cancella {
  display: inline-block;
  background: #fff !important;
  color: #791F1F !important;
  border: 1px solid #F09595 !important;
  border-radius: 6px;
  padding: 2px 8px !important;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none !important;
  vertical-align: middle;
  background-image: none !important;
}
a.cancella:hover {
  background: #FCEBEB !important;
  border-color: #E24B4A !important;
  color: #501313 !important;
}

.gridviewclass {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 13px;
}

.gridheadercss,
.gridheadercss td {
  background: var(--bg-card) !important;
  color: var(--text-muted) !important;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  border-bottom: 2px solid var(--border);
  padding: 8px 10px;
}
.gridheadercss a { color: var(--text-muted) !important; text-decoration: none; background: transparent !important; }
.gridheadercss a:hover { color: var(--eni-blue) !important; }

.gridRowStyleclass,
.gridAlternatingRowStyleclass {
  background: var(--bg-card) !important;
}
.gridRowStyleclass td,
.gridAlternatingRowStyleclass td {
  padding: 10px;
  border-bottom: 1px solid var(--border);
  vertical-align: middle;
}
.gridviewclass tr:hover td { background: #fafbfc; }

.gridPagerStyleclass {
  padding: 10px;
  text-align: center;
}
.gridPagerStyleclass,
.gridPagerStyleclass a { color: var(--text-secondary) !important; font-weight: 500 !important; }
.gridPagerStyleclass a:hover { color: var(--eni-blue) !important; }

.gridimgbuttonclass,
.gridviewclass img,
.gridviewclass input[type="image"] {
  width: 16px;
  height: 16px;
  object-fit: contain;
  vertical-align: middle;
  margin: 0 2px;
  filter: saturate(0.7) contrast(0.95);
  opacity: 0.85;
  transition: opacity 0.15s ease, filter 0.15s ease;
}
.gridviewclass img:hover,
.gridviewclass input[type="image"]:hover {
  opacity: 1;
  filter: none;
}

.gridviewclass td:has(> img[src*="/online.gif"]),
.gridviewclass td:has(> img[src*="/offline.gif"]) {
  position: relative;
}
.gridviewclass td:has(> img[src*="/online.gif"]) img,
.gridviewclass td:has(> img[src*="/offline.gif"]) img {
  visibility: hidden;
}
.gridviewclass td:has(> img[src*="/online.gif"])::after,
.gridviewclass td:has(> img[src*="/offline.gif"])::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.gridviewclass td:has(> img[src*="/online.gif"])::after {
  background: #639922;
}
.gridviewclass td:has(> img[src*="/offline.gif"])::after {
  background: #e2e5ea;
  border: 1px solid #cfd4db;
}

.PrContainer, .PrPrContainer { text-align: center; }

.PrProgress {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  z-index: 1000;
  width: auto !important;
  height: auto !important;
}
.PrHeader {
  display: none;
}
.PrBody {
  position: static !important;
  width: 260px !important;
  height: auto !important;
  background: var(--bg-card);
  color: var(--text-primary) !important;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  padding: 24px 20px;
  font-size: 13px !important;
  font-weight: 500 !important;
}
.PrBody br { display: none; }

/* icona activity.gif sostituita con una barra di caricamento animata via CSS */
.PrBody img[src*="/activity.gif"] { display: none; }
.PrBody:has(img[src*="/activity.gif"])::after {
  content: '';
  display: block;
  width: 140px;
  height: 6px;
  border-radius: 999px;
  background-color: var(--border);
  background-image: linear-gradient(90deg, transparent, var(--eni-blue), transparent);
  background-size: 55% 100%;
  background-repeat: no-repeat;
  animation: eni-loading-sweep 1.1s ease-in-out infinite;
}
@keyframes eni-loading-sweep {
  0%   { background-position: -60% 0; }
  100% { background-position: 160% 0; }
}

h3.titolo, h3.titololow, h3.titolosenza {
  color: var(--text-primary);
  font-weight: 600;
}

/* .titololowsenza/.titolosenza sui <div> sono blocchi di testo
   discorsivo (welcome/istruzioni/faq/contact/rulescandidatounico...),
   non etichette di campo: niente grassetto su tutto il paragrafo,
   solo un testo leggibile con link discorsivi (non bottoni). */
div.titololowsenza, div.titolosenza {
  color: var(--text-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
}
div.titololowsenza a, div.titolosenza a {
  color: var(--eni-blue);
  text-decoration: none;
  font-weight: 600;
}
div.titololowsenza a:hover, div.titolosenza a:hover {
  color: var(--eni-blue-dark);
  text-decoration: underline;
}

/* link discorsivi dentro i form h3.titolo (es. Eni Code of Ethics,
   Privacy Information Notice in modifyrulescandidatounicodata.aspx):
   restano testuali, non bottoni. */
h3.titolo a,
h3.titololow a,
h3.titolosenza a {
  color: var(--eni-blue);
  text-decoration: none;
  font-weight: 600;
}
h3.titolo a:hover,
h3.titololow a:hover,
h3.titolosenza a:hover {
  color: var(--eni-blue-dark);
  text-decoration: underline;
}

/* messaggi di errore dei validator (es. "Passwords don't match") */
.validation-error {
  color: #F00 !important;
  font-weight: 400 !important;
}

/* Pannelli separati in modifyrulescandidatofileadmin.aspx:
   Modify Status / Inserted File / Modify File, ciascuno con
   sfondo pastello diverso per distinguerli a colpo d'occhio. */
h3.titolo.panel-status,
h3.titolo.panel-inserted,
h3.titolo.panel-file {
  width: auto;
  box-sizing: border-box;
  font-weight: 400 !important;
}
h3.titolo.panel-status {
  background: #E6F1FB;
  border: 1px solid #85B7EB;
  border-radius: 12px;
  padding: 16px 20px;
  color: #042C53 !important;
}
h3.titolo.panel-inserted {
  background: #E1F5EE;
  border: 1px solid #5DCAA5;
  border-radius: 12px;
  padding: 16px 20px;
  color: #04342C !important;
}
h3.titolo.panel-file {
  background: #FAEEDA;
  border: 1px solid #EF9F27;
  border-radius: 12px;
  padding: 16px 20px;
  color: #412402 !important;
}
.panel-title {
  display: block;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 6px;
  line-height: 1.2;
}

.sidebar-logo-wrap {
  width: 230px;
  text-align: center;
  padding: 20px 0 10px;
}
.sidebar-logo {
  width: 130px;
  height: auto;
  position: relative;
  right: 4px;
}

#contenitorecentral {
  margin-top: 48px !important;
}

.declaration-text {
  font-weight: 400 !important;
}

div.butCon.upload-files-btn {
  margin-bottom: 20px !important;
}

div.butCon.after-panel-btn {
  margin-top: 16px !important;
}

/* =========================================================
   SORGENTE 5/5: login.css (invariato, era caricato da
   menuup.ascx e da dslight/login.aspx)
   ========================================================= */
html {
	width:100%;
	height:100%;
}
table{
	border:0;
	padding:0;
}
body{
    margin-top:0px;
    margin-left:auto;
    margin-right:auto;
    background-repeat:repeat-x;
    }
#frame{
	 width:100%;
	 height:100%;
	 border:0;
	 padding:0;
}
#main{
	width:960px;
}
#header{
	font-size:9px;
	color:#e6e6e6;
	line-height:12px;
	font-style:normal;
	letter-spacing:-1px;
	text-decoration:none;
	width:960px;
	background:#000;
	height:20px;
}

#footer{
	text-align:right;
	font-size:12px;
	color:#fff;
}

#footer a{
	margin-right:12px;
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#666;
	text-decoration:none;
}
#login{
	float:right;
	width:200px;
	height:200px;
	margin:10px;
}

#nomeForm{
	font-size:9px;
	background-color:#ffffff;
	border:#000 solid 1px;
	width:170px;
	height:16px;
	margin-top:20px;
	margin-left:15px;
	text-align:right;
	padding-right:1px;
}
#passForm {
	font-size:9px;
	background-color:#ffffff;
	border-color:black; border-style:solid; border-width:1px;
	width:170px;
	height:16px;
	margin-top:10px;margin-left:15px;
	text-align:right;
	padding-right:1px;
	color:#aaa;
}
#invia {
	font-size:9px;
	background-color:#ccc;
	border:#000 solid 1px;
	width:170px; height:15px;
	margin-top:10px;margin-left:15px;
	text-align:center;
}
#invia input{
	cursor:pointer;
	text-indent:0;
	padding:0;
	margin-left:-15px;
}


#tipoForm {
	font-size:9px;
	background-color:#ffffff;
	width:170px;
	margin-top:10px;margin-left:15px;
	text-align:right;
	color:#aaa;

}


select.tipouser {

font-size:10px;
	background-color:#cdcdcd;
	width:170px;
	color:#000000;
}

.inputLabel {
	padding-right:15px;
	color:#636;
	font-weight:bold;
}
.topShadow{
	background:transparent url(immagini/topShadow.gif) no-repeat;
}
.botShadow{
	background:transparent url(immagini/botShadow.gif) no-repeat;
}
.leftShadow{
	background:transparent url(immagini/leftShadow.gif) repeat-y 2px 0;
}
.rightShadow{
	background:transparent url(immagini/rightShadow.gif) repeat-y 0 0;
}

/* =========================================================
   SORGENTE 6/6: responsive (tablet/mobile)
   Il sito storico e' a colonne fisse in px (960/712/235 ecc.),
   costruito con float. Qui sotto convertiamo quei contenitori
   a layout fluido sotto una certa larghezza, senza toccare
   markup/funzioni: solo override CSS via media query.
   ========================================================= */

@media (max-width: 960px) {
  #contenitoreesterno,
  #menuUp,
  #menudown,
  #contenitorecentral {
    width: 100% !important;
    max-width: 100%;
  }

  /* le due colonne (menu laterale + contenuto) si impilano */
  #menucentersx,
  #menucenterdx {
    width: 100% !important;
    float: none !important;
    margin-left: 0;
  }
  #vuotomenudx { display: none; }

  .menucentersxup,
  .menucenterssxcenter,
  .menucenterssxcenter2,
  .menucentersxdown,
  .menucenterdxup,
  .menucentersdxcenter,
  .menucenterdxdown {
    width: 100% !important;
    box-sizing: border-box;
  }

  #vertical_slide ul li,
  #vertical_slide2 ul li,
  #vertical_slide3 ul li,
  #vertical_slide4 ul li,
  #vertical_slide ul li a,
  #vertical_slide2 ul li a,
  #vertical_slide3 ul li a,
  #vertical_slide4 ul li a {
    width: 100% !important;
  }

  /* header/brand a larghezza fluida */
  .container { width: 100% !important; max-width: 960px; padding: 0 12px; }

  /* tabelle dati: invece di rompere le colonne, scroll orizzontale */
  .gridviewclass { min-width: 480px; }
  .menucentersdxcenter,
  .menucenterdxup + .menucentersdxcenter,
  div:has(> .gridviewclass) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* login "storico" (login.css, #frame/#main) */
  #main { width: 100% !important; }
  #header { width: 100% !important; }
  #login { float: none !important; width: auto; margin: 0 auto; }
}

@media (max-width: 640px) {
  body { font-size: 13px; }

  #corpo {
    max-width: 92% !important;
    margin: 24px auto !important;
    padding: 24px 16px !important;
  }

  .menucenterdxup h2 { font-size: 15px; }

  /* pulsanti e icone piu' comodi da toccare */
  input[type="submit"],
  input[type="reset"],
  input[type="button"],
  div.butCon a {
    padding: 10px 16px;
  }
  .gridimgbuttonclass,
  .gridviewclass img,
  .gridviewclass input[type="image"] {
    width: 20px;
    height: 20px;
  }

  /* form di login: campi a piena larghezza */
  #nomeForm, #passForm, #tipoForm, #invia {
    width: 90% !important;
    margin-left: auto !important;
  }

  table[align="center"][width="100%"] { margin-top: 16px; }
}

select.tipouser {
  font-size: 12px;
  padding: 3px 6px;
  width: 170px;
  border-radius: var(--radius-sm);
  height: auto;
}

/* =========================================================
   SORGENTE 7/7: headereni/style.css
   Consolidato qui in modo che la cartella headereni non sia
   piu' richiamata da nessuna pagina. Portate solo le regole
   realmente usate dal brandbar/main-nav live (menuup.ascx,
   index.aspx): body/.container/#brandbar/.brand/.service-list/
   #main-nav/.main-logo. Escluse le regole di .main-menu-nav e
   di footer/.three-fourth/.one-fourth/.col-half/#otherSite,
   che non corrispondono a nessun markup live (erano usate solo
   dalla pagina demo headereni/index.html, mai richiamata).
   ========================================================= */
.container {
    width: 960px;
    margin: 0 auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    -webkit-font-smoothing: antialiased;
}

#brandbar {
    overflow: hidden;
}

#brandbar .container {
    overflow: hidden;
    margin: 10px auto;
}

#brandbar a {
    color: #999;
    text-decoration: none;
}

.brand {
    float: left;
    width: 717px;
    margin-right: 15px;
    line-height: 28px;
}

.service-list {
    float: right;
    width: 228px;
}

.service-list ul {
    margin: 0;
    padding: 0;
}

.service-list li {
    margin: 0 10px;
    float: left;
    list-style: none;
    line-height: 28px;
}

.service-list li:first-child {
    margin-left: 0;
}

.service-list li.lang {
    margin-left: 10px;
    border-left: 1px solid #999;
    padding-left: 20px;
    margin-right: 0;
}

#main-nav {
    overflow: hidden;
    border-top: 1px solid #999;
    padding: 0;
    margin: 0 0 25px 0;
}

.main-logo {
    overflow: hidden;
    float: left;
}

.main-logo img {
    float: left;
    margin-top: 32px;
}

/* =========================================================
   Fix allineamento .dacompilare/.dascegliere (form ADMIN/candidati)
   Erano float:right nel CSS storico: funzionava con gli input
   nativi (bassi), ma con il restyle moderno (padding 8px, bordo)
   gli input sono diventati piu' alti della riga di testo della
   label, e il float li faceva scivolare fuori sincrono riga per
   riga. Si toglie il float e si allinea in linea con la label.
   ========================================================= */
.dacompilare, .dascegliere {
  float: none;
  display: inline-block;
  vertical-align: middle;
  margin: 4px 0 4px 10px;
}

/* Spaziatura tra i campi nei form "un campo per riga" (h3.titolo
   con <br> tra le righe, senza classe .dacompilare), es. Modify
   Password, Modify Status ecc: gli input erano appiccicati alla
   riga successiva perche' solo il <br> li separava. */
h3.titolo input[type="text"],
h3.titolo input[type="password"],
h3.titolo select {
  margin: 4px 0 10px;
}