/* 
    Theme: Indio
--  All styles are imported into this main stylesheet
*/
/* 
    Theme: Indio
--  Default color variables file
*/
/* 
    Theme: Indio
--  Default utility variables file
*/
/* 
    Theme: Indio
--  Master variables file
*/
/* 
    Theme: Indio
--  Theme specific styles
*/
/* 
    Theme: Indio
--  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
*/
.top-nav-bar .more-links-div ul a, .top-nav-bar .nav-container .link-scroll .h-menu .more-toggle-link button, .top-nav-bar .nav-container .link-scroll .h-menu a, .main-nav-links {
  color: #575757;
  background-color: transparent;
  border: none;
  border-radius: 999px;
  text-decoration: none;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.top-nav-bar .more-links-div ul a:hover, .top-nav-bar .nav-container .link-scroll .h-menu .more-toggle-link button:hover, .top-nav-bar .nav-container .link-scroll .h-menu a:hover, .main-nav-links:hover {
  color: #000000;
  background-color: #8c8c8c;
}

.slide-menu-right .navbar li button, .slide-menu-right .navbar li a, .sidebar-slide-menu-links {
  color: #000000;
  background-color: transparent;
  border: none;
  border-radius: 8px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.slide-menu-right .navbar li button:hover, .slide-menu-right .navbar li a:hover, .sidebar-slide-menu-links:hover {
  color: #24469A;
  background-color: rgba(36,70,154,0.10);
}

.dashboard-menu-links li a {
  color: #000;
  background-color: transparent;
  border: none;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

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

.link-secondary {
  color: #3e3e3e;
}

.link-secondary:hover {
  color: #3e3e3e;
}

.btn-primary {
  color: #fff;
  background-color: #F6891F;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 1px 3px rgba(18, 23, 46, 0.09), 0 4px 10px -2px rgba(18, 23, 46, 0.12);
}

.btn-primary:hover {
  background-color: #e37509;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
  transform: translateY(-1px);
}

.btn-primary:active {
  background-color: #cf6b08;
  box-shadow: none;
  transform: translateY(0);
}

.btn-primary:active:hover, .btn-primary:active:focus {
  background-color: #cf6b08;
}

.btn-primary:focus {
  background-color: #F6891F;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.28);
}

.btn-clear-primary {
  color: #fff;
  background-color: #fff;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 1px 3px rgba(18, 23, 46, 0.09), 0 4px 10px -2px rgba(18, 23, 46, 0.12);
  border: 1px solid #000000;
  color: #000000;
  box-shadow: none;
}

.btn-clear-primary:hover {
  background-color: #ebebeb;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
  transform: translateY(-1px);
}

.btn-clear-primary:active {
  background-color: #e0e0e0;
  box-shadow: none;
  transform: translateY(0);
}

.btn-clear-primary:active:hover, .btn-clear-primary:active:focus {
  background-color: #e0e0e0;
}

.btn-clear-primary:focus {
  background-color: #fff;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.28);
}

.btn-clear-primary:hover {
  color: #000000;
  background-color: rgba(0, 0, 0, 0.06);
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.btn-no-bg-hover-color-content-one {
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: none;
}

.btn-no-bg-hover-color-content-one:hover {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}

.btn-no-bg-hover-color-content-one:active {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(0);
}

.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;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.3);
}

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

.btn-no-bg-primary-hover-color-content-one {
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: none;
  color: #000000;
}

.btn-no-bg-primary-hover-color-content-one:hover {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}

.btn-no-bg-primary-hover-color-content-one:active {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(0);
}

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

.btn-no-bg-primary-hover-color-content-one:focus {
  background-color: transparent;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.3);
}

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

.btn-no-bg-hover-primary {
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: none;
}

.btn-no-bg-hover-primary:hover {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}

.btn-no-bg-hover-primary:active {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(0);
}

.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;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.3);
}

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

.btn-success-no-bg-no-hover {
  color: #fff;
  background-color: transparent;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: none;
}

.btn-success-no-bg-no-hover:hover {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(-1px);
}

.btn-success-no-bg-no-hover:active {
  background-color: transparent;
  box-shadow: none;
  transform: translateY(0);
}

.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;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.3);
}

.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;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 1px 3px rgba(18, 23, 46, 0.09), 0 4px 10px -2px rgba(18, 23, 46, 0.12);
}

.btn-danger:hover {
  background-color: #b72c28;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
  transform: translateY(-1px);
}

.btn-danger:active {
  background-color: #a72824;
  box-shadow: none;
  transform: translateY(0);
}

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

.btn-danger:focus {
  background-color: #D33A35;
  box-shadow: 0 0 0 3px rgba(211, 58, 53, 0.28);
}

.btn-success {
  color: #fff;
  background-color: #417505;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
  box-shadow: 0 1px 3px rgba(18, 23, 46, 0.09), 0 4px 10px -2px rgba(18, 23, 46, 0.12);
}

.btn-success:hover {
  background-color: #2b4e03;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
  transform: translateY(-1px);
}

.btn-success:active {
  background-color: #203a02;
  box-shadow: none;
  transform: translateY(0);
}

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

.btn-success:focus {
  background-color: #417505;
  box-shadow: 0 0 0 3px rgba(65, 117, 5, 0.28);
}

