@import url("fonts/Roboto.css");

.height500{
	height:500px !important;
}

/*Login Page*/
body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

html, body {
    /* position: fixed !important; */
    background-image: none !important;
    background-color: #ffffff !important;
}

html { background-color: #ffffff !important;}

input[type="checkbox"]{
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: 0px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;  
}

input[type="checkbox"]:focus + label:before, input[type="checkbox"]:hover + label:before {
  border-color: rgba(0,0,0,0.54);
  background-color: #fff;
}

input[type="checkbox"]:active + label:before { transition-duration: 0s; }

input[type="checkbox"] + label{
  position: relative;
  padding-left: 2em;
  vertical-align: top;
  user-select: none;
  cursor: pointer;
  line-height: 25px;
  font-size: 12px !important;
  color: rgba(0,0,0,0.54) !important;
  font-weight: 400 !important;
}

input[type="checkbox"] + label:before{
  box-sizing: content-box;
  content: '';
  color: #0156cb;
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -9px;
  border: 2px solid rgba(0,0,0, 0.12);
  text-align: center;
  transition: all 0.4s ease;
  border-radius: 5px;
  background:#fff;
}

input[type="checkbox"] + label:after {
  box-sizing: content-box;
  content: '';
  background-color: #0156cb;
  position: absolute;
  top: 50%;
  left: 4px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform 200ms ease-out;
}

input[type="checkbox"]:disabled + label:before{ border-color: #bdbdbd; }

input[type="checkbox"] + label:after {
  background-color: transparent;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 3px;
  margin-top: -4px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0 0 3px 3px;
  border-image: none;
  transform: rotate(-45deg) scale(0);
}

input[type="checkbox"]:checked + label:after{
  content: '';
  transform: rotate(-45deg) scale(1);
  transition: transform 200ms ease-out;
}

input[type="checkbox"]:checked + label:before{
  animation: borderscale 200ms ease-in;
  background: #0156cb;
  border-color: #0156cb;
}

input:focus,select:focus,textarea:focus,button:focus {
	outline: none;
}
   

.labelTitle {
	font-family:'Roboto', sans-serif;
	font-weight: 400;
	font-size:20pt;
}

.labelVersion {
	font-family:'Roboto', sans-serif;
	font-size:13px;
	font-weight: 600;
	color: #555;
}

.labelCopyright {
	color: #555 !important;
	font-family: 'Roboto';
	font-size: 10px !important;
	font-weight: 300 !important;
	text-decoration:none;
}

.labelCopyrightNew {
	bottom: 10px !important;
	font-weight: 300 !important;
}

.labelPrivacy {
	font-family:'Roboto', sans-serif;
	font-size:10px;
	font-weight: 300;
	color: #555;
	text-decoration:none;
	cursor:pointer;
}

.labelPrivacy:hover{
	text-decoration: underline;	
}

.labelLogin{
	font-family:'Roboto', sans-serif;
	font-size:13px;
	font-weight: 400;
	font-style: normal;
	color:rgba(0,0,0,0.87);	
}
.textLogin{
	padding: 0px; 
    padding-left: 12px; 
    padding-right: 12px; 
    padding-bottom: 0; 
    background-color: #fff !important; 
    border: 1px solid rgba(0,0,0, 0.12) !important; 
    color: rgba(0,0,0,0.87); 
    font-family: Roboto !important; 
    font-size: 14px !important; 
    font-weight: 400; 
    transition: all 0.3s; 
    margin-top: 0px !important; 	 
	vertical-align: top;
    box-sizing: border-box;
    z-index: 1;
    width: 100%;
	border-radius:6px;
}
.textLogin:focus{        	
	box-shadow: 0 1px 0 0 rgb(1, 86, 203, .87);	
    transition: border .30s , box-shadow .20s;
    font-size: 13px !important;
	outline: none;
}
.imageCaptcha{
	top: 272px;
	width:136px !important;
	height:39px !important;
}

div[class*="image_captcha"] {
    overflow: hidden;
    background: rgb(229 229 229);
    border-radius: 6px;
    padding: 0px 10px;
}

.textCaptcha{
	top: 272px;
	width:136px !important;
	height:39px !important;
}
.leftLoginForm{
	width:100%;
	height:100%;
	
}
.comboLogin{
	padding-left: 10px; 
    padding-right: 10px;
	border: 1px solid rgba(0,0,0, 0.12);
	background-color: #fff !important; 
	font-family:'Roboto', sans-serif;
	font-weight: 500;
	border-radius:6px;
}

.fNoPw, .labelNoPw a{
	font-family:'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:10px;
	color:#a9a9a9;
	text-decoration: none;
}

.buttonAccedi {
	min-height: 29px;
    border: none;
    font-family: Roboto;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 20px;    
    color: #fff !important;    
	cursor: pointer;	
	background: linear-gradient(40deg, #0156cb 0%, #312783 100%);
    border-color: #0156cb;
    border-radius: 21px;
    transition: background-color 0.20s ease-in-out;	
	min-width: fit-content;
    padding: 1px 15px;
}
.buttonAccedi:hover {
	background: linear-gradient(40deg, #016cfe 0%, #4033aa 100%);
}

.accedi_class {
	min-height: 29px;
    border: none;
    font-family: Roboto;
    font-weight: 400;
    text-transform: capitalize;
    font-size: 20px;    
    color: #fff !important;    
	cursor: pointer;	
    border-radius: 21px;
	background: linear-gradient(40deg, #e3a601 0%, #c9950a 100%);
    transition: background-color 0.20s ease-in-out;	
	min-width: fit-content;
    padding: 1px 15px;
}
.accedi_class:hover {
	background: linear-gradient(40deg, #e5b023 0%, #c69922 100%);
}

.warningLogin{
	font-family:'Roboto', sans-serif;
	text-transform: uppercase;
	color:#1d2127;
	font-size:16px;
	font-style: normal;
	font-weight: 300;
	padding: 10px 15px;	
	background: #e8e8e8;	
	border-radius:6px;
	text-align:center !important;
}

.TextLogin {
    font-family: Roboto;
    font-size: 11px;
    line-height: 19px;
    text-align: justify !important;
    text-transform: uppercase;	
    color: rgba(0, 0, 0, .7) !important;
    background-color: transparent;
    font-weight: 600;
	padding-left:15px;
}
.labelforgotpassword a {
    font-family: 'Roboto';
    font-size: 14px;
	font-weight:500 !important;
    color: #0156cb !important;
    text-decoration: none !important;
    display: block;    
}

.flexArea.row.nowrap{
  background: transparent linear-gradient(56deg, #DDDDDD 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
}

.flexArea > .flex_item.item_width_4{
  background-color: #ffffff;	
}

.gsfr_login_standard_portlet > .imgLogo_ctrl{
	width: 100% !important;
	height: fit-content !important;
    display: flex !important;
    left: 0px !important;
    right: 0px !important;
    margin: 0px !important;
    justify-content: center;
    align-items: center;
    padding: 0px;
  }

.gsfr_login_standard_portlet > .imgLogo_ctrl > img{
	width: 132px !important;
}

@media(min-width:1200px){
  .gsfr_login_standard_portlet > .imgLogo_ctrl > img{
	width: 175px !important;    
  }
}



.gsfr_login_news_portlet,
.formLoginStandard{
  background-color:transparent !important;
}
@media(min-width:1200px){
	.gsfr_login_news_portlet, .formLoginStandard {
		background-color: #ffffff !important;
	}
}

/*.label{
	margin: 15px 0px 5px 0px !important;
    display: flex;
    width: 100%;
}*/

.formLoginStandard .imageIcon {
	color: #626262 !important;
	font-size:20px !important;
	border-radius:5px;
}

.formLoginStandard .imageIcon:hover {
	background-color:#eee;
}

.formLoginStandard .imageSSO {	
	font-size:20px !important;	
}

.formLoginStandard .imageSSO:hover {
    background-color: unset !important;
}

.boxImageMobile{
	max-height: 175px;
}

@media(min-width:1200px){
	.formLoginStandard .boxImageMobile{
		height: 80px !important;
		background-image: none !important;
	}	   
}

.emptyarea{
	display:none;
}
.imageLeftLogin{
	width:100% !important; 
	height:100% !important;
	
}
.easyLogin .boxBar{
	background-color: #e4e4e4;
	background-image: none;
}

.easyLogin .labelLogin{
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight: 400;
	font-style: bold;
	color:#000;
	text-transform: uppercase;
}

.easyLogin .labelTitle {
	font-family:'Roboto', sans-serif;
	font-weight: 300;
	font-size:20pt;
}

.easyLogin .labelVersion {
	font-family:'Roboto', sans-serif;
	font-size:8pt;
	font-weight: 400;
	color: #808080;
}

.easyLogin .labelCopyright {
	font-family:'Roboto', sans-serif;
	font-size:8pt;
	font-weight: 400;
	color: #808080;
}
 
.easyLogin .labelPrivacy {
	font-family:'Roboto', sans-serif;
	font-size:8pt;
	font-weight: 400;
	color: #808080;
	text-decoration:none;
	cursor:pointer;
}

.easyLogin .textLogin, .easyLogin .comboLogin{
	background-color:#ffffff;
	border:1px solid #ffffff;
	font-family:'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:10px;
	color:#333333;
}

.easyLogin .labelNoPw{
	font-family:'Roboto', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:10px;
	color:#a9a9a9;
	text-decoration: none;
}

.easyLogin .buttonAccedi {
	font-family:'Roboto', sans-serif;
	font-size:12px;
	font-weight: bold;
	font-style: normal;
	color:#ffffff;
	text-transform: uppercase;
	background: #D76C02;
	border: 1px solid #D76C02;
	cursor: pointer;
}

.easyLogin .warningLogin{
	font-family:'Roboto', sans-serif;
	text-transform: uppercase;
	color:#ffffff;
	font-size:14px;
	font-style: normal;
	font-weight: 300;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	background: #D76C02;
	min-width: 400px;
}

.overLogin {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 904px;	
}

.labelCopy{
	text-shadow: 0 1px 0 #12100B;
}
.labelPriv{
	text-shadow: 0 1px 0 #12100B;
	cursor: pointer;
}

.contextMenu {
	margin: 0px 0px 0px 0px;
	position: absolute;
	cursor: default;
	z-index: 999999;
	padding: 10px 5px;
	font-family: 'Roboto', sans-serif;
	font-size: 8pt;
	font-weight: normal;
	background-color: #696969;
	display:block;
	visibility:hidden;
	width: fit-content !important;
    border: 0;
    border-radius: 6px !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, .15) !important;
}

.contextMenu a {
	padding: 6px !important;
    display: flex !important;  
    border-radius: 5px !important;
}

.contextMenu a:link, .contextMenu a:visited {
	color: rgba(0, 0, 0, 0.87);
    background-color: #FFFFFF;
    white-space: nowrap;
    text-decoration: none
}

.contextMenu a:hover {
	color: rgba(0, 0, 0, 1);
    white-space: nowrap;
    text-decoration: none;
    font-weight: normal;    
	background: rgb(29 33 39/8%) !important;
}
.lblbox_ctrl {
    border-top: 0px solid #eaeaea !important;
    overflow: visible !important; 
	padding: 10px 15px;
}
/*.lblbox_ctrl:before {
    position: relative;
    display: block;
    width: 100%;
    text-align: left;
    top: 0px;
    left: 0;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 400;
    content: 'NEWS';
	top: -10px;
	color: rgb(53 56 62 / 70%);
}*/
.lblbox_ctrl .item {
    position: relative;
    clear: both;
}
.lblbox_ctrl .item label.title, .lblbox_ctrl .item .body {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    padding-bottom: 15px !important;
    margin-top: 3px !important;
}
.lblbox_ctrl .item label.title {
    font-weight: 700 !important;
}
.lblbox_ctrl .item label.date {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    padding-bottom: 5px !important;
    margin-top: 3px !important;
    font-style: normal !important;
    color: rgb(53 56 62 / 70%) !important;
    opacity: .5;
    position: relative;
    display: inline-block;
}

.lblbox_ctrl .ZBox{
	width:330px;
	line-height:10px;
	height:65px;
}
.lblbox_ctrl .ZBox:before{
	position: relative;
    display: block;
    width: 330px;
    text-align: left;
    top: 0px;
    left: 0;
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: 400;
    content: '';
    padding-bottom: 20px;
	border-bottom: 1px solid #eaeaea !important;
    padding-bottom: 8px;
}
.lblbox_ctrl .ZBox .ZCopyright{
	width: 190px; 
	float: left; 
	margin-top: 16px !important; 
	padding-bottom: 0px !important; 
	position: relative;
	font-family: Roboto !important;
}
.lblbox_ctrl .ZBox .ZImage{
	width: 140px;
	float: left;
	position: relative;
	margin-top:20px !important;
}
.loginPageDH {
    background-image: none !important;
	background-color: #fafafa !important;	
	margin:0px;
	padding:0px;
	height:100% !important;
}

.hidden{ display:none;}
.LeftEmpty{width:100%;}


/*LOGIN BOXES**/
.smallBox {
	height: 74px !important;
	min-height: 74px !important;
	width: 74px !important;
	background-color: rgba(255, 255, 255, .4);
	position: fixed !important;
	z-index: 0 !important;
	/*box-shadow: 0 3px 12px rgba(0, 0, 0, .12);*/
	position: absolute !important;
}
.smallBox.a {
	left: 236px !important;
	top: 56px !important;
}
.smallBox.b {
	left: 550px !important;
	top: 139px !important;
}
.smallBox.c {
	left: 297px !important;
	top: 223px !important;
}
.smallBox.d {
	left: 662px !important;
	top: 413px !important;
}
.smallBox.e {
	left: 251px !important;
	top: 524px !important;
}
.smallBox.f {
	left: 587px !important;
	top: 596px !important;
}
.mediumBox {
	height: 110px !important;
	min-height: 110px !important;
	width: 110px !important;
	background-color: rgba(255, 255, 255, .95);
	position: fixed !important;
	z-index: 1 !important;
	/*box-shadow: 0 5px 12px rgba(0, 0, 0, .22);*/
	position: absolute !important;
}
.mediumBox.a {
	left: 279px !important;
	top: 99px !important;
}
.mediumBox.b {
	left: 483px !important;
	top: 168px !important;
}
.mediumBox.c {
	left: 650px !important;
	top: 248px !important;
}
.mediumBox.d {
	left: 213px !important;
	top: 265px !important;
}
.mediumBox.e {
	left: 409px !important;
	top: 399px !important;
}
.mediumBox.f {
	left: 650px !important;
	top: 501px !important;
}
.mediumBox.g {
	left: 287px !important;
	top: 565px !important;
}
.areaBox {
	width: 144px !important;
	min-height: 144px !important;
	height: 144px !important;
	color: #fff !important;
	box-sizing: border-box;
	padding: 15px;
	font-size: 18px !important;
	font-weight: 100 !important;
	position: fixed !important;
	z-index: 3 !important;
	box-shadow: 0 5px 20px rgba(0, 0, 0, .4);
	position: absolute !important;
}
.areaBox.hcm {
	background-color: #6fa9e3;
	left: 268px !important;
	top: 381px !important;
}
.areaBox.safety {
	background-color: #6499cf;
	left: 360px !important;
	top: 189px !important;
}
.areaBox.travel {
	background-color: #538ec5;
	left: 542px !important;
	top: 298px !important;
}
.areaBox.workforce {
	background-color: #519ae5;
	left: 470px !important;
	top: 481px !important;
}
.label{  
font-size: 18px !important;
font-weight: 100 !important;
font-family: Roboto !important;
}
.evidence {
	font-weight: 600;
}

/*End Login Page */

/*MEDIA QUERY*/

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important; }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
/* Styles */

}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */

.mobileSizer{width: 288px !important;}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */

.mobileSizer{width: 288px !important;}
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */

.mobileSizer{width: 288px !important; }
}

@media only screen 
and (max-width: 980px) {
	.hidden-small{display:none;}
}

/*MEDIA QUERY FOR LOGIN BOX*/
@media only screen 
and (max-width: 1135px) {
	.mediumBox.a {
	left: 99px !important;
	top: 99px !important;
}
.mediumBox.b {
	left: 313px !important;
	top: 168px !important;
}
.mediumBox.c {
	left: 480px !important;
	top: 248px !important;
}
.mediumBox.d {
	left: 43px !important;
	top: 265px !important;
}
.mediumBox.e {
	left: 239px !important;
	top: 399px !important;
}
.mediumBox.f {
	left: 480px !important;
	top: 501px !important;
}
.mediumBox.g {
	left: 117px !important;
	top: 565px !important;
}
.smallBox.a {
	left: 66px !important;
	top: 56px !important;
}
.smallBox.b {
	left: 380px !important;
	top: 139px !important;
}
.smallBox.c {
	left: 120px !important;
	top: 223px !important;
}
.smallBox.d {
	left: 492px !important;
	top: 413px !important;
}
.smallBox.e {
	left: 81px !important;
	top: 524px !important;
}
.smallBox.f {
	left: 417px !important;
	top: 596px !important;
}
.areaBox.hcm {
	background-color: #6fa9e3;
	left: 98px !important;
	top: 381px !important;
}
.areaBox.safety {
	background-color: #6499cf;
	left: 190px !important;
	top: 189px !important;
}
.areaBox.travel {
	background-color: #538ec5;
	left: 372px !important;
	top: 298px !important;
}
.areaBox.workforce {
	background-color: #519ae5;
	left: 300px !important;
	top: 481px !important;
}
}

/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

.mobileSizer{width: 288px !important;}
.LeftEmpty{width:70%;}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */

.mobileSizer{width: 288px !important;}
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */

}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */

}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 375px !important;}
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 375px !important;}
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 375px !important;}
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 375px !important;}
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
.hidden-mobile{display:none;}
.mobileSizer{width: 288px !important;}
}

