/*user login start*/
 
 .USERNAME input[type=text] {
     width: 231px;
     border: 1px solid #ccc;
     border-radius: 4px;
     margin: 8px 0;
     outline: none;
     padding: 0px;
     box-sizing: border-box;
     transition: .3s;
 }
 
/*user login end*/ 

/*register.html, resetpassword.html, tips.html, newparameter.html, parameteredit.html, neworganization.html, organizaionedit.html, userdetails.html start*/  
 input[type=text] {
     width: 380px;
     border: 2px solid #aaa;
     border-radius: 4px;
     margin: 8px 0;
     outline: none;
     /*padding:8px;*/
     box-sizing: border-box;
     transition: .3s;
     font-family: Roboto-Medium;
     font-size: 13px;
     height: 36px;
     padding-left: 35px;
 }
 
 input[type=text]:focus {
     border-color: dodgerBlue;
     box-shadow: 0 0 8px 0 dodgerBlue;
 }

 .inputWithIcon {
     position: relative;
 }
 
 .inputWithIcon i {
     position: absolute;
     left: 0;
     top: 9px;
     padding: 9px 8px;
     color: #aaa;
     transition: .3s;
 }
 
 .inputWithIcon input[type=text]:focus + i {
     color: dodgerBlue;
 }
 
 .inputWithIcon.inputIconBg i {
     background-color: #aaa;
     color: #fff;
     padding: 9px 4px;
     border-radius: 4px 0 0 4px;
 }
 
 .inputWithIcon.inputIconBg input[type=text]:focus + i {
     color: #fff;
     background-color: dodgerBlue;
 }
 
  .input-container {
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     margin-bottom: 10px;
 }
 
 .input-field {
     width: 380px;
     padding: 5px;
     outline: none;
     border: 2px solid #aaa;
     border-radius: 4px;
     height: 36px;
     padding-left: 35px;
     font-size: 13px;
     font-family: Roboto-Medium;
 }
 
 /*register.html, resetpassword.html, tips.html, newparameter.html, parameteredit.html, neworganization.html, organizaionedit.html, userdetails.html end*/  

 