.btn-primary-toggle {
  color: #fff;
  background-color: #F6891F;
  border: 1px solid #F6891F;
  border-radius: 999px;
  box-shadow: none;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-primary-toggle:hover {
  color: #fff;
  background-color: #F6891F;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.btn-primary-toggle:active {
  background-color: #F6891F;
  box-shadow: none;
}

.btn-primary-toggle:active:hover, .btn-primary-toggle:active:focus {
  background-color: #F6891F;
}

.btn-primary-toggle:focus {
  background-color: #F6891F;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.28);
}

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

.btn-default-toggle {
  color: #fff;
  background-color: #666666;
  border: 1px solid #666666;
  border-radius: 999px;
  box-shadow: none;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-default-toggle:hover {
  color: #fff;
  background-color: #666666;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.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;
  box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.28);
}

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

.btn-danger-toggle {
  color: #fff;
  background-color: #D33A35;
  border: 1px solid #D33A35;
  border-radius: 999px;
  box-shadow: none;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-danger-toggle:hover {
  color: #fff;
  background-color: #D33A35;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.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;
  box-shadow: 0 0 0 3px rgba(211, 58, 53, 0.28);
}

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

.btn-success-toggle {
  color: #fff;
  background-color: #417505;
  border: 1px solid #417505;
  border-radius: 999px;
  box-shadow: none;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-success-toggle:hover {
  color: #fff;
  background-color: #417505;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.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;
  box-shadow: 0 0 0 3px rgba(65, 117, 5, 0.28);
}

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

.btn-alternate-one {
  color: #fff;
  background-color: black;
  border: 1px solid #595959;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-alternate-one:hover, .btn-alternate-one:focus {
  color: #fff;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.btn-alternate-two {
  color: #000;
  background-color: #fff;
  border: 1px solid #595959;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.btn-alternate-two:hover, .btn-alternate-two:focus {
  color: #000;
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

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

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

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

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

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

.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-btn {
  color: #F6891F;
  background: none;
  border: none;
}

.link-btn:focus {
  outline: 1px solid #F6891F;
}

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

a.disabled {
  color: #575757;
}

/* 
    Theme: Indio
--  Utility color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Indio
--  Base colors
--  Create another file to override these styles if needed
*/
.primary {
  color: #000000;
}

.accent {
  color: #F6891F;
}

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

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

.warning-content {
  color: #fffde5;
}

.secondary-content {
  color: #DEDEDE;
}

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

.danger {
  color: #D33A35;
}

.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: #5c6368;
}

.caution {
  color: #fc9002;
}

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

.body-text {
  color: #575757;
}

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

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

.text-link {
  color: #24469A;
}

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

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

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

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

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

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

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

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

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

.secondary-alternate-background-four {
  background-color: #595959;
}

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

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

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

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

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

.error-bg-color {
  background-color: #fefafa;
}

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

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

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

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

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

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

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

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

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

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

.primary-border {
  border-color: #000000;
}

.primary-top-border {
  border-color: #000000;
}

.primary-right-border {
  border-color: #000000;
}

.primary-bottom-border {
  border-color: #000000;
}

.primary-left-border {
  border-color: #000000;
}

.error-border {
  border-color: #D33A35;
}

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

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

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

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

/* 
    Theme: Indio
--  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: #000000;
  }
  .portlet-style-override .color-background-one.override-hover-state {
    color: #fff;
    background-color: #000000;
  }
  .portlet-style-override .color-background-one.override-hover-state:hover {
    color: #fff;
    background-color: #000000;
  }
  .secondary-alternate-background-mobile-one {
    background-color: #1f274f;
  }
}

/* 
    Theme: Indio
--  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, button.btn:focus {
  outline: 2px solid #F6891F;
  outline-offset: 1px;
}

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

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

a {
  color: #24469A;
}

a:hover {
  color: #24469A;
}

a:focus {
  color: #F6891F;
  outline: 2px solid #5f5f5f;
}

.site-header-container a:focus, .site-header-container button.btn:focus,
.portlet-header-bar a:focus,
.portlet-header-bar button.btn:focus {
  outline: 2px solid #DEDEDE;
}

a.btn:focus,
input.btn:focus,
label.btn.on-focus {
  outline: 2px solid #DEDEDE;
}

.accsessibility-highlight {
  outline: 2px solid #DEDEDE;
}

a.success {
  color: #417505;
}

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

a.danger {
  color: #D33A35;
}

a.danger:hover, a.danger:focus {
  color: #D33A35;
}

#sitemasthead {
  background: #000000;
}

#sitemasthead h1 a {
  color: #fff;
}

.feedbackError {
  color: #D33A35;
}

caption {
  color: #242424;
}

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

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

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

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

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

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

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

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

.page-title-btn button {
  border-radius: 0;
}

.page-title-btn button:hover {
  color: #fff;
}

.page-title-btn button:focus {
  color: #fff;
}

.page-title-btn a.glyphicons-question-sign {
  color: #fff;
}

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

.a11y-menu .sub-menu {
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

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

/* 
    Theme: Indio
--  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: #000000;
  }
  .portlet-style-override .color-background-one.override-hover-state {
    color: #fff;
    background-color: #000000;
  }
  .portlet-style-override .color-background-one.override-hover-state:hover {
    color: #fff;
    background-color: #000000;
  }
  .secondary-alternate-background-mobile-one {
    background-color: #1f274f;
  }
}

/* 
    Theme: Indio
--  Portlet color specific styles
--  Create another file to override these styles if needed
*/
.portlet-grid .portlet-header-bar {
  background: #000000;
  border-radius: 14px 14px 0 0;
}

.portlet-grid .portlet-header-bar h3,
.portlet-grid .portlet-header-bar a {
  color: #fff;
}

.portlet-grid .portlet {
  border: 1px solid #cccccc;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(18, 23, 46, 0.09), 0 4px 10px -2px rgba(18, 23, 46, 0.12);
  overflow: hidden;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.portlet-grid .portlet:hover {
  box-shadow: 0 6px 14px -4px rgba(18, 23, 46, 0.16), 0 16px 30px -10px rgba(18, 23, 46, 0.24);
}

.portlet-grid .singlePortlet {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

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

.portlet-grid .pagination {
  border: none;
}

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

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

.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: #e3e3e3;
  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: #e3e3e3;
  border: 1px solid #D33A35;
  color: #D33A35;
}

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

.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 #e3e3e3;
}

.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: #575757;
}

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

.buttonBar {
  background-color: rgba(36,70,154,0.10);
}

.buttonBarCentered {
  background-color: #cccccc;
}

.buttonBarCenteredVer2 {
  background-color: #999999;
}

.buttonBarCenteredVer2 input {
  padding: 3px 15px;
}

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

.groupedGrid {
  border-bottom: solid 1px #999999;
  background: #cccccc;
}

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

.groupedGrid thead tbody {
  background: #cccccc;
}

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

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

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

.groupedGrid_VerticalHeader {
  background-color: #e3e3e3;
}

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

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

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

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

.groupedGrid tbody {
  background: #fff;
}

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

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

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

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

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

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

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

.groupedGrid .error {
  color: #D33A35;
}

.groupedGrid .disable {
  color: #575757;
}

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

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

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

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

.groupedGrid .innerTable {
  background: #cccccc;
}

.cal img {
  cursor: pointer;
}

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

.hint {
  background-color: white;
  border: 1px solid #cccccc;
}

.pToolbar ul {
  border-bottom: 1px solid #cccccc;
}

/* Styles for Menu Items */
.pToolbar a,
.pToolbar a:link,
.pToolbar a:visited {
  color: #24469A;
  background: rgba(36,70,154,0.10);
  /* IE6 needs this */
}

.pToolbar .menu a.hasKids {
  background: rgba(36,70,154,0.10) url(./images/toolbar_rightarrow.gif) center right no-repeat;
}

.pToolbar a:hover,
.pToolbar a.active,
.pToolbar .pTool a:hover,
.pToolbar .pTool a.active {
  color: #24469A;
  background-color: rgba(36,70,154,0.18);
}

/* End */
.pToolbar {
  background: rgba(36,70,154,0.10);
  color: #24469A;
  border-top: solid 1px #d9d9d9;
}

.pToolbar .pTool {
  border-right: solid 1px #d9d9d9;
}

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

.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(0, 0, 0, 0.18);
  color: #000;
}

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

.cpBody {
  background-color: #fff;
}

.cpLbl {
  color: #000000;
}

.cpTxt {
  color: #417505;
}

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

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

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

.dateRangeEdit div.opt label:hover {
  color: #000000;
}

#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 #999999;
}

.contentTabs li {
  border: solid 1px #999999;
  border-bottom: none;
  background: #cccccc;
}

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

div.tabbox {
  border-color: #999999;
}

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

div#action {
  border: 1px solid #999999;
  background-color: #e3e3e3;
}

.multiUp table {
  background: #e3e3e3;
}

.multiUp table thead {
  background: #cccccc;
}

#tblUserSelector .largehint {
  background-color: #e3e3e3;
  border: 1px solid #999999;
}

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

.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: #12172E;
}

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

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

.RssPortlet .custom-icon.icon-rss {
  color: #000000;
}

.RssPortlet .categories-and-feed-header-row {
  color: #000000;
}

.RssPortlet .categories-and-feed, .RssPortlet .rss-feed-item-alt-row {
  background-color: #e3e3e3;
}

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

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

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

.forums-portlet .alternate-post {
  background-color: #1f274f;
}

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

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

.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: #000000;
}

.sharedToolsListRepeaterItemContainer:hover {
  background-color: #e3e3e3;
  border: 1px solid #000000;
}

.toolsListRepeaterItemContainer:hover {
  background-color: #999999;
  border: 1px solid #000000;
}

.featuredToolsListRepeaterItemContainer:hover {
  background-color: #999999;
  border: 1px solid #000000;
}

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

table.assignmentGrid tr:nth-child(odd), table.cwkTableDisplay tr:nth-child(odd) {
  background-color: #e3e3e3;
}

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

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

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

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

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

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

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

.meetingPortlet .innerModal {
  border: 1px solid #c7c7c7;
  background-color: #e3e3e3;
}

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

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

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

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

.courseOrgPortlet .linkButton {
  color: #000000;
}

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

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

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

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

div.assignmentDisplay:hover {
  border-color: #cccccc;
  background-color: #999999;
}

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

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

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

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

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

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

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

div.assignmentStepHeader.expandable:hover {
  background-color: #e3e3e3;
  border: 1px solid #999999;
}

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

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

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

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

.assignmentFormat {
  border-color: #fff;
}

.assignmentFormat:hover {
  background-color: #e3e3e3;
  border-color: #cccccc;
}

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

.timeBarNormal.open {
  color: #575757;
}

div.imgGallery span {
  color: #575757;
}

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

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

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 #cccccc;
}

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

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

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

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

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

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 #cccccc;
}

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

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

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

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

td.incorrect {
  color: #D33A35;
}

div.incorrect {
  color: #D33A35;
}

td.partial {
  color: #575757;
}

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

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

span.waitAttempt {
  background-color: #e3e3e3;
  border-color: #cccccc;
  color: #575757;
}

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

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

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

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

.passwordStrength1 {
  background-color: #fffde5;
}

.passwordStrength2 {
  background-color: #fff9b2;
}

.passwordStrength3 {
  background-color: #fff57f;
}

.passwordStrength4 {
  background-color: #e5d300;
}

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

.secureBrowserInfo .returnLink {
  background-color: #999999;
  border: 1px solid #cccccc;
}

.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: #000000;
}

.selectiveRelease-ruleSelector-assignmentLink {
  color: #000000;
}

.portlet-grid .portlet .rubric tr.staticGrid-columnHeader th.staticGrid-rowLabelColumn:first-child {
  background-color: #d9d9d9;
  color: #575757;
}

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

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

.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: #e3e3e3;
}

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

.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: #575757;
  background-color: #000000;
  border-bottom: 0.1em solid #cccccc;
  border-right: 0.1em solid #cccccc;
  border-top: 0.1em solid #cccccc;
  border-left: 0.1em solid #cccccc;
}

.rubric .panelEditor-formView .panelEditor-saveButton:hover {
  background-color: #000000;
}

.rubric .panelEditor-formView .panelEditor-cancelButton {
  color: #000000;
}

.rubric .panelEditor-formView .panelEditor-cancelButton:hover {
  color: #000000;
}

.rubric .panelEditor-formView .deleteButton {
  color: #D33A35;
}

.portlet-grid .portlet .rubric-editing tr > *:last-child {
  background-color: #d9d9d9;
  border: solid 1px #cccccc;
}

.portlet-grid .portlet .rubric-editing > tbody > tr:last-child > * {
  background-color: #d9d9d9;
  border: solid 1px #cccccc;
}

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

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

.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: #000000;
}

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

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

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

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

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

