@charset "UTF-8";
/* CSS Document */
h1, h2, h3, h4, h5, h6, p, li{
    text-wrap: pretty;
  }
/*From Master Page*/
#notification-bar {
    display: none; /* start hidden, animate in with jQuery */
    width: 100%;
    background-color: yellow;
    text-align: center;
    padding: 5px;
    color: #035082;
}

    #notification-bar a {
        color: #035082;
        text-decoration: underline;
    }

    .bkg-light .dark-only, .bkg-dark .light-only{
        display:none;
    }
/* Temporary Styles */


.modal-backdrop {
    display: none;
}

@media (min-width:768px) {
    .d-md-list-item {
        display: list-item !important;
    }
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-widget-content {
    border: inherit;
    background: none;
    color: inherit;
    font-family: inherit;
}
/* END Temporary Styles */
#sb-site {
    height: 100% !important;
    min-height: 0 !important;
}

html, body, #aspnetForm, #sb-site {
    background: #00568d;
    background: -webkit-linear-gradient(100deg, #00568d, #035291);
    background: -o-linear-gradient(100deg, #00568d, #035291);
    background: -moz-linear-gradient(100deg, #00568d, #035291);
    background: linear-gradient(100deg, #00568d, #035291);
    font-family: ralewaymedium, sans-serif;
    font-size: 16px;
    padding: 0;
    margin: 0;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    color: #494949;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    html strong, body strong, #aspnetForm strong, #sb-site strong {
        font-family: ralewaybold, sans-serif;
    }

    html em, body em, #aspnetForm em, #sb-site em {
        font-family: ralewayitalic, sans-serif;
    }

        html strong em, body strong em, #aspnetForm strong em, #sb-site strong em, html em strong, body em strong, #aspnetForm em strong, #sb-site em strong {
            font-family: ralewaybold_italic, sans-serif;
        }

    html.bkg-dark, .bkg-dark body, .bkg-dark #aspnetForm, .bkg-dark #sb-site {
        color: #c2c2c2;
    }

    /* html a, body a, #aspnetForm a, #sb-site a {
        font-family: ralewaybold, sans-serif;
    } */

.dark-visible {
    display: none;
}

.bkg-dark .dark-hidden {
    display: none;
}

.bkg-dark .dark-visible {
    display: inline-block;
}

.page-bkg {
    background-color: #e8e8e8;
    min-height: 700px;
    padding-top: 10px;
    padding-bottom: 30px;
}

@media (max-width:767px) {
    .page-bkg {
        min-height: 0px;
    }
}

.bkg-dark .page-bkg {
    background-color: #121212;
}

#pnlLastUpdated {
    display: none;
}

.MobileOnly {
    display: none;
}

.bkg-dark .fa-inverse {
    color: #121212;
}

/*************** Text ******************/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: Lato, sans-serif;
    font-weight: bold;
}

.bkg-dark h1, .bkg-dark .h1, .bkg-dark h2, .bkg-dark .h2, .bkg-dark h3, .bkg-dark .h3, .bkg-dark h4, .bkg-dark .h4, .bkg-dark h5, .bkg-dark .h5, .bkg-dark h6, .bkg-dark .h6 {
    color: #fff;
}

h1, .h1 {
    margin-top: 30px;
    font-size: 2.2em;
}

h2, .h2 {
    margin-top: 25px;
    font-size: 1.5em;
}

h3, .h3, .ui-dialog-title {
    margin-top: 20px;
    font-size: 1.17em;
}

h4, .h4 {
    margin-top: 15px;
    font-size: 1em;
}

h5, .h5 {
    margin-top: 10px;
    font-size: .9em;
}

em {
    font-size: 1.05em;
}

small {
    font-size: 0.75em;
}

.full-width {
    width: 100%;
}



/*************** lists ******************/

ol li ol li {
    list-style: lower-alpha;
}

.circle-ol.fa-ul {
    margin-left: 3.5em;
}

.circle-ol .fa-li {
    top: -4px;
    left: -2.4em;
}

.circle-ol.fa-ul > li {
    margin-bottom: 20px;
}

.circle-ol .text-blue {
    color: #0F6199;
}

.circle-ol .fa-layers-text {
    left: 11px;
    top: 5px;
    font-size: 0.5em;
    font-weight: bold;
}

/*************** Images ******************/
img {
    max-width: 100%;
}

.border-radius-10 {
    border-radius: 10px;
}

.img-white-bkgd {
    padding: 8px 5px;
    background-color: white;
    border-radius: 10px;
}

.workerPhoto img {
    max-width: 59px;
}
/*************** Tables ******************/
table, .table, .GridView, .DataTable, .DetailsView {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

.mobileTableLabel {
    display: none;
}

.bkg-dark table, .bkg-dark .table, .bkg-dark .GridView, .bkg-dark .DataTable, .bkg-dark .DetailsView {
    color: #fff;
    background-color: #212529;
}

table tr:nth-of-type(odd), .table tr:nth-of-type(odd), .GridView tr:nth-of-type(odd), .DataTable tr:nth-of-type(odd), .DetailsView tr:nth-of-type(odd), .list-view .list-view-item:nth-of-type(even) {
    background-color: rgba(0, 0, 0, 0.05);
}

.bkg-dark table tr:nth-of-type(odd), .bkg-dark .table tr:nth-of-type(odd), .bkg-dark .GridView tr:nth-of-type(odd), .bkg-dark .DataTable tr:nth-of-type(odd), .bkg-dark .DetailsView tr:nth-of-type(odd),
.bkg-dark .list-view .list-view-item:nth-of-type(even) {
    background-color: rgba(255, 255, 255, .05);
}

table th, table td, .table th, .table td, .GridView th, .GridView td, .DataTable th, .DataTable td, .DetailsView th, .DetailsView td {
    padding: 0.75rem;
    vertical-align: top;
    border-color: #dee2e6;
    border-top: 1px solid #dee2e6;
}

.bkg-dark table th, .bkg-dark table td, .bkg-dark .table th, .bkg-dark .table td, .bkg-dark .GridView th, .bkg-dark .GridView td, .bkg-dark .DataTable th, .bkg-dark .DataTable td, .bkg-dark .DetailsView th, .bkg-dark .DetailsView td {
    border-color: #32383e;
    border-top: 1px solid #32383e;
}

table th, table thead th, .table th, .table thead th, .GridView tr.GridViewHeaderRow th, .DataTable tr.HeaderRow th, .DataTable tfoot td, .DetailsView tr.DetailsViewHeaderRow {
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    background-color: #e9ecef;
    font-weight: bold;
}

.bkg-dark table th, .bkg-dark table thead th, .bkg-dark .table th, .bkg-dark .table thead th, .bkg-dark .GridView tr.GridViewHeaderRow th, .bkg-dark .DataTable tr.HeaderRow th, .bkg-dark .DataTable tfoot td, .bkg-dark .DetailsView tr.DetailsViewHeaderRow {
    border-bottom: 2px solid #32383e;
    color: #fff;
    background-color: #000;
}

.GridView tr.GridViewSubHeaderRow td {
    background-color: #a0a0a0;
    color: #fff;
}

.bkg-dark .GridView tr.GridViewSubHeaderRow td {
    background-color: #444;
}

.DataTable tfoot td {
    font-weight: bold;
}

.DetailsViewFieldHeader {
    font-weight: bold;
}

#FacilitiesTimeLocation table tr, #FacilitiesTimeLocation table tr th, #FacilitiesTimeLocation table tr td {
    background: transparent;
    border: 0;
}

#FacilitiesTimeLocation table table, #FacilitiesTimeLocation table table tr:last-of-type td:last-child {
    width: 100%;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
    margin-bottom: 0;
}

#FacilitiesTimeLocation tr.table-key, tr.table-key {
    background-color: rgba(0, 0, 0, 0.1);
}

.eventdays .row {
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.bkg-dark .eventdays .row {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.eventdays h2 {
    margin-top: 10px;
}

.eventdays table {
    width: 100%;
}

    .eventdays table tr:nth-of-type(odd) {
        background: none;
    }

    .eventdays table tr th, .eventdays table tr td {
        border: 0;
        padding: 0.35rem;
    }

.eventdays td:first-child {
    vertical-align: top;
    width: 40%;
}

    .eventdays td:first-child i {
        width: 20px;
        max-width: 32%;
        display: inline-block;
        margin-right: 2px;
        vertical-align: top;
        margin-top: 5px;
        text-align: center;
    }

        .eventdays td:first-child i.icon1-pass {
            margin-top: 0;
        }

    .eventdays td:first-child strong {
        display: inline-block;
        max-width: 65%;
        vertical-align: top;
    }

.eventdays .bkg-green {
    background-color: #494949;
    border: solid 2px #494949;
    color: white;
    border-radius: 10px 0 0 10px;
}

    .eventdays .bkg-green h2 {
        color: white;
    }

.eventdays .border-green {
    border: solid 2px #494949;
    background-color: white;
    border-radius: 0 10px 10px 0;
}

.bkg-dark .eventdays .bkg-green {
    background-color: #000;
    border: solid 2px #000;
    color: #c2c2c2;
    border-radius: 10px 0 0 10px;
}

    .bkg-dark .eventdays .bkg-green h2 {
        color: #c2c2c2;
    }

.bkg-dark .eventdays .border-green {
    border: solid 2px #000;
    background-color: #494949;
}

    .bkg-dark .eventdays .border-green table {
        background-color: #494949;
    }

.eventdays .bkg-blue {
    background-color: #494949;
    border: solid 2px #494949;
    color: white;
    border-radius: 10px 0 0 10px;
}

    .eventdays .bkg-blue h2 {
        color: white;
    }

.eventdays .border-blue {
    border: solid 2px #494949;
    background-color: white;
    border-radius: 0 10px 10px 0;
}

.bkg-dark .eventdays .bkg-blue {
    background-color: #000;
    border: solid 2px #000;
    color: #c2c2c2;
    border-radius: 10px 0 0 10px;
}

    .bkg-dark .eventdays .bkg-blue h2 {
        color: #c2c2c2;
    }

.bkg-dark .eventdays .border-blue {
    border: solid 2px #79C0D2;
    background-color: #494949;
}

    .bkg-dark .eventdays .border-blue table {
        background-color: #494949;
    }

table.DailySchedule {
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

    table.DailySchedule thead, table.DailySchedule tbody {
        padding: 10px;
    }

        table.DailySchedule thead tr th {
            padding: 10px;
            border: 2px #e4e4e4 solid;
            text-align: left;
        }

        table.DailySchedule tbody td {
            border: 2px #e4e4e4 solid;
        }

        table.DailySchedule tbody .TimeColumn {
            width: 150px;
            text-align: left;
        }

        table.DailySchedule tbody .TimeColumn {
            width: 150px;
            text-align: left;
        }

        table.DailySchedule tbody .LocationColumn {
            width: 200px;
            text-align: left;
        }

.table-no-style, .table-no-style table, .table-no-style tr, .table-no-style tr th, .table-no-style tr td, .x-btn, .x-btn tbody, .x-btn tr, .x-btn tr td, .x-toolbar-ct, .x-toolbar-ct tr, .x-toolbar-ct td, .x-toolbar-ct th {
    background: transparent !important;
    border: 0px !important;
    padding-left: 0px !important;
}

.ajax__calendar table th, .ajax__calendar table td {
    padding: inherit;
}

.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {
    right: 0;
}

.bkg-dark .ajax__calendar .ajax__calendar_container {
    border: 1px solid #646464;
    background-color: #000;
    color: #fff;
}

.bkg-dark .ajax__calendar .ajax__calendar_day {
    border: 1px solid #494949;
}

.bkg-dark .ajax__calendar .ajax__calendar_other .ajax__calendar_day {
    background-color: transparent;
    border-color: transparent;
    color: #ffffff;
}

.x-toolbar-ct, .x-toolbar-ct tr, .x-toolbar-ct td, .x-toolbar-ct th {
    width: inherit;
}

.ui-datepicker {
    background: white;
    border: 2px solid #aaaaaa;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    border-radius: 10px;
    padding: 0px;
}

.bkg-dark .ui-datepicker {
    background: #2F3237;
}

.ui-datepicker-header.ui-corner-all {
    border-radius: 8px 8px 0 0;
    border: 0px;
    background: #ccc;
}

.ui-datepicker-header .ui-state-hover, .ui-datepicker-header .ui-state-focus {
    background: rgba(0,0,0,0.2);
    text-decoration: none;
    border: 0px;
}
.caption-h2 {
    color: #494949;
    background-color: #FFFFFF;
    border-radius: 10px 10px 0 0;
    text-align: left;
    font-family: Lato, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2;
    padding: 10px 20px;
    border-bottom: 2px solid #ccc;
    width: 100%;
    caption-side: top;
}
.bkg-dark .caption-h2 {
    color:#FFFFFF;
}
.caption-h2 a {
    text-decoration: none;
}
.bkg-dark .caption-h2 {
    background-color: #494949;
}
.white-block #FacilitiesTimeLocation table .caption-h2, #FacilitiesTimeLocation .white-block table .caption-h2 {
    font-size: 1.5em !important;
    background: rgba(0, 0, 0, 0.075);
    margin-bottom: 0px;
}
.bkg-dark .white-block #FacilitiesTimeLocation table .caption-h2, #FacilitiesTimeLocation .white-block table .caption-h2 {
    background: rgba(255, 255, 255, 0.1);
}
#FacilitiesTimeLocation .special-block table .caption-h2.h4 {
    font-size: 1em !important;
    background: rgba(0, 0, 0, 0.075);
    margin-bottom: 0px;
}
.bkg-dark #FacilitiesTimeLocation .special-block table .caption-h2.h4 {
    background: rgba(255, 255, 255, 0.1);
}

.caption-h2 {
    color: #494949;
    background-color: #FFFFFF;
    border-radius: 10px 10px 0 0;
    text-align: left;
    font-family: Lato, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
    line-height: 1.2;
    padding: 10px 20px;
    border-bottom: 2px solid #ccc;
    width: 100%;
    caption-side: top;
}
.bkg-dark .caption-h2 {
    color:#FFFFFF;
}
.caption-h2 a {
    text-decoration: none;
}
.bkg-dark .caption-h2 {
    background-color: #494949;
}
.white-block #FacilitiesTimeLocation table .caption-h2, #FacilitiesTimeLocation .white-block table .caption-h2 {
    font-size: 1.5em !important;
    background: rgba(0, 0, 0, 0.075);
    margin-bottom: 0px;
}
.bkg-dark .white-block #FacilitiesTimeLocation table .caption-h2, #FacilitiesTimeLocation .white-block table .caption-h2 {
    background: rgba(255, 255, 255, 0.1);
}
.caption-h2.h3 {
    font-size: 1.17em !important;
    background: rgba(0, 0, 0, 0.075);
    margin: 0px;
    padding-left: 0px;
    border-bottom: 0px;
    background: transparent;
}

#FacilitiesTimeLocation .special-block table .caption-h2.h4 {
    font-size: 1em !important;
    background: rgba(0, 0, 0, 0.075);
    margin-bottom: 0px;
}
.bkg-dark #FacilitiesTimeLocation .special-block table .caption-h2.h4 {
    background: rgba(255, 255, 255, 0.1);
}

@media (max-width:767px) {
    .table-mobile-block, .table-mobile-block thead, .table-mobile-block tbody, .table-mobile-block tr, .table-mobile-block th, .table-mobile-block td {
        display: block;
    }

        .table-mobile-block.td-inline-block td {
            display: inline-block;
        }

        .table-mobile-block.td-flex tr {
            display: flex;
        }

    .eventdays td, .eventdays td:first-child, .eventdays td:first-child strong {
        display: inline-block;
        width: inherit;
        max-width: 100%;
    }

    .eventdays .bkg-green {
        border-radius: 10px 10px 0 0;
    }

    .eventdays .border-green {
        border-radius: 0 0 10px 10px;
    }

    .bkg-dark .eventdays .bkg-green {
        border-radius: 10px 10px 0 0;
    }

    .bkg-dark .eventdays .border-green {
        border-radius: 0 0 10px 10px;
    }

    .eventdays .bkg-blue {
        border-radius: 10px 10px 0 0;
    }

    .eventdays .border-blue {
        border-radius: 0 0 10px 10px;
    }

    .bkg-dark .eventdays .bkg-blue {
        border-radius: 10px 10px 0 0;
    }

    .bkg-dark .eventdays .border-blue {
        border-radius: 0 0 10px 10px;
    }
}

.mobileTableLabel {
    display: none;
}

@media screen and (max-width: 765px) {
    .mobileTableLabel {
        font-weight: bold;
    }

    .Grades {
        text-align: left;
    }

    .GridView, .DataTable, .DailySchedule {
        margin: 0 auto;
        width: 100%;
        border-collapse: collapse;
        font-weight: 100;
        text-rendering: optimizeLegibility;
        border-radius: 5px;
    }

        .DataTable thead th, .GridView thead th, .DailySchedule thead th {
            font-weight: 600;
        }

        .GridView thead th, .GridView tbody td, .DataTable thead th, .DataTable tbody td, .DailySchedule thead th, .DailySchedule tbody td {
            padding: 8px;
            font-size: 15px;
        }

        .GridView tbody td, .DataTable tbody td, .DailySchedule tbody td {
            padding: 8px;
            font-size: 15px;
        }

        .GridView tbody tr:not(:last-child), .DataTable tbody tr:not(:last-child), .DailySchedule tbody tr:not(:last-child) {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }

        .GridView .GridViewHeaderRow, .GridView thead, .DataTable .HeaderRow, .DataTable thead, .DailySchedule .HeaderRow, .DailySchedule thead, .DailySchedule tbody td.DoneColumn {
            display: none;
        }

        .GridView tbody td, .DataTable tbody td, .DailySchedule tbody td {
            display: block;
            padding: .6rem;
            text-align: left;
        }

        .GridView tbody tr td:first-child, .DataTable tbody tr td:first-child, .DailySchedule tbody tr td:first-child {
            border-top: 2px #5a5a5a solid;
        }

        .GridView tbody td span, .DataTable tbody td span, .DailySchedule tbody td span {
            display: block;
        }

        .GridView .tdaligncenter, .DataTable .tdaligncenter, .DailySchedule .tdaligncenter {
            text-align: left;
        }

        .GridView tr td:nth-child(even), .DataTable tr td:nth-child(even), .DailySchedule tr td:nth-child(even) {
            background: #ffffff;
        }

    .bkg-dark .GridView tr td:nth-child(even), .bkg-dark .DataTable tr td:nth-child(even), .bkg-dark .DailySchedule tr td:nth-child(even) {
        background: #494949;
    }

    .DataTable tfoot td {
        display: block;
        text-align: left;
        background-color: #e9ecef !important;
        border: 0;
    }

    .bkg-dark .DataTable tfoot td {
        background-color: #000 !important;
    }

    .DataTable tfoot tr td:first-child {
        border-top: 2px #5a5a5a solid;
    }
}

@media screen and (max-width: 480px) {
    .GridView thead th, .GridView tbody td, .DataTable thead th, .DataTable tbody td {
        font-size: 14px;
        padding: 6px;
    }
}

.x-panel-body, .x-toolbar table, .x-toolbar-left table, .x-grid3, .x-grid3 table, .x-grid3-header, .x-grid3-row-over, .x-grid3-hd-inner, .x-grid3-hd-over, .x-grid3-row-alt, .x-grid3-row-selected, .x-grid3-row, td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    width: auto;
    margin-bottom: 0;
    background: none transparent;
    border-color: #32383e;
}

.x-panel-body {
    background: #fff;
}

.bkg-dark .x-panel-body {
    background: #494949;
}

.x-grid3-header {
    border-bottom: 2px solid #dee2e6;
    color: #495057;
    background-color: #e9ecef;
}

.bkg-dark .x-grid3-header {
    border-bottom: 2px solid #32383e;
    color: #fff;
    background-color: #000;
}

.x-grid3-row:nth-of-type(odd) {
    background: rgba(0, 0, 0, 0.05);
}

.bkg-dark .x-grid3-row:nth-of-type(odd) {
    background: rgba(255, 255, 255, .05);
}

.bkg-dark .x-grid3-row-selected {
    background-color: rgba(255, 255, 255, .2) !important;
}
/*************** Modal  ******************/
.modal, .modal-dialog, .modal-content {
    z-index: 30000000000 !important;
}
.modal-backdrop {
    z-index: 20000000000 !important;
}
.ui-dialog {
    z-index: 1000000;
}
/*************** Quick Links ******************/
.mdl-layout__container {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: stretch !important;
}

.mdl-navigation__link .material-icons {
    width: 40px;
    text-align: center;
    vertical-align: middle;
}

.mdl-navigation__link {
    display: block;
}

.mdl-layout__drawer {
    padding-top: 0px !important;
}

.mdl-layout__content {
    margin-left: 70px;
    overflow-y: inherit;
    overflow-x: hidden;
}

.mininal .mdl-layout__content {
    margin-left: 0px;
}

.mdl-layout__drawer.is-visible .instructions {
    display: block !important;
}

@media (max-width:992px) {
    .mdl-layout__content {
        margin-left: 0px;
    }
}

.mdl-navigation {
    padding-top: 0px !important;
}

    .mdl-navigation span {
        display: none;
    }

.mdl-layout__drawer.is-visible .mdl-navigation span {
    display: inline-block !important;
    margin-left: 10px;
    vertical-align: middle;
}

.mdl-layout__drawer-button {
    z-index: 1000000;
    background: #494949;
    position: relative;
    width: 70px;
}

    .mdl-layout__drawer-button:focus {
        outline: none;
    }

    .mdl-layout__drawer-button[aria-expanded="true"] {
        width: 95%;
        max-width: 350px;
        text-align: left;
        padding-left: 20px;
    }

        .mdl-layout__drawer-button[aria-expanded="true"] i:after {
            content: " Quick Links";
            font-family: Lato, sans-serif;
        }

        .mdl-layout__drawer-button[aria-expanded="true"] i:before {
            content: "\f057";
            font-family: "Font Awesome 6 Pro";
            position: absolute;
            right: 20px;
        }

.mdl-layout__drawer {
    /* padding-top: 65px !important; */
    transform: translateX(0px);
    border-right: 0px;
    overflow-x: hidden;
    width: 70px;
    scrollbar-width:none;
}

/* width */
#quicklinks-content::-webkit-scrollbar {
    width: 0px;
  }

  /* Track */
  #quicklinks-content::-webkit-scrollbar-track {
    background: transparent;
  }

  /* Handle */
  #quicklinks-content::-webkit-scrollbar-thumb {
    background:transparent;
  }

  /* Handle on hover */
  #quicklinks-content::-webkit-scrollbar-thumb:hover {
    background: transparent;
  }

.mdl-layout__drawer.is-visible {
    width: 100% !important;
    max-width: 350px !important;
    transform: translateX(0) !important;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    text-align: right;
    text-decoration: none;
    position: relative;
}

span.fas.fa-sort.link-handle.ui-sortable-handle {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 70px;
    line-height: 60px;
    text-align: center;
    font-size: 1.6em;
}

