.landing-body {
  overflow: scroll;
  padding: 0;
  margin: 0;
height: 100%
}


.landing-body .landing-wrapper #header {
     background: #FFF; 
        background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); }


.landing-body .landing-wrapper #features > div {
    width: auto;
    margin: 0 auto;
        margin-top: 0px;
    text-align: center;
    padding: 0;
     color: #292b2c; 
}
.landing-body .landing-wrapper #features {
	
	box-shadow: none;
}
.landing-body {
   
	background: url("/javax.faces.resource/sito/images/BG-GSFasi-Web-1920.png.xhtml"); 
	background-size: cover;
			
}
      

.landing-body .landing-wrapper #header .header-top {
	width: 100%;
	margin: 0 auto;
	padding: 0; 
	height: 80px;
	background: #3e464c;
}

 .landing-body .header-top .topbar-left{
 box-sizing: border-box;
  padding: 20px;
  height: 80px;
  width: 250px;
  background-color: #333333;
  float: left;
 }         
.landing-body .landing-wrapper #header .header-top .logo {
	 position: relative; 
	left: 0;
	margin-left: 0;
	width: auto;
	height: 80px; 
	margin-top: -25px;
}
         
body .ui-panelgrid-cell .md-inputfield .label{display: block;}
.landing-body .landing-wrapper #features {
	    background-color: transparent !important;

}


body .ui-widget-overlay {
				-moz-opacity: 0.15;
				-khtml-opacity: 0.15;
				opacity: 0.15;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=15);
				filter: progid:DXImageTransform.Microsoft.Alpha(opacity=15);
				filter: alpha(opacity=15);
				background: #000000;
			}
			#blockdiv, #blockdivloader {
				position: fixed;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				display: none;
				z-index: 999999;
				text-align: center;
				cursor: wait;
			}
			.mzr_smil #blockdivloader {
				/* per creare il loader: http://http://loading.io/ */
 				background: url("/javax.faces.resource/eulotech/images/Bars.svg.xhtml") no-repeat center 250px;
			}
			
			.mzr_no-smil #blockdivloader {
				background: url("/javax.faces.resource/eulotech/images/ajaxloadingbar.gif.xhtml") no-repeat center 250px;
			}
			
		.landing-body  {
			
			background-color: #fff;
		}
		.landing-body .login-panel {
			
			background-color: #fff;
		}
h1{border-bottom: 0;}
.loginCard{
	text-align: center;
	border: 0px solid blue; 
	width: 50%;margin: 0 auto;
	padding: 20px;background: #fff;
	margin-top:50px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 6px;
}