.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: #e3e3e3;
}

.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 #000000;
  border-bottom: double 1px #000000;
}

.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 #000000;
}

.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 #000000;
}

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

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

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

.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: #999999;
}

.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: #e3e3e3;
  border-color: #cccccc;
}

.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: #e3e3e3;
}

.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: #575757;
  border: 1px solid #cccccc;
  background-color: #e3e3e3;
}

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

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

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

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

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

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

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

.gradebookPortlet caption {
  color: #575757;
}

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

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

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

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

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

.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 #cccccc;
  background-color: #999999;
}

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

.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 #cccccc;
}

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

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

/* 
    Theme: Indio
--  Portlet mobile color specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Indio
--  Tooltips color specific styles
--  Create another file to override these styles if needed
*/
.ui-tooltip.jenzabar-tooltip {
  color: #575757;
  border-color: #cccccc;
  background-color: #fff;
  box-shadow: -1px 3px 5px 1px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* 
    Theme: Indio
--  Admin color specific styles
--  Create another file to override these styles if needed
*/
.admin-menu .actions-menu {
  background: #F6891F;
}

.admin-menu .actions-menu a {
  color: #fff;
}

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

.admin-menu .actions-menu.drag-menu a {
  color: #24469A;
}

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

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

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

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

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

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

#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: rgba(36,70,154,0.10);
  border-color: #24469A;
}

.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: #d6d6d6;
  border-color: #cccccc;
}

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

.settings-wrapper .portletSelection,
.preferencesPanel .portletSelection {
  border-color: #cccccc;
  background-color: #999999;
}

.allowedButton {
  background-color: #d9fcb0;
}

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

.notallowedButton {
  background-color: #cccccc;
}

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

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

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

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

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

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

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

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

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

.pageAccessPanel .roleManager .roleOptions .addPeople-link a {
  color: #000000;
  background-color: #999999;
  border-color: #cccccc;
}

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

.pageAccessPanel .roleManager .expandAll {
  color: #575757;
}

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

.pageAccessRoleMenu .AddRoleContainer {
  color: #575757;
}

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

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

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

.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: #000000;
}

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

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

.portletAccessDescription {
  color: #575757;
}

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

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

.permissionsTitle .subTitle {
  color: #000000;
}

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

.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: #575757 !important;
}

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

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

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

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

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

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

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

.pageOptionsPanel .pageRenaming .content .validator {
  color: #D33A35;
}

.pageOptionsPanel .pageRenaming .renameButton:hover {
  background-color: #999999;
  border-color: #000000;
}

.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: #575757;
}

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

.pageDescript {
  color: #575757;
}

ul.PageGroupListView h2 {
  color: #000000;
}

ul.PageGroupListView .pageDescript {
  color: #575757;
}

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

a.availablePage:hover, a.availableLayout:hover {
  border-color: #000000;
  background-color: #999999;
}

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

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

.unavailablePage .pageType {
  color: #575757;
}

.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);
}

.resourcesPage .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: #cccccc;
  color: #575757;
}

.ExpandablePanel {
  color: #575757;
}

.MetaControl {
  color: #575757;
}

.SubTable_Footer.ValidationError {
  color: #D33A35;
}

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

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

.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: #000000;
}

.drag-disable {
  opacity: 0.1;
}

.pageActions .ChangePermissions {
  color: #000000;
}

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

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: #999999;
  background-color: #fff;
}

.DialogWindow_InnerFrame {
  border-color: #999999;
}

.DialogWindow_Title {
  background-color: #cccccc;
  color: #575757;
}

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

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

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

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

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

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

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

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

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

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

.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: #cccccc;
  background-color: #e3e3e3;
}

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

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

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

.groupedGrid thead tbody {
  background: #cccccc;
}

.groupedGrid th {
  background: #c7c7c7;
}

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

.groupedGrid tfoot tbody {
  background: #c7c7c7;
}

.groupedGrid_VerticalHeader {
  background: #c7c7c7;
}

.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: #c7c7c7;
}

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

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

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

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

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

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

.groupedGrid tbody {
  background: #fff;
}

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

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

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

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

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

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

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

.groupedGrid .error {
  color: #D33A35;
}

.groupedGrid .disable {
  color: #575757;
}

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

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

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

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

.groupedGrid .innerTable {
  background: #cccccc;
}

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

.FBQuestionList .Required {
  color: #575757;
}

.FBQuestionList .Error {
  color: #D33A35;
}

.FBQuestionList .RequiredError {
  color: #D33A35;
}

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

.FormBuilder .MainHeaderMessage {
  color: #000000;
}

.FormBuilder .MainHeader table {
  background-color: #999999;
}

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

.FormBuilder .MainHeaderStatus {
  color: #000000;
}

.FormBuilder .MainHeaderStatusWarning {
  color: #D33A35;
}

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

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

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

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

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

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

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

.FormBuilder #tblCreateNewForm {
  border-color: #999999;
}

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

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

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

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

.FormBuilder table.GridStyle .TitleBar {
  border-color: #999999;
  background: #999999;
}

.FormBuilder #tblNewQuestion .FooterBar {
  border-color: #999999;
  background: #999999;
}

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

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

.FormBuilder .ErrorMsg {
  color: #D33A35;
}

.FormBuilder #tblMoveQuestion {
  background: #cccccc;
  border-color: #999999;
}

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

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

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

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

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

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 {
  background: #fff;
}

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 {
  background: #999999;
}

.secTable tbody .alt td.admin {
  background: #999999;
}

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

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

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

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

table.tabularData > tbody > tr.alt {
  background-color: rgba(36, 70, 154, 0.06);
}

table.tabularData > * > tr > th.sorted {
  background-color: rgba(36, 70, 154, 0.12);
}

table.tabularData > * > tr > td.sorted {
  background-color: rgba(36, 70, 154, 0.12);
}

table.tabularData > * > tr.alt > td.sorted {
  background-color: rgba(36, 70, 154, 0.16);
}

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: #cccccc;
}

.fbTblAdminSubHead {
  background-color: #c7c7c7;
}

.fbTblAdminSubHeadAlt {
  background-color: #1f274f;
}

.fbLookupDef {
  background-color: #fff;
}

.fbLookupAlt {
  background-color: #999999;
}

.feedbackMessage {
  border-color: #000000;
  background: #1f274f;
  color: #000;
}

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

.note {
  color: #575757;
}

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

.accordionHeader a {
  color: #000;
}

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

.accordionHeaderSelected {
  background-color: #999999;
  color: #fff;
}

.accordionHeaderSelected a {
  color: #fff;
}

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

.accordionContent {
  background-color: #fff;
}

.accordionLink {
  color: #000000;
}

/* 
    Theme: Indio
--  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: #cccccc;
}

.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: #d9d9d9;
}

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

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

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

.fc-nonbusiness {
  background: #cccccc;
}

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

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

.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: #cccccc;
  color: #000;
}

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

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

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

.fc-state-default {
  background-color: #d9d9d9;
  border-color: #cccccc #cccccc #999999;
  color: #575757;
}

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

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

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

/* 
    Theme: Indio
--  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, button.btn:focus {
  outline: 2px solid #F6891F;
  outline-offset: 1px;
}

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

/* 
    Theme: Indio
--  Navbar color specific styles
--  Create another file to override these styles if needed
*/
.site-header-container #sitemasthead {
  background: #000000;
}

.site-header-container .user-btn,
.site-header-container .search-btn {
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-header-container .user-btn:focus,
.site-header-container .search-btn:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4);
}

.site-header-container .user-btn, .site-header-container .search-btn {
  color: #fff;
  background: rgba(255, 255, 255, 0.14);
  border-radius: 999px;
}

.site-header-container .user-btn:hover, .site-header-container .search-btn:hover {
  background: rgba(255, 255, 255, 0.24);
}

.site-header-container .user-btn {
  background: transparent;
}

.site-header-container .user-btn:hover {
  background: rgba(255, 255, 255, 0.14);
}

.site-header-container .jics-login-show-standard-fields-section {
  color: #fff;
}

.site-header-container .jics-login-show-standard-fields-section .jics-login-show-standard-fields-button:hover {
  color: #fff;
}

.site-header-container .login-btn {
  color: #fff;
  background: rgba(255, 255, 255, 0.16);
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-header-container .login-btn:hover {
  background: rgba(255, 255, 255, 0.26);
}

.site-header-container .login-btn:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.4);
}

.site-header-container .user-login .form-control {
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.site-header-container .user-login .form-control:focus {
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35);
}

.site-header-container .user-login .input-group-addon {
  border-radius: 999px 0 0 999px;
}

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

.top-nav-bar .nav-container .link-scroll {
  background: transparent;
}

.top-nav-bar .nav-container .link-scroll .h-menu a.active,
.top-nav-bar .nav-container .link-scroll .h-menu a.selected,
.top-nav-bar .nav-container .link-scroll .h-menu a.current,
.top-nav-bar .nav-container .link-scroll .h-menu li.active a,
.top-nav-bar .nav-container .link-scroll .h-menu li.selected a,
.top-nav-bar .nav-container .link-scroll .h-menu li.current a {
  background-color: #000000;
  color: #fff;
}

