/**
 * Component: Button
 */
.button, .login form .button.button-large {
  display: inline-block;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-appearance: none;
  padding: 0.375rem 1.875rem 0.4375rem 0.5rem;
  background: #005eb8 url("assets/imgs/icons/arrow-right-alt.svg") no-repeat;
  background-size: 1rem 1.125rem;
  background-position: right 0.5rem center;
  border-radius: 0;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  height: auto;
  width: auto;
  text-decoration: none;
}
.button:hover, .login form .button.button-large:hover {
  background-color: #003087;
  background-image: url("assets/imgs/icons/arrow-right-alt.svg");
  text-decoration: none;
  color: white;
}
.button:focus, .login form .button.button-large:focus {
  background-image: url("assets/imgs/icons/arrow-right-black.svg");
  background-color: #fae100;
  color: black;
}
@media (min-width: 768px) {
  .button, .login form .button.button-large {
    padding: 0.375rem 2.375rem 0.4375rem 0.75rem;
    background-position: right 0.625rem center;
    font-size: 1.0625rem;
  }
}
@media (min-width: 1200px) {
  .button, .login form .button.button-large {
    font-size: 1.375rem;
  }
}

.button--secondary {
  background: #fff url("assets/imgs/icons/arrow-right-light.svg") no-repeat;
  background-size: 1rem 1.125rem;
  background-position: right 0.625rem center;
  border: 0.0625rem solid #005eb8;
  color: #005eb8;
}
.button--secondary:hover {
  background-color: #005eb8;
  background-image: url("assets/imgs/icons/arrow-right-alt.svg");
  text-decoration: none;
  color: white;
}

.button--tertiary {
  background-color: white;
  background: white url("assets/imgs/icons/arrow-right.svg") no-repeat;
  background-size: 1rem 1.125rem;
  background-position: right 0.625rem center;
  color: #005eb8;
}
.button--tertiary:hover {
  background-color: #005eb8;
  background-image: url("assets/imgs/icons/arrow-right-alt.svg");
  text-decoration: none;
  color: white;
}
.button--tertiary:focus {
  outline: solid 0.0625rem black;
}

.button--block {
  display: block;
  height: 100%;
}
.button--block:focus {
  background-color: #5cd1ef;
  background-size: 1rem 1rem;
  background-position: right 0.625rem center;
  color: black;
}

.button__file-info {
  padding-left: 0.75rem;
  font-weight: 400;
}

body {
  background: #005eb8;
  font-family: "Frutiger W01", Arial, sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login h1 a {
  background-image: url(./assets/imgs/logo.svg);
  background-size: 24.5rem 5.5625rem;
  width: 24.5rem;
  height: 5.5625rem;
  margin: 0 0 2.25rem;
}
.login form {
  margin: 0;
  border: none;
  background: none;
  box-shadow: none;
  padding: 0;
}
.login form label[for=user_login], .login form label[for=user_pass] {
  font-size: 1.1875rem;
  font-weight: bold;
}
.login form input[type=text], .login form input[type=password] {
  height: 3.75rem;
  border: 0.0625rem solid #4c6272;
  border-radius: 0;
}
.login form .button.button-large {
  min-width: 7.375rem;
}

#login {
  background: white;
  width: 34.75rem;
  max-width: 90%;
  padding: 2.8125rem 2.375rem 2.375rem;
}