:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--color-primary: #e83c6d;--color-secondary: #e83c6d;--color-tertiary: #e83c6d;--color-frontpg-left: #e83c6d;--color-frontpg-right:  #e83c6d;--color-coursepg-left:  #e83c6d;--color-coursepg-right:  #e83c6d;--color-module-banner:  #e83c6d;--color-mega-menu:  #333;--color-block-right:  #e83c6d;--color-block-left:  #e83c6d;--color-state: #e83c6d;--footer-bg-colour: #333333;--email-share-background-color: #A8A8A8;--email-banner-top-bg-color: #A8A8A8;--print-share-background-color: #6acf13;--linked-in-share-background-color: #0271ae;--twitter-share-background-color: #1c9deb;--facebook-share-background-color: #4267b2;--color-state-hover: #e83c6d;--color-state-focus: #e83c6d;--color-state-active: #e83c6d;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-focus: var(--color-state-focus);--btn-accent-color-disabled: var(--color-state-disabled);--btn-prim-accent-color: var(--color-state);--btn-prim-accent-color-active: var(--color-state-active);--btn-prim-accent-color-focus: var(--color-state-focus);--btn-prim-accent-color-disabled: var(--color-state-disabled)}a{color:var(--link-color);text-decoration:none}html{font-size:14px !important}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}button.tui-iconBtn.tui-collapsible__header_icons.tui-iconBtn--transparent[aria-expanded="false"]{transform:rotate(-90deg)}button.tui-iconBtn.tui-collapsible__header_icons.tui-iconBtn--transparent[aria-expanded="true"]{transform:rotate(180deg)}.tui-collapsible__content{background:#dcdcdc;padding:20px}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}.tui-themeTenants button.tui-iconBtn.tui-collapsible__header_icons.tui-iconBtn--transparent[aria-expanded="false"]{transform:rotate(-90deg)}.tui-themeTenants button.tui-iconBtn.tui-collapsible__header_icons.tui-iconBtn--transparent[aria-expanded="true"]{transform:rotate(180deg)}.tui-themeTenants .tui-collapsible__content{background:#dcdcdc;padding:20px}:root{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #004f71;--footer-bg-colour: #929292;--color-state: #069297;--color-frontpg-left: #004f71;--color-frontpg-right: #069297;--color-coursepg-left: #004f71;--color-coursepg-right: #069297;--color-module-banner: #069297;--color-mega-menu: #333333;--color-block-left: #95c23d;--email-share-background-color: #A8A8A8;--email-banner-top-bg-color: #FFFFFF;--print-share-background-color: #6acf13;--linked-in-share-background-color: #0271ae;--twitter-share-background-color: #1c9deb;--facebook-share-background-color: #4267b2;--color-block-right: #95c23d;--color-text: #262626;--color-state-hover: #00888d;--color-state-focus: #00888d;--color-state-active: #00777c;}
#page-local-accipio-one-projects-index {
  // The layout is actually already correct, you just need minor adjustments
  // The buttons are already below the heading
  // The table is already below the buttons
  
  // If you want to add "Manage Improvement Projects" text:
  #studentProjectHomeDt h2::before {
    content: 'Manage Improvement Projects';
    display: block;
    font-size: 1rem;
    font-weight: normal;
    color: #666;
    margin-bottom: 0.5rem;
  }
}

// Hide original heading and subtitle that's in wrong place
#studentProjectHomeDt > h2 {
  display: none !important;
}

// Create the new section above everything
#studentProjectHomeDt {
  position: relative;
  padding-top: 140px; // Make room for the header section
  
  &::before {
    content: 'Projects';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
    font-weight: bold;
    display: block;
  }
  
  &::after {
    content: 'Manage Improvement Projects';
    position: absolute;
    top: 50px;
    left: 0;
    font-size: 1rem;
    color: #666;
    display: block;
  }
}

// Position the ROI block at top right
#studentProjectHomeDt #roiBlockContainer {
  position: absolute !important;
  top: 50px;
  right: 0;
  display: flex !important;
  flex-direction: row-reverse !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

// Move buttons to just below the header
#page-local-accipio-one-projects-index #adminDTForPI_wrapper {
  position: relative;
  
  .dt-buttons {
    position: absolute;
    top: -50px; // Position relative to wrapper
    left: 0;
    display: flex !important;
    gap: 1rem;
    width: 100% !important;
    
    .btn {
      flex: 1;
      max-width: 300px;
    }
  }
}

