: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-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)}:root{--nav-bg-color: #0053A6;--nav-text-color: #f7f7f7;--color-primary: #0053A6;--color-state: #0053A6;--color-text: #000000;--footer-bg-color: #f7f7f7;--footer-text-color: #000000;--color-state-hover: #00499c;--color-state-focus: #00499c;--color-state-active: #00388b;--footer-text-color-hover: #000000;}
/* STYLE ADDING COMPETENCIES/BEHAVIOUS AREA */
/* ADD COMPETENCIES Button text */
xx.tui-linkedReviewSelectedContent[content-type="totara_competency"] .tui-iconBtn__text {
  max-width:50px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
xx.tui-linkedReviewSelectedContent[content-type="totara_competency"]:before{
  content: "Click the button below to select all 5 Behaviours for rating. Remember to click 'confirm selection' once you've made your selection";
  font-size:16px;
  color: #0053A6;
  padding-bottom:10px;
}
xx.tui-linkedReviewSelectedContent[content-type="totara_competency"] {
  background-color: #adb5bd50;
  padding:15px;
}
/* HIDE original rating text that references 'FInal Rating' */
xx.tui-competencyLinkedReviewRating__title-text {
  display:none;
}
/* ADD new text in front of 'i' icon */
xx.tui-formHelpIcon.tui-competencyLinkedReviewRating__title-help:after {
  content: "Rating to be submitted for this Behaviour";
  display: inline-flex;
  padding-left:5px;
}

/* Change REDISPLAYED GOAL background colour */
xx.tui-linkedReviewParticipantForm__item-card {
    background: #adb5bd50;
}
/* Remove BORDER around Progress area */
xx.tui-linkedReviewViewPerformGoal__overview-box {
  border:none;
  border-radius: 6px;
}
/* Change colour of text above progress area */
xx.tui-linkedReviewViewPerformGoal__overview-updatedAt {
  color: #0053A6;
}
/* Style GOAL PROGRESSION UPDATE area */
xx.tui-performGoalChangeStatusForm {
  background-color: #4b7e2b10;
  border-color: #4b7e2b;
  padding-left:10px;
}
/* Change colour to Green within Goal progression update area */
xx.tui-performGoalChangeStatusForm h3, xx.tui-performGoalChangeStatusForm .tui-formRow__desc {
  color: #4b7e2b;
}
/* Add space before UPDATE PROGRESS BUTTON */
xx.tui-performGoalLinkedReviewChangeStatus__currentStatus {
  margin-right:20px;
}



/* KD SANDPIT */

/* Style LINKS in html block */
.kd_link {
  padding: 10px 5px 10px 10px;
  border-radius: 10px 10px 10px 10px;
  background-color:#e7e7e7;
  color: #0053a6;
  z-index:100;
}
/* adds yellow BACKGROUND ON HOVER to links */
.kd_link:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  text-decoration:none;
  cursor: pointer;
  transition: all ease .5s;
}
/*REMOVE FOOTER from test graph and Not Certified table */
#page-totara-dashboard-41 #inst3430 .footer, #page-totara-dashboard-41 #inst3504 .footer {
  display:none;
}
/* Remove BOTTOM MARGIN from Compliance Graph */
#page-totara-dashboard-41 #inst3430 {
  xmargin-bottom:0px;
}
/* INITIALLY HIDE DETAILS table so toggle button works */
#inst3504 {
  border-bottom: 1px solid #cddeeeab;
  display: none;
}
/* Remove HEADER from DETAILS table */
#inst3504 thead {
  display:none;
}
/* Position block with TOGGLE BUTTON */
.kd_toggle-button {
  margin-top:15px;
  top: 20px;
}
/* Remove TOGGLE BUTTON OUTLINE when clicked to improve visuals */
#page-totara-dashboard-41 .btn:focus {
  box-shadow:none;
}
/* FOR TESTING MULTIPLE SHOW/HIDE MENU */
#inst3525, #inst3526, #inst3527, #inst3528, #inst3529 {
  display:none;
}


/* Make NAME COLUMN bold in DETAILS Table */
#inst3504 .c0 {
  font-weight: 500;
}
#page-totara-reportbuilder-report[data-report-id="709"] {
  display:none;
}


/* GENERAL */

/* position the LOGIN BUTTON */
#page-login-index .login-identityproviders {
   margin-top:30px!important;
   justify-content: center;
}
/* LOGIN PAGE increase size of login button and centre content */
.login-identityprovider-btn {
  min-width: 300px;
  min-height:55px;
  justify-content: center;
}
/* reduce size of LOGIN TEXT */
.login-heading {
  font-size: 18px;
  color:#0053a6;
}
/* Add padding to CHANGE GLOBAL RESTRICTION message */
#page-totara-reportbuilder-report .restrictions_dialog {
  padding-left:50px;
}
/* hide email address box from FORGOTTEN PASSWORD page */
#page-login-forgot_password #id_searchbyemail {
  display:none;
}
/* Adds a yellow background to FILTERS on PERFORMANCE ACTIVITES page */
#page-mod-perform-activity-index .tui-popover__wrap.tui-filterBarAreaPopover {
  background-color: #FFC400;
  padding: 5px;
}

/*LINKS TO SMART OBJECTIVES */
/* Hide off 'Add new SMART Objective button */
#page-totara-plan-component .plan-add-item-button-wrapper {
  display:none;
}
/* Hide off link to SMART Objectives from Team members page */
 #team_members ul li:nth-child(1) {
  xdisplay:none;
}
/* Hide off link to GOALS from Team members page */
x#team_members ul li:nth-child(5) {
  display:none;
}
/* Hide off link to COMPETENCY PROFILE from Team members page */
#team_members ul li:nth-child(7) {
  display:none;
}
/* Hide off link to EVIDENCE from Team members page */
#team_members ul li:nth-child(8) {
  display:none;
}
/* Hide off link to PEFORMANCE OVERVIEW from Team members page */
#team_members ul li:nth-child(9) {
  display:none;
} 
/* Hide off link to PEFORMANCE OVERVIEW from Team members page
#team_members ul li:nth-child(10) {
  display:none;
} DISABLED DUE TO ACTIVITY LINK ONLY BEING A REPORT */


/* PERFORMANCE ACTIVITY PAGE */

/* style ACTIVITY PROGRESS text */
.tui-performUserActivityListTableItem__details-overallProgress, .tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text {
  background-color: #f5f5f5;
  font-weight:500;
  color: #0053a6;
  font-size:14px;
  padding:5px 5px 5px 5px;
  border-radius:5px;
  margin-top: 5px;
}
/* Add content before ACTIVITY PROGRESS text */
.tui-performUserActivityListTableItem__details-overallProgress:before {
  content:"\1F6A6 Overall Progress: ";
  xfont-weight:500;
}
/* style VIEW DETAILS link */
.tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text {
  background-color: #FFC40040;
  font-size:13px;
  padding:5px 5px 5px 5px;
  border-radius:5px;
}
/* Add content before and after VIEW DETAILS text */
.tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text:before {
content:"\2794";
font-size: 14px;
}
 .tui-performUserActivityListTableItem__sectionDetails .tui-formBtn__text:after{
content:" of overall progress";
}
/* add space on top of 'view details' */
.tui-performUserActivityListTableItem__progress {
  margin-bottom: 15px;
}
/* correctly align notification element */
.tui-performUserActivityListTableItem__details-dueDate {
  margin-top:10px!important;
}


/* PERFORM ACTIVITIES */

