@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
#kt_login {
  font-family: "Montserrat" !important;
}

.text-blue-ofibox {
  color: #51aadf;
}

.text-blue-ofibox:hover {
  color: #51aadf;
  opacity: 0.9;
}

.text-green-ofibox {
  /* color: #338fac; */
  color: #1292e8;
}

.text-green-ofibox:hover {
  /* color: #338fac; */
  color: #1292e8;
  opacity: 0.9;
}

.alert-rojo {
  background-color: #dc3545;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.btn-orange-ofibox {
  background-color: #ca3604;
}

.btn-orange-ofibox:hover {
  background-color: #ca3604;
  color: #000;
  opacity: 0.9;
}

.btn-blue-ofibox {
  background-color: #1292e8;
}

.btn-blue-ofibox:hover {
  background-color: #1292e8;
  color: #000;
  opacity: 0.9;
}

.text-rojo {
  color: #dc3545;
}

.text-verde {
  color: #28a745;
}

.redondear {
  border-color: #e0e0e0 !important;
  border-radius: 10px;
  /* border: solid 1px !important; */
  font-size: 1rem;
}

.btn-azul-claro-ofiboox {
  color: #fff;
  background-color: #51aadf;
}

.btn-azul-claro-ofiboox:hover {
  color: #fff;
  background-color: #51aadf;
  opacity: 0.9;
}

.btn-purple {
  color: #fff;
  background-color: #8251c4;
}

.btn-purple:hover {
  color: #fff;
  background-color: #7549ad;
  opacity: 0.9;
}

.btn-social {
  position: relative;
  border-radius: 50%;
  margin-left: 3px;
  margin-top: 2px;
  margin-bottom: 2px;
  height: 25px;
  width: 25px;
}

.btn-social span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.btn-outline-light:hover,
.btn-outline-light:focus,
.btn-outline-light:active,
.btn-outline-light.active,
.open > .dropdown-toggle.btn-outline-light {
  color: #fff;
  background-color: #51aadf;
  border-color: #51aadf;
  opacity: 0.9;
}

/* checkbox */
.login-content input[type="checkbox"] {
  transform: scale(1.1);
  margin-right: 3px;
}

/* quitar decoracion de enlaces ul li del breadcrumb */
.kt-subheader__main li {
  list-style-type: none;
}

.kt-subheader__main i {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 8px;
}

.kt-subheader__main i.first {
  margin-left: 0px;
  margin-right: 10px;
  font-size: 8px;
}

/* volver a activar campos ocultos del anterior bootstrap */
.hide {
  display: none;
}

/* vista normal */
.custon-ofibox-aside h1 {
  font-size: 46px !important;
  font-weight: 800 !important;
}

.custon-ofibox-login h3 {
  font-size: 26px;
}

.custon-ofibox-login p {
  font-size: 16px;
}

.kt-login__head img {
  height: 53px;
  margin-bottom: 10px;
}

.text_officebox_line {
  margin-top: 20px;
  margin-bottom: 10px;
}

.ares-titulo-1 {
  letter-spacing: 0.5px !important;
  font-weight: 800 !important;
  font-size: 3.5rem !important;
  margin-top: -80px;
  color: #000;
}

.ares-titulo-2 {
  letter-spacing: 0.5px !important;
  font-weight: 400 !important;
  font-size: 1.4rem !important;
  margin-top: -25px;
  color: #000;
}

.titulo-bienvenida {
  letter-spacing: 0.5px !important;
  font-weight: 700 !important;
  font-size: 2.5rem !important;
  color: #1a1a1a;
}

.p-everything {
  letter-spacing: 0.5px;
  margin-bottom: 20px;
}

.custon-ofibox-login .btn {
  border-radius: 10px !important;
}

.kt-login__form {
  min-width: 55%;
  font-size: 16px;
}

.kt-login__form input {
  font-size: 16px;
}

.kt-login__form label {
  font-size: 16px;
}

/* Mensaje alert */

#message-validate-login-span {
  font-size: 16px;
}

