: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{--nav-bg-color: #ffffff;--nav-text-color: #262626;--color-primary: #1f74ba;--btn-prim-accent-color: #1f74ba;--btn-accent-color: #8c978e;--link-color: #8c978e;--color-state: #1f74ba;--color-text: #262626;--footer-bg-color: #1f74ba;--footer-text-color: #ffffff;--btn-prim-accent-color-focus: #156ab0;--btn-prim-accent-color-active: #04599f;--btn-accent-color-focus: #828d84;--btn-accent-color-active: #717c73;--link-color-hover: #828d84;--color-state-hover: #156ab0;--color-state-focus: #156ab0;--color-state-active: #04599f;--footer-text-color-hover: #f5f5f5;}
/* Core Theme */

p,
h1,
h2,
h3,
h4,
h5,
a,
span {
  font-family: "area-normal", sans-serif;
}

h2 {
  font-weight: 700 !important;
  font-size: 24pt;
}

body {
  background-color: #eef6fa;
}

.container-fluid {
  max-width: 1480px;
}

.breadcrumb-nav {
  background-color: rgba(256, 256, 256, 0);
}

.block_last_course_accessed_content .course_name_large {
  font-size: var(--font-body-size);
}

body:not(.path-totara-dashboard) #region-main {
  background-color: white;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 4px 4px 10px lightgrey;
  margin: 10px 0;

  h3 {
    font-weight: bold;
    color: #1f74b9;
    padding: 5px 2px;
  }
}

/* Login Page */
#page-login-index .headerimage,
#page-login-manual .headerimage {
  display: none;
}

#page-login-index,
#page-login-manual {
  background-image: url("/tlmsimages/LoginBackground.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.path-login .totaraNav {
  display: none;
}

.path-login #page {
  background-color: rgba(201, 76, 76, 0);
}

.loginbox.onecolumn {
  background-color: rgba(256, 256, 256, 1);
  border-radius: 15px;
  padding: 30px 30px 30px 30px;
  left: 0%;
}

#page-login-index .container,
#page-login-manual .container {
  margin-bottom: 20px;
}

#page-login-index #region-main {
  background-color: transparent;
  box-shadow: none;
}

/* Catalog of learning */

.tw-catalog__results {
  width: 100% !important;
}

.tw-catalog__aside {
  display: none;
}

/* BLOCKS */
.block {
  border: none;
  box-shadow: 4px 4px 10px lightgrey;
  .block-header {
    color: var(--color-neutral-1);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-size: cover;
  }
}

/* Block header colours */
#block-region-main .block .block-header {
  background-image: url("/tlmsimages/emerge_1000px_dark_blue_pattern.png");
  background-size: 400px;
  background-position: center;
}

.redbanner .block-header {
  background-image: url("/tlmsimages/emerge_1000px_red_pattern.png") !important;
  background-size: 400px;
  background-position: center;
}

#block-region-side-pre,
#block-region-side-post {
  .block .block-header {
    background-image: url("/tlmsimages/emerge_1000px_dark_green_pattern.png");
    background-size: 400px;
    background-position: center;
  }
}

/* Block rounded borders */
body:not(#page-totara-dashboard-34) .row:not(#region-top) .block,
#page-totara-dashboard-34 #block-region-side-post .block {
  border-radius: 20px;
  background-color: white;

  .block-header {
    border-radius: 20px 20px 0 0;
  }
}

.block.chromeless .block-totara-featured-links-layout {
  margin-top: 0px !important;
}

/* Recolouring progress bars and labels */
.label {
  padding: 0.4em 0.6em 0.3em;
}

.label-warning,
.statuswarning {
  background-color: #ef4e23;
}

.label-success,
.statusok {
  background-color: #009e7e;
}

.progress {
  background-color: #edf8f6;
  border: none;
}

.progress .bar {
  background-color: #009e7e;
  font-size: 10px;
  color: white;
}

.progress-invert .progressbar__text {
  color: black;
  margin-left: 100%;
  padding-left: 5px;
}

