@font-face {
  font-family: 'Basis Grotesque Pro';
  src: url('../font/BasisGrotesquePro-Bold.eot');
  src: url('../font/BasisGrotesquePro-Bold.eot?#iefix') format('embedded-opentype'), url('../font/BasisGrotesquePro-Bold.woff2') format('woff2'), url('../font/BasisGrotesquePro-Bold.woff') format('woff'), url('../font/BasisGrotesquePro-Bold.ttf') format('truetype'), url('../font/BasisGrotesquePro-Bold.svg#BasisGrotesquePro-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Basis Grotesque Pro';
  src: url('../font/BasisGrotesquePro-Regular.eot');
  src: url('../font/BasisGrotesquePro-Regular.eot?#iefix') format('embedded-opentype'), url('../font/BasisGrotesquePro-Regular.woff2') format('woff2'), url('../font/BasisGrotesquePro-Regular.woff') format('woff'), url('../font/BasisGrotesquePro-Regular.ttf') format('truetype'), url('../font/BasisGrotesquePro-Regular.svg#BasisGrotesquePro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Basis Grotesque Pro';
  src: url('../font/BasisGrotesquePro-Light.eot');
  src: url('../font/BasisGrotesquePro-Light.eot?#iefix') format('embedded-opentype'), url('../font/BasisGrotesquePro-Light.woff2') format('woff2'), url('../font/BasisGrotesquePro-Light.woff') format('woff'), url('../font/BasisGrotesquePro-Light.ttf') format('truetype'), url('../font/BasisGrotesquePro-Light.svg#BasisGrotesquePro-Light') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

.alert {
  /*padding: 11px;*/
  margin-bottom: 5px;
  /*border: 1px solid transparent;*/
  border-radius: 1px;
}

.alert-warning {
  background-color: #fff;
  border-color: #fff;
  color: #363636;
}


.alert-error {
  background-color: #F6E1E8;
  border-color: #cc0000;
  color: #333333;
}

.alert-info {
  /*background-image: url(../img/info.gif);
  background-repeat: no-repeat;
  position: relative;*/
  font-family: Verdana, Arial, Helvetica;
  font-size: 12px;
  background-color: #E0F2FE;
  border-color: #39acf9;
  color: #185f9e;
}

.pficon-infoP {
  background-image: url(../img/info.gif);
  background-repeat: no-repeat;
  position: relative;
}

#kc-locale ul {
  display: none;
  position: absolute;
  background-color: #fff;
  list-style: none;
  right: 0;
  top: 20px;
  min-width: 100px;
  padding: 2px 0;
  border: solid 1px #bbb;
}

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

#kc-locale ul li a {
  display: block;
  padding: 5px 14px;
  color: #000 !important;
  text-decoration: none;
  line-height: 20px;
}

#kc-locale ul li a:hover {
  color: #4d5258;
  background-color: #d4edfa;
}

#kc-locale-dropdown a {
  color: #4d5258;
  background: 0 0;
  padding: 0 15px 0 0;
  font-weight: 300;
}

#kc-locale-dropdown a:hover {
  text-decoration: none;
}

a#kc-current-locale-link {
  display: block;
  padding: 0 5px;
}

/* a#kc-current-locale-link:hover {
    background-color: rgba(0,0,0,0.2);
} */

a#kc-current-locale-link::after {
  content: "\2c5";
  margin-left: 4px;
}

.login-pf .container {
  padding-top: 40px;
}

.login-pf a,
.login-pf a:hover {
  color: black;
  text-decoration: none;
}

.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    text-decoration: none;
    color: black;
}

.btn-danger:hover {
  color: #fff;
  background-color: #6b1e29 !important;
  border-color: #6b1e29 !important;
}

.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #6b1e29;
  border-color: #0b0000;
}

.btnLogin:hover {
  color: #fff;
  background-color: #6b1e29 !important;
  border-color: #6b1e29 !important;
}

#kc-logo {
  width: 100%;
}

#kc-logo-wrapper {
  background-image: url(../img/keycloak-logo-2.png);
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 62px auto 0;
}