.top-nav-bar .nav-container .link-scroll .h-menu a.active:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a.selected:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a.current:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.active a:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.selected a:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.current a:hover {
  background-color: black;
  color: #fff;
}

.top-nav-bar .nav-container .link-scroll .h-menu ul {
  background-color: #000000;
}

.top-nav-bar .nav-container .link-scroll .h-menu ul li a {
  color: #fff;
  background-color: transparent;
  border-radius: 8px;
}

.top-nav-bar .nav-container .link-scroll .h-menu ul li a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.16);
}

.top-nav-bar .more-links-div {
  background-color: #000000;
  border-radius: 10px;
  box-shadow: 0 10px 20px -6px rgba(18, 23, 46, 0.16), 0 24px 44px -12px rgba(18, 23, 46, 0.28);
}

.top-nav-bar .more-links-div ul a {
  color: #fff;
}

.top-nav-bar .more-links-div ul a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.16);
}

.main-nav-submenu-container .init-user-login-btn,
.main-nav-submenu-container .init-user-login-continue-btn {
  background: #F6891F;
  color: #fff;
  border: none;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.main-nav-submenu-container .init-user-login-btn:hover,
.main-nav-submenu-container .init-user-login-continue-btn:hover {
  background: #e37509;
}

.main-nav-submenu-container .popover {
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 10px;
  box-shadow: 0 10px 20px -6px rgba(18, 23, 46, 0.16), 0 24px 44px -12px rgba(18, 23, 46, 0.28);
}

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

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

.main-nav-submenu-container .user-login.popover .user-name {
  color: #575757;
}

.main-nav-submenu-container .user-login .input-group .input-group-addon {
  color: #fff;
  background: #0b0e1c;
}

.main-nav-submenu-container .user-login .forgot-password-link {
  color: #fff;
}

.authentication-preview-container {
  background: #000000;
}

.alternative-login-text-preview,
.link-btn-preview {
  color: #fff;
}

.alternative-login-text-preview:hover,
.link-btn-preview:hover {
  color: #fff;
}

.input-group-addon-preview {
  color: #fff;
  background: #0b0e1c;
}

.btn-primary-preview {
  background: #1a1a1a;
}

.btn-primary-preview:hover {
  color: #fff;
  background: #1a1a1a;
}

.skip-navigation:focus {
  background: #000;
  color: #fff;
}

.main-crumbs {
  color: #000000;
  background: #999999;
  border-radius: 999px;
}

.main-crumbs .breadcrumbs-title {
  color: #575757;
}

#emulation {
  color: #575757;
}

/* 
    Theme: Indio
--  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: #000000;
    border-bottom: 1px solid #cccccc;
  }
  .site-header-container .search-section {
    box-shadow: none;
  }
  .site-header-container .top-nav-bar {
    background: #000000;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll.vertical-menu {
    background: #fff !important;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll {
    background: #fff;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a {
    color: #000000;
    background-color: transparent;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a:hover {
    color: #000000;
    background-color: transparent;
  }
  .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: #999999;
    border-bottom-color: #999999;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li.active a {
    color: #000000;
    background: transparent;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li:first-child {
    border-right-color: #999999;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li a {
    color: #fff;
    background-color: #000000;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .slide-menu-toggle-btns li a:hover {
    color: #fff;
    background-color: #000000;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .sub-nav li:first-child {
    border-top-color: #999999;
  }
  .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: #000000;
    background-color: #12172E;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav .current-page button.sub-nav {
    background-color: gray;
  }
  .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: #000000;
  }
  .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: #000000;
    background-color: gray;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .super-nav ul button {
    color: #000000;
    background: transparent;
  }
  .site-header-container .main-nav-submenu-container {
    background: #fff;
    border-bottom-color: #cccccc;
  }
  .site-header-container .main-nav-submenu-container .init-user-login-btn {
    background: #000000;
  }
  .site-header-container .main-nav-submenu-container .popover {
    background-color: transparent;
    border: none;
    box-shadow: none;
  }
  .site-header-container .main-nav-submenu-container .user-login {
    color: #000000;
    background: #fff;
    border-bottom-color: #cccccc;
  }
  .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 {
    background-color: #000000;
    color: #fff;
  }
  .site-header-container .main-nav-submenu-container .user-login .input-group .input-group-addon {
    color: #ababab;
    background: transparent;
  }
  .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: #000000;
  }
  .site-header-container .main-nav-submenu-container .user-login .forgot-password-link {
    color: #000000;
  }
  .site-header-container .main-nav-btn:hover {
    color: #fff;
  }
  .site-header-container .main-nav-btn:focus {
    color: #fff;
  }
  .site-header-container .user-btn,
.site-header-container .search-btn {
    color: #fff;
  }
  .site-header-container .login-btn {
    color: #fff;
    background-color: transparent;
  }
  .site-header-container .jics-login-show-standard-fields-section {
    color: #575757;
  }
  .site-header-container .jics-login-show-standard-fields-section .jics-login-show-standard-fields-button {
    color: #575757;
  }
  .site-header-container .jics-login-show-standard-fields-section .jics-login-show-standard-fields-button:hover {
    color: #575757;
  }
}

/* 
    Theme: Indio
--  Combined navbar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .top-nav-bar .nav-container .link-scroll.super-menu .h-menu ul li {
    border-top: 1px solid #999999;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .h-menu ul li:first-child {
    border-top: none;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav {
    border-top-color: #999999;
    border-bottom-color: #999999;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .slide-menu-toggle-btns li.active a {
    color: #000000;
    background: transparent;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .slide-menu-toggle-btns li:first-child {
    border-right-color: #999999;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .slide-menu-toggle-btns li a {
    color: #fff;
    background-color: #000000;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .slide-menu-toggle-btns li a:hover {
    color: #fff;
    background-color: #000000;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .quick-links-with-sub-nav button:hover {
    background-color: transparent;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .sub-nav li:first-child {
    border-top-color: #999999;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .sub-nav a, .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .sub-nav:hover {
    color: #000000;
    background-color: #12172E;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .current-page button.sub-nav {
    background-color: gray;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav .menu-links li.selected a,
.top-nav-bar .nav-container .link-scroll.super-menu .super-nav .menu-links-sn li.selected a {
    color: #fff;
    background-color: #000000;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav #pagePortletsSn li a,
.top-nav-bar .nav-container .link-scroll.super-menu .super-nav #myPagesSn li a,
.top-nav-bar .nav-container .link-scroll.super-menu .super-nav #myGroupsSn li a,
.top-nav-bar .nav-container .link-scroll.super-menu .super-nav #myCoursesSn li a {
    color: #000000;
    background-color: gray;
  }
  .top-nav-bar .nav-container .link-scroll.super-menu .super-nav ul button {
    color: #000000;
    background: transparent;
  }
}

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

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

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

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

.slide-menu-right .navbar .slide-menu-toggle-btns {
  display: flex;
  gap: 6px;
  margin-bottom: 10px;
}

.slide-menu-right .navbar .slide-menu-toggle-btns a {
  display: block;
  color: #575757;
  background-color: transparent;
  border-radius: 999px;
  padding: 6px 14px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.slide-menu-right .navbar .slide-menu-toggle-btns a:hover {
  color: #24469A;
  background-color: rgba(36,70,154,0.10);
}

.slide-menu-right .navbar .slide-menu-toggle-btns li.active a {
  color: #24469A;
  background-color: rgba(36,70,154,0.10);
}

.slide-menu-right .navbar .slide-menu-toggle-btns li.active a:hover {
  color: #24469A;
  background-color: rgba(36,70,154,0.10);
}

.slide-menu-right .navbar li.current-page {
  position: relative;
}

.slide-menu-right .navbar li.current-page > button {
  color: #24469A;
  font-weight: 600;
  background-color: rgba(36,70,154,0.10);
  border-radius: 8px;
}

.slide-menu-right .navbar li.current-page > button::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 8px;
  background: #F6891F;
}

.slide-menu-right .navbar .sub-nav a {
  color: #000000;
  border-radius: 8px;
}

.slide-menu-right .navbar .sub-nav a:hover {
  color: #24469A;
  background-color: rgba(36,70,154,0.10);
}

.slide-menu-btn {
  color: #000000;
  background-color: #fff;
  border: 1px solid #cccccc;
  border-radius: 999px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.slide-menu-btn:hover {
  color: #fff;
  background-color: #000000;
  border-color: #000000;
}

.slide-menu-btn:focus {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.25);
}

/* 
    Theme: Indio
--  Sidebar mobile color specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .slide-menu-right {
    z-index: 5000;
  }
  .slide-menu-right .navbar .tab-pane {
    border-top: none !important;
  }
  .slide-menu-right .navbar .slide-menu-toggle-btns li:first-child {
    border-right: 1px solid #999999;
  }
  .slide-menu-right .navbar .slide-menu-toggle-btns li a {
    color: #fff;
    background: #000000;
  }
  .slide-menu-right .navbar .slide-menu-toggle-btns .active a {
    color: #000000;
    background: transparent;
  }
  .slide-menu-right .navbar .slide-menu-toggle-btns .active a:hover {
    color: #fff;
    background-color: #000000;
  }
  .slide-menu-btn {
    background-color: #000000;
    color: #fff;
  }
}

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

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

.form-wrapper .form-control {
  border-color: #b3b3b3;
  border-radius: 8px;
  transition: all 0.18s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.form-wrapper .form-control:focus {
  border-color: #F6891F;
  box-shadow: 0 0 0 3px rgba(246, 137, 31, 0.18);
}

.form-wrapper .form-control[readonly],
.form-wrapper .form-control[disabled] {
  background-color: white;
}

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

.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: #666666;
  box-shadow: inset 0 1px 1px rgba(128, 128, 128, 0.2), 0 0 8px rgba(102, 102, 102, 0.5);
}

legend {
  color: #575757;
}

select[disabled] {
  background-color: #12172E;
}

.toggle.highlight {
  border-color: #5c6368;
}

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

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

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

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

.card-layout .masonry .card .wysiwygtext {
  color: #575757;
}

.card-layout .masonry .card a.title {
  color: #000000;
}

.card-layout .masonry .card .btn-primary {
  border-right: 1px solid #fff;
}

.card-layout .masonry .card .sub-info {
  color: #575757;
}

.card-layout .masonry .leader-highlight {
  background-color: #c7c7c7;
}

.card-layout .sort-controls .btn {
  background-color: transparent;
}

.card-layout .sort-controls .btn:active {
  box-shadow: none;
}

.card-block-layout .card {
  background-color: #e3e3e3;
}

.card-block-layout .card p {
  color: #575757;
}

.card-block-layout .card .wysiwygtext {
  color: #575757;
}

.card-block-layout .card a.title {
  color: #000000;
}

.card-block-layout .card .btn-primary {
  border-right: 1px solid #fff;
}

.card-block-layout .card .sub-info {
  color: #575757;
}

@media screen and (max-width: 992px) {
  .card-layout .card-set-wrapper {
    border: none;
  }
}

/* 
    Theme: Indio
--  Slide menu colors specific styles
--  Create another file to override these styles if needed
*/
/* 
    Theme: Indio
--  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: #999999;
    transition: border-color 2s;
  }
  .slideout-wrapper.closed .slideout-body,
.slideout-wrapper.open .slideout-body {
    background: #202953;
  }
}

/* 
    Theme: Indio
--  Popovers colors specific styles
--  Create another file to override these styles if needed
*/
.popover {
  font-family: Open Sans;
}

