@import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;500;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Varela+Round&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap");

/********
[ FONTS ]
*********/
.f-dosis {
  font-family: "Dosis", sans-serif;
}
.f-varela {
  font-family: "Varela Round", sans-serif !important;
}
.f-opensans {
  font-family: "Open Sans", sans-serif;
}
.f-opensansc {
  font-family: "Open Sans Condensed", sans-serif;
}
.c-grey {
  color: grey;
}
/********
[ FONT SIZE ]
*********/
.fs-10 {
  font-size: 10px;
}
.fs-11 {
  font-size: 11px;
}
.fs-12 {
  font-size: 12px;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}

/********
[ LOGIN CSS ]
*********/
.bg-login {
  background-image: url(../img/fondo-login.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.body {
  background: #d9d9d9;
  justify-content: center;
  align-items: center;
}

.body-login {
  background: #d9d9d9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.alert-success {
  background-color: #67ba5b;
}

@media (min-width: 600px) {
  .seccion {
    width: 50% !important;
  }
}
@media (max-width: 600px) {
  .seccion {
    width: 75% !important;
  }
}

/********
[ ADMIN CSS ]
*********/
.fw-bold {
  font-weight: bold !important;
}

/**** Tooltip JeCorVa ****/
.tooltip-jcv {
  position: relative;
}
.tooltip-jcv:hover .tooltip-box-jcv {
  display: inline-block;
}
.tooltip-box-jcv {
  display: none;
  position: absolute;
  background: black !important;
  line-height: 20px;
  z-index: 500;
  text-align: center;
  color: #fff;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 3px;
  left: -20px;
  right: -20px;
  bottom: 40px; /* Distancia del triangulo*/
}
.tooltip-box-jcv::after {
  content: "";
  display: block;
  border-top: 7px solid black;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  bottom: -7px;
  left: calc(50% - 7px);
}
.tooltip-text:hover {
  text-decoration: underline;
}

.custom-file-input ~ .custom-file-label::after {
  content: "Subir";
}

.display-6 {
  font-size: 1.5rem !important;
}

.swal-title {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 400 !important;
  color: white !important;
}
.swal-error-popup {
  background-color: #cc6666 !important;
  /* background-color: red !important; */
}

.bg-body {
  background-color: #e9e9e9;
}

.alert-primary {
  color: #004085 !important;
  background-color: #cce5ff !important;
  border-color: #b8daff !important;
}