div.kc-logo-text {
  background-image: url(../img/keycloak-logo-text.webp);
  background-repeat: no-repeat;
  height: 63px;
  width: 300px;
  margin: 0 auto;
}

div.kc-logo-text span {
  display: none;
}

#kc-header {
  color: #a30000;
  overflow: visible;
  white-space: nowrap;
  position: initial;
}

#kc-content {
  width: 100%;
}

/* #kc-content-wrapper {
    overflow-y: hidden;
} */

#kc-info {
  margin: 0;
  padding: 0;
}

#kc-info-wrapper {
  font-size: 13px;
}

button.btn.btn-primary.btnFooter, button.btn.btn-primary:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 50%);
}

.register-form-title {
  line-height: 1.66;
  padding: 0;
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 20px;
}

#kc-form-options span {
  display: block;
}

#kc-form-options span {
  display: block;
}

#kc-form-options .checkbox {
  margin-top: 0;
  color: #72767b;
}

#kc-terms-text {
  margin-bottom: 5px;
}

#kc-registration {
  margin-bottom: 0;
}

#kc-registration span {
  font-size: 13px;
}

/* TOTP */

ol#kc-totp-settings {
  margin: 0;
  padding-left: 20px;
}

ul#kc-totp-supported-apps {
  margin-bottom: 10px;
}

#kc-totp-secret-qr-code {
  max-width: 150px;
  max-height: 150px;
}

#kc-totp-secret-key {
  background-color: #fff;
  color: #333333;
  font-size: 16px;
  padding: 10px 0;
}

/* OAuth */

#kc-oauth h3 {
  margin-top: 0;
}

#kc-oauth ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#kc-oauth ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 12px;
  padding: 10px 0;
}

#kc-oauth ul li:first-of-type {
  border-top: 0;
}

#kc-oauth .kc-role {
  display: inline-block;
  width: 50%;
}

/* Code */
#kc-code textarea {
  width: 100%;
  height: 8em;
}

/* Social */

#kc-social-providers ul {
  padding: 0;
}

#kc-social-providers li {
  display: block;
}

#kc-social-providers li:first-of-type {
  margin-top: 0;
}

.zocial,
a.zocial {
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  text-shadow: none;
  border: 0;
  background: #f5f5f5;
  color: #72767b;
  border-radius: 0;
  white-space: normal;
}

.zocial:before {
  border-right: 0;
  margin-right: 0;
}

.zocial span:before {
  padding: 7px 10px;
  font-size: 14px;
}

.zocial:hover {
  background: #ededed !important;
}

.zocial.facebook,
.zocial.github,
.zocial.google,
.zocial.microsoft,
.zocial.stackoverflow,
.zocial.linkedin,
.zocial.twitter {
  background-image: none;
  border: 0;

  box-shadow: none;
  text-shadow: none;
}

/* Copy of zocial windows classes to be used for microsoft's social provider button */
.zocial.microsoft:before {
  content: "\f15d";
}

.zocial.stackoverflow:before {
  color: inherit;
}


.btn {
  border-radius: 50px;
  padding: 10px 20px;
  box-shadow: none;
  font-weight: 800;
  font-size: 20px;
  margin: 0;
  display: inline-block;
  margin-top: 10px;
}


.card-pf form.form-actions .btn {
  float: right;
  margin-left: 10px;
}

#kc-form-buttons {
  margin-top: 30px;
}

.login-pf-page .login-pf-accounts {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
}

.login-pf-page .login-pf-brand {
  margin-top: 2em;
  max-width: 360px;
  width: 40%;
}

#kc-page-title {
  background: url('../img/logo.webp');
  /*background-size: 190px;*/
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  text-indent: -99999em;
  overflow: hidden;
  margin-top: 0;
}

#kc-page-title-has-message {
  background: url('../img/logo.webp');
  /* background-size: 190px; */
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  height: 90px;
  text-indent: -99999em;
  overflow: hidden;
  margin-top: 25%;
}

.login-pf-page {
  padding: 0;
  display: flex;
  justify-content: center;
}

