@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto:100,300,400,500,600,700);
*,*::before,*::after {box-sizing: border-box;-webkit-box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;}
body {margin:0px;font-family:'Roboto', sans-serif;font-weight:400;font-size:13px;color:#333333;}
.clearfix:after {content: "";display: block;clear: both;visibility: hidden;height: 0;}
#content { margin:0 auto; padding: 20px 20px 0px 30px;} 
input[type="submit"], input[type="button"] { display:inline-block;background-color:#ff8e14; color:#fff; border:0; padding:10px; font-weight:600; font-family:'Roboto', sans-serif; font-size:14px; cursor:pointer; }
.login-frm-outer{padding: 0; margin: 0; width:100%; height:calc(100vh - 60px); display: flex; flex-direction: column; align-items: center; justify-content: center;}
.login-form{border:4px solid #f0f0f0; padding:15px 30px; border-radius:15px;width:300px;text-align: center;}

#inputform .field{ position:relative; margin-bottom:40px; padding:0; margin:25px 0; font-family:'Roboto', sans-serif}
#inputform input[type=number],#inputform input[type=text],#inputform input[type=password],#inputform input[type=email],#inputform select{border:none;padding-bottom:3px;border-bottom: 1px solid #1BA6AF; min-width:250px; outline: 0;font-size:13px;  font-family:'Roboto', sans-serif; background:transparent;}
#inputform label{color: #666;  position: absolute; left:5px; bottom:5px;  pointer-events: none;transition: all 0.3s ease-in-out; font-size: 13px; font-weight:400;}
#inputform label.select{color: #666;  position: absolute; left:0; bottom:25px;font-size: 13px; font-weight:400;font-family:'Roboto', sans-serif;}
#inputform input:focus ~ label, #inputform input:valid ~ label{	font-size: 11px;top:-20px;}
#inputform input ~ span,#inputform textarea ~ span {display: block; width:0; height: 3px; background: #1BA6AF; position: absolute; bottom: 0; left: 0; -webkit-transition: all 0.125s ease;transition: all 0.125s ease;}
#inputform textarea:focus { outline: 0; }		
#inputform input:focus ~ span,#inputform textarea:focus ~ span { width: 100%; -webkit-transition: all 0.075s ease; transition: all 0.075s ease;	}
.bar { position:relative; display:block; width:250px; }
.bar:before, .bar:after {content:''; height:1px; width:0px;bottom:1px; position:absolute;background:#1BA6AF;transition:0.2s ease all; -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
input:focus ~ .bar:before, input:focus ~ .bar:after {  max-width:250px;}