@import url("https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css");

@media screen and (max-width: 370px) {
	.topblue .topbar-social i.fa-rounded {
    		border-width: 10px 6px;
	}
}

.votaBox {
	background: #fff;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    padding: 30px;
}

.topbar .logoconfindustria{
	max-width: 311px;
}

.footer .logoconfindustria {
    max-width: 252px;
}

nav.confmenu.sticky .sticky-logo {
	display: inline;
	padding: 0px !important;
    margin: 5px 5px 0px 20px;
    width: 40px;
    height: 39px;
}

.default-content img {
    display: block;
    max-width: 100%;
    height: auto;
}

.default-content ul{
	padding-left: 40px;
	list-style-type: disc;
	margin-bottom: 10px;
}
.default-content ol{
	list-style-type: number;
	margin-bottom: 10px;
} 
 
.default-content span, .default-content p,.default-content ul,.default-content li, .default-content ol {
	  font-family: 'Roboto', sans-serif !important;
	  font-weight: normal !important;
	  font-style: normal !important;
	  letter-spacing: 0px !important;
	  line-height: 1.5 !important;
}
 
.default-content h1 {
	  font-family: 'Raleway', sans-serif !important;
	  font-size: 24px !important;
	  font-style: normal;
	  font-weight: bold !important;
	  line-height: 1 !important; 
	  xcolor: black !important;
}
 
.default-content h2 {
	  font-family: 'Raleway', sans-serif !important;
	  font-size: 20px !important;
	  font-style: normal;
	  font-weight: bold !important;
	  line-height: 1 !important; 
	  xcolor: black !important;
}

.default-content h3 {
	  font-family: 'Raleway', sans-serif !important;
	  font-size: 18px !important;
	  font-style: normal;
	  font-weight: bold !important;
	  line-height: 1 !important; 
	  xcolor: black !important;
}

.default-content h4
{
	  font-family: 'Raleway', sans-serif !important;
	  font-size: 16px !important;
	  font-style: normal;
	  font-weight: bold !important;
	  line-height: 1 !important; 
	  xcolor: black !important;
}
 
.imginfografica img {
 width: 100%; 
}
 
.video_in_corpo iframe, .video_in_corpo object, .video_in_corpo embed {
 width: 100%; 
}
 
.pdftext {
	float: left;
	padding-left: 10px;
	padding-top: 20px;
	font-size: 15px !important;
}
 
.texticon {
	 font-size: 9px !important;
	 margin: 0;
}

#home-carousel-indicators.carousel-indicators li {
    box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.3);
}

#home-carousel-indicators.carousel-indicators .active {
    border: 1px solid #004388 !important;
}

.color_darkgreen.active ul li ul li a {
    background-color: #B1DDEE !important;
}

.default-content h1, .default-content h2, .default-content h3, .default-content h4, .default-content h5, .default-content h6 {
    color: #353535 !important;
}

.default-content ol {
    list-style-type: upper-alpha !important;
}

.modal-dialog ul li, .modal-dialog ol li {
	color: #626262 !important;
}

.default-content p > img {
    display: block;
    max-width: 100%;
    height: auto;
}

iframe {max-width: 1140px;}

#_BreadcrumbsTag.sottomenù ul li:first-child { 
	margin-left: 0px;
}

.heroTitle {
   position: absolute;
   bottom: 20%;
   right: 0%;
   left: 0%;
   text-align: center;
   margin: 0 auto;
} 

.heroTitle h1 {
   background-color: rgba(0,67,136,0.6);
   text-shadow: 0 1px 2px rgba(0,0,0,.6);
   color: white;
   padding: 10px 20px;
   border-radius: 4px;
   display: inline-block;
   min-width: 400px;
   text-transform: uppercase !important;
} 

#eventi_sistema .evento {
    padding-bottom: 4px;
    padding-top: 10px;
    border-bottom: 1px dashed #53a2e6;
    margin: 0px 20px;
}

#eventi_sistema .evento h2, #eventi_sistema .evento p {
    padding: 0px;
}

.container.mycenter.ilnetwork .position-box .date_position {
    height: 50px;
}

.position-box.ombra.blue h5.text_auditions.network-links p strong {
    background-color: rgba(0, 32, 66, 0.5);
    padding: 4px 12px;
    letter-spacing: 1px;
}


.position-box .date_position:hover {
	transition: all 0.3s ease-out 0s;
}

.position-box:hover, .position-box:hover .auditions_date {
    cursor: pointer;
}
  
@media screen and (max-width: 400px) {
   .heroTitle {
       width: 90%;
       left: 5%;
       right: 5%;
       top: 25%;
       font-size: 22px;
       line-height: 26px;
   }
   .heroTitle h1 {
        min-width: 90%;
        font-size: 22px;
   }
   .default-content p, .default-content span, .default-content div, .default-content em {
    text-align: left !important;
	}
	
	h1 {font-size: 26px;line-height: 32px;}
	h2 {font-size: 22px;line-height: 28px;}
	h3 {font-size: 20px;line-height: 26px;}


}

.truncate {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.underBlock:after {
    content: '';
    display: block;
    height: 4px;
    width: 80px;
    background-color: #004388;
    margin-top: 4px;
} 

.center.underBlock:after {
    content: '';
    display: block;
    height: 4px;
    width: 80px;
    background-color: #004388;
	margin: 0 auto;
    margin-top: 8px;
}


.center.fondMai.underBlock {
	text-align: center;
}

.center.fondMai.underBlock:after {
    content: '';
    display: block;
    height: 4px;
    width: 80px;
    background-color: #1887B1;
	margin: 0 auto;
    margin-top: 8px;
}

.CSC.underBlock:after {
    content: '';
    display: block;
    height: 4px;
    width: 80px;
    background-color: #ABC035;
	margin: 0 auto;
    margin-top: 8px;
}

.linea_oriz {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/pixel_blu.gif);
	background-repeat: repeat-x;
	background-position-y: 50%;
}

.btn-block {
    width: auto;
}

.bollino_new {
	background-color: #abc035;
	width: 60px;
	height: 30px;
	position: absolute;
	z-index: 10;
	right: 15px;
	text-align: center;
	line-height: 30px;
	color: white;
	font-weight: bold;
}

.bozza_new {
	background-color: red;
	padding: 0px 10px;
	position: absolute;
	z-index:10;
	right:15px;
	text-align: center;
	line-height: 30px;
	color: white;
	font-weight: bold;
}  

.ombraNew .eventbox {
    padding-left: 10px;
}

.ombraNew .titlebox {
    margin-bottom: 0px;
}

.ombraNew .carousel-control.left {
    left: 15px;
}
.ombraNew .carousel-control.right {
    right: 15px;
}


.ombraNew .carousel-control .glyphicon-chevron-right {
	right: 15px;
	margin-right: 0px;
}

.ombraNew .carousel-control .glyphicon-chevron-left {
	left: 15px;
	margin-left: 0px;
}

.ombraNew.box {
	padding-top: 0px;
}

#section_associazioni_results {
	border: 1px solid lightgrey;	
}

.btn:focus i {
    transform: none;
}

/* correzione visualizzazione da MObile della barra in alto */
.topbar-social.text-left {
	text-align: left;
	margin-left: 10px;
}
.topblue .text-right {
	text-align: right;
}
/* FINE correzione visualizzazione da Mobile della barra in alto */



/* INIZIO Gallery video YouTube */

.titoloVideo {background-color: #004388; padding: 0px 20px; line-height: 1.3;}

.titoloVideo h5 {    
font-weight: bold;
    color: white;
    margin-bottom: 0px !important;
    text-transform: uppercase;
    display: inline-block;
    line-height: inherit !important;
    padding: 8px 0px;
}
.buttonTutti {
background-color: #004388;
text-align: center;
padding: 8px;
color:white;
display: inline-block;
float:right;
}
.buttonTutti i {margin-right: 6px;}

.categorie.yottie-widget {
    border: 1px solid #004388;
    margin-bottom: 40px;
    border-top: none;
	border-radius: 0px 0px 6px 6px;
	min-height: 424px;
}
#yottie_2 .yottie-widget-video {
    border-bottom: 1px solid lightgrey; 
    padding-bottom: 7px;
    margin-bottom: 7px !important;
    margin-right: 0px !important;
    width: 100% !important;
}
div.yottie-widget-feed-section-arrow {border-radius: 2px !important;}

@media only screen and (min-width:992px) {
	.yottie-widget-video-preview-thumbnail {
		min-width: 256px;
	}
}
/* FINE Gallery video YouTube */


/* grafica pagina comunicati stampa */
.comunicatoInAccordion .panel .panel-collapse .container {
    border: 1px solid #004388;
    width: calc(100% - 30px);
    border-top: none;
    border-radius: 0px 0px 3px 3px;
}
.comunicatoInAccordion .panel-title {
    line-height: 60px;
}
.abstract {
    font-size: 20px !important;
    background-color: #f7f7f7;
    padding: 20px;
}
/* FINE grafica pagina comunicati stampa */


/* nuova grafica titolo pagina */

.section-title {
	margin-bottom: 20px;
	margin-top: 20px;
}

.section-title.text-center h1, .section-title.text-center h2 {
	display: inline;
	border-bottom: 2px solid #004388;
	text-transform: uppercase;
}

.section-title.text-center.small-title h2 {
	font-size: 22px;
	display: inline;
	text-transform: none;
}

.section-title.text-center h1:after, .section-title.text-center h2:after {
	content:"";
	display: block;
	margin: 0.15em auto;
	width: 40px;
	height: 20px;
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cerchiBlu.svg);
	background-position: top center;
    background-repeat: no-repeat;
}

.section-title.text-center.small-title h1:after, .section-title.text-center.small-title h2:after {
    margin: 0em auto;
    width: 28px;
    height: 14px;
    background-size: contain;
}

/* titolo vecchio stile */
.section-title.text-center.OldTitle h1:after, .section-title.text-center.OldTitle h2:after {
	content:"";
	display: none !important;
}

.section-title.text-center.OldTitle h1, .section-title.text-center.OldTitle h2 {
	border-bottom: none;
}

/* titolo pagina CSC */
.section-title.text-center.CSC h1, .section-title.text-center.CSC h2 {
	border-bottom: 2px solid #abc035;
}

.section-title.text-center.CSC h1:after, .section-title.text-center.CSC h2:after {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cerchiVerdi.svg);
}

/* titolo pagina NEWS */
.section-title.text-center.News h1, .section-title.text-center.News h2 {
	border-bottom: 2px solid #A1B7C2;
}

.section-title.text-center.News h1:after, .section-title.text-center.News h2:after {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cerchiNews.svg);
}

/* titolo pagina Fondazione MAI */
.section-title.text-center.FondMai h1, .section-title.text-center.FondMai h2 {
	border-bottom: 2px solid #1887B1;
}

.section-title.text-center.FondMai h1:after, .section-title.text-center.FondMai h2:after {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cerchiFondMai.svg);
}

/* titolo pagina Piccola Industria */
.section-title.text-center.PI h1, .section-title.text-center.PI h2 {
	border-bottom: 2px solid #E9EC34;
}

.section-title.text-center.PI h1:after, .section-title.text-center.PI h2:after {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cerchiPicInd.svg);
}


@media (max-width: 767px) {
	.section-title.text-center h1, .section-title.text-center h2 {
		line-height: 42px;
	}
}

@media screen and (max-width: 400px) {
	.section-title.text-center h2,
	.section-title.text-center h1,
	.section-title2.text-center h1 {
		font-size: 22px;
		line-height: 28px;
	}
}
/* FINE nuova grafica titolo pagina */


/* INIZIO nuove mattonelle */
.ombraNew {
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	border: thin solid lightgray;
	transition: ease-in-out .5s;
}

.box.homeCSC { 
	height: 390px; 
	margin: 15px 0px 15px 0px;
}
.box.CSC { 
	height: 390px; 
}
.truncateMulti{
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 65px !important;
}
.box.Gallery {
    height: 330px;
}

.box.Gallery .titolo {
	height: 30px;
}
.box.Gallery .caption {
	line-height: 2.2;
    font-size: 14px;
    text-align: center;
	height: 30px;
	margin: 0px 15px;
}

.box .feature-image.whiteBorder { 
	border: solid 10px white;
	border-bottom: 0px;
}

.box .feature-image.home { 
	border: solid 8px white;
	border-bottom: 0px;
}

.noHeight { 
	height: inherit !important;
}

.ombraNew.noHeight.blu {
	background-color: #004388;
}

.box .feature-image { 
	height: 230px;
	bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-size: cover;
	background-position: center center;
	border: solid 4px #004388;
}

