/* 
    Theme: Pacifica
--  All styles are imported into this main stylesheet
*/
/* 
    Theme: Pacifica
--  Default color variables file
*/
/* 
    Theme: Pacifica
--  Default color variables file
*/
/* 
    Theme: Pacifica
--  Master variables file
*/
/* 
    Theme: Pacifica
--  Theme specific styles
*/

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css");

/* These are to fix the formatting of the site header */
#welcomeBackBar {
	height: 77px;
	top: 0px;
	position: absolute;
	width: 100%;
}

#siteNavBar_welcomeBackBarLoggedIn_loginToggle {
	top: 33px;
	padding: 0px;
	height: 40px
}

/*MPCC Updated*/

#siteNavBar_welcomeBackBarLoggedOut_JicsLoginRedirectSimple {
	height: 100%;
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
}

.site-header-container .user-btn .user-image {
	top: 0px;
	border: 2px Solid #E8AF10;
}

/*MPCC Updated*/

.site-header-container .main-nav-submenu-container .user-login.popover {
	top: 65px;
}

.site-header-container #logo-heading {
	position: absolute;
	margin: 0px;
	display: block;
	top: 0px;
	padding: 10px !important;
}

.site-header-container #siteNavBar_searchBox_searchPanel {
	position: absolute;
	top: 10px;
	right: 0px;
}

/*
#top-nav-bar {
    top: 62px;
}
*/
/*MPCC Updated*/
.logged-in .site-header-container .search-btn {
	top: 33px;
	right: 128px;
}

/*MPCC Updated*/

#siteNavBar_welcomeBackBarLoggedOut_welcomeBackBarLoggedOut {
	position: absolute;
	top: 5px;
	right: 150px;
}

.pShortcut {
	display: none;
}


/* These are to style the Mount Cares submission form *//*MPCC removed styles for SCS Alert Window*/
.relationship-selection {
	margin-bottom: 4px;
	/*color: black;
	background-color: #ffc107 !important;
	font-weight: bold;
	border-color: #ffc107 !important;*/
}

/* These are to style the Mount Cares Student Timeline */
.col-xs-12.col-sm-6:has(.activity-icon > .glyphicons-shoe-steps) {
	background-color: #c3e6cb;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.col-xs-12.col-sm-6:has(.activity-icon > .glyphicons-warning-sign) {
	background-color: #ffeeba;
	padding: 10px;

}

.col-xs-12.col-sm-6:has(.activity-icon > .glyphicons-handshake) {
	background-color: #bee5eb;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.col-xs-12.col-sm-6:has(.activity-icon > .glyphicons-envelope) {
	background-color: #d6d8db;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

/* These are styles relating to the registration checkout button */
#btnRegistrationCheckout,
.registration-checkout {
	font-size: 16pt !important;
	font-weight: bold !important;
	padding: 10px !important;
}

#btnRegistrationCheckout:not([disabled]),
.registration-checkout:not([disabled]) {
	background-color: #417505 !important;
}

/*MPCC Updated - Color of the Student Registration Checkout button*/

/* These are styles for the New Student To-Do Checklist for Orientation */
.checklist-link {
	text-decoration: none !important;
	color: white !important;
	background-color: #E8AF10 !important;
}

/*MPCC Updated NOT SURE*/

.nav-item.active>.checklist-link,
.checklist-link:hover,
.checklist-link:focus {
	background-color: #004896 !important;
	color: white !important;
	text-decoration: none !important;
}

/*MPCC Updated NOT SURE*/

.badge-light {
	color: #212529;
	background-color: #f8f9fa;
}

.table .thead-green th {
	color: #fff;
	background-color: #50A684;
	border-color: #50A684;
}

.checklist-table>*>tr>* {
	vertical-align: middle !important;
	padding: 5px !important;
}

.flex {
	display: flex;
	align-items: center;
	justify-content: left;
}

.app-btn {
	width: 45%;
	max-width: 160px;
	color: #fff;
	margin: 5px 5px !important;
	text-align: left;
	border-radius: 5px;
	text-decoration: none;
	font-family: "Lucida Grande", sans-serif;
	font-size: 10px;
	text-transform: uppercase;
}

.app-btn:focus,
.app-btn:hover {
	background: black !important;
	text-decoration: none !important;
	color: #E8AF10 !important;
}

/*MPCC Updated NOT SURE*/

.app-btn.blu {
	background-color: #101010;
	transition: background-color 0.25s linear;
}

.app-btn.blu:hover {
	background-color: #454545;
}

.app-btn i {
	width: 20%;
	text-align: center;
	font-size: 28px;
	margin-right: 7px;
	margin-left: 10px
}

.app-btn p {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px
}

.app-btn .big-txt {
	font-size: 17px;
	text-transform: capitalize;
}

/* This is to prevent buttons with long text from doing funky things */
.btn-wrap-text {
	white-space: normal !important;
}

/* This is to correct the parents view my students portlet */
.groupedGrid {
	width: 100%;
}

.pi_CASHNet_View_My_Students {
	overflow: hidden;
}

.userPhotoMarginLeft {
	min-width: 160%;
	padding-left: 160px;
}

.footable-container table {
	table-layout: auto;
}

.footable-container table.footable .footable-detail-row th,
.footable-container table.footable .footable-detail-row td,
.footable-container table.footable .footable-detail-row table {
	border: none;
	vertical-align: middle;
}

/* These are background formatting for labels used in forms */
.orange_p {
	color: white;
	background-color: #E8AF10;
	padding: 0.75rem !important;
	font-weight: bold;
}

/*MPCC Updated NOT SURE*/

.teal_p {
	color: white;
	background-color: #007D8A;
	padding: 0.75rem !important;
	font-weight: bold;
}

.navy_p {
	color: white;
	background-color: #004896;
	padding: 0.75rem !important;
	font-weight: bold;
}

/*MPCC Updated NOT SURE*/

.navy_header {
	color: white;
	background-color: #004896;
	padding: 0.75rem !important;
	font-weight: bold;
	font-size: 16px;
}

/*MPCC Updated NOT SURE*/

.jcf-admin-view .jcf-command-div {
	margin-left: -20px !important;
}

.hide_element {
	display: none;
}

/* Simple Query Adjustments */
.footable-container table.footable .footable-detail-row th,
.footable-container table.footable .footable-detail-row td,
.footable-container table.footable .footable-detail-row table {
	width: fit-content;
}

.footable-container table.footable .footable-detail-row {
	width: fit-content;
}

.footable-container table.footable table.footable-details tbody>tr {
	border-top: grey .25px solid;
}





/*MPCC Updated*/

.dashboard-menu-links li a {
	color: #000;
	background-color: transparent;
	border: none;
	text-decoration: none;
}

.dashboard-menu-links li a:hover {
	color: #fff;
	background-color: #004896;
}

/*MPCC Updated*/

/* 
    Theme: Pacifica
--  Button placeholders
--  Using placeholders rather than mixins cuts down on CSS duplication
--  .my-button {@extend %btn-primary;}
--  Create another file to override these styles if needed
*/
.btn-alternate-one {
	color: #fff;
	background-color: #7d8d7d;
	border: 1px solid #8d8d8d;
}

.btn-alternate-one:hover,
.btn-alternate-one:focus {
	color: #fff;
	box-shadow: none;
}

.btn-alternate-two {
	color: #000;
	background-color: #fff;
	border: 1px solid #8d8d8d;
}

.btn-alternate-two:hover,
.btn-alternate-two:focus {
	color: #000;
	box-shadow: none;
}

.btn-primary {
	color: #fff;
	background-color: #E8AF10;
	border: none;
}

/*MPCC Updated*/
.btn-primary:hover {
	background-color: #E8AF10;
}

/*MPCC Updated*/
.btn-primary:active {
	background-color: #E8AF10;
	box-shadow: none;
}

/*MPCC Updated*/
.btn-primary:active:hover,
.btn-primary:active:focus {
	background-color: #E8AF10;
}

/*MPCC Updated*/
.btn-primary:focus {
	background-color: #E8AF10;
}

/*MPCC Updated*/

.btn-no-bg-hover-color-content-one {
	color: #fff;
	background-color: transparent;
	border: none;
}

.btn-no-bg-hover-color-content-one:hover {
	background-color: transparent;
}

.btn-no-bg-hover-color-content-one:active {
	background-color: transparent;
	box-shadow: none;
}

.btn-no-bg-hover-color-content-one:active:hover,
.btn-no-bg-hover-color-content-one:active:focus {
	background-color: transparent;
}

.btn-no-bg-hover-color-content-one:focus {
	background-color: transparent;
}

.btn-no-bg-hover-color-content-one:hover,
.btn-no-bg-hover-color-content-one:focus {
	color: #fff;
}

.btn-no-bg-hover-primary {
	color: #fff;
	background-color: transparent;
	border: none;
}

.btn-no-bg-hover-primary:hover {
	background-color: transparent;
}

.btn-no-bg-hover-primary:active {
	background-color: transparent;
	box-shadow: none;
}

.btn-no-bg-hover-primary:active:hover,
.btn-no-bg-hover-primary:active:focus {
	background-color: transparent;
}

.btn-no-bg-hover-primary:focus {
	background-color: transparent;
}

.btn-no-bg-hover-primary:hover,
.btn-no-bg-hover-primary:focus {
	color: #E8AF10;
}

/*MPCC Updated*/

.btn-success-no-bg-no-hover {
	color: #fff;
	background-color: transparent;
	border: none;
}

.btn-success-no-bg-no-hover:hover {
	background-color: transparent;
}

.btn-success-no-bg-no-hover:active {
	background-color: transparent;
	box-shadow: none;
}

.btn-success-no-bg-no-hover:active:hover,
.btn-success-no-bg-no-hover:active:focus {
	background-color: transparent;
}

.btn-success-no-bg-no-hover:focus {
	background-color: transparent;
}

.btn-success-no-bg-no-hover:hover,
.btn-success-no-bg-no-hover:focus {
	color: #417505;
}

.btn-danger {
	color: #fff;
	background-color: #D33A35;
	border: none;
}

.btn-danger:hover {
	background-color: #D33A35;
}

.btn-danger:active {
	background-color: #D33A35;
	box-shadow: none;
}

.btn-danger:active:hover,
.btn-danger:active:focus {
	background-color: #D33A35;
}

.btn-danger:focus {
	background-color: #D33A35;
}

.btn-success {
	color: #fff;
	background-color: #417505;
	border: none;
}

.btn-success:hover {
	background-color: #417505;
}

.btn-success:active {
	background-color: #417505;
	box-shadow: none;
}

.btn-success:active:hover,
.btn-success:active:focus {
	background-color: #417505;
}

.btn-success:focus {
	background-color: #417505;
}

.btn-primary-toggle {
	color: #fff;
	background-color: #E8AF10;
	border: 1px solid #E8AF10;
	box-shadow: none;
}

/*MPCC Updated*/
.btn-primary-toggle:hover {
	color: #fff;
	background-color: #E8AF10;
}

/*MPCC Updated*/
.btn-primary-toggle:active {
	background-color: #E8AF10;
	box-shadow: none;
}

/*MPCC Updated*/
.btn-primary-toggle:active:hover,
.btn-primary-toggle:active:focus {
	background-color: #E8AF10;
}

/*MPCC Updated*/
.btn-primary-toggle:focus {
	background-color: #E8AF10;
}

/*MPCC Updated*/
.btn-primary-toggle .btn.active {
	box-shadow: none;
}

.btn-default-toggle {
	color: #fff;
	background-color: #666666;
	border: 1px solid #666666;
	box-shadow: none;
}

.btn-default-toggle:hover {
	color: #fff;
	background-color: #666666;
}

.btn-default-toggle:active {
	background-color: #666666;
	box-shadow: none;
}

.btn-default-toggle:active:hover,
.btn-default-toggle:active:focus {
	background-color: #666666;
}

.btn-default-toggle:focus {
	background-color: #666666;
}

.btn-default-toggle .btn.active {
	box-shadow: none;
}

.btn-danger-toggle {
	color: #fff;
	background-color: #D33A35;
	border: 1px solid #D33A35;
	box-shadow: none;
}

.btn-danger-toggle:hover {
	color: #fff;
	background-color: #D33A35;
}

.btn-danger-toggle:active {
	background-color: #D33A35;
	box-shadow: none;
}

.btn-danger-toggle:active:hover,
.btn-danger-toggle:active:focus {
	background-color: #D33A35;
}

.btn-danger-toggle:focus {
	background-color: #D33A35;
}

.btn-danger-toggle .btn.active {
	box-shadow: none;
}

.btn-success-toggle {
	color: #fff;
	background-color: #417505;
	border: 1px solid #417505;
	box-shadow: none;
}

.btn-success-toggle:hover {
	color: #fff;
	background-color: #417505;
}

.btn-success-toggle:active {
	background-color: #417505;
	box-shadow: none;
}

.btn-success-toggle:active:hover,
.btn-success-toggle:active:focus {
	background-color: #417505;
}

.btn-success-toggle:focus {
	background-color: #417505;
}

.btn-success-toggle .btn.active {
	box-shadow: none;
}

.btn-primary-jquery-ui-override {
	font-family: Open Sans !important;
	color: #fff !important;
	background: #E8AF10 !important;
	border: none !important;
	text-shadow: none !important;
}

/*MPCC Updated*/
.btn-primary-jquery-ui-override:hover {
	background-color: #E8AF10 !important;
}

/*MPCC Updated*/
.btn-primary-jquery-ui-override:active {
	background-color: #E8AF10 !important;
	box-shadow: none !important;
}

/*MPCC Updated*/
.btn-primary-jquery-ui-override:active:hover,
.btn-primary-jquery-ui-override:active:focus {
	background-color: #E8AF10 !important;
}

/*MPCC Updated*/
.btn-primary-jquery-ui-override:focus {
	background-color: #E8AF10 !important;
}

/*MPCC Updated*/

.btn-danger-jquery-ui-override {
	font-family: Open Sans !important;
	color: #fff !important;
	background: #D33A35 !important;
	border: none !important;
	text-shadow: none !important;
}

.btn-danger-jquery-ui-override:hover {
	background-color: #D33A35 !important;
}

.btn-danger-jquery-ui-override:active {
	background-color: #D33A35 !important;
	box-shadow: none !important;
}

.btn-danger-jquery-ui-override:active:hover,
.btn-danger-jquery-ui-override:active:focus {
	background-color: #D33A35 !important;
}

.btn-danger-jquery-ui-override:focus {
	background-color: #D33A35 !important;
}

.link-secondary {
	color: #1c1c1c;
}

.link-secondary:hover {
	color: #1c1c1c;
}

.link-btn {
	color: #265B8C;
	background: none;
	border: none;
}

/*MPCC Updated*/
.link-btn:focus {
	border: 1px solid #E8AF10;
}

/*MPCC Updated*/

.link-btn-jquery-ui-btn-override {
	font-family: Open Sans !important;
	color: #004896 !important;
	text-decoration: underline !important;
	background: none !important;
	border: none !important;
	text-shadow: none !important;
}

/*MPCC Updated*/

/* 
    Theme: Pacifica
--  Button color specific styles
--  Create another file to override these styles if needed
*/
.dashboard-menu-links li a.active-content-color {
	color: #fff;
}

button:focus,
.btn:focus {
	background-color: #e8af10a6 !important;
}

/*MPCC Updated*/
.btn-border {
	border: 1px solid #9a9a9a;
}

/* 
    Theme: Pacifica
--  Utility color specific styles
--  Create another file to override these styles if needed
*/

.modal-overlay {
	background-color: #4e4e4f;
}

/*MPCC Added*/

.div_test {
	background-color: #f0f4f8;
	/* Light gray-blue */
	padding: 20px;
	/* Adds some space inside the div */
	border-radius: 8px;
	/* Softly rounded corners for a modern look */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* Subtle shadow for depth */
}

/*MPCC Added*/

div .li_test {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	list-style: none;
	background-color: #4D4D4F;
	color: #fff;
}

/*MPCC Added*/

div .li_test3 {
	line-height: 30px;
	list-style: none;
	background-color: #4D4D4F;
	color: #fff;
}

/*MPCC Added THIS IS FORMATTING FOR LISTS WITHOUT SPECIAL EFFECTS*/

div .li_test3 .a_test4 {
	color: #a2ceff;
	text-decoration: underline;
}

/*MPCC Added THIS IS FORMATTING FOR LISTS WITHOUT SPECIAL EFFECTS*/

div .li_test3 .a_test4:hover {
	color: #E8AF10;
	text-decoration: underline;
}

/*MPCC Added THIS IS FORMATTING FOR LISTS WITHOUT SPECIAL EFFECTS*/

div .ul_test .li_test3 .a_test {
	color: #a2ceff;
	text-decoration: none;
	display: inline-block;
	height: 100%;
	width: 100%;
	padding-bottom: 10px;
}

/*MPCC Added THIS IS FORMATTING FOR LISTS WITHOUT SPECIAL EFFECTS*/

.wysiwygtext li:not(.withBullets) {
	margin-left: -25px;
}

/*MPCC Added*/

div .ul_test {
	margin-bottom: -10px
}

/*MPCC Added*/

div .span_test {
	color: white;
	text-decoration: none;
}

/*MPCC Added*/

div .span_test .a_test:hover {
	color: white;
	text-decoration: none;
}

/*MPCC Added*/

div .span_test .a_test:active {
	color: white;
	text-decoration: none;
}

/*MPCC Added*/

div .li_test:hover {
	background-color: #696969;
}

/*MPCC Added*/

div .li_test:active {
	background-color: #8d8d8d;
}

/*MPCC Added*/

div .ul_test .li_test .a_test {
	color: #a2ceff;
	text-decoration: none;
	display: inline-block;
	height: 100%;
	width: 100%;
	padding-bottom: 10px;
}

/*MPCC Added*/

div .ul_test .li_test .a_test:hover {
	color: #E8AF10;
	text-decoration: none;
	text-decoration-color: #fff;
}

/*MPCC Added*/

div .ul_test .li_test .a_test:active {
	color: #ccc;
	text-decoration: none;
}

/*MPCC Added*/

div .ul_test2 .li_test2 {
	line-height: 30px;
	border-bottom: 1px solid #ccc;
	list-style: none;
	color: #353535;
	margin-left: -25px;
	padding-bottom: 20px
}

/*MPCC Added*/

div .ul_test2 .li_test2 .a_test2 {
	color: #265b8c;
	text-decoration: none;
}

/*MPCC Added*/

div .ul_test2 .li_test2 .a_test2:hover {
	color: #E8AF10;
	text-decoration: underline;
}

/*MPCC Added*/

div .ul_test2 .li_test2 .a_test2:active {
	color: #ccc;
	text-decoration: underline;
}

/*MPCC Added*/

/* div .ul_test2 .li_test2 .a_test2:visited {color:#836000;
	text-decoration:underline;} MPCC Added*/

div .ul_test2 .li_test2 .a_test3 {
	color: #976f00;
	text-decoration: none;
}

/*MPCC Added*/

div .ul_test2 .li_test2 .a_test3:hover {
	color: #E8AF10;
	text-decoration: underline;
}

/*MPCC Added*/

div .ul_test2 .li_test2 .a_test3:active {
	color: #ccc;
	text-decoration: underline;
}

/*MPCC Added*/

#home-div2 {
	display: inline-block;
	position: relative;
}