.pagelayout-dashboard .alert-warning {
  display: none;
}

/* Featured links block in top region */

/* Specific blocks */

.path-totara-dashboard
  #block-region-top
  #inst14995
  .block-totara-featured-links-layout
  .block-totara-featured-links-tile-139 {
  background-image: url("/tlmsimages/emerge_1000px_red_pattern.png") !important;
}

.path-totara-dashboard
  #block-region-top
  #inst15534
  .block-totara-featured-links-layout
  .block-totara-featured-links-tile-180 {
  background-image: url("/tlmsimages/emerge_1000px_red_pattern.png") !important;
}

.path-totara-dashboard
  #block-region-top
  #inst14995
  .block-totara-featured-links-layout
  .block-totara-featured-links-tile-186 {
  background-image: url("/tlmsimages/emerge_1000px_dark_purple_pattern.png") !important;
}

.path-totara-dashboard {
  #block-region-top .block,
  #block-region-side-pre .block_totara_featured_links {
    background-color: transparent !important;

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n) {
      background-image: url("/tlmsimages/emerge_1000px_light_purple_pattern.png") !important;

      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-1) {
      background-image: url("/tlmsimages/emerge_1000px_light_blue_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-2) {
      background-image: url("/tlmsimages/emerge_1000px_teal_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-3) {
      background-image: url("/tlmsimages/emerge_1000px_yellow_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-4) {
      background-image: url("/tlmsimages/emerge_1000px_dark_green_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-5) {
      background-image: url("/tlmsimages/emerge_1000px_green_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-6) {
      background-image: url("/tlmsimages/emerge_1000px_mid_blue_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout
      .block-totara-featured-links-tile:nth-child(8n-7) {
      background-image: url("/tlmsimages/emerge_1000px_dark_orange_pattern.png") !important;
      background-size: 400px;
      background-position: center;
      background-repeat: repeat;
    }

    .block-totara-featured-links-layout {
      .block-totara-featured-links-content {
        position: relative;
        margin-left: 40px;
        height: 100%;
        padding: 20px 10px !important;
      }

      .block-totara-featured-links-tile {
        border-radius: 20px;
        box-shadow: 4px 4px 10px lightgrey;
      }

      .block-totara-featured-links-content::before {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        content: "";
        background: #fff;
        color: #000;
        border-radius: 0 20px 20px 0;
      }

      h3 {
        font-size: 15px !important;
        padding: 3px;
        color: black !important;
      }

      p {
        padding: 3px;
        color: black !important;
        font-size: 13px !important;
      }
    }
  }
}

/* Coloured banner across the top */
#page-header {
  margin-bottom: var(--gap-4);
  padding: var(--gap-2) 0;
  background-image: url("/tlmsimages/emerge_1450px_ribbon.png") !important;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  padding-bottom: 20px;
}

#inst14999 .block {
  border-top-left-radius: 20px;
}

/* End of My Learning  Demo */

#report_course_completion
  > thead
  > tr
  > th.header.c1.course_completion_progresspercent {
  color: #1f74b9;
}

#inst14186 p {
  margin: 0px;
}

#inst14995 div {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

#inst14186 .course_summary {
  padding: 0 8px 0 0;
  max-width: 160px;
}

.certif_proglinkicon .course_icon,
.course_courselinkicon .course_icon {
  margin-right: 5px;
}

/* Hiding manager reservations */
.mod_facetoface__eventinfo__content__management
  ul.mod_facetoface__eventinfo__content__management__items
  li:nth-child(2) {
  display: none;
}

/* Training Request Form */
#fitem_id_customfield_TermsAndConditions .fitemtitle {
  width: 100%;
  padding-bottom: 20px;
}

#page-totara-evidence-create #fitem_id_customfield_FormStatus,
#page-totara-evidence-create #fitem_id_customfield_NotesAndComments_editor {
  display: none;
}