.mdBody{
  height: 475px;
  width: 100%;
  overflow-y: auto;
}

.card-pf {
  /* max-width: 360px; */
  background-color: #ffffff;
  /* padding: 40px; */
  border-radius: 10px;
  /*transform: translate(-50%, -50%);*/
  /* position: absolute; */
  /* top: 50%;
    left: 50%; */
  /* margin: 0; */
  color: #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}

.card-pf form {
  background: none;
  border: none;
  /* border-bottom: 1px solid #b3b3b3; */
  /* padding: 0px 5px 10px 28px; */
  margin: 10px 5px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #333e48 !important;
  margin-bottom: 0;
}

@media (min-height: 1280px) {
  .card-pf form {
    padding-top: 20px !important;
  }
}


.login-pf-page .login-pf-signup {
  font-size: 15px;
  color: #72867b;
}

#kc-content-wrapper .row {
  margin-left: 0;
  margin-right: 0;
  display: flex;
  justify-content: center;
}


.login-pf-page .login-pf-social-link {
  margin-bottom: 25px;
}

.login-pf-page .login-pf-social-link a {
  padding: 2px 0;
}

.login-pf-page .login-pf-page-accounts {
  margin-left: auto;
  margin-right: auto;

}

.login-pf-page .btn-primary {
  margin-top: auto;
  background: #e0262b;
  outline: none;
}

.btn-default {
  background: #7e7e80;
  outline: none;
  color: white;
}

.btn-default:hover {
  background: rgb(82, 82, 83);
  color: white
}

form .btn-danger {
  background: #e7272c;
}

input#kc-login {
    color: white !important;
    background: #e7272c !important;
}

input#kc-login:hover {
    color: white !important;
    background: #e7272c !important;
}

#kc-registry.btn-danger:hover {
  background-color: #6b1e29;
  border-color: #6b1e29;
}


form .btn-primary:hover, form .btn-danger:active {
  background: #6b1e29 !important;
  outline: none;
}

.login-pf-page .login-pf-header {
  margin-top: 0;
  margin-bottom: 0;
}

.input-group-icon {
  width: 16px;
  height: 16px;
  position: absolute;
  margin-top: 8px;
  margin-left: 8px;
}

.login-pf body {
  font-family: 'Basis Grotesque Pro' !important;
  background: #fff;
  background-size: cover;
}
#createAccount{
  font-family: 'Basis Grotesque Pro' !important;
  background: #475d62 url(../img/bg-login.jpg) !important;
  background-size: cover;
}

body .form-group.login-pf-settings {
  justify-content: center;
  display: inherit;
}

.form-group.login-pf-settings a {
  color: #5c6670
}

span.pficon.pficon-error-circle-o {
  /* position: initial; */
}

.form-control {
  background: none;
  border: none;
  border-bottom: 1px solid #b3b3b3;
  padding: 1px 2px 1px 20px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #333e48 !important;
  margin-bottom: 5px;
}

/* #kc-page-title {
    background-image: url(../img/)
} */

.form-control:focus {
  box-shadow: none;
}

input::placeholder {
  color: #b3b6ba !important;
  font-size: 1em;
  font-style: normal !important;
}

.form-group .form-control {
  font-size: 1.1em;
}

.form-control-reg {
  width: 100%;
  background: none;
  border: none;
  border-bottom: 1px solid #b3b3b3;
  padding: 1px 2px 1px 2px;
  border-radius: 0;
  box-shadow: none;
  outline: none;
  color: #333e48 !important;
  margin-bottom: 5px;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.form-control-reg:hover {
  border-color: #7dc3e8;
}

.has-error .form-control-reg:focus {
  border-color: #6b1e29;
}

.has-error .form-control-reg {
  border-color: #e7272c;
}

.form-control-reg[disabled], .form-control-reg[readonly], fieldset[disabled] .form-control-reg {
  box-shadow: none;
  color: #8b8d8f;
}

.form-control-reg[disabled]:hover, .form-control-reg[readonly]:hover, fieldset[disabled] .form-control-reg:hover {
  border-color: #bbb;
}

.form-control-reg[disabled], .form-control-reg[readonly], fieldset[disabled] .form-control-reg {
  background-color: #d3d2d2;
  opacity: 1;
}

.login-pf-page .form-control-reg {
  height: 36px;
}

/* #kc-page-title {
    background-image: url(../img/)
} */

.form-control-reg:focus {
  box-shadow: none;
}

input::placeholder {
  color: #b3b6ba !important;
  font-size: 1em;
  font-style: normal !important;
}

.form-group .form-control-reg {
  font-size: 1em;
}


/*Style for secret questions*/
input#kc-refresh {
  background-image: url(../img/refresh-16.ico);
  background-repeat: no-repeat;
  height: 15px;
  width: 30px;
  background-position: center;
  background-color: transparent;
  border-width: 0px;
}