/* Add text BEFORE ACTIVITY TITLE */
#page-mod-perform-activity-view .tui-pageHeading__title:before {
  content: "This activity: ";
  color: #5c5c5c;
  font-size: smaller;
}
/* Remove unrequired NAVBAR space from top of each page */
#page-mod-perform-activity-view .page-navbar-wrap {
  display:none;
}
/* Reduce perform activity TITLE size */
#page-mod-perform-activity-view .tui-pageHeading__title {
  font-size: large;
}
/* Style SECTION HEADER */
#page-mod-perform-activity-view .tui-participantContent__progressTrackerHeading {
  color: #5c5c5c;
  font-weight: normal;
}
/* adds BORDER to PERFORM COLUMNS */
#page-mod-perform-activity-view .jsoneditor-layout-block:has(.jsoneditor-layout-column--sidebar) {
  border: solid 0.5px #f4f4f4;
  margin-bottom:10px;
}
/* adds BORDER to PERFORM COLUMNS */
#page-mod-perform-activity-view .jsoneditor-layout-block:has(.jsoneditor-layout-column) {
  background-color: #f4f4f4;
  margin-bottom:15px;
}
/* adds PADDING between border and text block */
#page-mod-perform-activity-view .jsoneditor-layout-column {
  padding:5px 5px 0 5px;
}
/* adds BACKGROUND to first COLUMN */
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar {
  background-color: #0053a610;
  margin-right:10px;
}
/* change SECTION TITLE to MC blue */
#page-mod-perform-activity-view .tui-participantContent__sectionHeading-title {
    background-color: #f5f5f5;
    padding: 10px;
    color: #0053a6;
}
/* changes block HEADERS to MC blue */
#page-mod-perform-activity-view .jsoneditor-layout-column h5 {
  color: #0053a6;
}
/* style perform activities QUESTION TITLES */
#page-mod-perform-activity-view .tui-performElementParticipantHeader__title {
  /* color: #004eb2; CURRENTLY DISABLED */
  padding-top:5px;
  border-top: 0.5px solid #0053a620;
  width:75%;
}
/* Extend SINGLE-CHOICE column to full width
#page-mod-perform-activity-view .tui-formField {
  max-width:none;
  min-width:25px;
} CURRENTLY DISABLED AS EFFECTS SLIDER QUESTIONS */

/* Remove white backgroujnd from slider questions */
#page-mod-perform-activity-view .tui-range__input {
  background-color: #f8f9fa;
}

/* change colour of SUBMIT button to confirm with completion tick */
#page-mod-perform-activity-view .tui-formBtnGroup .tui-formBtn--prim {
background-color: #3e6311;
}
/* change colour of CURRENT SECTION */
#page-mod-perform-activity-view .tui-progressTrackerNavCircleWorkflow__middle {
  --progresstracker-color-ready: #ffc400!important;
}
/* adds HOVER EFFECT to embedded links */
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar p {
  text-indent: 5px each-line;
}
#page-mod-perform-activity-view .jsoneditor-layout-column--sidebar p>a:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
  text-decoration:none;
}
/* RESPONSE REQUIRED label to red colour */
#page-mod-perform-activity-view .tui-participantContent__section-requiredContainer {
  color: var(--color-prompt-alert);
}
/* Style SELECTED SECTION LABEL */
#page-mod-perform-activity-view .tui-progressTrackerButton--selected {
  color: #FFC400;
  background-color: #0053A6;
}
/* Add slight space to right side of SECTION LABEL */
#page-mod-perform-activity-view .tui-progressTrackerNav__itemContent--size-medium {
  margin-right:2px;
}
/* Colour of YOUR RESPONSE labels to MC Blue */
#page-mod-perform-activity-view .tui-performElementParticipantFormContent__response {
  color:#0053A6;
}
/* Keep selection colour for Your Response as default black */
#page-mod-perform-activity-view .tui-radio__label {
  color: black;
}
/* Reduce WIDTH of left 'Your Response' block */
#page-mod-perform-activity-view .tui-form--horizontal .tui-formRow:not(.tui-formRow--vertical)>.tui-formRow__desc {
    flex-basis: 15rem;
}
/* Lighten colour of GOAL REDISPLAY background */
#page-mod-perform-activity-view .tui-performGoalCreationResponseDisplay__item {
  background-color: #e9ecef;
}

/* Style USER Details box on top left of each page */
#page-mod-perform-activity-view .tui-participantGeneralInformation__userDetails {
  background-color: #0053a6;
  color: white;
}
#page-mod-perform-activity-view .tui-miniProfileCard__description {
  padding-top: 3px;
}
#page-mod-perform-activity-view .tui-participantGeneralInformation__relationship, #page-mod-perform-activity-view .tui-jobAssignment__jobAssignmentDetails {
  color: #0053a6;
}
#page-mod-perform-activity-view .tui-participantGeneralInformation, #page-mod-perform-activity-view .tui-participantGeneralInformation__rhs, #page-mod-perform-activity-view .tui-participantGeneralInformation__relationship {
  border:none;
  border-radius:0;
}
#page-mod-perform-activity-view .tui-avatar--xsmall {
  border-color: white;
}
#page-mod-perform-activity-view .tui-miniProfileCard--no-padding {
  padding-top:15px;
}
/* HIGHLIGHT in YELLOW the top information bar on Performance Reviews */
#page-mod-perform-activity-view .tui-participantContent__infoBar {
  background-color: #ffc4004d;
  border-color: #d7d7d7;
}
/* INDENT text in top Information bar */
#page-mod-perform-activity-view .tui-participantContent__infoBar .tui-participantContent__sectionHeadingOtherResponsesDescription {
  margin-left:10px;
}
/* Add LEFT BORDER to TOGGLE SWITCH */
#page-mod-perform-activity-view .tui-toggleSwitch {
  border-left: 1px solid #d7d7d7;
  padding-left:20px;
}
/* Add SPACING TO RIGHT of TOGGLE SWITCH */
#page-mod-perform-activity-view .tui-participantContent__sectionHeading-otherResponseSwitch {
  padding-right:10px;
}
/* Make TOGGLE SWITCH TEXT BOLD */
#page-mod-perform-activity-view .tui-toggleSwitch__btn-text {
  font-weight:500;
  font-size: large;
  color: #0053a6;
}


/* PERFORMANCE REVIEW REPORTS */

/* ELT REPORT DASHBOARD ID=29 */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-29 .breadcrumb-nav {
  display:none;
}
/* Move ADMIN BUTTONS to right side */
#page-totara-dashboard-29 .breadcrumb-button-wrap {
  margin-left:75%;
}
/* Reduce SPACING AT TOP of page */
#page-totara-dashboard-29 #block-region-top-wrap {
  padding-top:0;
}
/* Remove VIEW FULL REPORT links */
#page-totara-dashboard-29 .block-content .footer > a {
  display:none;
}
/* RAG colours to LEAGUE TABLE */
#inst3440 .c2 {
  color: green;
}
#inst3440 .c3 {
  color: red;
}
/* Style 1st OVERVIEW table */
#rb_block_totara_report_table_2557_r0_c0 {
  color: #0053a6;
}
#rb_block_totara_report_table_2557_r0_c2 {
  color: red;
}
/* RAG colours to 2nd OVERVIEW table CURRENTLY NOT USED
#rb_block_totara_report_table_2538_r0_c0, #rb_block_totara_report_table_2538_r0_c1 {
  color: red;
}
#rb_block_totara_report_table_2538_r1_c0, #rb_block_totara_report_table_2538_r1_c1 {
  color: #da7c2f;
}
#rb_block_totara_report_table_2538_r2_c0, #rb_block_totara_report_table_2538_r2_c1 {
  color: green;
} */
/* RAG colours to TEAM table */
#inst2532 .c2 {
  color: green;
}
#inst2532 .c3 {
  color: red;
}
/* RAG colours to LINE MANAGER table */
#inst2636 .c2 {
  color: green;
}