/* Seminar changes*/
#page-mod-facetoface-eventinfo
  .mod_facetoface__eventinfo__content__management
  a {
  background-color: #f47c20;
  border: 2px solid #f47c20;
  border-radius: 5px;
  padding: 10px;
  color: white;
  margin: 5px 0px;
  line-height: 4;
}

#page-mod-facetoface-eventinfo
  .mod_facetoface__eventinfo__content__management
  li {
  color: #f5f5f5;
}

#page-mod-facetoface-view .container-fluid {
  max-width: 1800px;
}

.mod_facetoface__sessionlist__cf-Zoomlink,
.mod_facetoface__sessionlist__cf-ZoomLink2 {
  display: none;
}

/* Collapsable Topic changes*/
.content .tw-formatTopics__collapse_handle {
  padding: 0.8rem;
}

#section-0
  .content
  .tw-formatTopics__collapse_handle
  .tw-formatTopics__collapse_link {
  display: none;
}

/* Hide enrolment warning banner */
.tw-containerCourse-enrolmentBanner {
  display: none !important;
}

/* OIDC log in text */
.signuppanel .potentialidps h6 {
  font-size: 16px !important;
}

/* 
Commented out for enabling the decline field

body#page-mod-facetoface-attendees-approvalrequired .f2f-attendees-table .c4 {
  display: none !important;
} 
  
*/

/* KRKM visuals that are only visible when not editing */

.category-69:not(.editing) {
  #region-main {
    background-color: white; /* Set central region background to white */
  }
  .tw-formatTopics__topicHeaderContainer {
    display: none; /* Hides topic headings */
  }
  .contentafterlink {
    margin: 10px; /* Adds spacing between each activity */
  }

  /* Sets the masonry effect using top margins */
  #section-1 {
    margin-top: 155px;
  }

  #section-2 {
    margin-top: 120px;
  }

  #section-3 {
    margin-top: 80px;
  }

  #section-4 {
    margin-top: 40px;
  }

  /* End of masonry effect */

  /* Label styling */
  .section .label .contentwithoutlink {
    padding-right: 0px;
  }

  /* Completion icon styline */
  .section .activity .actions {
    right: -10px;
    top: -10px;
    font-size: 30px;
  }

  /* Quiz styling */

  .section .modtype_quiz {
    height: 180px;
    background-color: #fff0f0;
    padding: 15px;
    margin: 5px;

    a {
      color: black;
    }

    .activityicon {
      display: none;
    }

    .activityinstance {
      min-height: 150px;
      max-width: 95%;
    }
  }

  /* Stlying columns for topics */

  .topics {
    display: flex;
    flex-wrap: wrap;

    #section-1 {
      flex: 0 0 8%;
    }

    #section-2,
    #section-3,
    #section-4,
    #section-5 {
      flex: 0 0 23%;
    }
  }

  /* Adding the red arrow after 1st and 2nd quiz */

  .section:not(:first-child) .content li:nth-child(2)::after,
  .section:not(:first-child) .content li:nth-child(3)::after {
    content: "▼"; /* Downward arrow without space */
    color: red; /* Make arrow red */
    font-weight: bold;
    margin-left: 8px; /* Space from text */
    display: inline-block; /* Needed for vertical alignment */
    text-align: center; /* Center vertically with text */
    font-size: 30px;
    position: relative;
    left: 45%;
    top: -5%;
  }

  /* Styling side boxes to read vertically */

  .kiaritekiamausideheading {
    writing-mode: sideways-lr;

    p {
      align-content: flex-end;
      width: 100%;
      text-align: right;
    }
  }
}

/* End of KRKM visuals that are only visible when not editing */

/* KRKM visuals that are always visible */

