.bg-gray {
    background-color: gray;
}
.check-main {
    width: 20px;
    height: 20px;
}
.checkbox-container {
    height: 64px;
    line-height: 64px;
}
.itinerary div {
    /*background-color: lightgrey;
    border: 1px solid #5e0b0b;*/
}

.itinerary .city, .time {
    font-family: 'Bariol Regular';
    font-size: 30px;
}

.itinerary .city {
    font-size: 18px;
}

.itinerary .price {
    font-size: 25px;
}

.slide-msg {
    font-size: 13px;
}

tr.expense {
    border-bottom: 2px solid #4caf50 !important;
}

tr.expense.non-deductible {
    background-color: rgba(235, 156, 12, 0.30);
}

.option-disabled {
    background-color: #ccc;
}


/*nuevo*/
.list-container {
    border: 1px solid #ddd; /* Agrega un marco */
    padding: 15px;
    height: 200px; /* Altura fija */
    overflow-y: auto; /* Scroll vertical */
}

.nested {
    display: none; /* Esconde la lista anidada */
    margin-left: 5px; /* Indentación para la lista anidada */
}

.caret::before {
    content: "\25B6"; /* Triángulo derecho */
    color: black;
    display: inline-block;
    margin-right: 6px;
}

.caret-down::before {
    transform: rotate(90deg); /* Rotación para triángulo abajo */
}

.caret {
    cursor: pointer; /* Cambia el cursor a pointer */
}

.active {
    display: block; /* Muestra la lista anidada */
}