/* ELT BREAKOUT (EMPLOYEE DETAILS) DASHBOARD */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-48 .breadcrumb {
  display:none;
}
/* Remove VIEW FULL REPORT links from specific tables to leave html button visible */
#inst3469 .footer > a,  #inst3472 .footer > a, #inst3480 .footer > a, #inst3481 .footer > a, #inst3482 .footer > a {
  display:none;
}
/* Style OVERVIEW table */
#rb_block_totara_report_table_3472_r0_c0 {
  color: #0053a6;
}
#rb_block_totara_report_table_3472_r0_c2 {
  color: red;
}
/* Style 'Completed' table */
#inst3482 h2, #inst3482 .c0 {
  color: green;
}
/* CURRENTLY DISABLED #inst3482 .header {
  padding-top: 20px;
  border-top: 0.5px solid green;
  width: 30%;
} */
/* Style 'In Progress' table */
#inst3481 h2, #inst3481 .c0 {
  color: #da7c2f;
}
/* CURRENTLY DISABLED #inst3481 .header {
  padding-top: 20px;
  border-top: 0.5px solid #da7c2f;
  width: 30%;
} */
/* Style 'Not Started' table */
#inst3480 h2, #inst3480 .c0 {
  color: red;
}
/* CURRENTLY DISABLED #inst3480 .header {
  padding-top: 20px;
  border-top: 0.5px solid red;
  width: 30%;
} */
/* Style 'Full Staff List' table */
#inst3488 .header {
  padding-top: 20px;
  border-top: 2px solid #0053a6;
  width: 30%;
}


/* LINE MANAGER DASHBOARD ID=15 */

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-15 .breadcrumb {
  display:none;
}
/* Remove VIEW FULL REPORT links from specific tables to leave html button visible */
#inst1650 .footer > a,  #inst1652 .footer > a,  #inst1653 .footer > a, #inst1655 .footer > a, #inst2004 .footer > a {
  display:none;
}
/* Style Not Yet Completed table */
#inst1653 h2, #inst1653 .c0 {
  color: #da7c2f;
}
/* Style 'Completed' table */
#inst1655 h2, #inst1655 .c0 {
  color: green;
}
/* Style 'Overdue' table */
#inst1652 h2, #inst1652 .c0 {
  color: red;
}
/* Style 'My Wider Team' table */
#inst2005 .c0 {
  color: #0053a6;
}


/* HR BP RETAIL DASHBOARD ID=49 */
/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-49 .breadcrumb {
  display:none;
}
/* Add BLUE BACKGROUND to DIVISION graphs */
#inst3558 {
  background-color: #ffcd0010;
}
/* Add BLUE BACKGROUND to DIVISION graphs */
#inst3559, #inst3563 {
  background-color: #0053a610;
}


/* Hide off COMPETENCY TAB from Record of Learning pages */

/* CURRENTLY DISABLED
#page-totara-plan-record-courses #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-competencies #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-objectives #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-programs #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-evidence-index #dp-plan-content .tabtree ul li:nth-child(2), #page-totara-plan-record-certifications #dp-plan-content .tabtree ul li:nth-child(2) {
  display:none;
} */

/* Hide off SMART OBJECTIVES TAB from Record of Learning page */
/*
#page-totara-plan-record-courses #dp-plan-content .tabtree ul li:nth-child(3), #page-totara-plan-record-competencies #dp-plan-content .tabtree ul li:nth-child(3), #page-totara-plan-record-objectives #dp-plan-content .tabtree ul li:nth-child(3), #page-totara-plan-record-programs #dp-plan-content .tabtree ul li:nth-child(3), #page-totara-plan-record-evidence-index #dp-plan-content .tabtree ul li:nth-child(3), #page-totara-plan-record-certifications #dp-plan-content .tabtree ul li:nth-child(3) {
  display:none;
} */


/* Change BLOCK BORDER RADIUS across site  */ 
.block {border-radius: 10px 0 0 0;}
.block:not(.chromeless) > .block-header {border-radius: 10px 0 0 0;!important}

/* Change BLOCK HEADERS to MC blue */ .block-title {color:#0053A6;}

/* DIABLED add partial border under each block title
.block-header {
border-bottom: 0.5px solid #c7c7c750;
    padding-bottom: 5px;
    width: 75%;
} */

/* Round small FEATURED LINKS block   .background-cover, .block-totara-featured-links-content-container, .background-contain {border-radius: 10px 0 0 0;} CURRENTLY DISABLED */

/* Round FULL WIDTH featured links block  .block-totara-featured-links-gallery-subtiles {border-radius: 15px 0 0 0;} CURRENTLY DISABLED */

/* Remove BREADCRUMB navigation from certain pages */
#page-totara-dashboard-1 .breadcrumb-nav, #page-totara-dashboard-3  .breadcrumb-nav {
  display:none;
}

/* remove the 'X' from MODAL header in SITE TOUR to fix right aligned text */
.modal-header .close {
  display:none;
}
/* change MODAL TITLE to blue */
.modal-header {
  color:#0053a6;
}

/* ALL COURSES */
/* space FILTER and RESET buttons on Enrolled users page */
#filterform #fgroup_id_buttons {
  padding-top:15px;
}
/* Fix spacing for ENROL USERS button */
.enrol_user_buttons {
  padding-left:15px;
}


/* GENERAL PULLED THROUGH FROM T16 */

.alert {
/* alter size of alert */
  width:100%
}
#kd_rcorners {
/* add a round corner to element */
  border-radius: 5px!important;
}
.kdsubhead::first-letter {
/* make first letter of work bigger */
  initial-letter: 2;
  margin-right: 0.1rem;
  font-weight:normal;
  line-height:1.6;
}
.kdsubhead2::first-letter {
  initial-letter: 2;
  margin-right: 0.1rem;
  padding-right:10px;
  font-weight:normal;
  line-height:1.6;
}
.kdsubhead:first-letter {
/* needed for mozilla where above doesn't work */
  font-size:250%;
}
#nav-message-popover-container {
/* hide off message icon from top menu area (messaging needs to be enabled to allow comments alerts from learning plan */
  display:none!important;
}
.button_kd {
/* button effect in SMART objective Guidance Document */
  transition-duration: 0.4s;
  background-colorwhite; 
  color:#0053a6; 
  border: 2px solid lightgray;
}
.button_kd:hover {
  background-color:#f7f7f7;
  color:#0053a6; 
  border: 2px solid orange;
}
.button_kd:focus {
  background-color:orange;
  color: white;
  border: 2px solid lightgray;
}

/* HOME PAGE */

/* hide TRENDING from recommendation block */
#inst2773 .block-trv-top-title {
  display:none;
}
#inst2773 .block-trv-subtitle {
  display:none;
}
/* add WHITE background to Trending cards */
#inst2773 .block-trv-card {
  background-color: #fff;
}
/* Remove USER NAME from header but only on HOME PAGE*/
#page-totara-dashboard-1 .usermenu .usertext {
  display:none;
}

/* WORKSPACES */
/* remove 'Find Workspaces' title as this is not in Language Files */
#page-container-type-workspace-spaces .tui-pageHeading {display:none;}