.category-69 {
  .section:not(:first-child) .label {
    height: 30px;
    padding: 5px;
    margin: 5px;
    display: block;
    background-image: url("/tlmsimages/emerge_1000px_red_pattern.png");
    background-size: 400px;
    background-position: center;
  }
  .section:first-child .label {
    height: 180px;
    padding: 5px;
    margin: 5px;
    display: block;
    background-image: url("/tlmsimages/emerge_1000px_red_pattern.png");
    background-size: 400px;
    background-position: center;
  }

  .kiaritekiamausideheading {
    width: 100%;
    height: 180px;
    font-size: 18px;
    color: white;
  }

  .kiaritekiamautopheading {
    width: 100%;
    color: white;
    font-size: 18px;
  }
}

/* END of KRKM visuals that are always visible */

/* Responsive adjustments for KRKM page */

@media (max-width: 650px) {
  .category-69 {
    #section-1 {
      display: none;
    }

    .section .modtype_quiz {
      height: 100px !important;

      .activityinstance {
        min-height: 60px !important;
      }
    }

    .topics {
      .section {
        flex: 0 0 100% !important;
      }
    }

    .section:not(:first-child) .content li:nth-child(2)::after,
    .section:not(:first-child) .content li:nth-child(3)::after {
      position: relative;
      left: 45%;
      top: 10%;
    }
  }
}

@media (max-width: 830px) {
  .category-69 {
    #section-1 {
      display: none;
    }

    .section .modtype_quiz {
      height: 220px !important;

      .activityinstance {
        min-height: 180px !important;
      }
    }
  }
}

/* End of responsive adjustments for KRKM page */

/* Onboarding dashboard */

#page-totara-dashboard-34:not(.editing) #region-main {
  .block {
    margin-bottom: 0px !important;
    background-color: transparent;

    box-shadow: none !important;
  }

  .no-overflow {
    margin: 0 !important;
    padding: 0px !important;
  }
  .skip-block-to,
  .skip-block {
    height: 0px !important;
  }

  .block-totara-featured-links-layout {
    margin: 0px !important;
  }

  #block-region-main {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .onboarding-html-title {
    width: 20% !important;
    height: auto;
    background-image: url("/tlmsimages/emerge_1000px_dark_blue_pattern.png");
    background-size: inherit;
    background-position: center center;
    border-radius: 20px 0 0 0;
  }

  .block_html .block-content {
    background-color: transparent !important;
    padding: 16px !important;
  }

  .onboarding-html-title-content {
    background-color: transparent !important;
    color: #fff;
  }

  .onboarding-html-title-content h2 {
    padding: 10px;
    font-size: 24px !important;
  }

  .block_totara_featured_links {
    width: 80% !important;
    background-color: white;
    border-radius: 0 20px 0 0;
    box-shadow: 4px 4px 10px lightgrey;

    .progressbar_container {
      position: absolute !important;
      width: 90%;
      bottom: 10px;
    }
  }

  .block-totara-featured-links-content {
    height: 100% !important;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #1f74ba;
    border-radius: 20px;
    h3 {
      color: white;
      font-size: 15px;
    }
    p {
      display: none;
    }
  }

  .block-totara-featured-links-tile {
    border-radius: 20px;
  }

  .block-totara-featured-links-content::before {
    background: transparent;
  }

  .block_totara_report_table {
    width: 100%;
    background-color: white;
    border-radius: 0 0 20px 20px;
    box-shadow: 4px 4px 10px lightgrey;
  }

  body#page-totara-dashboard-33:not(.editing)
    .block_totara_report_table
    th.header {
    display: none !important;
  }

  .onboarding-html-line {
    width: 100%;
  }

  .onboarding-vertical-line {
    border-right: 6px dotted #89998f;
    height: 200px;
    width: 50%;
    margin-left: -3px;
  }
}

@media (max-width: 1023px) {
  .onboarding-html-title-content h2 {
    writing-mode: vertical-lr !important;
    transform: rotate(-180deg);
  }
}

body#page-totara-dashboard-34
  body#page-totara-dashboard-34:not(.editing)
  .block-totara-featured-links-content
  h3 {
  font-size: 16px !important;
}

#page-totara-dashboard-26 #region-main .block .block-content {
  background-color: transparent;
}

/*Onboarding page____________________________________________________________________________________*/

