#gradprograms #filterbox {
     background-color: #e9e9ea !important;
}
.spacer.blueGradient {
    background: linear-gradient(0deg, transparent, #0a233f, #0a233f)
}
.progCompareCard {
    height: fit-content;
}
.tablegroup h2 {
    font-size: 1.5em !important;
    text-transform: uppercase;
}
td h3:has(a) {
    font-size: 1.25em !important;
}
tr.tabledata {
    background-color: #fff !important;
    border: 1px solid #0a233f;
}
.tablegroup tr {
    border: 1px solid #0a233f;
}
.comparison table tr, .comparison table td, .comparison table, .comparison table tbody {
    display: block;
    width: 100% !important;
    border: none;
}
.comparison table thead {
    display: none;
}
.comparison table td {
    padding: 5px;
}
@media only screen and (min-width: 768px) {
    tr.tabledata td {
        border: 1px solid #0a233f;
        text-align: center;
        background-color: #fff;
    }
    tr.tabledata td:has(h3) {
        text-align: left;
    }
    tr.tabledata:nth-child(even) td {
        background-color: #e9e9ea;
    }
    tr.tabledata {
        height: 80px !important;
    }
    tr.noBack {
        background-color: #fff !important;
    }
    tr.greyBack {
        background-color: #e9e9ea !important;
    }
    tr.greyBack td, tr.noBack td {
        background-color: transparent !important;
    }
}
 .tabledata a {
     text-decoration: underline !important;
}
 .compBtn a.btn-cyan:hover {
     outline: 2px solid #00b2e2 !important;
}
 .compBtn a.btn-cyan:focus {
     outline: 2px solid #00b2e2 !important;
     background-color: #0a233f !important;
     color: #fff !important;
}
 .compSetup.backer {
     background-color:#0a233f;
     padding: 2.5px;
     padding-top: 25px;
}
 .gradspacer {
     height: 40px;
}
 #gradprograms #filterbox .fields .col label {
     color: #0a233f !important;
}
 #gradprograms #filterbox .fields .col {
     width: 25%;
}
 #gradprograms #filterbox .fields .col select, #gradprograms #filterbox .fields .col input {
     width: 95%;
}
 #gradprograms #filterbox .fields .col #searchReset, #gradprograms #filterbox .fields .col #searchPrograms {
     width: unset !important;
     margin-right: 0 !important;
     opacity: 1 !important;
}
 #gradprograms #filterbox select:focus, #gradprograms #filterbox input:focus {
     outline: 2px solid #0a233f;
}
 @media only screen and (max-width: 700px) {
     #gradprograms #filterbox .fields .col {
         width: 100%;
    }
     #gradprograms #filterbox .fields .col select, #gradprograms #filterbox .fields .col input {
         width: 97% !important;
         max-width: unset !important;
    }
}
 .progCompare[data-selected="yes"] {
     background-color: #0a233f !important;
}
 .progCompare .toggle-text {
     color: #00b2e2;
     display: none;
     font-weight: bold;
}
 .progCompare[data-selected="yes"] .toggle-text {
     display: block;
}
 .progCompare:focus {
     outline: 2px solid #81d1e2 !important;
}
 .greyedOut {
     border-color: #a7a8a9 !important;
     pointer-events: none !important;
     background-color: #e9e9ea !important;
}
 div.comparison .flexCard>section>h3 {
     margin-bottom: 20px;
     text-transform: uppercase;
}
 div.boxed {
     background-color: #fff;
     margin-bottom: 10px;
     padding: 10px;
     filter: drop-shadow(2px 2px 4px #000);
}
 div.boxed h4 {
     font-size: 1em;
     background-color: #cde7f3;
     color: #0a233f !important;
     padding: 5px;
     margin-bottom: 5px;
     text-transform: uppercase;
}
 div.boxed p {
     padding-left: 5px;
}
 div.programInfo {
     margin-top: 30px;
}
 div.programInfo h4, .details h4 {
     text-transform: uppercase;
}
 div.programInfo .deadlineList {
     width: 100%;
     margin-left: 25%;
}
 .programInfo ul {
     column-count: 1 !important;
}
 .comparison {
     overflow-x: hidden;
}
 .deadlinesList {
     display: none;
}
 .sliderControl button:focus {
     outline: 2px solid #00b2e2;
}
 .sliderControl button.inactive {
     opacity: .4;
     pointer-events: none !important;
}
 .comparison h3 {
     text-transform: uppercase;
}
 @media only screen and (min-width: 1329px) {
     .compSetup.cookie-visible {
         bottom: 60px !important;
    }
}
 @media only screen and (min-width: 704px) and (max-width: 1328px) {
     .compSetup.cookie-visible {
         bottom: 75px !important;
    }
}
 @media only screen and (min-width: 507px) and (max-width: 703px) {
     .compSetup.cookie-visible {
         bottom: 90px !important;
    }
}
 @media only screen and (min-width: 407px) and (max-width: 506px) {
     .compSetup.cookie-visible {
         bottom: 115px !important;
    }
}
 @media only screen and (min-width: 350px) and (max-width: 406px) {
     .compSetup.cookie-visible {
         bottom: 135px !important;
    }
}
 @media only screen and (min-width: 1025px) {
     .sliderControl {
         display: none !important;
    }
}
 @media only screen and (min-width: 1025px) and (max-width: 1280px) {
     .deadlineList, .singleList {
         display: none;
    }
     .deadlinesList {
         display: block;
    }
}
 @media only screen and (max-width: 1024px) {
     h2.comparisonheader {
         text-align: center;
    }
     .comparison .flexGrid .flexCard {
         flex: 0 0 auto !important;
         max-width: 100% !important;
         width: 95% !important;
    }
     .comparison .flexGrid {
         flex-direction: row !important;
         flex-wrap: nowrap !important;
    }
     .compare1, .compare2, .compare3 {
         opacity: .5;
    }
     .activeSlide {
         opacity: 1 !important;
    }
     .sliderControl {
         display: block;
    }
     .flexGrid:has(.compare1.activeSlide) {
         transform: translateX(0%);
         transition: ease .5s;
    }
     .flexGrid:has(.compare2.activeSlide) {
         transform: translateX(-95.5%);
         transition: ease .5s;
    }
     .flexGrid:has(.compare3.activeSlide) {
         transform: translateX(-192%);
         transition: ease .5s;
    }
}
 @media only screen and (max-width: 767px) {
     span.tableHeader {
         display: block !important;
    }
     .progCompare {
         display: initial !important;
         margin-left: none !important;
         margin-right: none !important;
    }
}