#reset-password-modal .modal-header h4,
#reset-password-modal .modal-content p {
  color: #000; }
#reset-password-modal .modal-footer button {
  border: none;
  border-radius: 0;
  background: linear-gradient(#aa0028, #72000e); }
  #reset-password-modal .modal-footer button span {
    padding: 8px 15px;
    color: white;
    font-family: "PTSans-Bold", serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    display: block; }

.login-screen-wrapper {
  width: 100%;
  display: flex;
  /*
  display: ~"-webkit-${display}";
  display: ~"-moz-${display}";
  display: ~"-ms-${display}box";
  display: ~"-ms-${display}";*/
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  align-self: auto;
  -webkit-align-self: auto;
  -ms-flex-wrap: no-wrap;
  -webkit-flex-wrap: no-wrap;
  flex-wrap: no-wrap;
  order: unset;
  -ms-flex-order: unset;
  -webkit-order: unset;
  height: 75vh;
  width: 100%; }
  .login-screen-wrapper img.bg-bxs-logo {
    position: fixed;
    bottom: -25%;
    left: -40%;
    z-index: -3;
    width: auto;
    height: auto; }

.credentials-wrapper {
  -webkit-box-shadow: 20px 20px 0 #ededed;
  -moz-box-shadow: 20px 20px 0 #ededed;
  box-shadow: 20px 20px 0 #ededed;
  border: 1px solid #b2b3b2;
  background: fade(white, 90%);
  padding: 50px 75px;
  margin: 0 auto;
  text-align: center;
  display: block; }
  .credentials-wrapper img {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding-bottom: 5px;
    display: block; }
  .credentials-wrapper form p.error {
    color: #72000e; }
  .credentials-wrapper form label {
    background: #aa0028;
    color: white;
    padding: 2px 12px;
    margin: 0;
    float: left;
    font-size: 22px; }
  .credentials-wrapper form input {
    float: left;
    width: 82%;
    border: none;
    padding: 8px 10px 7px 10px; }
  .credentials-wrapper form input:focus {
    outline: none; }
  .credentials-wrapper form .email, .credentials-wrapper form .password {
    margin: 15px auto;
    display: block;
    clear: both;
    border-radius: 3px;
    border: 1px solid #b2b3b2; }
    .credentials-wrapper form .email .fa, .credentials-wrapper form .password .fa {
      width: 46px; }
  .credentials-wrapper form .password .fa {
    -webkit-transform: translate3d(0, 3px, 0);
    -moz-transform: translate3d(0, 3px, 0);
    -ms-transform: translate3d(0, 3px, 0);
    -o-transform: translate3d(0, 3px, 0); }
  .credentials-wrapper form .submit a.forgot-password {
    font-family: "PTSans-Regular", serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    float: left;
    font-size: 15px;
    color: #aa0028; }
  .credentials-wrapper form .submit a.forgot-password:hover {
    text-decoration: underline;
    cursor: pointer; }
  .credentials-wrapper form .submit button {
    border: none;
    float: right;
    background: linear-gradient(#aa0028, #72000e); }
    .credentials-wrapper form .submit button span {
      padding: 8px 15px;
      color: white;
      font-family: "PTSans-Bold", serif;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
      font-size: 15px;
      display: block; }

@media (max-width: 767px) {
  .credentials-wrapper {
    padding: 50px; } }
@media (max-width: 480px) {
  .credentials-wrapper {
    padding: 50px 30px; }
    .credentials-wrapper form input {
      width: 90%; } }
@media (max-width: 414px) {
  .credentials-wrapper form input {
    width: 85%; } }
@media (max-width: 375px) {
  .credentials-wrapper form input {
    width: 80%; } }

/*# sourceMappingURL=login.css.map */