/* 
    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 — cap height of Jenzabar Finance/Purchasing popups
   (Vendor Search, Purchasing Agent Search, Approval Track, etc.)
   These popups (.ROModalDiv > .ROInnerModal, from Jenzabar's own Finance
   module — not part of this theme or stock Indio) are positioned with a
   JS-computed fixed pixel `top`, but nothing anywhere (not this theme, not
   stock Indio, not the platform's own CSS bundles) ever caps their total
   height or gives them a scrollbar. When a search returns enough results
   to make the popup taller than the remaining space below its `top`
   position, the OK/Cancel/Select buttons at the bottom render off-screen
   with no way to reach them — reported as "the popup is cut off and I
   can't click Select" (2026-07-10). Capping height alone (relative to the
   full viewport) isn't enough, since these popups don't start at the top
   of the screen — the fix has to pin `top` near the top AND cap height
   against that same reference point, or a tall popup still overflows
   past the bottom even "capped". Confirmed live against the Purchasing
   Agent Search popup with a broad search returning 8+ results (previously
   cut off, buttons unreachable; fixed after this rule, buttons fully
   visible and clickable). `.ROModalDiv` is shared across multiple
   Finance popups (confirmed via saved page source: Vendor Search and
   Approval Track use the identical wrapper), so this should apply
   broadly rather than needing a fix per popup.
   ========================================================================== */
/* ==========================================================================
   FMU_SoftModernGlass — Jenzabar Finance-module popup family
   (.ROModalDiv, .RAModalDiv, and any other module's "XXModalDiv" —
   Purchasing/Vendor Search, Requisition Approval Track, etc).
   These popups are positioned via Jenzabar's own client-side script with a
   JS-computed `top`, and no cap on total height, so a popup taller than
   the remaining space below its `top` runs off the bottom of the screen
   with its OK/Cancel/Select buttons unreachable (reported repeatedly:
   2026-07-10 Purchasing Agent Search, 2026-07-17 Approval Track Members
   and Vendor Search).
   IMPORTANT — pinning only `top` is not reliable: confirmed live
   (2026-07-17, Vendor Search) that some of these popups get their `top`
   recomputed by Jenzabar's own script to an arbitrary value AFTER our CSS
   applies (measured top:188px against a 639px-tall viewport, well past
   our intended top:3vh), and — because the popup's own content still fit
   under the old max-height cap — no internal scrollbar ever appeared, so
   the buttons were simply unreachable with no scroll of any kind (the
   page's own scrollbar doesn't move fixed-position elements at all).
   Fix: pin BOTH `top` and `bottom` instead of `top` + `max-height`. When a
   fixed-position element has both `top` and `bottom` set and `height:auto`,
   the browser computes the height as whatever space is left between them
   — so it no longer matters what `top` ends up being (ours or Jenzabar's
   own script's), the box is always constrained to fit inside the visible
   window, and any content taller than that becomes reachable through the
   internal scrollbar instead of silently running off-screen.
   `div[class*="ModalDiv"]` is a broad, proactive match (not just the two
   confirmed classes) so a not-yet-seen module using this same "XX +
   ModalDiv/InnerModal/ModalHeading" naming convention is covered
   automatically — but this only helps if that module reuses this same
   naming pattern; a module using a genuinely different popup mechanism
   (e.g. jQuery UI's .ui-dialog) would still need its own fix once spotted.
   Uses "contains" not "ends with" because at least one variant combines
   two classes on one element, e.g. class="RAModalDiv RAMessageWidthHeight"
   (the Approval Track warning popup). Does not match the separate
   .RAModalPopup/.ROModalPopup backdrop-dimming elements (different
   suffix: "ModalPopup", not "ModalDiv").
   ========================================================================== */
div[class*="ModalDiv"]{
  top:3vh !important;
  bottom:3vh !important;
  height:auto !important;
  max-height:none !important;
  overflow-y:auto !important;
}