input#kc-refresh:focus {
  outline-color: white;
}

input#kc-showPassword {
  background-image: url(../img/ojo.webp);
  background-repeat: no-repeat;
  height: 15px;
  width: 30px;
  background-position: center;
  background-color: transparent;
  border-width: 0px;
}

input#kc-showPassword:focus {
  outline-color: white;
}

input#kc-hidePassword {
  background-image: url(../img/ojo_close.webp);
  background-repeat: no-repeat;
  height: 15px;
  width: 30px;
  background-position: center;
  background-color: transparent;
  border-width: 0px;
}

input#kc-hidePassword:focus {
  outline-color: white;
}

.textoAzul11 {
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  color: #003366;
}

.login-pf-accounts {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 0px 10px !important;
  color: #222;
  max-width: 500px !important;
  min-width: 300px;
  width: 90%;
  margin-top: 5%;
}

.oberlay {
  visibility: hidden;
}

.oberlay.active {
  visibility: visible;
}

/*
 @media (min-width: 280px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
      float: left;
    }

} */

/* Este Sí */

@media (max-width: 767px) {
  #kc-header {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center !important;
    margin-left: 0px !important;
  }
  .workInfo {
      position: relative;
      min-height: 1px;
      padding-left: 0px;
      padding-right: 35px;
  }
  .col-md-7.workInfo {
    padding-right: 0px !important;
  }
  .imageInfo {
    padding-left: 0px;
    padding-right: 0px !important;
  }
  ul.navbar-nav.navli {
    padding-left: 0px !important;
  }
  .slider {
    height: 225px !important;
    display: none;
  }
  .slider ul {
    display: none !important;
  }

  .card-pf {
    /* max-width: 360px; */
    width: 100%;
    background-color: #ffffff;
    /* padding: 40px; */
    border-radius: 10px;
    /* transform: translate(-50%, -50%); */
    /* position: absolute; */
    /* margin: 0; */
    color: #fff;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 20%);
  }
  .msgFooter {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    position: fixed !important;
  }
  dialog#dialog {
    min-width: 250px !important;
    width: 90% !important;
  }
}

.navli li.nav-item {
  padding-right: 18px;
  /* padding-left: 18px; */
  list-style: none;
  color: black;
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: 700;
  font-size: 16px;
}


/* Nuevo */

.banner img {
  max-width: 100px !important;
}

.spaceBetween {
  margin-left: 10px;
}

.banner ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.banner ul li {
    list-style: none;
    width: 100%;
}

.banner img {
  max-width: 100px !important;
}