.popover .ui-dialog-title {
  color: #575757;
}

.popover .popover-content {
  color: #575757;
}

.popover .popover-content .content {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}

.popover .popover-content input[type="text"] {
  border-color: #cccccc;
}

/* 
    Theme: Indio
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
.alert-container {
  border-width: 0 0 0 3px;
  border-radius: 10px;
}

.alert-container.error {
  border-color: #D33A35;
  color: #D33A35;
  background-color: white;
}

.alert-container.success {
  border-color: #417505;
  color: #417505;
  background-color: #fcfffa;
}

.alert-container.feedback {
  border-color: #000000;
  color: #000000;
  background-color: #9e9e9e;
}

.alert-container.warning {
  border-color: #F6891F;
  color: #575757;
  background-color: #fffde5;
}

/* 
    Theme: Indio
--  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: black;
}

.footable-container table.footable tbody > tr:nth-of-type(odd) {
  background-color: #fff;
}

.footable-container table.footable tbody > tr.highlight-background {
  background-color: #fffde5;
}

.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: #575757;
  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: #000000;
}

.footable-container table.footable .alert-prompt-row.error {
  color: #D33A35;
  background-color: white;
}

.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: #000000;
  background-color: #9e9e9e;
}

.footable-container table.footable .alert-prompt-row.feedback a {
  color: #000000;
}

.footable-container table.footable .alert-prompt-row.warning {
  color: #575757;
  background-color: #fffde5;
}

.footable-container table.footable .alert-prompt-row.warning a {
  color: #575757;
}

.footable-container table.footable table.footable-details tbody > tr:nth-of-type(odd) {
  background: transparent;
}

.footable-container .fooicon-plus, .footable-container .fooicon-minus {
  color: #000000;
  opacity: 1;
}

.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: #999999;
}

.drawer-container table.table-bordered th, .drawer-container table.table-bordered td {
  border-color: #999999;
}

.default-border-alternate-one table.footable th, .default-border-alternate-one table.footable td {
  border-color: #999999;
}

/* 
    Theme: Indio
--  Image uploader color specific styles
--  Create another file to override these styles if needed
*/
.filepond--root {
  font-family: Open Sans;
  color: #575757;
}

.filepond--root .filepond--panel .filepond--panel-root {
  background-color: #12172E;
}

.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: Indio
--  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: #12172E;
  opacity: .2;
}

/* 
    Theme: Indio
--  SubMenu color specific styles
--  Create another file to override these styles if needed
*/
.sub-menu-wrapper .sub-menu-container .sub-menu a:hover {
  color: #000;
}

/* 
    Theme: Indio
--  Alerts colors specific styles
--  Create another file to override these styles if needed
*/
.file-drop-area {
  background-color: #a1a1a1;
}

.file-drop-area.highlight {
  border-color: #000000;
  background-color: #9e9e9e;
}

.file-drop-area:hover {
  border-color: #000000;
  background-color: #9e9e9e;
  border-style: solid;
}

/* 
    Theme: Indio
--  Base layout specific styles
--  Create another file to override these styles if needed
*/
body {
  font-family: Open Sans;
  font-size: 14px;
}

.CourseworkPortlet div.questionArea {
  margin-top: 170px;
}

.site-header-container #sitemasthead {
  margin: 0;
  padding-top: 20px;
  height: 130px;
  position: relative;
}

.site-header-container #sitemasthead h1 {
  margin: 0;
}

.site-header-container #sitemasthead .site-logo-link {
  float: left;
}

.site-header-container #sitemasthead .site-logo {
  padding: 0 10px;
  top: 0;
  position: relative;
  float: left;
  width: 136px;
  height: 50px;
  box-sizing: content-box;
  margin: 0 auto;
}

.error-message {
  border-style: solid;
  border-width: 1px;
}

.targeted-message {
  margin-top: 10px;
}

.main-layout {
  margin-top: 20px;
}

.main-layout .page-not-found {
  position: relative;
  top: -5px;
}

.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;
}

/* 
    Theme: Indio
--  Base mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .logged-in .site-header-container #sitemasthead .site-logo {
    top: 0;
  }
  .site-header-container #sitemasthead {
    top: 0;
    padding: 20px 0;
    height: auto !important;
  }
  .site-header-container #sitemasthead .site-logo {
    top: 0;
    float: none;
    text-align: center;
  }
  .site-header-container #sitemasthead .site-logo-link {
    display: block;
    margin: 35px auto 0 auto;
    text-align: center;
    float: none;
  }
  .targeted-message {
    margin-bottom: 40px;
    z-index: 100;
  }
  .main-layout {
    margin-top: 30px;
  }
  .main-layout .page-not-found {
    top: -60px;
  }
}

/* 
    Theme: Indio
--  Navbar layout specific styles
--  Create another file to override these styles if needed
*/
.site-header-container .user-btn {
  top: -15px;
  right: 55px;
}

.site-header-container .search-btn {
  top: 17px;
  height: 33px;
  padding: 8px;
  font-size: 16px;
  z-index: 5000;
}

.site-header-container .search-panel {
  position: absolute;
  right: 0;
  top: 75px;
}

.site-header-container .search-panel .search-section {
  top: -12px;
  z-index: 5000;
}

.site-header-container .jics-login-redirect-simple {
  float: right;
  margin-right: 20px;
}

.site-header-container .jics-login-show-standard-fields-section {
  clear: both;
  text-align: right;
  margin-right: 20px;
  padding-top: 5px;
  white-space: nowrap;
}

.top-nav-bar {
  top: 85px;
  border-bottom: none;
}

.top-nav-bar .nav-container .link-scroll .navbar-nav {
  height: 42px;
}

.top-nav-bar .nav-container .link-scroll .h-menu a {
  margin: 0 6px;
  border-radius: 999px;
}

.top-nav-bar .nav-container .link-scroll .h-menu .more-toggle-link button {
  margin: 0 6px;
  border-radius: 999px;
}

.top-nav-bar .nav-container .link-scroll .h-menu .more-links-div ul li {
  padding: 8px 0;
}

.top-nav-bar .nav-container .link-scroll .h-menu .more-links-div ul a {
  margin: 0 6px;
  padding: 5px;
  border-radius: 999px;
}

.logged-in .site-header-container .main-nav-submenu-container {
  position: absolute;
  right: 5px;
}

.logged-in .site-header-container .main-nav-submenu-container .popover {
  text-align: left;
}

.logged-in .site-header-container .main-nav-submenu-container .user-login.popover {
  top: 50px;
  margin-right: 0;
  z-index: 5000;
  font-size: 12px;
}

