.form-group {
    display: grid;
    grid-auto-columns: max-content;
    grid-template-columns: 2fr 2fr 3fr;
    margin: 5px;
}
.form-group label {
    cursor: pointer;
}
.form-group input[type="text"], .form-group select, .form-group textarea {
    padding: 7px;
}

.datepicker {
    display: flex;
    justify-content: flex-end;
    margin: auto 10px;
    max-height: 70vh;
    overflow: auto;
}
.ui-datepicker-week-end .ui-state-default {
    color: red;
}
.courses-items {
    display: grid;
    /*grid-template-columns: 7fr 3fr;*/
    grid-template-columns: 7fr 6fr;
}