/* Fix DROP DOWN CHEVRON on reports pages */
.rb-sidebar .fcontainer .fitem .felement select {
  padding:0 30px 0 5px;
  margin-bottom:5px;
}
/* Fix grey background being used on all WEKA TEXT INPUT AREAS */
.tui-wekaToolbar--sticky {background-color:#dde1e5; border-color:#dce6d6}
.tui-weka-editor {background-color:#ffffff;}


/* SITE HEADER and MAIN MENU */

/* FONT SIZE for main menu */
.totaraNav_prim--list {
  font-weight:600;
}
/* font size for DROPDOWN menu items */
.navExpand--list_item_label {
  font-weight:400;
}
/* Add slight OPACITY for dropdown menu background */
.navExpand--list {
  opacity:0.95;
}

/* Add SHADOW under main menu */ 
.totaraNav_prim {
 /* .totaraNav_sub Add for sub-menu if needed */ 
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);
}
/* Make NOTIFICATION ALERT more obvious */
.count-container {
  background-color:#cc3d24;
}

/* Style SITE LOGO with yellow border */
/* .masthead_logo--header_img {
  border-radius:8px; 
  border:4px #ffcd00 solid;
  background-color: white;
} */

/* SUB-MENU text colour */
.totaraNav_sub--list_item_label {
  color:#0053A6;
}
.totaraNav_sub .container-fluid {
  margin-bottom:15px;
}


/* COURSE HEADER: modified SL block */

/* Style main CONTAINER */
.sl-course-story-container {
  margin-top:15px;
  padding-bottom:20px!important;
}
/* Remove BORDER BENEATH course header */
.sl-course-story-container {
  /* border-bottom:none!important; USE IF NEEDED */
}
/* Style MAIN TEXT BLOCK */ 
.sl-course-story__summary {
  background: var(--nav-bg-color);
  color:#fff;
  border-radius: 10px 0 0 0;
  margin-right:30px;  /* add space between info and image */
}

/* Make links white in text block */ .sl-course-story__summary a {color:#fff;}

/* Course CATEGORY LABEL to MC yellow in text block: currently hidden */ 
.sl-course-story__summary .text-muted {
  color:#FFC400!important;
  padding-bottom:10px; /* this is needed for top rounded border */
}
/* Hide off CATEGORY LABEL */
.sl-course-story__summary .text-muted { display:none;}

/* Style IMAGE in course header */
.sl-course-story__image {
  display:flex;
  max-height:300px; /* limit height if lots of course info text */
  padding: 20px!important; /* to add white boundry around image */
  background-color:white;
  margin: 30px 0 30px 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); /* adds definition to image border */
}
/* Style IMAGE BORDER RADIUS course header */
.sl-course-story__image .rounded {
  border-radius: 0!important; /* remove default */
}
/* Style PROGRESS BAR in course header */
.progressbar-wrap {
  padding-top:10px!important;
  max-width: 500px;
}
/* Add LABEL before */
.sl-course-story__summary .progressbar_container:before {
 content:"Progress: ";
 font-weight:700;
 }
/* Style LABEL before progress bar */
.progressbar_container:before {
  float:left;
  margin-right:10px;
  margin-top:-5px;
}


/* PATHWAY COURSE STYLING */

/* Style COURSE NAVIGATION DRAWER ICON */
.tui-format_pathway-activityView__activityToolbar .tui-svgIcon--size-200, .tui-format_pathway-courseToolbar .tui-svgIcon--size-200 {
  color: #4b7e2b;
  font-size:30px!important; 
  margin-right:15px;
  transition: all 0.5s ease; /* to slowly move text back to start position no-hover */
}
/* Add DESCRIPTION for course navigation drawer icon */
.tui-format_pathway-activityView__activityToolbar .tui-iconBtn__icon:after {
  content:"<-- click to toggle course navigation panel";
  font-size:14px;
  color:#4b7e2b;
  float:right;
  margin-top:4px;
}
/* HOVER EFFECT opening course navigation drawer icon/text */
.tui-format_pathway-activityView__activityToolbar .tui-iconBtn__icon:hover .tui-svgIcon--size-200 {
  color: #0053a6;
  margin-right:5px;
  transition: all 0.5s ease;
}
/* Image and COURSE TITLE CONTAINER */
.tui-format_pathway-courseInformation {
  color:#0053a6;
  background-color:#0053a62e;
}
/* ACTIVITY TITLE area */
.tui-format_pathway-activityView__activityContent h2 {
  color:#0053A6;
  padding:10px;
  margin-left:-15px;
  background-color:#f5f5f5;
}
/* add a slight background colour to COURSE NAVIGATION PANEL */
.tui-format_pathway-progressNavigation { background-color:#f5f5f5; }

/* TOPIC TITLE colour to dark grey */
.tui-collapsible__header-text {
  color:#000000aa;
}
/* Change colour of SELECTED ACTIVITY ITEM */
.tui-format_pathway-progressTrackerItem--selected {
  background-color:#FFC4004e;
  color:#0053a6;
  border-radius: 0 20px 20px 0;
}
/* style CURVE to right side of item background */
.tui-format_pathway-progressTrackerItem--link:hover, .tui-format_pathway-progressTrackerItem--link:focus {
  border-radius: 0 20px 20px 0;
}
/* give same colour when hovering on active activity */
.tui-format_pathway-progressTrackerItem--selected:hover {
  background-color:#FFC4004e;
  color:#0053a6;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
/* Embold activity title when selected */
.tui-format_pathway-progressTrackerItem--selected {
  font-weight:600;
}
/* Enlarge PREVIOUS AND NEXT ICONS on top right of screen */
.tui-svgIcon--flipRtl { font-size:30px!important; }

/* Add text to COURSE ADMIN DROPDOWN menu */
 .tui-format_pathway-courseToolbar__settings .tui-dropdown__trigger .tui-iconBtn__label:before {
  content:"Administration Menu";
  float:left;
  color:#4b7e2b;
}
/* Add text to ACTIVITY ADMIN DROPDOWN menu */
.tui-format_pathway-activityToolbar .tui-dropdown__trigger .tui-iconBtn__label:before {
  content:"Activity Options";
  float:left;
  color:#4b7e2b;
  margin-left:-150px;
}
/* Remove original DOTS */
.tui-format_pathway-courseToolbar__settings .tui-iconBtn__icon, .tui-format_pathway-activityToolbar .tui-dropdown__trigger .tui-iconBtn__icon { display:none; }


/* PERFORMANCE OVERVIEW PAGE: reorder cards */

/* Insert LABEL before team member */
#page-my-perform_overview .tui-miniProfileCard__avatar:before {
  content: "Account being viewed:    ";
  position: relative;
  Top:10px;
  font-weight:500;
  text-decoration:none;
  font-family: Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
}
/* Correctly position name after avatar image */
.tui-miniProfileCard__description {
  padding-top:7px;
}

/* Add colour to ALERT TITLE */
.tui-myPerformOverviewRequiredAction__header {
  color:#cc3d24;
}
/* change card list to flex */ .tui-myPerformOverview__content {
  display:flex;
  flex-direction: column;
}
 /* PERFORM ACTIVITIES */ .tui-overviewActivitiesSection {
  order:0;
  margin-top:0;
  margin-bottom:16px;
}
 /* GOALS*/ .tui-overviewGoalsSection {order:1; display:none;} /* currently HIDDEN */

 /* COMPETENCIES (currently HIDDEN) */
.tui-overviewCompetenciesSection {order:2;}
x.tui-overviewCompetenciesSection {display:none;} /* HIDE competency summary */

/* Over-ride accent colour being used as GOAL HEADERS */
h4.tui-performGoalCard__details-name div {color: #0053A6;}


/* COURSE CATALOGUE SEARCH PAGE */

#page-totara-catalog-index .tw-catalogItemNarrow__content {
  padding-bottom:0;
}

/* add light colour BORDER BENEATH CARD IMAGE to improve look when image is white */
#page-totara-catalog-index .tw-catalogItemNarrow__image {
 border-bottom: 0.5px solid #f7f7f7;
 border-radius:5px;
}
/* hide off the toggle to DISPLAY NARROW as list since this doesn't look good */
#page-totara-catalog-index .tw-catalogItemStyleToggle {
display:none;
}
/* change colour of HERO ICON top left of card */
#page-totara-catalog-index .tw-catalogItemNarrow__hero_icon {
  color:#0053A6;
  background-color:#FFC400;
}
/* alter colour and weight of CARD TITLES */
#page-totara-catalog-index .tw-catalogItemNarrow__title {
  font-weight:500;
  color:#0053A6;
  /* font-size:15px; CURRENTLY NOT USED */
  margin-bottom:0;
  height:60px; /* limit course title to 3 lines */
}
/* Style FEATURED LINK */
#page-totara-catalog-index .tw-catalogItemNarrow__title_featured {
  background-color:#4b7e2b;
  font-weight:400;
}
/* Style FILTER HEADING text */
#page-totara-catalog-index .tw-selectRegionPanel__heading h2 {
  color:#0053A6;
}
/* Style FILTER TYPE HEADINGS */
#page-totara-catalog-index .tw-selectRegionPanel__selector_header {
  color:000000aa!important;
}
/* Changed site PROGRESS BARS to green on light grey */
/* used for general progress bars */ .tui-progress__bar {background-color:#4b7e2b;}
.tui-progress {background-color:#ddd;}
/* used for course catalogue */ .progress > .bar {background-color:#4b7e2b;}



/* HOME PAGE */

/* LEARN AND DEVELOP block (SL User Profile Stats/HTML/Last course accessed) */

/* INSERT LABEL before course activity stats */
.userprofilestats-wrap:before {
  /* content:"Learner Details"; CURRENTLY DISABLED WHILE USING BLOCK HEADER */
  position: relative;
  top:-5px;
  font-weight:500;
  color:#0053A6;
  font-family: Lexend, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* BLOCK HEADER background colour to MC Yellow */
.block_synergy_userprofilestats .block-header {
  /* background-color: #FFC400!important; YELLOW IF NEEDED */
  background-color: #0053A6!important;
}
/* Block header colour to WHITE */
.block_synergy_userprofilestats .block-header h2 {
  color: #fff;
}
/* change editing icons to white when EDITING*/
.block_synergy_userprofilestats .moodle-core-dragdrop-draghandle, .block_synergy_userprofilestats  .toggle-display {
  color:white!important;
}
/* Add BORDER to block */
.block_synergy_userprofilestats {
 border-radius: 15px 0 0 0;
 /* border: #FFC400 solid 5px; YELLOW DISABLED */
 border: #0053A6 solid 5px; /* MC BLUE */
 border-bottom:none;
 border-top:none;
}
/* USERNAME display size */
.block_synergy_userprofilestats h6.mb-1 {
  font-size: 18px;
  color:#0053A6;
}
/* Reduce spacing above PROFILE LINK */
.pt-2 {
  margin-top:5px!important;
  padding-top:0!important;
}
/* space after PROFILE IMAGE */
.profileimage {
  padding-right:15px;
}

/* specifically target STAT HEADERS to disengage from username title size and colour */
.block_synergy_userprofilestats .coursestats h6 {
  font-size: 14px;
  color:#767676;
}
/* add padding to allow correct hover effect */
.block_synergy_userprofilestats .coursestats a {
  padding:1px 8px 1px 5px!important;
}
/* Add HOVER effect to stat header links */
.block_synergy_userprofilestats .coursestats a:hover {
  border-radius: 0 10px 10px 0;
  text-decoration:none!important;
  background-color:#FFC400;
  transition: all ease .3s;
}
/* remove shadow and bottom space to tidy */
.block_synergy_userprofilestats {
 box-shadow: none;
 margin-bottom:0;
 padding-bottom:5px;
}
/* reduce spacing around USER PICTURE */
#block-region-side-pre .block.block_synergy_userprofilestats .feature-user-profile .profileimage, #block-region-side-post .block.block_synergy_userprofilestats .feature-user-profile .profileimage {
 margin: 0 0 5px 0 !important;
}
/* make profile PICTURE ROUND */
.block.block_synergy_userprofilestats .content .userpicture {
  height: 70px;
  width: 70px;
  border-radius: 50%;
}
/* change colour of displayed USER EMAIL */
.profilecontent .email {
  color: #5c5c5c;
}
/* HIDE View and Edit PROFILE LINK */
.block_synergy_userprofilestats .profilecontent .mt-auto {
 display:none;
}

/* USER STATS area */
#block-region-side-pre .block.block_synergy_userprofilestats .feature-user-profile .email, #block-region-side-post .block.block_synergy_userprofilestats .feature-user-profile .fa {
 color: #0053A6 !important;
 display: none;
}
.block_synergy_userprofilestats .badges { /* Badges configured via Spark plugin page */
 margin-top: 0;
}
#block-region-side-pre .block.block_synergy_userprofilestats .userbadges, #block-region-side-post .block.block_synergy_userprofilestats .userbadges {
  display: none;
  padding-top: 5px;
  padding-bottom: 0;
  color: #0053A6;
  border-top: 0.5px solid #f7f7f7;
  /* border-bottom: 0.5px solid #f7f7f7; USE IF A THIN GREY LINE PREFERRED */
  border-bottom:0;
  margin-bottom: 5px !important;
}
/* Text size and colour of course activity components */
.block_synergy_userprofilestats .coursestats .coursestat {
  width:40px;
  height:40px;
  font-size: 1.3rem;
  font-weight:400;
}
/* HIDE USERSTATS and add CURVED LINE above learner stats */
.userstats {
  display:none; /* HIDE USER STATS */
  padding-top: 2px;
 /* border-top: 0.1px solid #FFC400; YELLOW IF NEEDED */
  border-top: 0.1px solid #0053A6;
  border-radius: 40px 0 0 0;
  color:#767676;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* INSERT LABEL before course activity stats */
.userstats:before {
  content:"Course Activity";
  color:#767676;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Add spacing beneath label */
.block_synergy_userprofilestats .coursestats {
  padding-top:15px;
  padding-bottom:0;
}
/* style ACTIVITY NUMBERS */
.userstats .display-3 {
  font-size: 15px;
  font-weight: 400 !important;
 /* color: #0053A6; */
}

/* Style HTML SHORTCUTS BLOCK UNDERNEATH user details */
/* Remember the HTML block needs to have KD_profile-links added to custom css */
.KD_profile-links {
  margin-top:-10px;
  padding-bottom:5px;
  margin-bottom:10px!important;
  /* border-left: #FFC400 solid 5px; YELLOW DISABLED */
  border-left: #0053A6 solid 5px; /* MC BLUE */
  /* border-right: #FFC400 solid 5px; YELLOW DISABLED */
  border-right: #0053A6 solid 5px; /* MC BLUE */
  border-bottom: solid 5px #0053A6; /* Need for when no last course accessed */
  border-top:none; /* USE IF NO THIN GREY LINE WANTED ABOVE LINKS */
  border-radius:0;
}
/* Add CURVED LINE partition between blocks */
.KD_profile-links  .content {
  padding-top: 15px;
  padding-bottom:0;
 /* border-top: 0.1px solid #FFC400; YELLOW IF NEEDED */
  border-top: 0.1px solid #0053A6;
  border-radius: 40px 0 0 0;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* INSERT LABEL before profile links */
.KD_profile-links .block-content:before {
  content:"Shortcut Menu";
  color:#595959;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Style LINKS in html block */
.kd_certlink {
  padding:5px 10px 5px 5px;
  border-radius:0 20px 20px 0;
  margin-bottom:3px;
  font-size: 14px;
}
/* adds yellow BACKGROUND ON HOVER to links */
.kd_certlink:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
}

/* LAST COURSE ACCESSED underdeath profile block */
.block_last_course_accessed {
  margin-top:-20px; /* Need to hide bottom border of block above */
  padding-top:5px;
  margin-bottom:10px!important;
 border-left: #0053A6 solid 5px; /* MC BLUE */
 border-right: #0053A6 solid 5px; /* MC BLUE */
 border-bottom: #0053A6 solid 5px; /* MC BLUE */
  border-top:0;
  border-radius:0;
}
/* INSERT LABEL before course name */
.block_last_course_accessed_content:before {
  content:"Last Course Accessed";
  color:#595959;
 /* display:flow; text-align:center; USE IF NEEDING TO CENTRE */
}
/* Add CURVED LINE partition between blocks */
.block_last_course_accessed  .content {
  padding-top: 15px;
  border-top: 0.1px solid #0053A6;
  border-radius:40px 0 0 0;
  color:#767676;
  /* box-shadow: 0 -2px 2px 0 rgba(0, 0, 0, 0.05); */
}
/* Style course name in last course accessed link*/
.block_last_course_accessed .course_name_large a {
  padding:5px 10px 5px 5px;
  border-radius:0 20px 20px 0;
  margin-bottom:3px;
  font-size: 15px;
  -webkit-box-decoration-break: clone; /* ensure left padding after word wrap */
  box-decoration-break: clone;
}
/* adds yellow BACKGROUND ON HOVER to last course accessed link */
.block_last_course_accessed .course_name_large a:hover {
  border-color:#0053A6;
  background-color:#FFC400;
  transition: all ease .5s;
  text-decoration:none;
}


/* MY LEARNING DASHBOARD */

/* Fix poor formatting on CERTIFICATIONS Block */

.row-fluid .span8 h3 {
 font-size: 15px;
 padding-top: 10px;
}
.row-fluid .span4 h3 {
 font-size: 15px;
 padding-top: 10px;
}

/* CURRENT LEARNING block */

/* better visual for FOOTER text */
.block_current_learning .panel-footer {
 padding-top: 5px;
 padding-bottom: 5px;
 font-size: 14px;
 color: #777f86;
}
/* reduce size and spacing of PAGE NAVIGATION in footer */
.block_current_learning .panel-footer .pagination {
 margin-top: 5px;
 margin-bottom: 0;
}
.block_current_learning .panel-body ul li {
 border-bottom: 1px solid #e9ecef;
 padding: 4px 10px;
}
/* Reduce font size for each TITLE */
.block_current_learning .panel-body ul li.block_current_learning-item .block_current_learning-row-item a h3 {
  font-size:16px;
  font-weight:400;
}
/* Reduce SPACING for each row */
.block_current_learning .panel-body ul li.block_current_learning-item {
  padding-top:5px;
  padding-bottom:10px;
  padding-left:25px;
}
/* Reduce font size for programme HEADER text */
.block_current_learning .panel-body ul li.block_current_learning-item .current_learning-bundle h4 {
  font-size:16px;
  font-weight:400;
}
.block_current_learning .panel-body ul li.block_current_learning-item .current_learning-bundle h4 span {
  font-size:15px;
  font-weight:300;
}
.block_totara_certifications .card-footer {
 border: 0;
}
.current_learning-set {
 background-color: #f0f1f2
}
/* Tidy up font and ugly background */
.current_learning-course {
 font-size: 15px;
 border-radius: 0;
 background-color: #dde1e5;
}
/* move ALERT label to right side */
.block_current_learning-row-item__status .label-danger {
  display:inline-block;
  float:right;
}
/* Reduce size of PROGRESS BAR to accommodate labels */
.block_current_learning-row-item__status .progress{
  max-width:25%;
 width:50%;
}


/* CERIFICATES BLOCK */
/* Maximum 4 certificates wide */
.cert-item {
  max-width:25%;
}
/* Add HOVER EFFECT to download icon */
.spark-card.card-hover-focus:hover .btn-primary, .spark-card.card-hover-focus:focus .btn-primary {
  background-color: #ffc400;
  border-color: #ffc400;
  color: #0053A6;
  transition: all ease .3s;
}
/* Add HOVER EFFECT to make consistent with Activity Bookmarks */
.spark-card.card-hover-focus:hover, .spark-card.card-hover-focus:focus {
  background-color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
  transition: all ease .3s;
}
/* Change CERTIFICATE TITLE colour */
.cert-title .text-dark {
  color: #0053a6!important;
}

/* BADGES BLOCK*/

/* reduce SPACE at bottom */
#inst64 .block-content {
  padding-bottom:0;
}
/* make each badge image ROUND */
.block_badges .badge-image {
  border-radius:20px 20px 20px 20px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); /* adds definition to image border */
}

/*RECENTLY VIEWED BLOCK on MY LEARNING */

/* alter TITLE font */
.block-trv-title {
  font-weight:400!important;
  font-size:16px;
}
/* add WHITE background to cards */
#inst3341 .block-trv-card {
  background-color:#fff;
}
/* change PROGRESS bar to green */
.block-totara-recently-viewed .block-trv-progress .block-trv-progress-bar {
  background-color:#4b7e2b;
}
/* hide AUTHOR from each card */
#page-totara-dashboard-3 .block-trv-subtitle {
  display:none;
}