.cardLanding{border-radius: 4px;
	/* background: #ffffff;
	padding: 16px;
	box-sizing: border-box;
	margin-bottom: 16px;
box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.1);
	border: 1px solid #eaeaea; */
	
	border: 0px ; 
	width: 50%;
	margin: 0 auto;
	padding: 20px;background: #fff;
	margin-top:50px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 6px;
			
}

		
			  .landing-body .login-panel {
			    display: none; }
			  .landing-body .login-content {
			    position: relative;
			    padding: 80px 0;
			    margin: 0 auto;
			    width: 100%;
			   
			    text-align: center; 
			      padding: 0;
	  padding-top: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
		
		background-size: cover;
			    }
			    .landing-body .login-content img {
			      display: inline-block;
			      margin-bottom: 160px;
			      width: 200px; }
			    .landing-body .login-content h1 {
			      font-size: 28px;
			      font-weight: 500;
			      margin: 14px 0;
			      color: #212121; }
			      .landing-body .login-content h1 span {
			        color: #727272; }
			    
			    .landing-body .login-content .login-input-wrapper {
			      position: relative;
			      width: 300px;
			      margin-bottom: 24px;
			      text-align: center;
			      margin-left: auto;
			      margin-right: auto; }
			      .landing-body .login-content .login-input-wrapper input {
			        width: 100%;
			        padding-right: 16px; }
			      .landing-body .login-content .login-input-wrapper i {
			        position: absolute;
			        color: #727272;
			        font-size: 16px;
			        top: 50%;
			        right: .429em;
			        margin-top: -8px; }
			    .landing-body .login-content button {
			      min-width: 150px; 
      }

body .ui-button.clsMarginLeft{margin-left: 10px;}
@media screen and (max-width: 768px) {
	.loginCard{
		width: 95%;
	}
	.containerLanding{
		width: 95%;
	}
	
	.cardLanding{
		width: 95%;
	}
	
	body .ui-button.clsMarginLeft{margin-left: 0px; margin-top: 10px;}
  	.landing-body {
 
    background-size: cover; }
    
    .landing-body .login-panel {
      padding: 80px;
      display: block;
      position: fixed;
      background-color: #ffffff;
      height: 200%;
      width: 100%;
      left: -50%;
      top: -50%;
      opacity: 0.95;
      filter: alpha(opacity=95);
      -moz-border-radius: 50%;
      -webkit-border-radius: 50%;
      border-radius: 50%; 
      }
    .landing-body .login-content {
      text-align: left;
      /* position: fixed; */
      padding: 80px 0 0 80px; 
      padding: 0;
	  padding-top: 0px;
		padding-top: 20px;
		padding-bottom: 40px;
		
		background-size: cover;
				
      }
      .landing-body .login-content .login-input-wrapper {
        width: 300px;
       /*  margin-left: 0;
        margin-right: 0; */
        text-align: left; } 
     }
		
      .landing-body .login-panel .login-panel-content .login-label {
			color: #252529;
		}
		.landing-body .login-panel .login-panel-content .guest-sign-in {
			color: #252529;
		}
		.landing-body .login-panel .login-panel-content .forget-password {
				color: #252529;
		}
		/* body .ui-button {
			background-color: #2196F3;
			color: #ffffff;
			border: 1px solid #2196F3;
			
			margin: 0;
			outline: 0 none;
			-moz-transition: background-color 0.3s, box-shadow 0.3s;
			-o-transition: background-color 0.3s, box-shadow 0.3s;
			-webkit-transition: background-color 0.3s, box-shadow 0.3s;
			transition: background-color 0.3s, box-shadow 0.3s;
		} */
		body .ui-button.ui-state-hover {
			background-color: #1976D2;
			border-color: #1976D2;
			color: #fff;
		}
		


			
/******/
.landing-body {
  background-color: #ffffff; background-color: rgb(245, 245, 245); 
  }
.landing-body .layout-mask {
    display: block; 
}
.landing-body .landing-wrapper {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0; 
}
.landing-body .landing-wrapper #landing-menu {
      list-style-type: none;
      float: right;
      padding: 0;
    margin: 26px 30px 0 0;
}
.landing-body .landing-wrapper #landing-menu li {
        display: inline-block;
        margin-left: 14px; 
}
.landing-body .landing-wrapper #landing-menu li:first-child {
          margin-left: 0; }
.landing-body .landing-wrapper #landing-menu li a {
          font-size: 14px;
          font-weight: 600;
          color: #ffffff;
          padding: 4px 8px;
          -moz-border-radius: 3px;
          -webkit-border-radius: 3px;
          border-radius: 3px;
          -moz-transition: background-color 0.3s;
          -o-transition: background-color 0.3s;
          -webkit-transition: background-color 0.3s;
          transition: background-color 0.3s; 
}

.landing-body .landing-wrapper #landing-menu li a:hover {
           color: #35AAF2; 
}


        .landing-body .landing-wrapper #header .header-top:after {
          content: "";
          display: table;
          clear: both; }
      
        .landing-body .landing-wrapper #header .header-top #landing-menu-button {
          display: none;
          width: 28px;
          height: 28px;
          line-height: 28px;
          color: #ffffff;
          float: right;
          margin-top: 24px;
          text-align: center; }
          .landing-body .landing-wrapper #header .header-top #landing-menu-button i {
            line-height: inherit;
            font-size: 28px; }
      .landing-body .landing-wrapper #header .header-content {
        padding: 120px 0 120px 140px; }
        .landing-body .landing-wrapper #header .header-content h1 {
          font-size: 42px;
          font-weight: 700;
          color: #252529;
          margin-top: 48px;
          margin-bottom: 24px;
          max-width: 400px; }
        .landing-body .landing-wrapper #header .header-content p {
          font-size: 17px;
          margin-bottom: 24px;
          color: #8b8b90; }
    .landing-body .landing-wrapper #features {
      padding: 42px 140px;
      background-color: #ffffff;
      text-align: center; }
