@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap);
body {
  background-image: url("/images/bg.jpg");
  color: #464e5f;
  font-family: "Open Sans", sans-serif;
}

h3 {
  font-weight: 500;
  line-height: 1.2;
  color: #464e5f;
  text-transform: uppercase;
}

h5 {
  font-weight: 500;
  color: #505042 !important;
  text-transform: uppercase;
}

p {
  font-weight: 400;
  color: #505042;
  margin-bottom: 3rem;
}

.btn-bordo {
  background: #a53536;
  color: #fff;
}

.btn-grey {
  background: #e0e4e8;
  color: #333;
}
.btn-grey:hover {
  background: #9fa4af;
  color: #fff;
}

.error {
  background-color: #ffcfad;
  border-color: transparent;
  border-radius: 0.42rem;
  padding: 20px 30px;
  margin-bottom: 30px;
}
.error p {
  color: #c75200;
  margin: 0;
  text-align: center;
}

form.login label.form-label {
  font-weight: 400;
  color: #464e5f;
  text-transform: uppercase;
  text-align: center;
  display: block;
}
form.login input.form-control {
  height: 48px;
  background-color: #f3f6f9;
  border-color: #f3f6f9;
  color: #464e5f;
  padding-left: 20px;
  padding-right: 20px;
}
form.login input.form-control:focus {
  background-color: #ecf0f3;
  border-color: #ecf0f3;
  box-shadow: none;
}
form.login input.form-control::-moz-placeholder {
  color: #b6b7c6;
}
form.login input.form-control:-ms-input-placeholder {
  color: #b6b7c6;
}
form.login input.form-control::placeholder {
  color: #b6b7c6;
}
form.login input#remember {
  display: none;
}
form.login input#remember + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
form.login input#remember + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.42em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
form.login input#remember:checked + label::before {
  border-color: #a53536;
  background-color: #a53536;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
form.login label.form-check-label {
  cursor: pointer;
}
form.login a.forgot-password {
  color: #505042;
  text-decoration: none;
}
form.login a.forgot-password:hover {
  color: #de5c00 !important;
}
form.login button.btn.btn-bordo {
  color: #fff;
  background-color: #a53536;
  border-color: #a53536;
  width: 235px;
  height: 48px;
  display: block;
  margin: auto;
}
form.login button.btn.btn-bordo:hover {
  background-color: #8b2122;
  border-color: #8b2122;
}
form.login button.btn.btn-bordo:active {
  background-color: #ef6a01;
  border-color: #ef6a01;
}

.register p {
  margin-top: 16px;
  margin-bottom: 16px;
  padding: 0 35px;
  text-align: center;
  font-size: 14px;
}
@media only screen and (max-width: 600px) {
  .register p {
    padding: 0 10px;
  }
}
.register a {
  display: block;
  color: #a53536;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  margin-bottom: 50px;
}

#register form.code {
  margin-top: 50px;
}
#register form.code label {
  text-transform: normal;
}
#register form.code input {
  height: 48px;
  font-weight: 400;
  color: #464e5f;
  background-color: #fff;
  border: 1px solid #e5eaee;
  border-top-left-radius: 0.42rem;
  border-bottom-left-radius: 0.42rem;
}
#register form.code input::-moz-placeholder {
  color: #b9bdcc;
}
#register form.code input:-ms-input-placeholder {
  color: #b9bdcc;
}
#register form.code input::placeholder {
  color: #b9bdcc;
}
#register form.code input:focus {
  border-color: #9cb8ff;
  box-shadow: none;
}
#register form.code button.btn-bordo {
  color: #fff;
  background-color: #a53536;
  border-color: #a53536;
  height: 48px;
  border-top-right-radius: 0.42rem;
  border-bottom-right-radius: 0.42rem;
}
#register .reg-info {
  border-radius: 0.42rem;
  padding: 10px 15px;
  margin-bottom: 15px;
  background-color: #ffa800;
  border-color: #ffa800;
}
#register .reg-info p {
  color: #fff;
  margin: 0;
  text-align: left;
}
#register a.registration {
  color: #a53536;
  text-align: left;
  display: block;
}
#register a.registration:hover {
  color: #de5c00 !important;
  text-decoration: none;
}
#register .formRegistration blockquote {
  display: block;
  border-left: solid 5px #e5e8eb;
  padding: 5px 0 5px 15px;
  margin: 15px 0;
}
#register .formRegistration form label {
  color: #5d5d5d;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}
#register .formRegistration form .prompt {
  font-size: 13px;
  color: #a53536;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0;
}
#register .formRegistration form input.form-control,
#register .formRegistration form select.form-select {
  margin: 10px 0;
}
#register .formRegistration form input.form-control:focus,
#register .formRegistration form select.form-select:focus {
  box-shadow: none;
}
#register .formRegistration form .prompt-password {
  background-color: #e5e8eb;
  padding: 0.5rem;
  margin-top: 6px;
}
#register .formRegistration form .prompt-password p {
  font-size: 14px;
  margin: 0;
}
#register .formRegistration form input#policy {
  display: none;
}
#register .formRegistration form input#policy + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
#register .formRegistration form input#policy + label a {
  color: #a53536;
  text-decoration: none;
}
#register .formRegistration form input#policy + label::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 0.42em;
  margin-right: 0.5em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
#register .formRegistration form input#policy:checked + label::before {
  border-color: #a53536;
  background-color: #a53536;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