#message-validate-recovery-span {
  font-size: 16px;
}

#message-validate-recovery-span-ok {
  font-size: 16px;
}

.field-icon {
  float: right;
  margin-left: -25px;
  margin-right: 15px;
  margin-top: -35px;
  position: relative;
  z-index: 2;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  background-image: none !important;
  border-color: #e0e0e0 !important;
  padding-right: 0.75em;
}

.form-control.is-valid,
.was-validated .form-control:valid {
  background-image: none !important;
  border-color: #e0e0e0 !important;
  padding-right: 0.75em;
}

.personalizar_input_text::placeholder {
  color: #bfbfbf !important;
}

.texto-label-personalizado {
  color: #1a1a1a;
}

.border-danger {
  border-color: #dc3545 !important;
}

.border-verde {
  border-color: #28a745 !important;
}

.custom-control {
  margin-left: -20px;
}
.pulltop {
  margin-top: 5px;
}
.form-check .custom-control-label {
  color: #2c2b2c;
  font-size: 16px;
  line-height: 1.5;
  padding-left: 15px;
}
.form-check .custom-control-label::after,
.form-check .custom-control-label::before {
  height: 20px;
  width: 20px;
  margin-top: -2px;
}
.form-check .custom-control-label::before {
  background-color: #fff;
  border: 1px solid #2c2b2c;
}

/* When I remove background the icon goes back to that default size */
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #3250e6 !important;
}

.margin-top-nagative-5 {
  margin-top: -5px;
}

.margin-top-nagative-10 {
  margin-top: -10px;
}

.margin-top-nagative-20 {
  margin-top: -20px;
}

.margin-top-nagative-30 {
  margin-top: -30px;
}

.margin-top-nagative-40 {
  margin-top: -40px;
}

.margin-top-nagative-50 {
  margin-top: -50px;
}

/* vista mac */

/* 
  ##Device = Desktops
  ##Screen = 1681px to higher resolution desktops
*/
@media (min-width: 1681px) {
  .custon-ofibox-aside h1 {
    font-size: 46px;
  }
  .custon-ofibox-login h3 {
    font-size: 37px;
  }
  .custon-ofibox-login p {
    font-size: 16px;
  }

  .kt-login__form {
    min-width: 55%;
    font-size: 16px;
  }

  .kt-login__form input {
    font-size: 16px;
  }

  .kt-login__form label {
    font-size: 16px;
  }

  /* .kt-login__head img {
        width: 200px;
    }*/

  .login-content input[type="checkbox"] {
    transform: scale(1.7);
    margin-right: 5px;
  }

  .custon-ofibox-aside p {
    font-size: 16px;
  }

  .login-content .btn-orange-ofibox {
    height: 60px;
    font-size: 20px;
  }

  .login-content .btn-blue-ofibox {
    height: 50px !important;
    font-size: 20px;
  }

  .login-content a {
    margin-top: 5px;
    font-size: 16px;
  }
}

/* vista movil */

/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
  .custon-ofibox-aside {
    margin-top: -140px;
  }
  .custon-ofibox-aside h1 {
    font-size: 25px;
  }
  .custon-ofibox-login h3 {
    font-size: 22px;
  }
  .custon-ofibox-login p {
    font-size: 12px;
  }
  .custom-control {
    margin-left: -210px;
  }
  .form-check .custom-control-label {
    font-size: 12px;
  }
  .custom-recuerdame-mobil {
    margin-top: -17px;
    font-size: 12px;
  }
}

/* 
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
  .custon-ofibox-aside {
    margin-top: -140px;
  }
  .custon-ofibox-aside h1 {
    font-size: 25px;
  }
  .custon-ofibox-login h3 {
    font-size: 22px;
  }
  .custon-ofibox-login p {
    font-size: 12px;
  }
  .custom-control {
    margin-left: -210px;
  }
  .form-check .custom-control-label {
    font-size: 12px;
  }
  .custom-recuerdame-mobil {
    margin-top: -17px;
    font-size: 12px;
  }
}