#page-totara-dashboard-34:not(.editing) .block.onboarding_dotted-line {
  display: block;
  box-shadow: none !important;
  width: 100%;
}

#page-totara-dashboard-34:not(.editing) .block.onboarding_dotted-line .line {
  height: 6em;
  border-left: 5px dotted #009f7e;
  margin: 0 auto;
  width: 0;
}

/*Onboarding course renewal years----------------------------------------------------------------------*/

/*Every 2 years~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body#page-totara-dashboard-34 .block-totara-featured-links-certification {
  background-image: url("/tlmsimages/emerge-dashboard-icons_2-years.svg");
  background-size: 30px;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 5%;
}

/*Every 1 year~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Medication Management (tile-148), Safety intervention (tile-168), Infection, Precentionand Control (tile-157), Security Awareness (tile-194) */
body#page-totara-dashboard-34 {
  #block-totara-featured-links-tile-148,
  #block-totara-featured-links-tile-156,
  #block-totara-featured-links-tile-157,
  #block-totara-featured-links-tile-194 {
    .block-totara-featured-links-certification {
      background-image: url("/tlmsimages/emerge-dashboard-icons_1-year.svg");
      background-size: 30px;
      background-repeat: no-repeat;
      background-position-x: 95%;
      background-position-y: 5%;
    }
  }
}

#page-totara-dashboard-34 .block-totara-featured-links-certification p {
  display: none;
}

.course_icon {
  border-radius: 20px 0 0 20px;
}

.krkmtable {
  table {
    border-collapse: separate;
    border-spacing: 10px; /* spacing between columns */
    width: 100%; /* fills available width */
  }

  th,
  td {
    padding: 15px;
    text-align: left;
    vertical-align: top;
  }

  /* Larger header text */
  th {
    font-size: 20px;
  }

  /* Column-specific borders */
  .col1 {
    border: 4px solid #3574b9;
    border-radius: 12px;
    width: 30%;
    background-color: white;
    h5 {
      color: #3574b9;
      font-weight: bold;
      font-size: 20px;
    }
  }

  .col2 {
    border: 4px solid #64b38c;
    border-radius: 12px;
    width: 40%;
    background-color: white;

    h5 {
      color: #64b38c;
      font-weight: bold;
      font-size: 20px;
    }
  }

  .col3 {
    border: 4px solid #287980;
    border-radius: 12px;
    width: 30%;
    background-color: white;

    h5 {
      color: #287980;
      font-weight: bold;
      font-size: 20px;
    }
  }

  body {
    font-family: Arial, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    gap: 20px;
  }

  .icon-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-grid;
    justify-content: center;
    align-items: center;
    margin: 5px;
  }

  .ic1 {
    background-color: #3574b9;
  }

  .ic2 {
    background-color: #64b38c;
  }

  .ic3 {
    background-color: #287980;
  }

  .icon-circle svg {
    width: 30px;
    height: 30px;
    stroke: #fff;
  }
}

#krkmfeatlink {
  padding: 0 6%;

  .block-totara-featured-links-link {
    border-radius: 20px;
    border: 1px solid lightgrey;
  }
  .block-totara-featured-links-tile {
    border-radius: 20px;
    background-position-y: -15px;
    background-size: 0%;
  }

  .block-totara-featured-links-content::before {
    background: transparent;
    background-image: url("https://akoranga.emergeaotearoa.org.nz/pluginfile.php/21732/course/section/1262/Emerge%20Aotearoa-Strategic%20Pou-Maori-FA.svg");
    background-repeat: no-repeat;
    background-size: 80%;
    background-position: center;
  }

  .block-totara-featured-links-content {
    height: 100% !important;
    text-align: center;
    display: flex !important;
    flex-direction: column;
    justify-content: flex-end;
    background-color: rgba(256, 256, 256, 0) !important;
    border: 1px solid lightgrey;
    border-radius: 20px;
    h3 {
      color: #de2627;
      font-size: 14px;
    }
    p {
      display: none;
    }
  }
}