/* ACTIVITY BOOKMARKS BLOCK */

.bookmark {
  max-width:25%;
}
/* give each card a WHITE BACKGROUND */
.bookmark-inner {
  background-color: #fff;
}
/* change COLOUR OF FLEX ICON from black to grey */
.block_activitybookmarks .flex-icon {
 color:#c7c7c7!important;
}
/*change COURSE TITLE to MC blue */
.block_activitybookmarks .text-dark {
 color:#0053A6!important;
 font-size: 0.9rem;
}
/* reduce text size of ACTIVITY TYPE */
.block_activitybookmarks .activity-type {
 font-size:0.9rem;
}
/* fix spacing beneath TITLE */
.block_activitybookmarks .card-header {
 margin-bottom:10px;
}
/* alter HOVER EFFECT for consistent experience */
.block_activitybookmarks .bottomsup-insetshadow:hover, .bottomsup-insetshadow:focus {
 transform: translateY(-2px);
 box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.3);
}
/* change ICON COLOUR to yellow on HOVER*/
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon {
 background-color: #FFC400;
 transition: all ease .3s;
}
/* Need this code for the BOTTOM OF ICON */
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon:after {
 border-right: 12px solid #FFC400;
 border-left: 12px solid #FFC400;
 transition: all ease .3s;
}
/* change ICON COLOUR on HOVER for better visuals */
.block_activitybookmarks .bottomsup-insetshadow:hover > .sl-ribbon .fa {
 /* color: #0053a6bd; USE IF BETTER CONTRAST PREFERRED */
 transition: all ease .3s;
}

