.icon {
  height: 10px;
  width: 10px;
  background-color: red;
}

#titulo_consulta {
  background-color: rgb(244, 244, 255);
  padding: 15px;
  font-size: 1.3rem;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  color: black;
  box-shadow: 1px 1px 10px rgb(94, 132, 214);
}

.table {
  font-size: 0.85rem;
}

label {
  font-weight: 500 !important;
}

#fechaactualate {
  text-align: center;
}
/* Login */

.centrar {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh !important;
}

.img-logo {
  max-width: none;
  width: 90%;
  height: 90%;
}

.center {
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
  font-size: 0.9rem;
}

#content-wrapper {
  height: 100vh;
}

#content-wrapper::-webkit-scrollbar {
  width: 10px;
  /* Tamaño del scroll en vertical */
  height: 8px;
  /* Tamaño del scroll en horizontal */
}

#content-wrapper::-webkit-scrollbar-thumb {
  background-color: #132f75 !important;
  border-radius: 15px;
  border: 1.5px solid #f1f2f3 !important;
}

.scroll {
  /* height: 100vh; */
}

.w100 {
  display: inline-block;
  width: 100% !important;
  border: 1px solid #d1d3e2 !important;
}

.btn-search {
  background: #42c07b !important;
  color: rgb(255, 255, 255) !important;
  margin-left: 5px;
  border: none;
  box-shadow: 1px 1px 5px rgb(173, 173, 173);
}
.btn-bg-secondary {
  background: #29a376 !important;
  color: rgb(255, 255, 255) !important;
  margin-left: 5px;
  border: none;
  box-shadow: 2px 2px 5px rgb(91, 91, 91);
}
.btn-search:hover {
  cursor: pointer;
  background: #3cad6f !important;
  box-shadow: 1px 1px 5px rgb(138, 138, 138);
}
/* .select {
        display: inline-block;
        height: 100%!Important;
    } */
.altura-100 {
  height: 100%;
}

#ancho-cabecera {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20rem !important;
  height: 2.5rem !important;
}
.border-and-shadow {
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  box-shadow: 2px 4px 15px #c6c6c6;
}
.th-width-promedios {
  display: block;
  width: 18rem;
}
.bg-prom {
  background-color: #313535 !important;
}
.bg-prom-2 {
  background-color: #bbedf1 !important;
}
.adelate {
  z-index: 1000 !important;
}
.title-card-nota {
  position: relative;
}
.title-card-nota a {
  position: absolute;
  bottom: -18px;
  right: 0;
}

@media screen and (max-width: 768px) {
  .mx-768px {
    flex-direction: column;
  }
}
.selectpicker {
  display: block !important;
}
.nombre_sjm {
  padding: 0 10px;
  margin-top: -15px;
  color: rgba(255, 255, 255, 0.4);
}
.rojo {
  color: red;
  font-weight: bold;
}
.gris {
  color: gray;
  font-weight: bold;
}

.modal-dialog {
  max-width: 1000px !important;
  margin: 1.75rem auto;
}
a.collapse-item {
  white-space: pre-wrap !important;
}

.custom-modal-dialog {
  max-width: 40% !important; /* Puedes ajustar el porcentaje según tus necesidades */
  margin: 1rem auto; /* Centra el modal horizontalmente */
}

.container-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 90px 0;
}

.bienvenida-container {
  border-radius: 15px; /* Bordes redondeados */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Sombra suave */
  padding: 20px;
  background-color: #ffffff; /* Fondo blanco */
}
.border-search {
  background-color: red;
  padding: 15px 10px;
  margin: 0px 50px;
  border: 1px solid #e1e5ea;
  background-color: #fff;
  border-radius: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  -ms-flex-negative: 0;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.07);
  flex-wrap: wrap;
}
.color-icon svg {
  color: #42c07b;
  font-size: 20px;
}
.color-icon {
  margin: 8px;
}
.style-input-laboral {
  border-left-style: none;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
}
.separador {
  display: block;
  width: 1px;
  height: 26px;
  background: #797979;
  margin: 0 10px;
}
.circle {
  border-radius: 100%;
}
.color-icon svg {
  margin: 0 10px;
}
/* Estilo normal del input */
.style-input-laboral {
  outline: none; /* Eliminar el contorno al hacer clic */
}

/* Desactivar el cursor de escritura */
.style-input-laboral::placeholder {
  color: rgb(57, 57, 57);
}
.margin-negativo {
  margin: -25px;
}
.card-empleo {
  margin: 0 30px;
  padding: 15px;
  border-radius: 22px;
  box-shadow: 2px 2px 10px rgb(210, 210, 210);
  cursor: pointer;
}
.card-empleo:hover {
  box-shadow: 2px 2px 10px rgb(22, 179, 56);
}
.texto-puesto {
  color: #313944;
  font-size: 20px;
  font-weight: 500;
}

.style-container {
  font-family: Arial, sans-serif;
  background-color: #f5f5f5;
  margin: 0;
  padding: 0;
}

.details-form {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  width: 100%;
}

.details-field {
  margin: 10px 0;
}

.details-label {
  font-weight: bold;
}

.details-input {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 16px;
  color: #333;
  background-color: #f5f5f5;
}

.details-button {
  background-color: #4caf50;
  color: #fff;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  margin-top: 20px;
}