// Rest of the table styling
#page-local-accipio-one-projects-index #adminDTForPI_wrapper > .dt-paging,
#page-local-accipio-one-projects-index #adminDTForPI_wrapper .dt-paging ul.pagination {
    margin-top: 30px !important;
    padding: 8px !important;
}

div.dt-buttons {
  width: auto !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
}

#page-local-accipio-one-projects-index #adminDTForPI_wrapper > .dt-paging,
#page-local-accipio-one-projects-index #adminDTForPI_wrapper .dt-paging ul.pagination {
    margin-top: 30px !important;
    padding: 8px !important;
}

/* Font Awesome family applied to all relevant elements */
.styled-accipio-datatable .fancy-checkbox input[type=checkbox]:after,
table.dataTable thead > tr > th[class*="dt-order"] span.dt-column-order,
table.dataTable thead > tr > td[class*="dt-order"] span.dt-column-order,
.styled-accipio-datatable .direct-datatable-wrapper thead > tr > th[class*="dt-order"] span.dt-column-order:before,
.styled-accipio-datatable .direct-datatable-wrapper thead > tr > th[class*="dt-order"] span.dt-column-order:after,
.styled-accipio-datatable .direct-datatable-wrapper thead > tr > td[class*="dt-order"] span.dt-column-order:before,
.styled-accipio-datatable .direct-datatable-wrapper thead > tr > td[class*="dt-order"] span.dt-column-order:after {
    font-family: 'Font Awesome 5 Pro';
}

#adminDTForPI tbody tr td:first-child {
    background-color: #dde1e5 !important;
    box-shadow: inset 0 0 0 9999px rgba(221, 225, 229, 1) !important;
}

table.dataTable.table {
    border-bottom: 1px solid #111;
}

h1, h2, h3, h4, h5, h6,
label,
.label,
legend,
.heading,
.tui-formLabel,
.tui-core_auth-loginForm__options a,
.tui-core_auth-loginForm__help,
.tui-core_auth-loginForm__help *,
.tui-core_auth-footer,
.tui-core_auth-footer * {
  font-family: 'Montserrat', sans-serif;
}

#page-local-accipio-one-qualifications-report .nav-tabs>li {
    overflow: visible;
    
    a {
        box-shadow: none;
        
        &:after {
            left: -3px;
            top: 0px;
            width: 100%;
            border-radius: 2.5px 2.5px 0 0;
            background: black;
        }
    }
}

.tw-grid {
    grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
}

.userViewSelectionWrapper > .col-lg-3 {
    padding-left: 0;
}

.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-graphic {
    background: linear-gradient(to right, rgba(0, 79, 113, 0.6), rgba(6, 146, 151, 0.6)), url(https://t18.staging.lci.sites.accipiocloud.net/pluginfile.php/1/totara_core/loginbackground/2661/T18%20Login%20Page%20Image-t1dvaup63hn.jpg) !important;
    background-position: center !important;
    background-size: cover !important;
}

.tw-grid__item .btn-primary {
    padding-top: 15px;
    padding-bottom: 15px;
}

/* Increase width of buttons on Projects page CP220324 Z6051 */
#page-local-accipio-one-projects-index {
    .baseProjectWrapper .btn-primary,
    .userViewSelectionWrapper .btn-secondary {
        width: 100%;
    }
    
    button.btn.btn-secondary.mt-2,
    button.btn.btn-secondary {
        width: 100px;
    }
}

.publishedCaseStudyWrapper > .col-10 > span:first-of-type,
.publishedCaseStudyWrapper > .col-10 > p:first-of-type {
    display: none;
}

.caseStudyItem .card > .card-body p:first-of-type {
    display: none;
}

table#user_progress_table td > h2 {
    display: none !important;
}

.base_banner .banner_title,
#module_banner .banner_title,
#front_page_banner .banner_title {
    font-size: 2.5rem;
    font-weight: 700;
}

.block,
#dockeditempanel .dockeditempanel_content {
    border-color: white;
    
    .header {
        border-top: 5px solid !important;
    }
}

.block .block-header h2,
#dockeditempanel .dockeditempanel_content .block-header h2 {
    font-weight: bold;
}

