.schedule-getting-started {
    padding: 25px;
    text-align: center;
    align-items: center;
}

.schedule-class-search-bar {
    padding: 25px;
    margin: 100px;
}

#schedule-class-search-bar-label {
    font-weight: bold;
}

.schedule-course-filters {
    padding-left: 1px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    float: left; 
}

.schedule-course-column {
    float: inherit;
    padding: inherit;
}

.schedule-class-filters {
    padding-left: 1px;
    padding-right: 10px;
    padding-top: 1px;
    padding-bottom: 1px;
    float: left;
    width: 100%;
}

.schedule-class-column {
    float: inherit;
    padding: inherit;
}

.schedule-label {
    font-weight: bold;
    display:block;
}

.schedule-input {
    display: block;
}

.schedule-course {
}

.schedule-course-title-credit {
}

.schedule-course-name {
    
}

.schedule-course-credit {

}

.schedule-course-description {
    
}

.schedule-course-prerequisites {
    
}

.schedule-course-genedu {
    
}

.schedule-course-sun {
   
}

.schedule-course-label {
    font-weight: bold;
}


.schedule-class-details {
    border: .5px solid #642667;
    
}
.schedule-class-details-information {
    float: left;
    width: 100%;
}


.schedule-class-details-label {
    font-weight: bold;
}
.schedule-class-search-by-area {
    padding: 10px;
    margin: 25px;
}

.grid {
    height: 15rem;
    /*overflow-y: auto;*/
}

.grid ::deep table {
    min-width: 100%;
}

::deep tr {
    height: 30px;
}

::deep tbody td {
    white-space: nowrap;
    overflow: auto;
    max-width: 0;
    text-overflow: ellipsis;
}

/* Style the custom page links*/
.page-buttons { 
    margin: 1rem 0; 
    align-items: center; 
}

.page-buttons button {
    background: #d6d7d8; 
    color: black; 
    padding: 0.25rem 0.75rem; 
    border-radius: 0.4rem;
    transition: transform 0.3s ease-out; 
    margin: 0.25rem;
}

.page-buttons button:active { 
    background: #642667 !important; 
    color: white; 
    transform: scale(0.95) translateY(-0.15rem); 
    transition-duration: 0.05s; 
}

.page-buttons button:hover:not(.current) { 
    background: #c0c9dc; 
}

.page-buttons button.current { 
    background: #642667; 
    color: white; 
}