@import url("https://fonts.googleapis.com/css2?family=Cabin:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap");

:root {
  --pf-global--primary-color--100: #0d3a94;
  --pf-global--primary-color--light-100: #00aeef;
  --pf-global--primary-color--dark-100: #0d3a94;
  --pf-global--active-color--100: #0d3a94;
}

body {
  font-family: Cabin, "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
}

.simulador-pf {
  background-color: #0d3a94;
}

.simulador-pf-page {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Card principal */
.simulador-pf-page .card-pf {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}

.pf-c-button {
  border-radius: 50px;
}

/* Headers */
.simulador-pf-header {
  margin-bottom: 20px;
}

.simulador-pf-header #kc-page-title {
  color: #0d3a94;
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.simulador-pf-page #kc-header-wrapper {
  display: flex;
  justify-content: center;
  padding: 20px 60px 20px 60px;
}

/* Texto de ajuda para tela de recuperação de senha */
.simulador-pf #kc-reset-password-helper-text {
  color: rgba(0, 0, 0, 0.6);
  text-align: left;
  margin: 10px 0 20px;
}

/* Configurações abaixo do campo de senha (Mantenha-me conectado e esqueceu senha) */
.simulador-pf-settings {
  align-items: center;
}

.simulador-pf-page #kc-form-buttons {
  margin-top: 20px;
}

/* Seleção de idiomas */
#kc-locale ul {
  background-color: var(--pf-global--BackgroundColor--100);
  display: none;
  top: 20px;
  min-width: 100px;
  padding: 0;
}

#kc-locale-dropdown {
  display: inline-block;
}

#kc-locale-dropdown:hover ul {
  display: block;
}

a#kc-current-locale-link::after {
  content: "\2c5";
  margin-left: 4px;
  margin-left: var(--pf-global--spacer--xs);
}

/* Alerta */
.simulador-pf-page .card-pf .pf-c-alert {
  margin-bottom: 15px;
}

#kc-error-message {
  text-align: center;
}

.simulador-pf-page #kc-totp-settings {
  margin-left: 14px;
}

/* Telas pequenas */
@media screen and (max-width: 767px) {
  .simulador-pf body {
    background: #0d3a94;
  }

  .simulador-pf-page {
    min-height: 100%;
  }

  /* Card principal */
  .simulador-pf .card-pf {
    background-image: url("../img/monumentos.svg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    flex-grow: 1;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    /*width: 100%;*/
    padding-bottom: 130px;
  }

  /* Seleção de idiomas */
  #kc-locale {
    color: #ffffff;
    position: absolute;
    width: 200px;
    top: 20px;
    right: 20px;
    text-align: right;
    z-index: 9999;
  }

  a#kc-current-locale-link {
    color: #fff;
  }
}

/* Telas grandes */
@media screen and (min-width: 768px) {
  html,
  body {
    height: auto;
    min-height: 100%;
  }

  .simulador-pf body {
    background: #0d3a94 url("../img/monumentos.svg") no-repeat;
    background-position: bottom;
    background-size: 110%;
  }

 
  /* Card principal */
  .simulador-pf .card-pf {
    min-width: 700px;
    max-width: 1440px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  /* Seleção de idiomas */
  #kc-locale {
    position: relative;
    text-align: right;
    z-index: 9999;
  }

  a#kc-current-locale-link::after {
    color: #363636;
  }
}