/* Group Hover Display */
/*.group {*/
/*    cursor: pointer;*/
/*    transition-property: all;*/
/*    transition-duration: 2s;*/
/*    transition-timing-function: ease-in-out;*/
/*}*/
/*.group_info { display: none; }*/
/*.group:hover .group_info {*/
/*    display: block;*/
/*}*/

/* Group Hover Display */
.group {
    cursor: pointer;
    overflow: hidden; /* Asegura que el contenido fuera de los límites no se muestre */
    transition: all 0.5s ease-in-out;
}
.group_info {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity 1.0s ease-in, max-height 1.0s ease-in;
    transition-timing-function: ease-in-out;
}
.group:hover .group_info {
    opacity: 1;
    transition: opacity 1.0s ease-out, max-height 1.0s ease-out;
    max-height: 200px; /* Ajusta este valor según el contenido máximo que esperes */
}


.equalDivide tr td {
    width:14.28%;
}

/* .invalid class prevents CSS from automatically applying modal form */
.invalid input:required:invalid {
    background: #BE4C54;
}
/* Mark valid inputs during .invalid state */
.invalid input:required:valid {
    background: #17D654;
}

/* Hide the table on small devices */
@media screen and (min-width: 1025px) {
    .hide-on-small { display: block;}
    .show-on-small { display: none;}
}

/* Show only on small devices */
@media screen and (min-width: 0px) and (max-width: 1026px) {
    .hide-on-small { display: none; }
    .show-on-small { display: block; }
}

.div-as-btn {
    /*background-color: #007bff; !* o la variable que uses *!*/
    /*border: 1px solid #007bff;*/
    color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    display: block;
    padding-right: 5px;
    padding-left: 5px;
    width: 100%;
}





/* Separadores de las horas en Mobile o pantallas pequeñas */
hr.hr-text {
    position: relative;
    border: none;
    height: 1px;
    background: #999;
}
hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.filter-title {
    margin-bottom: -10px !important;
    font-size: small;
}