/*Helpers*/
.body {
  position: absolute;
  background-image: url(../img/logo.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  width: 80%;
  height: 80%;
  margin-top: 20px;
  margin-left: 100px;
  z-index: -1;
}

a {
  color: inherit;
}

.p-0 {
  padding: 0px;
}

.center {
  text-align: center;
}
.mb-1{
  margin-bottom: 10px;
}
.mt-2 {
  margin-top: 20px;
}

.mt-5 {
  margin-top: 50px;
}
.f-right{
  float: right;
}
/*Helpers*/
.contenedor {
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 10px 10px 10px 10px;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 10px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.contenedorD {
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 10px 10px 10px 10px;
  padding: 20px;
  margin-bottom: 15px;
  margin-top: 15px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.contenedorDA {
  border-left: 2px solid #bfbfbf;
  border-top: 2px solid #bfbfbf;
  border-top-left-radius: 10px;
  padding-top: 10px;
  margin-bottom: 15px;
  margin-top: 15px;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}

.input-group-addon {
  background: #ff7510;
  border: none;
  color: white;
}

/* Bienes Familiares: stack the label above the select so long labels wrap
   cleanly and the dropdown keeps a usable width inside its column */
#bienesFam .input-group,
#bienesFamI .input-group {
  display: block;
  width: 100%;
}

#bienesFam .input-group-addon,
#bienesFamI .input-group-addon {
  display: block;
  width: 100%;
  white-space: normal;
  word-break: break-word;
  text-align: center;
  min-height: 38px;
  border-radius: 4px 4px 0 0;
}

#bienesFam .input-group .form-control,
#bienesFamI .input-group .form-control {
  display: block;
  width: 100%;
  float: none;
  border-radius: 0 0 4px 4px;
}

.footers {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 150px;
  height: 100px;
}


.footer {
  background-color: #27252b;
  color: white;
  padding: 20px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1.5px;
  bottom: 0;
  width: 100%;
  height: 55px;
  /* Set the fixed height of the footer here */
  max-height: 100px;
  max-height: 100px;
  position: relative;
}

.pie {
  font-size: 13px;
  color: #fff;
  text-align: right;
}

.pie img {
  width: 15px;
}

.pie a {
  color: #c6da51;
}

/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0
  }

  to {
    bottom: 0px;
    opacity: 1
  }
}

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

#myDiv {
  display: none;
  text-align: center;
}

/*vista privacidad*/
.bgPrivacidad {
  background: url(../img/bgLogin.webp) center;
  background-size: cover;
  height: 100vh;
}

.imagenAviso {
  margin: 0 auto 0;
  width: 70%;
}

.botonAviso {
  width: 250px;
}

.titulo {
  color: #ff8233;
  margin: 20px 0;
  font-size: 25px;
  font-weight: bold;
}

.iconoTitulo {
  margin-right: 10px;
  vertical-align: middle;
  width: 50px;
}

.botonExcel {
  background-color: white;
  border-color: #0d7238;
  color: #0d7238;
  font-weight: 500;
  margin-right: 10px;
  padding: 5px 10px;
}

.botonExcel:hover {
  background-color: white;
  border-color: #0d7238;
  color: #0d7238;
  padding: 5px 10px;
}

.botonExcel:active,
.botonExcel.active,
.open>.botonExcel.dropdown-toggle {
  color: #fff;
  background-color: #008541 !important;
  border-color: #008541 !important;
}

.iconoBoton {
  margin-right: 5px;
  width: 30px;
  vertical-align: middle;
}

.botonAdd {
  background-color: white;
  border-color: #3e53e3;
  color: #3e53e3;
  font-weight: 500;
  margin-right: 10px;
  padding: 5px 10px;
}

.botonAdd:hover {
  background-color: white;
  border-color: #3e53e3;
  color: #3e53e3;
  font-weight: 500;
  padding: 5px 10px;
}
.botonAdd2 {
  background: #3848b5;
  color: white;
  border-color: #3e53e3;
  font-weight: 500;
  margin-right: 10px;
  padding: 5px 10px;
}

