
.input-field label{color:#999;}
.input-field input[type=text]:focus + label,.input-field input[type=password]:focus + label{color:#000;}
.input-field input[type=text]:focus ,.input-field input[type=password]:focus {border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000;}
.input-field input[type=text].valid,.input-field input[type=password].valid{border-bottom:1px solid #2196F3;box-shadow:0 1px 0 0 #2196F3;}
.input-field input[type=text].invalid,.input-field input[type=password].invalid{border-bottom:1px solid #F44336;box-shadow:0 1px 0 0 #F44336;}
.input-field .prefix.active{color:#000;}
/* Input : switch */
.switch{margin-top:7px;}
.switch label .lever{margin:0 7px;}
.switch label input[type="checkbox"]:checked + .lever{background-color:#ADD0EB;}
.switch label input[type="checkbox"]:checked + .lever::after{background-color: #4FB0FD ;}
.login-body{background-image:url('./assets/images/Login on_Images/Login on_ImgID1.png');background-size:cover;background-position: center;background-attachment:fixed;}
.input-cart{min-height:400px;margin-top:80px;margin-bottom:100px;}
.login{margin-top:25px;border-right:1px solid #ddd;}
.policy{visibility: hidden;}
.signupForm{display: none;}
.signup{margin-top:25px;}
.signup-toggle{cursor:pointer;margin-top:140px;}
.login h4, .signup h4{font-weight:200;}
.legal{border-top:1px solid #ddd;}
.email label{margin-left:11px;}
.policy{font-size:13px;}
.main-title{font-family:pacifico;}

.box3 {
      transition: box-shadow .3s;
      border-radius:6px;
    }
    .box3:hover {
      box-shadow: 0 0 10px 3px #9ec9e4; 
    }
    .zoom {
			transition: transform .9000s;
		}

		.zoom:hover {
			transform: scale(1.05); 
		}
		.box2 {
      transition: box-shadow .3s;
      border-radius:6px;
    }
    .box2:hover {
      box-shadow: 0 0 10px 3px #2288b9; 
    }