.mdl-layout__drawer.is-visible .mdl-navigation .mdl-navigation__link {
    text-align: left;
    display: flex;
}

.mdl-layout__drawer ul, .mdl-layout__drawer ul li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none;
    width: 97%;
}


.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    padding: 10px 7px;
    width: 100%;
    text-align: center;
    position: relative;
}

.mdl-layout__drawer.is-visible .mdl-navigation .mdl-navigation__link {
    padding: 15px 7px 15px 50px;
}

.mdl-layout__drawer .mdl-navigation .mdl-navigation__link:hover {
    background-color: rgba(0, 0, 0, 0.2);
}

.mdl-layout__drawer ul li a:after {
    display: none;
}

.QLNotification {
    position: absolute;
    top: 5px;
    line-height: normal;
    padding: 3px 5px;
    font-size: 0.75em;
    font-weight: bold;
    text-align: center;
    background: rgba(255, 0, 0, 0.8);
    border-radius: 100%;
    color: #fff;
}

.QuickLinkCountNone .QLNotification {
    background: rgba(255, 203, 7, 0.8);
    color: #494949;
}

.NoNewNotifications .QLNotification {
    background: rgba(255, 203, 7, 0.8);
    color: #494949;
}

.QuickLinkCountError .QLNotification {
    background-color: silver;
    color: black;
}

.QuicklinkNoItemHidden {
    display: none !important;
}

.link-title-option {
    font-size: 0.7em;
    line-height: 1;
    max-width: 55px;
    display: block;
    overflow: hidden;
    text-align: center;
    padding: 1px;
}

.link-title.visible-title ~ .link-title-option {
    display: none;
}

#divQLOptions {
    background: rgba(0, 0, 0, 0.2);
    padding-bottom: 20px;
}
/*

.mdl-layout__drawer-button i.material-icons:before {
  content: "o";
  font-size: 1.4em;
  font-family: "Customicon-font-1";
  font-style: normal;
}
.mdl-layout__drawer-button[aria-expanded=true] i.material-icons:before {
  content: "p";
  font-size: 1.4em;
  font-family: "Customicon-font-1";
}*/
#ChapelQL i:before {
    content: "\e020";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#ChapelQL i {
    padding-top: 4px;
}

#SummerCentralQL i:before {
    content: "\f024";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ChecksheetQL i:before {
    content: "\f14a";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CheckInSickQL i:before {
    content: "\f481";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#PassQL i:before {
    content: "\e013";
    font-size: 1em;
    font-family: "Font Awesome Kit";
}

#PaymentQL i:before {
    content: "\f142";
    font-size: 1.4em;
    font-family: foundation-icons;
}

#LibraryQL i:before {
    content: '\f5da';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#StudentDirQL i:before {
    content: "\f095";
    font-size: 1.1em;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#EventQL i:before {
    content: "\e019";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#IdeaQL i:before {
    content: "\f163";
    font-size: 1.2em;
    font-family: foundation-icons;
}

#EgorQL i {
    line-height: 10pt;
}

    #EgorQL i:before {
        content: "\e021";
        font-size: 1.3em;
        font-family: "Font Awesome Kit";
    }

#ShuttleQL i:before {
    content: "\f207";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ClassQL i:before {
    content: "\f328";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#GradesQL i:before {
    content: "\e01a";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#TechHelpQL i:before {
    content: "\f109";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CollegianNotesQL i:before {
    content: "\f249";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(90deg);
}

#UnclaimedPackageQL i:before {
    content: "\f466";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#LearningResourcesQL i:before {
    content: "\f07c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#PledgePageQL i:before {
    content: "\f15c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#TitlePageQL i:before {
    content: "\f15c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

#PathwayQL i:before {
    content: "\e012";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#AttendanceConductQL i:before {
    content: "\f4fc";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CollegianQL i:before {
    content: "\f0c0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CalendarQL i:before {
    content: "\f073";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#MissionQL i:before {
    content: "\f683";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SportsQL i:before {
    content: "\e023";
    font-family: "Font Awesome Kit";
}

#MenuQL i:before {
    content: "\f2e6";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CardQL i:before {
    content: "\f09d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ContactQL i:before {
    content: "\f098";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#PrintingQL i:before {
    content: "\f02f";
    font-family: "Font Awesome 6 Pro";
}

#EprintitQL i:before {
    content: "\e024";
    font-family: "Font Awesome Kit";
}

#BoxQL i:before {
    content: "\e026";
    font-family: "Font Awesome Kit";
    font-size: 1.2em;
}

#NursingQL i:before {
    content: "\f0f1";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ChristianServiceQL i:before {
    content: "\e017";
    font-family: "Font Awesome Kit";
    font-size: 1.2em;
}

#MaintenanceQL i:before {
    content: "\f0ad";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CanvasQL i:before {
    content: "\e015";
    font-family: "Font Awesome Kit";
}

#AuditionTryoutsQL i:before {
    content: "\e022";
    font-family: "Font Awesome Kit";
}

/* #EagleRewardsQL i:before {
    content: "\65";
    font-family: "Customicon-font-1";
    font-size: 34px;
} */

#EmailQL i.material-icons:before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#FormsQL i:before {
    content: "\f737";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ElectionsQL i:before {
    content: "\f735";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#PositionsQL i:before {
    content: "\f66c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ScheduleQL i:before {
    content: "\f271";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SecurityQL i:before {
    content: "\f023";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#PalmsQL i:before {
    content: "\f858";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CollegianSportsQL i:before {
    content: "\f091";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#ExamsQL i:before {
    content: "\f184";
    font-family: "foundation-icons";
    font-size: 1.1em;
}

#PaperCutQL i:before {
    content: "\e01b";
    font-family: "Font Awesome Kit";
    font-size: 1.1em;
}

#WorkdayQL i:before {
    content: "\e01e";
    font-family: "Font Awesome Kit";
}

#ReportConcernQL i:before {
    content: "\f4af";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#CareerServicesQL i:before {
    content: "\e018";
    font-family: "Font Awesome Kit";
    font-size: 1.5em;
    line-height: .7;
}

#InternationalQL i:before {
    content: "\f5ab";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#RowMonitorQL i:before {
    content: "\f6c1";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
#CheckoutQL i:before{
    content: "\e552";
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 900;
}

#SidebarCareerServicesQL i:before {
    content: "\e018";
    font-family: "Font Awesome Kit";
    font-size: 1.5em;
    line-height: .7;
}

#SidebarWorkdayQL i:before {
    content: "\e01e";
    font-family: "Font Awesome Kit";
}
#SidebarReportConcernQL i:before {
    content: "\f4af";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarRowMonitorQL i:before {
    content: "\f6c1";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarChapelQL i {
    padding-top: 4px;
}

#SidebarSummerCentralQL i:before {
    content: "\f024";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarChecksheetQL i:before {
    content: "\f14a";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarPassQL i:before {
    content: "\e013";
    font-size: 1em;
    font-family: "Font Awesome Kit";
}

#SidebarPaymentQL i:before {
    content: "\f142";
    font-size: 1.4em;
    font-family: foundation-icons;
}

#SidebarLibraryQL i:before {
    content: '\f5da';
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarStudentDirQL i:before {
    content: "\f095";
    font-size: 1.1em;
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarEventQL i:before {
    content: "\66";
    font-size: 1.2em;
    font-family: "CustomIcon-font-1";
}

#SidebarIdeaQL i:before {
    content: "\f163";
    font-size: 1.2em;
    font-family: foundation-icons;
}

#SidebarEgorQL i {
    line-height: 10pt;
}

    #SidebarEgorQL i:before {
        content: "\e021";
        font-size: 1.3em;
        font-family: "Font Awesome Kit";
    }

#SidebarShuttleQL i:before {
    content: "\f207";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarClassQL i:before {
    content: "\f328";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarGradesQL i:before {
    content: "\e01a";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#SidebarTechHelpQL i:before {
    content: "\f109";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCollegianNotesQL i:before {
    content: "\f249";
    font-family: "Font Awesome 6 Pro";
    transform: rotate(90deg);
}

#SidebarUnclaimedPackageQL i:before {
    content: "\f466";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarLearningResourcesQL i:before {
    content: "\f07c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarPledgePageQL i:before {
    content: "\f15c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarTitlePageQL i:before {
    content: "\f15c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
}

#SidebarPathwayQL i:before {
    content: "\e012";
    font-size: 1.2em;
    font-family: "Font Awesome Kit";
}

#SidebarAttendanceConductQL i:before {
    content: "\f4fc";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCollegianQL i:before {
    content: "\f0c0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCalendarQL i:before {
    content: "\f073";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarMissionQL i:before {
    content: "\f683";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarSportsQL i:before {
    content: "\e023";
    font-family: "Font Awesome Kit";
}

#SidebarMenuQL i:before {
    content: "\f2e6";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCardQL i:before {
    content: "\f09d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarContactQL i:before {
    content: "\f098";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarPrintingQL i:before {
    content: "\f02f";
    font-family: "Font Awesome 6 Pro";
}

#SidebarEprintitQL i:before {
    content: "\e024";
    font-family: "Font Awesome Kit";
}

#SidebarBoxQL i:before {
    content: "\e026";
    font-family: "Font Awesome Kit";
    font-size: 1.2em;
}

#SidebarNursingQL i:before {
    content: "\f0f1";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarChristianServiceQL i:before {
    content: "\e017";
    font-family: "Font Awesome Kit";
    font-size: 1.2em;
}

#SidebarMaintenanceQL i:before {
    content: "\f0ad";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCanvasQL i:before {
    content: "\e015";
    font-family: "Font Awesome Kit";
}

#SidebarAuditionTryoutsQL i:before {
    content: "\e022";
    font-family: "Font Awesome Kit";
}

/* #SidebarEagleRewardsQL i:before {
    content: "\65";
    font-family: "Customicon-font-1";
    font-size: 34px;
} */

#SidebarEmailQL i.material-icons:before {
    content: "\f0e0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarFormsQL i:before {
    content: "\f737";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarElectionsQL i:before {
    content: "\f735";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarPositionsQL i:before {
    content: "\f66c";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarScheduleQL i:before {
    content: "\f271";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarSecurityQL i:before {
    content: "\f023";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarPalmsQL i:before {
    content: "\f858";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCollegianSportsQL i:before {
    content: "\f091";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}


#SidebarStudentBodyNotesQL i:before {
    content: "\f4b0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarClassNotesQL i:before {
    content: "\f4b0";
    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}

#SidebarExamsQL i:before {
    content: "\f184";
    font-family: "foundation-icons";
    font-size: 1.1em;
}

#SidebarPaperCutQL i:before {
    content: "\e01b";
    font-family: "Font Awesome Kit";
    font-size: 1.1em;
}


#SidebarInternationalQL i:before {
    content: "\f5ab";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}

#SidebarCheckInSickQL i:before {
    content: "\f481";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
}
#SidebarCheckoutQL i:before{
    content: "\e552";
    font-family: "Font Awesome 6 Pro"; 
    font-weight: 900;
}

button.navbar-toggler.quicklinks-toggler {
    right: auto;
    left: 7px;
}

.fa-stack .fa-link.fa-stack-1x {
    left: -5px;
}

.p-right-toggle {
    padding-right: 13px;
}

@media (max-width:992px) {
    .mdl-layout__drawer {
        /* padding-top: 65px !important; */
        transform: translateX(-72px);
    }

        .mdl-layout__drawer ul li {
            width: 85%;
            background-color: rgba(0, 0, 0, 0.1);
            margin: 0 auto 3px;
        }

        .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
            padding: 10px 3px;
        }

    .mdl-layout__drawer-button {
        height: 110px;
        line-height: 160px;
    }
}



/*Hidden Grad Away*/
.Grad.Away #ChapelQL, .Grad.Away #CollegianNotesQL, .Grad.Away #SummerCentralQL, .Grad.Away #PassQL, .Grad.Away #StudentDirQL, .Grad.Away #EventQL, .Grad.Away #IdeaQL, .Grad.Away #EgorQL, .Grad.Away #ShuttleQL, .Grad.Away #ClassQL, .Grad.Away #LearningResourcesQL, .Grad.Away #PathwayQL, .Grad.Away #AttendanceConductQL, .Grad.Away #CalendarQL, .Grad.Away #MissionQL, .Grad.Away #SportsQL, .Grad.Away #MenuQL, .Grad.Away #CardQL, .Grad.Away #PrintingQL, .Grad.Away #EprintitQL, .Grad.Away #BoxQL, .Grad.Away #NursingQL, .Grad.Away #ChristianServiceQL, .Grad.Away #MaintenanceQL, .Grad.Away #AuditionTryoutsQL, .Grad.Away #EagleRewardsQL, .Grad.Away #UnclaimedPackageQL, .Grad.Away #CollegianQL, .Grad.Away #CheckoutQL, .Grad.Away #divQLOptions #QLOptions li#ChapelQL, .Grad.Away #divQLOptions #QLOptions li#ChapelQL, .Grad.Away #divQLOptions #QLOptions li#CollegianNotesQL, .Grad.Away #divQLOptions #QLOptions li#SummerCentralQL, .Grad.Away #divQLOptions #QLOptions li#PassQL, .Grad.Away #divQLOptions #QLOptions li#StudentDirQL, .Grad.Away #divQLOptions #QLOptions li#EventQL, .Grad.Away #divQLOptions #QLOptions li#IdeaQL, .Grad.Away #divQLOptions #QLOptions li#EgorQL, .Grad.Away #divQLOptions #QLOptions li#ShuttleQL, .Grad.Away #divQLOptions #QLOptions li#ClassQL, .Grad.Away #divQLOptions #QLOptions li#LearningResourcesQL, .Grad.Away #divQLOptions #QLOptions li#PathwayQL, .Grad.Away #divQLOptions #QLOptions li#AttendanceConductQL, .Grad.Away #divQLOptions #QLOptions li#CalendarQL, .Grad.Away #divQLOptions #QLOptions li#MissionQL, .Grad.Away #divQLOptions #QLOptions li#SportsQL, .Grad.Away #divQLOptions #QLOptions li#MenuQL, .Grad.Away #divQLOptions #QLOptions li#CardQL, .Grad.Away #divQLOptions #QLOptions li#PrintingQL, .Grad.Away #divQLOptions #QLOptions li#EprintitQL, .Grad.Away #divQLOptions #QLOptions li#BoxQL, .Grad.Away #divQLOptions #QLOptions li#NursingQL, .Grad.Away #divQLOptions #QLOptions li#ChristianServiceQL, .Grad.Away #divQLOptions #QLOptions li#MaintenanceQL, .Grad.Away #divQLOptions #QLOptions li#AuditionTryoutsQL, .Grad.Away #divQLOptions #QLOptions li#EagleRewardsQL, .Grad.Away #divQLOptions #QLOptions li#UnclaimedPackageQL, .Grad.Away #divQLOptions #QLOptions li#CollegianQL, .Grad.Away #divQLOptions #QLOptions li#ScheduleQL, .Grad.Away #divQLOptions #QLOptions li#SecurityQL, .Grad.Away #divQLOptions #QLOptions li#PalmsQL, .Grad.Away #divQLOptions #QLOptions li#CollegianSportsQL, .Grad.Away #ScheduleQL, .Grad.Away #SecurityQL, .Grad.Away #PalmsQL, .Grad.Away #CollegianSportsQL,
.Grad.Away #StudentBodyNotesQL, .Grad.Away #ClassNotesQL, .Grad.Away #ExamsQL, .Grad.Away #PaperCutQL, .Grad.Away #divQLOptions #QLOptions li#StudentBodyNotesQL, .Grad.Away #divQLOptions #QLOptions li#ClassNotesQL, .Grad.Away #divQLOptions #QLOptions li#ExamsQL, .Grad.Away #divQLOptions #QLOptions li#PaperCutQL, .Grad.Away #divQLOptions #QLOptions li#CheckoutQL,
.Grad.Away #SidebarChapelQL, .Grad.Away #SidebarCollegianNotesQL, .Grad.Away #SidebarSummerCentralQL, .Grad.Away #SidebarPassQL, .Grad.Away #SidebarStudentDirQL, .Grad.Away #SidebarEventQL, .Grad.Away #SidebarIdeaQL, .Grad.Away #SidebarEgorQL, .Grad.Away #SidebarShuttleQL, .Grad.Away #SidebarClassQL, .Grad.Away #SidebarLearningResourcesQL, .Grad.Away #SidebarPathwayQL, .Grad.Away #SidebarAttendanceConductQL, .Grad.Away #SidebarCalendarQL, .Grad.Away #SidebarMissionQL, .Grad.Away #SidebarSportsQL, .Grad.Away #SidebarMenuQL, .Grad.Away #SidebarCardQL, .Grad.Away #SidebarPrintingQL, .Grad.Away #SidebarEprintitQL, .Grad.Away #SidebarBoxQL, .Grad.Away #SidebarNursingQL, .Grad.Away #SidebarChristianServiceQL, .Grad.Away #SidebarMaintenanceQL, .Grad.Away #SidebarAuditionTryoutsQL, .Grad.Away #SidebarEagleRewardsQL, .Grad.Away #SidebarUnclaimedPackageQL, .Grad.Away #SidebarCollegianQL, .Grad.Away #SidebarCheckoutQL, .Grad.Away #divQLOptions #QLOptions li#SidebarChapelQL, .Grad.Away #divQLOptions #QLOptions li#SidebarChapelQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCollegianNotesQL, .Grad.Away #divQLOptions #QLOptions li#SidebarSummerCentralQL, .Grad.Away #divQLOptions #QLOptions li#SidebarPassQL, .Grad.Away #divQLOptions #QLOptions li#SidebarStudentDirQL, .Grad.Away #divQLOptions #QLOptions li#SidebarEventQL, .Grad.Away #divQLOptions #QLOptions li#SidebarIdeaQL, .Grad.Away #divQLOptions #QLOptions li#SidebarEgorQL, .Grad.Away #divQLOptions #QLOptions li#SidebarShuttleQL, .Grad.Away #divQLOptions #QLOptions li#SidebarClassQL, .Grad.Away #divQLOptions #QLOptions li#SidebarLearningResourcesQL, .Grad.Away #divQLOptions #QLOptions li#SidebarPathwayQL, .Grad.Away #divQLOptions #QLOptions li#SidebarAttendanceConductQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCalendarQL, .Grad.Away #divQLOptions #QLOptions li#SidebarMissionQL, .Grad.Away #divQLOptions #QLOptions li#SidebarSportsQL, .Grad.Away #divQLOptions #QLOptions li#SidebarMenuQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCardQL, .Grad.Away #divQLOptions #QLOptions li#SidebarPrintingQL, .Grad.Away #divQLOptions #QLOptions li#SidebarEprintitQL, .Grad.Away #divQLOptions #QLOptions li#SidebarBoxQL, .Grad.Away #divQLOptions #QLOptions li#SidebarNursingQL, .Grad.Away #divQLOptions #QLOptions li#SidebarChristianServiceQL, .Grad.Away #divQLOptions #QLOptions li#SidebarMaintenanceQL, .Grad.Away #divQLOptions #QLOptions li#SidebarAuditionTryoutsQL, .Grad.Away #divQLOptions #QLOptions li#SidebarEagleRewardsQL, .Grad.Away #divQLOptions #QLOptions li#SidebarUnclaimedPackageQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCollegianQL, .Grad.Away #divQLOptions #QLOptions li#SidebarScheduleQL, .Grad.Away #divQLOptions #QLOptions li#SidebarSecurityQL, .Grad.Away #divQLOptions #QLOptions li#SidebarPalmsQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCollegianSportsQL, .Grad.Away #ScheduleQL, .Grad.Away #SecurityQL, .Grad.Away #PalmsQL, .Grad.Away #CollegianSportsQL,
.Grad.Away #StudentBodyNotesQL, .Grad.Away #ClassNotesQL, .Grad.Away #ExamsQL, .Grad.Away #PaperCutQL, .Grad.Away #divQLOptions #QLOptions li#SidebarStudentBodyNotesQL, .Grad.Away #divQLOptions #QLOptions li#SidebarClassNotesQL, .Grad.Away #divQLOptions #QLOptions li#SidebarExamsQL, .Grad.Away #divQLOptions #QLOptions li#SidebarPaperCutQL, .Grad.Away #divQLOptions #QLOptions li#SidebarCheckoutQL {
    display: none;
}
/*Hidden Dual Away*/
.Dual.Away #FormsQL, .Dual.Away #ElectionsQL, .Dual.Away #PositionsQL, .Dual.Away #LibraryQL, .Dual.Away #ChecksheetQL, .Dual.Away #ChapelQL, .Dual.Away #CollegianNotesQL, .Dual.Away #SummerCentralQL, .Dual.Away #PassQL, .Dual.Away #StudentDirQL, .Dual.Away #EventQL, .Dual.Away #IdeaQL, .Dual.Away #EgorQL, .Dual.Away #ShuttleQL, .Dual.Away #ClassQL, .Dual.Away #LearningResourcesQL, .Dual.Away #PathwayQL, .Dual.Away #AttendanceConductQL, .Dual.Away #CalendarQL, .Dual.Away #MissionQL, .Dual.Away #SportsQL, .Dual.Away #MenuQL, .Dual.Away #CardQL, .Dual.Away #PrintingQL, .Dual.Away #EprintitQL, .Dual.Away #BoxQL, .Dual.Away #NursingQL, .Dual.Away #ChristianServiceQL, .Dual.Away #MaintenanceQL, .Dual.Away #AuditionTryoutsQL, .Dual.Away #EagleRewardsQL, .Dual.Away #UnclaimedPackageQL, .Dual.Away #CollegianQL, .Dual.Away #CheckoutQL, .Dual.Away #divQLOptions #QLOptions li#ChapelQL, .Dual.Away #divQLOptions #QLOptions li#ChapelQL, .Dual.Away #divQLOptions #QLOptions li#CollegianNotesQL, .Dual.Away #divQLOptions #QLOptions li#SummerCentralQL, .Dual.Away #divQLOptions #QLOptions li#PassQL, .Dual.Away #divQLOptions #QLOptions li#StudentDirQL, .Dual.Away #divQLOptions #QLOptions li#EventQL, .Dual.Away #divQLOptions #QLOptions li#IdeaQL, .Dual.Away #divQLOptions #QLOptions li#EgorQL, .Dual.Away #divQLOptions #QLOptions li#ShuttleQL, .Dual.Away #divQLOptions #QLOptions li#ClassQL, .Dual.Away #divQLOptions #QLOptions li#LearningResourcesQL, .Dual.Away #divQLOptions #QLOptions li#PathwayQL, .Dual.Away #divQLOptions #QLOptions li#AttendanceConductQL, .Dual.Away #divQLOptions #QLOptions li#CalendarQL, .Dual.Away #divQLOptions #QLOptions li#MissionQL, .Dual.Away #divQLOptions #QLOptions li#SportsQL, .Dual.Away #divQLOptions #QLOptions li#MenuQL, .Dual.Away #divQLOptions #QLOptions li#CardQL, .Dual.Away #divQLOptions #QLOptions li#PrintingQL, .Dual.Away #divQLOptions #QLOptions li#EprintitQL, .Dual.Away #divQLOptions #QLOptions li#BoxQL, .Dual.Away #divQLOptions #QLOptions li#NursingQL, .Dual.Away #divQLOptions #QLOptions li#ChristianServiceQL, .Dual.Away #divQLOptions #QLOptions li#MaintenanceQL, .Dual.Away #divQLOptions #QLOptions li#AuditionTryoutsQL, .Dual.Away #divQLOptions #QLOptions li#EagleRewardsQL, .Dual.Away #divQLOptions #QLOptions li#UnclaimedPackageQL, .Dual.Away #divQLOptions #QLOptions li#CollegianQL, .Dual.Away #divQLOptions #QLOptions li#LibraryQL, .Dual.Away #divQLOptions #QLOptions li#ChecksheetQL, .Dual.Away #divQLOptions #QLOptions li#ScheduleQL, .Dual.Away #divQLOptions #QLOptions li#SecurityQL, .Dual.Away #divQLOptions #QLOptions li#PalmsQL, .Dual.Away #divQLOptions #QLOptions li#CollegianSportsQL, .Dual.Away #ScheduleQL, .Dual.Away #SecurityQL, .Dual.Away #PalmsQL, .Dual.Away #CollegianSportsQL,
.Dual.Away #StudentBodyNotesQL, .Dual.Away #ClassNotesQL, .Dual.Away #ExamsQL, .Dual.Away #PaperCutQL, .Dual.Away #divQLOptions #QLOptions li#StudentBodyNotesQL, .Dual.Away #divQLOptions #QLOptions li#ClassNotesQL, .Dual.Away #divQLOptions #QLOptions li#ExamsQL, .Dual.Away #divQLOptions #QLOptions li#PaperCutQL, .Dual.Away #divQLOptions #QLOptions li#CheckoutQL,
.Dual.Away #SidebarFormsQL, .Dual.Away #SidebarElectionsQL, .Dual.Away #SidebarPositionsQL, .Dual.Away #SidebarLibraryQL, .Dual.Away #SidebarChecksheetQL, .Dual.Away #SidebarChapelQL, .Dual.Away #SidebarCollegianNotesQL, .Dual.Away #SidebarSummerCentralQL, .Dual.Away #SidebarPassQL, .Dual.Away #SidebarStudentDirQL, .Dual.Away #SidebarEventQL, .Dual.Away #SidebarIdeaQL, .Dual.Away #SidebarEgorQL, .Dual.Away #SidebarShuttleQL, .Dual.Away #SidebarClassQL, .Dual.Away #SidebarLearningResourcesQL, .Dual.Away #SidebarPathwayQL, .Dual.Away #SidebarAttendanceConductQL, .Dual.Away #SidebarCalendarQL, .Dual.Away #SidebarMissionQL, .Dual.Away #SidebarSportsQL, .Dual.Away #SidebarMenuQL, .Dual.Away #SidebarCardQL, .Dual.Away #SidebarPrintingQL, .Dual.Away #SidebarEprintitQL, .Dual.Away #SidebarBoxQL, .Dual.Away #SidebarNursingQL, .Dual.Away #SidebarChristianServiceQL, .Dual.Away #SidebarMaintenanceQL, .Dual.Away #SidebarAuditionTryoutsQL, .Dual.Away #SidebarEagleRewardsQL, .Dual.Away #SidebarUnclaimedPackageQL, .Dual.Away #SidebarCollegianQL, .Dual.Away #SidebarCheckoutQL, .Dual.Away #divQLOptions #QLOptions li#SidebarChapelQL, .Dual.Away #divQLOptions #QLOptions li#SidebarChapelQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCollegianNotesQL, .Dual.Away #divQLOptions #QLOptions li#SidebarSummerCentralQL, .Dual.Away #divQLOptions #QLOptions li#SidebarPassQL, .Dual.Away #divQLOptions #QLOptions li#SidebarStudentDirQL, .Dual.Away #divQLOptions #QLOptions li#SidebarEventQL, .Dual.Away #divQLOptions #QLOptions li#SidebarIdeaQL, .Dual.Away #divQLOptions #QLOptions li#SidebarEgorQL, .Dual.Away #divQLOptions #QLOptions li#SidebarShuttleQL, .Dual.Away #divQLOptions #QLOptions li#SidebarClassQL, .Dual.Away #divQLOptions #QLOptions li#SidebarLearningResourcesQL, .Dual.Away #divQLOptions #QLOptions li#SidebarPathwayQL, .Dual.Away #divQLOptions #QLOptions li#SidebarAttendanceConductQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCalendarQL, .Dual.Away #divQLOptions #QLOptions li#SidebarMissionQL, .Dual.Away #divQLOptions #QLOptions li#SidebarSportsQL, .Dual.Away #divQLOptions #QLOptions li#SidebarMenuQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCardQL, .Dual.Away #divQLOptions #QLOptions li#SidebarPrintingQL, .Dual.Away #divQLOptions #QLOptions li#SidebarEprintitQL, .Dual.Away #divQLOptions #QLOptions li#SidebarBoxQL, .Dual.Away #divQLOptions #QLOptions li#SidebarNursingQL, .Dual.Away #divQLOptions #QLOptions li#SidebarChristianServiceQL, .Dual.Away #divQLOptions #QLOptions li#SidebarMaintenanceQL, .Dual.Away #divQLOptions #QLOptions li#SidebarAuditionTryoutsQL, .Dual.Away #divQLOptions #QLOptions li#SidebarEagleRewardsQL, .Dual.Away #divQLOptions #QLOptions li#SidebarUnclaimedPackageQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCollegianQL, .Dual.Away #divQLOptions #QLOptions li#SidebarLibraryQL, .Dual.Away #divQLOptions #QLOptions li#SidebarChecksheetQL, .Dual.Away #divQLOptions #QLOptions li#SidebarScheduleQL, .Dual.Away #divQLOptions #QLOptions li#SidebarSecurityQL, .Dual.Away #divQLOptions #QLOptions li#SidebarPalmsQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCollegianSportsQL, .Dual.Away #ScheduleQL, .Dual.Away #SecurityQL, .Dual.Away #PalmsQL, .Dual.Away #CollegianSportsQL,
.Dual.Away #StudentBodyNotesQL, .Dual.Away #ClassNotesQL, .Dual.Away #ExamsQL, .Dual.Away #PaperCutQL, .Dual.Away #divQLOptions #QLOptions li#SidebarStudentBodyNotesQL, .Dual.Away #divQLOptions #QLOptions li#SidebarClassNotesQL, .Dual.Away #divQLOptions #QLOptions li#SidebarExamsQL, .Dual.Away #divQLOptions #QLOptions li#SidebarPaperCutQL, .Dual.Away #divQLOptions #QLOptions li#SidebarCheckoutQL {
    display: none;
}
/*************** tooltips ******************/
.ui-tooltip {
    background: #ddd;
    border-radius: 10px;
    color: #494949;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    padding: 5px 10px;
    border: 2px solid #494949;
}