#home-div2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 73, 150, 0.70);
	/* Change the color and opacity as needed */
	opacity: 1;
	transition: opacity 0.3s ease;
}

#home-div2.clicked::before {
	opacity: 0;
}

#home-div {
	background-color: rgba(0, 73, 150, 0.70);
	width: 152px;
	height: 152px;
	overflow: hidden;
	left: 25px;
	margin-left: 100px;
	margin-top: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
}

/*MPCC Added*/

#home-div img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

/*MPCC Added*/

div .col-md-3 a:focus:active {
	border: none;
	text-decoration: none;
	outline: none;
}

/*MPCC Added*/

#home-div a:focus:active {
	border: none;
	text-decoration: none;
	outline: none;
}

/*MPCC Added*/

#home-img {
	opacity: 80%;
	/*margin-top: 15px;*/
}

/*MPCC Added*/


#home-img:active {
	transition: transform 0.2s ease;
	transform: scale(0.8);
	/*opacity: 70%;*/
}

/*MPCC Added*/


#home-div:active {
	background-color: transparent;
}

#more-toggle-link {
	margin-top: 3px;
}

/*MPCC Added*/

.footer-wrapper {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #808080;
}

/*MPCC Added*/

/* 
    Theme: Pacifica
--  Base colors
--  Create another file to override these styles if needed
*/
.primary {
	color: #004896;
}

/*MPCC Updated*/
.accent {
	color: #E8AF10;
}

/*MPCC Added*/
#MyInfoDefaultView_FullName {
    color: #fff;
}

/*MPCC Updated*/
.color-content-one {
	color: #E8AF10;
}

.color-content-two {
	color: #000;
}

.warning-content {
	color: #fffde5;
}

.secondary-content {
	color: #DEDEDE;
}

.secondary-alternate-content-one {
	color: #5f5f5f;
}

.danger {
	color: #D33A35;
}

.danger.inactive-description {
	color: #af2a26;
}

.fooicon-trash.danger,
.delete-tag.danger {
	color: #af2a26;
}

.error {
	color: #D33A35;
}

.success {
	color: #417505;
}

.most-popular {
	color: #417505;
}

.popular {
	color: #5ca607;
}

.average {
	color: #e5d300;
}

.below-average {
	color: #dc635f;
}

.poor {
	color: #D33A35;
}

.feedback {
	color: #265B8C;
}

.caution {
	color: #fc9002;
}

.danger-alternate-content-one {
	color: #af2a26;
}

.body-text {
	color: #353535;
}

.body-text-alternate-one {
	color: #9b9b9b;
}

.disabled-link {
	color: #5f5f5f;
}

/*MPCC Added - Student Registration > Register > Course Search Additional Results*/
.jzb-small-text {
	color:#a32d29;
	font-weight:bold;
	font-size:18px;
}

.text-link {
	color: #84754E;
}

.color-background-one {
	background-color: #fff;
}

.color-background-two {
	background-color: #000;
}

.primary-background {
	background-color: #004896;
}

.primary-alternate-background-one {
	background-color: #77abe8;
}

.primary-alternate-background-two {
	background-color: rgba(14, 45, 82, 0.18);
}

.secondary-background {
	background-color: #cdcdcd;
}

.secondary-alternate-background-one {
	background-color: #dfdfdf;
}

.secondary-alternate-background-two {
	background-color: #c8c8c8;
}

.secondary-alternate-background-three {
	background-color: #9a9a9a;
}

.warning-background {
	background-color: #fffde5;
}

.success-background {
	background-color: #77d709;
}

.transparent-background {
	background-color: transparent;
}

.my-popup-info-modal-header-background {
	background-color: #004896;
}

.default-border {
	border-color: #cdcdcd;
}

.default-top-border {
	border-top-color: #cdcdcd;
}

.default-right-border {
	border-right-color: #cdcdcd;
}

.default-bottom-border {
	border-bottom-color: #cdcdcd;
}

.default-left-border {
	border-left-color: #cdcdcd;
}

.default-border-alternate-one {
	border-color: #9a9a9a;
}

.default-top-border-alternate-one {
	border-top-color: #9a9a9a;
}

.default-right-border-alternate-one {
	border-right-color: #9a9a9a;
}

.default-bottom-border-alternate-one {
	border-bottom-color: #9a9a9a;
}

.default-left-border-alternate-one {
	border-left-color: #9a9a9a;
}

.warning-border {
	border-color: #fffde5;
}

.warning-alternate-border-one {
	border-color: #e5d300;
}

.success-border {
	border-color: #417505;
}

.transparent-border {
	border-color: transparent;
}

@media screen and (max-width: 1200px) {
	#home-div {
		background-color: rgba(0, 73, 150, 0.70);
		width: 152px;
		height: 152px;
		overflow: hidden;
		left: 25px;
		margin-left: 50px;
		margin-top: 23px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*MPCC Added*/
}

/* 
    Theme: Pacifica
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.portlet-style-override .primary-hover-state {
		color: inherit;
	}

	.portlet-style-override .primary-hover-state:hover {
		color: #fff;
		background-color: #004896;
	}

	.portlet-style-override .color-background-one.override-hover-state {
		color: #fff;
		background-color: #004896;
	}

	.portlet-style-override .color-background-one.override-hover-state:hover {
		color: #fff;
		background-color: #004896;
	}
}

/*MPCC Updated NOT SURE IF THIS IS GOOD*/

/* 
    Theme: Pacifica
--  Base colors specific styles
--  Create another file to override these styles if needed
*/
body {
	color: #353535;
	background: #fff;
}

#sitemasthead {
	background-color: #fff;
}

/*MPCC Updated*/
/* this is a change, production is "243a5d", test is "ff8200" */

a {
	color: #265B8C;
}

/*MPCC Updated COLOR WAS #3594D1*/
a:hover {
	color: #265B8C;
}

/*MPCC Updated*/
a:focus {
	color: #265B8C;
	outline: 2px solid #E8AF10;
	/*background-color: #E8AF10 !important;*/
}

/*MPCC Updated THIS IS THE COLOR OF THE BUTTONS WHEN YOU CLICK THEM*/

a.btn:focus,
input.btn:focus,
label.btn.on-focus {
	background-color: #E8AF10 !important;
}

/*MPCC Updated*/

.accsessibility-highlight {
	background-color: #4c8fe0 !important;
}

a.success {
	color: #417505;
}

a.success:hover,
a.success:focus {
	color: #417505;
}

.feedbackError {
	color: #D33A35;
}

caption {
	color: #020202;
}

.user-image-shape {
	border-color: #fff;
}

.push-icon-shape {
	border-color: #fff;
}

.my-profile-settings .user-image-shape {
	border-color: #004896;
}

/*MPCC Updated NOT SURE IF THIS IS GOOD*/

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/

.pagination>li>a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.choose-file {
	color: #fff;
	background-color: #E8AF10;
}

/*MPCC Updated*/

.error-message {
	color: #D33A35;
	background: #fff;
	border-color: #cdcdcd;
}

.page-title {
	margin-left: 0;
}

.page-title h2 a {
	color: #4D4D4F;
	font-weight: bold;
	text-decoration: none;
}

/*MPCC Updated c2c0be > 767574 ACCESSIBILITY*/

.page-title-btn {
	background-color: #E8AF10;
}

/*MPCC Updated*/

h5 {
	border-bottom-color: #cdcdcd;
}

/* 
    Theme: Pacifica
--  Base mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.portlet-style-override .primary-hover-state {
		color: inherit;
	}

	.portlet-style-override .primary-hover-state:hover {
		color: #fff;
		background-color: #004896;
	}

	.portlet-style-override .color-background-one.override-hover-state {
		color: #fff;
		background-color: #004896;
	}

	.portlet-style-override .color-background-one.override-hover-state:hover {
		color: #fff;
		background-color: #004896;
	}
}

/*MPCC Updated NOT SURE*/

/* 
    Theme: Pacifica
--  Portlet color specific styles
--  Create another file to override these styles if needed
*/
/*.portlet-grid .portlet-header-bar { background: #243a5d; border-bottom: 3px solid #oe2d52; }*/
/*MPCC Updated*/
.portlet-grid .portlet-header-bar h3 {
	color: #004896;
	font-size: 2.25rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 1px;
	line-height: 1.2;
	border-bottom: 2px solid #E8AF10;
	text-transform: none;
	letter-spacing: 0.5px;
	text-decoration: none;

}

.portlet-grid .portlet-header-bar h3.multiple-lines {
	border-bottom: 2px solid #E8AF10;
}

.portlet-grid .portlet-header-bar a {
	color: #004896;
	font-size: 2.25rem;
	font-weight: 600;
	text-decoration: none;
	text-transform: none;
	letter-spacing: 0.5px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.portlet-grid .portlet-header-bar {
	padding-bottom: 20px;
}

/*{ color: #ffffff; text-decoration: none; font-weight: normal; }*/
/*MPCC Updated E8AF10 > 94700a ACCESSIBILITY*/
/*.portlet-grid .portlet { border: 1px solid #c2c0be; }*/
/*MPCC Updated*/
/*.portlet-grid .singlePortlet { border: 1px solid #c2c0be; }*/
/*MPCC Updated*/

.portlet-grid {
	margin-bottom: 5px;
}

.portlet-grid .alt {
	background: #dce0dc;
}

.portlet-grid .pagination {
	border: 1px solid #4d4d4f;
}

.portlet-grid .pagination li {
	background: transparent;
	border: none;
}

.portlet-grid .display-order-row {
	background-color: #e7e7e7;
}

.portlet-grid .display-order-row.alternatve-item {
	background-color: #fff;
}

.portlet-grid .choose-file-btns .btn-primary {
	color: #333333;
	background-color: #fff;
	border-color: #b3b3b3;
}

.portlet-grid .choose-file-btns .btn-primary:hover {
	background-color: #dedede;
	border-color: #b3b3b3;
	color: #333333;
}

.portlet-grid .choose-file-btns .btn-primary:focus {
	color: #333333;
	background-color: #dedede;
}

.portlet-grid .choose-file-btns .btn-primary:active {
	background-color: #dedede;
	border-color: #b3b3b3;
	color: #333333;
}

.portlet-grid .choose-file-btns .btn-primary:active:hover {
	color: #333333;
	background-color: #dedede;
}

.portlet-grid .choose-file-btns li.active a {
	background-color: #dedede;
	border-color: #b3b3b3;
}

.pa-roleContentMenu li a.allowedButton.selected {
	background-color: #e4e4e4;
	border: 1px solid #417505;
	color: #417505;
}

.pa-roleContentMenu li a.allowedButton.byInheritance.selected {
	background: url("./images/portlet-images/icon/white_check.gif") 8px 10px no-repeat #417505;
}

.pa-roleContentMenu li a.notallowedButton.selected {
	background-color: #e4e4e4;
	border: 1px solid #D33A35;
	color: #D33A35;
}

.pa-roleContentMenu li a.notallowedButton.selected .pointer {
	border-left: 16px solid #e4e4e4;
}

.pa-roleContentMenu li a.notallowedButton.selected .pointerBorder {
	border-left: 17px solid #D33A35;
}

.selected .pointer {
	border-bottom: 16px solid transparent;
	border-top: 16px solid transparent;
	border-left: 16px solid #e4e4e4;
}

.selected .pointerBorder {
	border-bottom: 17px solid transparent;
	border-top: 17px solid transparent;
	border-left: 17px solid #417505;
}

.availablePage:hover .hoverHint,
a.availableLayout:hover .hoverHint,
.PageLayoutPanel .availableLayout.selected .hoverHint {
	color: #353535;
}

.PageLayoutPanel .availableLayout.selected {
	border: 1px solid #417505;
	background-color: #fffde5;
	cursor: none;
}

.buttonBar {
	background-color: #cdcdcd;
}

.buttonBarCentered {
	background-color: #cdcdcd;
}

.buttonBarCenteredVer2 {
	background-color: #E8AF10;
}

/*MPCC Updated NOT SURE -- WAS #a3c6ef*/
.buttonBarCenteredVer2 input {
	padding: 3px 15px;
}

.buttonBarCenteredVer2 input.enhanced {
	font-weight: bold;
}

.groupedGrid {
	border-bottom: solid 1px #9a9a9a;
	background: #cdcdcd;
}

.groupedGrid thead,
.groupedGrid .ghead {
	background: #cdcdcd;
	font-weight: bold;
}

.groupedGrid thead tbody {
	background: #cdcdcd;
}

.groupedGrid th {
	background-color: #e4e4e4;
}

.groupedGrid tfoot,
.subheader,
.subfooter {
	background-color: #e4e4e4;
}

.groupedGrid tfoot tbody {
	background-color: #e4e4e4;
}

.groupedGrid_VerticalHeader {
	background-color: #e4e4e4;
}

.groupedGrid tr.subGroup td {
	font-weight: bold;
}

.groupedGrid tr.subItem td {
	border-top: dashed 1px #9a9a9a;
}

.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
	color: #000;
}

.groupedGrid th a:hover {
	color: #353535;
}

.groupedGrid tbody {
	background: #fff;
}

.groupedGrid tbody tr td.highlight {
	background: #E8AF10;
}

/*MPCC Updated NOT SURE*/
.groupedGrid tbody tr.alt td.highlight {
	background: #E8AF10;
}

/*MPCC Updated NOT SURE*/
.groupedGrid tbody tr.highlight {
	background: #E8AF10;
}

/*MPCC Updated NOT SURE*/
.groupedGrid tbody tr.althighlight {
	background: #fffde5;
}

.groupedGrid tbody tr td.alt {
	background: #e4e4e4;
}

.groupedGrid tbody tr.alt td.alt {
	background: #cdcdcd;
}

.groupedGrid thead tr th.highlight {
	background: #000;
	color: #fff;
}

.groupedGrid .error {
	color: #D33A35;
}

.groupedGrid .disable {
	color: #353535;
}

.groupedGrid .disable td input {
	color: #353535;
}

.groupedGrid .disable td a:link {
	color: #353535;
}

.groupedGrid .disable td a:visited {
	color: #353535;
}

.groupedGrid .disable td a:active {
	color: #353535;
}

.groupedGrid .innerTable {
	background: #cdcdcd;
}

.cal img {
	cursor: pointer;
}

div.originalDiv {
	border: 1px solid #9a9a9a;
	background-color: #fff;
}



/* Styles for Menu Items */
.pToolbar ul {
	border-bottom: 1px solid #cdcdcd;
}

.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited {
	color: #fff;
	background: #004896;
}

/*MPCC Update NOT SURE*/
.pToolbar .menu a.hasKids {
	background: #004896 url(./images/toolbar_rightarrow.gif) center right no-repeat;
}

/*MPCC Update NOT SURE*/
.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
	color: #fff;
	background-color: #004896;
}

/*MPCC Update NOT SURE*/
.pToolbar {
	background: #004896;
	color: #fff;
	border-top: solid 1px #dadada;
}

/*MPCC Update NOT SURE*/
.pToolbar .pTool {
	border-right: solid 1px #dadada;
}

.pToolbar .menu a,
.pToolbar .menu a:link,
.pToolbar .menu a:visited {
	border: 1px solid #cdcdcd;
}

.pToolbar li.off a,
.pToolbar li.off a:link,
.pToolbar li.off a:visited,
.pToolbar li.off a:hover,
.pToolbar li.off a.active,
.pToolbar .pTool li.off a:hover,
.pToolbar .pTool li.off a.active {
	background-color: rgba(14, 45, 82, 0.18);
	color: #000;
}

.cpHeader {
	color: #fff;
	background-color: #E8AF10;
}

/*MPCC Updated NOT SURE WAS #a3c6ef*/
.cpBody {
	background-color: #fff;
}

.cpLbl {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.cpTxt {
	color: #417505;
}

div.cp div.cpHead {
	background: #cdcdcd;
}

.dateRangeEdit div.opt a,
.dateRangeEdit div.opt a:link,
.dateRangeEdit div.opt a:visited {
	color: #000;
}

.dateRangeEdit div.opt a:hover {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.dateRangeEdit div.opt label:hover {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

#AccessiblityPopup .optionContainer span {
	background: url("../Images/accessbility-icons.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.contentTabs ul {
	border-bottom: 1px solid #9a9a9a;
	font-weight: bold;
}

.contentTabs li {
	border: solid 1px #9a9a9a;
	border-bottom: none;
	background: #cdcdcd;
	font-weight: bold;
}

.contentTabs li.selected {
	border-color: #9a9a9a;
	background: #fff;
}

div.tabbox {
	border-color: #9a9a9a;
}

div.thumbDiv {
	border: 1px solid #9a9a9a;
	padding: 2px;
	float: left;
	z-index: 2;
}

div#action {
	border: 1px solid #9a9a9a;
	background-color: #e4e4e4;
}

.multiUp table {
	background: #e4e4e4;
}

.multiUp table thead {
	background: #cdcdcd;
}

#tblUserSelector .largehint {
	background-color: #e4e4e4;
	border: 1px solid #9a9a9a;
}

#tblUserSelector #userSelectorCell .userlistTitleCell {
	background-color: #cdcdcd;
}

.error {
	color: #D33A35;
	font-weight: bold;
}

.glyphicons.glyphicons-minus-sign.delete-ordered-item {
	color: #D33A35;
}

.glyphicon.glyphicon-ok.approve-ordered-item {
	color: #417505;
}

.multi-file-upload .header-row {
	background-color: #f7f8f7;
}