.blu .feature-image.CSC {
    border: solid 4px #004388;
}

.feature-image.NEWS {
    border: solid 4px #a1b7c2;
}

.feature-image.CSC {
    border: solid 4px #abc035;
}

.feature-image.PI {
    border: solid 4px #E9EC34;
}

.feature-image.FondMai {
    border: solid 4px #1887B1;
}

.feature-image.Ass {
    border: solid 4px #1887B1;
}

.box .data, .box .categoria, .box .titolo {
	display: block;
	margin: 2px 0px;
  }
  
.box .data {
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
}  

.box .data.c-news {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}  

.box .data:after {
	content:'';
	display: block;
	width: 30%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.3);	
	margin-top: 2px;
  }  
  
  .box .categoria {
	font-weight: normal !important;
	font-style: italic;
	font-size: 13px;
  }

  .box .categoria .Conf {
	color: #004388;
	margin-right: 4px;
  }

  .box .categoria .CSC {
	color: #ABC035;
	margin-right: 4px;
  }

  .box .categoria .PI {
	color: #E9EC34;
	margin-right: 4px;
  }
  
  .box .categoria .FondMai {
	color: #1887B1;
	margin-right: 4px;
  }

  .box .categoria .Ass {
	color: #1887B1;
	margin-right: 4px;
  }
  
  .box .titolo {
	font-family: 'Raleway', sans-serif;
	line-height: 1.2;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	margin-top:8px;
	height: 50px;
  }

.titolo.prodotti {
  text-align:center;
  margin-top: 8px;
}

.blu .titolo.prodotti a {
	color: white;
}

.blu .titolo.prodotti a:hover {
	color: #B5C84E !important;
}

.ApriArticolo {
	font-size: 12px;
    float: left;
	color: #333;
	position: absolute;
    bottom: 26px;
    left: 30px;
}

.ApriArticolo.CSC {
    bottom: 10px;
}

.ApriArticolo i {
    font-size: 18px;
	float: left;
	margin-right: 8px;
	color: #004388;
}

.leggi {
    font-size: 12px;
    float: right;
	color: #333;
	position: absolute !important;
    bottom: 10px !important;
    right: 30px !important;
}

.home .leggi, .homeCSC .leggi  {
    bottom: 26px !important;
}

.leggi i {
    font-size: 18px;
	float: right;
	margin-left: 4px;
	color: #004388;
}

.leggi.CSC i {
    color: #ABC035;
}

.leggi.NEWS i {
    color: #a1b7c2;
}

.leggi.PI i {
    color: #E9EC34;
}

.leggi.Ass i {
    color: #1887B1;
}

.leggi.FondMai i {
    color: #1887B1;
}


/* effetto hover sulla mattonella */

.box.ombraNew:hover { 
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
	transition: ease-in-out .5s;
}
.hoverEffect{
	height: 230px;
	position: relative;
	overflow:hidden;
}
.hoverEffect figure {
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	transition: ease-in-out .3s;
	opacity: 0;
	transform: scale(2);
}
.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(0, 67, 136, 0.4);
}
.CSC.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(171, 192, 53, 0.4);
}

.NEWS.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(161, 183, 194, 0.4);
}

.FondMai.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(24, 135, 177, 0.4);
}

.Ass.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(24, 135, 177, 0.4);
}

.PI.hoverEffect:hover figure {
	opacity: 1;
	transform: scale(1);
	background: rgba(233, 236, 52, 0.4);
}

.hoverEffect figure span{
	color: #fff;
	font-size: 3em;
	top: 35%;
	position: relative;
}

.hoverEffect figure span.icona_Conf {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/icona_conf_logo.svg);
	background-repeat: no-repeat;
	background-position: center center;
	width: 80px;
	height: 80px;
	display: block;
	margin: 0 auto;
}
/* FINE effetto hover sulla mattonella */
/* FINE nuove mattonelle */

/* INIZIO rivista CSC */
.carousel-inner.RPE {
	height: 300px;
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/rpe-header-bg-3.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	background-attachment: fixed;
	background-color: #dceff3;
}

.RPE .title {
	position: absolute;
    top: 35%;
    right: 0%;
    left: 0%;
    text-align: left;
	margin: 0 auto;
}

.RPE .title h4, .RPE .title h1  {
	color: #9c1006;
	margin-bottom: 0px;
	padding-left: 18px;
	width: 70%;
}

hr.separatore {
	color: grey;
    border-style: solid;
    border-color: grey;
    width: 70%;
	margin-left: 20px;
	text-align: left;
}

.RPE .title h1  {
	text-transform: uppercase;
}

.RPE .title h1.numero  {
    padding-top: 10px;
	max-width: 70%;
	color:#363636;
	font-size: 28px;
	line-height: 32px;
}

.compraRivista {
	padding: 6px 26px;
	display: table;
	border: 2px solid #ABC035;
	text-align: center;
	margin: 0 auto;
	font-size: 22px;
}

.autoriRow div {
	text-align: center;
	border-left:1px solid#707070;
}

.autoriRow div:last-child {
	text-align: center;
	border-right:1px solid#707070;
}

.autoriRow div p {
    line-height: 1.8;
}

@media (max-width: 767px) {
	.autoriRow div {
		border:none !important;
	}
    .autoriRow {
		display: inherit;
		border-right:1px solid#707070;
		border-left:1px solid#707070;
	}

	.default-content ul {
		padding-left: 20px !important;
	}

	.carousel-inner.RPE {
		height: 230px;
		background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/rpe-header-bg-mobile.jpg);
		background-repeat: no-repeat;
		background-position: top right;
		background-size: inherit;
		background-attachment: fixed;
		background-color: #dceff3;
	}

	.RPE .title {
		position: relative;
		top: 20px;
	}

	.RPE .title h4, .RPE .title h1  {
		padding-left: 0px;
		width: 100%;
		background-color: transparent !important;
	}

	.RPE .title h1  {
		font-size: 30px;
		line-height: 30px;
	}

	hr.separatore {
		width: 100%;
		border-bottom: 1px;
		background-color: #dceff3;
	}

	.RPE .title h1.numero {
		border-top: 1px solid grey;
		padding-top: 10px;
		max-width: 100%;
		color: #363636;
		font-size: 20px;
		line-height: 1.2;
	}
}

.cover-rivista-CSC {
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/cover-rivista-CSC.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 16px;
}

.autoriRivistaCSC {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	font-style: italic;
	padding: 8px 10px 10px 10px;
}

.autoriRivistaCSC span {
	color: #004388;
	font-style: normal;
	font-weight: bolder;
}

.box .titoloRivistaCSC {
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-size: 18px;
    text-transform: uppercase;
	font-weight: bolder;
	position: absolute;
	bottom: 45px;
	margin-right: 10px;
}

.menu .box .titoloRivistaCSC {
    font-size: 17px;
}

.box .dataRivistaCSC {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #004388;
	font-style: italic;
	position: absolute;
    bottom: 25px;
}

.box .titoloRivistaCSC::after {
    content:"";
	display: block;
	margin: 7px auto;
	width: 100%;
	height: 3px;
	background-color: #a7d9e4;
}

.boxAdesign {
	border-style: solid;
	border-color: #d3d5cc;
	border-width: 1px;
	padding: 16px;
}

.boxAdesign .default-content ul li, .boxAdesign .default-content ol li {
	margin-bottom: 10px;
}

.boxAdesign .default-content p, .boxAdesign .default-content ul li, .boxAdesign .default-content ol li, .boxAdesign .default-content em {
	color: #333333 !important;
 }
	.riga-sotto {
		border-bottom: 1px solid #707070;
		padding-bottom: 10px;
	}
	
	.riga-sopra {
		border-top: 1px solid #707070;
		padding-top: 10px;
	}
	
	.icona-heigth {font-size: 1.8em;}
	.green-back {background-color:#ABC035}
	.grey-font {color: rgb(170, 170, 170);}
	.green-font {color:#ABC035;}
	.small-font {font-size: small;}
	.dark-font {color: #333333;}

	.paper {
		background: #fafafa;
		border: 1px solid #d3d3d3;
		padding: 10px 16px;
		margin-bottom: 15px;
	}
	.paper .titolo a {color: black;}

	.paper i, .paper span {
		display: table-cell; 
	}
	.paper i {
	    font-size: 18px;
		color: #ABC035;
		width: 30px;
	}

	.paper span {
		font-family: 'Roboto', sans-serif;
		font-weight: bolder;
		font-size: 14px;
		line-height: 18px;
		text-align: left;
		color: #333;
		margin-left: 12px;
	}
	.paper span.autore {
		display: block;
		margin-left: 30px;
		margin-top: 6px;
		font-style: italic;
		font-weight: normal;
		font-size: 13px;
	}

	.capitolo-title { 
		margin: 10px;
		font-size: 14px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
	.articolo {
		background: #fafafa;
		border: 1px solid #d3d3d3;
		font-sizeX: 16px;
	}

.riga-indice
	{
	left: 0;
	right: 0;
	bottom: 0;
	top: auto;
	width: 100%;
	position: fixed;
	z-index: 2000;
	background-color: white;
}	

.indiceMobile {
	margin-top: -1px;
}

.indiceMobile .paper span {
	display: block;
	margin-left: 0px;
}	

.indiceMobile .paper {
    padding: 4px 8px;
    margin-bottom: -1px;
}

.indiceMobile .paper::before {
	content: "";
    display: block;
    height: 40px;
    background-color: #ABC035;
    width: 4px;
    float: left;
    margin-left: 2px;
    margin-right: 8px;
    border-radius: 4px;
}
.comunicatoInAccordion.indice .panel-heading {
    padding: 0 8px;
}

.comunicatoInAccordion.indice .panel-title {
	line-height: 40px;
	line-height: 40px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
}

.comunicatoInAccordion.indice .panel-heading .accordion-toggle:before {
    margin-right: 10px;
}

.comunicatoInAccordion.indice .panel-title a:link {
    color: #fff !important;
}

.indiceMobile .paper span.autore {
    margin-left: 0px;
    margin-top: 2px;
    font-size: 13px;
}


/* INIZIO ARCHIVIO PAPER CSC */

.csc-box.eu{
    color:  #ABC035;
}

.box.eu.active .csc-box {
    border: 2px solid #ABC035;
    padding: 1px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
    background-color: white;
    opacity: 1;
    height: 250px;
}

.box.eu.active .csc-box .text_auditions {
    color: #ABC035;
}


.csc-box {
    border: 2px solid #ABC035;
    padding: 1px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
    background-color: #ABC035;
    opacity: 1;
    height: 250px;
}

.box.csc.active {
    padding: 0px;
}



.csc-box:hover, .box.csc.active .csc-box {
	border: 2px solid #ABC035;
    padding: 1px;
    position: relative;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
    background-color: #fff;
    opacity: 1;
    height: 250px;
}

.box.csc.active .csc-box .text_auditions {
	color: #004388;
}

.csc-box .date_csc {
    background: #004388;
	line-height: 2.7;
	color: white;
    padding: 0px 15px;
}

.box.csc.active::after {
    content: "";
    display: block;
    width: 50%;
    margin: 0 auto;
    border-bottom: 15px #ABC035 solid;
}

.gallery-detail.csc-archive .backgallerytext.audizioni {
    border: solid 3px #ABC035;
}

.gallery-detail.csc-archive .backgallerytext.audizioni .icon.no-print {display: none;}
.gallery-detail.csc-archive .backgallerytext.audizioni .buttonAllegati { border: 1px solid #ABC035;}
.gallery-detail.csc-archive .backgallerytext.audizioni .buttonAllegati .icona .fa {color: #ABC035;}

.gallery-detail.csc-archive .backgallerytext.audizioni .data_gallery {
	font-family: 'Raleway';
	font-weight: bold;
	font-size: 23px;
	line-height: 32px;
	color: #004388;
}

.csc-box .text_auditions {
    color: #fff;
    padding: 15px !important;
    font-weight: bold;
	text-transform: uppercase;
	line-height: 1.4;
}

.csc-box .autorePaper {
    color: #27598d;
    padding: 13px !important;
	font-style: italic;
	position: absolute;
	bottom: 0px;
	line-height: 18px;
}

.gallery-detail.csc-archive .backgallerytext.audizioni .autorePaper {
    color: #004388;
    padding: 0px !important;
	font-style: italic;
}

.csc-box:hover .text_auditions{
    color: #004388;
    padding: 15px !important;
    font-weight: bold;
}

.csc-box .eu_date{
    color: #fff;
    padding: 0.5em 1em 0em 1.2em !important;

}


.csc-box:hover .auditions_date{
    color: black;
    padding: 0.5em 1em 0em 1.2em !important;
}

.csc-box:hover .date_auditions {
    background: #fff !important;
}

.csc-box a {
    cursor: pointer;
}

/* FINE ARCHIVIO PAPER CSC */

/* FINE rivista CSC */

.eng_version {
    background-image: url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/eng_flag.png);
    background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
    padding: 6px 12px 6px 56px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 300;
	border-radius: 4px;
	background-color: white;
    color: #004388;
}
.btn.eng_version:hover {
    background-image: url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/eng_flag.png);
    background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	background-color: #004388;
    color: white !important;
}
.ita_version {
    background-image: url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/ita_flag.png);
    background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
    padding: 6px 12px 6px 60px;
    font-size: 14px;
    letter-spacing: 0px;
    font-weight: 300;
	border-radius: 4px;
	background-color: white;
    color: #004388;
}
.btn.ita_version:hover {
    background-image: url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/ita_flag.png);
    background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	background-color: #004388;
    color: white !important;
}
/* FINE pulsanti lingue */

/* INIZIO C-News */

#viewerContainer { 
	overflow: hidden !important;
	overflow-x: hidden !important;
	overflow-y: hidden !important;
}
  
.cnews-Object {
	width: 80%; 
  	border-style: solid;
  	border-color: #004388;
  	border-width: 4px;
  	overflow: hidden;
  }
  
.CNews {
	color: rgb(170, 170, 170);
	margin-right: 4px;
}	

.box .categoria.c-news {
	font-size: 12px;
	margin-bottom: 6px;
}	

.pdfobject-container {
    max-width:100%;
    width: 850px;
    height: 1250px;
    border: 10px solid rgba(0,0,0,.2);
    margin: 0;
}

@media screen and (max-width: 992px) {
	.pdfobject-container {
		max-width: inherit !important;
		width: 750px !important;
    	height: 1115px !important;
	}
}

@media screen and (max-width: 750px) {	
	.pdfobject-container {
		width: 550px !important;
		height: 830px !important;
	}
}	

@media screen and (max-width: 500px){
	.pdfobject-container {
		width: 350px !important;
		height: 540px !important;
	}
}	

/* FINE C-News */

/* INIZIO Asso / Blog */
#page-back-button {
	cursor: pointer;
}
#page-back-button i.fa.fa-arrow-left {
	font-size:12px;
}
#page-back-button a.button.border {
	background: #004388;
	border: 1px solid #004388;
	color: #fff;
	font-weight: 200;
	font-size: 0.8em;
	height: 35px;
	padding: 8px;
}