.bkg-dark .ui-tooltip {
    background: #494949;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
    border: 2px solid #fff;
}
/*************** Header ******************/
header.top-header {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    background: #00568d;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(100deg, #00568d, #035291);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(100deg, #00568d, #035291);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(100deg, #00568d, #035291);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(100deg, #00568d, #035291);
    /* Standard syntax */
    height: 70px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.top-header .navbar {
    padding: 0;
}

.navbar-brand {
    margin-left: 75px;
}

.Logo img {
    width: 100%;
    max-width: 180px;
    min-width: 100px;
}
@media screen and (max-width: 350px) {
    .Logo.navbar-brand {
        display: none !important;
        margin: 0 !important;
    }
    .xs-mobile-logo {
        display: block !important;
        margin: 0 auto !important;
    }
    .xs-mobile-logo img {
        height: 100% !important;
        padding: 5px 10px !important;
    }

}
.xs-mobile-logo {
    display: none;
}
nav.navbar.navbar-expand-lg {
    width: 100%;
}

.navbar-toggler {
    padding: 0;
    width: 70px !important;
    height: 50px !important;
    color: #fff !important;
    background: #494949 !important;
    font-size: 1.5em;
    line-height: 1em;
    margin: 5px 0;
    border-radius: 10px;
    box-shadow: 0px 0px 0px transparent !important;
    position: absolute;
    top: 0;
    right: 7px;
}

.navbar-nav > li {
    position: relative;
    z-index: 100000;
    text-align: center;
}

#navigationbar .navbar-nav > li {
    font-size: 0.85em;
    padding: 0 5px;
}

    #navigationbar .navbar-nav > li a i {
        font-size: 1.5em;
        height: 24px;
        line-height: 18pt;
    }

.navbar-nav > li > .dropdown-menu {
    border-radius: 0;
    position: absolute;
    z-index: 2000000;
    right: 0;
    left: 0;
    min-width: 18rem;
}

.bkg-dark .navbar-nav > li > .dropdown-menu {
    color: white;
}

.navbar .navbar-nav > li > a {
    padding: .3rem 1rem .1rem;
    margin-bottom: .3rem;
    font-weight: bold;
    color: white;
    text-decoration: none;
    border-bottom: 4px solid transparent;
}

    .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a[aria-expanded="true"] {
        border-bottom: 4px solid #999;
    }

.bkg-dark .navbar .navbar-nav > li > a:hover, .bkg-dark .navbar .navbar-nav > li > a[aria-expanded="true"] {
    border-bottom-color: #8F8F94;
}

.navbar .navbar-nav > li > a#GraduateDropdown:hover, .navbar .navbar-nav > li > a#GraduateDropdown[aria-expanded="true"] {
    border-bottom-color: #4270d8;
}

.bkg-dark .navbar .navbar-nav > li > a#GraduateDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#GraduateDropdown[aria-expanded="true"] {
    border-bottom-color: #4270d8;
}

.navbar .navbar-nav > li > a#AcademicDropdown:hover, .navbar .navbar-nav > li > a#AcademicDropdown[aria-expanded="true"] {
    border-bottom-color: #7C1416;
}

.bkg-dark .navbar .navbar-nav > li > a#AcademicDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#AcademicDropdown[aria-expanded="true"] {
    border-bottom-color: #DD5571;
}

.navbar .navbar-nav > li > a#CampusLifeDropdown:hover, .navbar .navbar-nav > li > a#CampusLifeDropdown[aria-expanded="true"] {
    border-bottom-color: #E27126;
}

.bkg-dark .navbar .navbar-nav > li > a#CampusLifeDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#CampusLifeDropdown[aria-expanded="true"] {
    border-bottom-color: #E27126;
}

.navbar .navbar-nav > li > a#ActivitiesDropdown:hover, .navbar .navbar-nav > li > a#ActivitiesDropdown[aria-expanded="true"], .bkg-dark .navbar .navbar-nav > li > a#ActivitiesDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#ActivitiesDropdown[aria-expanded="true"] {
    border-bottom-color: #eda41c;
}

.navbar .navbar-nav > li > a#EmploymentDropdown:hover, .navbar .navbar-nav > li > a#EmploymentDropdown[aria-expanded="true"] {
    border-bottom-color: #7650A0;
}

.bkg-dark .navbar .navbar-nav > li > a#EmploymentDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#EmploymentDropdown[aria-expanded="true"] {
    border-bottom-color: #9e69e0;
}

.navbar .navbar-nav > li > a#FinancesDropdown:hover, .navbar .navbar-nav > li > a#FinancesDropdown[aria-expanded="true"] {
    border-bottom-color: #369746;
}

.bkg-dark .navbar .navbar-nav > li > a#FinancesDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#FinancesDropdown[aria-expanded="true"] {
    border-bottom-color: #42b252;
}

.navbar .navbar-nav > li > a#FacilitiesDropdown:hover, .navbar .navbar-nav > li > a#FacilitiesDropdown[aria-expanded="true"] {
    border-bottom-color: #009190;
}

.bkg-dark .navbar .navbar-nav > li > a#FacilitiesDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#FacilitiesDropdown[aria-expanded="true"] {
    border-bottom-color: #01c4c1;
}

.navbar .navbar-nav > li > a#ServicesDropdown:hover, .navbar .navbar-nav > li > a#ServicesDropdown[aria-expanded="true"] {
    border-bottom-color: #72037c;
}

.bkg-dark .navbar .navbar-nav > li > a#ServicesDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#ServicesDropdown[aria-expanded="true"] {
    border-bottom-color: #ce49dd;
}

.navbar .side-navbar-nav.navbar-nav > li > a, .navbar .side-navbar-nav.navbar-nav > li > a:hover, .navbar .side-navbar-nav.navbar-nav > li > a[aria-expanded="true"] {
    border-bottom: 0px;
}

    .navbar .side-navbar-nav.navbar-nav > li > a:hover, .search-link:hover {
        opacity: 0.6;
    }

.mega-dropdown {
    position: static !important;
}

.bkg-dark .dropdown-menu {
    background: #282828;
}

.dropdown-menu {
    padding: 10px 0px 20px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    border: 0;
}

.mega-dropdown-menu {
    width: 100%;
}

.dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

    .dropdown-menu > li > ul > li {
        list-style: none;
    }

.dropdown-menu a {
    display: block;
    padding: 5px 24px;
    clear: both;
    font-weight: bold;
    line-height: 1.428571429;
    color: #494949;
    white-space: normal;
    text-decoration: none;
}

.bkg-dark .dropdown-menu a {
    color: rgba(255, 255, 255, 0.7);
}

.dropdown-menu a:hover, .dropdown-menu a:focus {
    text-decoration: none;
    color: #444;
    background-color: #f5f5f5;
}

.bkg-dark .dropdown-menu a:hover, .bkg-dark .dropdown-menu a:focus {
    background-color: rgba(255, 255, 255, 0.1);
}

.dropdown-menu .dropdown-header {
    color: #fff;
    background-color: #999;
    border-radius: 10px;
    font-size: 18px;
    font-weight: bold;
    padding: 0.3rem 1.5rem 0.3rem 10px;
    white-space: normal;
}

.bkg-dark .dropdown-menu .dropdown-header {
    background-color: #8F8F94;
}

.dropdown-menu .dropdown-header .icon1-pcclogo:before {
    padding-top: 8px;
}

.mega-dropdown-menu form {
    margin: 3px 20px;
}

.mega-dropdown-menu .form-group {
    margin-bottom: 3px;
}

.nav-link .icon1-pcclogo {
    overflow: hidden;
}

.UserImg {
    width: 26px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    overflow: hidden;
    border-radius: 5px;
    background: #d3d5d8;
    border: 2px solid #d3d5d8;
}

    .UserImg img {
        margin: -2px 0px;
        width: 26px;
    }

    .UserImg.imgUser2 {
        width: 46px;
        border-radius: 10px;
    }

        .UserImg.imgUser2 img {
            width: 46px;
        }

.navbar-nav li .mobile-only {
    display: none;
}

@media (max-width:1075px) {
    .navbar .navbar-nav > li > a {
        font-size: 0.85em;
    }
}

@media (max-width:1199px) {
    .navbar-brand {
        margin-left: 12px;
    }

    .Logo {
        display: block;
        margin: auto;
    }

    .Patriotic-logo {
        margin: -20px auto -10px auto !important;
    }

    .UserImg {
        margin-right: 5px;
    }

    .navbar-nav li {
        background: #494949;
    }

        .navbar-nav li .mobile-only {
            display: inline-block;
        }

    .navbar .navbar-nav > li > a {
        text-align: left;
        font-size: inherit;
        width: 100%;
        display: block;
        padding: .5rem 1rem;
        margin-bottom: 0;
    }

        .navbar .navbar-nav > li > a, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a[aria-expanded="true"] {
            border-bottom: 0px;
        }

            .navbar .side-navbar-nav.navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a[aria-expanded="true"] {
                opacity: 0.6;
            }

            .navbar .navbar-nav > li > a i {
                width: 30px;
            }

    .navbar-nav > li > .dropdown-menu {
        position: static;
    }

    .nav-link .icon1-pcclogo {
        margin-bottom: inherit;
        margin-top: inherit;
        display: inline-block;
    }

        .nav-link .icon1-pcclogo:before {
            line-height: 0.7;
        }

    .nav-labels br {
        display: none;
    }
}

.icon-sidenav i {
    width: 25px;
}

i.icon50-50yearbadge {
    font-size: .9rem;
}
/*************** Sub Navbar ******************/

nav.subnav {
    border-radius: 10px;
}

.navbar-toggler.subnavbar-toggler {
    font-size: 1.15em;
    position: relative;
    width: 100% !important;
    background: transparent !important;
    border: 0px !important;
}

    .navbar-toggler.subnavbar-toggler[aria-expanded="false"] .fas.fa-chevron-up, .navbar-toggler.subnavbar-toggler[aria-expanded="true"] .fas.fa-chevron-down {
        display: none;
    }

@media (max-width: 1199px) {
    nav.subnav .navbar-nav li {
        background: transparent;
    }
}

/*************** blocks ******************/
.special-block, .ui-dialog, .modal-content, .Scholarship, .alert {
    height: 100%;
    background: #fff;
    border-radius: 10px;
    color: #494949;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    padding: 20px;
    border: 0px;
}

.modal-content {
    padding: 20px 0;
}

.special-block.border-block {
    border-left: 10px solid #999;
}

.bkg-dark .special-block, .bkg-dark .card, .bkg-dark .ui-dialog, .bkg-dark .modal-content, .bkg-dark .Scholarship, .bkg-dark .alert {
    background: #494949;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.white-block {
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    color: #494949;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    padding: 20px;
}

.bkg-dark .white-block {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.card.height-match {
    height: 100%;
}

.special-block .card {
    background: rgba(0, 0, 0, 0.075);
}

.bkg-dark .special-block .card {
    background: rgba(255, 255, 255, 0.1);
}

.special-block .special-block, .special-block .white-block, .white-block .special-block, .white-block .white-block, .item-content .white-block, #FacilitiesTimeLocation .white-block table, #FacilitiesTimeLocation .special-block table, .white-block #FacilitiesTimeLocation table, .special-block #FacilitiesTimeLocation table, #FacilitiesTimeLocation table .white-block, #FacilitiesTimeLocation table .special-block, .form-group.white-block, .tab-pane .special-block, .card .white-block, .ui-widget-content .white-block, .care-card .special-block, .care-card .white-block {
    box-shadow: none;
    background: rgba(0, 0, 0, 0.075);
    padding: 10px 20px;
}

.bkg-dark .special-block .special-block, .bkg-dark .special-block .white-block, .bkg-dark .white-block .special-block, .bkg-dark .white-block .white-block, .bkg-dark .item-content .white-block, .bkg-dark #FacilitiesTimeLocation .white-block table, .bkg-dark #FacilitiesTimeLocation .special-block table, .bkg-dark .white-block #FacilitiesTimeLocation table, .bkg-dark .special-block #FacilitiesTimeLocation table, .bkg-dark #FacilitiesTimeLocation table .white-block, .bkg-dark #FacilitiesTimeLocation table .special-block, .bkg-dark .form-group.white-block, .bkg-dark .tab-pane .special-block, .bkg-dark .card .white-block, .bkg-dark .ui-widget-content .white-block, .bkg-dark .care-card .special-block, .bkg-dark .care-card .white-block {
    box-shadow: none;
    background: rgba(255, 255, 255, 0.1);
}

.special-block .special-block .special-block, .special-block .special-block .white-block, .special-block .white-block .white-block, .special-block .white-block .special-block, .white-block .white-block .white-block, .white-block .white-block .special-block, .white-block .special-block .white-block, .care-card .special-block .special-block, .care-card .special-block .white-block, .care-card .white-block .white-block, .care-card .white-block .special-block {
    background: transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 5px 10px;
    margin: 0px 20px;
}