.MyPagesSetup .glyphicons.glyphicons-circle-arrow-right,
.MyPagesSetup .glyphicons.glyphicons-circle-arrow-left {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.RssPortlet .rss-folder {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.RssPortlet .custom-icon.icon-rss {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.RssPortlet .categories-and-feed-header-row {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.RssPortlet .categories-and-feed,
.RssPortlet .rss-feed-item-alt-row {
	background-color: #e4e4e4;
}

.RssPortlet .item-header {
	background-color: #cdcdcd;
}

.RssPortlet .category-header {
	color: #000;
}

.forums-portlet .single-post-container .original-post-row a {
	color: #fff;
}

.forums-portlet .alternate-post {
	background-color: white;
}

.forums-portlet .original-post.alternate-post {
	background-color: #dbe0e5;
}

.forums-portlet .original-post {
	background-color: #dbe0e5;
}

.forums-portlet .unread-post {
	background-color: #eaf9e6;
}

.forums-portlet .requires-approval,
.forums-portlet .original-post.requires-approval,
.forums-portlet .unread-post.requires-approval,
.forums-portlet .original-post.unread-post.requires-approval {
	background-color: #fffde5;
}

.forums-portlet .secondary-alternate-background-one.original-post-row.primary-background {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/

.sharedToolsListRepeaterItemContainer:hover {
	background-color: #e4e4e4;
	border: 1px solid #004896;
}

/*MPCC Updated NOT SURE*/

.toolsListRepeaterItemContainer:hover {
	background-color: #a3c6ef;
	border: 1px solid #004896;
}

/*MPCC Updated NOT SURE*/

.featuredToolsListRepeaterItemContainer:hover {
	background-color: #a3c6ef;
	border: 1px solid #004896;
}

/*MPCC Updated NOT SURE*/

table.assignmentGrid.itemHover tr:hover,
table.assignmentGrid.itemHover tr:hover td {
	border: 1px solid #004896;
	background-color: #a3c6ef;
}

/*MPCC Updated NOT SURE*/
table.assignmentGrid th {
	border: 1px solid #cdcdcd;
	background-color: #e4e4e4;
}

table.assignmentGrid td {
	border: 1px solid #cdcdcd;
}

.inlineLink:hover {
	border-color: #004896;
}

/*MPCC Updated NOT SURE*/

.meetingPortlet .goToMeetingLink {
	border: 1px solid #cdcdcd;
	background: linear-gradient(top, #e4e4e4, #cdcdcd);
}

.previousMeetingTable tr:hover {
	background-color: #a3c6ef;
}

.meetingPortlet .modalDiv {
	background-color: #fff;
	border: 1px solid #000;
	box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.5);
}

.meetingPortlet .modalPopup {
	background-color: #cdcdcd;
	filter: Alpha(Opacity=70);
	opacity: 0.7;
}

.meetingPortlet .modalHeading {
	background-color: #e4e4e4;
}

.meetingPortlet .innerModal {
	border: 1px solid #c8c8c8;
	background-color: #e4e4e4;
}

.chat-portlet.chat-wrapper .message-info.lastActivity.start>td.name {
	border-bottom: 1px solid #cdcdcd;
}

.chat-portlet.chat-wrapper .message-info.repeat.end>td.name {
	border-bottom: 1px solid #cdcdcd;
}

.chat-portlet.chat-wrapper .table>tbody>tr>td.time-stamp {
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}

.chat-portlet.chat-wrapper .table>tbody>tr>td.message {
	border-bottom: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}

.courseOrgPortlet .linkButton {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

div.assignmentTitle.unitPast span {
	color: #353535;
}

table.assignmentGrid.itemHover tr:hover,
table.assignmentGrid.itemHover tr:hover td,
table.cwkTableDisplay.itemHover tr:hover td,
table.reorder.itemHover tr:hover,
table.reorder.itemHover tr:hover td {
	border: 1px solid #cdcdcd;
	background-color: #cdcdcd;
}

.CourseworkPortlet table.cwkTableDisplay th,
.CourseworkPortlet table.assignmentGrid th {
	border: 1px solid #cdcdcd;
	background-color: #cdcdcd;
}

.CourseworkPortlet table.cwkTableDisplay td,
.CourseworkPortlet table.assignmentGrid td {
	border: 1px solid #cdcdcd;
}

div.assignmentDisplay:hover {
	border-color: #cdcdcd;
	background-color: #a3c6ef;
}

div.assignmentDisplay.closed,
a.assignmentDisplay.closed {
	color: #353535;
}

div.assignmentDisplay.closed a {
	color: #353535;
}

div.assignmentDisplay.late {
	background-color: #fffde5;
}

div.assignmentDisplay.retake {
	background-color: #a3c6ef;
}

div.assignmentDisplay.new {
	background-color: #c1fa7f;
}

div.assignmentDisplay.newlyOpen {
	background-color: #c1fa7f;
}

div.assignmentDisplay.newFeedback {
	background-color: #c1fa7f;
}

div.detailInfo.studentInfo:hover {
	background-color: #a3c6ef;
	border: 1px solid #cdcdcd;
}

div.detailInfoLink:hover {
	background-color: #e4e4e4;
	border: 1px solid #cdcdcd;
}

div.assignmentStepHeader.expandable:hover {
	background-color: #e4e4e4;
	border: 1px solid #9a9a9a;
}

div.menuContent,
.moreHover {
	background-color: #e4e4e4;
}

div.detailAction div.detailActionDeleteAssignment span {
	color: #D33A35;
}

div.feedbackMessage.notVisible span {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

a.selectAssignment:hover {
	background-color: #e4e4e4;
	border: 1px solid #cdcdcd;
}

.assignmentFormat {
	border-color: #fff;
}

.assignmentFormat:hover {
	background-color: #e4e4e4;
	border-color: #cdcdcd;
}

table.reorderHeader th.assignMetaOrgHeader,
table.reorderHeader th.assignMetaDate {
	border-left: 1px solid #cdcdcd;
}

.timeBarNormal.open {
	color: #353535;
}

div.imgGallery span {
	color: #353535;
}

div.richText div.equation img,
div.editEquation div.equation img,
div.questionTypeDisplay div.equation img {
	border: 1px solid #cdcdcd;
}

.questionTable tr.distractor.multiAdd td {
	background-color: #e4e4e4;
	border-bottom: 1px dashed #cdcdcd;
}

div.testHeader li.timeRemaining.cwk-taketest-warning {
	background-color: white;
}

div.testHeader li.exitTest a {
	color: #D33A35;
}

div.reviewFooter a {
	color: #D33A35;
}

.CourseworkPortlet .matchDisplayTable td {
	border: 1px solid #cdcdcd;
}

ul.sortable li {
	border: 1px solid #cdcdcd;
	background: #fff;
}

ul.sortable li.sortableHighlight {
	background-color: #fffde5;
	border: 1px solid #e5d300;
}

div.bonusModal div.classicModal-innerModal {
	border-color: #cdcdcd;
}

div.bonusModal div.classicModal-innerModal div.classicModal-modalHeading {
	background-color: #e4e4e4;
	color: #fff;
}

div.openAssignment span.assignmentStatus strong {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
div.lateAssignment span.assignmentStatus strong {
	color: #D33A35;
}

div.reviewQuestions div.questionDisplay.showCollapse div.collapseGradeDisplay:hover,
div.reviewQuestions div.questionDisplay.showExpand div.expandGradeDisplay:hover {
	border: 1px solid #cdcdcd;
}

div.collapseGradeDisplay.zero,
div.expandGradeDisplay.zero,
table.multiReview .incorrect {
	border: 1px solid #D33A35;
	background-color: #e4e4e4;
}

div.expandFooter div.feedbackContainer:hover {
	background-color: #e4e4e4;
	border: 1px solid #cdcdcd;
}

.CourseworkPortlet td.correct {
	color: #417505;
}

.CourseworkPortlet div.correct {
	color: #417505;
}

td.incorrect {
	color: #D33A35;
}

div.incorrect {
	color: #D33A35;
}

td.partial {
	color: #353535;
}

.forumAssignmentSummarySubHeader a,
.forumAssignmentSummarySubHeader a:visited,
.forumAssignmentSummarySubHeader a:cwk-active {
	color: #353535;
}

.forumAssignmentSummaryControlValid span {
	color: #353535;
}

a.turnInAssignment,
a.turnInAssignment:link,
a.turnInAssignment:visited {
	color: #fff;
}

span.waitAttempt {
	background-color: #e4e4e4;
	border-color: #cdcdcd;
	color: #353535;
}

a.uploadFile,
a.uploadFile:link,
a.uploadFile:visited,
a.startAttempt span,
a.startAttempt:visited span,
a.startAttempt:link span {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.onlineAssignmentAttempts a,
.onlineAssignmentAttempts a:visited,
.onlineAssignmentAttempts a:cwk-active,
.onlineAssignmentAttempts a:link {
	color: #353535;
}

.onlineAssignmentAttempts li.ignored a,
div.retakeGradeContainer.ignored,
div.retakeGradeContainer.ignored .retakeGrade {
	color: #353535;
}

.CourseworkPortlet .gradeAssignment.notGraded {
	background-color: #fffde5;
}

div.overrideDisplay:hover {
	background-color: #e4e4e4;
	border: 1px solid #cdcdcd;
}

.passwordStrength1 {
	background-color: #fffde5;
}

.passwordStrength2 {
	background-color: #fff9b2;
}

.passwordStrength3 {
	background-color: #fff57f;
}

.passwordStrength4 {
	background-color: #e5d300;
}

.passwordStrength5 {
	background-color: #4c4600;
}

.secureBrowserInfo .returnLink {
	background-color: #a3c6ef;
	border: 1px solid #cdcdcd;
}

.CourseworkPortlet .override-modal-error {
	color: #D33A35;
}

div.manualGradeFinal b {
	color: #D33A35;
}

.selectiveRelease-ruleSelector-groupHeader:before {
	background: #000;
}

.selectiveRelease-ruleSelector-row:before {
	background: #000;
}

.selectiveRelease-ruleSelector-row:last-child:before {
	background: #000;
}

.selectiveRelease-ruleSelector-row:after {
	background: #000;
}

input.selectiveRelease-ruleSelector-validationFailed {
	border: solid 2px #D33A35;
}

.selectiveRelease-ruleSelector-ignoredRule {
	background-color: white;
}

.selectiveRelease-ruleSelector-selectAssignmentButton {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.selectiveRelease-ruleSelector-assignmentLink {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.portlet-grid .portlet .rubric tr.staticGrid-columnHeader th.staticGrid-rowLabelColumn:first-child {
	background-color: #9a9a9a;
	color: #fff;
}

.portlet-grid .portlet .rubric .staticGrid-dataColumn {
	background: #fff;
}

.portlet-grid .portlet .rubric .staticGrid-rowLabelColumn,
.portlet-grid .portlet .rubric .staticGrid-rowLabelColumn.selecting {
	background-color: #a3c6ef;
}

.portlet-grid .portlet .rubric td.selected,
.portlet-grid .portlet .rubric td.selected.selecting {
	background: none repeat scroll 0 0 #ffffe5;
	border: 2px solid #e7d937;
}

.portlet-grid .portlet .rubric-editing *:not(.mce-btn)>button {
	color: #000;
}

.portlet-grid .portlet .rubric-editing tr.staticGrid-dataRow th.staticGrid-rowLabelColumn {
	background: #fff;
}

.portlet-grid .portlet .rubric-editing tr.staticGrid-columnHeader th.staticGrid-dataColumn {
	background: #fff;
}

.portlet-grid .portlet .rubric-editing tr>th.staticGrid-dataColumn.panelEditor-formView,
.portlet-grid .portlet .rubric-editing tr>th.staticGrid-rowLabelColumn.panelEditor-formView {
	background: #e4e4e4;
}

.portlet-grid .portlet .rubric-editing .addScoreOverrideButton .link {
	color: #353535;
}

.portlet-grid .portlet .rubric-editing .panelEditor-formView label.rubric-validationFailure {
	color: #D33A35;
}

.portlet-grid .portlet .rubric-editing .panelEditor-formView input.rubric-validationFailure {
	border: solid 3px #D33A35;
}

.rubric .panelEditor-formView .panelEditor-saveButton {
	color: #353535;
	background-color: #004896;
	border: 0.1em solid #cdcdcd;
}

/*MPCC Updated NOT SURE*/
.rubric .panelEditor-formView .panelEditor-saveButton:hover {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/
.rubric .panelEditor-formView .panelEditor-cancelButton {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.rubric .panelEditor-formView .panelEditor-cancelButton:hover {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.rubric .panelEditor-formView .deleteButton {
	color: #D33A35;
}

.portlet-grid .portlet .rubric-editing tr>*:last-child,
.portlet-grid .portlet .rubric-editing>tbody>tr:last-child>* {
	background: #fffde5;
	border: solid 1px #cdcdcd;
}

.portlet-grid .portlet .rubric-grading td.selecting,
.portlet-grid .portlet .rubric-grading th.selecting {
	background: #e4e4e4;
}

.rubric:not(.rubric-grading) .facultyComment,
.rubric-grading .facultyComment.panelEditor-displayView .commentText {
	background: #fff;
	border: 1px solid #004896;
}

/*MPCC Updated NOT SURE*/
.rubric:not(.rubric-grading) .facultyComment:after,
.rubric-grading .facultyComment.panelEditor-displayView .commentText:after {
	border-left-color: #fff;
}

.rubric:not(.rubric-grading) .facultyComment:before,
.rubric-grading .facultyComment.panelEditor-displayView .commentText:before {
	border-left-color: #004896;
}

/*MPCC Updated NOT SURE*/

.rubric-grading .facultyComment *:not(.mce-btn)>button {
	color: #353535;
}

.gradebookPortlet .fullGradebookGrid tr.superheaderRow>th {
	background-color: #cdcdcd;
}

.gradebookPortlet .fullGradebookGrid .gradeItemColumn .droppedGrade {
	color: #353535;
}

.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.gradeItemColumn.altColumn {
	background-color: #a3c6ef;
}

.gradebookPortlet .fullGradebookGrid tbody>tr.alt:hover>td,
.gradebookPortlet .fullGradebookGrid tbody>tr.alt:hover>td.gradeItemColumn.altColumn {
	background-color: #a3c6ef;
}

.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.studentColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.hoverColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.hoverColumn.altColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr.alt:hover>td.hoverColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr.alt:hover>td.hoverColumn.altColumn {
	background-color: #e4e4e4;
}

.gradebookPortlet .fullGradebookGrid thead>tr>th.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid thead>tr>th.gradeItemColumn.hoverColumn.altColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.gradeItemColumn.altColumn,
.gradebookPortlet .fullGradebookGrid tfoot>tr>td.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid tfoot>tr>td.gradeItemColumn.hoverColumn.altColumn {
	border-top: double 1px #004896;
	border-bottom: double 1px #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td:first-child,
.gradebookPortlet .fullGradebookGrid tr>th.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid tr>th.gradeItemColumn.hoverColumn.altColumn,
.gradebookPortlet .fullGradebookGrid tr>td.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid tr>td.gradeItemColumn.hoverColumn.altColumn {
	border-left: double 1px #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.studentColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td:last-child,
.gradebookPortlet .fullGradebookGrid tr>th.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid tr>th.gradeItemColumn.hoverColumn.altColumn,
.gradebookPortlet .fullGradebookGrid tr>td.gradeItemColumn.hoverColumn,
.gradebookPortlet .fullGradebookGrid tr>td.gradeItemColumn.hoverColumn.altColumn {
	border-right: double 1px #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet .fullGradebookGrid thead>tr.superheaderRow>th.altColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr.alt>td.altColumn,
.gradebookPortlet .fullGradebookGrid tfoot>tr>td.altColumn {
	background-color: #cdcdcd;
}

.gradebookPortlet .fullGradebookGrid tbody>tr>td.altColumn {
	background-color: #cdcdcd;
}

.gradebookPortlet .fullGradebookGrid .previousButtonColumn,
.gradebookPortlet .fullGradebookGrid .nextButtonColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.previousButtonColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.nextButtonColumn {
	border: solid 2px #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet .fullGradebookGrid tr.superheaderRow>th.previousButtonColumn,
.gradebookPortlet .fullGradebookGrid tr.superheaderRow>th.nextButtonColumn,
.gradebookPortlet .fullGradebookGrid .previousButtonColumn,
.gradebookPortlet .fullGradebookGrid .nextButtonColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.previousButtonColumn,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.nextButtonColumn {
	background-color: #a3c6ef;
}

.gradebookPortlet .fullGradebookGrid tr.superheaderRow>th.previousButtonColumn.gbk-disabled,
.gradebookPortlet .fullGradebookGrid tr.superheaderRow>th.nextButtonColumn.gbk-disabled,
.gradebookPortlet .fullGradebookGrid .previousButtonColumn.gbk-disabled,
.gradebookPortlet .fullGradebookGrid .previousButtonColumn.gbk-disabled:hover,
.gradebookPortlet .fullGradebookGrid .nextButtonColumn.gbk-disabled,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.previousButtonColumn.gbk-disabled,
.gradebookPortlet .fullGradebookGrid tbody>tr:hover>td.nextButtonColumn.gbk-disabled {
	background-color: #e4e4e4;
	border-color: #cdcdcd;
}

.gradebookPortlet .navBar.fullGradebookNavBar #FullGradebookTab,
.gradebookPortlet .navBar.evaluationsNavBar #EvaluationsTab,
.gradebookPortlet .navBar.letterGradeAdminNavBar #GradeLetterTab,
.gradebookPortlet .navBar.weightingNavBar.hideExpandedTab #WeightingTab {
	background-color: #fff;
}

.gradebookPortlet .navBar.attendanceDetailNavBar #EvaluationsTab,
.gradebookPortlet .navBar.evaluationDetailNavBar #EvaluationsTab {
	background-color: #fffde5;
}

.gradebookPortlet .navBar.weightingNavBar #WeightingTab {
	background-color: #e4e4e4;
}

.gradebookPortlet .weightingListControl .missingWeight {
	background-color: #fffde5;
}

.gradebookPortlet .weightingListControl tr.missingChildItemWeight>td.itemNameColumn {
	background-color: #fffde5;
}

.gradebookPortlet .weightingListControl.allowWeightEntry .itemWeightList>tbody>tr.missingWeightRow .weightColumn,
.gradebookPortlet .weightingListControl.allowWeightEntry.missingWeight .itemWeightList>tfoot>tr {
	background-color: #fffde5;
}

.gradebookPortlet .weightingListControl.allowWeightEntry.invalidTotalWeight table.itemWeightList>tfoot>tr {
	background-color: #fffde5;
}

.gradebookPortlet .weightingListControl.allowWeightEntry.invalidTotalWeight table.itemWeightList>tfoot>tr>td.weightColumn {
	color: #D33A35;
}

.gradebookPortlet .weightingListControl table.itemWeightList>tbody>tr>td.extraCreditColumn,
.gradebookPortlet .weightingListControl table.extraCreditList>tbody>tr>td.extraCreditColumn {
	background-color: #fffde5;
}

.gradebookPortlet .weightingListControl .extraCreditList>tfoot>tr {
	background-color: #fffde5;
}

.gradebookPortlet .weightingAdmin .selectPanel li a:hover {
	color: #353535;
	border: 1px solid #cdcdcd;
	background-color: #e4e4e4;
}

.gradebookPortlet .weightingSetupScreen tr.optionItemSelected>td,
.gradebookPortlet .weightingSetupScreen .optionItemSelected {
	background-color: #e4e4e4;
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

.gradebookPortlet .studentDetailScreen.attendanceFailure .finalGradePanel {
	color: #004896;
	background-color: #fffde5;
	border-color: #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet .studentDetailScreen.attendanceFailure.facultyView .finalGradePanel {
	background-color: #fffde5;
}

.gradebookPortlet .studentDetailScreen.facultyView .attendanceFailureMessage span {
	color: #353535;
}

.gradebookPortlet .studentDetailScreen .extraCreditGroup .gradeGroupSidebar {
	background-color: #fffde5;
}

.gradebookPortlet .studentDetailScreen .gradeItemGrid .droppedGrade {
	color: #353535;
}

.gradebookPortlet .gradeList .onlineAssignment {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.gradebookPortlet caption {
	color: #353535;
}

.gradebookPortlet .evaluationDetailScreen .attendanceAdmin .includeButton strong,
.gradebookPortlet .evaluationDetailScreen .attendanceAdmin .isIncludedText strong {
	color: #353535;
}

.gradebookPortlet .evaluationDetailScreen .attendanceAdmin .doNotIncludeButton strong,
.gradebookPortlet .evaluationDetailScreen .attendanceAdmin .isNotIncludedText strong {
	color: #353535;
}

.gradebookPortlet .letter-grade-screen .LetterConfigModalPopup {
	background: #fff;
	border-color: #cdcdcd;
}

.gradebookPortlet .letter-grade-screen .LetterConfigModalPopupHeader {
	background: #cdcdcd;
}

.gradebookPortlet .letter-grade-screen .LetterConfigModalPopupBody {
	background-color: #e4e4e4;
}

.gradebookPortlet table.tabularData>thead>tr>th {
	background-color: #fff;
}

.gradebookPortlet .mainStudentListScreen .otherFeaturesColumn .attendancePanel .includeButton,
.gradebookPortlet .mainStudentListScreen .otherFeaturesColumn .attendancePanel .doNotIncludeButton,
.gradebookPortlet .mainStudentListScreen .otherFeaturesColumn .attendancePanel .helpLink {
	border-right: solid 1px #cdcdcd;
	background-color: #a3c6ef;
}

.Attendance .groupedGrid thead th,
.Attendance .groupedGrid thead td,
.Attendance .groupedGrid tbody.gbody tr th,
.Attendance .groupedGrid tfoot td {
	color: #353535;
	background: #cdcdcd;
}

.Attendance .attHighlight A:link,
.Attendance .attHighlight A:visited,
.Attendance .attHighlight A:active,
.Attendance .attHighlight A:hover,
.Attendance .attHighlight A:visited:hover {
	color: #D33A35;
}

.portlet-grid .portlet .staticGrid {
	border: solid 1px #cdcdcd;
}

.portlet-grid .portlet .staticGrid tr>* {
	border: solid 1px #cdcdcd;
	background: #fff;
}

.portlet-grid .portlet .staticGrid tr th,
.portlet-grid .portlet .staticGrid tr td {
	color: #353535;
}

/* 
    Theme: Pacifica
--  Portlet mobile color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Pacifica
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
.admin-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	position: relative;
	top: -1px;
	margin-bottom: -10px;
}

/*MPCC ADDED*/
.admin-menu .actions-menu {
	background: #E8AF10;
}

/*MPCC Updated*/
.admin-menu .actions-menu a {
	color: #fff;
}

.admin-menu .actions-menu.drag-menu {
	background-color: #f7f8f7;
}

.admin-menu .actions-menu.drag-menu a {
	color: #84754E;
}

.ui-sortable .drag-header h3,
.ui-sortable .drag-header a {
	color: #fff;
}

.site-manager {
	/* Dashboard control*/
}

.site-manager .custom-icon.icon-arrow-down {
	color: #353535;
}

.site-manager a.disabled .custom-icon.icon-arrow-down {
	color: #b5b5b5;
}

.site-manager ul.menu li .arrow-box:after {
	border-left-color: #004896 !important;
}

/*MPCC Updated*/

.drag-list.empty-List {
	background-color: #f7f8f7;
}

#editPortletPopup .Content .portletRename input[type="text"].error {
	border-color: #D33A35;
}

.DeletePagePanel .header {
	background-color: transparent;
}

.DeletePagePanel .warning-info {
	background-image: url("./images/admin/Warning.gif");
	background-repeat: no-repeat;
	background-position: 15px 15px;
}

.DeletePagePanel .deleteButtonPanel div {
	background-color: #f7dddd;
	border-color: #D33A35;
}

#AccessiblityPopup .Content li .downButton .icon {
	background: transparent url(./images/portlet-images/icon/arrow_down.gif) 0 0 no-repeat;
}

#AccessiblityPopup .Content li .upButton .icon {
	background: transparent url(./images/portlet-images/icon/arrow_up.gif) 0 0 no-repeat;
}

#AccessiblityPopup .optionContainer span {
	background: url("./images/admin/accessbility-icons.png") no-repeat scroll left top rgba(0, 0, 0, 0);
}

.settings-wrapper .inner-settings-wrapper .innerModal,
.pageOptionsPanel .innerModal,
.preferencesPanel .inner-settings-wrapper .innerModal {
	background-color: #fff !important;
}

.settings-wrapper .saveButtonContainer,
.preferencesPanel .saveButtonContainer,
#AccessiblityPopup .saveButtonContainer {
	background-color: #77abe8;
	border-color: #004896;
}

/*MPCC Updated*/

.settings-wrapper .modalDiv,
.preferencesPanel .modalDiv,
.pageAccessPanel .inner-settings-wrapper .modalDiv {
	border-color: #000;
	background-color: #fff;
}

.settings-wrapper .modalHeadingImg,
.preferencesPanel .modalHeadingImg,
.pageAccessPanel .inner-settings-wrapper .modalHeadingImg,
.pageOptionsPanel .inner-settings-wrapper .modalHeadingImg,
.ui-dialog-content .modalHeadingImg {
	background-image: url("./images/admin/16/close-popup.png");
}

.settings-wrapper .modalHeading .icon,
.preferencesPanel .modalHeading .icon {
	background-image: url("./images/admin/16/cog_edit.png");
}

.settings-wrapper .inner-settings-wrapper .modalHeading,
.preferencesPanel .inner-settings-wrapper .modalHeading {
	background-color: #fff;
}

.settings-wrapper .inner-settings-wrapper .inner-settings-wrapper,
.preferencesPanel .inner-settings-wrapper .inner-settings-wrapper {
	background-color: #d7d7d7;
	border-color: #cdcdcd;
}

.settings-wrapper .inner-settings-wrapper div.modalButtons,
.preferencesPanel .inner-settings-wrapper div.modalButtons,
#AccessiblityPopup div.modalButtons {
	background-color: #d7d7d7;
}

.settings-wrapper .portletSelection,
.preferencesPanel .portletSelection {
	border-color: #cdcdcd;
	background-color: #a3c6ef;
}

.allowedButton {
	background-color: #d9fcb0;
}

.allowedButton.byInheritance {
	background-color: #d9fcb0;
}

.notallowedButton {
	background-color: #cdcdcd;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly {
	border: 1px solid #cdcdcd;
	background-color: #d9fcb0;
}

.PageLayoutPanel .custom-layout .pre-title {
	color: #353535;
}

.PageLayoutPanel .availableLayout.one_column.readonly {
	border: 1px solid #004896;
	background-color: #a3c6ef;
}

/*MPCC Updated NOT SURE*/

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .hoverHint {
	color: #353535;
}

.PageLayoutPanel .custom-layout .availableLayout.one_column.readonly .layoutType {
	color: #353535;
}

.pageAccessPanel .inner-settings-wrapper .innerModal,
.preferencesPanel .inner-settings-wrapper .innerModal {
	background-color: #fff;
}

.pageAccessPanel .inner-settings-wrapper .topBackButton {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.pageAccessPanel .backButton,
.pageOptionsPanel .backButton {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.pageAccessPanel .roleManager .roleOptions .addPeople-link.hasMembers a {
	background-color: #fff;
}

.pageAccessPanel .roleManager .roleOptions .addPeople-link a {
	color: #004896;
	background-color: #a3c6ef;
	border-color: #cdcdcd;
}

/*MPCC Updated NOT SURE*/

.pageAccessPanel .roleManager .roleOptions .addOthersRoles-link {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.pageAccessPanel .roleManager .expandAll {
	color: #353535;
}

.pageAccessRoleMenu .AddRoleContainer a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.pageAccessRoleMenu .AddRoleContainer {
	color: #353535;
}

.pageAccessRoleMenu .AddRoleContainer.noRoles {
	color: #353535;
}

.pa-roleContentMenu li a {
	border-bottom-color: #9a9a9a;
}

.accessActions .pageAccessActionTitle.disable {
	border-top-color: #9a9a9a;
}

.accessActions.adminPanel .exclamation {
	background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 8px 0 #fff;
}

.accessActions.adminPanel header {
	font-size: 1.3em;
}

.accessActions.adminPanel a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.back-to-members {
	background-color: #004896;
	color: #fff;
}

/*MPCC Updated NOT SURE*/

.no-selection {
	background-color: #cdcdcd;
}

.portletAccessDescription {
	color: #353535;
}

.portletActions li a.portletAction.enabled {
	background: url("./images/portlet-images/icon/tick.png") no-repeat scroll 8px 0 #fff;
	color: #353535;
}

.portletActions li a.portletAction.disabled {
	color: #D33A35;
	background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 0 #fff;
}

.permissionsTitle .subTitle {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.pageOptionsPanel .PageOptionsHeader .description a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.pageOptionsPanel .PageOptionsBody {
	background-color: #fff !important;
}

.pageOptionsPanel .actions .deletePage,
#editPortletPopup .Content .deletePortlet,
#DeleteShortcutPopup .Content .deletePortlet {
	background-color: #fffde5;
	border-color: #D33A35;
	color: #D33A35 !important;
}

.pageOptionsPanel .actions .deletePage.disabled {
	color: #353535 !important;
}

.pageOptionsPanel .actions .deletePage .disabledDeleteButton {
	color: #353535;
}

.pageOptionsPanel .layout {
	background: url("./images/admin/pageLayout.png") 0 0 no-repeat;
}

.pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts div div a {
	color: #353535 !important;
}

.pageOptionsPanel .layout.multiPorltet .pagePortlets.shortcuts a:link {
	color: #353535 !important;
}

.pageOptionsPanel .layout.multiPorltet .pagePortlets .portletDisplayName {
	color: #353535;
}

.pageOptionsPanel .PageOptionsInnerBody .pageOptionsLinks .title {
	color: #353535;
}

.pageOptionsPanel .pageRenaming .outsidePortal {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.pageOptionsPanel .pageRenaming .content .validator {
	color: #D33A35;
}

.pageOptionsPanel .pageRenaming .renameButton:hover {
	background-color: #a3c6ef;
	border-color: #004896;
}

/*MPCC Updated NOT SURE*/

.pageOptionsPanel .modalHeading {
	background-color: #fff !important;
}

.PageOptionsInnerBody .layoutOptions .content.one_column,
.PageLayoutPanel .availableLayout.one_column .icon {
	background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_rwide,
.PageLayoutPanel .availableLayout.two_column_rwide .icon {
	background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_rwide,
.PageLayoutPanel .availableLayout.three_column_rwide .icon {
	background-image: url(./images/admin/layout_icon-1.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_even,
.PageLayoutPanel .availableLayout.two_column_even .icon {
	background-image: url(./images/admin/layout_icon-2.gif);
}

.PageOptionsInnerBody .layoutOptions .content.two_column_lwide,
.PageLayoutPanel .availableLayout.two_column_lwide .icon {
	background-image: url(./images/admin/layout_icon-3.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_mwide,
.PageLayoutPanel .availableLayout.three_column_mwide .icon {
	background-image: url(./images/admin/layout_icon-6.gif);
}

.PageOptionsInnerBody .layoutOptions .content.side_by_side_with_header,
.PageLayoutPanel .availableLayout.side_by_side_with_header .icon {
	background-image: url(./images/admin/layout_icon-2a.gif);
}

.PageOptionsInnerBody .layoutOptions .content.blog_style_header,
.PageLayoutPanel .availableLayout.blog_style_header .icon {
	background-image: url(./images/admin/layout_icon-3a.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_even,
.PageLayoutPanel .availableLayout.three_column_even .icon {
	background-image: url(./images/admin/layout_icon-4.gif);
}

.PageOptionsInnerBody .layoutOptions .content.three_column_lwide,
.PageLayoutPanel .availableLayout.three_column_lwide .icon {
	background-image: url(./images/admin/layout_icon-5.gif);
}

.MainGroupListings .footer {
	background: none repeat scroll 0 0 transparent;
	color: #353535;
}

.MainGroupListings .header,
.AddPageHeader .header {
	background: none repeat scroll 0 0 transparent;
}

.pageDescript {
	color: #353535;
}

ul.PageGroupListView h2 {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
ul.PageGroupListView .pageDescript {
	color: #353535;
}

a.availablePage,
a.unavailablePage,
a.availableLayout {
	border: 1px solid transparent;
}

a.availablePage:hover,
a.availableLayout:hover {
	border-color: #004896;
	background-color: #a3c6ef;
}

/*MPCC Updated NOT SURE*/

.availablePage h2,
a.availableLayout h2 {
	color: #353535;
}

.availablePage:hover h2 a.availableLayout:hover h2 {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.unavailablePage .pageType {
	color: #353535;
}

.rssReaderPage .icon {
	background-image: url(./images/admin/32/feed.png);
}

.contentImportPage .icon {
	background-image: url(./images/admin/32/course_content_import_32.png);
}

.learningToolsPage .icon {
	background-image: url(./images/admin/32/measure.png);
}

.rosterPage .icon {
	background-image: url(./images/admin/32/book_addresses.png);
}

.courseOrganizerPage .icon {
	background-image: url(./images/admin/32/course-organizer-32.png);
}

.chatPage .icon {
	background-image: url(./images/admin/32/user_comment.png);
}

.calendarPage .icon {
	background-image: url(./images/admin/32/calendar.png);
}

.free-formContentPage .icon {
	background-image: url(./images/admin/32/course_content_import_32.png);
}

.gradebookPage .icon {
	background-image: url(./images/admin/32/gradebook_32.png);
}

.attendancePage .icon {
	background-image: url(./images/admin/32/attendance_32.png);
}

.courseWorkPage .icon {
	background-image: url(./images/admin/32/coursework_32.png);
}

.handoutsPage .icon {
	background-image: url(./images/admin/32/handouts_32.png);
}

.blogPage .icon {
	background-image: url(./images/admin/32/blogs_news_32.png);
}

.formsPage .icon {
	background-image: url(./images/admin/32/forms_32.png);
}

.bookmarksPage .icon {
	background-image: url(./images/admin/32/bookmarks_32.png);
}

.forumsPage .icon {
	background-image: url(./images/admin/32/forums_32.png);
}

.courseInfoPage .icon {
	background-image: url(./images/admin/32/course-info-32.png);
}

.readingsPage .icon {
	background-image: url(./images/admin/32/readings_32.png);
}

.onlineMeetingPage .icon {
	background-image: url(./images/admin/32/meeting-32.png);
}

.moreOptionsPanel .optionsHeader {
	border-top-color: #cdcdcd;
	color: #353535;
}

.ExpandablePanel {
	color: #353535;
}

.MetaControl {
	color: #353535;
}

.SubTable_Footer.ValidationError {
	color: #D33A35;
}

.rePositionItem {
	background-color: #fff !important;
}

.rePositionItem>.portlet>.dragBar {
	background-color: #cdcdcd;
}

.rePositionItem>.portlet>.dragBar p {
	background-color: transparent;
}

.rePositionItem>.portlet>.dragBar p {
	background: url("./images/admin/16/DragDrop.png") no-repeat scroll 8px 5px;
}

.rePositionItem .drag-header {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/

.drag-disable {
	opacity: 0.1;
}

.pageActions .ChangePermissions {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

a.pageAction,
a.permissionChangeOfRoleForPage,
a.permissionChangeOfRoleForPage.disable>span {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

a.pageAction.enable,
a.permissionChangeOfRoleForPage.enable {
	background-color: #d9fcb0;
	border-color: #417505;
	background: url("./images/portlet-images/icon/enable.png") no-repeat scroll 0px 10px #d9fcb0;
	color: #417505;
}

a.pageAction.disable {
	background: url("./images/portlet-images/icon/delete.png") no-repeat scroll 8px 2px #fffde5;
	border-color: #D33A35;
}

a.permissionChangeOfRoleForPage.disable {
	background: url("./images/portlet-images/icon/delete22x22.png") no-repeat scroll 8px 5px #fffde5;
	border-color: #D33A35;
}

a.permissionChangeOfRoleForPage.disable>span {
	color: #D33A35;
}

.portletAccessDescription.exclamation {
	background: url("./images/portlet-images/icon/exclamation.png") no-repeat scroll 0px 0 transparent;
}

.DialogWindow_OuterFrame {
	border-color: #9a9a9a;
	background-color: #fff;
}

.DialogWindow_InnerFrame {
	border-color: #9a9a9a;
}

.DialogWindow_Title {
	background-color: #cdcdcd;
	color: #353535;
}

.DialogWindow_Background {
	background-color: #cdcdcd;
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}

.AsPopupView .selectUser .peoplechooser .pc-action .pc-more {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.AsPopupView .selectUser .peoplechooser .pc-action .pc-prev {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.AsPopupView .selectUser .peoplechooser .pc-action .pc-removeAll {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.AsPopupView .selectUser .peoplechooser.pc-full .pc-filter span {
	color: #353535;
}

.AsPopupView .selectRole .info .title,
.AsPopupView .selectUser .info .title {
	color: #353535;
}

.AsPopupView .selectRole .info .description,
.AsPopupView .selectUser .info .description {
	color: #353535;
}

.ui-widget-content a.save {
	color: #fff;
}

.ui-widget-content a.cancel {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.context-manager.roles-list .role-link.selected-role {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/
.context-manager.roles-list .role-link.selected-role a {
	color: #fff;
}

.context-manager.roles-list .role-link.admin {
	background-color: #417505;
}

.context-manager.roles-list .role-link.admin a {
	color: #fff;
}

.context-manager.roles-list li {
	border-color: #cdcdcd;
	background-color: #e4e4e4;
}

/* 
    Theme: Pacifica
--  Admin mobile color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Pacifica
--  EX Fixes color specific styles
--  Create another file to override these styles if needed
*/
.PortletError {
	color: #D33A35;
}

.groupedGrid {
	border-bottom-color: #cdcdcd;
	background: #cdcdcd;
}

.groupedGrid thead,
.groupedGrid .ghead,
.header,
.footer {
	background: #cdcdcd;
}

.groupedGrid thead tbody {
	background: #cdcdcd;
}

.groupedGrid th {
	background: #c8c8c8;
}

.groupedGrid tfoot,
.subheader,
.subfooter {
	background: #c8c8c8;
}

.groupedGrid tfoot tbody {
	background: #c8c8c8;
}

.groupedGrid_VerticalHeader {
	background: #c8c8c8;
}

.header,
.groupedGrid tfoot td,
.groupedGrid tfoot th,
.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td {
	background: #c8c8c8;
}

.groupedGrid tfoot td,
.groupedGrid tfoot th {
	background: #9a9a9a;
}

.groupedGrid thead td,
.groupedGrid thead th,
.groupedGrid tbody.gbody tr th,
.groupedGrid tbody.ghead tr td,
.groupedGrid tbody.gfoot tr td {
	background: #9a9a9a;
}

.groupedGrid tbody.gsubhead tr td {
	color: #000;
}

.groupedGrid tr.subItem td {
	border-top-color: #cdcdcd;
}

.groupedGrid th a,
.groupedGrid th a:link,
.groupedGrid th a:visited {
	color: #000;
}

.groupedGrid th a:hover {
	color: #353535;
}

.groupedGrid tbody {
	background: #fff;
}

.groupedGrid tbody tr td.highlight {
	background: #a3c6ef;
}

.groupedGrid tbody tr.alt td.highlight {
	background: #a3c6ef;
}

.groupedGrid tbody tr.highlight {
	background: #a3c6ef;
}

.groupedGrid tbody tr.althighlight {
	background: #fffde5;
}

.groupedGrid tbody tr td.alt {
	background: #cdcdcd;
}

.groupedGrid tbody tr.alt td.alt {
	background: #cdcdcd;
}

.groupedGrid thead tr th.highlight {
	background: #000;
	color: #fff;
}

.groupedGrid .error {
	color: #D33A35;
}

.groupedGrid .disable {
	color: #353535;
}

.groupedGrid .disable td input {
	color: #353535;
}

.groupedGrid .disable td a:link {
	color: #353535;
}

.groupedGrid .disable td a:visited {
	color: #353535;
}

.groupedGrid .disable td a:active {
	color: #353535;
}

.groupedGrid .innerTable {
	background: #cdcdcd;
}

.FBQuestionList h6.HeaderLabel {
	color: #000;
}

.FBQuestionList .Required {
	color: #353535;
}

.FBQuestionList .Error {
	color: #D33A35;
}

.FBQuestionList .RequiredError {
	color: #D33A35;
}

.FormBuilder .MainHeaderSecondary h4 {
	background-color: #b5f967;
}

.FormBuilder .MainHeaderMessage {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.FormBuilder .MainHeader table {
	background-color: #a3c6ef;
}

.FormBuilder .MainHeader td {
	border-color: #417505;
}

.FormBuilder .MainHeaderStatus {
	color: #004896;
}

/*MPCC Updated NOT SURE*/
.FormBuilder .MainHeaderStatusWarning {
	color: #D33A35;
}

.FormBuilder table.MainHeaderStatusBar {
	background-color: #cdcdcd;
}

.FormBuilder table.MainHeaderStatusBar td {
	border-color: #9a9a9a;
}

.FormBuilder table.MainHeaderStatusBar a {
	color: #417505;
}

.FormBuilder table.GridStyle {
	background: #fff;
}

.FormBuilder table.GridStyle thead {
	border-bottom-color: #9a9a9a;
	border-left-color: #9a9a9a;
	border-right-color: #9a9a9a;
	background: #9a9a9a;
}

.FormBuilder table.GridStyle th {
	background: #cdcdcd;
}

.FormBuilder table.GridStyle td,
table.GridStyle th {
	border-left-color: #9a9a9a;
	border-bottom-color: #9a9a9a;
}

.FormBuilder #tblCreateNewForm {
	border-color: #9a9a9a;
}

.FormBuilder table.GridStyle .RightTableCell {
	border-right-color: #9a9a9a;
}

.FormBuilder table.GridStyle .RightSplitTableCell {
	border-left-color: #9a9a9a;
	border-right-color: #9a9a9a;
}

.FormBuilder table.GridStyle tbody tr td.alt,
.FormBuilder table.GridStyle tbody tr.alt td.alt {
	background: #cdcdcd;
}

.FormBuilder table.GridStyle .TitleBar,
.FormBuilder #tblNewQuestion .FooterBar {
	border-color: #9a9a9a;
	background: #9a9a9a;
}

.FormBuilder table.GridStyle .HeaderSection {
	background-color: #cdcdcd;
}

.FormBuilder table.GridStyle .ImportQuestions {
	background-color: #a3c6ef;
}

.FormBuilder .ErrorMsg {
	color: #D33A35;
}

.FormBuilder #tblMoveQuestion {
	background: #cdcdcd;
	border-color: #9a9a9a;
}

.FormBuilder #tblQuestionPreview {
	border-color: #cdcdcd;
}

div.oops {
	border-color: #D33A35;
	background: #eba4a2;
}

div.tabGroup ul.tabHeaders {
	background: #c8c8c8;
}

div.tabGroup ul.tabHeaders li {
	border-left-color: #cdcdcd;
}

div.tabGroup ul.tabHeaders a,
div.tabGroup ul.tabHeaders a:link,
div.tabGroup ul.tabHeaders a:visited {
	color: #000;
	background: #c8c8c8;
}

div.tabGroup ul.tabHeaders li.selected a,
div.tabGroup ul.tabHeaders li.selected a:link,
div.tabGroup ul.tabHeaders li.selected a:visited,
div.tabGroup ul.tabHeaders li.selected a:hover,
div.tabGroup ul.tabHeaders a.selected,
div.tabGroup ul.tabHeaders a.selected:link,
div.tabGroup ul.tabHeaders a.selected:visited,
div.tabGroup ul.tabHeaders a.selected:hover {
	background: #fff;
}

div.tabGroup ul.tabHeaders a:hover,
.secTable tbody .alt td.admin {
	background: #a3c6ef;
}

table.tabularData>caption,
table.tabularData>*>tr>* {
	border-color: #cdcdcd;
}

table.tabularData>caption,
table.tabularData>thead>tr.header {
	border-color: #cdcdcd;
	background-color: #cdcdcd;
}

table.tabularData>thead,
table.tabularData>tfoot {
	background-color: #a3c6ef;
}

table.tabularData>thead>tr>th {
	background-color: #c8c8c8;
}

table.tabularData>tbody>tr.alt {
	background-color: #a3c6ef;
}

table.tabularData>*>tr>th.sorted,
table.tabularData>*>tr>td.sorted,
table.tabularData>*>tr.alt>td.sorted {
	background-color: #cdcdcd;
}

table.tabularData>*>tr.error,
table.tabularData>*>tr.error.alt,
table.tabularData>*>tr.error>td.sorted,
table.tabularData>*>tr>td.error {
	color: #fff;
	background-color: #D33A35;
	border-color: #fff;
}

table.tabularData>*>tr.error>td {
	border-color: #fff;
}

table.tabularData>*>tr.error a {
	color: #fff;
}

table.tabularData>*>tr.error>td.error {
	color: #D33A35;
	background-color: #fff;
	border-color: #D33A35;
}

.fbTblAdmin {
	background-color: #fff;
}

.fbTblAdminHead {
	background-color: #cdcdcd;
}

.fbTblAdminSubHead {
	background-color: #c8c8c8;
}

.fbTblAdminSubHeadAlt {
	background-color: white;
}

.fbLookupDef {
	background-color: #fff;
}

.fbLookupAlt {
	background-color: #a3c6ef;
}

.feedbackMessage {
	border-color: #004896;
	background: white;
	color: #000;
}

/*MPCC Updated NOT SURE*/

.feedbackError {
	color: #D33A35;
	background: #fffde5;
	border-color: #D33A35;
}

.note {
	color: #353535;
}

/*Accordion*/
.accordionHeader {
	background-color: #cdcdcd;
}

.accordionHeader a {
	color: #000;
}

.accordionHeader a:hover {
	background-color: #cdcdcd;
	color: #000;
}

.accordionHeaderSelected {
	background-color: #9a9a9a;
	color: #fff;
}

.accordionHeaderSelected a {
	color: #fff;
}

.accordionHeaderSelected a:hover {
	background-color: #9a9a9a;
}

.accordionContent {
	background-color: #fff;
}

.accordionLink {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

/* 
    Theme: Pacifica
--  Full Calendar color specific styles
--  Create another file to override these styles if needed
*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
	border-color: #cdcdcd;
}

.fc-unthemed .fc-popover {
	background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
	background-color: #dadada;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #353535;
}

.fc-unthemed .fc-today {
	background: #fffde5;
}

.fc-highlight {
	background-color: #004896;
	opacity: .1;
}

/*MPCC Updated NOT SURE*/

.fc-nonbusiness {
	background: #cdcdcd;
}

.fc-event {
	border-style: solid;
	border-width: 1px;
	border-color: #1d5da9;
}

.fc-event,
.fc-event-dot {
	background-color: #004896;
}

/*MPCC Updated NOT SURE*/

.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
	color: #fff;
}

.fc-event .fc-bg {
	background: #fff;
}

.fc-h-event.fc-selected .fc-resizer {
	background: #fff;
}

.fc-day-grid-event.fc-selected:after {
	background: #000;
}

.fc-basic-view .fc-day-top .fc-week-number {
	background-color: #cdcdcd;
	color: #000;
}

.fc-time-grid-event.fc-selected .fc-resizer {
	background: #fff;
}

.fc-list-item:hover td {
	background-color: #dadada;
}

.fc-unthemed .fc-list-empty {
	background-color: #cdcdcd;
}

.fc-state-default {
	background-color: #dadada;
	border-color: #cdcdcd #cdcdcd #9a9a9a;
	color: #353535;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
	color: #353535;
	background-color: #cdcdcd;
}

.fc-state-hover {
	color: #353535;
}

.fc-state-down,
.fc-state-active {
	background-color: #c8c8c8;
}

/* 
    Theme: Pacifica
--  Button color specific styles
--  Create another file to override these styles if needed
*/
.dashboard-menu-links li a.active-content-color {
	color: #fff;
}

button:focus,
.btn:focus {
	background-color: #E8AF10a6 !important;
	/*border: 1px Solid #F7943C;*/
}

/*MPCC Updated CHANGES THE COLOR OF BUTTONS AFTER CLICK -- WAS 4c8fe0, F7943C, d4a00f*/

.btn-border {
	border: 1px solid #9a9a9a;
}

/* 
    Theme: Pacifica
--  Navbar color specific styles
--  Create another file to override these styles if needed
*/
.site-header-container .user-btn:focus,
.site-header-container .search-btn:focus {
	box-shadow: none;
}

/*MPCC Updated*/
.site-header-container .user-btn {
	color: #004896;
}

.site-header-container .search-btn {
	color: #000000 !important;
}

/*MPCC Updated*/
/* this is a change, production is "ff8200", test is "0e2d52" */

.site-header-container .popover {
	background-color: #fff;
	border: 1px solid #cdcdcd;
}

.site-header-container .main-nav-submenu-container .init-user-login-btn,
.site-header-container .main-nav-submenu-container .init-logout-btn,
.site-header-container .main-nav-submenu-container .init-user-login-continue-btn {
	color: #265B8C;
	background: #fff;
}

/*MPCC Updated*/

.site-header-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
.site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
	color: #265B8C;
	background: none;
}

/*MPCC Updated*/

.site-header-container .main-nav-submenu-container .user-login.popover .init-user-login-btn:active,
.site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn:active {
	box-shadow: none;
}

.site-header-container .main-nav-submenu-container .user-login.popover .message,
.site-header-container .main-nav-submenu-container .user-login.popover .user-name {
	color: #353535;
}

.site-header-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
	color: #929292;
	background: white;
}

/*MPCC Updated*/
.site-header-container .main-nav-submenu-container .user-login .forgot-password-link {
	color: #E8AF10;
}

/*MPCC Updated*/
.site-header-container .jics-login-show-standard-fields-text {
	color: #000;
}

.site-header-container .jics-login-show-standard-fields-button:hover {
	color: #E8AF10;
	text-decoration: underline;
}

.top-nav-bar {
	background-color: #004896;
}

/*MPCC Updated*/
/* this is a change, production is "0e2d52", test is "e67500" */
.top-nav-bar .nav-container .link-scroll {
	background: transparent;
}

.top-nav-bar .more-links-div {
	background-color: #004896;
}

/*MPCC Updated*/

.main-crumbs {
	color: #004896;
}

/*MPCC Updated*/
.main-crumbs .breadcrumbs-title {
	color: #353535;
}

#emulation {
	color: #353535;
}

/* 
    Theme: Pacifica
--  Navbar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.site-header-container .mobile-fixed-container {
		background: #004896;
		/* this is a change, production is "0e2d52", test is "ff8200" */
		border-bottom-color: #E8AF10;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar {
		background-color: transparent;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll.vertical-menu {
		background: #fff;
		border-bottom: 0;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll {
		background: #fff;
	}

	.modal-overlay {
		background-color: #4e4e4f;
	}

	/*MPCC Added*/

	div .li_test {
		line-height: 30px;
		border-bottom: 1px solid #ccc;
		list-style: none;
		background-color: #4D4D4F;
		color: #fff;
	}

	/*MPCC Added*/

	.wysiwygtext li:not(.withBullets) {
		margin-left: -25px;
	}

	/*MPCC Added*/

	div .ul_test {
		margin-bottom: -10px
	}

	/*MPCC Added*/

	div .span_test {
		color: white;
		text-decoration: none;
	}

	/*MPCC Added*/

	div .span_test .a_test:hover {
		color: white;
		text-decoration: none;
	}

	/*MPCC Added*/

	div .span_test .a_test:active {
		color: white;
		text-decoration: none;
	}

	/*MPCC Added*/

	div .li_test:hover {
		background-color: #696969;
	}

	/*MPCC Added*/

	div .li_test:active {
		background-color: #8d8d8d;
	}

	/*MPCC Added*/

	div .ul_test .li_test .a_test {
		color: #a2ceff;
		text-decoration: none;
		display: inline-block;
		height: 100%;
		width: 100%;
		padding-bottom: 10px;
	}

	/*MPCC Added*/

	div .ul_test .li_test .a_test:hover {
		color: #E8AF10;
		text-decoration: none;
		text-decoration-color: #fff;
	}

	/*MPCC Added*/

	div .ul_test .li_test .a_test:active {
		color: #E8AF10;
		text-decoration: none;
	}

	/*MPCC Added*/

	div .ul_test2 .li_test2 {
		line-height: 30px;
		border-bottom: 1px solid #ccc;
		list-style: none;
		color: #353535;
		margin-left: -25px;
		padding-bottom: 20px
	}

	/*MPCC Added*/

	div .ul_test2 .li_test2 .a_test2 {
		color: #265b8c;
		text-decoration: none;
	}

	/*MPCC Added*/

	div .ul_test2 .li_test2 .a_test2:hover {
		color: #E8AF10;
		text-decoration: underline;
	}

	/*MPCC Added*/

	div .ul_test2 .li_test2 .a_test2:active {
		color: #ccc;
		text-decoration: underline;
	}

	/*MPCC Added*/

	/* div .ul_test2 .li_test2 .a_test2:visited {color:#836000;
	text-decoration:underline;} MPCC Added*/

	.footer-wrapper {
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #808080;
	}

	/*MPCC Added*/

	div .col-xs-4 a:focus:active {
		border: none;
		text-decoration: none;
		outline: none;
	}

	/*MPCC Added*/

	#home-div-small {
		background-color: rgba(0, 73, 150, 0.70);
		width: 33.33333333%;
		height: auto;
	}

	/*MPCC Added*/

	#home-div-small a:focus:active {
		border: none;
		text-decoration: none;
		outline: none;
	}

	/*MPCC Added*/

	#home-div-small:active {
		background-color: transparent;
	}

	/*MPCC Added*/

	#home-div-small img {
		width: 100%;
		height: auto;
		position: relative;
		top: 0;
		left: 0;
	}

	/*MPCC Added*/

	#home-div {
		background-color: rgba(0, 73, 150, 0.70);
		width: 152px;
		height: 152px;
		overflow: hidden;
		left: 25px;
		margin-left: 100px;
		margin-top: 23px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*MPCC Added*/

	#home-div img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
	}

	/*MPCC Added*/


	.site-header-container .top-nav-bar .nav-container .link-scroll.vertical-menu .super-nav .context-pages a {
		background-color: #265b8c1f;
	}

	/*MPCC Added*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul li {
		border-top: 1px solid #9a9a9a;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul li:first-child {
		border-top: none;

	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul li:last-child {
		border-bottom: 1px solid #9a9a9a;

	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a {
		color: #265B8C;

	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a:hover {
		background-color: transparent;
		text-decoration: underline;

	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a::after {
		color: #DEDEDE;

	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav {
		border-top-color: #9a9a9a;
		border-bottom-color: #9a9a9a;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li.active a {
		color: #265B8C;
		background: transparent;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li:first-child {
		border-right-color: #9a9a9a;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li a {
		color: #fff;
		background-color: #265B8C;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li a:hover {
		color: #fff;
		background-color: #265B8C;
		font-weight: bold;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .quick-links-with-sub-nav button:hover {
		background-color: transparent;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .sub-nav li:first-child {
		border-top-color: #9a9a9a;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .sub-nav a,
	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .sub-nav:hover {
		color: #265B8C;
		background-color: #f7f8f7;
		font-weight: bold;
		font-size: 16px;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .current-page button.sub-nav {
		background-color: #77abe8;
		font-weight: bold;
		font-size: 16px;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .menu-links li.selected a,
	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .menu-links-sn li.selected a {
		color: #fff;
		background-color: #265B8C;
		font-weight: bold;
		font-size: 16px;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav #pagePortletsSn li a,
	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav #myPagesSn li a,
	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav #myGroupsSn li a,
	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav #myCoursesSn li a {
		color: #265B8C;
		background-color: #77abe8;
		font-weight: bold;
		font-size: 16px;
	}

	/*MPCC Updated*/

	.site-header-container .top-nav-bar .nav-container .link-scroll .super-nav ul button {
		color: #265B8C;
		background: transparent;
		font-weight: bold;
		font-size: 16px;
	}

	/*MPCC Updated*/

	.site-header-container .main-nav-submenu-container .user-login.popover {
		color: #fff;
	}

	.site-header-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
	.site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
		background-color: #fff;
		color: #265B8C;
	}

	.site-header-container .main-nav-submenu-container .user-login.popover .message,
	.site-header-container .main-nav-submenu-container .user-login.popover .my-info-settings,
	.site-header-container .main-nav-submenu-container .user-login.popover .user-name {
		color: #fff;
	}

	.site-header-container .main-nav-submenu-container .user-login {
		background: #265B8C;
		border-bottom: 1px solid #cdcdcd;
	}

	/*MPCC Updated*/

	.site-header-container .main-nav-submenu-container .user-login ul .site-manager,
	.site-header-container .main-nav-submenu-container .user-login ul .account-info {
		color: #fff;
	}

	.site-header-container .search-section.popover {
		border-bottom: 1px solid #cdcdcd;
	}

	.site-header-container .search-section .init-search-btn {
		background: #fff;
		color: #265B8C;
	}

	/*MPCC Updated*/

	.site-header-container .user-btn,
	.site-header-container .search-btn {
		color: #E8AF10;
	}

	/*MPCC Updated*/
	.site-header-container .login-btn {
		color: #fff;
		background-color: transparent;
	}

	.site-header-container .login-btn:active,
	.site-header-container .login-btn:focus {
		outline: none;
		box-shadow: none;
	}

	.site-header-container .popover {
		background-color: #004896;
		border: none;
		box-shadow: none;
	}

	/*MPCC Updated*/
}

/* 
    Theme: Pacifica
--  Sidebar color specific styles
--  Create another file to override these styles if needed
*/
.slide-menu-right {
	background-color: #e9e9ea;
}

.slide-menu-right .sidebar-link-title {
	color: #004896;
	border-bottom-color: #004896;
	font-weight: bold;
}

/*MPCC Updated*/

.slide-menu-right .sidebar-link-title a {
	color: #004896;
}

/*MPCC Updated*/

.slide-menu-right .navbar {
	background-color: #e9e9ea;
	border: none;
}

.slide-menu-right .navbar li #pagePortlets a,
.slide-menu-right .navbar li #myPages a,
.slide-menu-right .navbar li #myGroups a,
.slide-menu-right .navbar li #myCourses a {
	color: #976f00;
	background-color: #e9e9ea;
}

/*MPCC Updated NOT SURE*/
.slide-menu-right .navbar li #pagePortlets a:hover,
.slide-menu-right .navbar li #myPages a:hover,
.slide-menu-right .navbar li #myGroups a:hover,
.slide-menu-right .navbar li #myCourses a:hover {
	color: #E8AF10;
	background-color: #e9e9ea;
	text-decoration: underline;
}

/*MPCC Updated NOT SURE*/

.slide-menu-right .navbar li .anchor-contains-icon {
	font-weight: normal;
}

.slide-menu-right .navbar li.add-page,
.slide-menu-right .navbar li.manage-context,
.slide-menu-right .navbar li.usage-stats,
.slide-menu-right .navbar li.copy-courses,
.slide-menu-right .navbar li.manage-group,
.slide-menu-right .navbar ul.sub-contexts li,
.slide-menu-right .navbar li.sidebar-quick-link,
.slide-menu-right .navbar li.early-alert {
	border-bottom-color: #cdcdcd;
}

.slide-menu-right .navbar li>a.sub-nav {
	background-color: #e9e9ea;
}

.slide-menu-right .navbar .quick-links {
	border-top: 12px solid #fff;
}

/* 
    Theme: Pacifica
--  Sidebar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.slide-menu-right {
		border-right-color: #cdcdcd;
	}

	.slide-menu-right .navbar li {
		border-top: 1px solid #9a9a9a;
	}

	.slide-menu-right .navbar li.sub-context-parent {
		border-top: none;
	}

	.slide-menu-right .navbar li.sub-context-parent .sub-contexts li:last-child {
		border-bottom: none;
	}

	.slide-menu-right .navbar li.add-page,
	.slide-menu-right .navbar li.manage-context,
	.slide-menu-right .navbar li.usage-stats,
	.slide-menu-right .navbar li.copy-courses,
	.slide-menu-right .navbar li.manage-group,
	.slide-menu-right .navbar ul.sub-contexts li,
	.slide-menu-right .navbar li.sidebar-quick-link,
	.slide-menu-right .navbar li.early-alert {
		border-bottom-color: transparent;
	}

	.slide-menu-right .navbar .tab-pane {
		border-top: none !important;
	}

	.slide-menu-right .navbar .slide-menu-toggle-btns-wrapper {
		border-top: none;
	}

	.slide-menu-right .navbar .slide-menu-toggle-btns li {
		border: none;
	}

	.slide-menu-right .navbar .slide-menu-toggle-btns li:first-child {
		border-right: 1px solid #9a9a9a;
	}

	.slide-menu-right .navbar .slide-menu-toggle-btns li a {
		color: #fff;
		background: #004896;
	}

	/*MPCC Updated NOT SURE*/

	.slide-menu-right .navbar .slide-menu-toggle-btns .active a {
		color: #004896;
		background: transparent;
	}

	/*MPCC Updated NOT SURE*/

	.slide-menu-right .navbar .slide-menu-toggle-btns .active a:hover {
		color: #fff;
		background-color: #004896;
	}

	/*MPCC Updated NOT SURE*/

	.slide-menu-right .navbar .quick-links {
		border: none !important;
	}

	.slide-menu-btn {
		background-color: #004896;
		color: #fff;
	}

	/*MPCC Updated NOT SURE*/
}

/* 
    Theme: Pacifica
--  Form colors specific styles
--  Create another file to override these styles if needed
*/
.form-wrapper .form-icon {
	color: #DEDEDE;
}

.form-wrapper .form-control.custom-form-control {
	color: #5f5f5f;
}

.form-wrapper .form-control {
	border-color: #b4b4b4;
}

.form-wrapper .form-control:focus {
	border-color: #E8AF10;
	/*Updated from 4c8fe0 > E8AF10*/
	-webkit-box-shadow: inset 0 1px 1px rgba(232, 175, 16, 0.2), 0 0 8px rgba(232, 175, 16, 0.5);
	/*MPCC Added from style-dist*/
	box-shadow: inset 0 1px 1px rgba(232, 175, 16, 0.2), 0 0 8px rgba(232, 175, 16, 0.5);
	/*Updated from 37, 120, 218 and 30, 96, 174 to 232, 175, 16*/
}

/*MPCC Updated*/

/*.form-wrapper .form-control[readonly],
.form-wrapper .form-control[disabled] { background-color: #f7f8f7; }*/

/*MPCC Added - Fixes the Registration Drop-Down list*/
.select2-results .select2-results__options {
	margin: 0px;
}

.form-wrapper .select2-container--default .selection .select2-selection--multiple {
	border-color: #b4b4b4;
}

.form-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple,
.form-wrapper .select2-container--default.select2-container--focus .select2-selection--multiple:focus {
	border-color: #E8AF10;
	/*Updated from 4c8fe0 > E8AF10*/
	-webkit-box-shadow: inset 0 1px 1px rgba(232, 175, 16, 0.2), 0 0 8px rgba(232, 175, 16, 0.5);
	/*MPCC Added from style-dist*/
	box-shadow: inset 0 1px 1px rgba(232, 175, 16, 0.2), 0 0 8px rgba(232, 175, 16, 0.5);
	/*Updated from 37, 120, 218 and 30, 96, 174 to 232, 175, 16*/
}

/*MPCC Updated*/

legend {
	color: #353535;
}

.toggle.highlight {
	border-color: #E8AF10;
}

/*Updated from 265B8C > E8AF10*/

.highlight-selector span:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 175, 16, 0.6);
	/*Updated 8px rgba from 102, 175, 233 > 232, 175, 16*/
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 175, 16, 0.6);
	/*Updated 8px rgba from 102, 175, 233 > 232, 175, 16*/
}

/*MPCC Updated*/

/* 
    Theme: Pacifica
--  Card color specific styles
--  Create another file to override these styles if needed
*/
.card-layout .card-set-wrapper {
	border: 1px solid #cdcdcd;
}

.card-layout .masonry .card {
	background-color: #d0d0d0;
}

.card-layout .masonry .card p {
	color: #353535;
}

.card-layout .masonry .card

/*.wysiwygtext*/
	{
	color: #353535;
}

/*MPCC Updated*/

/*.wysiwygtext {
    /*position: relative; 
    height: 83vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;*/
/*}

.wysiwygtext::before {    
     /* content: ""; */
/*background-image: url('//www.cune.edu/application/files/9715/7002/4021/midplains.jpg'); /*https://www.mpcc.edu/_resources/images/npcc_north_campus_drone.jpg*/
/* background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.60;
	  background-repeat: no-repeat;
	  background-position: 50% 0;*/


/*.wysiwygtext p {
 /* position: relative;
  color: #ffffff;
  font-size: 14rem;
  line-height: 0.9;
  text-align: center;
  margin-left: 12px;
  margin-top: 12px;*/
/*}

/*.wysiwygtext { background: url(https://campus.mpcc.edu/ICS/staticpages/getfile.aspx?target=/moxiemanager/files/users/8763dea8-e81f-4c7f-9a00-7022fbea3084/AllCampus1.png) no-repeat;
    background-color: #fff;
	width: 1100px;
    height: 610px;
    background-position: center;
    background-size: cover; } MPCC ADDED WYS*/

.card-layout .masonry .card a.title {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.card-layout .masonry .card .btn-primary {
	border-right: 1px solid #fff;
}

.card-layout .masonry .card .sub-info {
	color: #353535;
}

.card-layout .masonry .leader-highlight {
	background-color: #b4b4b4;
}

.card-layout .sort-controls .btn {
	background-color: transparent;
}

.card-layout .sort-controls .btn:active {
	box-shadow: none;
}

@media (min-width: 992px) and (max-width: 1025px) {

	#home-div {
		background-color: rgba(0, 73, 150, 0.70);
		width: 152px;
		height: 152px;
		overflow: hidden;
		left: 25px;
		margin-left: 60px;
		margin-top: 23px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/*MPCC Added*/

	div .col-md-3 {
		width: 100%;
		float: left;
	}

	/*MPCC Added*/

}

/*MPCC Added*/

@media screen and (max-width: 992px) {
	.card-layout .card-set-wrapper {
		border: none;
	}
}

/* 
    Theme: Pacifica
--  Slide menu colors specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Pacifica
--  Slide menu mobile colors specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.slideout-wrapper.closed {
		border-color: transparent;
	}

	.slideout-wrapper.open {
		border-color: #9a9a9a;
		transition: border-color 2s;
	}

	.slideout-wrapper.closed .slideout-body,
	.slideout-wrapper.open .slideout-body {
		background: #e9ece9;
	}
}

/* 
    Theme: Pacifica
--  Popovers colors specific styles
--  Create another file to override these styles if needed
*/
.popover {
	font-family: Open Sans;
}

.popover .ui-dialog-title {
	color: #353535;
}

.popover .popover-content {
	color: #353535;
}

.popover .popover-content .content {
	border-top: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}

.popover .popover-content input[type="text"] {
	border-color: #cdcdcd;
}

/* 
    Theme: Pacifica
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
.alert-container.error {
	border-color: #D33A35;
	color: #D33A35;
	background-color: #fefafa;
}

.alert-container.success {
	border-color: #417505;
	color: #417505;
	background-color: #fcfffa;
}

.alert-container.feedback {
	border-color: #004896;
	color: #004896;
	background-color: #abcbf1;
}

/*MPCC Updated NOT SURE*/

.alert-container.warning {
	border-color: #e5d300;
	color: #353535;
	background-color: #fffde5;
}

/* 
    Theme: Pacifica
--  Footable color specific styles
--  Create another file to override these styles if needed
*/
.footable-container table.footable th,
.footable-container table.footable td {
	border-color: #9a9a9a;
}

.footable-container table.footable tbody>tr:nth-of-type(odd) {
	background-color: #fff;
}

.footable-container table.footable .footable-detail-row table {
	background: transparent;
}

.footable-container table.footable .footable-detail-row table .alert-prompt-row.error,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.success,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.feedback,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.warning {
	color: #353535;
	background-color: transparent;
}

.footable-container table.footable .footable-detail-row table .alert-prompt-row.error a,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.success a,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.feedback a,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.warning a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.footable-container table.footable .alert-prompt-row.error {
	color: #D33A35;
	background-color: #fefafa;
}

.footable-container table.footable .alert-prompt-row.error a {
	color: #D33A35;
}

.footable-container table.footable .alert-prompt-row.success {
	color: #417505;
	background-color: #fcfffa;
}

.footable-container table.footable .alert-prompt-row.success a {
	color: #417505;
}

.footable-container table.footable .alert-prompt-row.feedback {
	color: #004896;
	background-color: #abcbf1;
}

/*MPCC Updated NOT SURE*/

.footable-container table.footable .alert-prompt-row.feedback a {
	color: #004896;
}

/*MPCC Updated NOT SURE*/

.footable-container table.footable .alert-prompt-row.warning {
	color: #353535;
	background-color: #fffde5;
}

.footable-container table.footable .alert-prompt-row.warning a {
	color: #353535;
}

.footable-container table.footable table.footable-details tbody>tr:nth-of-type(odd) {
	background: transparent;
}

.footable-container .fooicon-plus,
.footable-container .fooicon-minus {
	color: #004896;
	opacity: 1;
}

/*MPCC Updated NOT SURE*/

.footable-container .footable-page-nav.disabled .footable-page-link {
	color: #000;
}

.footable-container .label.label-default {
	background-color: #333333;
}

.drawer-container table.footable th,
.drawer-container table.footable td {
	border-color: #9a9a9a;
}

.default-border-alternate-one table.footable th,
.default-border-alternate-one table.footable td {
	border-color: #9a9a9a;
}

/* 
    Theme: Pacifica
--  Image uploader color specific styles
--  Create another file to override these styles if needed
*/
.filepond--root {
	font-family: Open Sans;
	color: #353535;
}

.filepond--root .filepond--panel .filepond--panel-root {
	background-color: #f7f8f7;
}

.filepond--root .filepond--image-preview-wrapper .filepond--image-preview-overlay-success {
	color: #417505;
}

.filepond--root [data-filepond-item-state="load-invalid"] .filepond--item-panel {
	background-color: #D33A35;
}

.filepond--root .filepond--file-info {
	background-color: #1a1a1a;
}

.filepond--root .filepond--file-status {
	background-color: #1a1a1a;
}

/* 
    Theme: Pacifica
--  Text editor colors specific styles
--  Create another file to override these styles if needed
*/
.portlet-grid .teLimitExceeded {
	border-color: #D33A35;
}

.portlet-grid .teLimitMsg,
.portlet-grid .pSection .teLimitMsg {
	color: #D33A35;
}

.portlet-grid .tinymce-mobile-outer-container .tinymce-mobile-disabled-mask {
	background-color: #f7f8f7;
	opacity: .2;
}

/* 
    Theme: Pacifica
--  Base layout specific styles
--  Create another file to override these styles if needed
*/
body {
	font-family: Open Sans;
	font-size: 14px;
}

.logged-in .site-header-container #sitemasthead {
	height: 77px;
}

.logged-in .site-header-container #sitemasthead .site-logo-link {
	top: 0;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 0px;
	margin: 0px;
}

/*MPCC Updated*/

.site-header-container #sitemasthead {
	margin: 0;
	padding-top: 20px;
	height: 77px;
	position: relative;
}

.site-header-container #sitemasthead h1 {
	margin: 0;
}

.site-header-container #sitemasthead .site-logo-link {
	float: left;
	top: 0px;
	position: relative;
}

.site-header-container #sitemasthead .site-logo {
	padding: 0 10px;
	position: relative;
	float: left;
	width: 374px;
	height: 61px;
	box-sizing: content-box;
	margin: 13px auto;
}

/*MPCC Updated*/

.error-message {
	border-style: solid;
	border-width: 1px;
}

.targeted-message {
	margin-top: 30px;
}

.page-not-found {
	position: relative;
	top: -20px;
}

.page-title h2 {
	font-size: 28px;
}

.user-image-shape {
	border-radius: 50%;
	border-style: solid;
	border-width: 2px;
}

.push-icon-shape {
	border-style: solid;
	border-width: 2px;
}

h5 {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#user-login-section {
	width: 100%;
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

#siteNavBar_welcomeBackBarLoggedOut_welcomeBackBarLoggedOut {
	width: 100%;
}

#siteNavBar_welcomeBackBarLoggedOut_AlternativeLogin {
	float: right;
	margin-right: 10px;
}

#jics-login-redirect-simple {
	float: right;
}

/* 
    Theme: Pacifica
--  Base mobile layout specific styles
--  Create another file to override these styles if needed
*/

@media screen and (max-width: 1025px) {
	.site-header-container #sitemasthead h1 {
		top: 35px;
	}

	.logged-in .site-header-container #sitemasthead .site-logo-link {
		padding-right: 10px;
	}

	.logged-in .site-header-container #sitemasthead .site-logo {
		width: 100%;
		height: 100%;
		/*display: inline-block;
	  position: relative;
	  z-index: 1;
	  padding: 0px;
	  margin: 0px;*/
	}

	/*MPCC Updated*/

	.site-header-container #sitemasthead {
		top: 0;
		padding: 20px 0;
		height: auto !important;
	}

	/*MPCC Updated*/

	/* .site-header-container #sitemasthead .site-logo {
      float: none;
      text-align: center;
      width: 187px;
      height: 30.5px; } */
	/*MPCC Added from default theme*/
	/*.site-header-container #sitemasthead .site-logo-link {
      top: 0;
      display: block;
      margin: 35px auto 0 auto;
      text-align: center;
      float: none; } */
	/*MPCC Added from default theme*/

	#user-login-section {
		width: 100% !important;
	}

	.site-header-container .jics-login-redirect-simple,
	.site-header-container .jics-login-show-standard-fields-section {
		top: 10px;
		padding-bottom: 10px;
		margin-right: 10px;
	}

	.site-header-container .main-nav-submenu-container .user-login .init-user-login-btn,
	.site-header-container .main-nav-submenu-container .user-login .init-logout-btn,
	.site-header-container .main-nav-submenu-container .user-login .init-user-login-continue-btn {
		margin: 0 auto 14px auto;
		padding: 10px 16px !important;
		font-size: 22px !important;
		max-width: 100% !important;
		float: none;
		font-weight: bold;
	}

	/*MPCC Updated*/

	/*.site-header-container #logo-heading { display: none; }*/
	/*MPCC Updated*/

	.main-layout {
		margin-top: 35px;
	}
}

/* 
    Theme: Pacifica
--  Navbar layout specific styles
--  Create another file to override these styles if needed
*/
.site-header-container .search-btn {
	top: 5px;
}

.site-header-container .user-btn {
	top: -20px;
}

.site-header-container .main-nav-submenu-container .user-login.popover {
	/*margin-right: 13px;*/
	top: 75px;
	/*z-index: 5000;*/
}

/*MPCC Updated*/

.site-header-container .main-nav-submenu-container .user-login {
	position: absolute;
	display: block;
	width: 680px;
	right: 0;
	top: 10px;
	left: 10px;
	font-size: 14px;
	overflow: visible;
}

.site-header-container .main-nav-submenu-container .user-login .forgot-password-link {
	margin: 0px;
}

.site-header-container .search-section {
	top: 51px;
	margin-right: 52px;
	z-index: 5000;
}

/*MPCC Updated*/

.site-header-container .jics-login-redirect-simple,
.site-header-container .jics-login-show-standard-fields-section {
	position: relative;
}

.logged-in .search-btn {
	z-index: 1000;
}

.logged-in .main-nav-submenu-container {
	position: absolute;
	right: 5px;
}

/*.logged-in .top-nav-bar { top: 62px; }*/
/*MPCC Updated*/

.top-nav-bar {
	top: 107px;
}

.main-crumbs {
	font-size: 12px;
	/*top: 56px;*/
	padding-bottom: 36px;
}

/*MPCC Updated*/

.main-crumbs .breadcrumbs-title {
	float: left;
	padding-right: 10px;
}

#emulation {
	float: right;
	position: relative;
	right: 15px;
	margin-top: 3%;
}

#emulation span {
	padding-left: 20px;
	padding-right: 10px;
}

#emulation #emulationRole {
	margin: 0 5px;
}