.elenco-temi .button.border.segui {
    background: #004388;
    border: 1px solid #004388;
    color: #FFFFFF;
    font-weight: 400;
    cursor: pointer;
}
.feature-box-img { 
  height:160px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-size: auto !important;
  background-color: white !important;
  border-top: solid 1px #ccc !important;
  border-left: solid 1px #ccc !important;
  border-right: solid 1px #ccc !important;
}
.feature-box.news .border-news {
  height:90px;
}
.feature-box.news:hover .border-news {
  height:90px;
}

.feature-box.feature-box-temi.news.meta.ombraNew a {
	padding:0px;
}

.boxBlocchiTema {
	box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.15);
	border: thin solid lightgray;
}

.boxBlocchiTema .sectionTitle {
	display: inline-block;
}
.boxBlocchiTema .sectionTitle i {
    color: white;
    margin-right: 14px;
    font-size: 36px;
    float: left;
    text-shadow: 2px 2px #4178be36;
}

.boxBlocchiTema .sectionTitle h3 {
	display: inline-block;
    margin-bottom: 0px;
    color: #004388;
    font-weight: bold;
	font-size: 24px;
}

.boxBlocchiTema .bottoni {
	display: inline-block;
	float: right;
	margin-top: 4px;
}

.boxBlocchiTema .button + .button {margin-left: 6px;}

.boxBlocchiTema .TestataTema {
    background-color: #f3f2f2;
	padding: 8px 12px;
	border-bottom: 1px solid lightgray;
}

.boxBlocchiTema .TestataTema .bottoni a {
    background: white;
    border: 1px solid lightgray;
    color: #fff;
    font-weight: 200;
    font-size: 0.7em;
    padding: 6px 8px;
    border-radius: 0.25em;
    color: #004388;
	letter-spacing: 0px;
	max-height: 28px;
}

.boxBlocchiTema .TestataTema .bottoni .fa {
    margin-right: 6px;
}

.boxBlocchiTema p {
    color: #333333;
}

.boxBlocchiTema.HomePageBlogs ul, ol {
    list-style-type: unset;
    margin-left: 20px;
}

.boxBlocchiTema.HomePageBlogs ul li {
    margin-bottom: 8px;
}

.boxBlocchiTema.HomePageBlogs {
    box-shadow: 2px 2px 6px 0px rgba(0, 0, 0, 0.15);
}
.boxBlocchiTema.HomePageBlogs a {
	font-family: 'Roboto', sans-serif;
}
.boxBlocchiTema.HomePageBlogs .breadCrumb {
	font-size: 12px;
	margin: 6px 0px;
}
.boxBlocchiTema.HomePageBlogs .breadCrumb span {
	color: #626262;
	font-size: 12px;
	margin-right: 4px;
}

.boxBlocchiTema.HomePageBlogs .abstract {
	padding: 10px 0px;
    font-size: 14px !important;
    background: transparent !important;
	color: #333333;
	border-bottom: solid 1px #eee !important;
	border-top: solid 1px #eee !important;
}

.boxBlocchiTema.HomePageBlogs h5 {
    margin-bottom: 0px;
}

.boxBlocchiTema.HomePageBlogs .details {
	margin-top: 10px;
}

.boxBlocchiTema.HomePageBlogs span {
	display:inline;
}

.boxBlocchiTema.HomePageBlogs .titolo {
    display: inline-block;
}

.boxBlocchiTema.HomePageBlogs .titolo:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(90deg, rgba(13,101,130,1) 0%, rgba(0,67,136,0) 100%);
    margin: 6px 0px;
    border-radius: 1px;
}

.boxBlocchiTema.HomePageBlogs .details .date_aggiornamenti {
	border-left: none !important;
	padding-left: 6px;
	font-size: 12px;
	margin-bottom: 0px;
    line-height: 34px;
}

.boxBlocchiTema.HomePageBlogs.archive .list-group-item {
    border-bottom: none !important;
}

.tema-blog .list-group-item.BlogPost {
    margin-bottom: 1px;
	border: none !important;
    padding: 0px;
}

.SeparatoreVert {
	border-right:dotted 1px #aaa;
	margin: 0px 8px;
	padding-bottom: 6px;
}

.btn-group.elencoBottoni a {
	background-color: white !important;
    color: #004388 !important;
    border: none !important;
}

.btn-group.elencoBottoni .dropdown-menu {
    background-color: white;
	width: 100%;
	min-width: 160px;
	padding: 0px !important;
}

.elencoBottoni .dropdown-menu .divider {
    margin: 0px;
}

.elencoBottoni .dropdown-menu>li>a {
	padding: 10px 8px;
	text-align: left !important;
}

.elencoBottoni .dropdown-menu>li>a i {
	font-size: 16px;
	float: left;
	margin-right: 6px;
}

.elencoBottoni .dropdown-menu>li>a:hover {
    background-color: #f3f2f2 !important;
}
/* FINE Asso / Blog */

/* INIZIO Modifica sfondo header delle landingpage  */

.carousel-inner.LP {
    height: 350px;
    background-repeat: no-repeat;
    background-position: center 60px;
    background-attachment: fixed;
    background-color: white;
}

@media screen and (max-width: 767px) {
	.carousel-inner.LP {
		height: 300px;
		background-size: cover;
		background-position: top center;
	}
}

@media screen and (max-width: 400px) {
	.carousel-inner.LP {
		height: 200px;
		background-size: auto;
		background-position: top center;
	}
}
.default-content p, .default-content ul, .default-content li, .default-content ol {
    font-size: 17px !important;
}
/* FINE Modifica sfondo header delle landingpage  */


/* INIZIO nuove mattonelle CORRELATI */
.correlata{
	height: 260px;
	color: #fff;
	position: relative;
	overflow:hidden;
	border: solid 6px white;
	background-size: cover;
	background-position: center center;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	transition: ease-in-out .5s;
}

