body {
    background-color: rgb(234, 236, 238);
}

.btn-icon-text {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.navbar {
    background-color: rgb(234, 236, 238);
    box-shadow: none !important;
}


.loader{
    width: 60px;
    height: 60px;
    margin: auto;
    position: relative;
}

.loader:before,
.leader:after{
    content: "";
    position: absolute;
    border-radius: 50%;
    animation: pulsOut 1.8s ease-in-out infinite;
    filter: drop-shadow(0 0 1rem rgba(149, 128, 255, 0.75));
}
.loader:before{
    width: 100%;
    height: 100%;
    background-color: rgba(149, 128, 255, 0.15);
    animation-delay: 0.5s;
}
.loader:after{
    width: 75%;
    height: 75%;
    background-color: rgba(149, 128, 255, 0.5);
    top: 12.5%;
    left: 12.5%;
}
@keyframes pulsOut{
    0%, 100%{
        transform: scale(0);
    }
    50%{
        transform: scale(1);
    }
}
.loading-text{
    color:#e0e0e0;
    margin-top: 20px;
    text-transform: uppercase;
    text-align: center;
}
.progress-bar{
    width: 200px;
    height: 4px;
    background: #16213e;
    border-radius: 2px;
    overflow: hidden;
    margin-top: 20px;
}
.progress{
    height: 100%;
    background: #9580ff;
    width: 0%;
    transition: width 0.5s ease;;
}

.container-custom {
    margin-top: 2rem;
    max-width: 100%;
    /* Cambia el ancho máximo */
    padding: 30px;
}

/* Añadimos bordes curvos a la tabla */
table {
    border-collapse: separate;
    /* Esto permite aplicar los bordes curvos */
    border-spacing: 0;
    /* Evitamos espacios entre las celdas */
    border-radius: 15px;
    overflow: hidden;
    background-color: white;
}

thead th:first-child {
    border-top-left-radius: 15px;
    /* Bordes curvos para la primera celda */
}

thead th:last-child {
    border-top-right-radius: 15px;
    /* Bordes curvos para la última celda */
}

tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px;
    /* Bordes curvos para la última fila */
}

tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px;
    /* Bordes curvos para la última fila */
}

td,
th {
    border: 1px solid #ddd;
    /* Esto es opcional para añadir bordes entre las celdas */
    padding: 8px;
}