/* 
    Theme: Pacifica
--  Navbar mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	#siteNavBar_welcomeBackBarLoggedIn_loginToggle {
		top: 6px;
		padding: 0px;
		height: 30px;
	}

	.logged-in .site-header-container .top-nav-bar {
		top: 0;
	}

	.logged-in .site-header-container .main-nav-submenu-container .user-login.popover {
		top: 34px;
		position: fixed !important;
	}

	/*.logged-in .site-header-container .search-section {
		top: 44px;
		position: fixed !important; 
	}*/
	/*MPCC Updated*/

	.logged-in .site-header-container .search-btn {
		top: 7px;
		right: 56px;
	}

	.logged-in .site-header-container .user-btn {
		top: 3px;
	}

	.site-header-container .mobile-fixed-container {
		width: 100%;
		height: 43px;
		z-index: 10;
		position: fixed;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}

	.site-header-container .top-nav-bar {
		top: 0;
		border-bottom: none;
	}

	.site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul {
		margin-top: 0;

	}

	.site-header-container .main-nav-submenu-container .user-login {
		position: fixed !important;
		width: 100%;
		top: 44px;
		right: 0;
		overflow: hidden;
		left: 0;
		text-align: center;
		z-index: 20000;
	}

	.site-header-container .main-nav-submenu-container .user-login .forgot-password-link {
		margin: 0;
	}

	.site-header-container .search-section {
		top: 44px;
		position: fixed !important;
	}

	.site-header-container .login-btn {
		top: 3px;
		right: 60px;
		position: fixed;
		z-index: 5000;
	}

	.site-header-container .search-btn {
		top: 8px;
		right: 8px;
		font-size: 28px;
		position: fixed;
		z-index: 20;
	}

	.site-header-container .user-btn {
		top: 0;
		position: fixed;
	}

	.site-header-container .user-btn .user-image {
		width: 30px;
		height: 30px;
	}

	.site-header-container .jics-login-redirect-simple,
	.site-header-container .jics-login-show-standard-fields-section {
		top: 10px;
		padding-bottom: 20px;
	}

	.site-header-container .jics-login-show-standard-fields-button {
		vertical-align: baseline;
	}

	.main-crumbs {
		top: 100px;
		height: 90px;
		text-align: left;
		/*padding-bottom: 50px;*/
	}

	/*MPCC Updated for Mobile Layout*/

	.main-crumbs .breadcrumbs-title {
		float: none;
	}

	.main-crumbs .breadcrumbs-container {
		display: inline-block;
	}

	.skip-navigation:focus {
		position: absolute;
		top: -3px;
		font-size: 13px;
		text-align: center;
		width: 100%;
		z-index: 100;
	}

	#emulation {
		text-align: center;
		margin: 28px auto 0 auto;
		float: none;
	}
}