.correlata.evento {outline: 2px solid #004388;}
.correlata.news {outline: 2px solid #A1B7C2;}
.correlata.news:hover {border-color: #A1B7C2;transition: ease-in-out .5s;}
.correlata.news .data i, .correlata.news .leggi i {color: #A1B7C2;}
.correlata.CSC {outline: 2px solid #abc035;}
.correlata.associaz, .correlata.associaz.evento {outline: 2px solid #1887B1 !important;}
.correlata.PicIndus {outline: 2px solid #e9ec34;}


.correlata figure {
	position: absolute;
	text-align: left;
	padding: 6px 10px 10px 10px;
	width: 100%;
	height: 100%;
	background: rgb(255,255,255);
	background-color: white;
	bottom: -194px;
	transition: ease-in-out .5s;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
}
.correlata:hover figure {bottom: 0;}
.correlata figure a{
	margin: 0;
	padding-bottom: 10px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.2;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
}
.correlata .data,.correlata .categoria, .correlata p  {cursor: default;}

.correlata .leggi {
	font-size: 12px;
	float: right;
	color: #333;
	position: absolute !important;
	bottom: 6px !important;
	right: 10px !important;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
}

.correlata .data {
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color:#333333;
	margin-bottom: 6px;
}
.correlata .categoria {
	font-size: 13px;
	color:#333333;
	margin: 8px 0px;
}
.correlata .categoria span {
	font-weight: normal !important;
	font-style: italic;
	font-size: 13px;
	color:#333333;
}

.correlata p {
	font-size: 14px;
	color:#333333;
	max-height: 110px;
}

.correlata .data:after {
	content: '';
	display: block;
	width: 30%;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.3);
	margin-top: 2px;
}
.correlata .ApriArticolo {
	bottom: 6px;
	left: 10px;
	text-transform: none;
	font-family: 'Roboto', sans-serif;
}
.correlata img {height: 100%;}


/* VARIABILE evento */
.correlata.evento .dettagli {
	font-weight: normal;
	font-style: italic;
	font-size: 12px;
	color:#333333;
	margin-bottom: 3px;
    border-bottom: 1px solid #b2b2b2;
    display: inline-block;
    padding-bottom: 2px;
    top: -2px;
    position: relative;
}

.correlata.evento:hover {border-color: #004388;transition: ease-in-out .5s;}
.correlata.evento .dettagli i {color: #004388;}
.correlata.evento .leggi i {color: #004388;}

.correlata.evento.PicIndus:hover, .correlata.news.PicIndus:hover {border-color: #e9ec34;transition: ease-in-out .5s;}
.correlata.evento.PicIndus .dettagli i, .correlata.news.PicIndus .dettagli i {color: #e9ec34;}
.correlata.evento.PicIndus .leggi i, .correlata.news.PicIndus .leggi i {color: #e9ec34;}
.correlata.news.PicIndus .data i {color: #e9ec34;}



.correlata.evento.CSC:hover, .correlata.CSC:hover {border-color: #abc035;transition: ease-in-out .5s;}
.correlata.evento.CSC .dettagli i, .correlata.CSC .dettagli i {color: #abc035;}
.correlata.evento.CSC .leggi i, .correlata.CSC .leggi i {color: #abc035;}
.correlata.CSC .data i, .correlata.CSC .categoria .CSC {color: #abc035;}

.correlata.evento.associaz:hover {border-color: #1887B1;transition: ease-in-out .5s;}
.correlata.evento.associaz .leggi i {color: #1887B1;}
.correlata.evento.associaz .dettagli i {color: #1887B1;}

.correlata.evento .dettagli i {margin-right: 5px;}
.correlata.evento .dettagli span {display: inline-block;}
.correlata.evento .dettagli .quando {margin-right: 15px;}

/* FINE VARIABILE evento */

/* VARIABILE video e foto */
.correlata.media span {
	position: absolute;
	text-align: left;
	padding: 6px 10px 10px 10px;
	width: 100%;
	height: 100%;
	background-color: white;
	bottom: -194px;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
	transition: ease-in-out .5s;
	z-index: 1000;
}

.correlata.evento.media .dettagli div {
    display: inline-block;
}

.correlata.media .hideVideo {
	background: transparent;
	height: 100% !important;
	width: 100% !important;
	position: absolute;
	z-index: 900;
}

.correlata.media iframe {
    height: 100% !important;
    width: 100% !important;
	border-width: 0px;
	z-index: 800;
	position: absolute;
}

.correlata.media .icona {
	display: inline-block;
	float: right;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
	color: white;
    background: #004388;
    width: 30px;
    height: 30px;
	padding: 6px;
	z-index: 1100;
}

.correlata.media:hover span {
	bottom: -184px;
	transition: ease-in-out .5s;
}

.correlata.media span a {
    margin: 0;
    padding-bottom: 10px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

/* INIZIO mattonella progetti Piccola Industria */

.PicIndus.progetto {
    height: 290px;
}

.PicIndus.progetto figure {
    bottom: -200px;
    transition: ease-in-out .5s;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
	z-index: 100;
}

.PicIndus.progetto:hover figure {
	bottom: -145px;
	z-index: 100;
}

.PicIndus.progetto .hoverLayer {
	opacity: 0;
	position:absolute;
	width: 100%;
	height: 100%;
	background-color:black;
	z-index: 10;
	transition: ease-in-out .5s;
}

.PicIndus.progetto:hover .hoverLayer {
	opacity: 0.6;
	transition: ease-in-out .5s;
}

.PicIndus.progetto:hover {
	border-color: white;
    transition: ease-in-out .5s;
    border-width: 6px;
	border-left: 20px solid #e9ec34;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

/* FINE mattonella progetti Piccola Industria */



/* INIZIO mattonella progetti Fondazione MAI */

.correlata.FondMai.progetto {
    outline: 2px solid #1887b1;
}

.correlata.FondMai.progetto:hover {
    border-color: white;
    transition: ease-in-out .5s;
    border-width: 6px;
    border-left: 20px solid #1887b1;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);
}

.FondMai.progetto figure {
    bottom: 0px;
    transition: ease-in-out .5s;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.6);
	z-index: 100;
	height: 50px;
}

.FondMai.progetto .data i {
    margin-right: 5px;
    color: #1887b1;
}

.sameLine {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #333333;
    margin-bottom: 0px;
    border-bottom: 1px solid #b2b2b2;
    display: inline-block;
    padding-bottom: 0px;
    top: -2px;
    position: relative;
}

.sameLine .data, .sameLine .categoria {
    display: inline-block;
	margin: 2px 0px;
	margin: 0px;
    margin-right: 15px;
}

.sameLine .data:after {
    content: none;
    margin-top: 0px;
}

.correlata.FondMai.progetto .hoverLayer {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 10;
	transition: ease-in-out .5s;
	bottom: -200px;
}

.correlata.FondMai.progetto:hover .hoverLayer {
    opacity: 0.6;
	transition: ease-in-out .5s;
	bottom: -0px;
}


.correlata.FondMai.progetto .hoverLayer i {
	margin-top:60px;
	font-size: 80px;
	opacity: 0.4;
}

.correlata.FondMai.progetto:hover figure {
	padding-left: 2px;
	padding-right: 0px;
}

/* FINE mattonella progetti Fondazione MAI */


/* EFFETTO sull'hover */
.correlata.news:hover,
.correlata.evento:hover,
.correlata.evento.associaz:hover,
.correlata.evento.CSC:hover,
.correlata.CSC:hover,
.correlata.evento.PicIndus:hover,
.correlata.news.PicIndus:hover 
{transform: scale(1.03);}

/* FINE nuove mattonelle CORRELATI */


/* Immagine form di iscrizione */

.IscrivitiCover {
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
	border: solid 8px white;
	transition: ease-in-out .5s;
	height: 300px;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
}

.DettagliEvento .underBlock .fa {
	margin-right: 6px;
	color: grey;
	font-size: 18px;
}

.DettagliEvento .underBlock:after {
    content: '';
    display: block;
    height: 3px;
    width: 60px;
    background-color: #004388;
    margin-top: 4px;
}

.DettagliEvento .bottom_blue {
    border-bottom: dotted 1px #004388;
}

.promotore span {
	display: inline-block;
}
.promotore span h5, .promotore span h4 {
	display: inline-block;
	border-bottom: 4px solid #004388;
	padding-bottom: 4px;
}
.promotore span i {
	color: #004388;
	font-size: 26px;
	position: relative;
	top: 8px;
	margin-right: 12px;
	min-width: 26px;
	text-align: center;
}

.row.contatti span {
	padding-right: 10px;
    border-right: thin dotted lightgrey;
    margin-right: 0px;
}
.row.contatti span:last-child {
    border-right: none;
}
.row.contatti span i {
	font-size: 16px;
	position: inherit;
	margin-right: 8px;
}

#dove.container.promotore p {margin-bottom: 0px;}


/* INIZIO nuova grafica squadra presidenza */

.SchedaPresidenti {
    display: inline-block;
    min-width: 360px;
    vertical-align: top;
    margin: 0px 10px 40px 10px;
}

.FotoPresidente {
	width: 230px;
	height: 230px;
	border-radius: 4px 4px 0px 0px;
	border: 4px solid #004388;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.FotoPresidente::after {
	content: '';
    display: block;
    clear: both;
}

.FotoVice {
	width: 160px;
	height: 160px;
	border-radius: 4px 4px 0px 0px;
	border: 3px solid #004388;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.FotoVice::after {
	content: '';
    display: block;
    clear: both;
}

.InfoPresidente {
	min-width: 300px;
	border-radius: 4px;
	padding: 16px 0px;
	background: linear-gradient(#004388 0%, #024 100%);
	border: 1px solid #004388;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	margin: 0 auto;
	display: inline-block;
	position: relative;
    top: -4px;
}

.InfoPresidente h1 {
	color: white;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 4px;
    line-height: 1em;
}

.InfoPresidente h2 {
	color:#C3C3C3;
	font-size: 19px;
	margin-bottom: 0px;
	line-height: 1em;
	margin-bottom: 0px;
}

.InfoVice {
	width: 240px;
	min-height: 88px;
	border-radius: 4px;
	padding: 8px 0px;
	background: linear-gradient(#fff 0%, #fff 40%, #e5e5e5 100%);
	border: 2px solid #004388;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	margin: 0 auto;
	display: inline-block;
	position: relative;
	top: -4px;
}

.InfoVice h1 {
	color: #004388;
	font-size: 17px;
	font-weight: bold;
	margin-bottom: 6px;
    line-height: 1em;
}

.InfoVice h2 {
	font-family: 'Roboto', sans-serif !important;
	color:#707070;
	font-size: 15px;
	line-height: 1.2em;
	margin-bottom: 4px;
	overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 35px !important;
}

.InfoDirGen {
	min-width: 300px;
	border-radius: 4px;
	padding: 16px 0px;
	background: linear-gradient(#007fa7 0%, #026888 100%);
	border: none;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
	margin: 0 auto;
	display: inline-block;
	position: relative;
    top: -4px;
}


.SchedaDirGen {
    display: inline-block;
    min-width: 360px;
    vertical-align: top;
    margin: 0px 10px 40px 10px;
}

.FotoDirGen {
	width: 220px;
	height: 220px;
	border-radius: 4px 4px 0px 0px;
	border: 4px solid #007FA7;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6);
}
.FotoDirGen::after {
	content: '';
    display: block;
    clear: both;
}

.InfoDirGen h1 {
	color: white;
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 4px;
    line-height: 1em;
}

.InfoDirGen h2 {
	color:#C3C3C3;
	font-size: 19px;
	margin-bottom: 0px;
	line-height: 1em;
	margin-bottom: 0px;
}

.container .SchedaPersona {
	border-radius: 8px;
	border: 1px solid #004388;
	animation: fade in;
    animation-duration: 2s; 
	display: flex;
}

.container .SchedaPersona p {
	margin: 0px 0px 10px 0px !important;
	color: #626262 !important;
}

.container .SchedaPersona p:last-child {
	margin-bottom: 0px !important;
}

.container .SchedaPersona span {
	color: inherit !important;
}

.container .FotoScheda {
	border-radius: 6px;
	border: 2px solid #004388;
	margin: 10px 10px 6px 10px;
	min-width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media screen and (max-width: 400px) {
	.container .SchedaPersona {display: block;}
	.container .FotoScheda {min-height: 300px;}	
	.container .DatiPres {margin-left: 10px;}
}

.container .DatiPres {
	margin-right: 10px;
}

.container .SchedaPersona h1 {
	font-size: 28px;
	font-weight: bold;
	color: #004388;
	margin-bottom: 0px;
}

.container .SchedaPersona h2 {
	font-size: 22px;
	color:#525252;
	line-height: 1.2em;
}

/* INIZIO Parte relativa al menu sotto la scheda */

.MenuPresidente {
	max-width: 360px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	transition: ease-in-out .5s;
}

.MenuPresidente:hover {
	box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
	transition: ease-in-out .5s;
	transform: scale(1.03) translateY(-2px);
}

.MenuPresidente #foto, .MenuPresidente #InfoPresidente, .MenuVice .FotoViceScheda, .MenuVice .InfoVice {
	display: table-cell;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.MenuPresidente #foto img {
	width: 110px;
	height: 110px;
	border-radius: 4px 0px 0px 4px;
	border: 1px solid #004388;
	box-shadow: none;
}

.MenuVice.bordround {
	background-position: 7px;
	background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/common_images/acquilotto_grigio.svg);
	background-size: 108px;
    background-repeat: no-repeat;
}

.MenuPresidente #InfoPresidente {
	height: 101px;
	width: 250px;
    border-radius: 0px 4px 4px 0px;
    background: white;
	border: 1px solid #004388;
	border-left: 0px;
    margin: 0px;
    padding: 0px;
	padding-left: 10px;
	vertical-align: middle;
}

.MenuPresidente #InfoPresidente h1 {
	font-size: 21px;
	color: #004388;
	font-weight: bold;
	line-height: 1em;
}

.MenuPresidente #InfoPresidente h2 {
	font-size: 17px;
	color: #707070;
	line-height: 1em;
}


.BottoniGovernance {
	display: inline-flex;
    min-width: 210px;
    vertical-align: top;
	margin: 10px;
	min-height: 210px;
}

.BottoniGovernance img {
	width: 80%;
	margin-bottom: 10px;
}

.BottoniGovernance .title {
	font-size: 15px;
	color:#004388;
	font-weight: bold;
}

.MenuVice {
    display: inline-flex;
    min-width: 260px;
    vertical-align: top;
	margin: 10px;
	transition: ease-in-out .5s;
	max-height: 140px;
}

.MenuVice .FotoViceScheda {
    border-radius: 4px 0px 0px 4px;
    border: 1px solid #004388;
}

.MenuVice .InfoVice {
	min-height: 120px !important;
	width: 190px;
    border-radius: 0px 4px 4px 0px;
    background: white;
	border: 1px solid #004388;
	border-left: 0px;
	margin: 0px;
	margin-top: 4px;
    padding: 4px 8px;
	vertical-align: middle;
	text-align: left;
}


.MenuVice .InfoVice h1 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;
}

.MenuVice .InfoVice h2 {
	font-size: 12px;
	overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px !important;
}

/* FINE Parte relativa al menu sotto la scheda */

/* FINE nuova grafica squadra presidenza */


/* INIZIO nuovo titpo di mattonella */

.NuovaMattonella  {
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3);
    border: thin solid lightgray;
	transition: ease-in-out .5s;
	display: flex;
}

.NuovaMattonella .locandina, .NuovaMattonella .contenuti {
	display: table-column;
}

.NuovaMattonella .contenuti {
	padding: 10px 15px;
	width: 100%;
}

.NuovaMattonella .contenuti .titolo {
	font-family: 'Raleway', sans-serif;
    line-height: 1.2;
    font-size: 18px;
    text-transform: uppercase;
	font-weight: bold;
	padding-top: 10px;
    border-top: 1px solid lightgrey;
	margin-top: 10px !important;
}

.NuovaMattonella .contenuti .bollino_cultura-privato {
    font-size: 10px;
    color: white;
    background-color: #d59bc9;
    position: relative;
    top: 8px;
    right: -15px;
    padding: 3px 6px;
    line-height: 9px;
    text-align: right;
    display: inline-block;
    float: right;
}

.NuovaMattonella .contenuti .categoria {
    font-weight: normal !important;
    font-style: italic;
    font-size: 13px;
}

.NuovaMattonella .contenuti .data {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
}

.NuovaMattonella .contenuti .data i, .NuovaMattonella .contenuti .categoria i {
	width: 14px;
	text-align: center;
}

.NuovaMattonella .contenuti .data, .NuovaMattonella .contenuti .categoria, .NuovaMattonella .contenuti .titolo {
    display: block;
	margin: 2px 0px;
}	

.NuovaMattonella .categoria .Prom, .NuovaMattonella .data .Ass {
    color: #1887B1;
    margin-right: 4px;
}

.NuovaMattonella .locandina  {
    height: auto;
	width: 50%;
	max-width: 230px;
    bottom: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    border: solid 4px #1887B1;
}

.NuovaMattonella .abstractDesc p, .NuovaMattonella .abstractDesc div, .NuovaMattonella .abstractDesc span {
	font-size: 14px !important;
	line-height: 20px !important;
	text-align: left !important;
	color: #666666 !important;
	font-family: inherit !important;
}

.NuovaMattonella .abstractDesc p a, .NuovaMattonella .abstractDesc div a, .NuovaMattonella .abstractDesc span a {
	display: none;
}	


.NuovaMattonella .abstractDesc img  {
	display: none;
}

.NuovaMattonella .contenuti .leggi {
    font-size: 12px;
    float: right;
    color: #333;
    position: absolute !important;
    bottom: 15px !important;
    right: 35px !important;
}


.NuovaMattonella .contenuti .categoria.truncateMulti {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 20px !important;
}

.NuovaMattonella .contenuti .titolo.truncateMulti {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	height: 56px !important;
	width: 100%;
}

.NuovaMattonella .contenuti .abstractDesc.truncateMulti {
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
	height: 65px !important;
}

.NuovaMattonella a.locandina {
	height: 100%;
    width: 100%;
    border: none;
    display: block;
}	

.NuovaMattonella a:hover.locandina {
	background: rgba(24, 135, 177, 0.6);
}	

.NuovaMattonella a.locandina figure {
	opacity: 0;
	height: 230px;
	width: auto;
	text-align: center;
}	

.NuovaMattonella a.locandina figure span {
    color: #fff;
    font-size: 14px;
    top: 35%;
	position: relative;
}

.NuovaMattonella a.locandina figure span i {
	font-size: 40px;
	margin-bottom: 10px;
}

.NuovaMattonella a:hover.locandina figure {
	opacity: 1;
}	

.NuovaMattonella .locandina,
.NuovaMattonella a:hover.locandina,
.NuovaMattonella a.locandina figure,
.NuovaMattonella a.locandina figure span,
.NuovaMattonella a.locandina figure span i,
.NuovaMattonella a:hover.locandina figure {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}	


.NuovaMattonella .nuovaData {
    position: absolute;
    display: block;
    width: 60px;
    height: 60px;
    background-color: #1887B1;
    text-align: center;
	color: white;
	z-index:100;
	cursor: pointer;
	font-family: 'Raleway', sans-serif;
	line-height: 40px;
	
}

.NuovaMattonella .nuovaData .giorno, .NuovaMattonella .nuovaData .mese {
	display: block;
}

.NuovaMattonella .nuovaData .giorno {
	font-size: 24px;
	font-weight: bold;

}

.NuovaMattonella .nuovaData .mese {
	font-size: 18px;
	font-style: italic;
	line-height: 0px;
}



.divider {
	position: relative;
	margin: 30px 0px;
	height: 1px;
}

.divider.blu {
    border-bottom: 1px solid #004388;
}

.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(0,67,136), transparent);
}

.div-arrow-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -6px;
	left: calc(50% - 6px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	border-bottom: 1px solid rgb(0,67,136);
	border-right: 1px solid rgb(0,67,136);
}


/* FINE nuovo titpo di mattonella */

@media screen and (max-width: 400px) {
	#ot-sdk-btn-floating.ot-floating-button {
		/*left: unset !important;
		right: 10px;*/
		bottom: 50px !important;
		z-index: 0 !important;
		margin-left:12px!important;
	}
	
	#ot-sdk-btn-floating .ot-floating-button__front {border-radius: 4px;}
 }
 
 
 /*TORNA SU tasto */ 
 
 #back-to-top .top.arrow {
    width: 50px!important;
    height: 50px!important;
    bottom: 50px!important;
    border-radius: 4px!important;
}

#back-to-top i {
    font-size: 25px;
}

#back-to-top span {
    font-size: 14px;
}

/* FINE TORNA SU tasto */ 

/* modifica stile grafico FILTRI */ 

#accordion .filtri h4 {margin-bottom: 0px;}
#accordion .filtri {box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 20%); border: 1px solid #a1b7c2; border-top: 3px solid #447186cc; padding-top: 0px;}
#accordion #filtri .panel-body {border-top: 8px solid #447186cc;padding: 0px 10px !important;}
#testata_filtri.panel-heading {border-radius:0px;}
#testata_filtri.panel-heading a:hover {color: #004388 !important}

/* FINE modifica stile grafico FILTRI */ 



nav.confmenu .subnav, .transition-timer-carousel .carousel-caption.home {
    background: rgba(0, 67, 137, 0.95);
}



/* FINE styles.css e sto dentro themes/common_css */.wpToolbarActionBarImages-Administration{width:26px;height:18px;background-position:0 0}
.wpToolbarActionBarImages-AdministrationSelected{width:26px;height:18px;background-position:0 -28px}
.wpToolbarActionBarImages-AdministrationSelected-rtl{width:26px;height:18px;background-position:0 -56px}
.wpToolbarActionBarImages-Administration-rtl{width:26px;height:18px;background-position:0 -84px}
.wpToolbarActionBarImages-Applications{width:26px;height:18px;background-position:0 -112px}
.wpToolbarActionBarImages-ApplicationsSelected{width:26px;height:18px;background-position:0 -140px}
.wpToolbarActionBarImages-ApplicationsSelected-rtl{width:26px;height:18px;background-position:0 -168px}
.wpToolbarActionBarImages-Applications-rtl{width:26px;height:18px;background-position:0 -196px}
.wpToolbarActionBarImages-Close{width:18px;height:18px;background-position:0 -224px}
.wpToolbarActionBarImages-Close-rtl{width:18px;height:18px;background-position:0 -252px}
.wpToolbarActionBarImages-Dashboard{width:18px;height:18px;background-position:0 -280px}
.wpToolbarActionBarImages-DashboardHover{width:18px;height:18px;background-position:0 -308px}
.wpToolbarActionBarImages-DashboardHover-rtl{width:18px;height:18px;background-position:0 -336px}
.wpToolbarActionBarImages-Dashboard-rtl{width:18px;height:18px;background-position:0 -364px}
.wpToolbarActionBarImages-InfoMode{width:18px;height:18px;background-position:0 -392px}
.wpToolbarActionBarImages-InfoModeHover{width:18px;height:18px;background-position:0 -420px}
.wpToolbarActionBarImages-InfoModeHover-rtl{width:18px;height:18px;background-position:0 -448px}
.wpToolbarActionBarImages-InfoModeSelected{width:18px;height:18px;background-position:0 -476px}
.wpToolbarActionBarImages-InfoModeSelected-rtl{width:18px;height:18px;background-position:0 -504px}
.wpToolbarActionBarImages-InfoMode-rtl{width:18px;height:18px;background-position:0 -532px}
.wpToolbarActionBarImages-More{width:26px;height:18px;background-position:0 -560px}
.wpToolbarActionBarImages-MoreSelected{width:26px;height:18px;background-position:0 -588px}
.wpToolbarActionBarImages-MoreSelected-rtl{width:26px;height:18px;background-position:0 -616px}
.wpToolbarActionBarImages-More-rtl{width:26px;height:18px;background-position:0 -644px}
.wpToolbarActionBarImages-Open{width:18px;height:18px;background-position:0 -672px}
.wpToolbarActionBarImages-OpenHover{width:18px;height:18px;background-position:0 -700px}
.wpToolbarActionBarImages-OpenHover-rtl{width:18px;height:18px;background-position:0 -728px}
.wpToolbarActionBarImages-Open-rtl{width:18px;height:18px;background-position:0 -756px}
.wpToolbarActionBarImages-Preview{width:26px;height:18px;background-position:0 -784px}
.wpToolbarActionBarImages-PreviewSelected{width:26px;height:18px;background-position:0 -812px}
.wpToolbarActionBarImages-PreviewSelected-rtl{width:26px;height:18px;background-position:0 -840px}
.wpToolbarActionBarImages-Preview-rtl{width:26px;height:18px;background-position:0 -868px}
.wpToolbarActionBarImages-Sites{width:26px;height:18px;background-position:0 -896px}
.wpToolbarActionBarImages-SitesSelected{width:26px;height:18px;background-position:0 -924px}
.wpToolbarActionBarImages-SitesSelected-rtl{width:26px;height:18px;background-position:0 -952px}
.wpToolbarActionBarImages-Sites-rtl{width:26px;height:18px;background-position:0 -980px}
.wpToolbarActionBarImages-Toolbar{width:18px;height:18px;background-position:0 -1008px}
.wpToolbarActionBarImages-ToolbarSelected{width:18px;height:18px;background-position:0 -1036px}
.wpToolbarActionBarImages-ToolbarSelected-rtl{width:18px;height:18px;background-position:0 -1064px}
.wpToolbarActionBarImages-Toolbar-rtl{width:18px;height:18px;background-position:0 -1092px}

.wpToolbarActionBarImages{background-image:url('/toolbarModules/modules/common/css/images/commonActionBar.png');background-repeat:no-repeat;display:-moz-inline-box;display:inline-block}
.lotusImagesOff .wpToolbarActionBarImages{display:none}

.wpToolbarCommon .wpToolbarAltText,
.wpToolbarCommon .wpToolbarImagesOff {
    display: none;
}
.lotusImagesOff .wpToolbarCommon img,
.wpthemeImagesOff .wpToolbarCommon img,
.lotusImagesOff.wpToolbarCommon img,
.wpthemeImagesOff.wpToolbarCommon img {
    display: none !important;
}
.wpthemeImagesOff .wpToolbarCommon .wpToolbarImagesOff,
.lotusImagesOff .wpToolbarCommon .wpToolbarImagesOff,
.wpthemeImagesOff.wpToolbarCommon .wpToolbarImagesOff,
.lotusImagesOff.wpToolbarCommon .wpToolbarImagesOff {
    display: inline;
}
/**
 * CSS for building toggle links and toggle buttons.
 * Both can have a label or an image.
 *
 * Examples:
 *
 * <div class="wpToolbarCommon">
 *   ...
 *   <div class="wpToolbarToggleLink selected">
 *     <a href="#" title="tooltip" role="button" aria-pressed="true">
 *       <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
 *     </a>
 *     <div class="wpToolbarAltText">Alt text</div>
 *   </div>
 *   ...
 *   <div class="wpToolbarToggleLink">
 *     <a href="#" title="tooltip" role="button" aria-pressed="false">
 *       My Label
 *     </a>
 *     <div class="wpToolbarAltText">Alt text</div>
 *   </div>
 *   ...
  *   <div class="wpToolbarToggle selected">
 *     <a href="#" title="tooltip" role="button" aria-pressed="true">
 *       <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">
 *     </a>
 *     <div class="wpToolbarAltText">Alt text</div>
 *   </div>
 *   ...
 *   <div class="wpToolbarToggle">
 *     <a href="#" title="tooltip" role="button" aria-pressed="false">
 *       My Label
 *     </a>
 *     <div class="wpToolbarAltText">Alt text</div>
 *   </div>
 * </div>
 *
 */
.wpToolbarCommon .wpToolbarToggle,
.wpToolbarCommon .wpthemeMenuShow.wpToolbarToggleLink {
    display: inline-block;
}

.wpToolbarCommon .wpToolbarToggle > a,
.wpToolbarCommon .wpToolbarToggleLink > a {
	box-sizing: border-box;
    display: inline-block;
    position: relative;
    min-width: 48px;
    min-height: 24px;
    padding: 3px;
    text-decoration: none;
    text-align: center;
    color: #000;
}
/* center the img element */
.wpToolbarCommon .wpToolbarToggle a img,
.wpToolbarCommon .wpToolbarToggleLink a img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.wpToolbarCommon .wpToolbarToggle:hover a .wpToolbarAltText,
.wpToolbarCommon .wpToolbarToggleLink:hover a .wpToolbarAltText {
	color: #222;
	text-decoration: underline;
}
/*
 * Overrides for toggle button
 */
.wpToolbarCommon .wpToolbarToggle > a {
    border-radius: 2px;
    border: 1px solid #c4c4c4;
    box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #fff;
    background-color: #f2f2f2;
    background: linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
    background: -moz-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #f2f2f2 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #f2f2f2), color-stop(1.0, #e0e0e0) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#f2f2f2' );
}
.wpToolbarCommon .wpToolbarToggle > a:hover,
.wpToolbarCommon .wpToolbarToggle > a:focus {
    box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff;
    -webkit-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff;
    -moz-box-shadow: inset 0px 0px 2px #fff, inset 0px -2px 1px #c4c4c4, 0px 1px 0px #fff;
    background-color: #f2f2f2;
    background: linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%);
    background: -moz-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%);
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%, #d8d8d8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #e0e0e0), color-stop(1.0, #d8d8d8) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#e0e0e0' );
}
.wpToolbarCommon .wpToolbarToggle.selected > a {
    box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF;
    -webkit-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF;
    -moz-box-shadow: inset 0px 1px 2px #646464, inset 0px -2px 1px #d4d4d4, 0px 1px 0px #FFFFFF;
    background-color: #aaaaaa;
    background: linear-gradient(top, #aaa 0%, #cfcfcf 100%);
    background: -o-linear-gradient(top, #aaa 0%, #cfcfcf 100%);
    background: -moz-linear-gradient(top, #aaa 0%, #cfcfcf 100%);
    background: -webkit-linear-gradient(top, #aaa 0%, #cfcfcf 100%);
    background: -ms-linear-gradient(top, #aaaaaa 0%, #cfcfcf 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #aaa), color-stop(1.0, #cfcfcf) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cfcfcf', endColorstr='#aaaaaa' );
    border: 1px solid #aaaaaa;
}.wpthemeMenuAnchor {display:inline-table !important;}.wpthemeMenuBorder {top: -9999px; border:3px solid #454545; border:3px solid rgba(23, 23, 23, 0.8); -moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 0 4px rgba(0, 0, 0, 0.4); box-shadow:0 0 4px rgba(0, 0, 0, 0.4); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; margin:0; z-index: 10000; position: absolute; padding:0; display: none;}.wpthemeMenuBorder .wpthemeMenuNotchBorder {position:absolute; background-image: url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/Confindustria_ST/css/images/cam_sharkfin_normal_top.png); background-position: center; background-repeat: no-repeat; width: 13px; height: 10px; padding: 0 20px; top: -10px;}.wpthemeMenuBorder .wpthemeMenuDropDown {list-style: none outside none; margin: 0; white-space: nowrap; padding: 7px 10px; background-color:white; cursor:default;}.wpthemeMenuBorder .wpthemeMenuDropDown li {color:#222; margin: 1px; padding: 2px 8px; font-family: arial; font-size: 1.1em; text-align: left; border: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li:focus,.wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li:hover{background-color:#F0FAFA; border: 1px solid rgb(215,230,232);}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem:hover .wpthemeMenuText {text-decoration: underline;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeMenuitem {cursor:pointer;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader {font-weight:bold; color:#000; font-size: 1.15em;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover {background-color: transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus .wpthemeMenuText,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover .wpthemeMenuText,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus .wpthemeMenuText, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover .wpthemeMenuText {text-decoration: none;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuError:focus,.wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover {border: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:focus, .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator:hover {border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent;}.wpthemeMenuBorder .wpthemeMenuDropDown li.wpthemeMenuDisabled {color: #CCCCCC;}.wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator {border-top: thin solid #e0e0e0; background-color: transparent; padding: 0px 10px; font-size:0px; line-height:0;}.wpthemeMenuBorder .wpthemeMenuDropDown .wpthemeMenuText {display:inline; width:100%;}.wpthemeMenuLoading {top: -99999px !important; white-space: nowrap; margin: 1px; padding: 5px 10px 5px 25px; position: absolute; background-image:url(/contenthandler/!ut/p/digest!iz67yqOQnqPda5Sovznj-g/dav/fs-type1/themes/Confindustria_ST/css/images/loading.gif); background-repeat:no-repeat; background-position:5px center;}.wpthemeMenuLoadingText {color:#222; font-family: arial; font-size: 1.1em;}.wpthemeMenuNotchBorder {visibility:hidden;}.wpthemeMenuShow .wpthemeMenuNotchBorder {visibility: visible;}.wpthemeMenuBadge {border-radius: 3px; color: #FFFFFF; font-size: 0.95em; font-weight: bold; margin-left: 6px; padding: 1px 4px; line-height: 1em; vertical-align: 1px;}.wpthemeMenuBadgeInfo {background-color: #009900;}.wpthemeMenuBadgeWarn {background-color: #EE8800;}.wpthemeMenuBadgeError {background-color: #CC0000;}.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuBorder.wpthemeMenuSubmenu {top: -9999px;}.wpthemeMenuDropDown li.typeSubmenu {}.wpthemeMenuDropDown .wpthemeAnchorSubmenu {position: relative;}.wpthemeMenuShow .wpthemeMenuDropDown .typeSubmenu.wpthemeMenuShow .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuSubmenu {top: -2em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown li {font-size: 1.1em;}.wpthemeMenuSubmenu .wpthemeMenuDropDown .wpthemeMenuLoading {font-size: 1.1em;}.wpthemeMenuOverlay {visibility:hidden; position: absolute;}.wpthemeMenuShow .wpthemeMenuOverlay {visibility: visible; z-index: 10000;}.lotusui_ie7 .wpthemeControlBody .lotusSection,.lotusui_ie7 .wpthemeControlBody .lotusWelcomeBox {position: static;}.wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus,.wptheme_ie7 .wpthemePlain .wpthemeControlHeader .wpthemeMenuFocus {display:none;}.wptheme_ie7 .wpthemeMenuDropDown {min-height: 0;}
.wpthemeMenuLeft {color: #000; float:left; position: absolute; z-index:10000; font-size: 0.9em;}.wpthemeMenuRight {color: #000; float:right; position: absolute; z-index:10000; font-size: 0.9em;}.lotusui_ie7 .wpthemeMenuRight {float: none;}.wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: 0px;}.wpthemeIcon .wpthemeMenuLeft .wpthemeMenuBorder .wpthemeMenuNotchBorder {left: -20px;}.wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: 0px;}.wpthemeActionsMenu .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {padding: 0 30px;}.wpthemeIcon .wpthemeMenuRight .wpthemeMenuBorder .wpthemeMenuNotchBorder {right: -5px;}.wpthemeMenuBorder .wpthemeMenuDropDown li.rtl {text-align: right;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuBorder {left: -10px; top: 25px; display: block;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: -10px; top: 25px; display: block;}.wpthemeIcon.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {right: 0px;}.wpthemeMenuShow .wpthemeMenuLeft .wpthemeMenuLoading {position: static;}.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuLoading {position: static;}.wpthemeMenuLeft .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%;}.wpthemeMenuLeft .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: auto; right: 102%;}.wpthemeMenuRight .typeSubmenu.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {right: 102%;}.wpthemeMenuRight .typeSubmenu.rtl.wpthemeMenuShow .wpthemeMenuBorder.wpthemeMenuSubmenu {left: 104%; right: auto;}
.stActionMenu .wpthemeMenuBorder .wpthemeMenuNotchBorder {background-image: none;}.stActionMenu .wpthemeMenuBorder {border: 2px solid #e0e0e0; box-shadow: none; border-radius: 0;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuLoading {margin: 0; margin-left: 10px;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuDropDown {border: none; padding: 0;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuDropDown li {padding: 14px 20px; margin: 0; font-size: 14px; color: #323232; border: none;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuDropDown li.typeSeparator {background-color: transparent; border-top: thin solid #e0e0e0; font-size: 0; line-height: 0; padding: 0 10px;}.wpToolbarMenu {font-size: 75%;}.wpToolbarMenu .wpthemeMenuBorder .wpthemeMenuDropDown li{font-size: 1.1em;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuDropDown li:focus, .stActionMenu .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li:hover {background-color: #e0e0e0; margin: 0; border: 0;}.stActionMenu .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader {font-size: 14px;}.stActionMenu .wpthemeNoTouch .wpthemeMenuBorder .wpthemeMenuDropDown li.typeHeader:hover {border: none;}.stActionMenu .wpthemeMenuLoading {padding: 14px 20px;}.stActionMenu .wpthemeMenuLoadingText {padding-left: 30px; font-size: 14px;}.stActionMenu.wpthemeMenuShow .wpthemeMenuRight .wpthemeMenuBorder {top: 54px !important; right: -2px;}.stActionMenu .wpthemeAnchorSubmenu.wpthemeTemplateSubmenu .wpthemeMenuBorder {top: -99999px !important;}.stActionMenuFixed {position: fixed;}
/** CSS styles for the project mode container (project menu + edit mode toggle) */
.wpToolbarProjectModeContainer {
    line-height: 1.5em;
    display: inline-block;
    padding: 0px;
}
.wpToolbarProjectModeContainer > div {
    float: left;
    display: block;
    padding: 4px 12px;
}

/* CSS styles for edit mode switch */
.wpPageModeLabel {
    float: left;
    padding-right: 7px;
    cursor: text;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.wpPageModeToggle {
    min-width: 64px;
    line-height: 1.35em;
    overflow: hidden;
    position: relative;
    border-radius: 2px;
    color: #FEFEFE;
    cursor: pointer;
    float: left;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 1px;
    box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee;
    -webkit-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee;
    -moz-box-shadow: inset 0px 1px 2px #1a1a1a, 0px 1px 0px #eee;
    background: linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -o-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -moz-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -webkit-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -ms-linear-gradient(top, #454545 0%, #8b8b8b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #454545), color-stop(1.0, #8b8b8b));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#454545', endColorstr='#8b8b8b');
    background-color: #454545;
}
.wpPageModeToggle .off,
.wpPageModeToggle .on,
.wpPageModeToggle .knob {
    white-space: nowrap;
    overflow: hidden;
}
.wpPageModeToggle .off {
    padding-right: 6px;
    text-shadow: 0 0 2px rgba(0,0,0,1);
    text-align: right;
}
.a11yHighContrast .wpPageModeToggle.disabled .off,
.a11yHighContrast .wpPageModeToggle.disabled .on,
.lotusImagesOff .wpPageModeToggle.disabled .off,
.lotusImagesOff .wpPageModeToggle.disabled .on,
.wpThemeImagesOff .wpPageModeToggle.disabled .off,
.wpThemeImagesOff .wpPageModeToggle.disabled .on {
    font-style: italic;
}
.wpPageModeToggle .on span {
    padding-left: 6px;
    text-overflow: ellipsis;
}
.wpPageModeToggle .on {
    position: absolute;
    top: 1px;
    text-align: left;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: inset 0px 1px 3px #262626;
    -webkit-box-shadow: inset 0px 1px 3px #262626;
    -moz-box-shadow: inset 0px 1px 3px #262626;
    background: linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -o-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -moz-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -webkit-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -ms-linear-gradient(top, #3079af 0%, #4993c9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #3079af), color-stop(1.0, #4993c9));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3079af', endColorstr='#4993c9');
    background-color: #3079af;
    margin: -1px;
    padding: 1px;
    width: 100%;
}
.lotusui_ie8 .wpPageModeToggle .disabled,
.lotusui_ie9 .wpPageModeToggle .disabled,
.lotusui_ie8 .wpPageModeToggle .on,
.lotusui_ie9 .wpPageModeToggle .on {
    margin: 0;
    padding: 0;
}
.wpPageModeToggle .disabled {
    display: none;
    color: #000;
    position: absolute;
    cursor: default;
    top: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    background-color: rgba(240, 240, 240, 0.5);
    margin: -1px;
    padding: 1px;
    width: 100%;
}
.a11yHighContrast .wpPageModeToggle .disabled,
.lotusImagesOff .wpPageModeToggle .disabled,
.wpThemeImagesOff .wpPageModeToggle .disabled {
	background-color: rgba(240, 240, 240, 0);
}
.wpPageModeToggle.disabled .disabled {
    display: block;
}
.wpPageModeToggle .filler {
    display: inline-block;
    width: 28px;
}
.wpPageModeToggle .knob a {
    width: 22px;
    border: 1px solid #666;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    display: block;
    background-color: #eaeaea;
    background: linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -o-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -moz-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -webkit-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -ms-linear-gradient(top, #eaeaea 0%, #b5b5b5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #eaeaea), color-stop(1.0, #b5b5b5));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#eaeaea');
    box-shadow: inset 0px 0px 2px #d9d9d9;
    -webkit-box-shadow: inset 0px 0px 2px #d9d9d9;
    -moz-box-shadow: inset 0px 0px 2px #d9d9d9;
    text-decoration: none;
}
.wpPageModeToggle .knob {
    position: absolute;
    top: 0px;
    bottom: 0px;
}
.wpPageModeToggle .knob span {
    color: #000;
    background-color: #eaeaea;
}
.wpPageModeToggle.valueon .knob {
    right: 0px;
}
.wpPageModeToggle.valueon .on {
    left: 1px;
}
.wpPageModeToggle.valueoff .knob {
    left: 0px;
}
.wpPageModeToggle.valueoff .on {
    left: -100%;
}
/* defect #93231 HCM should be OneUI independent */
.a11yHighContrast .wpPageModeToggle,
.wpthemeImagesOff .wpPageModeToggle,
.lotusImagesOff .wpPageModeToggle {
    border: 1px solid #C4C4C4;
}

/* General CSS style definitions for action bar */
.wpthemeComplementaryContent #actionBar {
    display: none;
}
.wpToolbarActionBar {
    background-color: #f3f3f3;
    border-bottom: 1px solid #d3d3d3;
    position: relative;
    height: 3em;
    line-height: 3em;
    min-height: 36px;
    max-height: 48px;
    z-index: 5;
}
.wpToolbarActionBar > ul,
.wpToolbarActionBar > ul > li,
.wpToolbarActionBar > ul > li > div,
.wpToolbarActionBar > ul > li > div > a,
.wpToolbarProjectModeContainer > div,
.wpToolbarMoreMenuContainer > div,
.wpToolbarMoreMenuContainer > div > a {
    height: 100%;
    box-sizing: border-box;
}
.wpToolbarActionBar > ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.wpToolbarActionBar .wpToolbarActionArea,
.wpToolbarActionBar .wpToolbarToggleLink,
.wpToolbarActionBar .wpToolbarToggle {
    float: left;
}
.wpToolbarActionBar .wpToolbarToggleLink a {
    padding-top: 0;
    padding-bottom: 0;
}
.wpToolbarActionBar .toolbarToggle {
    visibility: visible;
}
.wpToolbarActionBar .toolbarToggle .disabled {
    visibility: hidden;
}
.wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a {
    width: 54px;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a,
.lotusImagesOff .wpToolbarActionBar .wpToolbarActionArea.toolbarToggle a {
    width: 100px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle {
    padding: 6px 6px 4px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle > a{
    cursor: default;
    padding: 0px 11px;
}
.wpToolbarActionBar .wpToolbarActionArea.modeToggle .wpToolbarToggle.selected  > a{
    border: 1px solid #adadad;
    box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 1px 1px 0px 4px rgba(0, 0, 0, 0.1);
    background: linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -o-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -moz-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -webkit-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -ms-linear-gradient(top, #D1D1D1 10%, #DBDBDB 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #D1D1D1), color-stop(0.9, #DBDBDB));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBDBDB', endColorstr='#D1D1D1');
}
.a11yHighContrast .wpToolbarActionBar img {
    display: none;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarMenu .wpToolbarAltText,
.a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.on,
.a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.off,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off,
.lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.off {
    display: inline;
}
.a11yHighContrast .wpToolbarActionBar .wpToolbarImagesOff.on,
.wpthemeImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on,
.lotusImagesOff .wpToolbarActionBar .wpToolbarImagesOff.on,
.a11yHighContrast .wpToolbarActionBar .selected .wpToolbarImagesOff.off,
.wpthemeImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off,
.lotusImagesOff .wpToolbarActionBar .selected .wpToolbarImagesOff.off {
    display: none;
}
.wpToolbarLeft {
    float: left;
}
.wpToolbarRight {
    float: right;
}
.wpToolbarToggle .wpthemeMenu {
    z-index: 5000;
}
/** Login link */
.wpToolbarActionBar .wpToolbarLoginContainer {
    width: 100%;
    position: absolute;
    z-index: 5000;
}
.wpToolbarActionBar .wpToolbarLogin {
    position: absolute;
    left: 50%;
    z-index: 5000;
}
.wpToolbarActionBar .wpToolbarLogin > div {
    position: relative;
    left: -50%;
    height: 20px;
}
.wpToolbarActionBar .wpToolbarLogin a,
.wpToolbarActionBar .wpToolbarLogin a:visited,
.wpToolbarActionBar .wpToolbarLogin a:hover,
.wpToolbarActionBar .wpToolbarLogin a:active,
.wpToolbarActionBar .wpToolbarLogin a:focus,
.wpToolbarActionBar .wpToolbarLogin a:link {
    color: #1970B0;
}
.typeMenuitem.wpthemeSelected {
    background-color: #e1f5fa;
    border: 1px solid #c8e1eb !important;
}
.wpToolbarToggle .wpthemeMenuBorder .wpthemeMenuDropDown li {
    text-align: left;
}
.wpToolbarActionBar .wpToolbarLogo {
    position: relative;
    width: 60px;
}
.wpToolbarActionBar .wpToolbarLogo img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.selected .wpToolbarActionBarImages-Toolbar,
.wpToolbarActionBarImages-ToolbarSelected,
.selected .wpToolbarActionBarImages-InfoMode,
:hover > .wpToolbarActionBarImages-InfoMode,
.wpToolbarActionBarImages-InfoModeSelected,
.wpToolbarActionBarImages-InfoModeHover,
.selected:hover .wpToolbarActionBarImages-InfoModeHover,
.selected .wpToolbarActionBarImages-Sites,
:hover > .wpToolbarActionBarImages-Sites,
.wpToolbarActionBarImages-SitesSelected,
.selected .wpToolbarActionBarImages-Applications,
:hover > .wpToolbarActionBarImages-Applications,
.wpToolbarActionBarImages-ApplicationsSelected,
.selected .wpToolbarActionBarImages-Administration,
:hover > .wpToolbarActionBarImages-Administration,
.wpToolbarActionBarImages-AdministrationSelected,
.wpToolbarActionBarImages-DashboardHover,
:hover > .wpToolbarActionBarImages-Dashboard {
    display: none;
}
.selected .wpToolbarActionBarImages-ToolbarSelected,
.selected .wpToolbarActionBarImages-InfoModeSelected,
:hover > .wpToolbarActionBarImages-SitesSelected,
:hover > .wpToolbarActionBarImages-ApplicationsSelected,
:hover > .wpToolbarActionBarImages-AdministrationSelected,
.selected .wpToolbarActionBarImages-SitesSelected,
.selected .wpToolbarActionBarImages-ApplicationsSelected,
.selected .wpToolbarActionBarImages-AdministrationSelected,
:hover > .wpToolbarActionBarImages-InfoModeHover,
:hover > .wpToolbarActionBarImages-DashboardHover {
    display: inline-block;
}
@media (max-width: 979px) {
    .wpToolbarActionBar .wpToolbarLogo {
        display: none;
    }
}
/*
 * If the screen is smaller than 768 pixels,
 * we want to hide the controls to open the toolbar.
 */
@media (max-width: 767px) {
    .wpToolbarActionBar .toolbarToggle,
    .wpToolbarActionBar .infoModeToggle,
    .wpToolbarActionBar .wpPageModeToggleContainer {
        display: none;
    }
}
/*
 * If the screen is smaller than 480 pixels,
 * we only want to display the navigation controls.
 */
@media (max-width: 479px) {
    .wpToolbarActionBar .wpToolbarPreviewMenu,
    .wpToolbarActionBar .wpToolbarMoreMenu {
        display: none;
    }
}
/*
 * Draft ribbon overrides
 */
body.toolbar-closed .wpthemeDraftRibbonLeft,
body.toolbar-closed .wpthemeDraftRibbonRight {
    top: calc(3em + 1px);
}
/*
 * Hide the Create Page link on the No Content Available screen.
 */
#ibm\.portal\.home\.createpage,
#ibm\.portal\.home\.createpage + br  {
    display: none;
}
/*
 * Show the Create Page link on the No Content Available screen for edit mode.
 */
.edit-mode #ibm\.portal\.home\.createpage,
.edit-mode #ibm\.portal\.home\.createpage + br {
    display: inline-block;
}.wpthemeDraftRibbonLeft,.wpthemeDraftRibbonRight {width: 40px; height: 100%; position: fixed; top: 0; background-color: rgba(0, 0, 0, 0.6);}.wpthemeDraftRibbonLeft {border-right: 1px solid rgba(256, 256, 256, 0.6);}.wpthemeDraftRibbonRight {right: 0; border-left: 1px solid rgba(256, 256, 256, 0.6);}.wpthemeDraftRibbonLeft .wpthemeDraftText,.wpthemeDraftRibbonRight .wpthemeDraftText {font-style: italic; font-weight: bold; color: white; white-space: nowrap; position: fixed; bottom: -50px;}.wpthemeDraftRibbonLeft .wpthemeDraftText {-webkit-transform: rotate(-90deg); -webkit-transform-origin: left top; -moz-transform: rotate(-90deg); -moz-transform-origin: left top; -o-transform: rotate(-90deg); -o-transform-origin: left top; -ms-transform: rotate(-90deg); -ms-transform-origin: 0px 0px; transform: rotate(-90deg); transform-origin: left top; left: 10px;}.wpthemeDraftRibbonRight .wpthemeDraftText {-webkit-transform: rotate(-270deg); -webkit-transform-origin: right top; -moz-transform: rotate(-270deg); -moz-transform-origin: right top; -o-transform: rotate(-270deg); -o-transform-origin: right top; -ms-transform: rotate(-270deg); -ms-transform-origin: 100% 0px; transform: rotate(-270deg); -ms-transform: rotate(-270deg); -ms-transform-origin: 100% 0px; transform-origin: right top; right: 10px;}.wpToolbarPreview {
    width:100%;
    position: absolute;
    z-index: 5000;
}
.wpToolbarPreview .wpToolbarPreviewContainer {
    position:fixed;
    left: 50%;
    z-index: 5000;
}
.wpToolbarPreview .wpToolbarPreviewContainer .wpToolbarStopPreview {
    position: relative;
    left: -50%;
}
.wpToolbarPreview .wpToolbarStopPreview button {
    border-radius: 0px 0px 3px 3px;
    color: #000;
    text-decoration: none !important;
    vertical-align: top;
    padding: 3px 40px;
    cursor: pointer;
    display: inline;
    font-size: 1.2em;
    border: 1px solid #BBB;
    border-left-color: #FFF;
    border-top-color: #FFF;
    border-right-color: #FFF;
    -webkit-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8);
    -moz-box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8);
    box-shadow: 0px 2px 5px rgba(40, 40, 40, 0.8);
    background-color: #EDEDED;
    background: linear-gradient(top, #EDEDED 10%, #E1E1E1 90%);
    background: -o-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%);
    background: -moz-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%);
    background: -webkit-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%);
    background: -ms-linear-gradient(top, #EDEDED 10%, #E1E1E1 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.1, #EDEDED), color-stop(0.9, #E1E1E1) );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1E1E1', endColorstr='#EDEDED' );
    max-height: 100px;
    -webkit-transition: max-height 0.5s, color 0.5s;
    -moz-transition: max-height 0.5s, color 0.5s;
    transition: max-height 0.5s, color 0.5s;
}
.wpToolbarPreview .wpToolbarStopPreview button:hover,
.wpToolbarPreview .wpToolbarStopPreview button:focus,
.wpToolbarPreview .wpToolbarStopPreview button:active {
    border-bottom-color: #888;
    border-right-color: #FFF;
    border-left-color: #FFF;
    border-top-color: #FFF;
    -webkit-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8);
    -moz-box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8);
    box-shadow: 0px 3px 5px rgba(30, 30, 30, 0.8);
}
.wpToolbarPreview .wpToolbarStopPreview.minimized button {
    max-height: 7px;
    color: transparent;
}
.wpToolbarPreview .wpToolbarStopPreview button:focus {
  max-height: inherit;
  color: inherit;
}
.selected .wpToolbarActionBarImages-Preview,
:hover > .wpToolbarActionBarImages-Preview,
.wpToolbarActionBarImages-PreviewSelected,
.selected .wpToolbarActionBarImages-Preview-rtl,
:hover > .wpToolbarActionBarImages-Preview-rtl,
.wpToolbarActionBarImages-PreviewSelected-rtl {
	display: none;
}
.selected .wpToolbarActionBarImages-PreviewSelected,
:hover > .wpToolbarActionBarImages-PreviewSelected,
.selected .wpToolbarActionBarImages-PreviewSelected-rtl,
:hover > .wpToolbarActionBarImages-PreviewSelected-rtl {
	display: inline-block;	
}.stNotice {border-radius: 2px; position: fixed; z-index: 99; top: 56px; right: -200%; min-width: 300px; background: #323232; opacity: 0.95; transition: right 0.2s ease-in;}.stNotice.open {right: 15px;}.stNotice.open:hover, .stNotice.open:focus, .stNotice.active {outline: 1px dotted #fff;}.stNotice .stNoticeClose {font-size: 24px; color: #fff; padding: 0px 15px; position: absolute; top: 0; right: 0;}.stNotice .stNoticeClose:hover {text-decoration: none; color: #fff;}.stNotice .stNoticeTitle {color: #fff; font-size: 16px; font-weight: bold; padding: 15px 25px 25px;}.stNotice .stNoticeDescription {color: #fff; padding: 0px 25px 25px;}.selected .wpToolbarActionBarImages-More,
:hover > .wpToolbarActionBarImages-More,
.wpToolbarActionBarImages-MoreSelected,
.selected .wpToolbarActionBarImages-More-rtl,
:hover > .wpToolbarActionBarImages-More-rtl,
.wpToolbarActionBarImages-MoreSelected-rtl {
	display: none;
}
.selected .wpToolbarActionBarImages-MoreSelected,
:hover > .wpToolbarActionBarImages-MoreSelected,
.selected .wpToolbarActionBarImages-MoreSelected-rtl,
:hover > .wpToolbarActionBarImages-MoreSelected-rtl {
	display: inline-block;	
}.stSearch {height: 54px; width: 54px; transition: width 0.2s ease; display: none;}.stLoggedIn .stSearch {display: inherit;}.stNoTouch .stSearch:hover, .stNoTouch .stSearch:focus {background-color: rgba(255, 255, 255, 0.13); color: #ffffff; outline: none;}.stSearch div {display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; padding: 13px 0px; margin: 0; overflow: hidden; vertical-align: middle; float: right; width: 0px; transition: width 0.2s ease;}.stSearch form {margin-left: 0; height: 2em; border: none; border-bottom: 1px solid #fff; width: 100%;}.stSearch.open {width: 250px;}.stSearch.open div {width: 16.3em;}.stSearch.open form {margin-left: 15px; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;}.stSearch input.stSearchText {background: transparent; padding: .417em; font-size: 14px; color: #fff; border: 0; float: left; width: 100%; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex;}.stSearch input.stSearchText:focus {outline: none;}.stSearch input.stSearchText::-webkit-input-placeholder {color: #fff; opacity: 1; font-size: 14px;}.stSearch input.stSearchText::-moz-placeholder {color: #fff; opacity: 1; font-size: 14px;}.stSearch input.stSearchText:-moz-placeholder {color: #fff; opacity: 1; font-size: 14px;}.stSearch input.stSearchText:-ms-input-placeholder {color: #fff; opacity: 1; font-size: 14px;}.stSearch form button.stSearchClear {color: #fff; background: transparent; border: none; display: inline; float: right; padding: 5px 2px; font-size: 14px; line-height: 1;}.stSearch a.stSearchButton {float: right; padding: 15px 15px 10px; vertical-align: middle; display: inline-block;}.stSearch a.stSearchButton:focus {color: #fff;}.stSearchIcon {height: 2em; width: 2em; fill: #FFF;} .wpthemeMessage {background-color: #FFEBE6; border-color: #F08137; border-radius: 3px 3px 3px 3px; font-size: 0.9em; padding: 10px; margin-bottom: 12px; overflow: hidden; position: relative; border-style: solid; border-width: 1px;} .wpthemeMessage .wpthemeDetails {background-color: #FFF; padding: 6px; margin-top: 6px; color: #333; border-radius: 0px 0px 3px 3px;}.wpthemeMessage .wpthemeMsgIcon {margin-right: 7px; margin-top: 0; float: left;}.wpthemeMsgIcon16 {background-image: url("/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-repeat: no-repeat; height: 16px; width: 16px;}.wpthemeMessage.wpthemeMoreMsg {margin-left: 10px;}.wpthemeMessage.wpthemeInfo {background-color: #D9F1FB; border-color: #00B0DA;}.wpthemeMessage.wpthemeWarning {background-color: #FDF4C8; border-color: #E48617;}.wpthemeMessage.wpthemeSuccess {background-color: #ECF9DF; border-color: #108F53;}.wpthemeMsgIconInfo {background-position: 0px -26px;}.wpthemeMsgIconError {background-position: 0px 0px;}.wpthemeMsgIconWarning {background-position: 0px -78px;}.wpthemeMsgIconSuccess {background-position: 0px -52px;}.wpthemeMsgIconInfo, .wpthemeMsgIconError, .wpthemeMsgIconWarning,.wpthemeMsgIconSuccess {background-image: url("/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-repeat: no-repeat; display: inline-block; height: 16px; width: 16px;}.wpthemeMessage span.wpthemeAltText {float: left; margin-left: 5px; margin-right: 5px;}.wpthemeMessage .wpthemeMessageBody {margin: 0 20px;}a.wpthemeHideShow {position: absolute; right: 22px; top: 5px;}.wpthemeMsgIconHide {background-position: 0 -104px; opacity: 0.55; height: 12px; width: 12px;}.wpthemeMsgIconShow {background-position: 0 -126px; opacity: 0.55; height: 12px; width: 12px;}a.wpthemeHideShow img {opacity: 0.60; filter: alpha(opacity=60); margin: 7px;}a.wpthemeHideShow:hover img, a.wpthemeHideShow:focus img, a.wpthemeHideShow:active img {opacity: 0.85; filter: alpha(opacity=85);}.wpthemeMessage .wpthemeDelete {right: 10px; top: 10px; position: absolute; background-repeat: no-repeat;}a.wpthemeDelete img {background-image: url("/themeModules/modules/pagebuilder/css/images/statusSprite.png"); background-position: 0px -148px; height: 12px; opacity: 0.45; vertical-align: top; width: 12px; float: none; margin-top: 2px;}.wpToolbarProjectModeContainer > div.divider {
    display: block !important;
}
.wpToolbarProjectInfoBox > div {
    display: none;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled > div {
    display: block;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:link,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:active,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:focus,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled a.wpToolbarProjectMenuLink:hover {
    display: none;
}
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:link,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:active,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:visited,
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink:hover {
    color: #222;
}
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarProjectLabel:hover,
.wpToolbarProjectInfoBox.wpToolbarProjectMenuDisabled .wpToolbarPublishedSiteLabel:hover,
.wpToolbarProjectInfoBox a {
    text-decoration: none !important;
}
.wpToolbarProjectInfoBox .wpToolbarProjectLabel,
.wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel {
    padding-right: 1px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}    
.wpToolbarProjectInfoBox .wpToolbarProjectLabel:hover,
.wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel:hover {
    text-decoration: underline;
}    
.wpToolbarProjectInfoBox a.wpToolbarProjectMenuLink img {
    width: 9px;
    height: 9px;
}
.lotus_rtl .wpToolbarProjectInfoBox .wpToolbarProjectLabel,
.lotus_rtl .wpToolbarProjectInfoBox .wpToolbarPublishedSiteLabel {
    padding-left: 1px;
    padding-right: 0px;
}
/*
 * If the screen is smaller than 768 pixels,
 * we just want to display the label but not
 * let the user open the project menu.
 */
@media (max-width: 767px) {
    .wpToolbarProjectInfoBox > div {
        display: block !important;
    }
    .wpToolbarProjectInfoBox > a {
        display: none !important;
    }
}
/*
 * If the screen is smaller than 480 pixels,
 * we want to hide the entire UI control.
 */
@media (max-width: 479px) {
    .wpToolbarProjectInfoBox {
        display: none !important;
    }
}.oobSampleContentContainer{
   position: relative; 
}

.oobSampleContentContainer:focus{
   outline: 0; 
}

.oobSampleHeading{
	color: #333333;
	font-family: Georgia,Times New Roman,sans-serif;
	font-size: 32px;
	font-weight: normal;
	line-height: 140%;
	margin: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #999999;
	padding-bottom: 9px;
}

.wpthemeSecondaryContainer .oobSampleHeading, .wpthemeTertiaryContainer .oobSampleHeading{
	color: #444444;
	font-size:16px;
	padding-bottom: 5px;
	border-bottom: 1px solid #bfbfbf;
	text-shadow:none;
}

.wpthemeHeadlineContainer .oobSampleHeading {
	font-size: 46px;
	border-bottom: 1px solid #bfbfbf;
	padding-bottom: 12px;
}

.oobSampleRichText h2{
    color: #333333;
    font-family: georgia,serif;
    font-size: 1.7em;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    margin-bottom: 0.5em;
}

.wpthemeSecondaryContainer .oobSampleRichText h2, .wpthemeTertiaryContainer  .oobSampleRichText h2{
    font-size: 1.3em;
    font-weight: bold; 
    color: #000000;
    text-shadow: none;
}

.wpthemeHeadlineContainer .oobSampleRichText h2{
    font-size: 3em;
}

.oobSampleRichText h3{
    color: #333333;
    font-family: georgia,serif;
    font-size: 1.3em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.wpthemeSecondaryContainer .oobSampleRichText h3, .wpthemeTertiaryContainer  .oobSampleRichText h3{
    font-size: 1em;
    color: #444444;
}

.wpthemeHeadlineContainer .oobSampleRichText h3{
    font-size: 1.7em;
}

.oobSampleRichText p{
    color: #696969;
    font-size: 1em;
}

.wpthemeSecondaryContainer .oobSampleRichText p, .wpthemeTertiaryContainer  .oobSampleRichText p {
    font-size: 0.8em;
}

.wpthemeHeadlineContainer .oobSampleRichText p {
    color: #000000;
    font-size: 1.1em;
}

.oobSampleImage{
        max-width: 100%;
}

.contentEditContainer:focus {
	outline:0;
}
.contentInlineEditBar {
  width:28px;
  position:absolute;
  z-index:100;
  margin: 0px -40px;
  top:10px;
  padding:3px;
  background-color:rgba(0,0,0,0.3);
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;
  border-radius:3px 3px 3px 3px;
  display:none;
  outline:0;
}
.edit-mode .component-control:hover .contentInlineEditBar {
  display:block;
}
.component-control:focus {
  outline:0;
}
.contentInlineEditBar .container {
  background-color:#f4f4f4;
  background:-webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#eaeaea));
  background:-moz-linear-gradient(top, #f4f4f4, #eaeaea);
  background:-o-linear-gradient(top, #f4f4f4, #eaeaea);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F4F4F4', endColorstr='#EAEAEA');
  border:1px solid #757575;
}
.contentInlineEditBar .button {
  text-align:center;
  font-size:1em;
  color:#000000;
  padding:4px 0;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #dedede;
}
.contentInlineEditBar .first {
}
.contentInlineEditBar .button:hover {
  background-color:#e3e3e3;
}

.contentInlineEditBar .newButtonsPopup {
  display:none;
  position:absolute;
  top:-7px;
  right:26px;
  background-color:rgba(0,0,0,0.3);
  -moz-border-radius:3px 3px 3px 3px;
  -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px;
  border-radius:3px 3px 3px 3px;
  padding:3px;
  width:123px;
  text-align:left
}
.contentInlineEditBar .newButtonsPopupInner {
  background-color:white;
  padding:12px;
}
.contentInlineEditBar .newButtonsPopup .sharkfin {
  position:absolute;
  top:13px;
  right:-8px;
}
.contentInlineEditBar .newButtonsPopup .popupTitle {
  font-size:1.2em;
  font-weight:bold;
  color:black;
  border-bottom:2px solid #A0A0A0;
  padding-bottom:8px;
  margin-bottom:10px;
}
.contentInlineEditBar .newButtonsPopup .actionLink {
  font-size:1.2em;
}
.contentInlineEditBar .newButtonsPopup .actionLink a {
  color:#115D94;
  text-decoration:none;
}
.contentInlineEditBar .newButtonsPopup .actionLink a:hover {
  color:#0F5283;
  text-decoration:underline;
}
  
.contentInlineEditBar .popupTrigger:hover .newButtonsPopup {
  display:block;
}
.list .contentInlineEditBar {
  padding:1px;
  -moz-border-radius:1px 1px 1px 1px;
  -webkit-border-top-left-radius:1px; -webkit-border-top-right-radius:1px; -webkit-border-bottom-left-radius:1px; -webkit-border-bottom-right-radius:1px;
  border-radius:1px 1px 1px 1px;
  width:24px;
}
.list .contentInlineEditBar .button {
  padding:2px 0;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #dedede;
  border-left:1px solid #ffffff;
  border-right:1px solid #dedede;
}
.list .item:focus {
  outline:0;
}
.edit-mode .list .item .contentInlineEditBar {
  display:block;
}

.oobLeft {
  float:left;
  text-align:left;
}

.oobRight {
  float:right;
  text-align:right;
}