.landing-body .landing-wrapper #features h1 {
 	font-size: 28px;
	font-weight: 500;
	margin: 14px 0;
	color: #212121;
 }
      

        .landing-body .landing-wrapper #features .p-grid .p-col-12 {
          padding: 1em; }
        .landing-body .landing-wrapper #features .p-grid .feature-box {
          padding: 24px;
          -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
          .landing-body .landing-wrapper #features .p-grid .feature-box h3 {
            font-size: 21px;
            font-weight: 700;
            color: #252529;
            margin: 8px 0; }
          .landing-body .landing-wrapper #features .p-grid .feature-box p {
            margin: 0;
            font-size: 15px;
            color: #8b8b90; }
    .landing-body .landing-wrapper #promo {
      padding: 42px 140px;
      border-top: 5px solid #2196F3;
      background-color: #f2f2f2;
      position: relative; }
      .landing-body .landing-wrapper #promo h1 {
        font-size: 28px;
        color: #252529;
        margin: 0 0 16px 0; }
      .landing-body .landing-wrapper #promo p {
        font-size: 17px;
        color: #525257;
        margin: 0 0 16px 0; }
      .landing-body .landing-wrapper #promo img {
        position: absolute;
        right: 140px;
        top: 50%;
        height: 100px;
        margin-top: -50px; }
    .landing-body .landing-wrapper #pricing {
      padding: 42px 140px;
      background-color: #ffffff;
      text-align: center; }
      .landing-body .landing-wrapper #pricing > h1 {
        font-size: 28px;
        color: #252529;
        margin: 0 0 6px 0; }
      .landing-body .landing-wrapper #pricing > p {
        font-size: 21px;
        color: #8b8b90;
        margin: 0; }
      .landing-body .landing-wrapper #pricing .p-grid {
        margin-top: 42px; }
        .landing-body .landing-wrapper #pricing .p-grid .p-col-12 {
          padding: 28px; }
      .landing-body .landing-wrapper #pricing .pricing-box {
        min-height: 450px;
        padding: 16px 48px;
        background-color: #f2f2f2;
        color: #525257;
        border: 2px solid transparent;
        -moz-transition: border-color 0.3s;
        -o-transition: border-color 0.3s;
        -webkit-transition: border-color 0.3s;
        transition: border-color 0.3s;
        -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08);
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.08); }
        .landing-body .landing-wrapper #pricing .pricing-box h3 {
          margin: 0 0 42px 0; }
        .landing-body .landing-wrapper #pricing .pricing-box .pricing-intro {
          color: #8b8b90;
          color: 17px; }
        .landing-body .landing-wrapper #pricing .pricing-box p {
          font-size: 14px;
          margin: 14px 0; }
        .landing-body .landing-wrapper #pricing .pricing-box ul {
          list-style-type: none;
          margin: 0;
          padding: 0;
          text-align: left; }
          .landing-body .landing-wrapper #pricing .pricing-box ul li {
            padding: 12px; }
            .landing-body .landing-wrapper #pricing .pricing-box ul li i {
              color: #1fc4ac; }
        .landing-body .landing-wrapper #pricing .pricing-box:hover {
          border-color: #2196F3; }
    .landing-body .landing-wrapper #multimedia {
      padding: 42px 140px;
      text-align: center;
      background-color: #f2f2f2; }
      .landing-body .landing-wrapper #multimedia > h1 {
        font-size: 28px;
        color: #252529;
        margin: 0 0 6px 0; }
      .landing-body .landing-wrapper #multimedia > p {
        font-size: 21px;
        color: #8b8b90;
        margin: 0; }
      .landing-body .landing-wrapper #multimedia .video-container {
        margin-top: 42px; }
        .landing-body .landing-wrapper #multimedia .video-container iframe {
          width: 560px;
          height: 315px; }
    .landing-body .landing-wrapper #footer {
      background-color: #252529;
      padding: 42px 140px;
      text-align: left; }
      .landing-body .landing-wrapper #footer .footer-logo {
        height: 32px; }
      .landing-body .landing-wrapper #footer .footer-menu span {
        font-size: 16px;
        font-weight: 700;
        text-align: left;
        color: #8b8b90;
        display: block; }
      .landing-body .landing-wrapper #footer .footer-menu a {
        margin: 8px 0;
        display: block;
        color: #f4f4f9;
        -moz-transition: color 0.3s;
        -o-transition: color 0.3s;
        -webkit-transition: color 0.3s;
        transition: color 0.3s; }
        .landing-body .landing-wrapper #footer .footer-menu a:hover {
          color: #ffffff; }
      .landing-body .landing-wrapper #footer .footer-menu .icon-link {
        display: inline-block;
        margin-top: 30px; }
        .landing-body .landing-wrapper #footer .footer-menu .icon-link .icon {
          color: #ffffff;
          font-size: 22px;
          margin-right: 18px; }

@media screen and (min-width: 992px) {
  .landing-body .landing-wrapper #header .header-content {
    background: url("/babylon/javax.faces.resource/images/landing/asset-mackup-big.png.xhtml?ln=babylon-layout") no-repeat;
    background-position: right 50%;
    background-size: 35%; } }
    
    