.botonAdd2:hover {
  background: #3848b5;
  color: white;
  border-color: #3e53e3;
  font-weight: 500;
  padding: 5px 10px;
}


.botonAdd:active,
.botonAdd.active,
.open>.botonAdd.dropdown-toggle {
  color: #fff;
  background-color: #102197 !important;
  border-color: #102197 !important;
}

.filtrosBecar select {
  height: 45px;
}
.filtrosBecar input {
  height: 45px;
}

.botonBuscar {
  border-color: #1bd187;
  background: #1bd187;
  color: white;
  letter-spacing: .5px;
}

.botonBuscar:hover {
  border-color: #1bd187;
  background: #1bd187;
  color: white;
  letter-spacing: .5px;
}

.table>thead>tr.warning>th {
  background-color: #ff8233;
  color: white;
  padding: 15px 10px;
}

.table>tbody>tr>td {
  padding: 15px 5px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
  font-size: 13px;
  color: #838383;
  vertical-align: middle;
  cursor: pointer;
}

.table {
  border: 1px solid #f2f2f2;
}

.nav-tabs>li.active>a {
  background: #ff984c !important;
  color: white !important;
}

.nav-tabs>li>a {
  color: #707070 !important;
  border: 1px solid #efefef !important;
  margin-bottom: 10px !important;
  border-radius: 5px !important;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.tituloGraficas {
  color: #ff984b;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 1px;
}

.detalle {
  cursor: pointer;
}

.modal-header {
  background-color: #fec00f;
  color: white;
}

.iconoModal {
  width: 30px;
  margin-right: 10px;
  vertical-align: middle;
}
.iconoModal2 {
  width: 30px;
  vertical-align: middle;
}

.botonModificar {
  background: #1478ca;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}

.botonModificar:hover {
  background: #2d8cda;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonCerrar{
  background-color: #f02222;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonCerrar:hover{
  background-color: #ff4747;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonRechazar{
  background-color: #c90700;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonRechazar:hover{
  background-color: #c90700;
  color: white;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.balazo{
  display: inline-block;
  color: #049cff;
  font-weight: bold;
}
.balazo2{
  display: inline-block;
  color: #d25100;
  font-weight: bold;

}

.botonAgregar {
  border-color: #179C5F;
  background: #179C5F;
  color: white;
  letter-spacing: .5px;
}

.botonAgregar:hover {
  border-color: #46CC6B;
  background: #46CC6B;
  color: white !important;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonAuterizar {
  border-color: #08a06e;
  background: #08a06e;
  color: white;
  letter-spacing: .5px;
}
.botonAuterizar:hover {
  border-color: #08a06e;
  background: #08a06e;
  color: white !important;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.botonAceptar {
  border-color: #dcc000;
  background: #dcc000;
  color: white;
  letter-spacing: .5px;
}
.botonAceptar:hover {
  border-color: #dcc000;
  background: #dcc000;
  color: white !important;
  letter-spacing: .5px;
  transition: all 300ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
  transition-timing-function: cubic-bezier(0.250, 0.250, 0.750, 0.750);
  /* linear */
}
.plecaCiclo{
  background-color: #42a5f5 !important;
  color: white !important;
}
.iconoCiclo{
  width: 20px;
}
.scrollYEscuelas{
  overflow-y: scroll;
  height: 500px;
}
.scroll-x{
  overflow-x: scroll;
}
.imgUsuario{
  background: #ebebeb;
  border-radius: 50%;
  margin: 0 auto 30px;
  width: 200px;
}
.tituloCuestionarios{
  color: #049cff;
  margin: 20px 0;
  font-size: 25px;
  font-weight: bold;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

.container-register {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.content {
  flex: 1; /* Esto empuja el footer hacia abajo */
}

.footer {
  background-color: #27252b;
  color: white;
  padding: 20px;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1.5px;
  bottom: 0;
  width: 100%;
  height: 55px;
  max-height: 100px;
}