.bkg-dark .special-block .special-block .special-block, .bkg-dark .special-block .special-block .white-block, .bkg-dark .special-block .white-block .white-block, .bkg-dark .special-block .white-block .special-block, .bkg-dark .white-block .white-block .white-block, .bkg-dark .white-block .white-block .special-block, .bkg-dark .white-block .special-block .white-block, .bkg-dark .care-card .special-block .special-block, .bkg-dark .care-card .special-block .white-block, .bkg-dark .care-card .white-block .white-block, .bkg-dark .care-card .white-block .special-block  {
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.collapsable-section.white-block, .collapsable-section.special-block, .ui-dialog, .modal-content, .Scholarship {
    height: auto;
}

.special-block h2:first-of-type, .special-block h3:first-of-type, .special-block h4:first-of-type, .white-block h2:first-of-type, .white-block h3:first-of-type, .white-block h4:first-of-type {
    margin-top: 0;
}

.special-block .white-block-bottom-link {
    position: relative;
    padding-bottom: 80px;
}

.white-block .white-block .title-block { 
	margin: -10px -20px 20px !important;
}

.white-block .special-block .title-block { 
	margin: -10px -20px 20px !important;
}

.no-shadow {
    box-shadow: 0px 0px 0px rgb(0 0 0 / 0%) !important;
}

.banner-bottom, .bkg-dark .banner-bottom {
    align-self: flex-end !important;
    background-color: #00568d;
    text-align: center;
    padding: 15px !important;
    border-radius: 0 0 10px 10px;
    color: #fff;
    text-decoration: none;
    margin-bottom: 0px !important;
    margin-top: auto;
    width: 100%;
    font-size: 1.25em;
}

.banner-top, .bkg-dark .banner-top {
    align-self: flex-start !important;
    background-color: #00568d;
    text-align: center;
    padding: 15px !important;
    border-radius: 10px 10px 0 0;
    color: #fff;
    text-decoration: none;
    margin-top: 0px !important;
    width: 100%;
}

.banner-button:hover {
    text-decoration: underline;
    color: #ffffff;
}

.special-banner-block-top {
    padding: 0px !important;
    display: flex;
    flex-direction: column !important;
}

.special-banner-block-bottom {
    padding: 18px 0px 0px 0px !important;
    display: flex;
    flex-direction: column !important;
}

.special-banner-block table {
    background: none !important;
}


/* Just for /registration/info/guidetocreatingclassschedule.aspx page */
.special-block .white-block-bottom-link-reg {
    position: relative;
    padding-bottom: 15px;
}

.special-block.special-block-ends {
    margin-bottom: 0 !important;
    border-radius: 10px 10px 0px 0px;
}

.special-block.special-block-middles {
    border-radius: 0px 0px 10px 10px;
}

.special-block.special-block-ends + .special-block.special-block-middles {
    border-radius: 0;
}

.bottom-link {
    position: absolute;
    bottom: 5px;
    left: 0px;
    right: 0px;
}

.title-block, .ui-dialog-titlebar {
    text-align: center;
    padding: 10px;
    background: #79797a;
    border-radius: 10px 10px 0 0;
    color: #FFCC02;
    margin: -20px -20px 20px;
    border: 0px;
}

    .title-block h2, .ui-dialog-titlebar .ui-dialog-title {
        color: #fff;
        margin-top: 0;
    }

    .title-block h3 {
        color: #FFCC02;
        margin-top: 0;
    }

        .title-block h3, .title-block h3 a {
            color: #FFCC02;
            margin-top: 0;
        }

    .title-block.title-block-career {
        text-align: center;
        padding: 10px;
        background: #70BF45;
        border-radius: 10px 10px 0 0;
        color: #ffffff;
        margin-right: 0px !important;
        margin-left: 0px !important;
        margin-bottom: 0px !important;
        margin-top: -18px !important;
        border: 0px;
    }

.bkg-dark .title-block, .bkg-dark .ui-dialog-titlebar {
    background: rgba(255, 255, 255, 0.1);
}

.footer-block {
    padding: 20px;
    border-radius: 0 0 10px 10px;
    margin: 20px -20px -20px;
    border: 0;
    border-top: 1px solid #ccc;
}

.Outing.special-block {
    background: rgba(255, 255, 255, 0.5);
}

.bkg-dark .Outing.special-block {
    background: #494949;
}

.Outing .title-block {
    background: #fff;
    text-align: left;
}

    .Outing .title-block h2 {
        color: #000;
    }

.alert, .bkg-dark .alert {
    box-shadow: none;
}

    .alert p:last-of-type {
        margin-bottom: 0;
    }

    .alert h2, .alert h3 {
        margin-top: 0;
    }

    .alert.alert-success {
        background-color: #d4edda;
        border: 2px solid rgba(21, 87, 37, 0.2);
    }

        .alert.alert-success, .alert.alert-success h2, .alert.alert-success h3 {
            color: #155724;
        }

    .bkg-dark .alert.alert-success {
        background-color: rgba(21, 87, 37, 0.4);
        border: 2px solid rgba(212, 237, 218, 0.2);
    }

        .bkg-dark .alert.alert-success, .bkg-dark .alert.alert-success h2, .bkg-dark .alert.alert-success h3, .bkg-dark .alert.alert-success .alert-link {
            color: #d4edda;
        }

.special-block-outline {
    height: 100%;
    border: 2px solid #494949;
    border-radius: 10px;
    padding: 20px;
}



.monitored {
    font-weight: bold;
    background-color: #39b54a;
    border: 1px solid #39b54a;
    border-radius: 5px;
    padding: 2px 3px;
    font-size: 12px;
    color: #494949 !important;
}

.guarded {
    font-weight: bold;
    background-color: #ffcb05;
    border: 1px solid #ffcb05;
    border-radius: 5px;
    padding: 2px 3px;
    font-size: 12px;
    color: #494949 !important;
}

.covid-container {
    background-color: #c4e1e6ac;
    border: 1px solid #c4e1e6ac;
    padding: 10px;
    margin-bottom: 20px;
}

    .covid-container p {
        margin-bottom: 0px;
    }

.bkg-dark .covid-container {
    background-color: #36374f;
    border: 1px solid #36374f;
}

    .bkg-dark .covid-container p {
        color: #fff !important;
    }

    .bkg-dark .covid-container .yellow {
        color: #ffcb05;
    }

.covid-container .yellow {
    color: #494949;
}

.bkg-dark .covid-container .green {
    color: #39b54a;
}

.covid-container .green {
    color: #494949;
}

.covid-block .item-content {
    background-color: #033A91;
    border-top: 20px solid #39b54a;
    color: #ffffff;
}

    .covid-block .item-content a {
        color: #ffffff;
        text-decoration: none;
    }

        .covid-block .item-content a:hover {
            color: #ededed;
        }

.easter-block .item-content {
    background-color: #C2AFF0;
    border-top: 20px solid #7932AC;
    color: #FBFBFF;
}

    .easter-block .item-content a {
        color: #FBFBFF;
        text-decoration: none;
    }

        .easter-block .item-content a:hover {
            color: #FBFBFF;
        }

.alert.covid-alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: .25rem;
}

    .alert.covid-alert .white-block {
        color: inherit;
    }

.alert-danger.covid-alert {
    color: #721c24;
    background-color: #f8d7da;
}

.bkg-dark .alert-danger.covid-alert {
    color: #f8d7da;
    background-color: #721c24;
}

    .bkg-dark .alert-danger.covid-alert .alert-link {
        color: #f8d7da;
    }

.alert-success.covid-alert {
    color: #155724;
    background-color: #d4edda;
}

.bkg-dark .alert-success.covid-alert {
    color: #d4edda;
    background-color: rgba(21, 87, 37, 0.4);
}

    .bkg-dark .alert-success.covid-alert .alert-link {
        color: #d4edda;
    }

.alert-warning.covid-alert {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.bkg-dark .alert-warning.covid-alert {
    background: #936604;
    color: #fff;
}

    .bkg-dark .alert-warning.covid-alert .alert-link {
        color: #fff3cd;
    }

@media print {
    .alert-success.covid-alert, .alert-success.covid-alert h2, .alert-success.covid-alert h3, .alert-success.covid-alert .alert-link {
        color: #155724 !important;
        background-color: #d4edda !important;
    }

    .alert-danger.covid-alert, .alert-danger.covid-alert h2, .alert-danger.covid-alert h3, .alert-danger.covid-alert .alert-link {
        color: #721c24 !important;
        background-color: #f8d7da !important;
    }

    .alert-warning.covid-alert, .alert-warning.covid-alert h2, .alert-warning.covid-alert h3, .alert-warning.covid-alert .alert-link {
        color: #856404 !important;
        background-color: #fff3cd !important;
    }
}

.yellowcolor {
    background-color: #fff3cd !important;
    padding: 1px 3px;
}

.bkg-dark .yellowcolor {
    background: #936604 !important;
    color: #fff;
}

.bluecolor {
    background-color: #d1ecf1 !important;
    color: #0c5460;
    padding: 1px 3px;
}

.bkg-dark .bluecolor {
    background-color: #17a2b8 !important;
    color: #fff;
}

#FacilitiesTimeLocation table tr.yellowcolor {
    background-color: #fff3cd;
}

.bkg-dark #FacilitiesTimeLocation table tr.yellowcolor {
    background: #936604;
    color: #fff;
}


.alert.special-homepage-alert {
    margin-top: -10px;
    margin-bottom: -10px;
    border-radius: 0;
    background: #CCCCCC;
    color: #494949 !important;
}

    .alert.special-homepage-alert h2 {
        color: #494949 !important;
    }

    .alert.special-homepage-alert a, .bkg-dark .alert.special-homepage-alert a {
        color: #00568d;
    }

        .alert.special-homepage-alert a:hover, .bkg-dark .alert.special-homepage-alert a:hover {
            color: #000;
        }

    .alert.special-homepage-alert .ServicesImg img {
        border: 2px solid #00568d;
    }

    .alert.special-homepage-alert .button {
        border: 2px solid #494949;
        color: #494949;
    }

        .alert.special-homepage-alert .button:hover {
            background: #ffca91;
        }
/*************** Quotes/Verses ******************/

blockquote {
    border: 0;
    padding: 10px;
    background: none;
    color: gray;
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    z-index: 6;
    text-align: center;
}

.bkg-dark blockquote {
    color: lightgray;
}

blockquote p {
    color: #75808a;
    line-height: 1.4 !important;
    max-width: 100%;
}

.bkg-dark blockquote p {
    color: lightgray;
}

blockquote p:before {
    content: '\201C';
    font-family: Georgia, serif;
    color: rgba(73,73,73,0.2);
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.3em;
    left: -.2em;
    text-shadow: none;
    z-index: -3;
}

.bkg-dark blockquote p:before {
    color: rgba(173,173,173,0.2);
}

cite {
    color: gray;
    display: block;
    font-size: .8em;
    text-align: center;
}

.bkg-dark cite {
    color: lightgray;
}



/*************** Links and Buttons ******************/
a, .a {
    color: #00568d;
    font-weight: bold;
    text-decoration: underline;
}

.summer-links {
    text-decoration: none;
}

.bkg-dark a, .bkg-dark .a {
    color: #75bdf4;
}

:focus {
    outline: none;
}

a:hover, .a:hover {
    color: #000;
}

.bkg-dark a:hover, .bkg-dark .a:hover {
    color: #fff !important;
}

a:after {
    text-decoration: none;
}

a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

a[href^="http://"]:after, a[href^="https://"]:after, a[href*="redirect"]:after, a[href*="/collegian/"]:after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f08e';
    color: #e2b100;
    margin-left: 3px;
    font-size: 0.6em;
    font-weight: 900;
}

a[href^="http://eaglesnest"]:after, a[href^="https://eaglesnest"]:after, a[href^="http://test.eaglesnest"]:after, a[href^="https://test.eaglesnest"]:after {
    content: '';
}

a[href^="mailto:"]:after {
    font-family: 'Font Awesome 6 Pro';
    content: '\f0e0';
    color: #e2b100;
    margin-left: 3px;
    font-size: 0.6em;
    font-weight: 900;
}

a[href*="redirect"]:after {
    content: '\f08e';
    font-weight: 900;
}

a.InternalLink:after {
    display: none;
}
/*
a[href*="Download"]:before, a[href*="download"]:before {
    font-family: 'Font Awesome 6 Pro';
    content: '\f063';
    margin-right: 8px;
    display: inline-block;
    font-weight: 900;
}*/

a[href*="DownloadCenter"]:before, a[href*="downloadcenter"]:before {
    display: none;
}

.flexslider a[href*="Download"]:before, .flexslider a[href*="download"]:before {
    display: none;
}

a[href*=".pdf"]:after {
    content: ' (PDF)';
    font-size: 0.6em;
    color: #e2b100;
    font-weight: bold;
}

a[href*=".doc"]:after, a[href*=".docx"]:after, a[href*=".dot"]:after {
    content: ' (DOC)';
    font-size: 0.6em;
    color: #e2b100;
    font-weight: bold;
}

.btn, button, .button, input[type="button"], input[type="submit"], input[type="submit"].btn.btn-normal, input[type="reset"], input[type="file"], .x-btn button, .btn-sm, .fc .fc-state-default, .ui-button, .ui-dialog .ui-dialog-buttonpane button,
.fc button.fc-button {
    padding: 10px 20px;
    border: 2px solid #494949;
    color: #494949;
    border-radius: 10px;
    background: transparent;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !important;
    font-weight: bold;
    white-space: normal;
    text-decoration: none;
    display: inline-block;
    margin: 10px auto;
    height: auto !important;
    font-size: inherit;
}

.button-yellow {
    border: 2px solid #494949;
    color: #494949;
    background: #FFCB03;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !important;
    font-weight: bold;
    white-space: normal;
    text-decoration: none;
    display: inline-block;
    margin: 10px auto;
    height: auto !important;
}

.button-blue {
    border: 2px solid #00558e;
    color: #ffffff;
    background-color: #00558e;
    padding: 10px 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !important;
    font-weight: bold;
    white-space: normal;
    text-decoration: none;
    display: inline-block;
    margin: 10px auto;
    height: auto !important;
}

    .button-blue:hover {
        background: transparent;
        color: #00558e;
    }

.bkg-dark .btn, .bkg-dark button, .bkg-dark .button, .bkg-dark input[type="button"], .bkg-dark input[type="submit"], .bkg-dark input[type="submit"].btn.btn-normal, .bkg-dark input[type="reset"], .bkg-dark input[type="file"], .bkg-dark .x-btn button, .bkg-dark .btn-sm, .bkg-dark .fc .fc-state-default, .bkg-dark .ui-button, .bkg-dark .ui-dialog .ui-dialog-buttonpane button,
.bkg-dark .fc button.fc-button {
    border: 2px solid #ccc;
    color: #ccc;
    background: transparent;
    background-repeat: no-repeat;
}

.btn-chevron-container input[type="submit"].btn-chevron{
    margin: 0px;
}
.btn-chevron-container:after{
    -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: var(--fa-display, inline-block);
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-rendering: auto;    
      font-family: "Font Awesome 6 Pro";
      font-weight: 900;
      content: "\f054";
      margin-left: -37px;
      position: relative;
      z-index: 19;
      color: #494949;
  }
  .bkg-dark .btn-chevron-container:after{
    color: #ccc;}

  input[type="submit"].btn.btn-normal.btn-chevron{
    padding-right:35px;
    position: relative;
    z-index: 20;
  }
@media (max-width:300px){
    .btn-chevron-container:after{
        display: none;
    }

}


.bkg-dark .button-blue {
    color: #ffffff;
}

.btn-highlight {
    background-color: #00568d;
    border-radius: 10px;
}

    .btn-highlight:hover {
        background-color: #ffcc04;
        border-radius: 10px;
    }

        .btn-highlight:hover a {
            color: #fff !important;
            border-bottom: 4px solid transparent !important;
        }

#preregSubMenu .btn-highlight {
    background-color: #F8920F;
}

    #preregSubMenu .btn-highlight:hover {
        background-color: #0CABB6;
    }

@media (max-width: 1199px) {
    .btn-highlight {
        background-color: #00568d !important;
    }

    #preregSubMenu .btn-highlight {
        background-color: #F8920F;
    }
}

.navbar-toggler:active, .navbar-toggler:hover {
    color: #fff !important;
}

.navbar-toggler i {
    transition: all .3s ease-in-out;
}

.navbar-toggler[aria-expanded="true"] i {
    transform: rotate(-180deg);
    transition: all .3s ease-in-out;
}
/* Facilities Blocks */
.facilities-blocks .card {
    border: none;
    display: flex;
    flex-direction: column;
}

    .facilities-blocks .card .button {
        align-self: flex-end !important;
        text-align: center;
        margin-top: auto;
        margin-bottom: 25px;
    }

.facilities-blocks .card-body {
    padding-bottom: 0px !important;
}

.facility .card {
    border-left: solid 20px #009190;
}

.academic-facilities .card {
    border-left: solid 20px #7C1416;
}

.offices .card {
    border-left: solid 20px #359745;
}

.auditoriums .card {
    border-left: solid 20px #72027C;
}

.dining .card {
    border-left: solid 20px #E17226;
}

.recreation .card {
    border-left: solid 20px #EDA41B;
}

.shopping .card {
    border-left: solid 20px #4BB3D9;
}

/* PCC Care */
.care-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    height: 100%;
    border: 0px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.bkg-dark .care-card {
    background: #494949;
    color: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 50%);
}

.care-card .card-img-top {
    border-radius: 10px 10px 0 0;
}

.care-card-header {
    color: #fff;
    margin-bottom: 20px;
}

.card-img-top-lg:hover {
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 10px 15px rgba(38, 38, 38, 0.2);
    border-radius: 10px;
}

@media screen and (min-width: 992px) {
    .card-img-top-lg .care-card-header {
        background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-thin.png);
    }
}

@media screen and (max-width: 992px) {
    .card-img-top-lg .care-card-header {
        background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-square.png);
    }
}

@media screen and (max-width: 768px) {
    .card-img-top-lg .care-card-header {
        background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png);
    }
}

@media screen and (max-width: 425px) {
    .card-img-top-lg .care-card-header {
        background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-square.png);
    }
}

