@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap');

#fls_login_form, #flsResetPasswordForm {
  margin: 0 auto;
  width: 300px;
    border:1px black solid;
    padding:20px;
    border-radius: 3px;

}

#fls_login_form input:focus, #flsResetPasswordForm input:focus {
    border-color:#cc6c19;
    box-shadow: none;
}

.fls_reset_pass_wrapper {max-width: 100%!important;}

#fls_login_form p, #flsResetPasswordForm p {margin:0px;}

.fls_login_wrapper form#loginform .input, .fls_reset_pass_wrapper form#flsResetPasswordForm input {
    font-weight:400;
    /*color:#CC6C19;*/
}

.fls_login_wrapper form#loginform .input:focus, .fls_reset_pass_wrapper form#flsResetPasswordForm input:focus {
    outline: none;
}


#loginform, 
#loginform *, #flsResetPasswordForm, #flsResetPasswordForm * {
  font-family: 'Montserrat', sans-serif !important;
}

/* Style submit button */
#loginform input[type="submit"], #flsResetPasswordForm button[type="submit"], #fls_2fa_form button[type="submit"] {
  background-color: #f38020 !important;
  border: none!important;
  color: white;
  padding: 0.5em 1em;
  border-radius: 4px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}

#loginform input[type="submit"]:hover, #flsResetPasswordForm button[type="submit"]:hover {
  background-color: #d96f1a !important;
}

/* Style checkboxes */
#loginform input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  background-color: white;
  border: 1px solid black;
  border-radius: 2px;
  width: 16px;
  height: 16px;
  cursor: pointer;
  position: relative;
}

/* Centered, smooth checkmark */
#loginform input[type="checkbox"]:checked::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 4.5px;
  width: 5px;
  height: 9px;
  border: solid black;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 1px;
}