/* COURSE EVALUATION FORM */

/* Make rating images larger on first question */
#fgroup_id_group_multichoice_6589 {
 font-size: x-large;
}
/* Alter width of Info labels to 100% */
#fitem_id_label_6598 .felement, #fitem_id_label_6341 .felement, #fitem_id_label_6338 .felement, #fitem_id_label_6342 .felement, #fitem_id_label_6337 .felement, #fitem_id_label_6350 .felement, #fitem_id_label_6354 .felement,  #fitem_id_label_6362 .felement, #fitem_id_label_6369 .felement, #feedback_item_6372 .felement, #fitem_id_label_6593 .felement, #fitem_id_label_6597 .felement, #feedback_item_6598 .felement, #fitem_id_label_6585 .felement, #fitem_id_label_6591 .felement {
 width:100%;
}


/* COURSE FEEDBACK BLOCK */

/* STYLE BLOCK background and border */
.block_feedback {
   border: 2px solid #ffc400;
   border-radius: 20px 0 0 0;
   width:100%!important;
}
/* Add HOVER EFFECT shadow to block */
.block_feedback:hover {
   box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); 
   transition: all 0.5s ease-out;
}

/* code to control ANIMATION of megaphone image */
@keyframes kd_SlideIn {
    0% {
       width:0;
        /* Use to add twist animation to image but don't use width variable
       transform: scale(30%);
       opacity:0;
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       */
    }
    100% {
       width:100%;
       /*  Use to add twist animation to image but don't use width variable
       transform: scale(1);
       opacity:1;
       -webkit-transform: rotate(-25deg);
       -moz-transform: rotate(-25deg);
       */
    }
}

