#globalNavBox,
#pageContentTitle,
#s4-ribbonrow,
#sideNavBox,
#suiteBarTop,
#titleAreaBox,
#titlerow {
    display: none
}
#contentBox {
    margin-left: auto
}
.scheduleapp .title {
    color: #2e393f;
}
.scheduleapp>.wrapper {
    text-align: center;
    margin: 1rem auto;
    overflow-x: hidden
}
@media (min-width:1024px) {
    .scheduleapp>.wrapper {
        margin: 5rem auto
    }
}
.scheduleapp>.wrapper>.inner-wrapper {
    margin: 5rem auto;
    height: 100%
}
@media (min-width:1024px) {
    .scheduleapp>.wrapper>.inner-wrapper {
        display: flex;
        align-items: stretch;
    }
}

@media (min-width:1400px) {
    .scheduleapp>.wrapper>.inner-wrapper {
        max-width: 120rem
    }
}

.scheduleapp .center-col {
    flex: 3 1;
    order: 2;
    text-align: left;
    margin-right: 1em;
}

.scheduleapp .left-col {
    order: 1;
    text-align: left;
    width: 100%;
    margin: 0 auto
}

@media (min-width:530px) {
    .scheduleapp .left-col {
        width: 100%;
    }
}

@media (min-width:1024px) {
    .scheduleapp .left-col {
        flex: 1 1;
        width: 30rem;
        padding: 1em;
    }
}

.scheduleapp .right-col {
    width: 100%;
    text-align: center
}

@media (min-width:1024px) {
    .scheduleapp .right-col {
        flex: 1 1;
        width: 30rem;
        order: 3
    }
}

.course-search {
    box-sizing: border-box
}

.course-search__section-note,
.course-search__section-title {
    font-weight: 300;
    margin-left: 1rem;
    font-size: 120%;
}

.course-search__schedule-link {
    text-decoration: none;
    text-transform: uppercase;
    margin: .5rem 1rem;
    text-align: center;
    display: block
}

.course-search__schedule-link:hover {
    text-decoration: underline
}

.course-search__schedule-link:link,
.course-search__schedule-link:visited {
    color: #4a121a
}

@media (min-width:1024px) {
    .course-search__schedule-link {
        text-align: left
    }
}

.course-search__zero-cost-textbooks {
    position: relative;
    margin-bottom: 2rem
}

.course-search__zero-cost-textbooks>label>input {
    margin: 1rem 1rem 0;
    width: 2rem;
    height: 2rem;
}

.course-search__zero-cost-textbooks-label {
    position: absolute;
    display: inline-block;
    margin-top: .5rem;
    color: #333;
}

.course-search__results-per-page {
    display: flex;
    align-items: center;
    align-content: space-between
}

.course-search__results-per-page-select {
    flex: 1 1
}

.course-search__results-per-page-label {
    color: #5a5a5a !important;
    font-weight: 300;
    flex: 1 1;
    margin-left: 1rem
}

.course-search__section-note {
    padding-top: .5rem;
    font-size: 100%;
}

.course-search__section-title-with-bar {
    border-top: 1px solid rgba(90, 90, 90, .2);
    margin: 2rem 1rem;
    padding-top: 1rem;
    font-weight: 500;
    color: #4E0715;
}