/* 
    Theme: Pacifica
--  Sidebar layout specific styles
--  Create another file to override these styles if needed
*/
.slide-menu-right .sidebar-link-title {
	margin: 5px 10px;
	padding: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	font-style: normal;
}

.slide-menu-right .navbar li a .sidebar-icon-link {
	right: 5px;
	left: auto;
}

.slide-menu-right .navbar li .anchor-contains-icon {
	padding-left: 0;
	padding-right: 30px;
}

/*MPCC Updated*/

.slide-menu-right .navbar li.add-page,
.slide-menu-right .navbar li.manage-context,
.slide-menu-right .navbar li.usage-stats,
.slide-menu-right .navbar li.copy-courses,
.slide-menu-right .navbar li.manage-group,
.slide-menu-right .navbar ul.sub-contexts li,
.slide-menu-right .navbar li.sidebar-quick-link,
.slide-menu-right .navbar li.early-alert {
	margin: 0 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.slide-menu-right .navbar li.add-page a.anchor-contains-icon,
.slide-menu-right .navbar li.manage-context a.anchor-contains-icon,
.slide-menu-right .navbar li.usage-stats a.anchor-contains-icon,
.slide-menu-right .navbar li.copy-courses a.anchor-contains-icon,
.slide-menu-right .navbar li.manage-group a,
.slide-menu-right .navbar ul.sub-contexts li a,
.slide-menu-right .navbar li.sidebar-quick-link a {
	padding-left: 0;
	padding-right: 30px;
}

/* 
    Theme: Pacifica
--  Sidebar mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
	.slide-menu-right {
		border-right-style: solid;
		border-right-width: 1px;
	}

	.slide-menu-right .navbar li .anchor-contains-icon {
		padding-left: 15px !important;
	}

	.slide-menu-right .navbar li.add-page,
	.slide-menu-right .navbar li.manage-context,
	.slide-menu-right .navbar li.usage-stats,
	.slide-menu-right .navbar li.copy-courses,
	.slide-menu-right .navbar li.manage-group,
	.slide-menu-right .navbar ul.sub-contexts li,
	.slide-menu-right .navbar li.sidebar-quick-link,
	.slide-menu-right .navbar li.early-alert {
		margin: 0;
		border-bottom-style: none;
		border-bottom-width: 0;
	}
}

/* 
    Theme: Pacifica
--  Portlet layout specific styles
--  Create another file to override these styles if needed
*/
.portlet-grid .portlet-header-bar {
	padding-left: 10px;
}

/*.portlet-grid .portlet-header-bar h3 { font-size: 16px; }*/
/*MPCC Updated*/

/* 
    Theme: Pacifica
--  Print layout specific styles
--  Create another file to override these styles if needed
*/
@media print {
	a[href]:after {
		content: none;
	}
}

/* 
    Theme: Pacifica
--  Footable layout specific styles
--  Create another file to override these styles if needed
*/
.footable-container table.footable .footable-detail-row table .alert-prompt-row.error,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.success,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.feedback,
.footable-container table.footable .footable-detail-row table .alert-prompt-row.warning {
	font-weight: normal;
}

/*# sourceMappingURL=style.css.map */


/* JUAN CHANGES */

#dynamicButton {
	display: flex;
	/* Necessary for applying padding and margin */
	justify-content: center;
	align-items: center;
	background-color: #004896;
	/* Dark blue, as per your color scheme */
	color: #ffffff;
	/* White text */
	padding: 5px;
	/* Size of the button */
	border-radius: 10px;
	/* Rounded corners */
	text-decoration: none;
	/* Remove underline from link */
	font-weight: bold;
	/* Make the text bold */
	text-align: center;
	/* Center the text inside the button */
	transition: background-color 0.3s, transform 0.2s;
	/* Smooth transitions for hover effects */
	height: 40px;
	width: auto;
	min-width: 150px;
	max-width: 250px;
	text-align: center;
	font-size: 1.2em;
	margin-top: 10px;
	margin-left: 5px;
}

