: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: #87898C;--color-primary: #79232E;--btn-prim-accent-color: #2AABC5;--btn-accent-color: #2AABC5;--link-color: #00576F;--color-state: #C25219;--color-text: #87898C;--footer-bg-color: #d9e6e9;--footer-text-color: #262626;--btn-prim-accent-color-focus: #20a1bb;--btn-prim-accent-color-active: #0f90aa;--btn-accent-color-focus: #20a1bb;--btn-accent-color-active: #0f90aa;--link-color-hover: #004d65;--color-state-hover: #b8480f;--color-state-focus: #b8480f;--color-state-active: #a73700;--footer-text-color-hover: #1c1c1c;}
/* ************************************************** */
/* TOTARA MODIFIED STYLES */
/* ************************************************** */
.label-primary {
    background-color: var(--color-primary);
}

.text-primary {
    color: var(--color-primary);
}

/* ************************************************** */
/* CORTEXA OPTIONAL STYLES */
/* ************************************************** */
/* SCORM activity icon */
/* Change color with "...fill='%23<HEX-CODE>'..." */
.activity.scorm.modtype_scorm .tfont-var-collection_handle_fill:before {
    content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 16 16' fill='%23015970'><path d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/><path d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/></svg>");
}

/* ************************************************** */
/* EDA REQUIRED STYLES */
/* ************************************************** */
/* Fix for incorrect course title image aspect ration */
.block_current_learning-tile__image {
    padding-top: 40%;
}

/* Hide marker name from assignment feedback */
#region-main > div > div.feedback > div > table > tbody > tr.lastrow {
    display: none;
}

/* Course topic header colors */
.section.course-topic-blue .sectionname,
.section.it-and-data-infrastructure .sectionname {
    background-image: linear-gradient(to right, #23556b 32px, #ffffff 32px);
    border-bottom: 2px solid #23556b;
    padding: var(--gap-2) 38px;
}

.section.course-topic-yellow .sectionname,
.scetion.lighhting-introduction .sectionname {
    background-image: linear-gradient(to right, #dab247 32px, #ffffff 32px);
    border-bottom: 2px solid #dab247;
    padding: var(--gap-2) 38px;
}

.section.course-topic-orange .sectionname,
.section.introduction-to-the-principles-of-electricity .sectionname {
    background-image: linear-gradient(to right, #ab5423 32px, #ffffff 32px);
    border-bottom: 2px solid #ab5423;
    padding: var(--gap-2) 38px;
}

.section.course-topic-dark-blue .sectionname,
.section.industrial-controls .sectionname {
    background-image: linear-gradient(to right, #394049 32px, #ffffff 32px);
    border-bottom: 2px solid #394049;
    padding: var(--gap-2) 38px;
}

.section.course-topic-purple .sectionname,
.section.heating-and-ventilation .sectionname {
    background-image: linear-gradient(to right, #646dae 32px, #ffffff 32px);
    border-bottom: 2px solid #646dae;
    padding: var(--gap-2) 38px;
}

.section.course-topic-dark-red .sectionname,
.section.fire-safety-and-security-systems .sectionname {
    background-image: linear-gradient(to right, #6a2731 32px, #ffffff 32px);
    border-bottom: 2px solid #6a2731;
    padding: var(--gap-2) 38px;
}

.section.course-topic-red .sectionname,
.section.lighting-systems-and-controls .sectionname {
    background-image: linear-gradient(to right, #c63f33 32px, #ffffff 32px);
    border-bottom: 2px solid #c63f33;
    padding: var(--gap-2) 38px;
}

.section.course-topic-gray .sectionname,
.section.course-topic-grey .sectionname,
.section.cables-and-cable-management .sectionname {
    background-image: linear-gradient(to right, #888888 32px, #ffffff 32px);
    border-bottom: 2px solid #888888;
    padding: var(--gap-2) 38px;
}

.section.course-topic-dark-green .sectionname,
.section.customer-services .sectionname {
    background-image: linear-gradient(to right, #198677 32px, #ffffff 32px);
    border-bottom: 2px solid #198677;
    padding: var(--gap-2) 38px;
}

.section.course-topic-green .sectionname,
.section.distribution-switchgear-and-protection .sectionname {
    background-image: linear-gradient(to right, #718042 32px, #ffffff 32px);
    border-bottom: 2px solid #718042;
    padding: var(--gap-2) 38px;
}

.section.course-topic-light-blue .sectionname,
.section.wiring-devices-and-controls .sectionname {
    background-image: linear-gradient(to right, #6dafc7 32px, #ffffff 32px);
    border-bottom: 2px solid #6dafc7;
    padding: var(--gap-2) 38px;
}

.section.course-topic-light-green .sectionname,
.section.renewables .sectionname {
    background-image: linear-gradient(to right, #afba6c 32px, #ffffff 32px);
    border-bottom: 2px solid #afba6c;
    padding: var(--gap-2) 38px;
}

/* ************************************************** */
/* CORTEXA REQUIRED STYLES */
/* ************************************************** */
/* Hide message icon  */
#nav-message-popover-container {
    display: none;
}