<style>
#InstructorTraining,
#InstructorTraining-details,
#registration-form{
    padding: 1.5rem;
    padding-top: 0;
}

#InstructorTraining button{
    user-select: none;
}
#registration-form.hide,
#registration-form .hide,
#InstructorTraining.hide,
#class-list .hide{
    display: none;
    visibility: hidden;
    opacity: 0
}
button[disabled]:hover{
    border-color: #e1e1e1;
    background-color: #fdfdfd;
    background-color: #fdfdfd;
    color: #b1b1b1;
    box-shadow: unset;
    cursor: default;
}
#registration-form input.invalid,
#registration-form select.invalid,
#registration-form input.invalid:hover,
#registration-form select.invalid:hover,
#registration-form .invalid:hover,
#registration-form .invalid{
    border-color: red;
    border-width: 2px;
}

#InstructorTraining button.btn.classes-waitlist,
#InstructorTraining-details button.btn.classes-waitlist{
    border-color: #666;
    background-color: #666;
}
#InstructorTraining dt,
#InstructorTraining-details dt{
    text-transform: uppercase;
    font-family: "TransportNewHeavy_gdi";
    font-size: .8em;
}
#InstructorTraining dd,
#InstructorTraining-details dd{
    margin-left: 0
}
#InstructorTraining dd,
#InstructorTraining-details dd{
    padding-bottom: 20px;
}
#class-list li{
    list-style-type: none;
}
#class-list{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 0px 0px;
    grid-template-areas: ". . .";
    grid-column-gap: 1.5em;       
}
.page-title{
    margin-bottom: 0;
}
#InstructorTraining-details hr:not(:first-of-type),
#class-list hr{
    margin-top: 0;
}
</style>