.academics-care.card-img-top-lg .care-card-header {
    background-color: #676767;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-thin.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.financial-care.card-img-top-lg .care-card-header {
    background-color: #00303c;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.career-care.card-img-top-lg .care-card-header {
    background-color:#19315d ;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.disability-care.card-img-top-lg .care-card-header {
    background-color: #3a0001;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.parent-care.card-img-top-lg .care-card-header {
    background-color: #354e34;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.bible-care.card-img-top-lg .care-card-header {
    background-color: #989fa3;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.mentors-care.card-img-top-lg .care-card-header {
    background-color: #3c344e;
    /* background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay-lg.png); */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.academics-care.card-img-top .care-card-header {
    background-color: #676767;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.financial-care.card-img-top .care-card-header {
    background-color: #00303c;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.career-care.card-img-top .care-card-header {
    background-color: #19315d;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.disability-care.card-img-top .care-card-header {
    background-color: #3a0001;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.parent-care.card-img-top .care-card-header {
    background-color: #354e34;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}
.bible-care.card-img-top .care-card-header {
    background-color: #989fa3;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

.mentors-care.card-img-top .care-card-header {
    background-color: #3c344e;
    background-image: url(https://static.pcci.edu/eaglesnest/images/interiorpage/pageheaders/pcc-care/pcc-care-overlay.png);
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}

/* Facilities Buttons */
.btn-facility, .bkg-dark .btn-facility {
    color: #ffffff;
    background-color: #009190;
    border-color: #009190;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-facility:hover {
        color: #009190 !important;
        background-color: transparent !important;
        border-color: #009190;
    }

.btn-shopping, .bkg-dark .btn-shopping {
    color: #ffffff;
    background-color: #4BB3D9;
    border-color: #4BB3D9;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-shopping:hover {
        color: #4BB3D9 !important;
        background-color: transparent !important;
        border-color: #4BB3D9;
    }

.btn-dining, .bkg-dark .btn-dining {
    color: #ffffff;
    background-color: #E17226;
    border-color: #E17226;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-dining:hover {
        color: #E17226 !important;
        background-color: transparent !important;
        border-color: #E17226;
    }

.btn-recreation, .bkg-dark .btn-recreation {
    color: #ffffff;
    background-color: #EDA41B;
    border-color: #EDA41B;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-recreation:hover {
        color: #EDA41B !important;
        background-color: transparent !important;
        border-color: #EDA41B;
    }

.btn-offices, .bkg-dark .btn-offices {
    color: #ffffff;
    background-color: #359745;
    border-color: #359745;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-offices:hover {
        color: #359745 !important;
        background-color: transparent !important;
        border-color: #359745;
    }

.btn-academic-facilities, .bkg-dark .btn-academic-facilities {
    color: #ffffff;
    background-color: #7C1416;
    border-color: #7C1416;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-academic-facilities:hover {
        color: #7C1416 !important;
        background-color: transparent !important;
        border-color: #7C1416;
    }

.btn-auditoriums, .bkg-dark .btn-auditoriums {
    color: #ffffff;
    background-color: #72027C;
    border-color: #72027C;
    padding: 8px 20px;
    border-radius: 25px;
}

    .btn-auditoriums:hover {
        color: #72027C !important;
        background-color: transparent !important;
        border-color: #72027C;
    }



.btn:hover, button:hover, .button:hover, .button-yellow:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="submit"]:hover.btn.btn-normal, input[type="reset"]:hover, input[type="file"]:hover, .x-btn button:hover, a.btn:not([href]):not([tabindex]):hover, a.btn:not([href]):not([tabindex]):focus, .btn-sm:hover, .fc .fc-state-default:hover, .ui-button:hover, .ui-dialog .ui-dialog-buttonpane button:hover,
.fc button.fc-button:hover {
    color: #fff;
    background: #494949;
    text-decoration: none;
}

.btn-chevron-container:hover:after{
      z-index: 20;
  }
.btn-chevron-container:hover:after{
    color: #fff;}

  input[type="submit"]:hover.btn.btn-normal.btn-chevron{
    z-index: 19;
  }

.bkg-dark .button-yellow {
    color: #494949;
    background: #dfb407;
}

    .bkg-dark .btn:hover, .bkg-dark .button:hover, .bkg-dark .button-yellow:hover, .bkg-dark input[type="button"]:hover, .bkg-dark input[type="submit"]:hover, .bkg-dark input[type="submit"]:hover.btn.btn-normal, .bkg-dark input[type="reset"]:hover, .bkg-dark input[type="file"]:hover, .bkg-dark .x-btn button:hover, .bkg-dark a.btn:not([href]):not([tabindex]):hover, .bkg-dark a.btn:not([href]):not([tabindex]):focus, .bkg-dark .btn-sm:hover, .bkg-dark .fc .fc-state-default:hover, .bkg-dark .ui-button:hover, .bkg-dark .ui-dialog .ui-dialog-buttonpane button:hover,
    .bkg-dark .fc button.fc-button:hover {
        color: #494949 !important;
        background: #ccc;
        background-repeat: no-repeat;
    }


  .bkg-dark .btn-chevron-container:hover:after{
    color: #494949 !important;}

.btn:focus, button:focus, .button:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="file"]:focus, .x-btn button:focus, .ui-button:focus, .ui-dialog .ui-dialog-buttonpane button:focus {
    outline: none;
}

.btn.btn-small, .x-btn-noicon .x-btn-small, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"], .btn-sm, .fc .fc-state-default, .ui-button, .ui-dialog .ui-dialog-buttonpane button {
    padding: 5px 20px;
    margin: auto;
    font-size: 0.75em;
}

.button.inverted {
    color: #fff;
    background: #494949;
    text-decoration: none;
}

    .button.inverted:hover {
        color: #fff;
        background: #494949;
        text-decoration: none;
    }

.bkg-dark.button.inverted {
    color: #fff;
    background: #494949;
    text-decoration: none;
}

    .bkg-dark.button.inverted:hover {
        color: #fff;
        background: #494949;
        text-decoration: none;
    }

.ui-dialog .ui-dialog-buttonpane button {
    margin: 2px;
}

.x-btn-text-icon .x-btn-icon-small-left .x-btn-text {
    padding: 10px 20px 10px 35px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.x-btn-text-icon:hover .x-btn-icon-small-left .x-btn-text {
    padding: 10px 20px 10px 35px;
    background-position: 10px center;
    background-repeat: no-repeat;
}

.ext-gecko .x-btn button, .ext-webkit .x-btn button {
    padding-left: 10px;
    padding-right: 10px;
}

a.no-after:after {
    display: none;
}

.ui-dialog-titlebar.ui-widget-header .ui-state-default {
    background: rgba(0, 0, 0, 0.5);
    color: #ccc;
    padding: 0 15px;
    text-align: center;
    margin: -17px 0 0 0;
    border-radius: 10px;
}

.block-link a {
    text-decoration: none !important;
}

    .block-link a:hover .special-block {
        opacity: 0.75;
    }

.button.btn.btn-medium {
    font-size: 1.5em;
}

.button.btn.btn-large {
    font-size: 2em;
}

.updated-link {
    position: relative;
}

    .updated-link:before {
        position: absolute;
        content: "\f31a";
        margin-right: 5px;
        font-family: "Font Awesome 6 Pro";
        left: -38px;
        color: #ffc107;
    }

/*************** Youtube Videos ******************/
.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

/*************** Message Sliders ******************/
.messagesnav {
    position: relative;
}

    .messagesnav button {
        position: absolute;
        top: 30px;
        padding: 4px 8px;
        opacity: .8;
        border-radius: 4px;
    }

        .messagesnav button:hover {
            opacity: 1;
        }

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

.message {
    background: transparent !important;
}

.message-avatar .personal-Img img {
    max-width: 40px;
}

.message hr {
    margin-top: 0.5rem;
    border-top: 2px solid #e8e8e8;
    margin-right: -20px;
    margin-left: -20px;
}

.bkg-dark .message hr {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.message-body__content {
    max-height: 300px;
    overflow-y: auto;
}

@media (max-width:767px) {

    .message-body__content {
        max-height: 100%;
    }
}

/*************** Tabs ******************/
nav .nav-tabs .nav-link {
    text-decoration: none;
    border: 0;
}

nav .nav-tabs .nav-link, .navbar-nav .nav-link {
    cursor: pointer;
}

    nav .nav-tabs .nav-link.active, nav .nav-tabs .nav-item.ui-state-active .nav-link {
        cursor: default;
    }

nav .nav-tabs .nav-link {
    text-decoration: none;
    border: 0;
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    background-color: rgba(255, 255, 255, 0.3);
}

.bkg-dark .nav-tabs .nav-link:hover, .bkg-dark .nav-tabs .nav-link:focus {
    background-color: rgba(73, 73, 73, 0.3);
}

nav .nav-tabs .nav-link.active, nav .nav-tabs .nav-item.show .nav-link, nav .nav-tabs .nav-item.ui-state-active .nav-link {
    color: #494949;
    background-color: rgba(255, 255, 255, 1);
}

.bkg-dark nav .nav-tabs .nav-link.active, .bkg-dark nav .nav-tabs .nav-item.show .nav-link, .bkg-dark nav .nav-tabs .nav-item.ui-state-active .nav-link {
    color: #e8e8e8;
    background-color: #494949;
}

.bkg-dark .nav-tabs {
    border-bottom: 1px solid #494949;
}

.tab-pane {
    background: #fff;
    padding: 10px 0px 20px;
    border-radius: 0px 0px 10px 10px;
}

.bkg-dark .tab-pane {
    background-color: #494949;
}

.tab-pane .actions {
    padding: 5px 20px;
}
/*************** Breadcrumb Dot Indicators with Steps Counter  ******************/

.BreadcrumbContainer, .BreadcrumbBody {
    margin: 1em auto;
    border-radius: .25em;
    background-color: transparent;
    padding: 0;
    text-align: center;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 10;
}
.BreadcrumbContainer::before,
.BreadcrumbBody::before,
.BreadcrumbBar {
  content: "";
  position: absolute;
  top: 25px;
  left: 0; 
  right: 0; 
  margin: 0 auto; 
  transform: translateY(-50%);
  height: 2px;
  width: 90%;
  background-color: #494949;
  z-index: 9;
}
.bkg-dark .BreadcrumbContainer::before,
.bkg-dark .BreadcrumbBody::before,
.bkg-dark .BreadcrumbBar {
    background-color: #dcdcdc;
}

    .BreadcrumbContainer .Breadcrumb, .BreadcrumbBody .Breadcrumb {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        font-size: 0.85rem;
        z-index: 10;
        align-items:top;
    }

        .BreadcrumbContainer .Breadcrumb .BreadcrumbNumber, .BreadcrumbBody .BreadcrumbNumber {
            padding:0.85rem 1.35rem;
            border-radius: 50%;
            margin-bottom: 5px;
        }

        .BreadcrumbContainer .Breadcrumb .BreadcrumbNumber, .BreadcrumbContainer .Breadcrumb.Breadcrumb_Current .BreadcrumbNumber, .BreadcrumbBody .Breadcrumb .BreadcrumbNumber, .BreadcrumbBody .Breadcrumb.Breadcrumb_Current .BreadcrumbNumber {
            color: #fff;
            background-color: #00568d;
        }

.bkg-dark .BreadcrumbContainer .Breadcrumb .BreadcrumbNumber, .bkg-dark .BreadcrumbContainer .Breadcrumb.Breadcrumb_Current .BreadcrumbNumber, .bkg-dark .BreadcrumbBody .Breadcrumb .BreadcrumbNumber, .bkg-dark .BreadcrumbBody .Breadcrumb.Breadcrumb_Current .BreadcrumbNumber {
    color: #494949;
    background-color: #75bdf4;
}

.BreadcrumbContainer .Breadcrumb.Breadcrumb_Uncompleted .BreadcrumbNumber, .BreadcrumbBody .Breadcrumb.Breadcrumb_Uncompleted .BreadcrumbNumber {
    color: #fff;
    background-color: #494949;
}


@media (max-width:767px){ 
    .BreadcrumbContainer, .BreadcrumbBody {
        flex-wrap: wrap;
    }
    .BreadcrumbContainer::before,
    .BreadcrumbBody::before,
    .BreadcrumbBar {
        display: none;
    }
    .BreadcrumbContainer .Breadcrumb, .BreadcrumbBody .Breadcrumb{
        width:30%;
        margin-bottom: 10px;
    }
}
/*************** Aside  ******************/
aside a {
    display: block;
}
/*************** Collapsables ******************/
.collapsable-section a {
    text-decoration: none;
}

    .collapsable-section a[aria-expanded="true"] i.fa-chevron-down {
        display: none;
    }

    .collapsable-section a[aria-expanded="false"] i.fa-chevron-up {
        display: none;
    }

.ToggleContent {
    display: none;
}
/*************** Forms ******************/
.form-container {
    padding: 10px 20px;
    border: solid #ccc;
    border-width: 10px 1px 10px 1px;
    border-radius: 10px;
    background-color: #e8e8e8 !important;
}

.registrationForm .expander {
    background-color: #e8e8e8 !important;
}

.bkg-dark .registrationForm .expander {
    background-color: #121212 !important;
}

.bkg-dark .form-container {
    border-color: #c2c2c2;
    background-color: #121212 !important;
}

.form-container .form-section {
    padding: 20px 0px;
    border-bottom: 2px solid #ccc;
}

.bkg-dark .form-container .form-section {
    border-bottom: 2px solid #c2c2c2;
}

.form-container .form-section:first-of-type {
    padding: 0px 0px 20px;
}

.form-container .form-section:last-of-type {
    padding: 20px 0px 0px;
    border-bottom: 0px;
}

.form-check-input:disabled ~ .form-check-label {
    color: #6c757d;
    opacity: .5;
}

input[type="checkbox"], input[type="radio"] {
    min-width: 20px;
}

.input-group-text {
    color: #494949;
    background-color: #D2D3D4;
    border: 1px solid #D2D3D4;
    border-radius: 10px 0 0 10px !important;
}

.bkg-dark input, .bkg-dark optgroup, .bkg-dark select, .bkg-dark textarea {
    background: #494949;
}

input, .form-control {
    border: 1px solid #D2D3D4;
}

.form-control-block input {
    display: inline;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-left: 5px;
    margin-right: 5px;
}

    .form-control-block input:first-of-type {
        margin-left: 0px;
    }

    .form-control-block input:last-of-type {
        margin-right: 0px;
    }

input, input:focus {
    box-shadow: none !important;
    outline: 0px !important;
}

    input[type="checkbox"], input[type="radio"] {
        margin: 3px 5px;
        vertical-align: baseline;
        display: inline-block;
    }

    input.form-check-input[type="checkbox"], input.form-check-input[type="radio"] {
        margin: .3rem 5px 3px -1.25rem;
    }

    input[type="checkbox"] ~ label, input[type="radio"] ~ label {
        max-width: 95%;
        display: inline-block;
        vertical-align: baseline;
        margin-right: 10px;
    }

.bkg-dark .form-control, .bkg-dark .form-control-block input {
    color: #fff;
    background-color: #494949;
}

    .bkg-dark .form-control:focus, .bkg-dark .form-control-block input:focus {
        background-color: #494949;
    }

.ext-strict .ext-webkit .x-small-editor .x-form-text {
    height: auto !important;
}

.requiredField {
    font-weight: bold;
}

.styled-select {
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    width: 40px;
    overflow: hidden;
    vertical-align: top;
    background: #ffcc02;
    padding-bottom: 9px;
    padding-top: 6px;
}

    .styled-select select {
        background: transparent;
        border: none;
        width: 139px;
        color: #284491;
        padding: 2px;
    }

.AutoCompleteDropDownButton {
    border: 2px solid #d5d7d9;
    padding: 5px;
    text-align: center;
    cursor: pointer;
    margin-left: -2px;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0 10px 10px 0;
}

    .AutoCompleteDropDownButton:hover {
        border: 2px solid lightgray;
        background-color: darkgray;
    }

.ui-autocomplete {
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.bkg-dark .ui-autocomplete {
    background: #494949;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.errorField {
    color: #EE5A30;
    font-weight: 700;
}

.Validator, .ValidationSummary {
    width: 100%;
    color: #EE5A30 !important;
    font-weight: 700;
}

.Success {
    color: green;
}

.Unsubmitted {
    color: red;
}

.Pending {
    color: darkorange;
}

.Denied {
    color: red;
}

.Approved {
    color: green;
}

.SuccessMessage {
    display: none;
    color: green;
}

.disabledCheckbox {
    opacity: .5;
}

.ValidationSummary {
    width: 100%;
}

.ValidationSummary, .warningNormal {
    color: #EE5A30 !important;
    font-weight: 700;
}
/* Calendar */
.ajax__calendar .ajax__calendar_container {
    z-index: 9000;
}

.ajax__calendar .ajax__calendar_container, .ajax__calendar_body {
    width: 210px !important;
}

.bkg-dark .x-combo-list-item {
    border: 1px dotted #000;
}

.bkg-dark .x-combo-list-inner {
    background-color: #494949;
}

.bkg-dark .x-combo-list .x-combo-selected {
    background-color: #000;
    border: 1px dotted #494949 !important;
}

.x-date-picker table, .x-date-picker table tr, .x-date-picker table td, .x-date-picker table th, .x-date-picker table thead, .x-date-picker table thead th, .x-date-picker table tr:nth-of-type(odd), .x-date-picker a {
    background-color: inherit;
    color: inherit;
    margin: 0;
    padding: inherit;
    font-size: inherit;
    border: inherit;
    vertical-align: middle;
}

    .x-date-picker table thead th {
        color: #233d6d;
    }

    .x-date-picker table .x-btn button {
        border: 0 none;
        background-color: transparent;
        box-shadow: 0 0 0 0 transparent !important;
        padding-left: 3px;
        padding-right: 3px;
        cursor: pointer;
        margin: 0;
        overflow: visible;
        width: auto;
        -moz-outline: 0 none;
        outline: 0 none;
        color: #333;
    }

.x-date-middle .x-btn-mc em.x-btn-arrow {
    background: transparent no-repeat right 9px;
}

.x-date-menu .x-menu-list {
    margin: 0;
}

.custom-control {
    min-height: 3.5rem;
    padding-left: 2.5rem;
}

.custom-switch {
    padding-left: 4.25rem;
}

    .custom-switch input[type=checkbox] {
        box-sizing: border-box;
        padding: 0;
        position: absolute !important;
        z-index: -1 !important;
        opacity: 0 !important;
    }

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}

    .custom-control-label::before {
        position: absolute;
        top: -0.25rem;
        left: -3.5rem;
        display: block;
        width: 3rem;
        height: 2rem;
        pointer-events: none;
        content: "";
        background-color: #fff;
        border: #adb5bd solid 1px;
    }

.bkg-dark .custom-control-label::before {
    background-color: #494949;
}

.custom-control-label::before, .custom-file-label, .custom-select {
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.custom-switch .custom-control-label::before {
    left: -4.25rem;
    width: 3.75rem;
    pointer-events: all;
    border-radius: 1.5rem;
}

.custom-switch .custom-control-label::after {
    top: calc(-0.25rem + 2px);
    left: calc(-4.25rem + 2px);
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    background-color: #adb5bd;
    border-radius: 1.5rem;
    transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;
}

.custom-control-label::after {
    position: absolute;
    top: -0.25rem;
    left: -2.5rem;
    display: block;
    width: 2rem;
    height: 2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #007bff;
    background-color: #007bff;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
    background-color: #fff;
    -webkit-transform: translateX(1.75rem);
    transform: translateX(1.75rem);
}

.col-form-label {
    font-weight: bold;
}

.bkg-dark .form-control-plaintext {
    color: #878787;
}

.AcademicPenaltyMessage {
    color: red;
}

    .AcademicPenaltyMessage:before {
        content: "\f129";
        font-family: foundation-icons;
        color: red;
    }


.FormErrorLabel {
    font-weight: bold;
    color: #EE5A30;
}

.errorSummary {
    width: 100%;
    color: #EE5A30 !important;
    font-weight: 700;
}

.Error {
    color: #EE5A30;
    font-weight: 700;
}

.payeezy-form {
    height: calc(2.25rem + 2px);
}

.CreditCardRequiredFieldLabel {
    display: inline-block;
    margin-bottom: .5rem;
}

/*************** Footer ******************/
.login-footer {
    display: none;
    text-align: center;
    color: white;
}

footer {
    width: 100%;
    margin: 0 auto 0px;
    background: #00568d;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(100deg, #00568d, #035291);
    /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(100deg, #00568d, #035291);
    /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(100deg, #00568d, #035291);
    /* For Firefox 3.6 to 15 */
    background: linear-gradient(100deg, #00568d, #035291);
    /* Standard syntax */
    padding: 40px 0 20px;
    position: relative;
    z-index: 10;
}

    footer a, .bkg-dark footer a {
        color: #FECD0B;
        text-decoration: none;
    }

        footer a:hover, .bkg-dark footer a:hover {
            color: #FECD0B;
        }

        footer a:after, .bkg-dark footer a:after {
            display: none;
        }

    footer .app-store-links a img {
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    }

.footer-date {
    color: #fff;
}

.footer-icons {
    margin-right: 5px;
    display: inline-block;
    width: 18px;
    text-align: center;
}

.footer-block-image img {
    border: solid 2px #fff;
    margin-top: 15px;
    /*	width: 350px;*/
    transition: 0.2s;
    border-radius: 0.25rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

    .footer-block-image img:hover {
        opacity: 0.6;
    }

.center-footer, .center-footer #pcc-white, .copyright {
    display: block;
    margin: 0 auto;
    text-align: center;
}

#pcc-black {
    display: none;
}

footer .copyright {
    margin: 15px auto 10px;
    color: #fff;
    font-size: 0.75em;
}

.social-media-links i {
    width: 40px;
    height: 40px;
    font-size: 25px;
    margin-top: 7px;
}

#center-social-media {
    margin: 0 15px 0 15px;
}

.my-PCC-ad {
    margin-top: 5px;
    padding: 20px;
    background: #0070b9;
    border-radius: 0.25rem;
    color: #fff;
}

.mypcc-link {
    font-size: 20px;
}

.white-spc {
    white-space: nowrap;
}

.mypcc-logo img {
    margin: auto;
    display: block;
    -moz-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 67px 4px;
    -webkit-box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 67px 4px;
    box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 67px 4px;
    border-radius: 25px;
    width: 90%;
    max-width: 145px;
}

footer .btn {
    border: 2px solid #fff;
    color: #fff;
    background: transparent;
}

    footer .btn:hover {
        color: #0070B9;
        background: #fff;
    }

.app-store-bttns img {
    max-width: 180px;
    width: 90%;
    margin: 0px auto 10px;
    display: block;
}

.MobileOnly {
    display: none;
}
/**************** Login Page Specific ****************/
.login-block {
    margin: 20px auto;
    text-align: center;
}

    .login-block table, .login-block table tbody, .login-block table tr, .login-block table tr td {
        display: block;
    }

    .login-block .user_card {
        max-width: 350px;
        width: 90%;
        margin: auto;
        background: #fff;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
        border-radius: 10px;
    }

.bkg-dark .login-block .user_card {
    background: #494949;
}

.login-block .brand_logo_container {
    width: 100%;
    background: #00568d;
    background: -webkit-linear-gradient(100deg, #00568d, #035291);
    background: -o-linear-gradient(100deg, #00568d, #035291);
    background: -moz-linear-gradient(100deg, #00568d, #035291);
    background: linear-gradient(100deg, #00568d, #035291);
    padding: 20px;
    text-align: center;
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px;
}
/**************** Home Page Specific ****************/
/* OLD ALERT STYLES */

/* .Alerts {
    width: 100%;
    background-color: #FFCB05;
    text-align: center;
    padding: 15px 20px 30px 20px;
    color: #035082;
    margin-top: -10px;
    font-family: Lato, sans-serif;
    font-weight: bold;
    font-size: 1.5em;
}

.Alerts a {
    color: #035082;
    text-decoration: underline;
}

.Alerts a:before {
    content: "\f071";
    font-family: "Font Awesome 6 Pro";
    text-decoration: none;
    margin-right: 5px;
}

.Alerts h1 {
    margin: 0px;
    background: #ffcc02;
    padding: 10px 15px 10px;
    display: block;
}

.Alerts h1:before {
    font-family: "Font Awesome 6 Pro";
    content: '\f071';
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}

.Alerts p {
    margin: 0;
    padding: 0px 15px 20px;
    background: #ffcc02;
    max-width: 100%;
} */

.Alerts {
    width: 100%;
    background-color: #59bb3b;
    text-align: center;
    padding: 5px 20px 25px 20px;
    color: #fff;
    margin-top: -10px;
    font-family: Lato, sans-serif;
    font-weight: 900;
    font-size: 1.5em;
}

    .Alerts a {
        font-size: 1rem;
        font-weight: 900;
        text-decoration: none;
        color: #fff;
    }

        .Alerts a:hover {
            text-decoration: underline;
            color: #fff;
        }

        .Alerts a:before {
            font-family: "Font Awesome 6 Pro";
            content: "\f05a";
            text-decoration: none !important;
            margin-right: 5px;
            font-weight: 400;
        }

    .Alerts h1 {
        margin: 0px;
        background: #59bb3b;
        padding: 10px 15px 10px;
        display: block;
    }

        .Alerts h1:before {
            font-family: "Font Awesome 6 Pro";
            content: '\f05a';
            margin-right: 8px;
            display: inline-block;
            vertical-align: middle;
            text-decoration: none !important;
            font-weight: 400;
        }

    .Alerts p {
        margin: 0;
        padding: 0px 15px 20px;
        background: #59bb3b;
        max-width: 100%;
    }

nav.home-tabs {
    background: #494949;
    padding-top: 15px;
    margin-top: -10px;
}

    nav.home-tabs .nav-tabs .nav-link {
        color: #e8e8e8;
        font-weight: 900;
    }

        nav.home-tabs .nav-tabs .nav-link:hover, nav.home-tabs .nav-tabs .nav-link:focus {
            background-color: rgba(231, 231, 231, 0.2);
        }

        nav.home-tabs .nav-tabs .nav-link.active, nav.home-tabs .nav-tabs .nav-item.show .nav-link {
            color: #494949 !important;
            background-color: rgba(231, 231, 231, 1) !important;
        }

.bkg-dark nav.home-tabs .nav-tabs .nav-link.active, .bkg-dark nav.home-tabs .nav-tabs .nav-item.show .nav-link {
    color: #e8e8e8 !important;
    background-color: #121212 !important;
}

.bkg-dark nav.home-tabs .nav-tabs {
    border-bottom: 1px solid #121212;
}

.WidgetPane .tab-pane {
    background: #e8e8e8;
    padding: 5px;
}

.bkg-dark .WidgetPane .tab-pane {
    background-color: #121212;
}
/* Grid */
.grid, .grid-2 {
    position: relative;
    margin-bottom: 20px;
}

.item {
    position: absolute;
    z-index: 1;
    width: 95%;
}

    .item.muuri-item-hidden {
        z-index: 0;
    }

    .item.muuri-item-releasing {
        z-index: 2;
    }

    .item.muuri-item-dragging {
        z-index: 3;
    }

.item-content {
    position: relative;
    margin: 10px 15px;
    height: 100%;
    background: white;
    border-radius: 10px;
    color: #494949;
    border-left: 0px solid #999;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.bkg-dark .item-content {
    background: #494949;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

.item-content h2 {
    padding: 20px 20px 10px;
    margin-top: 0;
}

    .item-content h2 a {
        text-decoration: none;
    }

        .item-content h2 a, .item-content h2 a i.fa-chevron-down, .item-content h2 a i.fa-chevron-up, .widgetButton i {
            color: #494949 !important;
        }

.widgetButton .fa-solid {
    cursor: pointer;
}

.bkg-dark .item-content h2 a, .bkg-dark .item-content h2 a i.fa-chevron-down, .bkg-dark .item-content h2 a i.fa-chevron-up, .bkg-dark .widgetButton i {
    color: #fff !important;
}

.item-content h3 {
    margin-top: 0;
}

.item-content .text-block {
    padding: 10px 20px 20px;
}

/*
.item.muuri-item-dragging .item-content {
	background: blue;
}
.item.muuri-item-releasing .item-content {
	background: blueViolet;
}*/

.item-content .border-t-2 {
    border-top: 2px solid #e8e8e8;
    padding-top: 20px;
}

.bkg-dark .item-content .border-t-2 {
    border-top: 2px solid rgba(255, 255, 255, 0.1);
}

.item-content .border-t-2:first-of-type {
    border-top: 0px;
    padding-top: 10px;
}

.item-content label {
    display: inline;
    margin-bottom: inherit;
}

.item-content a:after {
    display: none;
}

.item-content h3 i {
    width: 1.3em;
    text-align: left;
}

i.fas.fa-phone.fa-flip-horizontal {
    margin-left: -5px;
    margin-right: 5px;
}

.item-content h3 ~ p {
    padding-left: 1.8em;
}

.item-content h4 ~ p {
    padding-left: 1.2em;
}

.item-content .text-center h3 ~ p, .item-content .text-center h4 ~ p {
    padding-left: 0;
}

.item-content a[data-toggle=collapse] {
    display: inline-block;
}

.item-content a[aria-expanded=true] i.fa-chevron-down {
    display: none;
}

.item-content a[aria-expanded=false] i.fa-chevron-down {
    display: inline-block;
}

.item-content a[aria-expanded=true] i.fa-chevron-up {
    display: inline-block;
}

.item-content a[aria-expanded=false] i.fa-chevron-up {
    display: none;
}

@media (min-width:767px) {
    .item {
        width: 49%;
    }
}

@media (min-width:1145px) {
    .item {
        width: 33%;
    }
}

@media (max-width:766px) {
    .container-fluid {
        padding-right: 10px;
        padding-left: 10px;
    }

    .item-content {
        position: relative;
        margin: 4px 3px 1px;
        height: auto;
        padding: 0;
    }

        .item-content h2, .item-content .text-block {
            padding: 10px;
        }

    .OutstandingWorkers .content {
        padding: 0;
    }

    .item-content blockquote {
        padding: 0px;
    }
}

/*****Dashboard Specific *****/

div#sliderProgress {
    height: .4em;
}

.playPauseAction {
    position: absolute;
    top: 10px;
    left: 5px;
    z-index: 99;
    border-radius: 4px;
    color: #494949 !important;
    background: #fff !important;
    padding: 1px 3px 0px;
    opacity: 0.8;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.bkg-dark .playPauseAction {
    color: #fff !important;
    background: #494949 !important;
}

.playPauseAction:hover {
    opacity: 1;
}

.lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.5;
}

.bkg-dark .lSSlideOuter .lSPager.lSGallery li {
    opacity: 0.3;
}

.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
    border-radius: 0px !important;
    opacity: 1;
}


.lSAction > a, .thumbnailSliderActions div i {
    text-align: center;
    opacity: 0 !important;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #494949 !important;
    background: #fff !important;
    padding: 5px;
    border-radius: 4px;
}

.bkg-dark .lSAction a, .bkg-dark .thumbnailSliderActions div i {
    color: #fff !important;
    background: #494949 !important;
}

.thumbnailSliderActions div i {
    position: absolute;
    bottom: 35px;
    display: block;
    cursor: pointer;
    z-index: 99;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}

.PrevThumbSlider i {
    left: 5px;
}

.NextThumbSlider i {
    right: 5px;
}

.lSSlideWrapper:hover .lSNext, .lSSlideWrapper:hover .lSPrev, .lSPager:hover, .thumbnailSliderActions div i {
    opacity: 0.8 !important;
}

    .lSSlideWrapper:hover .lSNext:hover, .lSSlideWrapper:hover .lSPrev:hover, .thumbnailSliderActions div i:hover {
        opacity: 1 !important;
    }

.lightSlider img {
    margin: 0 auto;
}

#GNGClosedMessage {
    display: none;
}

/* .GNGclosed #GNGClosedMessage {
    display: block;
} */

.PointTotal {
    font-size: 3em;
    font-weight: bold;
}

.TimeLocation {
    font-size: 0.8em;
    line-height: 1em;
}

    .TimeLocation span span:after {
        content: '  |';
        margin: 0 3px;
    }

    .TimeLocation span:last-of-type span:after {
        content: "";
    }

.SermonImg img {
    border: 2px solid #E27126;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    min-width: 57px;
    max-width: 60px;
}

.sermonplayer-links a {
    color: #E27126;
    font-size: 1.5em;
    text-decoration: none;
    padding: 3px;
}

    .sermonplayer-links a:hover {
        opacity: 0.5;
    }

.News img {
    border: 2px solid #00ccff;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.imgFlag {
    width: auto;
    height: 20px;
    margin-top: 7px;
}

.beachflag {
    background: #2c2c30;
    border: 2px solid #E27126;
    width: auto;
    height: 35px;
    text-align: center;
    border-radius: 5px;
}

.SummerTeam.item-content, .SummerTeam.item-content .white-block {
    background: #dce0e3;
    background-image: url(//static.pcci.edu/EaglesNest/images/SummerWorkers/ThemeImages/2025/design-elements/2025ThemeBackground_Light.jpg);
    color: #46474B;
    background-position: center bottom;
    background-size:cover;
    background-repeat: no-repeat;
}

.bkg-dark .SummerTeam.item-content, .bkg-dark .SummerTeam.item-content .white-block {
    background: #0a1a29;
    background-image: url(//static.pcci.edu/EaglesNest/images/SummerWorkers/ThemeImages/2025/design-elements/2025ThemeBackground_Dark.jpg);
    color: #ffffff;
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.SummerTeam.item-content h2, .SummerTeam.item-content h3, .SummerTeamheader i, .SummerTeam.item-content h2 a, .SummerTeam.item-content h2 a:hover, .SummerTeam.item-content h2 a i, .SummerTeam.item-content a {
    color: #016FB8 !important;
    text-decoration: none;
}

.bkg-dark .SummerTeam.item-content h2, .bkg-dark .SummerTeam.item-content h3, .bkg-dark .SummerTeamheader i, .bkg-dark .SummerTeam.item-content h2 a, .bkg-dark .SummerTeam.item-content h2 a:hover, .bkg-dark .SummerTeam.item-content h2 a i, .bkg-dark .SummerTeam.item-content a {
    color: #ffffff !important;
    text-decoration: none;
}

.SummerTeam.item-content a:hover {
    color: #76c4ed !important;
    text-decoration: none;
}

.summer-teams .item-content img {
    max-width: 95%;
    margin: 5px auto;
    max-height: 200px;
}

.OutstandingWorkers .content {
    padding: 0 15px;
    overflow-y: scroll;
    max-height: 900px;
}

.OutstandingWorkers .SummerTeam.item-content .white-block {
    padding: 20px 10px 10px;
    background: rgba(255, 255, 255, 0.1);
    min-height: 170px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.OutstandingWorkers .title-block {
    margin: -20px -11px 10px;
    background: #512800;
}

    .OutstandingWorkers .title-block h4 {
        color: #ffffff;
    }

.OutstandingWorkers img {
    border-radius: 10px;
}

.Grid.OutstandingWorkers header, .OutstandingWorkers .PageAccordion h4 {
    color: #000;
}

a.message {
    text-decoration: none;
}

    a.message .text-warning {
        color: #eda41c !important;
    }

    a.message:hover {
        background: rgba(0,0,0,0.1) !important;
    }

a .post-date {
    color: #494949;
}

.bkg-dark a .post-date {
    color: #fff;
}

/***** Personal Info Specific *****/
.no-bkg .item-content {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: 0px 3px 6px transparent !important;
}

.personal-Img img {
    border: 2px solid #999;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    max-width: 59px;
}

.personal-Img img {
    border: 2px solid #ccc;
}

.divBoxInstruction {
    width: 20px;
    height: 20px;
}

.collegian-mascot-icon {
    width: 30px;
    display: inline-block;
    margin-right: 5px;
}

.CoachesImg, .ServicesImg {
    flex: 0 0 auto;
    width: 100px;
    max-width: 100px;
}

    .CoachesImg img {
        width: 100px;
        border: 2px solid #0071b8;
        border-radius: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    }

    .ServicesImg img {
        width: 100px !important;
        border: 2px solid #492087;
        border-radius: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    }

.InstructorImg img {
    border: 2px solid #7C1416;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    max-width: 59px;
}

.bkg-dark .InstructorImg img {
    border: 2px solid #dd5671;
}

.EmployerImg img {
    border: 2px solid #7650a0;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    max-width: 59px;
}

.bkg-dark .EmployerImg img {
    border: 2px solid #9e69e0;
}
/***** Category Coloring *****/
.personal-block .item-content, .border-block.personal-block {
    border-color: #999;
}

.personal-block header i {
    color: #999;
}

.PersonalDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #999;
}

.btn-personal {
    border: 2px solid #005CA9 !important;
    color: #005CA9 !important;
    background: transparent;
}

    .btn-personal:hover {
        background-color: #005CA9 !important;
        color: #fff !important;
    }

.personal-block.inverted .item-content {
    background-color: #999;
    color: #fff;
    font-weight: bold;
}

    .personal-block.inverted .item-content h2, .personal-block.inverted header i, .personal-block.inverted .item-content h2 a, .personal-block.inverted .item-content h2 a:hover, .personal-block.inverted .item-content h2 a i, .personal-block.inverted .item-content a {
        color: #fff !important;
        text-decoration: none;
    }

        .personal-block.inverted .item-content a:hover {
            color: rgba(255, 255, 255, 0.6) !important;
        }

.personal-block.inverted .btn {
    color: #999 !important;
    background: #fff !important;
}

    .personal-block.inverted .btn:hover {
        border: 2px solid #fff !important;
        color: #fff !important;
        background: transparent !important;
    }

.bkg-dark .personal-block .item-content, .bkg-dark .border-block.personal-block {
    border-color: #ccc;
}

.bkg-dark .personal-block header i {
    color: #ccc;
}

.bkg-dark .PersonalDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #8F8F94;
}

.bkg-dark .btn-personal {
    border: 2px solid #80C6FE !important;
    color: #80C6FE !important;
}

    .bkg-dark .btn-personal:hover {
        background-color: #80C6FE !important;
        color: #FFFFFF !important;
    }

.bkg-dark .personal-block.inverted .item-content {
    background-color: #ccc;
}

.bkg-dark .personal-block.inverted .btn {
    color: #ccc !important;
}


.GraduateDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #4270d8;
}


.bkg-dark .GraduateDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #4270d8;
}


.academic-block .item-content, .border-block.academic-block {
    border-color: #7C1416;
}

.academic-block header i {
    color: #7C1416;
}

.AcademicDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #7C1416;
}

.btn-academic {
    border: 2px solid #7C1416 !important;
    color: #7C1416 !important;
    background: transparent;
}

    .btn-academic:hover {
        background-color: #7C1416 !important;
        color: #fff !important;
    }

.academic-block.inverted .item-content {
    background-color: #7C1416;
    color: #fff;
    font-weight: bold;
}

    .academic-block.inverted .item-content h2, .academic-block.inverted header i, .academic-block.inverted .item-content h2 a, .academic-block.inverted .item-content h2 a:hover, .academic-block.inverted .item-content h2 a i, .academic-block.inverted .item-content a {
        color: #fff !important;
        text-decoration: none;
    }

        .academic-block.inverted .item-content a:hover {
            color: rgba(255, 255, 255, 0.6) !important;
        }

.academic-block.inverted .btn {
    color: #7C1416 !important;
    background: #fff !important;
}

    .academic-block.inverted .btn:hover {
        border: 2px solid #fff !important;
        color: #fff !important;
        background: transparent !important;
    }

.bkg-dark .academic-block .item-content, .bkg-dark .border-block.academic-block {
    border-color: #dd5671;
}

.bkg-dark .academic-block header i {
    color: #dd5671;
}

.bkg-dark .AcademicDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #dd5671;
}

.bkg-dark .btn-academic {
    border: 2px solid #dd5671 !important;
    color: #dd5671 !important;
}

    .bkg-dark .btn-academic:hover {
        background-color: #dd5671 !important;
        color: #ffffff !important;
    }

.bkg-dark .academic-block.inverted .item-content {
    background-color: #dd5671;
}

.bkg-dark .academic-block.inverted .btn {
    color: #dd5671 !important;
}
/***Final Exam Permit Styles***/
/* Hide the widget until we know whether or not they are eligible to take exams */
#divExamPermit .text-block > div {
    display: none;
}

#divExamPermit .item-content a, #divExamPermit .item-content div ul li a, #divExamPermit .item-content div ul li::marker, #divExamPermit .item-content div div.text-block div.accountHolds, #divExamPermit .item-content div div.text-block div.not-eligible, #divExamPermit.eligible .text-block {
    color: #fff;
}

    #divExamPermit .item-content div div.text-block div.eligible i, #divExamPermit.eligible .text-block div {
        color: #00cc1c;
    }

    #divExamPermit .item-content div div.text-block div.accountHolds i, #divExamPermit .item-content div div.text-block div.accountHolds {
        color: #fca953;
    }

    #divExamPermit .item-content div div.text-block div.not-eligible i, #divExamPermit .item-content div div.text-block div.not-eligible {
        color: #ff6b6e;
    }

#divExamPermit header h2 {
    background-color: #fca953;
    border-radius: 10px 10px 0 0;
    transition: all .1s ease-in-out;
}

#divExamPermit[data-is_collapsed=true] header h2 {
    background-color: #fca953;
    border-radius: 10px;
}

