/* Wrapper — enables scroll on small screens */
.course-dates-table-wrapper {
    margin: 1.5rem 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0px;
    margin-bottom: 0px;
}

/* Base table */
.course-dates-table {
    width: 100%;
    min-width: 280px;
    border-collapse: separate !important; 
    border-spacing: 0 !important;        
    border-collapse: collapse;
    font-size: 1rem;
    line-height: 1.2em !important;
    font-family: "Montserrat","Montserrat Fallback", sans-serif;
    border-radius: 5px !important;
    overflow: hidden !important; 
    border-bottom: 1px solid #80808080 !important;
}

/* Header row */
.course-dates-table thead {
    background: #dec342;
}

.course-dates-table th {
    padding: 10px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    font-size: 0.9rem;
    white-space: nowrap;
    color: #ffffff;
}

/* Body cells */
.course-dates-table td {
    padding: 0.75rem 1rem;
    border-bottom: 0px solid #eee !important;
    font-weight: 500;
    color: #222222;
    padding: 6px !important;
    background: #FFF7D642 !important;
}

/* Zebra striping 
.course-dates-table tbody tr:nth-child(even) {
    background: #fafafa;
}*/

/* Hover effect */
.course-dates-table tbody tr:hover {
    background: #dec342;
}

/* Center align on desktop and up */
@media (min-width: 768px) {
    .course-dates-table th,
    .course-dates-table td {
        text-align: center;
    }
}

.no-course-dates-message {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: Montserrat,"Montserrat Fallback";
    padding: 10px;
    border: 2px solid #dec342ad;
    border-radius: 10px;
    text-wrap: balance;
}