.logged-in .site-header-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
.logged-in .site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
  font-size: 12px;
  float: right;
}

.logged-in .site-header-container .main-nav-submenu-container .user-login.popover .user-name {
  font-size: 14px;
}

.logged-in .site-header-container .main-nav-submenu-container .user-login.popover a {
  text-decoration: none;
}

.skip-navigation:focus {
  width: 100%;
  padding: 5px;
  display: block;
}

.main-crumbs {
  top: 10px;
  font-size: 12px;
}

.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: Indio
--  Navbar mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .logged-in .site-header-container .main-nav-btn {
    z-index: 5000;
  }
  .logged-in .site-header-container .user-btn {
    top: 2px;
    right: 0;
  }
  .logged-in .site-header-container .search-btn {
    top: 6px;
    right: 60px;
  }
  .logged-in .site-header-container .main-nav-submenu-container .user-login.popover {
    top: 32px;
    text-align: center;
  }
  .logged-in .site-header-container .main-nav-submenu-container .user-login.popover .init-user-login-btn,
.logged-in .site-header-container .main-nav-submenu-container .user-login.popover .init-logout-btn {
    float: none;
  }
  .site-header-container {
    position: relative;
  }
  .site-header-container .mobile-fixed-container {
    width: 100%;
    height: 43px;
    z-index: 10;
    position: fixed;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul {
    margin-top: 0;
  }
  .site-header-container .top-nav-bar .nav-container .link-scroll .h-menu ul a {
    margin: 0;
  }
  .site-header-container .main-nav-submenu-container {
    border-bottom-style: solid;
    border-bottom-width: 1px;
  }
  .site-header-container .main-nav-submenu-container .user-login {
    position: fixed !important;
    width: 100%;
    top: 43px;
    right: 0;
    overflow: hidden;
    left: 0;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    z-index: 20000;
  }
  .site-header-container .main-nav-submenu-container .user-login .forgot-password-link {
    margin: 0;
  }
  .site-header-container .search-panel .search-section {
    top: 42px;
    position: fixed !important;
  }
  .site-header-container .login-btn {
    top: 3px;
    right: 60px;
    position: fixed;
    z-index: 5000;
  }
  .site-header-container .search-btn {
    top: 6px;
    right: 10px;
    position: fixed;
    z-index: 5000;
  }
  .site-header-container .user-btn {
    top: 0;
    position: fixed;
    z-index: 5000;
  }
  .site-header-container .user-btn .user-image {
    width: 30px;
    height: 30px;
  }
  .site-header-container .jics-login-redirect-simple {
    float: none;
    margin-right: 0;
    position: relative;
    top: 10px;
  }
  .site-header-container .jics-login-show-standard-fields-section {
    clear: none;
    text-align: center;
    margin-right: 0;
    padding-top: 5px;
  }
  .site-header-container .jics-login-show-standard-fields-section .jics-login-show-standard-fields-button {
    vertical-align: baseline;
  }
  .skip-navigation:focus {
    position: absolute;
    top: -3px;
    font-size: 13px;
    text-align: center;
    width: 100%;
    z-index: 5001;
  }
  .main-crumbs {
    display: block;
    top: 10px;
  }
  .main-crumbs .breadcrumbs-title {
    float: none;
  }
  .main-crumbs .breadcrumbs-container {
    display: inline-block;
  }
  #emulation {
    padding-bottom: 10px;
    text-align: center;
    margin: 28px auto 0 auto;
    float: none;
  }
}

/* 
    Theme: Indio
--  Combined nav mobile layout specific styles
--  Create another file to override these styles if needed
*/
@media screen and (max-width: 1025px) {
  .top-nav-bar .nav-container .link-scroll.vertical-menu .super-nav {
    margin: 0 -15px;
  }
  .top-nav-bar .nav-container .link-scroll.vertical-menu .super-nav ul .glyphicons,
.top-nav-bar .nav-container .link-scroll.vertical-menu .super-nav ul .custom-icon {
    float: left;
  }
  .top-nav-bar .nav-container .link-scroll.vertical-menu .super-nav li a {
    font-weight: bold;
  }
}

/* 
    Theme: Indio
--  Print layout specific styles
--  Create another file to override these styles if needed
*/
@media print {
  a[href]:after {
    content: none;
  }
}

/* 
    Theme: Indio
--  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 */
/*# sourceMappingURL=style.css.map */

/* ==========================================================================
   FMU_SoftModernGlass — theme skin layer
   Author: Carlos Barajas
   Appended after the base Indio-derived engine CSS above. Restyles the real
   ICS/portlet-engine selectors in place (nothing renamed/removed). Uses
   !important on the visual properties below deliberately, so this layer
   reliably wins over the base rules' compound selectors without requiring
   a full Sass recompile (no local Sass toolchain was available at build
   time — see scss/custom_bootstrap/_custom_color_variables.scss for the
   documented token source if you set one up later).
   ========================================================================== */

:root{
  --fmu-black:#000000;
  --fmu-blue:#24469A;
  --fmu-orange:#F6891F;
  --fmu-white:#FFFFFF;
  --fmu-gray-600:#666B76;
}

/* -- Global surfaces -- */
body{
  background:
    radial-gradient(circle at 8% 0%, rgba(36,70,154,0.08), transparent 45%),
    radial-gradient(circle at 92% 15%, rgba(246,137,31,0.08), transparent 40%),
    #F5F6F8 !important;
  color:var(--fmu-black) !important;
}

/* -- Header / top nav bar -- */
/* No backdrop-filter here: it creates a new CSS stacking context on this
   element, which traps the account-menu popover's z-index:5000 (a
   descendant) below ICS's own full-page dimming overlay when the menu
   opens, breaking clicks into it. Solid-ish translucent background instead. */
.site-header-container,
.top-nav-bar{
  background:rgba(255,255,255,0.92) !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
  box-shadow:0 4px 24px rgba(0,0,0,0.05) !important;
}
/* The .more-links-div/.more-toggle-link classes exist unused in the base
   stylesheet — styled here so they look right whenever the platform's own
   script creates them (confirmed working on stock Indio: same nav mode,
   same markup, no theme JS involved — do not add custom overflow/flex/JS
   here again, it breaks the platform's own float-wrap-based overflow
   detection). No font-weight override (bolding widened every tab) and
   slightly tighter padding than Bootstrap's unstyled default (~10px 15px)
   both just reduce how much horizontal space our tabs need. */
.top-nav-bar .more-links-div ul a,
.top-nav-bar .nav-container .link-scroll .h-menu .more-toggle-link button,
.top-nav-bar .nav-container .link-scroll .h-menu a,
.main-nav-links{
  background:transparent !important;
  color:var(--fmu-gray-600) !important;
  border:none !important;
  border-radius:999px !important;
  padding:10px 11px !important;
}
.top-nav-bar .more-links-div ul a:hover,
.top-nav-bar .nav-container .link-scroll .h-menu .more-toggle-link button:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a:hover,
.main-nav-links:hover{
  background:rgba(36,70,154,0.10) !important;
}
.top-nav-bar .nav-container .link-scroll .h-menu a.active{
  background:rgba(36,70,154,0.10) !important;
  color:var(--fmu-blue) !important;
}
.site-logo-link,
.site-logo{
  background:rgba(36,70,154,0.10) !important;
  border:1px solid rgba(36,70,154,0.18) !important;
  border-radius:14px !important;
  box-shadow:0 4px 16px rgba(36,70,154,0.35) !important;
  object-fit:contain !important;
}

/* -- Sidebar / slide menu -- */
.sidebar-slide-menu-links,
.slide-menu-right,
.sub-menu-container,
.vertical-menu,
.dashboard-menu-links{
  background:rgba(255,255,255,0.65) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  border-radius:20px !important;
  box-shadow:0 8px 30px rgba(20,30,60,0.10) !important;
}
.sidebar-link-title.active,
.sidebar-slide-menu-links a.active{
  background:rgba(36,70,154,0.10) !important;
  color:var(--fmu-blue) !important;
  border-radius:999px !important;
}

/* -- Portlets / cards -- */
.portlet,
.singlePortlet,
.portlet-grid .portlet{
  background:rgba(255,255,255,0.65) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  border-radius:20px !important;
  box-shadow:0 8px 30px rgba(20,30,60,0.10) !important;
  overflow:hidden !important;
}
.portlet-grid .portlet-header-bar,
.portlet-header-bar{
  position:relative !important;
  background:rgba(255,255,255,0.4) !important;
  color:var(--fmu-blue) !important;
  border-bottom:none !important;
  font-weight:700 !important;
}
.portlet-grid .portlet-header-bar::after,
.portlet-header-bar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;right:0 !important;bottom:0 !important;height:3px !important;
  background:linear-gradient(90deg,var(--fmu-blue),var(--fmu-orange)) !important;
}
.portletActions .portletAction{
  border:none !important;
  border-radius:999px !important;
  background:rgba(0,0,0,0.05) !important;
}