#divExamPermit .item-content h2 a span, #divExamPermit .item-content h2 a i {
    color: #494949 !important;
}

#divExamPermit .item-content {
    background-color: #1e2b31;
}

    #divExamPermit .item-content a:hover, #divExamPermit .item-content div ul li a:hover {
        color: #fca953;
    }

/* Once we know their eligibility, display the widget and the appropriate message */
#divExamPermit.eligible, #divExamPermit.eligible .item-content .eligible,
#divExamPermit.not-eligible, #divExamPermit.not-eligible .item-content .not-eligible,
#divExamPermit.accountHolds, #divExamPermit.accountHolds .item-content .accountHolds {
    display: block;
}

#divExamPermit .text-block ul li, #divExamPermit .text-block ul li a {
    color: #fff;
}

    #divExamPermit .text-block ul li a:hover {
        color: #494949b8;
    }

.bkg-dark #divExamPermit .text-block ul li, .bkg-dark #divExamPermit .text-block ul li a {
    color: #fff;
}

    .bkg-dark #divExamPermit .text-block ul li a:hover {
        color: #ffffffb8;
    }
/***End Final Exam Permit Styles***/


/***Welcome Weekend***/
.academic-block.RegistrationLinks.WelcomeWeekend .item-content {
    border-color: #00568d;
    color: #494949;
}

.academic-block.RegistrationLinks.WelcomeWeekend header i {
    color: #494949;
}

.academic-block.RegistrationLinks.WelcomeWeekend h3 {
    color: #494949 !important;
}

.bkg-dark .academic-block.RegistrationLinks.WelcomeWeekend .item-content .border-t-2 {
    border-top: 2px solid #e8e8e8;
}

    .bkg-dark .academic-block.RegistrationLinks.WelcomeWeekend .item-content .border-t-2:first-of-type {
        border-top: 0px;
        padding-top: 10px;
    }

.RegistrationLinks.WelcomeWeekend .btn-academic {
    border: 2px solid #ffffff !important;
    color: #00568d !important;
    background: transparent;
}

    .RegistrationLinks.WelcomeWeekend .btn-academic:hover {
        background-color: #ffffff !important;
        color: #494949 !important;
    }

.RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content {
    background-color: transparent;
    color: #494949;
    font-weight: bold;
    background: url(/registration/Images/WelcomeWeekend_Background.jpg) center center no-repeat;
    background-size: cover;
}

.pcclogo-widget:before {
    vertical-align: sub;
}

.RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content h2, .RegistrationLinks.academic-block.inverted.WelcomeWeekend header i, .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content h2 a, .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content h2 a:hover, .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content h2 a i, .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content a {
    color: #494949 !important;
    text-decoration: none;
}

    .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content a:hover {
        color: #00568d !important;
    }

.RegistrationLinks.academic-block.inverted.WelcomeWeekend .btn {
    color: #494949 !important;
    background: #fff !important;
}

    .RegistrationLinks.academic-block.inverted.WelcomeWeekend .btn:hover {
        border: 2px solid #fff !important;
        color: #494949 !important;
        background: transparent !important;
    }

.bkg-dark .RegistrationLinks.academic-block.WelcomeWeekend .item-content {
    border-color: #00568d;
}

.bkg-dark .RegistrationLinks.academic-block.WelcomeWeekend header i {
    color: #494949;
}

.bkg-dark .RegistrationLinks.WelcomeWeekend .btn-academic {
    border: 2px solid #ffffff !important;
    color: #494949 !important;
}

    .bkg-dark .RegistrationLinks.WelcomeWeekend .btn-academic:hover {
        background-color: #ffffff !important;
    }

.bkg-dark .RegistrationLinks.academic-block.inverted.WelcomeWeekend .item-content {
    background-color: #ffffff;
}

.bkg-dark .RegistrationLinks.academic-block.inverted.WelcomeWeekend .btn {
    color: #494949 !important;
}

#regCards a {
    color: #494949 !important;
}

.reg-card-header {
    background-color: #fff;
    background-image: url(https://static.pcci.edu/EaglesNest/images/InteriorPage/PageHeaders/registration/registration-card.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.bkg-dark .reg-card-header {
    color: #fff;
    background-color: #494949;
}
.title-block.reg-corner {
    background: url(//static.pcci.edu/EaglesNest/images/InteriorPage/PageHeaders/registration/registration-card.png) no-repeat top right, #ffffff;
    background-size: cover;
}
.bkg-dark .title-block.reg-corner {
    color: #fff;
    background-color: #494949;
}
.title-block.reg-corner h3 {
    color:#494949;
}
.bkg-dark .title-block.reg-corner h3 {
    color:#fff;
}
/****End of Welcome Weekend****/
.campuslife-block .item-content, .border-block.campuslife-block {
    border-color: #E27126;
}

.campuslife-block header i {
    color: #E27126;
}

.CampusLifeDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #E27126;
}

.btn-campuslife {
    border: 2px solid #E27126 !important;
    color: #E27126 !important;
    background: transparent;
}

    .btn-campuslife:hover {
        background-color: #E27126 !important;
        color: #fff !important;
    }

.campuslife-block.inverted .item-content {
    background-color: #E27126;
    color: #fff;
    font-weight: bold;
}

    .campuslife-block.inverted .item-content h2, .campuslife-block.inverted header i, .campuslife-block.inverted .item-content h2 a, .campuslife-block.inverted .item-content h2 a:hover, .campuslife-block.inverted .item-content h2 a i, .campuslife-block.inverted .item-content a {
        color: #fff !important;
        text-decoration: none;
    }

        .campuslife-block.inverted .item-content a:hover {
            color: rgba(255, 255, 255, 0.6) !important;
        }

.campuslife-block.inverted a.btn-campuslife {
    color: #E27126 !important;
    background: #fff !important;
    border: 2px solid #fff !important;
}

    .campuslife-block.inverted a.btn-campuslife:hover {
        color: #fff !important;
        background: transparent !important;
    }

.Coronavirus .item-content {
    position: relative;
    height: 100%;
    background: transparent;
    box-shadow: none;
}

    .Coronavirus .item-content .button {
        background-color: #033A91;
        color: #fff;
        border-color: #FFCA03;
    }

.Coronavirus .button i {
    color: #ffca03;
}

.Coronavirus .item-content .button:hover {
    background-color: #0e2e63;
}

.WeatherAlert .item-content {
    background-color: #ffcc03 !important;
    color: #004a7b !important;
    border-color: #004a7b !important;
}

    .WeatherAlert .item-content h2 a, .WeatherAlert .item-content h2 a i.fa-chevron-down, .WeatherAlert .item-content h2 a i.fa-chevron-up, .WeatherAlert .widgetButton i {
        color: #004a7b !important;
    }

.activity-block .item-content, .border-block.activity-block {
    border-color: #eda41c;
}

.activity-block header i {
    color: #eda41c;
}

.ActivitiesDropdown.mega-dropdown-menu .dropdown-header, .bg-activity {
    background-color: #eda41c;
}

.btn-activity {
    border: 2px solid #eda41c !important;
    color: #eda41c !important;
    background: transparent;
}

    .btn-activity:hover {
        background-color: #eda41c !important;
        color: #fff !important;
    }

.activity-block.inverted .item-content {
    background-color: #eda41c;
    color: #fff;
    font-weight: bold;
}

.activity-block.inverted .item-content h2, .activity-block.inverted header i, .activity-block.inverted .item-content h2 a, .activity-block.inverted .item-content h2 a i {
    color: #fff !important;
    text-decoration: none;
}

.activity-block.inverted a.btn {
    color: #eda41c !important;
    background: #fff !important;
}

.activity-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

.summer-block .item-content, .border-block.summer-block {
    border-color: #000;
}

.bkg-dark .summer-block .item-content {
    border-color: #fff;
}

.summer-block header i {
    color: #016FB8 !important;
}

.bkg-dark .summer-block header i {
    color: #ffffff !important;
}

.bkg-dark .summer-block .item-content h2 a i.fa-chevron-down, .bkg-dark .summer-block .item-content h2 a i.fa-chevron-up {
    color: #fff !important;
}

.SummerTeam.item-content a.btn-summer {
    border: 2px solid #016FB8 !important;
    color: #016FB8 !important;
    background: transparent;
}

.SummerTeam.item-content a.btn-summer:hover {
    background-color: #ffffff !important;
    color: #081B27 !important;
}

.summer-block.inverted .item-content {
    background-color: #000;
    color: #fff;
    font-weight: bold;
}

.summer-block.inverted .item-content h2, .summer-block.inverted header i, .summer-block.inverted .item-content h2 a, .summer-block.inverted .item-content h2 a:hover, .summer-block.inverted .item-content h2 a i, .summer-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.summer-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.summer-block.inverted .btn {
    color: #000 !important;
    background: #fff !important;
}

    .summer-block.inverted .btn:hover {
        border: 2px solid #fff !important;
        color: #fff !important;
        background: transparent !important;
    }

.service-block .item-content, .border-block.service-block {
    border-color: #72037c;
}

.service-block header i {
    color: #72037c;
}

.ServicesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #72037c;
}

.btn-service {
    border: 2px solid #72037c !important;
    color: #72037c !important;
    background: transparent;
}

    .btn-service:hover {
        background-color: #72037c !important;
        color: #fff !important;
    }

.service-block.inverted .item-content {
    background-color: #72037c;
    color: #fff;
    font-weight: bold;
}

.service-block.inverted .item-content h2, .service-block.inverted header i, .service-block.inverted .item-content h2 a, .service-block.inverted .item-content h2 a:hover, .service-block.inverted .item-content h2 a i, .service-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.service-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.service-block.inverted .btn {
    color: #72037c !important;
    background: #fff !important;
}

.service-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

.bkg-dark .service-block .item-content, .bkg-dark .border-block.service-block {
    border-color: #ce49dd;
}

.bkg-dark .service-block header i {
    color: #ce49dd;
}

.bkg-dark .ServicesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #ce49dd;
}

.bkg-dark .btn-service {
    border: 2px solid #ce49dd !important;
    color: #ce49dd !important;
}

.bkg-dark .btn-service:hover {
    background-color: #ce49dd !important;
    color: #ffffff !important;
}

.bkg-dark .service-block.inverted .item-content {
    background-color: #ce49dd;
}

.bkg-dark .service-block.inverted .btn {
    color: #ce49dd !important;
}



.navbar .navbar-nav > li > a#PccCareDropdown:hover, .navbar .navbar-nav > li > a#PccCareDropdown[aria-expanded="true"] {
    border-bottom-color: #0083d6;
}

.PccCareDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #0083d6;
}

.bkg-dark .navbar .navbar-nav > li > a#PccCareDropdown:hover, .bkg-dark .navbar .navbar-nav > li > a#PccCareDropdown[aria-expanded="true"] {
    border-bottom-color: #2aabfc;
}

.bkg-dark .PccCareDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #2aabfc;
}




.employment-block .item-content, .border-block.employment-block {
    border-color: #7650a0;
}

.employment-block header i {
    color: #7650a0;
}

.EmploymentDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #7650a0;
}

.btn-employment {
    border: 2px solid #7650a0 !important;
    color: #7650a0 !important;
    background: transparent;
}

.btn-employment:hover {
    background-color: #7650a0 !important;
    color: #fff !important;
}

.employment-block.inverted .item-content {
    background-color: #7650a0;
    color: #fff;
    font-weight: bold;
}

.employment-block.inverted .item-content h2, .employment-block.inverted header i, .employment-block.inverted .item-content h2 a, .employment-block.inverted .item-content h2 a:hover, .employment-block.inverted .item-content h2 a i, .employment-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.employment-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.employment-block.inverted .btn {
    color: #7650a0 !important;
    background: #fff !important;
}

.employment-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

.bkg-dark .employment-block .item-content, .bkg-dark .border-block.employment-block {
    border-color: #9e69e0;
}

.bkg-dark .employment-block header i {
    color: #9e69e0;
}

.bkg-dark .EmploymentDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #9e69e0;
}

.bkg-dark .btn-employment {
    border: 2px solid #9e69e0 !important;
    color: #9e69e0 !important;
}

.bkg-dark .btn-employment:hover {
    background-color: #9e69e0 !important;
    color: #ffffff !important;
}

.bkg-dark .employment-block.inverted .item-content {
    background-color: #9e69e0;
}

.bkg-dark .employment-block.inverted .btn {
    color: #9e69e0 !important;
}

.eagles-block .item-content, .border-block.eagles-block {
    border-color: #00568d;
}

.eagles-block header i {
    color: #00568d;
}

.EaglesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #00568d;
}

.btn-eagles {
    border: 2px solid #00568d !important;
    color: #00568d !important;
    background: transparent;
}

