/* Only Training/TrainingBooking/Trainer */
/* CourseBooking Table Layout */
.coursetablelayout {
    text-align:center;
    /* padding:30px 10px; */
    display: flex;
}
.coursetablemenu {
    font-size:18px;
    padding:10px;
    border-style:none;
    width: 100%;
}
.coursetablemenu div {
    padding:10px;
    margin:auto;
    text-align: center;
}
.coursetablemenu select {
    padding:10px;
    margin:auto;
}
.coursetabletitle {
    background:#3a567d;
    color:white;
    font-weight:550;
    
}
.coursebookingform {
    text-align:left;
    margin-top:auto;
}
.reminder-font {
    font-size:10px;
    font-weight:300;
    color:black;
    margin:0px;
}
.coursetabcontent {
    padding: 6px 12px;
    background-color: #f4f4f4;
}
.coursebookingdescription {
    font-size:15px;
    color:black;
    font-weight:200;
}

.participant-number {
    text-align: center;
}

.courses-detail-container {
    display: flex;
    flex-direction: column;
}

.courses-info-container {
    display: flex;
    flex-direction: column;
}

.course-info-figure {
    display: flex;
}

.courses-session-container {
    display: flex;
    flex-direction: column;
    background: linear-gradient(180deg, rgba(236,243,255,255) 0%, rgba(236,243,255,255) 50%, rgba(236,243,255,255) 100%);
    padding-bottom: 15px;
}

#courseSession {
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:480px) {
    .coursetablemenu {
        font-size:15px;
    }
}

/* Mobile View */
@media (min-width: 320px) and (max-width: 767px) {
    .coursetablelayout {
        flex-direction: column;
    }
}