#tabla-items tbody th, #tabla-items tbody td {
    padding: 1px 10px; /* e.g. change 8x to 4px here */
}

/*TABLA ACTUALZIAR PRECIOS*/
.rowActualizar table {
  border-collapse: collapse;
  width: 100%;
}
.rowActualizar th, td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.rowActualizar th {
  background-color: #f2f2f2;
}

.form-control-xs {
    height: calc(1em + .375rem + 2px) !important;
    padding: .125rem .25rem !important;
    font-size: .75rem !important;
    line-height: 1.5;
    border-radius: .2rem;
}

.logo_loader_container {
  /*position: absolute;*/
  height: 160px;
  width: 160px;
  border-radius: 50%;
  /*background: #590202;*/
  padding: 10px;
  text-align: center;

  animation-name: zoom-in-zoom-out;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}

.hover-blue:hover {
  color: blue;
}

@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(0.75, 0.75);
  }
  100% {
    transform: scale(1, 1);
  }
}

.select2-container .select2-selection--single {
    height: 35px !important;
}

.select2-selection__arrow {
    height: 35px !important;
}

#divSelect2ListaPago .select2-container .select2-selection--single {
  height: 30px !important;
}

#divSelect2ListaPago .select2-selection__arrow {
  height: 28px !important;
}

.truncate {
  max-width:50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.modal-open {
  overflow: inherit;
}

.swal2-container {
  z-index: 9000;
}

/* ******************************* */
/* *                             * */
/* * ESTILOS TEXTO MODAL FECHAS  * */
/* *                             * */
/* ******************************* */

.fixed-link-container {
  bottom: 10px;
  right: 10px;
}

.card-home{
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
}

.card-home:hover{
  transform: scale(1.02);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

.item-home{
  background: #fff;
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  cursor: pointer;
}

.item-home:hover{
  background: #f8f8f8;
  transform: scale(1.02);
}


.overlay-icon-card {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: rgba(0, 0, 0, 0.15); /* Opacidad del 50% (ajusta según sea necesario) */
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.titulo-materia-fechas {
  font-weight: bolder;
  font-size: 0.8em;
  margin: 0;
  color: #000;
  background: #fff;
  text-transform: uppercase;
}

.titulo-llamado-fechas {
  font-weight: bolder;
  font-size: 0.8em;
  margin: 0;
  color: #172a86;
  background: #fff;
  text-transform: uppercase;
}


/* ******************************* */
/* *                             * */
/* *        ESTILOS TABLAS       * */
/* *                             * */
/* ******************************* */
.li-item {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: -1px; 
  padding: 2px;
}

.fila-vencido {
  margin-left: 0;
  background-color: #ffd4d4;
}

.fila-vencido:hover {
  margin-left: 0;
  background-color: #fb9d9d;
}

.fila-par {
  margin-left: 0;
  background-color: white;
}

.fila-par:hover {
  margin-left: 0;
  background-color: #e6ffea;
}

.fila-impar:hover {
  margin-left: 0;
  background-color: #e6ffea;
}

.fila-impar {
  margin-left: 0;
  background-color: #F5F5F5;
}

.fila-egreso {
  margin-left: 0;
  background-color: rgb(255, 231, 212);
}

.fila-egreso:hover {
  margin-left: 0;
  background-color: #fbc79d;
}

/* ******************************* */
/* *                             * */
/* *       ESTILOS GENERALES     * */
/* *                             * */
/* ******************************* */

.item-lista-precios {
  cursor: pointer;
}

.item-lista-precios:hover {
  color: #000dff;
}
.truncate-text {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.card-bg-ingresos {
  /* Agrega el fondo degradado */
  background: linear-gradient(to bottom, #d7e8d4, rgb(188, 254, 202));
  /* Ajusta otros estilos según tus preferencias */
  border-radius: 10px;
  padding: 2px;
}

.card-bg-egresos {
  /* Agrega el fondo degradado */
  background: linear-gradient(to bottom, #ffe8e2, #fbc1aa);
  /* Ajusta otros estilos según tus preferencias */
  border-radius: 10px;
  padding: 2px;
}




.m-over a:hover, a:hover {
  font-weight: bolder;
  color: #040caf;
}

.p5 {
  padding: 5px;
}

.p25 {
  padding: 25px;
}

/* ******************************* */
/* *                             * */
/* *     ESTILOS PARA TEXTOS     * */
/* *                             * */
/* ******************************* */

.texto-primer-anio {
  color: #000;
  background: #F0FFFF;
}

.texto-segundo-anio {
  color: #000;
  background: #FDF5E6;
}

.texto-tercer-anio {
  color: #000;
  background: #F0FFF0;
}

.separador-anio {
    font-weight: bolder;
    font-size: 0.8em;
    margin: 0;
    color: #000;
    background: #fff;
    text-transform: uppercase;
}

.badge-text {
  font-size: 1em;
  text-transform: uppercase;
}

/* ***************************************** */
/* *                                       * */
/* *     ESTILOS PARA TAB DATOS ALUMNO     * */
/* *                                       * */
/* ***************************************** */


#tab_documentacion textarea {
    height: 2.4em;
    padding: 3px;
    transition: all 0.5s ease;
}

#tab_documentacion textarea:focus {
    height: 4em;
}

/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}



.fa-beat {
  -webkit-animation: fa-beat 1s infinite linear;
  animation: fa-beat 1s infinite linear;
}
@-webkit-keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fa-beat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

thead input {
  width: 100%;
}

#spDiv .search {
  width: 200px;
}     


.estado-activo {
  margin-left: 0;
  background-color: #eaf7ee !important;
}

.estado-inactivo {
  margin-left: 0;
  background-color: #fcd9d3 !important;
}

.estado-sinactivar {
  margin-left: 0;
  background-color: #fcf9d3 !important;
}


.dash-card {
	background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0 4px #00000012;
    border-radius: 3px;
    transition: transform .2s ease;
}

.md-card {
	background: #fff;
    padding: 5px;
    box-shadow: 0 0 4px #00000012;
}


.dash-card:hover {
	transform: translateY(-5px);
}




.dash-card h1 {
	font-weight: 300;
}


div.hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
  text-align: center;
  height: 0px;
  line-height: 0px;
}

.hr-title {
  background-color: #fff;
  font-weight: bold;
}

.input-wrapper {
  position: relative;
}

.unit {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #999;
}

.unit.hide {
  display: none;
}