@media screen and (min-width: 480px) {
	#dynamicButton {
		width: 100%;
		/* remove the margins to ensure full width */
		margin-left: 0;
		margin-right: 0;
	}
}

#dynamicButton:hover,
#dynamicButton:focus {
	background-color: #E8AF10;
	/* Change to gold color on hover/focus */
	color: #000000;
	/* Change text color to black for contrast */
	transform: translateY(-2px);
	/* Slightly raise the button for a "lift" effect */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	/* Add shadow for depth */
}

#dynamicButton:active {
	transform: translateY(1px);
	/* Slightly lower the button on click */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	/* Adjust shadow for pressed effect */
}

.jz_div {
	background-color: #f0f4f8;
	padding: 10px;
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	flex-direction: column;
	align-items: flex-start;
}

.jz_div ul {
	margin: 10px 0px 10px 30px;
	list-style-type: none;
	width: 98%;
}

.jz_div ul li {
	background-color: #ffffff;
	color: #333;
	padding: 10px 15px;
	margin-bottom: 5px;
	border-radius: 5px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s;
	list-style-type: none;
	width: 100%;
	box-sizing: border-box;
	/* Include padding in the element's total width */
}

.jz_div ul li:last-child {
	margin-bottom: 0;
	list-style-type: none;
}

