/*
 ***************************************************************
 * LOGIN
 ***************************************************************
 */
 
 .login-body {
    background: url("/javax.faces.resource/images/login-bg.jpg.xhtml?ln=sito") fixed center center no-repeat;
    background-color: #eeeeee;
    background-size: cover;
}
  .imgLogin{width: 80%}	
.login-panel {
    height: 614px;
}
.login-panel {
    width: 480px;
    height: 530px;
    background: #2B3E51;
    background: #ffffff;
    text-align: center;
    min-height: 440px;
    padding: 30px 20px;
    margin: 100px auto 0 auto;
}
.card {
    height: calc(100% - 16px);
}
.card {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background: #ffffff;
  padding: 16px;
  margin-bottom: 16px;
  box-sizing: border-box; 
  }

.card h1 {

    font-size: 30px;
    font-weight: 400;
    margin: 0 auto;
    margin-top: 0px !important;

}

.login-input-wrapper i {
	position: absolute;
	color: #727272;
	font-size: 16px;
	top: 50%;
	right: .429em;
	margin-top: -8px;
}  


.login-input-wrapper {
	position: relative;
	width: 300px;
	margin-bottom: 24px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.login-input-wrapper input {
	width: 100%;
	padding-right: 16px;
}



	
  @media screen and (min-width: 768px) {
	
	.login-input-wrapper {
		width: 80%;
		
		text-align: left;
	}
}