

@media (max-width: 767px) {
    #employer_forgotpassword_formFieldContainer {
        padding: 50px 15px !important;
    }
    .signin-container,
    .forgotpassword-container {
        width: auto;
        margin: 0 auto;
    }

    #employer-sign-in .container {
       background: #fff !important;
       padding: 50px 15px !important;
    }
}

@media (min-width: 768px) {
    #employer_forgotpassword_formFieldContainer {
        padding: 50px 0 !important;
    }
    .signin-container,
    .forgotpassword-container {
        width: 450px;
        margin: 0 auto;
    }

    #employer-sign-in .container {
       background: #fff !important;
       padding: 50px 0;
    }
}

#employer-sign-in h1,
#employer-forgotpassword h1 {
    font: 39px Gilroy-Bold;
    margin-bottom: 30px;
    margin-top: 20px;
    text-align: center;
}

#employer-sign-in form label {
    line-height: 1em;
    color: #000;
    margin-bottom: 0.3125em;
    padding: 0;
    font: 16px Lato-Bold !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s !important;
    color: #848484 !important;
    -webkit-text-fill-color: #848484;
    background: #E9F2F4 !important;
}

form#employer_formContainer input[name="_username"],
form#employer_formContainer input[name="_password"],
input#form_email_address  {
    border: 1px solid #C4DADE !important;
    background: #E9F2F4 !important;
    margin-top: 5px;
    margin-bottom: 15px;
    height: 59px !important;
    color: #848484 !important;
    font: 16px Lato-Regular;
}
input:-internal-autofill-selected {
    border: 1px solid #C4DADE !important;
    background: #E9F2F4 !important;
    margin-top: 5px;
    margin-bottom: 15px;
    height: 59px !important;
    color: #848484 !important;

}

input {
  border: 3px solid grey;
  border-radius: 3px;
}

input:-webkit-autofill {
  border: 3px solid blue;
}
input:autofill {
  border: 3px solid blue;
}

input:-webkit-autofill {
    border: 1px solid #C4DADE !important;
    background: #E9F2F4 !important;
    margin-top: 5px;
    margin-bottom: 10px;
    height: 59px !important;
    color: #848484 !important;
}

form#employer_formContainer label[for=remember_me]{
    font: 14px Lato-Regular !important;
}
/*button.rp-loginbtn {
    background: #79F9AB !important;
    font: 14px Gilroy-Bold !important;    
    height: 59px;
    color: #000 !important;
    margin-top: 20px;
    margin-bottom: 20px;
}


button.rp-loginbtn:hover {
    background: #7fd7a1 !important;
    color: #000 !important;
}
*/
.btn-primary-aquamarine {
    background: #79F9AB !important;
    font: 14px Gilroy-Bold !important;    
    height: 59px;
    color: #000 !important;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100% !important;
    display: block;
    border: 1px solid #79F9AB !important;
    text-transform: uppercase !important;
}


.btn-primary-aquamarine:hover {
    background: #7fd7a1 !important;
    border: 1px solid #7fd7a1 !important;
    color: #000 !important;
}


.txt-noaccount {
    border-top: 1px solid #CACACA;
    padding: 30px 10px;
    text-align: center;
}
.txt-noaccount p {
    font: 20px Lato-Regular;
    color: #848484;

}

.btn-secondary-easternblue{
    background: #fff !important;
    padding: 20px 30px !important;
    font: 14px Gilroy-Bold !important;
    color: #017992 !important;
    border: 1px solid #017992 !important;
    border-radius: 4px !important;
    width: 100% !important;
    text-transform: uppercase;
    display: block;
}

.btn-secondary-easternblue:hover,
.btn-secondary-easternblue:focus {
    background: #017992 !important;
    color: #fff !important;
  }

.forgotpassword {
    font: 14px Lato-Regular;
    color: #848484 !important;
}

.forgotpassword-instruction {
    font: 20px Gilroy-Regular !important;
    color: #000;
    text-align: center;
    margin-bottom: 35px;
}


form label {
    font: 16px Lato-Bold !important;
}


#reset_password {
    background: #fff !important;
}

#employer-forgotpassword .errornotif {
    background-color: #FF7568;
    color: #fff;
    font-size: 16px;
    margin: 30px 0 !important;
    padding: 15px;
    border-radius: 4px;
    text-align: left !important;
    text-align: center !important;
}

#employer-forgotpassword .success {
    background: #AED6D0;
    border-radius: 4px;
    border-color: transparent;
    margin: 30px 0 !important;
    color: #000;
    text-align: center;
    font: 16px Lato-Regular !important;
    line-height: 1.3em;
}

.margintop30 {
    margin-top: 30px !important;
}



.padbottom50 {
    padding-bottom: 50px;
}

#employer-sign-in {
    padding: 0 !important;
}



#for-employers {
    display: flow-root;
}

#for-employers .errornotif {
    text-align: center !important;
    margin-bottom: 15px !important;
    font: 16px Lato-Regular !important;
}