.course-search__search-controls {
    display: flex;
    align-content: space-around;
    padding: 1rem;
    position: relative;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.course-search__search-controls>button:last-child {
    right: 1rem
}

.course-search__time-filter {
    margin-bottom: 4rem
}

.course-search__days-container {
    width: 100%;
    margin: .5rem 1.5rem;
    display: flex
}

@media (min-width:1024px) {
    .course-search__days-container {
        padding-right: .5rem;
        margin: .5rem
    }
}

@media (min-width:1400px) {
    .course-search__days-container {
        width: 100%
    }
}

.course-search__day {
    align-content: space-between;
    margin: 1rem auto;
    width: 100%
}

.course-search__day input[type=checkbox] {
    display: flex;
    border: 1px solid #5a5a5a;
    width: 2.5rem;
    height: 2.5rem;
    color: #5a5a5a
}

@media (min-width:1024px) {
    .course-search__day input[type=checkbox] {
        margin-left: .5rem
    }
}

@media (min-width:1400px) {
    .course-search__day input[type=checkbox] {
        width: 2rem;
        height: 2rem;
        margin-left: 0
    }
}

.course-search__day-label {
    text-align: center;
    width: 2.5rem;
    height: 2.5rem;
    display: block;
    text-transform: uppercase;
    color: #5a5a5a
}

@media (min-width:1024px) {
    .course-search__day-label {
        margin-left: .5rem
    }
}

@media (min-width:1400px) {
    .course-search__day-label {
        width: 2rem;
        height: 2rem;
        margin-left: 0
    }
}

.search-container {
    box-sizing: border-box
}

.hide-label {
    position: absolute;
    left: -9999px
}

.form-group {
    /* padding: 1rem 1.5rem; */
    width: 100%
}

.field {
    width: 100%;
    padding: .5rem 1rem;
    box-sizing: border-box
}

.field>input[type=text],
.form-control {
    width: 100%;
    padding: 1rem;
    color: #444;
	appearance: auto;
	webkit-appearance: auto;
}

.button {
    padding: .9rem 0;
    cursor: pointer;
}

.green {
    background-color: #4E0715;
    color: #fff;
	border: 0;
}

.green:hover {
    background-color: #2B0F10;
	transition: .3s ease-in-out
}

.grey {
    background-color: #9E8B6A;
    color: #fff;
	border: 0;
}

.grey:hover {
    background-color: #706454;
	transition: .3s ease-in-out
}

.red {
    background-color: #4E0715;
    color: #fff;
	border: 0;
}

.red:hover {
    background-color: #2B0F10
}

.gold {
    background-color: #E0BA71;
    color: #000;
	border: 0;
}

.gold:hover {
    background-color: #9E8B6A;
	color:#fff;
	transition: .3s ease-in-out
}

.button-size-large {
    width: 15rem;
    max-width: 10rem;
}

@media (min-width:530px) {
    .button-size-large {
        width: 15rem
    }
}

@media (min-width:1024px) {
    .button-size-large {
        width: 9rem
    }
}

@media (min-width:1400px) {
    .button-size-large {
        width: 12rem
    }
}

.button-size-small {
    width: 10rem
}

.disabeled {
    opacity: .5;
    cursor: not-allowed
}

.sch-link {
    margin: .5rem 1rem;
    text-align: center;
    display: block
}

.sch-link:hover {
    text-decoration: underline
}

@media (min-width:1024px) {
    .sch-link {
        text-align: left
    }
}

.misc-link {
    text-decoration: none;
    margin: 1rem;
    text-align: center;
    display: block
}

.misc-link-container {
    margin-bottom: 2.5rem
}

.misc-link:hover {
    text-decoration: underline
}

@media (min-width:1024px) {
    .misc-link {
        text-align: left
    }
}

.input-range {
    width: 90%;
    box-sizing: border-box;
    margin: 2rem
}

@media (min-width:1024px) {
    .input-range {
        width: 75%;
        margin-left: 3rem
    }
}

@media (min-width:1400px) {
    .input-range {
        /* margin: 1rem; */
        width: 90%
    }
}

.input-range__slider {
    border-radius: 2px;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background: #202121;
    border: 1px solid #202121
}

.input-range__track--active {
    background: #202121
}

.input-range__label--max,
.input-range__label--min {
    display: none
}

.input-range__label-container {
    top: 2.8rem;
}

.classcard {
    background-color: #eee;
    font-family: inherit;
    font-weight: 300;
    margin: .5rem 0;
    position: relative;
    border: 1px solid #777;
}

.classcard__collegerow {
    background-color: #648385;
    text-align: center;
    padding: .5rem 0;
    font-weight: 500;
    color: #fff;
    position: relative;
    top: -40px;
    margin-top: 20px
}

@media (min-width:800px) {
    .classcard__collegerow {
        top: 0;
        margin-top: 0
    }
}

.classcard__collegerow-norco {
    background-color: #891728;
}

.classcard__collegerow-riverside {
    background-color: #cf9e59
}

.classcard__zeroCostImage {
    position: absolute;
    top: 8rem;
    right: .5rem;
    width: 5rem;
    z-index: 20
}

@media (min-width:800px) {
    .classcard__zeroCostImage {
        top: 4rem;
        width: 5rem;
        right: 2rem;
        margin-bottom: -2rem
    }
}

.classcard__zeroCost-container {
    position: relative;
    color: #fff
}

.classcard__zeroCost-container>.tooltip {
    position: absolute;
    display: block;
    top: 80px;
    right: .5rem;
    visibility: hidden
}

.classcard__zeroCost-container:hover>.tooltip {
    visibility: visible;
    float: left;
    background-color: #777;
    padding: 10px;
    border-radius: 5px
}

.classcard__zeroCostImage--desc {
    width: 7rem;
    margin-bottom: -2rem
}

.classcard__zeroCostImage--text {
    margin-left: 15px;
    padding: 10px;
    background-color: #c0c4c9
}

.classcard__row {
    position: relative;
    min-height: 6rem
}

.classcard__row--last {
    margin-bottom: 5rem
}

@media (min-width:800px) {
    .classcard__row {
        display: flex;
        align-items: start;
        justify-content: space-around;
        border-bottom: 1px solid hsla(0, 0%, 96.9%, .5)
    }
    .classcard__row--last {
        margin-bottom: 0
    }
}

.classcard__upper {
    position: relative;
    z-index: 33
}

@media (min-width:800px) {
    .classcard__upper {
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        margin-top: 1rem
    }
}

.classcard__lower {
    padding-bottom: 3rem
}

@media (min-width:1024px) {
    .classcard__lower {
        padding-bottom: 0
    }
}

.classcard__row>.classcard__col,
.classcard__row>.classcard__col-wide,
.classcard__row>.classcard__col-x-wide {
    min-height: 3rem;
    line-height: 3rem
}

.classcard__col {
    flex: 1 1
}

.classcard__col-wide {
    flex: 2 1;
    margin-left: .5rem
}

.classcard__col-x-wide {
    flex: 3 1;
    margin-left: .5rem
}

.classcard .center {
    text-align: center
}

.classcard__data-line {
    display: block
}

.classcard:nth-child(odd) {
    background-color: #eaeaea
}

@media (min-width:800px) {
    .classcard:nth-child(odd) .classcard__row {
        border-bottom: 1px solid hsla(0, 0%, 53.3%, .2)
    }
}

.classcard__status-outer {
    position: relative;
    left: 0;
    top: -3.15rem;
    margin-top: 3.5rem;
    height: 3rem;
    width: 100%;
    text-transform: uppercase;
    color: #fff;
    background-color: #6D7F71;
    word-wrap: break-word;
    padding: .5rem;
    text-align: left;
}

@media (min-width:414px) {
    .classcard__status-outer {
    }
}

@media (min-width:800px) {
    .classcard__status-outer {
        position: relative;
        margin-top: 0;
        height: 6rem;
        width: 7.5rem;
        top: inherit;
        text-align: center
    }
}

.classcard__status-outer-closed {
    background-color: #bebebe
}

.classcard__status-outer-unknown {
    background-color: #777
}

.classcard__status {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 10px;
    line-height: 2rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (min-width:800px) {
    .classcard__status {
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 50%
    }
}

.classcard__available-seats,
.classcard__enrolled,
.classcard__waitlist {
    position: absolute;
    top: -2.5rem;
    left: 0;
    color: #fff;
    padding: 0 2rem;
    display: inline-block;
    width: 5rem;
    margin-left: 20px
}

@media (min-width:800px) {
    .classcard__available-seats,
    .classcard__enrolled,
    .classcard__waitlist {
        position: relative;
        top: inherit;
        left: inherit;
        right: inherit;
        padding: 0;
        color: #000;
        margin-left: 0
    }
}

.classcard__enrolled {
    left: 11rem;
    margin-top: 1px
}

@media (min-width:414px) {
    .classcard__enrolled {
        margin-top: 0
    }
}

@media (min-width:540px) {
    .classcard__enrolled {
        right: 1rem;
        left: auto;
        margin-right: 45%
    }
}

@media (min-width:800px) {
    .classcard__enrolled {
        left: inherit;
        right: inherit;
        margin-right: 0
    }
}

.classcard__waitlist {
    left: 21.5rem;
    margin-top: 1px
}

@media (min-width:414px) {
    .classcard__waitlist {
        margin-top: 0;
        left: 23rem
    }
}

@media (min-width:540px) {
    .classcard__waitlist {
        right: 1rem;
        left: auto;
        margin-right: 20%
    }
}

@media (min-width:800px) {
    .classcard__waitlist {
        left: inherit;
        right: inherit;
        margin-right: 0
    }
}

.classcard__available-seats {
    left: 28.5rem;
    margin-top: 1px
}

@media (min-width:414px) {
    .classcard__available-seats {
        margin-top: 0;
        left: 33rem
    }
}

@media (min-width:540px) {
    .classcard__available-seats {
        right: 1rem;
        left: auto
    }
}

@media (min-width:800px) {
    .classcard__available-seats {
        left: auto;
        right: auto;
        margin-right: 0
    }
}

.classcard__enrolled:before {
    position: absolute;
    content: "ENRL :";
    display: inline;
    left: -3rem
}

@media (min-width:540px) {
    .classcard__enrolled:before {
        left: -3rem
    }
}

@media (min-width:800px) {
    .classcard__enrolled:before {
        content: ""
    }
}

.classcard__waitlist:before {
    position: absolute;
    content: "WAITLIST :";
    display: inline;
    left: -6rem
}

@media (min-width:540px) {
    .classcard__waitlist:before {
        left: -6rem
    }
}

@media (min-width:800px) {
    .classcard__waitlist:before {
        content: ""
    }
}

.classcard__available-seats:before {
    position: absolute;
    content: "AVAIL :";
    display: inline;
    left: -3rem
}

@media (min-width:540px) {
    .classcard__available-seats:before {
        left: -3rem
    }
}

@media (min-width:800px) {
    .classcard__available-seats:before {
        content: ""
    }
}

.classcard__section-num {
    position: relative;
    left: 1rem;
    font-weight: 400;
    display: inline-block;
    top: -2rem
}

@media (min-width:800px) {
    .classcard__section-num {
        left: inherit;
        top: inherit
    }
}

.classcard__course-title {
    position: relative;
    left: 6rem;
    top: -4rem;
    display: inline-block;
    width: 90%
}

.classcard__course-title,
.classcard__course-title-desc {
    padding: 1px 1rem 1rem 0;
    font-weight: 600;
}

@media (min-width:500px) {
    .classcard__course-title {
        top: -2rem;
        left: 2rem
    }
}

@media (min-width:800px) {
    .classcard__course-title {
        left: auto;
        top: auto;
        display: inherit;
        padding: 0
    }
}

.classcard__units {
    position: relative;
    display: inline-block;
    left: 1rem;
    width: 25%;
    text-align: left !important
}

.classcard__units:before {
    content: "UNITS: "
}

@media (min-width:800px) {
    .classcard__units:before {
        content: ""
    }
}

@media (min-width:800px) {
    .classcard__units {
        left: auto;
        top: auto;
        padding: 0;
        text-align: center !important
    }
}

.classcard__instructor {
    position: relative;
    display: inline-block;
    width: 65%;
    text-align: left !important;
    top: -5.3rem;
    left: 28%
}

.classcard__instructor:before {
    content: "INSTRUCTOR: "
}

@media (min-width:800px) {
    .classcard__instructor:before {
        content: ""
    }
}

@media (min-width:414px) {
    .classcard__instructor {
        width: 69%;
        left: 28%
    }
}

@media (min-width:800px) {
    .classcard__instructor {
        left: auto;
        top: auto;
        padding: 0;
        text-align: center
    }
}

.classcard__prereq {
    position: relative;
    left: .5rem;
    margin-top: 1.5rem;
    display: block
}

@media (min-width:800px) {
    .classcard__prereq {
        margin-top: 0
    }
}

.classcard__prereq:before {
    content: "PREREQUISITE: "
}

@media (min-width:800px) {
    .classcard__prereq:before {
        content: ""
    }
}

.classcard__lower {
    position: relative;
    display: block;
    width: 100%;
}

.classcard__lower>.classcard__col {
    display: inline-block
}

@media (min-width:414px) {
    .classcard__lower {
    }
}

@media (min-width:800px) {
    .classcard__class-info,
    .classcard__lower {
        position: inherit;
        display: inherit;
        display: flex
    }
    .classcard__class-info {
        flex-direction: column;
        align-content: space-around;
        justify-content: flex-start;
        flex-grow: 11
    }
}

.classcard__days {
    width: 5rem;
    margin-left: 1rem;
    display: inline-block
}

@media (min-width:414px) {
    .classcard__days {
        width: 6rem
    }
}

.classcard__start-time {
    width: 6.4rem;
    display: inline-block
}

@media (min-width:414px) {
    .classcard__start-time {
        width: 7rem
    }
}

@media (min-width:800px) {
    .classcard__start-time {
        width: auto;
        flex: 2 1;
        text-align: right;
        margin-right: 1rem
    }
}

.classcard__end-time {
    width: 5.5rem;
    display: inline-block
}

@media (min-width:414px) {
    .classcard__end-time {
        width: 7rem
    }
}

.classcard__start-date {
    position: relative;
    top: 0;
    margin-left: 1rem;
    width: 6.4rem;
    display: inline-block
}

@media (min-width:414px) {
    .classcard__start-date {
        width: 7.5rem
    }
}

@media (min-width:800px) {
    .classcard__start-date {
        width: auto;
        flex: 3 1;
        text-align: right;
        margin-right: 1rem
    }
}

.classcard__end-date {
    position: relative;
    top: 0;
    width: 5rem;
    display: inline-block
}

@media (min-width:800px) {
    .classcard__end-date {
        width: auto;
        flex: 2 1;
        text-align: left
    }
}

.classcard__building {
    position: absolute;
    bottom: .5rem;
    display: inline-block;
    left: 18rem;
    text-align: right;
    width: 12.5rem
}

@media (min-width:414px) {
    .classcard__building {
        left: 21rem
    }
}

.classcard__inst-method {
    position: absolute;
    bottom: .5rem;
    display: inline-block;
    left: 5.5rem
}

@media (min-width:414px) {
    .classcard__inst-method {
        left: 6.5rem
    }
}

.classcard__controls-col {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center
}

@media (min-width:700px) {
    .classcard__controls-col {
        text-align: right;
        padding-right: 2rem
    }
}

@media (min-width:800px) {
    .classcard__controls-col {
        position: inherit;
        display: inherit;
        top: auto;
        bottom: auto;
        left: auto;
        width: auto;
        text-align: left;
        padding-right: 0
    }
}

.classcard__controls-col button {
    background: transparent;
    outline: none;
    padding: 1rem;
    border: none;
    text-transform: uppercase;
    color: #5a5a5a
}

.classcard__controls-col button:hover {
    cursor: pointer;
    text-decoration: underline
}

.classcard__controls-col>.classcard__controls>.classcard__button-line {
    position: relative;
    display: inline-block;
    padding-bottom: 3rem
}

@media (min-width:800px) {
    .classcard__controls-col>.classcard__controls>.classcard__button-line {
        padding-bottom: 0;
        position: inherit;
        display: inherit;
        top: auto
    }
}

.classcard__button-line-desc {
    width: 100%;
    display: block;
    text-align: right;
    margin-top: -1rem
}

.classcard__button-line-desc button {
    display: inline-block;
    background: transparent;
    padding: .25rem 1rem;
    border: 1px solid;
    text-transform: uppercase;
    color: #891728;
}

.classcard__button-line-desc button:hover {
    cursor: pointer;
    text-decoration: underline
}

.classcard__details {
    position: absolute;
    max-width: 80rem;
    width: 100%;
    left: 110%;
    margin-top: -15rem;
    margin-bottom: 3rem;
    padding: 2rem 3rem 3rem 2rem;
    background-color: #e8e3e3;
    border: 4px solid #919191;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 2.4rem;
    overflow-y: auto;
    z-index: 99;
    top: 0;
    opacity: 0
}

@media (min-width:800px) {
    .classcard__details {
        margin-top: -5rem;
        top: auto
    }
}

@media (min-width:1024px) {
    .classcard__details {
        right: -100%
    }
}

@media (min-width:800px) {
    .classcard__details>p {
        padding-left: .5rem;
    }
}

.classcard__details.show {
    left: 0;
    opacity: 1
}

@media (min-width:1024px) {
    .classcard__details.show {
        left: auto;
        right: 11%
    }
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em
}

.loader {
    margin: 60px auto;
    position: relative;
    text-indent: -9999em;
    border: 1.1em solid hsla(0, 0%, 54.1%, .2);
    border-left-color: #4a121a;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.search-results__header {
    background-color: #777;
    color: #fff;
    display: none;
    align-items: center;
    justify-content: space-around;
    height: 3.5rem
}

.search-results__header:first-child {
    padding-left: 1px
}

@media (min-width:800px) {
    .search-results__header {
        display: flex
    }
}

.search-results__header .header {
    flex: 1 1;
    height: 1.6rem;
    line-height: 1.6rem;
    text-transform: uppercase;
    font-weight: 300
}

.search-results__header .wide {
    flex: 2 1
}

.search-results__header .center {
    text-align: center
}

.search-results__pager {
    display: flex;
    align-items: flex-start;
    justify-items: flex-end;
    margin: -2rem 1rem 0;
    padding-bottom: 1rem
}

.search-results__pager.label {
    display: block;
    flex: 1 1;
    text-align: right;
    padding-top: .3rem
}

@media (min-width:800px) {
    .search-results__pager.label {
        padding-bottom: 0;
        padding-top: .5rem
    }
}

.search-results__pager.pager-footer>.label {
    margin-top: 2.5rem
}

.search-results__pager-list {
    display: inline-block;
    list-style: none;
    padding-left: 0;
    margin-top: -2rem;
    margin-bottom: 2rem
}

.search-results__pager-list.pager-footer {
    margin-bottom: 0;
    margin-top: 2.5rem;
    padding-top: 0;
    background-color: transparent
}

.search-results__pager-list-item {
    display: inline-block;
    margin: 0 1.5rem 1rem;
    border-bottom: 1px solid;
    cursor: pointer
}

@media (min-width:800px) {
    .search-results__pager-list-item {
        margin: .25rem .5rem
    }
}

.search-results__pager-list-item.selected {
    border-bottom: none;
    font-weight: 600;
    cursor: none
}

.saved-item {
    display: flex;
    margin: 1rem 1rem 1rem 2rem;
    padding: 1rem 0;
    line-height: 2.4rem;
    border-bottom: 1px solid rgba(68, 68, 68, .1)
}

@media (min-width:800px) {
    .saved-item {
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 1rem
    }
}

.saved-item__title {
    display: block
}

.saved-item__body {
    margin-left: 1rem
}

.saved-item__details.instuction {
    display: inline-block;
    min-width: 4.5rem
}

.saved-item__details.date {
    display: inline-block;
    width: 15rem
}

.saved-item__details.time {
    display: block;
    width: 15rem;
    margin-left: 4.5rem
}

.saved-item__details.days {
    display: inline-block;
    width: 7.5rem;
    margin-left: 4.5rem
}

.saved-item__details.room {
    display: inline-block;
    width: 7.5rem;
    text-align: right;
    margin-right: .5rem
}

.saved-item__details.online {
    display: block;
    text-align: right;
    margin-right: .5rem
}

.btnDelete {
    display: inline-block;
    padding: .3rem .9rem;
    height: 3rem;
    width: 3rem;
    min-width: 3rem;
    font-weight: 600;
    border-radius: 100%;
    border-width: 1px;
    border-color: transparent;
    outline: none
}

.apply-button,
.btnDelete {
    background-color: #4a121a;
    color: #fff;
    cursor: pointer
}

.apply-button, .student-button {
    text-align: center;
    display: flex;
    text-decoration: none;
    box-sizing: border-box;
    padding: 1rem 0;
    font-size: 125%;
    width: 100%;
    border: 0;
    text-transform: uppercase;
    margin: 2rem auto 15px;
    flex-direction: column;
}

@media (min-width:530px) {
    .apply-button, .student-button {
        width: 100%;
    }
}

@media (min-width:1024px) {
    .apply-button, .student-button {
        margin-top: 0;
        margin-left: 0;
    }
}

.apply-button:link,
.apply-button:visited,.student-button:link,
.student-button:visited {
    color: #fff;
    background-color: #9E8B6A;
    text-decoration: none;
}

.apply-button:hover,.student-button:hover {
    background-color: #4E0715;
	transition: .3s ease-in-out;
}

.saved-courses {
    box-sizing: border-box;
    width: 100%;
    padding-bottom: 5rem
}

@media (min-width:800px) {
    .saved-courses {
        margin-left: 1rem
    }
}

.saved-courses__section-title {
    font-weight: 300;
    margin-left: 0;
    color: #5a5a5a !important;
    text-align: left
}

@media (min-width:800px) {
    .saved-courses__section-title {
        margin-left: 1rem
    }
}

.saved-courses__list {
    text-align: left;
    list-style: none;
    margin-left: 0;
}

.saved-courses__btn-print {
    border-radius: 3px;
    width: 100%;
    cursor: pointer;
    background-color: #8a8a8a;
    color: #fff;
    border: 1px solid #8a8a8a;
    margin: 2rem 0 1rem
}

@media (min-width:530px) {
    .saved-courses__btn-print {
        position: relative;
        width: 22rem;
        border-radius: 3px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (min-width:1024px) {
    .saved-courses__btn-print {
        width: 90% !important;
        left: 0;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.saved-courses__btn-print i {
    padding-right: .5rem
}

.saved-print-item {
    box-sizing: border-box;
    padding: 4rem 4rem 0;
    width: 100%;
    line-height: 2.4rem
}

.saved-print-item__header {
    width: 100%;
    position: relative
}

.saved-print-item__header.section-number {
    font-weight: 600
}

.saved-print-item__prereq {
    display: block;
    padding-left: 1rem;
    padding-top: .5rem
}

.saved-print-item__units {
    position: absolute;
    display: inline-block;
    right: 0
}

.saved-print-item__body {
    width: 100%;
    padding-bottom: 1rem
}

.saved-print-item__description {
    padding-left: .5rem;
    padding-top: 1rem;
    line-height: 2.4rem
}

.saved-print-item__details {
    padding-top: .1rem;
    padding-left: .5rem
}

.saved-print-item__details.term {
    display: inline-block;
    width: 7rem
}

.saved-print-item__details.instuction {
    display: inline-block;
    width: 6rem
}

.saved-print-item__details.date,
.saved-print-item__details.time {
    display: inline-block;
    width: 18rem
}

.saved-print-item__details.days {
    display: inline-block;
    width: 10rem
}

.saved-print-item__details.room {
    display: inline-block;
    width: 11rem
}

.saved-print-item__details.instructor {
    display: inline-block;
    float: right
}

.print-modal-wrapper {
    text-align: left;
    position: fixed;
    overflow-y: scroll;
    top: 0;
    left: 0;
    z-index: 9999;
    height: 100%;
    width: 100vw;
    background-color: rgba(0, 0, 0, .8);
    display: none;
    padding-top: 5rem
}

@media (min-width:1024px) {
    .print-modal-wrapper {
        padding-top: 0
    }
}

.print-modal-wrapper.show {
    display: block
}

.print-modal-wrapper__page {
    width: 100%;
    background-color: #fff;
    min-height: 100vh;
    margin: auto;
    padding-bottom: 5rem
}

@media (min-width:1024px) {
    .print-modal-wrapper__page {
        width: 80rem
    }
}

.print-modal-wrapper__controls {
    right: 2rem;
    margin-right: 2rem;
    margin-top: .5rem;
    text-align: right
}

.print-modal-wrapper__button {
    padding: 1.5rem 0;
    border-radius: 3px;
    width: 95%;
    cursor: pointer;
    background-color: #8a8a8a;
    color: #fff;
    border: 0px solid #8a8a8a;
    margin: 2rem 0 1rem 1rem
}

@media (min-width:530px) {
    .print-modal-wrapper__button {
        width: 12rem
    }
}

.print-modal-wrapper__button i {
    padding-right: .5rem
}


/*# sourceMappingURL=main.bf677af8.chunk.css.map */