@media screen and (max-width: 991px) {
  .landing-body.landing-menu-active .landing-wrapper #landing-menu {
    right: 0; }
  .landing-body .landing-wrapper #landing-menu {
    width: 250px;
    height: 100%;
    right: -250px;
    background-color: #FFF;
    position: fixed;
    top: 0;
    margin: 0;
    z-index: 999999999;
    -moz-transition: right 0.3s;
    -o-transition: right 0.3s;
    -webkit-transition: right 0.3s;
    transition: right 0.3s; padding-top: 20px;}
    .landing-body .landing-wrapper #landing-menu > li {
      display: block;
      margin: 0; }
      .landing-body .landing-wrapper #landing-menu > li a {
        font-size: 16px;
        display: block;
        color: #333333;
        padding: 16px 18px; }
  .landing-body .landing-wrapper #header .header-top {
    padding-left: 0px;
    padding-right: 20px; }
    .landing-body .landing-wrapper #header .header-top #landing-menu-button {
      display: inline-block; }
  .landing-body .landing-wrapper #header .header-content {
    padding-left: 20px;
    background: url("/babylon/javax.faces.resource/images/landing/asset-mackup.png.xhtml?ln=babylon-layout") no-repeat;
    background-position: right 50%; }
  .landing-body .landing-wrapper #features {
    padding-left: 20px;
    padding-right: 20px; }
  .landing-body .landing-wrapper #promo {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center; }
    .landing-body .landing-wrapper #promo img {
      position: static;
      margin: 16px auto 0 auto;
      display: block; }
  .landing-body .landing-wrapper #pricing {
    padding-left: 20px;
    padding-right: 20px; }
  .landing-body .landing-wrapper #multimedia {
    padding-left: 20px;
    padding-right: 20px; }
    .landing-body .landing-wrapper #multimedia .video-container iframe {
      width: auto;
      height: auto; }
  .landing-body .landing-wrapper #footer {
    padding-left: 20px;
    padding-right: 20px;
    text-align: center; }
    .landing-body .landing-wrapper #footer .footer-menu span {
      text-align: center; } }

/*# sourceMappingURL=primegrid.css.map */



.landing-body .landing-wrapper #features {
	position: relative;
	margin: 0 auto;
	margin-top: 0px;
	width: 100%;
	padding: 0;
	padding-top: 20px;
	padding-bottom: 40px;
}


@media (max-width: 1250px) {
			.landing-body .landing-wrapper #features {
		width: 80%;
		margin: 0 auto;
		padding: 42px 0;
	}
}
    

.landing-body .login-content p {
      font-size: 18px;
      color: #333333;
      margin: 0 0 32px 0; 
}
.landing-body .landing-wrapper #features p {
        font-size: 18px;
        margin: 0; 
}

body .ui-fileupload .ui-fileupload-content {
	border: 0;
	
}


.WidthAuto{width: auto !important;min-width: 198px;}

.width100{width:100%}
.ui-fluid .ui-inputtext {
  width: 100%;
}

body .ui-password.ui-password-masked, .ui-password.ui-password-unmasked{width: 100%}

body .ui-fluid .ui-trigger-calendar input.hasDatepicker {
	width: calc(100% - 33px);
	padding-right: 0;
}

.containerLanding {
    display: flex; /* Attiva Flexbox */
    justify-content: center; /* Allineamento orizzontale */
    position: relative;
  	/* padding: 80px 0; */
  	margin: 0 auto;
}

 

body .ui-input-icon-right > i:last-of-type {
	color: #727272;
  	font-size: 16px;
}


 .ui-fluid  {
 	width: 100%;
 } 
 

 
 body .ui-fluid .field{text-align: left;}
 
 .cardContent {
  text-align: center;
  justify-content: center;
  border: 0px solid blue;
    display: grid;
  width: 50%;
  margin: 0 auto;
    margin-top: 0px;
  padding: 20px;
  margin-top:50px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
}


.md\:col-6 {
    width:100%;
  }
  
body .ui-panelgrid .ui-panelgrid-cell {
	padding: 4px 4px;
	padding-right: 4px;
}  

body .ui-fluid .ui-trigger-calendar .ui-datepicker-trigger.ui-button {
	margin-top: 0px !important;
	position: relative;
	right: 0px;
	width: 2.357rem;
}


body .ui-widget {
	font-size: 1.1rem;
	
}
 div{font-size: 18px;} 
 
 
 .ui-dialog .ui-dialog-titlebar {
	text-align: left;
}

body .ui-messages-info.ui-corner-all{font-size: 14px}