/* Add MEGAPHONE IMAGE to feedback block, limit size, and anchor with scroll and re-sizing */
.block_feedback:before {
  display: block;
  content: "";
  background-image: url(https://learnanddevelop.mariecurie.org.uk/pluginfile.php/22220/mod_resource/content/7/FFypBopKb9_32wtG-stock_image.png);
  background-size: 80%;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(5px 5px 5px #c7c7c7);
  filter: drop-shadow(5px 5px 5px #c7c7c7);
  max-width:200px;
  max-height:64px;
  width: 55%;
  height: 20%;
  -webkit-transform: rotate(-25deg);
  -moz-transform: rotate(-25deg);
  position-anchor: --kd_Anchor;
  position: fixed;
  inset-block-start: anchor(top);
  margin:-20px -20px;
  z-index:100;
  animation: 3s ease-in-out 0s 1 kd_SlideIn;
}
/* Set ANCHOR for megaphone image to stick to */
.block_feedback {
  anchor-name: --kd_Anchor;
  width: fit-content;
}
/* Alter PADDING beneath feedback link */
.block_feedback .block-content {
   padding-top:10px;
   padding-bottom:20px;
}
/* INJECT TEXT before feedback link */
.block_feedback .block-content .unlist:before {
   content: 
"Let us know how you found this course:";
  color:#0053a6;
  display:inline;
  font-size:1rem;
}
/* Alter spacing on HEADER title for better visuals */
.block_feedback .block-header {
   padding-top:20px;
   margin-left:30px;
}
/* Style BLOCK TITLE */
.block_feedback .block-title {
  color:#0053a6!important;
  padding-bottom:10px;
}
/* Style BLOCK TITLE font size */
.block_feedback .block-title h2 {
  font-size:20px;
}
/* Style FEEDBACK LINK title */
.block_feedback .block-content .unlist {
   font-size:18px;
   text-align: auto;
}
/* increase FLEX ICON SIZE */
.block_feedback .flex-icon {
   font-size:1.2em;
   line-height:1.5;
}
/* Balance position of FLEX ICON */
.block_feedback .ft-fw {
   width:1.5em;
   margin-left:5px;
   margin-right:5px;
}
/* Add CONTRAST colour behind link text */
.block_feedback .block-content .unlist li {
  background-color:#ffc400;
  color:#0053a6;
  margin-top:10px;
  border:solid 1px transparent; border-radius: 0 15px 15px 0; /* Needed for Hover to work correctly */
}
/* Remove TEXT DECORATION from link */
.block_feedback .block-content .unlist li a {
   text-decoration:none;
}
/* Add HOVER COLOUR to feedback link */
.block_feedback .block-content .unlist li:hover {
  background-color:#ffc400a1; 
  border:solid 1px #c7c7c7;
  overflow:none;
  transition: all 0.5s ease-out;
}

/* REMOVE ANNOYING ALERT MESSAGE FROM All MC Performance Review DASHBOARD */

#page-totara-dashboard-16 .alert-warning {display:none!important;}

/* Remove BREADCRUMB from top of page */
#page-totara-dashboard-16 .breadcrumb-nav {
  display:none;
}

/* Remove unrequired report graph footer including link to full report */
#page-totara-dashboard-22 .card-footer {display: none;}

/* styles links to report */
.directorate {
 margin-left:20px;
 margin-bottom:5px; 
 padding:10px 10px; 
}
.directorate:hover {
 text-decoration:none;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 transition: all .2s ease-out;
}


/* NOTE THAT SOME LEARNING PLAN COMPONENTS ARE STYLED DIRECTLY IN THE LANGUAGE PACK */

/* SMART OBJECTIVES MAIN PAGE*/

#dp-plan-content #fitem_id_name {
/* hide off plan name, description and details container from overview tab */
display:none;
}
#dp-plan-content #fitem_id_description {
display:none;
}
#dp-plan-content .ftoggler {
display:none;
}
.kd-card-rows:hover {
/* add hover effect to MC Objectives list */
background:#0053A6;
transition: background 1.2s ease;
}
.kd-card-rows2:hover {
/* add hover effect to SMART definition list */
background: aliceblue;
transition: background 0.3s ease;
}
#kdnav-tab .nav-link:focus {
/* add a line under sub-menu shown in Objectives guidance (main) tab */
border-bottom: 1px double #0053a6;
}
#page-totara-plan-index .dp-summary-widget-title {
/* shows Learning Plan title (SMART objectives) but removes link so generic list name can remain */
cursor: not-allowed;
pointer-events: none;
} 
#page-totara-plan-index .dp-summary-widget-title > a {
/* change colour of these titles to dark grey to better higlight link underneath */
color:gray;
}
#page-totara-plan-index .dp-summary-widget-component-name-last {
/* increases size of link to SMART objective list to hightlight further */
font-size:18px;
}
#page-totara-plan-view #dp-plan-content .mdl-left {
/* hide comments from plan overview page - also hides from individual objective */
display:none;
}
#page-totara-plan-view .felement > #id_edit {
/* hide 'Edit details' button from overview page !! THIS WILL NEED TO BE REVERSED IF ANY DIRECT EDITING IS REQUIRED */
display:none;
}
#page-totara-plan-view #id_details {
/* hide plan details including dates from overview page */
display:none;
}
#dp-plans-description {
/* mc blue to top text */
color:#0053a6;
}
.fheader {
/* better spacing and sizing of plan details */
padding-top:20px!important;
font-size:22px;
}
.dp-summary-widget-description::before {
/* highlight link to objectives list */
content:<hr/>;
color:dimgray;
}
#dp-plan-content .nav-tabs > li {
/* slightly highlight active tab */
font-size:17px!important;
}
.instructional_text::after {
/* add horizontal divider after text */
content:<hr/>;
}
.kd_card {
/* styled cards to hold information within tabs */
background-color:aliceblue;
color:#0053A6;
}
.kd_card1 {
background-color:aliceblue;
color:#0053A6;
box-shadow: 0 0px 0px rgba(0,0,0,.1);
border-radius: 8px;
}
#plans-list-50_r0 {
/* lightened colour of info box on Manage Sets page */
background-color:#f7f7f7!important;
}
#dp-component-update .c2 {
/* Remove Evidence column from table */
display:none;
}
#dp-component-update-table .c0 .ft {
/* remove ugly icon before objective title in main table list */
display:none;
}

/* ADD NEW or EDIT SMART OBJECTIVE PAGE */

#dp-plan-content .mform .fitem .fitemtitle {
/* hide off plan name and description from overview tab */
color:#0053A6;
}
#dp-plan-content .mform .legend {
color:#0053A6;
}
#page-totara-plan-components-objective-edit .editor_atto_content_wrap:after {
/* add SMART instruction at bottom of description box */
content: "SMART: specific, measurable, achievable, relevant, and time-bound.";
color:#0053A6;
font-size:13px;
margin:5px;
}
.editor_atto_content_wrap {
border-top: .5px;
border-color: #0053A6;
}

/* SINGLE SMART OBJECTIVE PAGE */

#dp-plan-content h3 {
/* objective title styling and spacing */
padding-top:1rem;
padding-bottom:1rem;
color:dimgray;
margin-bottom:20px;
background-color:#f7f7f7;
border-radius: 8px;
}
#dp-plan-content .planiteminfobox {
/* light gray background to top portion of objective summary information */
background-color:#f7f7f7;
padding-bottom:10px;
}
.planiteminfobox {
/* add spacing after 'Edit' button */
margin-top:1rem;
margin-left:0rem;
margin-bottom:1rem;
}
.planiteminfobox .extra {
/* force top area into separate lines and alter colour */
display:block!important;
font-style: normal;
color:#0053A6;
}
#dp-plan-content p {
/* style the description text */
color:black;
}
#dp-plan-content .comment-content {
/* increase font size in comments window - default is too small */
font-size:13px;
}
#comments {
/* style comments header to MC blue */
color:#0053A6!important;
background-color:white!important;
font-size:18px;
margin-top:0px;
margin-bottom:0px!important;
line-height:1;
}

/* REMOVE EVIDENCE SECTION */

#dp-component-evidence-header {
/* Remove all signs of Evidence from Objectives details page */
display:none;
}
#dp-component-evidence-update {
display:none;
}
#dp-component-evidence-container {
display:none;
}
#page-totara-plan-components-objective-view #dp-plan-content .singlebutton.dp-plan-assign-button {
/* Hides Add Evidence button from Objective when editing. NB this needs to first target the single objective page or else it will also hide the Add New Objective button on the list page */
display:none;
}
#dp-component-evidence-header {
/* style linked evidence header to MC blue (if need to display) */
color:#0053A6!important
}
#dp-component-evidence-header {
/* reduce unrequired vertical spacing before Linked Evidence header */
padding:0px!important;
}