/*
Banner accettazione cookies
*/
#cookie-bar{
	font-family: 'Roboto', sans-serif;
	font-size:13px;
	background-color:#333;
	height:auto; 
	line-height:26px; 
	color:#eeeeee; 
	text-align:center; 
	padding:1px 0;
	overflow:hidden;
	z-index:100000;
	position:fixed;
	padding:5px;
	bottom:0px;
	left:0px;
	right:0px;
}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a.cb-disable,
#cookie-bar a.cb-policy {display:inline; text-align:center;}

#cookie-bar .cb-enable {
  color: #fff;
  background-color:#0156cb;
  border-radius: 2px;
  padding: 3px 18px;
  margin-left: 20px;
  font-size: 9pt;
  text-decoration: none;
  font-weight: 700;
}
#cookie-bar .cb-enable:hover {}

#cookie-bar .cb-policy {
	color:#eeeeee;  padding:1px 0;
	text-decoration:underline;
}
#cookie-bar .cb-policy:hover {}

#cookie-bar .cb-disable {}
#cookie-bar .cb-disable:hover {}

#cookie-bar .cb-content{}
#cookie-bar .cb-text{}
#cookie-bar .cb-button{}


td, th{vertical-align:top; }


/*LAYER NEWS*/
.layerNews {
  top: -460px;
  left: 0px !important;
  right: 0px !important;
  padding: 0;
  z-index: 100100!important;
  box-sizing: border-box !important;
  -webkit-box-shadow:  0 0 0;
  -moz-box-shadow:  0 0 0;
  transition: transform 0.4s cubic-bezier(0.25,0.1,0.25,0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  background: transparent linear-gradient(180deg, #E8E8E8 0%, #FFFFFF 99%) 0% 0% no-repeat padding-box;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(20px);
  width: 100% !important;
  height: 460px !important;  
}
.layerNews.open_top {
  -webkit-box-shadow: -10px 0 30px 3px rgba(0, 0, 0, 0.12) !important;
  -moz-box-shadow: -10px 0 30px 3px rgba(0, 0, 0, 0.12) !important;
  box-shadow: -10px 0 30px 3px rgba(0, 0, 0, 0.12) !important;
}
.open_top {
   transform: translate3d(0, 100%, 0);
}


/* idendity provider */
.formLoginStandard .oidcLogin .title {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 15px;
  font-weight: 400;
}
.formLoginStandard .oidcLogin .title::before,
.formLoginStandard .oidcLogin .title::after {
  content: '';
  display: block;
  height: 1px;
  background: rgba(0, 0, 0, 0.25);
  flex: 1 0 auto;
}
.formLoginStandard .oidcLogin .providers button.provider {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 44px;
  padding: 0 15px;
  border-radius: 22px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  background: #ffffff;
  cursor: pointer;
}
.formLoginStandard .oidcLogin .providers button.provider:hover {
  border-color: #0156CB;
}
.formLoginStandard .oidcLogin .providers button.provider img.logo {
  width: 20px;
  height: 20px;
  object-fit: contain;
  background: none;
}
.formLoginStandard .oidcLogin .providers.icons {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 15px;
}
.formLoginStandard .oidcLogin .providers.icons button.provider {
  width: 44px;
  padding: 0;
}
.formLoginStandard .oidcLogin .providers.icons button.provider span {
  display: none;
}