.jz_div ul li:not(:first-child) {
	font-size: 14px;
	list-style-type: none;
}



.port_title {
	color: #004896;
	font-size: 1.75rem;
	font-weight: 600;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 2px solid #E8AF10;
	text-transform: none;
	letter-spacing: 0.5px;
}

.button-container-apply {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.button-container-apply .apply {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	transition: transform 0.2s, background-color 0.3s, color 0.3s;
	height: 60px;
	width: 100%;
	min-width: 150px;
	font-size: 1.6em;
	margin-top: 10px;
	letter-spacing: 2px;
	background-color: #E8AF10;
	color: black;
}

.button-container-apply .apply:hover {
	transform: scale(1.01);
	-webkit-backface-visibility: hidden;
	background-color: #004690;
	color: white;
	/* Change this to the color you want when the button is hovered */

	/* This will slightly enlarge the button when hovered */
}

.button-container-apply .apply:active {
	/* Change this to the color you want when the button is clicked */
	background-color: #002b5e;
	transform: scale(0.98);
	-webkit-backface-visibility: hidden;
	/* This will slightly shrink the button when clicked */
}

.button-container {
	display: flex;
	flex-direction: column;
	align-items: left;
	text-align: left;
}

.button-container .fullWidthButton {
	display: flex;
	justify-content: flex-start;
	/* Align text to the left */
	align-items: center;
	background-color: #E8AF10;
	color: black;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	/* Align text to the left */
	transition: transform 0.2s;
	height: 30px;
	width: 99%;
	min-width: 150px;
	max-width: none;
	font-size: 1.15em;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	transition: background-color 0.3s, transform 0.2s;
	gap: 10px;
	/* Space between text and icon */
}

.button-container .fullWidthButtonNonAlternating {
	display: flex;
	justify-content: flex-start;
	/* Align text to the left */
	align-items: center;
	background-color: #004690;
	color: white;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	/* Align text to the left */
	transition: transform 0.2s;
	height: 30px;
	width: 99%;
	min-width: 150px;
	max-width: none;
	font-size: 1.15em;
	margin-top: 10px;
	margin-left: 0;
	margin-right: 0;
	transition: background-color 0.3s, transform 0.2s;
	gap: 10px;
	/* Space between text and icon */
}

.fullWidthButtonNonAlternating em {
	display: inline-block;
	/* Ensures the icon behaves like a block element */
	width: 1.5em;
	/* Set a consistent width for all icons */
	text-align: center;
	/* Align the icon within its allocated space */
	margin-right: 10px;
	/* Space between icon and text */
	font-size: 1.4em;
	/* Icon size */
	vertical-align: middle;
	/* Align icon with text */
}

.fullWidthButton em {
	display: inline-block;
	/* Ensures the icon behaves like a block element */
	width: 1.5em;
	/* Set a consistent width for all icons */
	text-align: center;
	/* Align the icon within its allocated space */
	margin-right: 10px;
	/* Space between icon and text */
	font-size: 1.4em;
	/* Icon size */
	vertical-align: middle;
	/* Align icon with text */
}

.button-container:nth-child(odd) .fullWidthButton {
	background-color: #004690;
	/* Primary color for odd buttons */
	color: white;
}

.button-container:nth-child(even) .fullWidthButton {
	background-color: #2865a6;
	/* Lighter blue for even buttons */
	color: white;
}

.button-container .fullWidthButton:hover {
	transform: scale(1.01);
	-webkit-backface-visibility: hidden;
}

.button-container:nth-child(odd) .fullWidthButton:hover {
	background-color: #E8AF10;
	/* Darker blue for odd buttons on hover */
	color: black;
}

.button-container:nth-child(even) .fullWidthButton:hover {
	background-color: #E8AF10;
	/* Primary blue for even buttons on hover */
	color: black;
}

.button-container .fullWidthButton:active {
	background-color: #E8AF10;
	/* Active color for all buttons */
	transform: scale(0.98);
	/* Slight shrink */
	-webkit-backface-visibility: hidden;
}


.button-container .fullWidthButtonNonAlternating:hover {
	transform: scale(1.01);
	background-color: #E8AF10;
	color: black;
	-webkit-backface-visibility: hidden;
}

.button-container .fullWidthButtonNonAlternating:active {
	background-color: #004690;
	/* Active color for all buttons */
	transform: scale(0.98);
	/* Slight shrink */
	-webkit-backface-visibility: hidden;
}

.button-container-access {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
	padding-right: 15px;
}

.button-container-access .accessButton {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	transition: background-color 0.3s, transform 0.2s;
	height: 60px;
	width: 100%;
	min-width: 150px;
	font-size: 16px;
	margin-top: 10px;
	margin-left: 10px;
	padding-right: 15px;
	margin-right: 0;
	justify-content: center;
}

.button-container-access .accessButton:hover {
	background-color: #E8AF10;
	/* Change to gold color on hover/focus */
	color: #000000;
	/* Change this to the color you want when the button is hovered */
	transform: scale(1.01);
	/* This will slightly enlarge the button when hovered */
	-webkit-backface-visibility: hidden;
}

.button-container-access .accessButton:active {
	background-color: #002b5e;
	/* Change this to the color you want when the button is clicked */
	transform: scale(0.98);
	color: white;
	/* This will slightly shrink the button when clicked */
	-webkit-backface-visibility: hidden;
}




/* SECTION FOR BUTTONS THAT HAVE AN INFORMATION BUTTON ON THE RIGHT SIDE 
	infoButtonContainer is the container for the button and the information button
	infoButton is the button that will be displayed
	infoButtonSmall is the information button that will be displayed
	infoButtonInfo is the information that will be displayed when the information button is hovered over
*/

.infoButtonContainer {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 10px;
	position: relative;
	color:black;
}

.infoButton {
	display: flex;
	height: 32px;
	width: calc(100% - 40px);
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #004896;
	color: #ffffff;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	transition: background-color 0.3s, transform 0.2s;
	min-width: 150px;
	max-width: none;
	font-size: 1em;
	margin-left: 0;
	margin-right: 0;
}

.infoButton:hover {
	transform: scale(1.01);
	color: white;
	text-decoration: none;
	background-color: #E8AF10;
	/* Change to gold color on hover/focus */
	color: #000000;
}

.infoButton:active {
	background-color: #002b5e;
	transform: scale(0.98);
	color: white !important;
	/* Ensure color remains white on click */
	text-decoration: none !important;
	/* Ensure no underline on click */
}

.infoButton:focus {
	color:white;
	text-decoration: none;
}

/*BEGIN Taylor Added for Update Enrollment Form gold button*/

.infoButtonGold {
	display: flex;
	height: 32px;
	width: calc(100% - 40px);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #E8AF10;
	color: #ffffff;
	padding: 5px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	transition: background-color 0.3s, transform 0.2s;
	min-width: 150px;
	max-width: none;
	font-size: 1.65em;
	margin-left: 0;
	margin-right: 0;
}

.infoButtonGold:hover {
	transform: scale(1.01);
	color: white;
	text-decoration: none;
	background-color: #E8AF10;
	/* Change to gold color on hover/focus */
	color: #000000;
}

.infoButtonGold:active {
	background-color: #002b5e;
	transform: scale(0.98);
}

/*END Taylor Added*/

.infoButtonSmall {
	width: 30px;
	padding: 10px;
	margin-left: 10px;
	background-color: #E8AF10;
	color: black;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

.infoButtonInfo {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: calc(100% - 40px);
	padding: 10px;
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin-top: 5px;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	z-index: 1000;
}

.infoButtonSmall:hover+.infoButtonInfo {
	display: block;
}

/* NAVIGATION BAR STYLES */
.main-nav-links,
.top-nav-bar .nav-container .link-scroll .h-menu a,
.top-nav-bar .more-links-div ul a,
.logged-in .top-nav-bar .nav-container .more-toggle-link button {
	color: #fff;
	background-color: transparent;
	border: none;
	font-weight: 600;
	font-size: 18px;
	font-family: Open Sans !important;
	transition: background-color 0.3s ease;

}


.main-nav-links:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a:hover,
.top-nav-bar .more-links-div ul a:hover,
.logged-in .top-nav-bar .nav-container .more-toggle-link button:hover {
	color: black;
	background-color: #E8AF10;
}

/*MPCC Updated THIS IS THE TOP NAV BAR HOVER COLOR*/

.sidebar-slide-menu-links,
.slide-menu-right .navbar li a,
.slide-menu-right .navbar li #pagePortlets .glyphicons,
.slide-menu-right .navbar li #pagePortlets .custom-icon,
.slide-menu-right .navbar li #myPages .glyphicons,
.slide-menu-right .navbar li #myPages .custom-icon,
.slide-menu-right .navbar li #myGroups .glyphicons,
.slide-menu-right .navbar li #myGroups .custom-icon,
.slide-menu-right .navbar li #myCourses .glyphicons,
.slide-menu-right .navbar li #myCourses .custom-icon {
	color: #606582;
	background-color: transparent;
	border: none;
	font-weight: bold;
	transition: background-color 0.3s ease;
}

.sidebar-slide-menu-links:hover,
.slide-menu-right .navbar li a:hover,
.slide-menu-right .navbar li #pagePortlets .glyphicons:hover,
.slide-menu-right .navbar li #pagePortlets .custom-icon:hover,
.slide-menu-right .navbar li #myPages .glyphicons:hover,
.slide-menu-right .navbar li #myPages .custom-icon:hover,
.slide-menu-right .navbar li #myGroups .glyphicons:hover,
.slide-menu-right .navbar li #myGroups .custom-icon:hover,
.slide-menu-right .navbar li #myCourses .glyphicons:hover,
.slide-menu-right .navbar li #myCourses .custom-icon:hover {
	color: #004896;
	background-color: transparent;
	text-decoration: underline;
}