/* PERFORM REPORT DASHBOARDS */

#kd_block {
/* add style to block in KPI report dashboard */
background-color: #e6e4e4;
border-radius:10px;
}

#kd_block2 {
background-color: #F5B041;
border-radius:10px;
}

#kd_block3 {
position:fixed;
width:340px;
padding:5px;
background-color:#FFFAF0;
z-index: 10;
}

#kd_block4_TBborder {
border-width:.5px;
border-radius:10px;
border-color:#3d9eff white #e6e4e4 white;
border-top-style: solid;
 border-right-style: none;
 border-bottom-style: ridge;
 border-left-style: none;
background-color:#f7f7f7;
background-image: linear-gradient(#a7d1fa, #cae2fa, #e1effc, #f0f6fc,  #f0f6fc,  #f7f7f7, #f7f7f7);
}

#kd_block5 {
/* Remove margin from block */
margin-top:0px;
margin-bottom:0px;
}


/* PERFORM ACTIVITY */

#instance-2276-header {
/* add style to block on Performance Activities page */
color: #004eb2;
margin-left:0px;
align:left;
}


/* PROGRAMME JOURNEY DASHBOARD */
/* USE FOR ALL FEATURED LINKS BLOCKS */

/* Change BLOCK HEADERS to black background */
#inst265 .block-header, #inst274 .block-header, #inst275 .block-header {
  background-color: #000000aa; /* adds some transparency to header */
}
/* change BLOCK HEADER TITLE to white */
#inst265 .block-title, #inst274 .block-title, #inst275 .block-title {
  color: white;
}
/* change STEP TITLE COLOUR to yellow */
#inst265 h3, #inst274 h3, #inst275 h3 {
  color: #ffc400!important;
}

/* SPECIFIC TO FEATURED LINK BLOCK #INST265: VERTICAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFIED spacing */
#inst265 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}

/* INST265 SPECIFIC TILES */

/* TILE 1 */
#block-totara-featured-links-tile-44 {
  position:relative;
  top:50px;
  left:0%; /* negative value pushes to left of centre */
}
/* TILE 2 */
#block-totara-featured-links-tile-45 {
  position:relative;
  top:120px;
  left:10%; /* positive value pushes to right of centre */
}
/* TILE 3 */
#block-totara-featured-links-tile-47 {
  position:relative;
  top:190px;
  left:-5%;
}
/* TILE 4 */
#block-totara-featured-links-tile-48 {
  position:relative;
  top:200px;
  left:20%;
}

/* STYLE ALL TILES IN INST265 */
#block-totara-featured-links-tile-44, #block-totara-featured-links-tile-45, #block-totara-featured-links-tile-47, #block-totara-featured-links-tile-48 {
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 7px 0 rgba(255, 255, 255, 0.7); 
  overflow:visible;
  opacity:0.9;
}
/* Add a HOVER EFFECT TO INST265 */
#block-totara-featured-links-tile-44:hover, #block-totara-featured-links-tile-45:hover, #block-totara-featured-links-tile-47:hover, #block-totara-featured-links-tile-48:hover {
  transform: translateY(2px);
  box-shadow: 0 0 10px 0 rgba(255, 255, 0, 0.9); 
  border: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.1s ease-out;
}
/* Add BACKGROUND IMAGE TO INST265 */
#inst265 {
  background-color: palegoldenrod;
  height:1000px; /* Need to set or else image will be clipped */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36814/mod_resource/content/5/5172ed76-0221-48fe-ac25-1a495e347646.png')!important;
  xbackground-size: cover; /* use to create responsive image */
  background-position: center;
  background-repeat: no-repeat;
}


/* SPECIFIC TO FEATURED LINK BLOCK #INST274: HORIZONTAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFY spacing */
#inst274 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}
/* Add BACKGROUND IMAGE */

 NO#inst274 {      /* ORIGINAL IMAGE*/
  min-height:250px; /* Mimimum height to journey block */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36811/mod_resource/content/2/f05266c2-f341-4337-8c92-6c50fbf77d45.png')!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#inst274 {
  min-height:470px; /* Mimimum height to journey block */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36819/mod_resource/content/4/icegif-550.gif')!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
/* STYLE ALL TILES IN INST274*/
#block-totara-featured-links-tile-50,  #block-totara-featured-links-tile-51,  #block-totara-featured-links-tile-52,  #block-totara-featured-links-tile-53  {
  border-radius: 0 0 60px 60px;
  box-shadow: 0 0 7px 0 rgba(100, 100, 100, 0.7);
  overflow:visible;
  opacity:0.85;
}
/* Add  HOVER EFFECT for each tile */
#block-totara-featured-links-tile-50:hover, #block-totara-featured-links-tile-51:hover, #block-totara-featured-links-tile-52:hover, #block-totara-featured-links-tile-53:hover {
  xbox-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);  /* Use with lighter background */
  box-shadow: 0 0 7px 0 rgba(200, 100, 10, 0.9);  /* Use with darker background */
  xborder: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.3s ease-out;
}

/* TILE 1 */
#block-totara-featured-links-tile-50 {
  position:relative;
}
/* TILE 2 */
#block-totara-featured-links-tile-51 {
  position:relative;
}
/* TILE 3 */
#block-totara-featured-links-tile-52 {
  position:relative;
}
/* TILE 4 */
#block-totara-featured-links-tile-53 {
  position:relative;
}


/* SPECIFIC TO FEATURED LINK BLOCK #INST275: VERTICAL */

/* Alter to VERTICAL ALIGNMENT and JUSTIFIED spacing */
#inst275 .block-totara-featured-links-layout {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: space-evenly;
}

/* INST275 SPECIFIC TILES */

/* TILE 1 */
#block-totara-featured-links-tile-54 {
  position:relative;
  xtop:50px;
  left:-10%; /* negative value pushes to left of centre */
}
/* TILE 2 */
#block-totara-featured-links-tile-55 {
  position:relative;
  top:120px;
  left:20%; /* positive value pushes to right of centre */
}
/* TILE 3 */
#block-totara-featured-links-tile-56 {
  position:relative;
  top:190px;
  left:-5%;
}
/* TILE 4 */
#block-totara-featured-links-tile-57 {
  position:relative;
  top:200px;
  left:-10%;
}

/* STYLE ALL TILES TO INST275 */
#block-totara-featured-links-tile-54, #block-totara-featured-links-tile-55, #block-totara-featured-links-tile-56, #block-totara-featured-links-tile-57 {
  border-radius: 0 0 30px 30px;
  box-shadow: 0 0 7px 0 rgba(0, 255, 255, 0.7); 
  overflow:visible;
  opacity:0.9;
}
/* Add a HOVER EFFECT TO INST275 */
#block-totara-featured-links-tile-54:hover, #block-totara-featured-links-tile-55:hover, #block-totara-featured-links-tile-56:hover, #block-totara-featured-links-tile-57:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 10px 0 rgba(0, 83, 166, 0.9); 
  border: solid 2px yellow;
  overflow:visible;
  opacity:1;
  transition: all 0.1s ease-out;
}
/* Needed to VERTICALLY EXTEND BLOCK */
#inst275 .block-content {
  height: 1000px;
}
/* Add BACKGROUND IMAGE TO INST275 */
#inst275 {
  background-color: #f3de4e;
  xheight:1000px; /* Need to set or else image will be clipped */
  background-image: url('https://ldupgradeuat.mariecurie.org.uk/pluginfile.php/36813/mod_resource/content/4/f45dc49c-57bc-4a6d-8660-ca8cbe823646.png')!important;
  background-size: cover; /* use to create responsive image */
  background-position: center;
  xbackground-repeat: no-repeat;
}