::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
  opacity: 0.9;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
  opacity: 0.9;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
  opacity: 0.9;
}
:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
  opacity: 0.9;
}

.login-input{
    background-color: transparent;
    border-radius:25px 25px 25px 0;
}

.login-input-outline{
    outline : 2px solid;
    outline-color: #FB397D;
    transition: all 0.2s ease-out;
    border: 1px solid #FB397D;
    
}

.submit-btn{
    cursor: pointer;
}

#username{
   background-color: transparent !important;
   color:#fff !important;
   border-width: 0px; 
   outline: none; 
   padding: 10px 10px;
   width: 100%;
    
}

#password{
    background-color: transparent !important; 
    border-width: 0px; 
    color:#fff !important;
    outline: none; 
    padding: 10px 10px;
    width: 90%;
}

.password-icon {
    font-size: 20px;
    color:#fff;
    opacity: 0.9;
    cursor: pointer;
}

.start-here{
    color: #fb397d;
    font-weight: 800;
    font-size: 20px;
}


/* input autofill google suggestion */
#username:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #8A4DDE inset !important;
  -webkit-text-fill-color: #fff !important;
}

#password:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #8A4DDE inset !important;
  -webkit-text-fill-color: #fff !important;
}