/* -- Breadcrumbs -- */
.main-crumbs,
.breadcrumbs-container{
  background:transparent !important;
  border:none !important;
  color:var(--fmu-gray-600) !important;
}
.breadcrumbs-title{
  color:var(--fmu-blue) !important;
  font-weight:600 !important;
}

/* -- Tables / footable -- */
.table thead th,
.footable-container table.footable th{
  background:transparent !important;
  color:var(--fmu-gray-600) !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  border:none !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
.table td,
.table th,
.footable-container table.footable th,
.footable-container table.footable td{
  border:none !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
}
.footable-container table.footable tbody > tr:nth-of-type(odd){
  background:rgba(36,70,154,0.03) !important;
}

/* -- Forms -- */
.form-control,
.custom-form-control,
.form-wrapper .form-control.custom-form-control{
  border:1px solid rgba(0,0,0,0.12) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,0.8) !important;
}
.form-control:focus,
.custom-form-control:focus{
  outline:none !important;
  border-color:var(--fmu-blue) !important;
  box-shadow:0 0 0 4px rgba(36,70,154,0.15) !important;
}
.input-group-addon{
  border:1px solid rgba(0,0,0,0.12) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,0.6) !important;
}

/* -- Buttons -- */
.btn{
  border:none !important;
  border-radius:999px !important;
  font-weight:600 !important;
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease !important;
}
.btn:hover{
  transform:translateY(-2px) !important;
}
.btn:active{
  transform:translateY(0) !important;
  filter:brightness(0.95) !important;
}
.btn-primary,
.site-header-container .login-btn{
  background:linear-gradient(135deg,var(--fmu-blue),#3a5fc0) !important;
  color:var(--fmu-white) !important;
  box-shadow:0 6px 18px rgba(36,70,154,0.35) !important;
}
.btn-danger{
  background:linear-gradient(135deg,var(--fmu-orange),#ff9d33) !important;
  color:var(--fmu-black) !important;
  box-shadow:0 6px 18px rgba(246,137,31,0.4) !important;
}
.btn-alternate-one,
.btn-alternate-two,
.btn-border{
  background:rgba(255,255,255,0.7) !important;
  color:var(--fmu-black) !important;
  border:1px solid rgba(0,0,0,0.15) !important;
  box-shadow:none !important;
}
.btn-alternate-one:hover,
.btn-alternate-two:hover,
.btn-border:hover{
  background:rgba(255,255,255,0.9) !important;
}

/* -- Login -- */
.site-header-container .user-login .form-control{
  border:1px solid rgba(0,0,0,0.12) !important;
  border-radius:12px !important;
}
.site-header-container .user-login .input-group-addon{
  border:1px solid rgba(0,0,0,0.12) !important;
  border-radius:12px !important;
}

/* -- Footer -- */
.footer-wrapper,
.footer,
.subfooter{
  background:transparent !important;
  border-top:1px solid rgba(0,0,0,0.06) !important;
  color:var(--fmu-gray-600) !important;
}

/* -- Alerts / tooltips / popovers / badges -- */
.alert-container{
  border:none !important;
  border-radius:16px !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}
.alert-container.error{
  background:rgba(253,237,237,0.85) !important;
}
.alert-container.success{
  background:rgba(234,240,251,0.85) !important;
}
.ui-tooltip.jenzabar-tooltip,
.main-nav-submenu-container .popover{
  border:1px solid rgba(255,255,255,0.6) !important;
  border-radius:14px !important;
  box-shadow:0 10px 30px rgba(20,30,60,0.16) !important;
  background:rgba(255,255,255,0.85) !important;
  -webkit-backdrop-filter:blur(12px) !important;
  backdrop-filter:blur(12px) !important;
}


/* ==========================================================================
   FMU_SoftModernGlass — masthead fix
   #sitemasthead is a separate element nested inside .site-header-container
   with its own hardcoded black background (#sitemasthead { background:#000 })
   that the first override pass didn't target. Fixing it here with matching
   ID specificity + !important.
   ========================================================================== */
/* No backdrop-filter here either, same stacking-context reason as above. */
#sitemasthead,
.site-header-container #sitemasthead{
  background:rgba(255,255,255,0.92) !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
  box-shadow:0 4px 24px rgba(0,0,0,0.05) !important;
}
#sitemasthead h1 a{
  color:var(--fmu-black) !important;
}
.site-header-container .search-btn,
.site-header-container .user-btn,
.site-header-container .main-nav-btn,
.btn-no-bg-hover-color-content-one{
  color:var(--fmu-blue) !important;
  background:rgba(36,70,154,0.08) !important;
  border:none !important;
  border-radius:999px !important;
}
.site-header-container .search-btn:hover,
.site-header-container .user-btn:hover{
  background:rgba(36,70,154,0.16) !important;
}


/* ==========================================================================
   FMU_SoftModernGlass — nav flyout / active-tab fix
   .top-nav-bar .more-links-div (the "More" dropdown panel) and the active/
   selected/current tab highlight both have hardcoded #000000 backgrounds in
   the base stylesheet that the earlier override passes didn't reach.
   ========================================================================== */