.details-button:hover {
  background-color: #45a049;
}
.card-shadow {
  box-shadow: 1px 1px 8px rgb(229, 229, 229);
  border-radius: 15px;
  margin: 0 50px;
}
.indicadores:hover {
  cursor: pointer;
}
.container-indicadores {
  padding: 25px 15px;
  margin-bottom: 25px;
}
.titulo-indicadores {
  padding: 15px;
  background: #f3f3f3;
  border-radius: 15px 15px 0 0;
}
.img_footer {
  width: 150px;
  height: 40px;
}
.logos_externos:hover {
  border-radius: 8px;
  box-shadow: 1px 1px 8px rgb(192, 192, 192);
  padding: 5px;
}
.areas {
  display: inline-block;
  padding: 10px !important;
  width: 100%;
  text-align: center;
  font-size: 0.75rem;
  font-weight: bold;
}
.alert-danger {
  padding: 15px;
  border-radius: 13px;
  margin-bottom: 10px;
}
.swal-text {
  text-align: center !important;
}
.lista_mat_ud {
  height: 300px !important;
}
.lista_mat_ud .table-responsive {
  max-height: 265px; /* Establece la altura máxima */
  overflow-y: auto; /* Añade una barra de desplazamiento vertical si es necesario */
}

@media (min-width: 768px) {
  .scroll::-webkit-scrollbar-thumb {
    /* background-color: #13754b!important; */
    background-color: #132f75 !important;
    border-radius: 15px;
    border: 1.5px solid #f1f2f3 !important;
  }
  
}

.fixed-bottom-center {
  position: fixed;
  bottom: 20px; /* Ajusta según necesites */
  left: 58.5%;
  transform: translateX(-50%);
  z-index: 1000; /* Ajusta según necesites */
}

.fs-10 {
  font-size: 11px !important;
  color: #313944 !important;
}
.bold-horario {
  font-weight: bold;
  color: white;
  background-color: #152f71;
}
.th-horario {
  font-weight: bold;
  color: white;
  background-color: #ff0b41 !important;
  border-bottom: 2px solid #dee2e6 !important;
}

/* td {
  vertical-align: middle!important;
  text-align: center!important; } */

.btn-edit {
  display: none;
  /* Estilos adicionales para el botón si es necesario */
}

.td-hover:hover .btn-edit {
  display: inline-block;
}

.td-hover {
  position: relative;
}

.form-inline {
  display: inline;
}

.MAÑANA {
  background-color: #0f68bb !important;
}
.TARDE {
  background-color: hsla(187, 54%, 42%, 0.8) !important;
}
.NOCHE {
  background-color: hsla(223, 69%, 26%, 0.95) !important;
}
.b-shadow {
  border-radius: 6px;
  box-shadow: 1px 1px 3px rgb(192, 192, 192) !important;
  margin: 3px !important;
}
.table-horario {
  border-collapse: separate !important;
}
.title-text {
  font-weight: bold !important;
  display: block !important;
  text-align: center !important;
  width: 100%;
}
.text-white {
  color: white !important;
  font-weight: bold !important;
}
.text-black {
  color: rgb(41, 41, 41) !important;
  font-weight: 500 !important;
}
.table-style {
  border-collapse: unset !important;
}
.color-1 {
  padding: 10px;
  background-color: #ffd292;
}
.color-2 {
  padding: 10px;
  background-color: #9ddff4;
}
.color-3 {
  padding: 10px;
  background-color: #f4938f;
}
.color-4 {
  padding: 10px;
  background-color: #9bf39b;
}
.color-5 {
  padding: 10px;
  background-color: #7ca8cf;
}
.color-6 {
  padding: 10px;
  background-color: #c89bda;
}
.color-7 {
  padding: 10px;
  background-color: #bdd781;
}
.color-8 {
  padding: 10px;
  background-color: #cf9ee5;
}

.white {
  color: white;
  font-weight: bold;
}

/* Oculta el radio button por defecto */
.custom-radio input[type="radio"] {
  display: none;
}

/* Estilo para el contenedor del radio button */
.custom-radio {
  position: relative;
  display: inline-block;
  cursor: pointer;
  padding-left: 35px; /* Espacio para el checkmark */
  line-height: 20px;
  margin-right: 10px; /* Espacio entre los radio buttons */
}

/* Estilo del cuadro del radio button */
.custom-radio .checkmark-box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  border-radius: 4px; /* Cuadrado con bordes redondeados */
  background-color: #fff;
  transform: translateY(-50%);
  transition: background-color 0.3s, border 0.3s;
}

/* Estilo cuando el radio button está seleccionado */
.custom-radio input[type="radio"]:checked + .checkmark-box {
  background-color: #2196f3;
  border: 2px solid #2196f3;
}

/* Estilo del checkmark cuando está seleccionado */
.custom-radio input[type="radio"]:checked + .checkmark-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5px;
  height: 10px;
  border: 2px solid #fff;
  border-left: none;
  border-top: none;
  transform: translate(-50%, -50%) rotate(45deg);
}

.bg-yellow {
  font-weight: bold !important;
  background-color: rgb(245, 245, 165);
}
.bg-pink {
  font-weight: bold !important;
  background-color: rgb(242, 191, 242);
}
.bg-green {
  font-weight: bold !important;
  background-color: rgb(146, 218, 146);
}

.table-hover tbody tr:hover {
  color: #444552 !important;
  font-weight: bold !important;
  background-color: rgba(184, 201, 255, 0.989) !important;
}

.w-100px {
  width: 100px !important;
}

.bg-justificado {
  background-color: #007bff !important;
}

@media print {
  @page {
    size: landscape;
  }
  body {
    transform: scale(0.8);
    transform-origin: top left;
    margin: 0;
  }
  .no-print {
    display: none;
  }
}

.text-bold {
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.sidebar {
  width: 6.5rem;
  /* width: 0px; */
  min-height: 100vh;
}