.btn-eagles:hover {
    background-color: #00568d !important;
    color: #fff !important;
}

.bkg-dark .eagles-block .item-content, .bkg-dark .border-block.eagles-block {
    border-color: #41a2f2;
}

.bkg-dark .eagles-block header i {
    color: #41a2f2;
}

.bkg-dark .EaglesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #41a2f2;
}

.bkg-dark .btn-eagles {
    border: 2px solid #41a2f2 !important;
    color: #41a2f2 !important;
}

    .bkg-dark .btn-eagles:hover {
        background-color: #41a2f2 !important;
        color: #fff !important;
    }

.eagles-block.inverted .item-content {
    background-color: #00568d;
    color: #fff;
    font-weight: bold;
}

.eagles-block.inverted .item-content h2, .eagles-block.inverted header i, .eagles-block.inverted .item-content h2 a, .eagles-block.inverted .item-content h2 a:hover, .eagles-block.inverted .item-content h2 a i, .eagles-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.eagles-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.eagles-block.inverted .btn.btn-eagles {
    color: #00568d !important;
    background: #fff !important;
}

    .eagles-block.inverted .btn.btn-eagles:hover {
        border: 2px solid #fff !important;
        color: #fff !important;
        background: transparent !important;
    }

.facilities-block .item-content, .border-block.facilities-block {
    border-color: #009190;
}

.facilities-block header i {
    color: #009190;
}

.FacilitiesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #009190;
}

.bkg-dark .facilities-block header i {
    color: #01c4c1;
}

.bkg-dark .FacilitiesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #01c4c1;
}

.btn-facilities {
    border: 2px solid #009190 !important;
    color: #009190 !important;
    background: transparent;
}

    .btn-facilities:hover {
        background-color: #009190;
        color: #ffffff !important;
    }

.bkg-dark .btn-facilities {
    border: 2px solid #009190 !important;
    color: #009190 !important;
    background: transparent;
}

    .bkg-dark .btn-facilities:hover {
        background-color: #009190 !important;
        color: #ffffff !important;
    }

.facilities-block.inverted .item-content {
    background-color: #009190;
    color: #fff;
    font-weight: bold;
}

.facilities-block.inverted .item-content h2, .facilities-block.inverted header i, .facilities-block.inverted .item-content h2 a, .facilities-block.inverted .item-content h2 a:hover, .facilities-block.inverted .item-content h2 a i, .facilities-block.inverted .item-content a {
    color: #fff !important;
}

.facilities-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.facilities-block.inverted .btn {
    color: #009190 !important;
    background: #fff !important;
}

.facilities-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}





.facilities-block.inverted.SemesterTransition .item-content {
    background-color: #15213C;
    color: #F4D35E;
}

    .facilities-block.inverted.SemesterTransition .item-content h2, .facilities-block.inverted.SemesterTransition header i, .facilities-block.inverted.SemesterTransition .item-content h2 a, .facilities-block.inverted.SemesterTransition .item-content h2 a:hover, .facilities-block.inverted.SemesterTransition .item-content h2 a i, .facilities-block.inverted.SemesterTransition .item-content a {
        color: #F4D35E !important;
    }

    .facilities-block.inverted.SemesterTransition .item-content h3 {
        color: #fff !important;
    }

    .facilities-block.inverted.SemesterTransition .item-content a:hover {
        color: #fff !important;
    }

.facilities-block.inverted.SemesterTransition .btn {
    color: #15213C !important;
    background: #F4D35E !important;
}

    .facilities-block.inverted.SemesterTransition .btn:hover {
        border: 2px solid #F4D35E !important;
        color: #F4D35E !important;
        background: transparent !important;
    }

.financial-block .item-content, .border-block.financial-block {
    border-color: #369746;
}

.financial-block header i {
    color: #369746;
}

.FinancesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #369746;
}

.bkg-dark .financial-block header i {
    color: #42b252;
}

.bkg-dark .FinancesDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #42b252;
}

.btn-financial {
    border: 2px solid #369746 !important;
    color: #369746 !important;
    background: transparent;
}

    .btn-financial:hover {
        background-color: #369746 !important;
        color: #fff;
    }

.financial-block.inverted .item-content {
    background-color: #369746;
    color: #fff;
    font-weight: bold;
}

.financial-block.inverted .item-content h2, .financial-block.inverted header i, .financial-block.inverted .item-content h2 a, .financial-block.inverted .item-content h2 a:hover, .financial-block.inverted .item-content h2 a i, .financial-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.financial-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.financial-block.inverted .btn {
    color: #369746 !important;
    background: #fff !important;
}

.financial-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

.socialmedia-block .item-content, .border-block.socialmedia-block {
    border-color: #00ccff;
}

.socialmedia-block header i {
    color: #00ccff;
}

.SocialMediaDropdown.mega-dropdown-menu .dropdown-header {
    background-color: #00ccff;
}

.btn-socialmedia {
    border: 2px solid #00ccff !important;
    color: #00ccff !important;
    background: transparent;
}

.btn-socialmedia:hover {
    background-color: #00ccff !important;
    color: #fff !important;
}

.socialmedia-block.inverted .item-content {
    background-color: #00ccff;
    color: #fff;
    font-weight: bold;
}

.socialmedia-block.inverted .item-content h2, .socialmedia-block.inverted header i, .socialmedia-block.inverted .item-content h2 a, .socialmedia-block.inverted .item-content h2 a:hover, .socialmedia-block.inverted .item-content h2 a i, .socialmedia-block.inverted .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.socialmedia-block.inverted .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.socialmedia-block.inverted .btn {
    color: #00ccff !important;
    background: #fff !important;
}

.socialmedia-block.inverted .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}



.facilities-block.inverted.Missions-Run .item-content {
    background-color: #4C142E;
    color: #fff;
    font-weight: bold;
}

.facilities-block.inverted.Missions-Run .item-content h2, .facilities-block.inverted.Missions-Run header i, .facilities-block.inverted.Missions-Run .item-content h2 a, .facilities-block.inverted.Missions-Run .item-content h2 a:hover, .facilities-block.inverted.Missions-Run .item-content h2 a i, .facilities-block.inverted.Missions-Run .item-content a {
    color: #fff !important;
}

.facilities-block.inverted.Missions-Run .item-content a:hover {
    color: rgba(255, 255, 255, 0.6) !important;
}

.facilities-block.inverted.Missions-Run .btn {
    color: #4C142E !important;
    background: #fff !important;
}

.facilities-block.inverted.Missions-Run .btn:hover {
    border: 2px solid #fff !important;
    color: #fff !important;
    background: transparent !important;
}

/*American Flag*/
.eagles-block.inverted.AmericanFlag .item-content, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content  {
    color: #fff;
    font-weight: bold;
    background:
    /* bottom, image */
    url("//static.pcci.edu/EaglesNest/images/Backgrounds/AmericanFlag-bkg.jpg") center center no-repeat;
    background-size: cover;
}

.eagles-block.inverted.AmericanFlag .item-content h2, .eagles-block.inverted.AmericanFlag header i, .eagles-block.inverted.AmericanFlag .item-content h2 a, .eagles-block.inverted.AmericanFlag .item-content h2 a:hover, .eagles-block.inverted.AmericanFlag .item-content h2 a i, .eagles-block.inverted.AmericanFlag .item-content a,
.bkg-dark .eagles-block.inverted.AmericanFlag .item-content h2, .bkg-dark .eagles-block.inverted.AmericanFlag header i, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content h2 a, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content h2 a:hover, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content h2 a i, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content a {
    color: #fff !important;
    text-decoration: none;
    /* text-shadow: 2px 2px 4px #123C30; */
}

.eagles-block.inverted.AmericanFlag .item-content a:hover, .bkg-dark .eagles-block.inverted.AmericanFlag .item-content a:hover {
    color: #fff !important;
}

.eagles-block.inverted.AmericanFlag .btn, .bkg-dark .eagles-block.inverted.AmericanFlag .btn {
    color: #fff !important;
    background: transparent !important;
    border: 2px solid #fff !important;
}

.eagles-block.inverted.AmericanFlag .btn:hover, .bkg-dark .eagles-block.inverted.AmericanFlag .btn:hover {
    color: #494949 !important;
    background: rgba(255, 255, 255, 0.363) !important;
}

/* .btn.darkBkgHover:hover {
    color:#494949;
} */
/*End American Flag*/

/***PonderYourPath***/

.eagles-block.inverted.PonderYourPath .item-content, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content {
    color: #fff;
    font-weight: bold;
    background: /* top, transparent red, faked with gradient */
    linear-gradient( rgba(28, 66, 45, 0.6), rgba(28, 66, 45, 0.6) ),
    /* bottom, image */
    url(//static.pcci.edu/EaglesNest/images/InteriorPage/AcademicCompletion/PonderYourPath-bkg.jpg) center center no-repeat;
    background-size: cover;
}


.eagles-block.inverted.PonderYourPath .item-content h2, .eagles-block.inverted.PonderYourPath header i, .eagles-block.inverted.PonderYourPath .item-content h2 a, .eagles-block.inverted.PonderYourPath .item-content h2 a:hover, .eagles-block.inverted.PonderYourPath .item-content h2 a i, .eagles-block.inverted.PonderYourPath .item-content a,
.bkg-dark .eagles-block.inverted.PonderYourPath .item-content h2, .bkg-dark .eagles-block.inverted.PonderYourPath header i, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content h2 a, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content h2 a:hover, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content h2 a i, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content a {
    color: #fff !important;
    text-decoration: none;
    text-shadow: 2px 2px 4px #123C30;
}

.eagles-block.inverted.PonderYourPath .item-content a:hover, .bkg-dark .eagles-block.inverted.PonderYourPath .item-content a:hover {
    color: #fff !important;
}

.eagles-block.inverted.PonderYourPath .btn, .bkg-dark .eagles-block.inverted.PonderYourPath .btn {
    color: #fff !important;
    background: transparent !important;
    border: 2px solid #fff !important;
}

    .eagles-block.inverted.PonderYourPath .btn:hover, .bkg-dark .eagles-block.inverted.PonderYourPath .btn:hover {
        color: #494949 !important;
        background: #fff !important;
    }
/****End of Ponder Your Path****/

/****Senior Info Virtual Gradualtion****/

.senior-block .item-content, .bkg-dark .senior-block .item-content {
    background: url(//static.pcci.edu/EaglesNest/images/Commencement/Commencement-widget-bkg.jpg) center center no-repeat #fff;
    background-size: cover;
    color: #ffffff !important;
}

    .senior-block .item-content .border-image {
        border-radius: 10px;
        margin-top: -75px;
    }

@media (max-width:992px) {
    .senior-block .item-content .border-image {
        margin-top: -50px;
    }
}

.senior-block .item-content h2, .senior-block .item-content h3, .senior-block header i, .senior-block .item-content h2 a, .senior-block .item-content h2 a:hover, .senior-block .item-content h2 a i, .senior-block .item-content a, .bkg-dark .senior-block .item-content h2, .bkg-dark .senior-block .item-content h3, .bkg-dark .senior-block header i, .bkg-dark .senior-block .item-content h2 a, .bkg-dark .senior-block .item-content h2 a:hover, .bkg-dark .senior-block .item-content h2 a i, .bkg-dark .senior-block .item-content a {
    color: #ffffff !important;
    text-decoration: none;
}

.senior-block .item-content a:hover, .bkg-dark .senior-block .item-content a:hover {
    color: #ffffff !important;
}

.senior-block .item-content .border-t-2, .bkg-dark .senior-block .item-content .border-t-2 {
    border-top: 2px solid #FECC06;
}

.senior-block .item-content .border-t-2:first-of-type, .bkg-dark .senior-block .item-content .border-t-2:first-of-type {
    border-top: 0px;
}
/****End Senior Info Virtual Gradualtion****/

/****New GA Widget****/

.new-ga-block .item-content, .bkg-dark .new-ga-block .item-content {
    background: url(//static.pcci.edu/EaglesNest/images/Grad/es-background.png) top center no-repeat #fff;
    background-size: cover;
    color: #74bc44 !important;
}

.new-ga-block .item-content .border-image {
    border-radius: 10px;
    margin-top: -75px;
}

@media (max-width:992px) {
    .new-ga-block .item-content .border-image {
        margin-top: -50px;
    }
}

.new-ga-block header i, .bkg-dark .new-ga-block header i, .new-ga-block .item-content h2 a i, .bkg-dark .new-ga-block .item-content h2 a i {
    color: #74bc44 !important;
}

.new-ga-block .item-content h2, .new-ga-block .item-content h3, .new-ga-block .item-content h2 a, .new-ga-block .item-content h2 a:hover, .new-ga-block .item-content a, .bkg-dark .new-ga-block .item-content h2, .bkg-dark .new-ga-block .item-content h3, .bkg-dark .new-ga-block .item-content h2 a, .bkg-dark .new-ga-block .item-content h2 a:hover, .bkg-dark .new-ga-block .item-content a {
    color: #019ada !important;
    text-decoration: none;
}

.new-ga-block .item-content a:hover, .bkg-dark .new-ga-block .item-content a:hover {
    color: #00568d !important;
}

.new-ga-block .item-content .border-t-2, .bkg-dark .new-ga-block .item-content .border-t-2 {
    border-top: 2px solid #019ada;
}

.new-ga-block .item-content .border-t-2:first-of-type, .bkg-dark .new-ga-block .item-content .border-t-2:first-of-type {
    border-top: 0px;
}
/****End New GA Widget****/

/****Spring End-of-Semester Widget****/

.springEOS-block .item-content, .bkg-dark .springEOS-block .item-content {
    background: #2ec4b6;
    color: #fff !important;
}

    .springEOS-block .item-content .border-image {
        border-radius: 10px;
        margin-top: -75px;
    }

@media (max-width:992px) {
    .springEOS-block .item-content .border-image {
        margin-top: -50px;
    }
}

.springEOS-block .item-content h2, .springEOS-block .item-content h3, .springEOS-block header i, .springEOS-block .item-content h2 a, .springEOS-block .item-content h2 a:hover, .springEOS-block .item-content h2 a i, .springEOS-block .item-content a, .bkg-dark .springEOS-block .item-content h2, .bkg-dark .springEOS-block .item-content h3, .bkg-dark .springEOS-block header i, .bkg-dark .springEOS-block .item-content h2 a, .bkg-dark .springEOS-block .item-content h2 a:hover, .bkg-dark .springEOS-block .item-content h2 a i, .bkg-dark .springEOS-block .item-content a {
    color: #fff !important;
    text-decoration: none;
}

.springEOS-block .item-content a:hover, .bkg-dark .springEOS-block .item-content a:hover {
    color: #ffbf69 !important;
}

.springEOS-block .item-content .border-t-2, .bkg-dark .springEOS-block .item-content .border-t-2 {
    border-top: 2px solid #FECC06;
}

.springEOS-block .item-content .border-t-2:first-of-type, .bkg-dark .springEOS-block .item-content .border-t-2:first-of-type {
    border-top: 0px;
}
/****Spring End-of-Semester Widget****/

/**************** Unique But Shared Interior Page Styles ****************/
/***** Outages and Closures *****/
.outage-block .event a {
    font-weight: normal;
    color: #494949;
    text-decoration: none;
}

.bkg-dark .outage-block .event a {
    color: #fff;
}

.Roads h3 {
    color: rgb(163, 78, 224);
}

a .Roads h3:hover {
    color: rgba(163, 78, 224, 0.6);
}

.Other h3 {
    color: rgb(48, 191, 201);
}

a .Other h3:hover {
    color: rgba(48, 191, 201, 0.6);
}

.Outage h3 {
    color: rgb(224, 153, 31);
}

a .Outage h3:hover {
    color: rgba(224, 153, 31, 0.6);
}

.Closure h3 {
    color: rgb(224, 78, 78);
}

a .Closure h3:hover {
    color: rgba(224, 78, 78, 0.6);
}

.Roads h3:before, .Other h3:before, .Outage h3:before, .Closure h3:before {
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    font-weight: 900;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 4px;
}

.Roads h3:before {
    content: "\f018";
}

.Other h3:before {
    content: "\f05a";
}

.Outage h3:before {
    content: "\f071";
}

.Closure h3:before {
    content: "\f2f0";
}
/***** Vehicle Info *****/
#divInsurance, #divSerialNumber {
    display: none;
}

.validationHeader, .lblInvalid {
    color: #EE5A30;
}

.speciallink.fa-arrow-right:before, .VehicleType:before {
    display: inline-block;
    font: normal normal normal 14px/1 "Font Awesome 6 Pro";
    font-size: inherit;
    font-weight: 900;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

:disabled {
    opacity: 0.5;
}

input[readonly] {
    background-color: lightgray !important;
}

.bkg-dark input[readonly] {
    background-color: #121212 !important;
}

.ActionNeeded {
    color: #EE5A30;
}

.Auto:before {
    content: "\f1b9";
}

.Motorcycle:before {
    content: "\f21c";
}

.Bike:before {
    content: "\f206";
}
/***** Facilities Info *****/
#FacilitiesTimeLocation table {
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
    color: #494949;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, .08);
    margin-bottom: 20px;
    max-width: none;
}
#FacilitiesTimeLocation table tr:first-of-type td {
    padding-top: 1rem!important;
}
.bkg-dark #FacilitiesTimeLocation table {
    background: #494949;
    color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

#FacilitiesTimeLocation table th, #FacilitiesTimeLocation table td {
    padding: 5px 20px;
    vertical-align: top;
}

#FacilitiesTimeLocation table tr:last-of-type td:first-child {
    border-bottom-left-radius: 10px;
}

#FacilitiesTimeLocation table tr:last-of-type td:last-child {
    border-bottom-right-radius: 10px;
}

#FacilitiesTimeLocation table tr:last-of-type td {
    padding-bottom: 20px;
}

#FacilitiesTimeLocation table h2, #FacilitiesTimeLocation table tr th .h2 {
    border-bottom: 2px solid #ccc;
    padding: 5px 0px;
    width: 100%;
    margin-top: 10px;
}

.bkg-dark #FacilitiesTimeLocation table h2, .bkg-dark #FacilitiesTimeLocation table tr th .h2 {
    border-bottom: 2px solid #79797a;
    color: #fff;
}

#FacilitiesTimeLocation table h2 a {
    text-decoration: none;
}

    #FacilitiesTimeLocation table h2 a:after {
        display: none;
    }

#FacilitiesTimeLocation .Days {
    width: 125px;
    text-align: right;
}

#FacilitiesTimeLocation tr.SpecialDate td {
    color: #707070;
    background-color: #a0e4f065;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDate td {
    background-color: #3eb0ac41;
    color: #fff;
}

#FacilitiesTimeLocation tr.SpecialDateTE td {
    color: #707070;
    background-color: #fdbb1318;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDateTE td {
    background-color: #fdbb1333;
    color: #fff;
}

#FacilitiesTimeLocation tr.SpecialDateWW td, #FacilitiesTimeLocation tr.SpecialDateWelcome td {
  color: #707070;
  background-color: #fff3cd;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDateWW td, .bkg-dark #FacilitiesTimeLocation tr.SpecialDateWelcome td {
  background-color: #A48622;
  color: #fff;
}

#FacilitiesTimeLocation tr.lGray td {
    color: #707070;
    background-color: #f7f7f7;
}

.bkg-dark #FacilitiesTimeLocation tr.lGray td {
    color: #fff;
    background-color: #3b3b3b;
}

#FacilitiesTimeLocation tr.SpecialDateThanksgiving td {
    background-color: #fce1c9;
  }
  
  .bkg-dark #FacilitiesTimeLocation tr.SpecialDateThanksgiving td {
    background-color: #542905;
  }
#FacilitiesTimeLocation tr.SpecialDateChristmas td {
    background-color: #c3edbe;
    color: #405341;
  }
  
  .bkg-dark #FacilitiesTimeLocation tr.SpecialDateChristmas td {
    background-color: #36712f;
    color: #ffffff;
  }
  
#FacilitiesTimeLocation tr.SpecialDateBC td {
  background-color: #91b4d970;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDateBC td {
  background-color: #0128515c;
}
#FacilitiesTimeLocation tr.SpecialDateEaster td {
  background-color: #BDBED4;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDateEaster td {
  background-color: #383049;
}
#FacilitiesTimeLocation tr.SpecialDateSemesterEnd td {
  background-color: #cbf3f0;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDateSemesterEnd td {
  background-color: #2fc5b6;
}

#FacilitiesTimeLocation tr.SpecialDatePatriotic td {
    background-color: #b0e3ff;
    color: #043b59;
}

.bkg-dark #FacilitiesTimeLocation tr.SpecialDatePatriotic td {
    background-color: #01507b;
    color: #ffffff;
}

/***** Search Results *****/
.searchResults table tr td:first-of-type {
    width: 75px;
}

div.searchResultsRelevance {
    height: 5px;
    line-height: 70%;
    font-size: 5px;
    border: 1px solid #CCC;
    margin-top: 6px;
}

    div.searchResultsRelevance div {
        float: left;
        background-color: rgba(0, 0, 0, 0.2);
        height: 5px;
        line-height: 70%;
        font-size: 5px;
    }

.bkg-dark div.searchResultsRelevance {
    border: 1px solid #494949;
}

    .bkg-dark div.searchResultsRelevance div {
        background-color: rgba(255, 255, 255, 0.2);
    }

.searchResults .ms_toggler, .ms_togglerDisabled {
    padding-left: 15px;
}

.ms_togglerDisabled {
    display: inline-block;
    /* handles padding 2nd line if the search result title is too long */
}

.ms_expander .ms_togglerDisabled {
    padding-left: 0;
}

