#gradprograms #filterbox {
     background-color: #e9e9ea !important;
}
.spacer.blueGradient {
    background: linear-gradient(0deg, transparent, #0a233f, #0a233f)
}
.tablegroup h2 {
    font-size: 1.5em !important;
    text-transform: uppercase;
}
.tabledata h3 {
    margin-top: 15px;
    font-size: 1.3em;
}
 .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;
    }
}
div.blueborder {
    border: 4px solid #0a233f;
}
 div.top-boxed {
     background-color: #0a233f;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
}
div.top-boxed h4 {
    font-size: 1em;
    text-transform: uppercase;
    color: #fff !important;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 0;
    text-align: center;
}
 div.bot-boxed-hours {
     background-color: #0a233f;
     position: absolute;
     bottom: 0;
     left: 0;
     width: 50%;
}
 div.bot-boxed-hours h4 {
     font-size: 1em;
    text-transform: uppercase;
    color: #fff !important;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 0;
    text-align: center;
}
 div.bot-boxed-method {
     background-color: #0a233f;
     position: absolute;
     bottom: 0;
     right: 0;
     width: 50%;
}
 div.bot-boxed-method h4 {
     font-size: 1em;
    text-transform: uppercase;
    color: #fff !important;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-bottom: 0;
    text-align: center;
}
 div.programInfo {
     margin-top: 15px;
}
 div.programInfo h4, .details h4 {
     text-transform: uppercase;
}
 div.programInfo .deadlineList {
     width: 100%;
     margin-left: 25%;
}
 .programInfo ul {
     column-count: 1 !important;
}
.learnButton {
    position: absolute;
    bottom: 20px;
    left: 20px;
}
@media only screen and (min-width: 950px) {
   .bottomBox {
         position: absolute;
         right: 16px;
         bottom: -4px;
         transform: skew(-30deg);
         border-left: #0a233f solid 2px;
         border-top: #0a233f solid 2px;
    }
    .unskew {
         transform: skew(30deg);
         padding: 20px;
         padding-left: 30px;
    }
}

@media only screen and (min-width: 495px) and (max-width: 599px) {
   .bottomBox {
       position: absolute;
       right: 16px;
       bottom: -4px;
       transform: skew(-30deg);
       border-left: #0a233f solid 2px;
       border-top: #0a233f solid 2px;
   }
   .unskew {
       transform: skew(30deg);
       padding: 20px;
       padding-left: 30px;
   }
}