.top-nav-bar .nav-container .link-scroll .h-menu a.active,
.top-nav-bar .nav-container .link-scroll .h-menu a.selected,
.top-nav-bar .nav-container .link-scroll .h-menu a.current,
.top-nav-bar .nav-container .link-scroll .h-menu li.active a,
.top-nav-bar .nav-container .link-scroll .h-menu li.selected a,
.top-nav-bar .nav-container .link-scroll .h-menu li.current a{
  background-color:rgba(36,70,154,0.12) !important;
  color:var(--fmu-blue) !important;
}
.top-nav-bar .nav-container .link-scroll .h-menu a.active:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a.selected:hover,
.top-nav-bar .nav-container .link-scroll .h-menu a.current:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.active a:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.selected a:hover,
.top-nav-bar .nav-container .link-scroll .h-menu li.current a:hover{
  background-color:rgba(36,70,154,0.20) !important;
  color:var(--fmu-blue) !important;
}
.top-nav-bar .nav-container .link-scroll .h-menu ul,
.top-nav-bar .more-links-div{
  background-color:rgba(255,255,255,0.85) !important;
  -webkit-backdrop-filter:blur(16px) !important;
  backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,0.6) !important;
  border-radius:16px !important;
  box-shadow:0 12px 36px rgba(20,30,60,0.18) !important;
}
.top-nav-bar .nav-container .link-scroll .h-menu ul li a,
.top-nav-bar .more-links-div ul a{
  color:var(--fmu-blue) !important;
  background-color:transparent !important;
  border-radius:10px !important;
}
.top-nav-bar .nav-container .link-scroll .h-menu ul li a:hover,
.top-nav-bar .more-links-div ul a:hover{
  color:var(--fmu-blue) !important;
  background-color:rgba(36,70,154,0.08) !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — account dropdown / flyout opacity fix
   These are interactive floating panels shown over ICS's own dark dimming
   backdrop (not decorative cards on the page canvas like portlets), so the
   translucent-glass treatment applied elsewhere makes them unreadable and
   backdrop-filter's stacking-context side effect can break click-through.
   Making them fully opaque with no blur fixes both.
   ========================================================================== */
.main-nav-submenu-container .popover,
.top-nav-bar .more-links-div,
.top-nav-bar .nav-container .link-scroll .h-menu ul,
.ui-tooltip.jenzabar-tooltip{
  background:#ffffff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}
.main-nav-submenu-container .user-login.popover .user-name{
  color:var(--fmu-gray-600) !important;
}
/* This specific button also matches our generic .btn-primary rule (blue
   gradient background), which fights with the black text set here since
   both are !important — the more specific selector below wins on color,
   but background needs an explicit override too or it stays blue,
   producing unreadable black-on-blue. Forcing a transparent background
   restores the original minimal "text link" look this popover uses. */
.main-nav-submenu-container .user-login.popover .init-user-login-btn,
.main-nav-submenu-container .user-login.popover .init-logout-btn{
  color:var(--fmu-blue) !important;
  background:none !important;
  box-shadow:none !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — portlet header title text fix
   The base stylesheet targets the title link directly:
   .portlet-grid .portlet-header-bar h3, .portlet-grid .portlet-header-bar a
   { color: #fff; } — that's more specific than our earlier color override on
   the .portlet-header-bar container, and a rule targeting an element
   directly always wins over an inherited value from an ancestor regardless
   of !important on the ancestor. Overriding the title link directly fixes it.
   ========================================================================== */
.portlet-grid .portlet-header-bar h3,
.portlet-grid .portlet-header-bar a,
.portlet-header-bar h3,
.portlet-header-bar a{
  color:var(--fmu-blue) !important;
}

/* -- Sidebar link text color -- */
/* .sidebar-slide-menu-links / .dashboard-menu-links don't actually appear
   in this menu's real markup (confirmed from saved page source) — the
   real controlling rule is ".slide-menu-right .navbar li a" (base sets it
   to #000000), which covers every item including the icon-bearing ones
   (.anchor-contains-icon) since they're still plain <a> tags in the same
   list. "Home" and "My Pages" are <button> toggles, not <a>, so covering
   those too. */
.slide-menu-right .sidebar-link-title,
.slide-menu-right .sidebar-link-title a,
.slide-menu-right .navbar li a,
.slide-menu-right .navbar li button{
  color:var(--fmu-blue) !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — clean logged-out landing page
   Confirmed via saved page source: <body> has no class at all when logged
   out, vs class="logged-in" when authenticated — using that as the hook
   to show a clean hero-only landing page to anonymous visitors (matching
   the NWC reference), while keeping the full sidebar/portlet layout for
   logged-in users untouched. Targeting portlets by their .pi_<PortletName>
   class (stable, tied to the portlet's actual name) rather than their
   #pg0/#pg1/... id (position-based — would break if portlets get
   reordered). Confirmed classes from that same page source:
     .pi_Free_form_Content_1 = our hero portlet — kept (note the _1 suffix,
                                distinct from the class below)
     .pi_Events_Calendar     = Events Calendar — hidden when logged out
     .pi_Campus_Announcements= Campus Announcements — hidden when logged out
     .pi_Free_form_Content   = "my FMU app" — hidden when logged out
   ========================================================================== */
body:not(.logged-in) #sideBar{
  display:none !important;
}
body:not(.logged-in) #portlets{
  width:100% !important;
  float:none !important;
}
body:not(.logged-in) .main-crumbs{
  display:none !important;
}
body:not(.logged-in) .pi_Events_Calendar,
body:not(.logged-in) .pi_Campus_Announcements,
body:not(.logged-in) .pi_Free_form_Content{
  display:none !important;
}
body:not(.logged-in) .top-nav-bar,
body:not(.logged-in) #PageBar_pageTitle,
body:not(.logged-in) #PageBar_pageTitleButtons,
body:not(.logged-in) .portlet-help-wrapper{
  display:none !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — hide sidebar on the Home page only (logged in)
   No page-specific body class exists to hook into, but #contextName's
   href is unique per top-level context — "/ICS/" only when on the Home
   page's own context (other pages show their own context, e.g.
   "/ICS/STUD_ACCTS/"). Using :has() to scope this to Home only, so other
   pages (Student, Admin, etc.) keep their sidebar untouched. Modern
   browser feature (widely supported since 2023) — if unsupported, this
   just quietly does nothing and the sidebar stays visible, no breakage.
   ========================================================================== */
body.logged-in:has(#contextName[href="/ICS/"]) #sideBar{
  display:none !important;
}
body.logged-in:has(#contextName[href="/ICS/"]) #portlets{
  width:100% !important;
  float:none !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — restore native "More" nav overflow detection
   #main-nav (the <ul> of top tabs) always reports offsetWidth equal to its
   container's width no matter how many tabs it holds, because by default
   it's white-space:normal with an auto width — overflowing tabs just wrap
   onto a hidden second line (clipped by the fixed 42px height +
   overflow:hidden already on .navbar-nav) instead of the box ever
   measuring wider than its container. Jenzabar's own site-bundle.js
   decides whether to build the "More" dropdown by comparing #top-nav-bar's
   width against #main-nav's width, so as long as #main-nav can never
   measure wider than its container, that check never fires and the
   platform's native More button/dropdown never gets created — tabs past
   the visible row just silently disappear, with no wrap and no button.
   Forcing nowrap + a content-based width is all that's needed to let
   #main-nav report its true, un-clamped width — do not rebuild the More
   button/overflow logic itself, the platform's own script (confirmed
   byte-identical to stock Indio) already does that correctly once it can
   see the real width. Confirmed live on fmftest 2026-07-09: without this,
   tabs past SECURITY CHECK vanished with no More button; with it, the
   platform correctly buckets RES LIFE STAFF onward into a working More
   dropdown, matching stock Indio's behavior exactly.
   ========================================================================== */
#main-nav{
  white-space:nowrap !important;
  width:max-content !important;
}

/* ==========================================================================
   FMU_SoftModernGlass — v1.1 patch (Carlos review round, 2026-07-10)
   Applies items 2–8 from THEME_REVIEW_PREVIEW.html. Item 1 (forgot-password
   link color) intentionally skipped per Carlos — not needed, SAML SSO is
   in use. Purely additive, same technique as the blocks above: no base
   selectors renamed or removed, just later declarations winning the
   cascade on the real ICS/portlet-engine selectors.
   ========================================================================== */

/* -- 2. Upload / page-title buttons: dark text on brand orange --
   .choose-file and .page-title-btn kept their original white-on-orange
   text from before the palette refresh, so they were hard to read.
   .btn-danger above already proves dark text on this same orange reads
   fine — matching that instead of inventing a new color. */
.choose-file,
.page-title-btn button,
.page-title-btn button:hover,
.page-title-btn button:focus,
.page-title-btn a.glyphicons-question-sign{
  color:var(--fmu-black) !important;
}

/* -- 3. Grade / assignment / schedule tables: same clean look as .table --
   These use their own selectors (.groupedGrid, .assignmentGrid,
   .cwkTableDisplay) instead of the generic .table class the earlier pass
   modernized, so they were never touched by it. Only restyling the flat
   gray header/footer surfaces and cell borders here — leaving functional
   row states (.highlight, .disable, .error, .althighlight) alone since
   those carry meaning beyond decoration. Reusing each grid's own existing
   "alternate row" hook (.alt / :nth-child(odd)) for the zebra tint rather
   than adding a new one. */
.groupedGrid,
.groupedGrid thead, .groupedGrid .ghead, .groupedGrid thead tbody,
.groupedGrid th,
.groupedGrid tfoot, .subheader, .subfooter, .groupedGrid tfoot tbody,
.groupedGrid_VerticalHeader{
  background:transparent !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
.groupedGrid th{
  color:var(--fmu-gray-600) !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  font-size:11.5px !important;
  letter-spacing:.04em !important;
}
.groupedGrid tbody tr td.alt,
.groupedGrid tbody tr.alt td.alt{
  background:rgba(36,70,154,0.03) !important;
}
.groupedGrid tr.subItem td{
  border-top:dashed 1px rgba(0,0,0,0.12) !important;
}
table.assignmentGrid th, table.cwkTableDisplay th,
.CourseworkPortlet table.cwkTableDisplay th,
.CourseworkPortlet table.assignmentGrid th{
  background:transparent !important;
  color:var(--fmu-gray-600) !important;
  text-transform:uppercase !important;
  font-weight:600 !important;
  font-size:11.5px !important;
  letter-spacing:.04em !important;
  border:none !important;
  border-bottom:1px solid rgba(0,0,0,0.08) !important;
}
table.assignmentGrid td, table.cwkTableDisplay td,
.CourseworkPortlet table.cwkTableDisplay td,
.CourseworkPortlet table.assignmentGrid td{
  border:none !important;
  border-bottom:1px solid rgba(0,0,0,0.06) !important;
}
table.assignmentGrid tr:nth-child(odd), table.cwkTableDisplay tr:nth-child(odd){
  background-color:rgba(36,70,154,0.03) !important;
}

/* -- 4. Header logo: soften the shadow so it reads as branding -- */
.site-logo-link,
.site-logo{
  box-shadow:0 2px 6px rgba(36,70,154,0.15) !important;
}

/* -- 5. Portlet/card titles: guarantee contrast over the glass panel --
   Bumping the header strip from 40% to 72% opacity plus a soft text-
   shadow keeps the blue title readable no matter what's showing through
   the glass behind it, without losing the glass look itself. */
.portlet-grid .portlet-header-bar,
.portlet-header-bar{
  background:rgba(255,255,255,0.72) !important;
}
.portlet-grid .portlet-header-bar h3,
.portlet-grid .portlet-header-bar a,
.portlet-header-bar h3,
.portlet-header-bar a{
  text-shadow:0 1px 0 rgba(255,255,255,0.6) !important;
}

/* -- 6. Locked form fields: look locked -- */
.form-control[disabled], .form-control[readonly],
.custom-form-control[disabled], .custom-form-control[readonly],
.form-wrapper .form-control[disabled], .form-wrapper .form-control[readonly],
.form-wrapper .form-control.custom-form-control[disabled],
.form-wrapper .form-control.custom-form-control[readonly]{
  background:rgba(28,30,38,0.05) !important;
  color:#9aa0aa !important;
  border-color:rgba(0,0,0,0.08) !important;
  cursor:not-allowed !important;
}

/* -- 7. Breadcrumbs: give the trail a visible strip --
   Was fully transparent with no border, so it blended straight into the
   page. Same padding-via-!important technique already used on the nav
   links above (see .top-nav-bar .more-links-div ul a etc.). */
.main-crumbs,
.breadcrumbs-container{
  background:rgba(28,30,38,0.045) !important;
  border-radius:999px !important;
  padding:6px 16px !important;
  display:inline-flex !important;
}

/* -- 8. Footer: clear end-of-page treatment -- */
.footer-wrapper,
.footer,
.subfooter{
  background:rgba(28,30,38,0.03) !important;
  padding-top:20px !important;
}