/* API DEPARTURES STYLES */ 

.card-body{

    

    overflow-y: auto;

    

}

ul li{

    list-style-type: disc !important;

}



/* Estilos para la tabla */

.table-custom {

    width: 100%;

    margin-bottom: 1rem;

    border-collapse: collapse;

	overflow-y: auto;

}



.table-custom th,

.table-custom td {

    padding: 0.75rem;

    vertical-align: top;

    border-top: 1px solid #dee2e6;

    border-left: 1px solid #dee2e6;

    border-right: 1px solid #dee2e6;

}



.table-custom thead th {

    vertical-align: bottom;

    border-bottom: 2px solid #dee2e6;

}



.table-custom tbody tr:last-child td {

    border-bottom: 1px solid #dee2e6;

}



.table-custom-hover tbody tr:hover {

    background-color: rgba(0, 0, 0, 0.075);

}



.table-custom .text-nowrap {

    white-space: nowrap;

}



.text-center-table {

    text-align: center;

}



/* Estilos para los botones */

.book-now-btn {
    text-decoration: none !important;

    background-color: #dadada;

    border-radius: 10px;

    color: #000000;

    padding: 10px 16px;

}



.rounded-pill {

    background-color: #FA0202;

    border-radius: 10px;

    padding: 5px 5px;

    margin-left: 2%;

}



.enquire-now-btn {

    background-color: #007bff;

    color: #fff;

    border: none;

}



.badge-one {

    background-color: #97f0ff;

    text-transform: uppercase;

    font-size: 0.6em;

    font-weight: 900;

	border-radius: 5px;

	padding: 0 2%;

}



/* Estilos para los modales */

.custom-modal {

    display: none;

    position: fixed;

    z-index: 1050;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    overflow: hidden;

    background-color: rgba(0, 0, 0, 0.5);

    align-items: center;

    justify-content: center;

    transition: opacity 0.3s ease;

}



.custom-modal-dialog {

    position: relative;

    margin: auto;

    width: 60%;

    background-color: #fff;

    border-radius: 0.3rem;

    overflow: hidden;

    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);

}



.custom-modal-content {

    display: flex;

    flex-direction: column;

    width: 100%;

    background-color: #fff;

    border-radius: 0.3rem;

}



.custom-modal-header {

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    padding: 1rem;

    background-color: #FA0202;

    border-bottom: 1px solid #dee2e6;

}



.custom-modal-title {

    margin: 0;

    font-size: 1.25rem;

    color: #fff;

}



.custom-modal-close {

    background: none;

    border: none;

    font-size: 1.5rem;

    color: #fff;

    cursor: pointer;

}



.custom-modal-body {

    padding: 1rem;

    max-height: 500px;

    overflow-y: auto;

}



/* Responsividad */

@media (max-width: 768px) {

    .custom-modal-dialog {

        width: 90%;

        max-width: none;

        border-radius: 0;

    }



    .custom-modal-content {

        height: 100%;

    }



    .custom-modal-body {

        overflow-y: auto;

        max-height: 400px;

    }

}