/* 
    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.
   ========================================================================== */
.ROModalDiv{
  top:3vh !important;
  max-height:94vh !important;
  overflow-y:auto !important;
}