.block-totara-featured-links-layout>div .block-totara-featured-links-content {
    background: linear-gradient(to left,var(--color-state),#004f71) !important;
    width: 90%;
    margin-left: 5%;
    margin-top: 25px;
    bottom: 10% !important;
    border-radius: 20px 0 20px 0;
    padding: 10px 20px;
    
    &.block-totara-featured-links-content-top {
        background: none !important;
    }
    
    > h3 {
        color: white !important;
    }
}

.accipio-category-image {
    box-shadow: inset 0 -100px 100px 100px var(--color-primary) !important;
    
    > h3 {
        color: white !important;
    }
    
    h3 {
        font-size: 1.2rem !important;
    }
    
    span {
        text-align: center;
        margin: auto;
        color: white;
        font-weight: 700;
    }
}

.banner_description {
    padding-top: 10px;
    padding-bottom: 10px;
}

a.navExpand--list_item_link {
    background: #fafafa !important;
}

.block_calendar_upcoming {
    .event {
        padding: 10px;
        
        span.icon.c0 {
            font-size: 20px;
            padding: 10px;
        }
        
        .course {
            margin-left: 45px;
            padding-top: 10px;
        }
    }
    
    .content .date {
        padding-left: 7%;
        padding-top: 10px;
    }
}

.sideblock.general_block.flex {
    background-color: rgb(250,250,250) !important;
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    
    .block {
        border-color: #d7d7d7;
    }
}

#requestProjectFormElement .PI_text_area_field_wrapper {
    width: 100%;
    display: block;
}

#stageContents .PI_text_area_field_wrapper .fitem > .fitemtitle {
    min-width: 200px;
}

.block-title > h2,
.general_block .content h2,
.general_block div[role="main"] > h2,
h3 {
    color: #004f71 !important;
}

.base_banner {
    height: 400px;
}

h4 {
    color: #95c23d !important;
}

.editing.used-region-side-post.used-region-side-pre #region-main {
    width: 100%;
    left: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .totaraNav_prim .masthead_logo--header_img {
        height: 45px !important;
        width: auto;
    }
}

#page-mod-quiz-attempt #responseform .que {
    display: flex;
}

.breadcrumb-nav {
    display: none;
}

.block_mycertificates .card-body .card-title {
    display: none;
}

.learning-outcome-table {
    .card-header,
    .container .row {
        border: none;
    }
    
    .container {
        border-bottom: 2px solid rgba(0,0,0,.125);
    }
}

.ac_required {
    display: none;
}

.styled-accipio-datatable .dataTables_wrapper {
    overflow: auto;
}

.iJLBOG.launcher-button {
    animation: 0.1s ease 0s 1 normal none running dewAppear;
}

.general_block {
    margin: 0;
}

.block_a1_projects_case_study_dt > .content > .container {
    padding: 0;
    margin: 0;
}

#page-local-accipio-one-projects-index {
    .mainBlockRegion > .centerCenter > .accipio_border > div > div.container.row {
        padding: 0 15px;
        margin: 0;
        
        > div.col-12 {
            padding: 0;
        }
    }
}

.userViewSelectionWrapper h2.col-12 {
    padding: 0;
}

.PI_text_area_field_wrapper .ftextarea > textarea {
    width: 100%;
}

.gap-analysis-nav-button {
    display: none;
}

#page-totara-dashboard-1 .badges li {
    width: calc(50% - 2px);
    padding-bottom: 0;
    
    .badge-name {
        font-size: small;
    }
    
    .badge-image {
        height: 60px;
        width: 60px;
    }
}

/* Added by Ed for post upgrade snags from Theresa */
img.tui-core_auth-loginNav__image {
    height: 8.2rem;
}

.tui-core_auth-loginNav {
    justify-content: center;
}

.nav-link.totara_core__QuickAccess_icon.popover-region-toggle,
.totaraNav_prim--side .popover-region .nav-link {
    font-size: 1.5rem;
}

.totaraNav--list_item_expanded > .navExpand--list {
    background: white;
}

.block .title.block-title {
    color: var(--color-neutral-6);
}

.userloggedinas .totaraNav_prim--side .loggedinas-label {
    font-size: 1rem;
}

.banner_search_wrapper button.btn.btn-primary {
    min-height: 40px;
    max-height: 40px;
    padding: 8px;
}

.userViewSelectionWrapper .btn.btn-secondary,
#page-local-accipio-one-projects-view .btn {
    min-height: auto;
    height: auto;
    padding: 8px !important;
    text-align: center;
    border-radius: 5px !important;
}

#page-local-accipio-one-projects-view a.btn.btn-primary.mb-3.mr-3 {
    margin-top: -5px;
}

#qualification-select-table-container table th a.select-all-button {
    display: none !important;
}

.accipio-immerse-header.collapsed .accipio-immerse-section-title {
    color: white !important;
}