.banner-locales {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

@media (max-width: 990px) {
  .banner img {
    max-width: 75px !important;
  }

  .banner ul {
      display: flex;
    }
}

@media (max-width: 800px) {
  .banner img {
    max-width: 65px !important;
  }

  .banner ul {
      display: flex;
    }
}

@media (max-width: 700px) {
  .banner img {
    max-width: 50px !important;
  }

  .banner ul {
    display: flex;
  }
}

@media (max-width: 600px) {
    .banner img {
      max-width: 100px !important;
    }
    .spaceBetween {
      margin-left: 10px;
    }

    .banner ul {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .banner ul li {
      list-style: none;
      width: 100%;
    }

    .banner img {
      max-width: 100px !important;
    }

    .banner-locales {
      display: block;
    }

    .slider-frame {
      width: 400px;
      height: auto;
      margin: 25px auto 10px;
      overflow: hidden;
    }

    .slider-frame ul {
      display: flex;
      justify-content: center;
      align-item: center;
      padding: 0px;
      width: 300%;
      animation: slide 20s infinite alternate ease-in-out;
    }

    .slider-frame li {
      width: 100%;
      list-style: none;
      position: relative;
      display: flex;
      justify-content: center;
      align-item: center;
    }

    .slider-frame img {
      width: 150px;
      height: 85px;
    }

    @keyframes slide {
      0% { margin-left: -50; }
      20% { margin-left: -50; }

      25% { margin-left: -100%; }
      45% { margin-left: -100%; }

      50% { margin-left: -200%; }
      70% { margin-left: -200%; }
    }
}

@media (min-height: 870px) {
  .footer {
    position: fixed !important;
  }
}

.sectionRecovery {
  text-align: center;
}

.btnLogin {

  color: white;
  background: #e7272c;
  border: none;
  border-radius: 5px;
  padding: 4px 0;
  box-shadow: none;
  margin-bottom: 10px;
  text-shadow: none;
  outline: none;
  font-weight: 800;
  font-size: 14px;
  /* text-transform: uppercase; */
  /* font-family: "BarlowSemiCondensed Bold"; */
  width: 100% !important;

}

.k-content-center {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

/**/


.col-md-4.card-pf {
  margin: 0;
  padding: 15px;
}


.login-pf {
  height: 100%;
  background: none !important;
  background-size: auto;
}

.msgFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  position: fixed !important;
}

.input-register {
  padding: 0.375rem 2.75rem !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

button,input {
    overflow: visible
}

.register-form-title {
  line-height: 1.66;
  padding: 0;
  font-weight: 900;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 20px;
}

/*
input:-internal-autofill-selected {
    appearance: menulist-button;
    background-color: rgb(232, 240, 254) !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}*/
/*END Style for secret questions*/

.navbar {
  position: initial !important;
  init: 10px !important;
  margin-bottom: 0px !important;
  border: 1px solid transparent;
  display: flex;
  justify-content: space-between;
}

.modal-open .modal {
  overflow-y: hidden !important;
}

button.btn.btn-primary.btnFooter {
  font-size: 14px;
  padding: 2px 8px !important;
  border-color: none !important;
}

a.popUpLink {
  color: #a30000 !important;
  font-weight: 600;
}

a.link {
  color: #e7272c !important;
  font-weight: 600;
}

a.nav-link.ingressIntranet {
  margin-top: 10px;
  color: #a30000 !important;
  font-weight: 600;
}

.banner.col-md-12 {
    /* padding-top: 110px !important; */
}

.container-header {
    /* position: sticky; */
    /* top: 0; */
    /* width: 100%; */
    /* position: sticky !important; */
    /* top: 0 !important; */
    width: 100%;
    left: 0;
    top: 0;
    /* position: fixed; */
    /* padding-top: 50px !important; */
    z-index: 999;
}

/* Start carousel 2*/
.slider {
  width: 85%;
  margin: auto;
  overflow: hidden;
  margin-left: 110px;
  /* display: flex; */
  justify-content: space-evenly;
  /* padding-top: 150px !important; */
}

.slider ul {
  display: flex;
  padding: 0;
  width: 400%;

  /*animation: cambio 35s infinite alternate linear;*/
}

.slider li {
  width: 100%;
  list-style: none;
}

.slider img {
  width: 100%;
}

@keyframes cambio {
  0% {margin-left: 0;}
  20% {margin-left: 0;}

  25% {margin-left: -100%;}
  45% {margin-left: -100%;}

  50% {margin-left: -200%;}
  70% {margin-left: -200%;}

  75% {margin-left: -300%;}
  100% {margin-left: -300%;}
}

#username::placeholder {
  color: #73797e !important;
}

#password::placeholder {
  color: #73797e !important;
}

.col-md-7.workInfo {
    display: flex;
    align-content: space-around;
    align-items: center;
    color: #e7272c;
}