.hint {
	background-color: white;
	border: 1px solid #cdcdcd;
	font-size: 16px;
}

.display_desktop {
	display: block;
}

.display_mobile {
	display: none;
}

.hp_row {
	display: flex;
	gap: 100px;
	flex-wrap: wrap;
	justify-content: center;
}

.hp_column {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

.hp_row a img {
	width: 150px;
	height: 150px;
	background-color: transparent;
	border-radius: 8px;
	/* Optional: rounded corners */
	transition: background-color 0.3s ease, transform 0.3s ease;
	/* Added transition for hover effect */
}

.hp_row a img:hover {
	background-color: #E8AF10;
	transform: scale(1.05);
	/* Optional: slight scaling effect for a more dynamic feel */
}

@media (max-width: 1024px) {
	.hp_row {
		gap: 50px;
		/* Medium gap for tablet screens */
	}

	.hp_column {
		gap: 25px;
		/* Adjusted vertical gap */
	}

	.hp_row img {
		width: 130px;
		/* Slightly smaller icon size for tablets */
		height: 130px;
	}

	/* Always show menu-overlay for mobile */
	.image-wrapper .menu-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (max-width: 768px) {
	.hp_row {
		gap: 20px;
		/* Decreased gap for smaller screens */
	}

	.hp_column {
		gap: 15px;
		/* Decreased vertical gap between rows on smaller screens */
	}

	.hp_row img {
		width: 120px;
		/* Optional: Smaller icon size on mobile for better fit */
		height: 120px;
	}

	/* Always show menu-overlay for mobile */
	.image-wrapper .menu-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (max-width: 600px) {
	.display_desktop {
		display: none;
	}

	.display_mobile {
		display: block;
	}

	.hp_row {
		gap: 10px;
		/* Minimal gap for narrow screens */
	}

	.hp_column {
		gap: 10px;
		/* Minimal vertical gap */
	}

	.hp_row img {
		width: 100px;
		/* Smaller icon size for narrow screens */
		height: 100px;
	}

	/* Always show menu-overlay for mobile */
	.image-wrapper .menu-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}

@media (max-width: 380px) {
	.hp_row {
		gap: 5px;
		/* Minimal gap for very narrow screens */
	}

	.hp_row img {
		width: 80px;
		/* Further reduced icon size */
		height: 80px;
	}

	/* Always show menu-overlay for mobile */
	.image-wrapper .menu-overlay {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
}


.image-wrapper {
	position: relative;
	display: inline-block;
	width: 150px;
	height: 150px;
	border-radius: 8px;
	/* Rounded corners for the wrapper */
	overflow: hidden;
	/* Ensures the image respects the border-radius */
}

.image-wrapper img {
	width: 100%;
	/* Ensures the image scales to fit the wrapper size */
	height: 100%;
	/* Ensures the image scales to fit the wrapper size */
	object-fit: cover;
	/* Maintains the aspect ratio without distortion */
	border-radius: 8px;
	/* Ensures the image also has rounded corners */
}

.menu-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.7);
	color: white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.3s ease, visibility 0s 0.3s;
	border-radius: 8px;
	/* Ensures the overlay follows the rounded corners */
}

.menu-overlay a {
	color: white;
	text-decoration: none;
	font-size: 16px;
	margin: 8px 0;
	transition: color 0.3s ease;
	/* Smooth transition for color change */
}

.menu-overlay a:hover {
	color: #E8AF10;
	/* Yellow color on hover */
}

/* Show menu on hover (desktop) */
.image-wrapper:hover .menu-overlay {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
	/* Enables interaction with links on hover */
	transition: opacity 0.3s ease, visibility 0s 0s;
}

.text_highlight {
	/* Text styling */
	font-size: 14px;
	font-weight: normal;
	/* Slight emphasis */
	font-style: italic;
	color: #004896;
	/* Subtle standout with a vibrant color */
	text-decoration: double;
	/* Adds emphasis without being too flashy */
	text-underline-offset: 2px;
	/* Neat spacing for the underline */
	padding-left: 20px;
}

.pretty_link {
	/* Basic hyperlink styling */
	color: #2575fc;
	/* Vibrant blue */
	text-decoration: none;
	/* Remove default underline */
	font-weight: bold;
	/* Make the link stand out */
	position: relative;
	/* Required for pseudo-elements */
	transition: color 0.3s ease, transform 0.3s ease;
	/* Smooth color and scale transition */
}

.pretty_link::after {
	/* Dynamic underline effect */
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	/* Slightly below the text */
	width: 100%;
	height: 3px;
	/* Thickness of the underline */
	background: linear-gradient(90deg, #6a11cb, #2575fc);
	/* Vibrant gradient */
	border-radius: 2px;
	/* Rounded underline */
	transform: scaleX(0);
	/* Start hidden */
	transform-origin: left;
	/* Animation starts from the left */
	transition: transform 0.3s ease;
	/* Smooth animation */
}

.pretty_link:hover {
	/* Hover effect */
	color: #E8AF10;
	/* Change color to purple on hover */
	transform: scale(1.05);
	/* Slightly enlarge the link */
}

.pretty_link:hover::after {
	/* Animate underline on hover */
	transform: scaleX(1);
	/* Expand to full width */
}

.sub_subtitle {
	font-size: 16px;
	/* Subtle, small size */
	font-weight: bold;
	/* Makes it stand out slightly */
	color: #333;
	/* Neutral dark gray for readability */
	margin-top: 10px;
	/* Space above for separation */
	margin-bottom: 5px;
	/* Space below for neatness */
	letter-spacing: 0.5px;
	/* Slight spacing for elegance */
	text-transform: uppercase;
	/* Optional: Adds a formal, structured look */
}

.application_title {
	font-family: Arial, sans-serif;
	color: #004690;
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	animation: shimmerFadeIn 2.5s ease-in-out forwards;
	background-size: 300% 100%;
	margin: 0;
	/* Ensure no extra space affects centering */
}

@keyframes shimmerFadeIn {
	0% {
		opacity: 0;
		transform: scale(0.9);
		background: linear-gradient(90deg, #ff8c00, #ff4500, #ff8c00);
		-webkit-background-clip: text;
		color: transparent;
	}

	50% {
		opacity: 0.8;
		transform: scale(1.05);
		background-position: 200%;
	}

	100% {
		opacity: 1;
		transform: scale(1);
		background: none;
		color: #004690;
	}
}

.apply_button {
	display: block;
	/* Ensures it spans the full width */
	width: 100%;
	/* Covers the entire width of the container */
	padding: 15px;
	margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	/* Removes underline */
	color: white;
	/* Text color */
	background-color: #004690;
	/* Primary color */
	border: none;
	border-radius: 8px;
	/* Rounded corners */
	transition: background-color 0.3s, transform 0.3s;
	/* Smooth hover effect */
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
	/* Subtle shadow for depth */
}

.apply_button:hover {
	background-color: #E8AF10;
	/* Secondary color on hover */
	color: #004690;
	/* Complementary text color */
	transform: scale(1.02);
	/* Slightly enlarges the button on hover */
}

.apply_button:active {
	transform: scale(0.98);
	/* Shrinks slightly on click */
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
	/* Adjust shadow */
}

@media (max-width: 1024px) {
	.button-container-apply .apply {
		height: 55px;
		font-size: 1.4em;
	}

	.button-container .fullWidthButton {
		height: 45px;
		font-size: 1.2em;
	}

	.button-container .fullWidthButtonNonAlternating {
		height: 45px;
		font-size: 1.2em;
	}

	.jz_div ul li {
		padding: 9px 13px;
		/* Reduced padding */
	}
}

@media (max-width: 768px) {
	.button-container-apply .apply {
		height: 50px;
		font-size: 1.4em;
	}

	.button-container .fullWidthButton {
		height: 40px;
		font-size: 1.15em;
	}

	.button-container .fullWidthButtonNonAlternating {
		height: 40px;
		font-size: 1.15em;
	}

	.jz_div ul li {
		padding: 8px 12px;
		/* Reduced padding */
	}
}

@media (max-width: 600px) {
	.button-container-apply .apply {
		height: 50px;
		font-size: 1.3em;
	}

	.button-container .fullWidthButton {
		height: 38px;
		font-size: 1.1em;
	}

	.button-container .fullWidthButtonNonAlternating {
		height: 40px;
		font-size: 1.15em;
	}

	.jz_div ul li {
		padding: 7px 11px;
		/* Further reduced padding */
	}
}

@media (max-width: 480px) {
	.button-container-apply .apply {
		height: 45px;
		font-size: 1.2em;
		letter-spacing: 1px;
	}

	.button-container .fullWidthButton {
		height: 35px;
		font-size: 1.05em;
	}

	.button-container .fullWidthButtonNonAlternating {
		height: 35px;
		font-size: 1.05em;
	}

	.jz_div ul {
		margin: 10px 0px 10px 30px;
	}

	.jz_div ul li {
		padding: 5px 10px;
		/* Further reduced padding */
	}
}

@media (max-width: 320px) {
	.button-container-apply .apply {
		height: 40px;
		font-size: 1em;
		letter-spacing: 0.5px;
	}

	.button-container .fullWidthButton {
		height: 30px;
		font-size: 1em;
	}

	.button-container .fullWidthButtonNonAlternating {
		height: 30px;
		font-size: 1em;
	}

	.jz_div ul {
		margin: 10px 0px 10px 30px;
	}

	.jz_div ul li {
		padding: 4px 8px;
		/* Minimal padding */
	}
}




/* CASHNet My Students Portlet */
.DetailsImageBox {
    border: 1px solid #9B9B9B;
    text-align: center;
    vertical-align: middle;
}

.DetailsImageBoxImage {
    padding: 0px;
    margin: 0px;
}
	
.DetailsImageBoxTop {
    border-style: solid none solid none;
    border-width: 1px;
    border-color: #9B9B9B;
    background-color: #E8E3E9;
    text-align: left;
}	

.DetailsImageBoxMiddle {
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
    text-align: center;
    vertical-align: middle;
}

/* Portlet Container */
.apply-now-portlet {
	background-color: #f0f4f8;
	border: 1px solid #ddd;
	padding: 20px;
	font-family: Arial, sans-serif;
	color: #000;
  }
  
  /* Header */
  .apply-now-header h2 {
	color: #004696;
	margin-bottom: 15px;
  }
  
  /* Banner Image */
  .apply-now-banner img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
  }
  
  /* Content Sections */
  .apply-now-content .apply-now-section {
	margin-bottom: 20px;
  }
  
  .apply-now-content .apply-now-section h3 {
	color: #004696;
	margin-bottom: 10px;
  }
  
  .apply-now-content .apply-now-section p,
  .apply-now-content .apply-now-section li {
	font-size: 16px;
	line-height: 1.5;
  }
  
  .apply-now-content .apply-now-section ul {
	list-style-type: disc;
	padding-left: 20px;
  }
  
  /* Call to Action */
  .apply-now-cta {
	text-align: center;
	margin-top: 30px;
  }
  
  .apply-now-button {
	background-color: #004696;
	color: #fff;
	border: none;
	padding: 15px 30px;
	font-size: 18px;
	cursor: pointer;
	border-radius: 5px;
	transition: background-color 0.3s ease;
  }
  
  .apply-now-button:hover {
	background-color: #002b6d;
  }
  
  /* Accent Class (if needed for highlighting text) */
  .apply-now-portlet .accent {
	color: #E8AF10; /* Use this class to apply the accent color */
  }




/* Admissions update */

.events-portlet header {
	text-align: center;
	margin-bottom: 1rem;
  }
  
  .events-list {
	width: 100%;
	margin: 0 auto;
	padding: 1rem;
  }
  
  .event-item {
	padding: 1rem;
	margin-bottom: 1rem;
	border-bottom: 1px solid #E8AF10;
	border-radius: 8px;
	animation: fadeIn 0.6s ease-in;
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
  }
  
  .event-item:last-child {
	border-bottom: none;
  }
  
  .event-item:hover {
	background-color: #005a9c;
	color: #fff;
	transform: translateY(-3px);
  }

  .event-item:hover .signup-btn {
	background-color: #E8AF10;
	color: black;
  }
  
  .event-name {
	margin: 0 0 0.5rem;
  }
  
  .event-date {
	display: inline-block;
	font-weight: 600;
	font-size: 1.4rem;
	color: #005a9c;
	background-color: #e6f2ff;
	padding: 0.25rem 0.5rem;
	border-radius: 4px;
	margin-bottom: 0.5rem;
  }
  
  .signup-btn {
	display: inline-block;
	padding: 0.5rem 1rem;
	border: none;
	background-color: #004696;
	color: white;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease;
	width: 20%;
  }
  
  .signup-btn:hover {
	background-color: #E8AF10;
	color: black;
  }
  
  @keyframes fadeIn {
	from {
	  opacity: 0;
	  transform: translateY(10px);
	}
	to {
	  opacity: 1;
	  transform: translateY(0);
	}
  }


  .next-steps {
	width: 100%;
	max-width: 1200px;
	margin: 2rem auto;
	padding: 1.5rem;
  }
  .next-steps__header {
	text-align: center;
	font-size: 1.75rem;
	margin-bottom: 1.5rem;
  }
  .next-steps__section-title {
	font-size: 1.75rem;
	color: #005a9c;
	margin-bottom: 1rem;
	font-weight: 600;
  }
  
  /* Two-column grid for Dual Credit */
  .next-steps__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem;
  }
  .next-steps__list-item {
	display: flex;
	align-items: flex-start;
	border-bottom: 2px solid #E8AF10;
	padding: 1rem;
	transition: background-color 0.3s, transform 0.2s;
  }
  .next-steps__list-item:last-child:nth-child(odd) {
	grid-column: 1 / -1;
  }
  
  /* Icon styling */
  .next-steps__icon {
	font-size: 2.5rem;
	margin-right: 1rem;
	flex-shrink: 0;
  }
  
  /* Button + description container */
  .next-steps__item-details {
	display: flex;
	flex-direction: column;
	width: 100%;
  }
  
  .next-steps__button {
	padding: 0.5rem 1rem;
	border-radius: 4px;
	background-color: #004696;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.3s, transform 0.2s;
  }
  
  .next-steps__desc {
	font-size: 1.5rem;
	color: #555;
	margin-top: 0.5rem;
  }
  
  .next-steps__list-item:hover {
	background-color: #005a9c;
	transform: translateY(-3px);
  }
  .next-steps__list-item:hover .next-steps__desc {
	color: #fff;
  }
  .next-steps__button:hover {
	background-color: #E8AF10;
	color: #000;
	transform: translateY(-2px);
  }
  
  /* Current/Returning Students */
  .next-steps__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
  }
  .next-steps__action {
	flex: 1 1 calc(50% - 1rem);
	display: flex;
	align-items: flex-start;
	border-bottom: 2px solid #E8AF10;
	padding: 1rem;
	transition: background-color 0.3s, transform 0.2s;
  }
  .next-steps__action:hover {
	background-color: #005a9c;
	transform: translateY(-3px);
  }
  .next-steps__action:hover .next-steps__desc {
	color: #fff;
  }
  
  /* Responsive */
  @media (max-width: 600px) {
	.next-steps__list {
	  grid-template-columns: 1fr;
	}
	.next-steps__actions {
	  display: block;
	}
	.next-steps__action {
	  flex: 1 1 100%;
	  margin-bottom: 1rem;
	}
  }

  .next-steps__list-item em {
	vertical-align: middle;
	display:inline-block;
	margin-right: 3.2rem;
	font-size: 5rem;
	color: #004690;
	width: 3rem;
	
  }

  .next-steps__action em {
	vertical-align: middle;
	display:inline-block;
	margin-right: 3.5rem;
	font-size: 5rem;
	color: #004690;
	width: 3rem;
	
  }

  .next-steps__list-item:hover em,
  .next-steps__action:hover em {
	color: #E8AF10;
  }

  .next-steps__list-item:hover .next-steps__button,
  .next-steps__action:hover .next-steps__button {
	background-color: #E8AF10; 
	color: black;
  }

  .not-registered {
	background-color: #f7f7f7;
	border: 2px solid #E8AF10;
	border-radius: 8px;
	margin: 2rem auto;
	padding: 1.5rem;
	max-width: 1200px;
  }
  
  .not-registered__content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
  }
  
  .not-registered__text {
	flex: 1 1 60%;
  }
  
  .not-registered__text h3 {
	font-size: 1.75rem;
	margin: 0 0 0.5rem;
	color: #005a9c;
  }
  
  .not-registered__text p {
	font-size: 1.2rem;
	color: #333;
  }
  
  .not-registered__cta {
	flex: 1 1 35%;
	text-align: right;
  }
  
  .not-registered__button {
	background-color: #004696;
	color: #fff;
	padding: 1rem 2rem;
	border: none;
	border-radius: 4px;
	text-decoration: none;
	font-size: 1.5rem;
	font-weight: 600;
	transition: background-color 0.3s ease;
  }
  
  .not-registered__button:hover {
	background-color: #E8AF10;
	color: #000;
  }
  
  /* Responsive: stack vertically on smaller screens */
  @media (max-width: 600px) {
	.not-registered__content {
	  flex-direction: column;
	  text-align: center;
	}
	.not-registered__cta {
	  margin-top: 1rem;
	  text-align: center;
	}
  }