/* ========================================
   TINYMCE TABLE STYLE FOR TRIP/DETAIL VIEW
   ======================================== */

/* Dark border for cells and rows */
.trip-program-content table,
.trip-program-content table th,
.trip-program-content table td {
    border: 1px solid #4a4a4a !important;
    border-collapse: collapse !important;
}

/* Padding for content */
.trip-program-content table td,
.trip-program-content table th {
    padding: 8px 12px !important;
    vertical-align: middle !important;
}

/* Zebra effect */
.trip-program-content table tr:nth-child(odd) td,
.trip-program-content table tr:nth-child(odd) th {
    background-color: #ffffff !important;
}

/* Even rows, light gray */
.trip-program-content table tr:nth-child(even) td,
.trip-program-content table tr:nth-child(even) th {
    background-color: #e3e4e5 !important;
}

/* Responsive width */
.trip-program-content table {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 20px 0 !important;
}

/* Scrollable table for mobiles */
.table-responsive-wrapper {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}