/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

 html, body{
  height: 100%;
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
	font-size: inherit;
}

.fullScreenImageHome{
	background-image: url(../images/loginBackground.jpg) ;
	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
	background-color: #999;
}

.loginModule{
	padding:30px;
	background:rgba(255, 255, 255, 0.6);
	border-radius:10px;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	position: absolute;
     left: 20%;
     top: 10%;
}

.input-field label {
    color: #000;
}

.input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}

.input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}

.input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
}

.input-field .prefix.active {
    color: #000;
}

@media only screen and (max-width: 600px) {
    .loginModule{
		padding:30px;
		background:rgba(255, 255, 255, 0.6);
		border-radius:10px;
		width:90%;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		position: absolute;
	     left: 5%;
	     top: 10%;
	}
}