.box {
   position: relative;
   top: 0;
   opacity: 1;
   float: left;
   padding: 60px 50px 40px 50px;
   width: 100%;
   background: #fff;
   border-radius: 10px;
   transform: scale(1);
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   z-index: 5;
}

.box.back {
   transform: scale(.95);
   -webkit-transform: scale(.95);
   -ms-transform: scale(.95);
   top: -20px;
   opacity: .8;
   z-index: -1;
}

.overbox .title {
   color: #fff;
}

.overbox .title:before {
   background: #fff;
}

.title {
   width: 100%;
   float: left;
   line-height: 46px;
   font-size: 28px;
   font-weight: 300;
   color: #131313;
   text-align: center;
   position: relative;
}

.title:before {
   content: "";
   width: 5px;
   height: 100%;
   position: absolute;
   top: 0;
   left: -50px;
   background: #32AD5C;
}


.title img{
    width: 95%;
}

/* Login page password field input icon placment for pass reveal */
.input-field-icon-right-old {
  float: right;
  margin-left: -25px;
  margin-top: -49px;
  position: relative;
  z-index: 2;
}
.material-icons.input-field-icon-right-old::before{
  content:"visibility_off"; 
}

.material-icons.input-field-icon-right-old:hover::before{
  content:"visibility"; 
  color: #009688 !important;
}
/*.input-field-icon-right:hover {
  color: #009688 !important;
}*/

.fa.input-field-icon-right {
  float: right;
  margin-left: -25px;
  margin-top: -43px;
  position: relative;
  z-index: 2;	
  color: #9e9e9e !important;
}

.fa.input-field-icon-right:hover{
  color: #4CAF50 !important;
}

body {
	background: url(/images/bg-login.png); 
	background-color: #eceff1;
	height: 100%;   
	min-height: 100vh;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;	
	font-family: 'Roboto', sans-serif;
}

.materialContainer {
   width: 100%;
   max-width: 460px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
}