.titleExtras {
    display: inline-block;
}
/***** Special styles for Calendar ******/
@media screen {
    /* Styles used by the ASP.Net Calendar control */
    .Calendar {
        font-family: "Trebuchet MS", "New York", Georgia, "Apple Chancery", serif;
        color: #006DB5;
        padding: 0px !important;
        margin: 5px;
        border: 1px #273B85 solid !important;
        background-color: #FFFFFF;
    }

        .Calendar a:link, .Calendar a:visited {
            text-decoration: none;
            border-bottom: none;
            color: #0362A1;
        }

            .Calendar a:link:hover, .Calendar a:visited:hover {
                color: #0362A1;
                text-decoration: none;
                border-bottom: 1px #708CB2 solid;
            }

        .Calendar table {
            background-color: #EDF7FC;
            color: #0362A1;
            margin: 0px;
            padding: 0px;
            height: 100% !important;
        }

    .CalendarTitleStyle, .CalendarTitleStyle td {
        color: #273B85 !important;
        background-color: #EDF7FC !important;
        font-weight: bold;
        font-size: 12pt;
        border: 0px;
    }

    .CalendarNextPrevStyle, .CalendarNextPrevStyle a {
        color: #273B85 !important;
        font-weight: bold;
    }

    .CalendarDayHeaderStyle {
        text-align: center;
        background-color: #FEFBE5;
        color: #273B85;
        font-weight: bold;
        font-size: 10pt;
        height: 1px;
        /* border-bottom: 2px solid #273B85;*/
        border-top: 1px solid #273B85;
    }

    .CalendarWeekendDayStyle, .CalendarWeekendDayStyle a {
        background-color: #E9EEF6 !important;
        font-style: italic !important;
    }

    .CalendarTodayDayStyle {
        border: 1px #0362A1 solid !important;
        color: #EE5A30 !important;
        font-style: normal;
    }

        .CalendarTodayDayStyle a {
            color: #EE5A30;
            font-style: normal;
        }

    .CalendarSelectedDayStyle {
        border: 1px #EE5A30 solid !important;
        background-color: #EDF7FC !important;
        color: #0362A1 !important;
        font-weight: bold;
    }

        .CalendarSelectedDayStyle a {
            background-color: #EDF7FC !important;
            font-weight: bold;
            color: #0362A1 !important;
        }

    .CalendarOtherMonthSelectedStyle {
        border: 1px #EE5A30 solid;
        background-color: #EDF7FC !important;
        font-weight: bold;
        color: #0362A1;
        font-style: italic;
    }

        .CalendarOtherMonthSelectedStyle a {
            background-color: #EDF7FC !important;
            font-weight: bold;
            color: #0362A1 !important;
            font-style: italic;
        }

    .CalendarOtherMonthTodayStyle {
        border: 1px #0362A1 solid !important;
        color: #EE5A30 !important;
        font-style: italic;
    }

        .CalendarOtherMonthTodayStyle a {
            color: #EE5A30 !important;
            font-style: italic;
        }

    .CalendarOtherMonthWeekendStyle, .CalendarOtherMonthWeekendStyle a {
        color: #999999 !important;
        font-style: italic;
    }

    .CalendarOtherMonthDayStyle, .CalendarOtherMonthDayStyle a {
        font-style: italic;
        color: #999999 !important;
    }

    .DateFormat {
        font-size: 11px;
        font-style: italic;
        color: #0362A1;
    }

    .CalendarLink {
        border-style: none;
    }
}
/* Styles for .net Pages */
.disabled {
    color: #AAAAAA !important;
    font-style: italic;
}

.ExampleFieldLabel {
    font-size: x-small;
    font-style: italic;
}

.FieldLabelError {
    color: #FF0000 !important;
    font-weight: bold;
    margin: 8px 0px 0px 5px;
}

.FieldStatment {
    font-weight: bold;
    margin: 2px 0px 0px 3px;
    font-size: 14px;
}

.FieldStatmentError {
    color: #FF0000 !important;
    font-weight: bold;
    margin: 2px 0px 0px 3px;
    font-size: 14px;
}

.MinorFieldLabel {
    color: #0362A1;
    font-weight: bold;
    margin: 15px 0px 0px 5px;
    white-space: nowrap;
}

.MinorFieldLabelNormal {
    color: #0362A1;
    font-weight: bold;
    white-space: nowrap;
}

.MinorFieldLabelError {
    color: #FF0000 !important;
    font-weight: bold;
    margin: 15px 0px 0px 5px;
    vertical-align: top !important;
    text-align: right;
}

.FieldResponsePanel {
    margin-left: 15px;
    margin-top: 2px;
    vertical-align: top;
    z-index: 1;
}

.ErrorList ul {
    list-style-type: disc;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #FF0000;
}

    .ErrorList ul li {
        list-style-type: disc;
        color: #FF0000;
    }

.CollapsiblePanelHeaderImage {
    vertical-align: middle;
    cursor: pointer;
}

.CollapsiblePanelHeader {
    height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #0362A1;
    white-space: nowrap;
    cursor: pointer;
}

.CollapsiblePanelHeaderSmallText {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    color: #0362A1;
    vertical-align: top;
    white-space: nowrap;
    cursor: pointer;
}

.NoDataText {
    color: #0362A1;
    font-weight: Bold;
    font-style: italic;
    font-size: 13px;
    margin: 6px 0px 0px 5px;
}

.bkg-dark .NoDataText {
    color: #ccc;
}

.navButton {
    margin-top: 25px;
    margin-bottom: 10px;
}

.watermarked {
    background-color: #f6fbfe;
    color: #ee5a30;
    border-style: solid;
    /*border-right: #006db5 1px solid;
    border-top: #006db5 1px solid;
    border-left: #006db5 1px solid;
    border-bottom: #006db5 1px solid; */
    text-align: center;
}

.floatingPanelCritical {
    color: #ee5a30;
    float: right;
    clear: right;
    border: 1px solid #ee5a30;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 10px;
    background-color: #f6fbfe;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
}

    .floatingPanelCritical:hover {
        position: relative;
        z-index: 9000 !important;
    }

    .floatingPanelCritical h4 {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        color: #0362A1;
        font-size: 12px;
        font-weight: bold;
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 2px;
        margin-top: 8px;
    }

    .floatingPanelCritical p {
        clear: both;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 4px;
        margin-bottom: 4px;
    }

    .floatingPanelCritical .warning {
        color: #EE5430;
        font-weight: bold;
    }

.floatingPanel {
    float: right;
    clear: right;
    padding-left: 10px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 10px;
    border: 0;
    color: #494949;
    background-color: #fff;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 15px;
    position: relative;
    z-index: 0;
    border-radius: 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.bkg-dark .floatingPanel {
    color: #ffffff;
    background-color: #494949;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .5);
}

@media (max-width:767px) {
    .floatingPanel {
        float: none;
        clear: none;
        padding: 20px;
        margin: 10px 0px 20px;
    }
}

.floatingPanel:hover {
    z-index: 9000 !important;
    position: relative;
}

.floatingPanel h4 {
    color: #ffffff;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    /*    font-size: 12px;*/
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 2px;
    margin-top: 8px;
}

.floatingPanel p {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.floatingPanel ul, .floatingPanel ol {
    margin-left: 15px;
}

.floatingPanel .warning {
    color: #EE5430;
}

a.aspNetDisabled,
div.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .5;
}

/* ============================================ */
/* START INDIVIDUAL THEME STYLES FOR BACKGROUND */
/* ============================================ */

/* CHRISTMAS */
.christmasbkg-Christmas.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/aberfeldy.png) repeat #e8e8e8 !important;
}

.christmasbkg-Christmas.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/aberfeldy.png) repeat #121212 !important;
}

.christmasbkg-Christmas.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.christmasbkg-Christmas.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.christmasbkg-Christmas.bkg-dark .WidgetPane .tab-pane.homepage-tab, .christmasbkg-Christmas.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

@media (max-width:1199px) {
    .christmasbkg-Christmas .Logo {
        margin: 2px auto;
    }
}

/* VALENTINES */
.valentinesbkg-Valentines.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Valentines-bkg2.png) repeat #ffffffed !important;
}

.valentinesbkg-Valentines.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Valentines-bkg2.png) repeat #000000e8 !important;
}

.valentinesbkg-Valentines.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.valentinesbkg-Valentines.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.valentinesbkg-Valentines .Logo {
    max-width: 168px;
    margin: 2px 25px 2px 78px;
}

@media (max-width:1199px) {
    .valentinesbkg-Valentines .Logo {
        margin: 2px auto;
    }
}

.valentinesbkg-Valentines.bkg-dark .WidgetPane .tab-pane.homepage-tab, .valentinesbkg-Valentines.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

/* BEACH */
.beach1bkg-Beach1.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Beach1-bkg2.png) repeat #ffffff !important;
}

.beach1bkg-Beach1.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Beach1-bkg2.png) repeat #000000 !important;
}

.beach1bkg-Beach1.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.beach1bkg-Beach1.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.beach1bkg-Beach1 .Logo {
    margin: 7px 13px 7px 78px;
}

@media (max-width:1199px) {
    .beach1bkg-Beach1 .Logo {
        margin: 8px auto;
    }
}

.beach1bkg-Beach1.bkg-dark .WidgetPane .tab-pane.homepage-tab, .beach1bkg-Beach1.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

/* BEACH 2 */
.beach2bkg-Beach2.bkg-light .page-bkg {
    background-color: #effbff !important;
}

.beach2bkg-Beach2.bkg-dark .page-bkg {
    background-color: #00020d !important;
}

.beach2bkg-Beach2.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.beach2bkg-Beach2.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.beach2bkg-Beach2 .Logo {
    margin: 7px 13px 7px 78px;
}

@media (max-width:1199px) {
    .beach2bkg-Beach2 .Logo {
        margin: 8px auto;
    }
}

.beach2bkg-Beach2.bkg-dark .WidgetPane .tab-pane.homepage-tab, .beach2bkg-Beach2.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

/* SPRING */
.springbkg-Spring.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/SpringPattern4.png) repeat #ffffff !important;
}

.springbkg-Spring.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/SpringPattern4.png) repeat #000000 !important;
}

.springbkg-Spring.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.springbkg-Spring.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.springbkg-Spring .Logo {
    margin: 6px 13px 7px 78px;
}

@media (max-width:1199px) {
    .springbkg-Spring .Logo {
        margin: 6px auto 7px;
    }
}

.springbkg-Spring.bkg-dark .WidgetPane .tab-pane.homepage-tab, .springbkg-Spring.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

/* PATRIOTIC */
.patrioticbkg-Patriotic.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/USA-Pattern.png) repeat #e8e8e8 !important;
}

.patrioticbkg-Patriotic.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/USA-Pattern.png) repeat #121212 !important;
}

.patrioticbkg-Patriotic.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.patrioticbkg-Patriotic.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.patrioticbkg-Patriotic .Logo img {
    max-width: 150px !important;
}

.patrioticbkg-Patriotic .Logo {
    margin: -19px 36px 6px 85px;
}

@media (max-width:1199px) {
    .patrioticbkg-Patriotic .Logo {
        margin: -19px auto 6px;
    }
}

.patrioticbkg-Patriotic.bkg-dark .WidgetPane .tab-pane.homepage-tab, .patrioticbkg-Patriotic.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}
/* SUMMER */
.summerbkg-Summer.bkg-light .page-bkg {
    background: #fdf6eb !important;
}

.summerbkg-Summer.bkg-dark .page-bkg {
    background: #1e181d !important;
}

.summerbkg-Summer.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.summerbkg-Summer.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.summerbkg-Summer .Logo {
    margin: 7px 9px 7px 82px;
}

@media (max-width:1199px) {
    .summerbkg-Summer .Logo {
        margin: 7px auto 10px;
    }
}

.summerbkg-Summer.bkg-dark .WidgetPane .tab-pane.homepage-tab, .summerbkg-Summer.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

/* FALL */
.fallbkg-Fall.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Fall-BG.png) repeat #e8e8e8 !important;
}

.fallbkg-Fall.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/Fall-BG.png) repeat #121212 !important;
}

.fallbkg-Fall.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.fallbkg-Fall.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.fallbkg-Fall.bkg-dark .WidgetPane .tab-pane.homepage-tab, .fallbkg-Fall.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

@media (max-width:1199px) {
    .fallbkg-Fall .Logo {
        margin: 8px auto;
    }
}

/* WINTER */
.winterbkg-Winter.bkg-light .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/winter-bg4.png) repeat #f0f9ff !important;
}

.winterbkg-Winter.bkg-dark .page-bkg {
    background: url(https://static.pcci.edu/EaglesNest/images/Backgrounds/winter-bg5.png) repeat #000d14 !important;
}

.winterbkg-Winter.bkg-light .white-block {
    background: rgba(255, 255, 255, 0.7) !important;
}

.winterbkg-Winter.bkg-dark .white-block {
    background: rgba(0, 0, 0, 0.5) !important;
}

.winterbkg-Winter.bkg-dark .WidgetPane .tab-pane.homepage-tab, .winterbkg-Winter.bkg-light .WidgetPane .tab-pane.homepage-tab {
    background: transparent !important;
}

@media (max-width:1199px) {
    .winterbkg-Winter .Logo {
        margin: 8px auto;
    }
}

/********Customize by User********/
/* If possible, we should avoid using these visible classes for menu items since we want all menu items to be visible for staff, etc. Using these classes defaults the item to hidden rather than defaults to visible */
.visible-residencehall, .visible-town, .visible-away, .visible-undergrad, .visible-grad, .visible-Dual, .visible-ga, .visible-freshman, .visible-sophomore, .visible-junior, .visible-senior, .visible-Graduating, .visible-Local_Non_RH, .visible_incoming_student, .visible-StudentEmployee, .visible-new_stud_for_summer_work, .visible-NewUndergrad, .visible-first_step, .visible-quarantine, .visible-isolation, .visible-ApprovedSchedule, .visible-isolation, .visible-NoApprovedSchedule {
    display: none !important;
}

.ResidenceHall .visible-residencehall, .Town .visible-town, .Away .visible-away, .Undergrad .visible-undergrad, .Grad .visible-grad, .GA .visible-ga, .Freshman .visible-freshman, .Sophomore .visible-sophomore, .Junior .visible-junior, .Senior .visible-senior, .Dual .hidden-grad .visible-Dual, .Dual .visible-Dual, .Graduating .visible-Graduating, .Local_Non_RH .visible-Local_Non_RH, .incoming_student .visible_incoming_student, .OnlineOnly .visible-OnlineOnly, .StudentEmployee .visible-StudentEmployee, .NewUndergrad .visible-NewUndergrad, .first_step .visible-first_step, .quarantine .visible-quarantine, .isolation .visible-isolation, .ApprovedSchedule .visible-ApprovedSchedule, .NoApprovedSchedule .visible-NoApprovedSchedule,
.Staff .visible-residencehall, .Staff .visible-town, .Staff .visible-away, .Staff .visible-undergrad, .Staff .visible-grad, .Staff .visible-ga, .Staff .visible-freshman, .Staff .visible-sophomore, .Staff .visible-junior, .Staff .visible-senior, .Staff .hidden-grad.visible-Dual, .Staff .visible-Dual, .Staff .visible-Graduating, .Staff .visible-Local_Non_RH, .Staff .visible_incoming_student, .Staff .visible-OnlineOnly, .Staff .visible-StudentEmployee, .new_stud_for_summer_work .visible-new_stud_for_summer_work, .Staff .visible-new_stud_for_summer_work, .Staff .visible-NewUndergrad, .Staff .visible-first_step, .Staff .visible-quarantine, .Staff .visible-isolation, .Staff .visible-ApprovedSchedule, .Staff .visible-NoApprovedSchedule {
    display: block !important;
}

    .ResidenceHall .visible-residencehall.d-list-item, .Town .visible-town.d-list-item, .Away .visible-away.d-list-item, .Undergrad .visible-undergrad.d-list-item, .Grad .visible-grad.d-list-item, .GA .visible-ga.d-list-item, .Freshman .visible-freshman.d-list-item, .Sophomore .visible-sophomore.d-list-item, .Junior .visible-junior.d-list-item, .Senior .visible-senior.d-list-item, .Dual .hidden-grad.visible-Dual.d-list-item, .Dual .visible-Dual.d-list-item, .Graduating .visible-Graduating.d-list-item, .Local_Non_RH .visible-Local_Non_RH.d-list-item, .incoming_student .visible_incoming_student.d-list-item, .OnlineOnly .visible-OnlineOnly.d-list-item, .StudentEmployee .visible-StudentEmployee.d-list-item, .NewUndergrad .visible-NewUndergrad.d-list-item, .first_step .visible-first_step.d-list-item, .quarantine .visible-quarantine .d-list-item, .isolation .visible-isolation .d-list-item, .ApprovedSchedule .visible-ApprovedSchedule.d-list-item, .NoApprovedSchedule .visible-NoApprovedSchedule.d-list-item,
    .Staff .visible-residencehall.d-list-item, .Staff .visible-town.d-list-item, .Staff .visible-away.d-list-item, .Staff .visible-undergrad.d-list-item, .Staff .visible-grad.d-list-item, .Staff .visible-ga.d-list-item, .Staff .visible-freshman.d-list-item, .Staff .visible-sophomore.d-list-item, .Staff .visible-junior.d-list-item, .Staff .visible-senior.d-list-item, .Staff .hidden-grad.visible-Dual.d-list-item, .Staff .visible-Dual.d-list-item, .Staff .visible-Graduating.d-list-item, .Staff .visible-Local_Non_RH.d-list-item, .Staff .visible_incoming_student.d-list-item, .Staff .visible-OnlineOnly.d-list-item, .Staff .visible-StudentEmployee.d-list-item, .new_stud_for_summer_work .visible-new_stud_for_summer_work.d-list-item, .Staff .visible-new_stud_for_summer_work.d-list-item, .Staff .visible-NewUndergrad.d-list-item, .Staff .visible-first_step.d-list-item, .Staff .visible-quarantine .d-list-item, .Staff .visible-isolation .d-list-item, .Staff .visible-ApprovedSchedule.d-list-item, .Staff .visible-NoApprovedSchedule.d-list-item {
        display: list-item !important;
    }

.ResidenceHall .hidden-residencehall, .Town .hidden-town, .Away .hidden-away, .Undergrad .hidden-undergrad, .Grad .hidden-grad, .Dual .hidden-grad, .Dual .hidden-Dual, .GA .hidden-ga, .Freshman .hidden-freshman, .Sophomore .hidden-sophomore, .Junior .hidden-junior, .Senior .hidden-senior, .Grad.Away .hidden-away-grad, .Local_Non_RH .hidden-Local_Non_RH, .Graduating .hidden-Graduating, .incoming_student .hidden-incoming_student, .ReturningUndergrad .hidden-ReturningUndergrad, .OnlineOnly.ReturningUndergrad .hidden-ReturningOnlineOnlyUndergrad, .ReturningUndergrad.ResidenceHall .hidden-ReturningRHUndergrad, .Town.ReturningUndergrad .hidden-ReturningTownUndergrad, .NewUndergrad .hidden-NewUndergrad, .ResidenceHall.NewUndergrad .hidden-NewRHUndergrad, .Town.NewUndergrad .hidden-NewTownUndergrad, .OnlineOnly .hidden-OnlineOnly, .OnlineOnly.NewUndergrad .hidden-NewOnlineOnlyUndergrad, .StudentEmployee .hidden-StudentEmployee, .new_stud_for_summer_work .hidden-new_stud_for_summer_work, .first_step .hidden-first_step, .quarantine .hidden-quarantine, .isolation .hidden-isolation, .ApprovedSchedule .hidden-ApprovedSchedule, .NoApprovedSchedule .hidden-NoApprovedSchedule {
    display: none !important;
}

.GA.StudentLife .hidden-ga, .Grad.StudentLife .hidden-grad {
    display: block !important;
}

.GA.StudentLife li.hidden-ga, .Grad.StudentLife li.hidden-grad {
    display: list-item !important;
}

.GA.summer_captain .hidden-ga.summer-block {
    display: block !important;
}

.hidden-is-nursing, .hidden-form-needed {
    display: none !important;
}

.OnlineOnly .hidden-incoming_student {
    display: block !important;
}

.OnlineOnly .hidden-incoming_student.hidden-first_step {
    display: none !important;
}

.OnlineOnly .hidden-incoming_student.hidden-undergrad {
    display: none !important;
}

.IsNursing .hidden-is-nursing, .ShowExtraPartForm .hidden-form-needed, .Faculty .hidden-is-nursing {
    display: block !important;
}

.visible-BT, .visible-DT, .visible-WCN, .visible-GT, .visible-RT, .visible-YT, .visible-MCN, .visible-CH, .visible-BN, .visible-BS, .Female .hidden-female, .Male .hidden-male, .visible-BH {
    display: none;
}

.BT .visible-BT, .DT .visible-DT, .CN.Female .visible-WCN, .GT .visible-GT, .RT .visible-RT, .YT .visible-YT, .CN.Male .visible-MCN, .CH .visible-CH, .BN .visible-BN, .BS .visible-BS, .BH .visible-BH,
.Staff .visible-BT, .Staff .visible-DT, .Staff .visible-WCN, .Staff .visible-GT, .Staff .visible-RT, .Staff .visible-YT, .Staff .visible-MCN, .Staff .visible-CH, .Staff .visible-BN, .Staff .visible-BS .Staff .visible-BH {
    display: block;
}

/*--Bible Conference Customized Classes---*/
.BibleConfEarly .hidden-BibleConfEarly,
.BibleConfLate .hidden-BibleConfLate {
    display: none !important;
}

.BibleConfNone .hidden-BibleConfEarly, .BibleConfNone .hidden-BibleConfLate, .BibleConfNone .hidden-BibleConfNone {
    display: none;
}

.BibleConfNone .visible-BibleConfNone {
    display: block !important;
}

@media (max-width:767px) {
    .minimal header, .minimal footer, .minimal .sidenav, .minimal .mdl-layout__drawer-button, .minimal .minimal-none {
        display: none !important;
    }

    .minimal h1 {
        margin-top: 5px;
    }

    .minimal .mdl-layout__content {
        margin-left: 0px;
    }

    body.minimal, .minimal #aspnetForm, .minimal #sb-site {
        background: #e8e8e8;
        height: 100vh;
    }
}

@media print {
    html, body, #aspnetForm, #sb-site, html.bkg-dark, .bkg-dark body, .bkg-dark #aspnetForm, .bkg-dark #sb-site, .page-bkg, .bkg-dark .page-bkg, .MainPage, .MainContent, .mdl-layout__container, .mdl-layout__content, .mdl-layout, .page-content, .page-bkg, .container, #WelcomeNotice, #Schedule {
        background: #fff !important;
        min-width: 0 !important;
        max-width: 100% !important;
        min-height: 0 !important;
        max-height: 100% !important;
        color: #000000 !important;
        width: 100% !important;
        font-size: 12px !important;
        margin: 0px auto !important;
        top: 0 !important;
        overflow: visible !important;
        display: block !important;
    }

    .GridView, .DataTable, .dataTable, table th, table td, .table th, .table td, .GridView th, .GridView td, .DataTable th, .DataTable td, .DetailsView th, .DetailsView td,
    .bkg-dark table th, .bkg-dark table td, .bkg-dark .table th, .bkg-dark .table td, .bkg-dark .GridView th, .bkg-dark .GridView td, .bkg-dark .DataTable th, .bkg-dark .DataTable td, .bkg-dark .DetailsView th, .bkg-dark .DetailsView td, table.TextBookNotice {
        border-color: #ccc !important;
    }
}
/********** Navigation/Menu *************/
.adjust-icon.icon1-careerservices::before {
    font-size: 1.5em;
    line-height: .3;
    top: 6px;
    position: relative;
}

/********** Progress Bar Placeholder Styles *************/
.progressBar {
    box-sizing: content-box;
    height: 10px;
    position: relative;
    background: #e8e8e8;
    border-radius: 25px;
    padding: 5px 5px 6px 5px;
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.progressBar > span {
    display: block;
    height: 100%;
    border-radius: 25px;
    background: #00568d;
    position: relative;
    overflow: hidden;
}

.bkg-dark .progressBar {
    background: #121212;
}

.bkg-dark .progressBar > span {
    background: #00568d;
}

.progPercentage {
    color: #000;
    font-weight: 900;
}

.bkg-dark .progPercentage {
    color: #fff;
    font-weight: 900;
}

@media screen and (max-width:767px) {
    .progPercentage {
        display: flex;
        justify-content: center;
    }
}