: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{--color-state:var(--color-primary);--color-state-hover:var(--color-secondary);--color-state-focus:var(--color-secondary);--color-state-active:var(--color-secondary);--color-state-highlight:#f6f9d7;--color-state-highlight-neutral:var(--color-neutral-3);--color-state-disabled:var(--color-neutral-6);--color-border:var(--color-neutral-5);--color-text:#000000;--color-text-disabled:var(--color-neutral-5);--color-text-hint:var(--color-neutral-6);--color-neutral-1:#fff;--color-neutral-7:#262626;--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);--border-weight:thin;--btn-bg-color-active:var(--btn-bg-color-hover);--btn-bg-color-disabled:var(--color-neutral-3);--btn-bg-color-focus:var(--btn-bg-color-hover);--btn-text-color-active:var(--btn-text-color-hover);--btn-text-color-disabled:var(--color-neutral-6);--btn-text-color-focus:var(--btn-text-color-hover);--btn-border-color-active-focus:var(--btn-text-color-hover);--btn-border-color-disabled:var(--btn-bg-color-disabled);--btn-prim-bg-color-active:var(--btn-prim-bg-color-hover);--btn-prim-bg-color-disabled:var(--btn-bg-color-disabled);--btn-prim-bg-color-focus:var(--btn-prim-bg-color-hover);--btn-prim-text-color-active:var(--btn-prim-text-color-hover);--btn-prim-text-color-focus:var(--btn-prim-text-color-hover);--btn-prim-border-color-active-focus:var(--btn-prim-border-color);--btn-prim-border-color-disabled:var(--btn-bg-color-disabled);--tabs-bg-color-disabled:var(--color-neutral-3);--tabs-bg-color-focus:var(--color-neutral-3);--tabs-text-color-disabled:var(--color-state-disabled);--tabs-text-color-focus:var(--color-state-hover);--tabs-text-color-selected:var(--tabs-text-color-active);--tabs-border-color-disabled:var(--color-neutral-4);--tabs-border-radius-active:0;--tabs-selected-bar-color:var(--tabs-border-color-selected);--tabs-border-radius-active:0;--user-menu-dropdown-border-colour:transparent;--side-panel-heading-font-size:var(--h4-font-size);--side-panel-heading-font:var(--h4-font);--side-panel-inner-background:var(--color-neutral-3);--color-prompt-info:var(--link-color);--nav-quick-item-text-color:var(--link-color);--nav-quick-item-text-color-focus:var(--link-color-hover);--progress-border-color:var(--progress-value-bg-color)}.tui-format_pathway-activityView__sidePanel .tui-sidePanel__inner{background-color:transparent}.tui-format_pathway-activityView__courseSettingsTree{padding:0 var(--gap-4)}.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .side.left,.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .side.right{padding-left:6px;padding-right:6px}.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .content{background-color:transparent;padding:0}.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .content [class^=tfont-var-],.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .content [class*=" tfont-var-"],.tui-format_pathway-activityView__activity .tui-format_pathway-activityView__activityContent .course-content .section .content [class*="ft"]{font-size:inherit}.tui-originalSpaceCard__title a:visited{color:var(--color-neutral-1)}.tui-engageIconPublic--color{color:var(--color-secondary)}.tui-format_pathway-progressTrackerItem.tui-format_pathway-progressNavigation__activityLink.tui-format_pathway-progressTrackerItem--link{background-color:var(--progresstracker-color-ready--inverse);color:var(--progresstracker-color-ready)}.tui-format_pathway-progressTrackerItem.tui-format_pathway-progressNavigation__activityLink.tui-format_pathway-progressTrackerItem--selected{background-color:var(--progresstracker-color-ready);color:var(--progresstracker-color-ready--inverse)}[role="button"].tui-progressTrackerNavCircleWorkflow__outer.tui-progressTrackerNavCircleWorkflow--done{border-color:var(--completion-icon-colour)}[role="button"].tui-progressTrackerNavCircleWorkflow__outer.tui-progressTrackerNavCircleWorkflow--done .tui-progressTrackerNavCircleWorkflow__middle{background:var(--completion-icon-colour);border-color:var(--completion-icon-colour)}.tui-formBtn,.tui-actionLink{text-transform:var(--btn-text-transform);font-family:var(--button-font)}.tui-formBtn:active,.tui-actionLink:active,.tui-formBtn:focus,.tui-actionLink:focus,.tui-formBtn:active:focus,.tui-actionLink:active:focus,.tui-formBtn:active:hover,.tui-actionLink:active:hover,.tui-formBtn:hover,.tui-actionLink:hover{color:var(--btn-text-color-hover);background:var(--btn-bg-color-hover);border-color:var(--btn-border-color-hover)}.tui-formBtn:visited,.tui-actionLink:visited{color:var(--btn-text-color);background:var(--btn-bg-color);border-color:var(--btn-border-color)}.tui-formBtn--prim,.tui-actionLink--prim{text-transform:var(--btn-prim-text-transform)}.tui-formBtn--prim:active,.tui-actionLink--prim:active,.tui-formBtn--prim:focus,.tui-actionLink--prim:focus,.tui-formBtn--prim:active:focus,.tui-actionLink--prim:active:focus,.tui-formBtn--prim:active:hover,.tui-actionLink--prim:active:hover,.tui-formBtn--prim:hover,.tui-actionLink--prim:hover{color:var(--btn-prim-text-color-hover);background:var(--btn-prim-bg-color-hover);border-color:var(--btn-prim-border-color-hover)}.tui-formBtn--prim:visited,.tui-actionLink--prim:visited{color:var(--btn-prim-text-color);background:var(--btn-prim-bg-color);border-color:var(--btn-prim-border-color)}.tui-iconBtn--transparent,.tui-iconBtn--transparent.tui-iconBtn--prim,.tui-iconBtn--transparent:active,.tui-iconBtn--transparent.tui-iconBtn--prim:active,.tui-iconBtn--transparent:focus,.tui-iconBtn--transparent.tui-iconBtn--prim:focus,.tui-iconBtn--transparent:active:focus,.tui-iconBtn--transparent.tui-iconBtn--prim:active:focus,.tui-iconBtn--transparent:active:hover,.tui-iconBtn--transparent.tui-iconBtn--prim:active:hover,.tui-iconBtn--transparent:hover,.tui-iconBtn--transparent.tui-iconBtn--prim:hover{background-color:transparent}.tui-formImageUpload{color:var(--form-input-text-color);font-size:var(--form-input-font-size);line-height:1;background:var(--form-input-bg-color)}.tui-formImageUpload__actions{display:flex;padding:var(--form-input-v-padding) var(--gap-2);background:var(--color-neutral-3);border-color:var(--form-input-border-color);border-top:var(--form-input-border-size) solid;border-right:var(--form-input-border-size) solid;border-left:var(--form-input-border-size) solid}.tui-formImageUpload__deleteButton{margin-left:auto}.tui-formImageUpload__filearea{padding:var(--form-input-v-padding) var(--gap-2);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color)}.tui-formImageUpload--highlight .tui-formImageUpload__filearea{background:var(--form-input-bg-color-focus);border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-formImageUpload--isError .tui-formImageUpload__filearea{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}.tui-formImageUpload__display .tui-responsiveImage{max-height:25rem}.tui-formImageUpload__progress{padding:var(--form-input-v-padding) var(--gap-2)}input[type].tui-formInput{display:inline-block;width:auto;max-width:none;height:auto;max-height:none;margin:0;padding:1px;color:black;font-size:inherit;line-height:inherit;letter-spacing:normal;text-align:start;text-transform:none;text-indent:0;text-shadow:none;word-spacing:normal;background-color:white;border-color:#dadada;border-style:inset;border-width:2px;border-radius:0;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;border-spacing:0;box-shadow:none;cursor:text;transition-delay:0s;transition-timing-function:ease;transition-duration:0s;transition-property:all;text-rendering:auto}input[type].tui-formInput[disabled]{color:#3d444b;background:#dadada}input[type].tui-formInput:focus{border-color:#dadada;outline-width:3px;outline-style:auto;outline-color:Highlight;outline-color:-webkit-focus-ring-color;outline-offset:-2px;box-shadow:none;-moz-user-focus:normal}input[type].tui-formInput::placeholder{color:#a9a9a9;opacity:1}input[type].tui-formInput{display:block;flex-grow:1;box-sizing:border-box;width:100%;min-width:0;height:var(--form-input-height);padding:var(--form-input-v-padding) var(--gap-2);color:var(--form-input-text-color);font-size:var(--form-input-font-size);line-height:1;background:var(--form-input-bg-color);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color)}input[type].tui-formInput--charLength-2{max-width:calc(2 * var(--form-input-font-size))}input[type].tui-formInput--charLength-3{max-width:calc(3 * var(--form-input-font-size))}input[type].tui-formInput--charLength-4{max-width:calc(4 * var(--form-input-font-size))}input[type].tui-formInput--charLength-5{max-width:calc(5 * var(--form-input-font-size))}input[type].tui-formInput--charLength-10{max-width:calc(10 * var(--form-input-font-size))}input[type].tui-formInput--charLength-15{max-width:calc(15 * var(--form-input-font-size))}input[type].tui-formInput--charLength-20{max-width:calc(20 * var(--form-input-font-size))}input[type].tui-formInput--charLength-25{max-width:calc(25 * var(--form-input-font-size))}input[type].tui-formInput--charLength-30{max-width:calc(30 * var(--form-input-font-size))}input[type].tui-formInput--charLength-50{max-width:calc(50 * var(--form-input-font-size))}input[type].tui-formInput--charLength-75{max-width:calc(75 * var(--form-input-font-size))}input[type].tui-formInput--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited input[type].tui-formInput:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split input[type].tui-formInput:not(.tui-input--customSize){max-width:none}input[type].tui-formInput::placeholder{color:var(--form-input-text-placeholder-color)}.tui-contextInvalid input[type].tui-formInput{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}input[type].tui-formInput:focus{background:var(--form-input-bg-color-focus);border:var(--form-input-border-size) solid;border-color:var(--form-input-border-color-focus);outline:none;box-shadow:var(--form-input-shadow-focus)}.tui-contextInvalid input[type].tui-formInput:focus{background:var(--form-input-bg-color-invalid-focus);border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid-focus)}input[type].tui-formInput--preIcon{padding-left:var(--gap-6)}input[type].tui-formInput--postIcon{padding-right:var(--gap-6)}input[type].tui-formInput--transparent,input[type].tui-formInput--transparent:focus{background-color:transparent;border:none;box-shadow:none}input[type].tui-formInput[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}input[type].tui-formInput[disabled]::placeholder{color:var(--form-input-text-color-disabled)}.tui-inputColor{position:relative}.tui-inputColor--charLength-2{max-width:calc(2 * var(--form-input-font-size))}.tui-inputColor--charLength-3{max-width:calc(3 * var(--form-input-font-size))}.tui-inputColor--charLength-4{max-width:calc(4 * var(--form-input-font-size))}.tui-inputColor--charLength-5{max-width:calc(5 * var(--form-input-font-size))}.tui-inputColor--charLength-10{max-width:calc(10 * var(--form-input-font-size))}.tui-inputColor--charLength-15{max-width:calc(15 * var(--form-input-font-size))}.tui-inputColor--charLength-20{max-width:calc(20 * var(--form-input-font-size))}.tui-inputColor--charLength-25{max-width:calc(25 * var(--form-input-font-size))}.tui-inputColor--charLength-30{max-width:calc(30 * var(--form-input-font-size))}.tui-inputColor--charLength-50{max-width:calc(50 * var(--form-input-font-size))}.tui-inputColor--charLength-75{max-width:calc(75 * var(--form-input-font-size))}.tui-inputColor--charLength-100{max-width:calc(100 * var(--form-input-font-size))}.tui-form--inputWidth-limited .tui-inputColor:not(.tui-input--customSize){max-width:var(--form-input-limited-width)}.tui-form--inputWidth-limited .tui-inputSet--split .tui-inputColor:not(.tui-input--customSize){max-width:none}.tui-inputColor .tui-inputColor__picker[type='color']{position:absolute;width:calc(var(--gap-8) + var(--gap-2));opacity:0}.tui-inputColor .tui-inputColor__picker[type='color'][disabled='disabled']{cursor:not-allowed}.tui-inputColor__colorBlock{position:absolute;top:calc(var(--form-input-v-padding) / 2 + var(--form-input-border-size));left:calc(var(--gap-2) / 2);width:var(--gap-8);height:calc(100% - var(--form-input-v-padding) - var(--form-input-border-size) * 2);border-radius:var(--border-radius-small)}.tui-inputColor__colorBlock--disabled{cursor:not-allowed}.tui-inputColor .tui-inputColor__input[type='text']{padding-left:calc(var(--gap-8) + var(--gap-2))}.tui-formTextarea{min-height:500px;resize:both}.tui-modalContent__content .tui-formTextarea{min-height:350px}.tui-sidePanelNavLinkItem--active a:visited{color:var(--side-panel-nav-item-text-color-selected)}.tui-sidePanelNavGroup__heading-title{font-size:var(--side-panel-heading-font-size);font-family:var(--side-panel-heading-font)}.tui-sidePanel__inner{background-color:var(--side-panel-inner-background)}.tui-tabs--horizontal .tui-tabs__tabs li a.tui-tabs__link{border-radius:var(--tabs-border-radius);font-size:var(--tabs-font-size);text-transform:var(--tabs-text-transform);background-color:var(--tabs-bg-color);border-color:var(--tabs-border-color);color:var(--tabs-text-color);font-weight:var(--tabs-font-weight)}.tui-tabs--horizontal .tui-tabs__tabs li a.tui-tabs__link:hover,.tui-tabs--horizontal .tui-tabs__tabs li a.tui-tabs__link:focus{background-color:var(--tabs-bg-color-hover);border-color:var(--tabs-border-color-hover);color:var(--tabs-text-color-hover)}.tui-tabs--horizontal .tui-tabs__tabs li a.tui-tabs__link:active,.tui-tabs--horizontal .tui-tabs__tabs li a.tui-tabs__link:active:focus{color:var(--tabs-text-color)}.tui-tabs--horizontal .tui-tabs__tabs li.tui-tabs__tab--active a.tui-tabs__link{color:var(--tabs-text-color-selected);background-color:var(--tabs-bg-color-selected);border-radius:var(--tabs-border-radius-active);border-color:var(--tabs-border-color-selected);border-bottom:1px solid var(--tabs-bg-color-selected)}.tui-tabs--horizontal .tui-tabs__tabs li.tui-tabs__tab--active a.tui-tabs__link:hover{background-color:var(--tabs-bg-color-active-hover);border-color:var(--tabs-border-color-active-hover);color:var(--tabs-text-color-active-hover)}.backup-restore__section>*+*{margin-top:var(--gap-4)}.tui-formBtn--prim,.tui-iconBtn--prim,.tui-actionLink--prim,.tui-formBtn--prim:active,.tui-iconBtn--prim:active,.tui-actionLink--prim:active,.tui-formBtn--prim:visited,.tui-iconBtn--prim:visited,.tui-actionLink--prim:visited{color:var(--btn-prim-text-color);background-color:var(--btn-prim-bg-color);border-color:var(--btn-prim-border-color)}.tui-formBtn--prim:hover,.tui-iconBtn--prim:hover,.tui-actionLink--prim:hover,.tui-formBtn--prim:active:hover,.tui-iconBtn--prim:active:hover,.tui-actionLink--prim:active:hover,.tui-formBtn--prim:visited:hover,.tui-iconBtn--prim:visited:hover,.tui-actionLink--prim:visited:hover{color:var(--btn-prim-text-color-hover);background-color:var(--btn-prim-bg-color-hover);border-color:var(--btn-prim-border-color-hover)}.tui-formBtn--prim.disabled,.tui-iconBtn--prim.disabled,.tui-actionLink--prim.disabled,.tui-formBtn--prim[disabled],.tui-iconBtn--prim[disabled],.tui-actionLink--prim[disabled],.tui-formBtn--prim.disabled:active:focus,.tui-iconBtn--prim.disabled:active:focus,.tui-actionLink--prim.disabled:active:focus,.tui-formBtn--prim[disabled]:active:focus,.tui-iconBtn--prim[disabled]:active:focus,.tui-actionLink--prim[disabled]:active:focus,.tui-formBtn--prim.disabled:hover,.tui-iconBtn--prim.disabled:hover,.tui-actionLink--prim.disabled:hover,.tui-formBtn--prim[disabled]:hover,.tui-iconBtn--prim[disabled]:hover,.tui-actionLink--prim[disabled]:hover,.tui-formBtn--prim.disabled:focus,.tui-iconBtn--prim.disabled:focus,.tui-actionLink--prim.disabled:focus,.tui-formBtn--prim[disabled]:focus,.tui-iconBtn--prim[disabled]:focus,.tui-actionLink--prim[disabled]:focus{color:var(--btn-prim-text-color-disabled);background-color:var(--btn-prim-border-color-disabled);border-color:var(--btn-prim-border-color-disabled)}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.tui-themeSettings .settings-tab-description{margin-bottom:var(--gap-8);font-weight:bold}.tui-themeSettings .tui-form--horizontal .tui-formRow:not(.tui-formRow--vertical)>.tui-formRow__inner>.tui-formRow__action{margin-top:var(--gap-6)}.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)}:root{ --color-black: #0a0a0a; --color-white: #ffffff; --color-primary: #663763; --color-secondary: #286e71; --color-tertiary: #003366; --color-accent-3: #0065bd; --color-accent-4: #b1006e; --color-neutral-2: #f2f2f2; --color-neutral-3: #f2f2f2; --color-neutral-4: #dedede; --color-neutral-5: #dedede; --color-neutral-6: #4d5d68; --header-notifications-show: true; --header-notifications-icon-color: #286e71; --header-notifications-count-background-color: #ff0000; --header-notifications-count-color: #ffffff; --header-messages-show: true; --header-messages-icon-color: #286e71; --header-messages-count-background-color: #ff0000; --header-messages-count-color: #ffffff; --site-logo-size: very-large; --page-background-size: initial; --page-background-repeat: no-repeat; --page-background-position: top-right; --page-background-attachment: true; --show-login-background-image: false; --enable-help-link: false; --enable-help-link-as-icon-or-text: icon; --help-icon: info; --progress-value-bg-color: #337AB7; --progress-value-text-color: #ffffff; --progress-container-text-color: #6E6E6E; --progress-container-bar-shadow: true; --progress-bar-border-radius: 4px; --progress-bar-height: 20px; --progress-bar-border-color: var(--progress-value-bg-color); --progress-container-bg-color: var(--progress-container-text-color); --formbrand_field_notificationshtmlheader: ; --formbrand_field_notificationshtmlfooter: ; --formbrand_field_notificationstextfooter: ; --email-accent-color: var(--color-primary); --email-body-margin: 10; --btn-text-color: #ffffff; --btn-text-color-hover: #ffffff; --btn-bg-color: #b1006e; --btn-bg-color-hover: #663763; --btn-border-color: transparent; --btn-border-color-hover: transparent; --btn-radius: 4px; --btn-border-width: 1px; --btn-text-transform: none; --btn-font-size: 12px; --btn-font-weight: normal; --btn-padding: 6px 12px; --btn-input-group-min-height: auto; --btn-prim-text-color: #ffffff; --btn-prim-text-color-hover: #ffffff; --btn-prim-bg-color: #663763; --btn-prim-bg-color-hover: #b1006e; --btn-prim-border-color: transparent; --btn-prim-border-color-hover: transparent; --btn-prim-radius: 4px; --btn-prim-border-width: 1px; --btn-prim-text-transform: none; --btn-prim-font-size: 12px; --btn-prim-font-weight: normal; --btn-prim-padding: 6px 12px; --btn-secondary-text-color: #ffffff; --btn-secondary-text-color-hover: #ffffff; --btn-secondary-bg-color: #663763; --btn-secondary-bg-color-hover: #b1006e; --btn-secondary-border-color: transparent; --btn-secondary-border-color-hover: transparent; --btn-secondary-radius: 4px; --btn-secondary-border-width: 1px; --btn-secondary-text-transform: none; --btn-secondary-font-size: 12px; --btn-secondary-font-weight: normal; --btn-secondary-padding: 6px 12px; --table-head-background-color: rgba(0,0,0,0.1); --table-head-color: #0a0a0a; --table-header-font-size: 16px; --table-header-font-weight: bold; --table-header-text-transform: none; --table-body-background-color: #ffffff; --table-stripe-even-background-color: rgba(0,0,0,0.1); --table-cell-background-color-even-hover: var(--color-neutral-4); --table-cell-color-even: #0a0a0a; --table-stripe-odd-background-color: #ffffff; --table-cell-background-color-odd-hover: var(--table-cell-background-color-even-hover); --table-cell-color-odd: #0a0a0a; --table-border-color: transparent; --table-link-color: #286e71; --table-link-color-hover: #286e71; --table-border-width: thin; --table-cell-font-size: 16px; --table-heading-padding: 8px; --table-body-padding: 8px; --table-body-font-weight: normal; --table-header-border-width: var(--table-border-width); --breadcrumb-container-background-color: #286e71; --breadcrumb-text-color: #ffffff; --breadcrumb-link-color: #ffffff; --breadcrumb-link-hover-color: #ffffff; --breadcrumb-separator-color: #ffffff; --breadcrumb-text-transform: none; --breadcrumb-font-weight: normal; --breadcrumb-font-size: 16px; --hide-breadcrumb: false; --hide-breadcrumb-gap: false; --tabs-bg-color: #f7f8f9; --tabs-border-color: #C8CFD6; --tabs-text-color: #6E6E6E; --tabs-bg-color-hover: #DDE1E5; --tabs-border-color-hover: #6E6E6E; --tabs-text-color-hover: #6E6E6E; --tabs-border-radius: 0px 0px 0 0; --tabs-bg-color-selected: #ffffff; --tabs-border-color-selected: #C8CFD6; --tabs-text-color-active: #6E6E6E; --tabs-bg-color-active-hover: var(--tabs-bg-color-selected); --tabs-border-color-active-hover: var(--tabs-border-color-selected); --tabs-text-color-active-hover: var(--tabs-text-color-selected); --tabs-font-size: 12px; --tabs-font-weight: normal; --tabs-text-transform: uppercase; --calendar-body-background-color: transparent; --calendar-border-color: var(--color-neutral-5); --calendar-text-color: var(--color-text); --calendar-font-size: var(--base-font-size); --calendar-header-text-color: var(--color-text); --calendar-header-background-color: transparent; --calendar-current-day-color: var(--color-neutral-6); --calendar-event-background-color: transparent; --calendar-event-link-color: var(--link-color); --calendar-event-border-color: var(--color-primary); --mini-calendar-current-day-link-color: var(--link-color); --mini-calendar-body-background-color: var(--calendar-body-background-color); --mini-calendar-week-day-header-border-bottom-color: var(--color-neutral-6); --mini-calendar-event-background-color: var(--color-primary); --mini-calendar-event-link-color: var(--color-white); --base-font: Arial; --heading-font: Arial; --h1-font: Arial; --h2-font: Arial; --h3-font: Arial; --h4-font: Arial; --h5-font: Arial; --h6-font: Arial; --navigation-font: Arial; --sub-navigation-font: Arial; --breadcrumb-font: Arial; --button-font: Arial; --table-header-font: Arial; --color-text: #0a0a0a; --color-heading: #45d568; --link-color: #286e71; --link-color-hover: #286e71; --link-color-active: var(--link-color-hover); --link-color-visited: var(--link-color); --base-font-size: 16px; --base-font-weight: normal; --h1-font-size: 40px; --h1-font-weight: 400; --h2-font-size: 34px; --h2-font-weight: 400; --h3-font-size: 28px; --h3-font-weight: 400; --h4-font-size: 24px; --h4-font-weight: 400; --h5-font-size: 20px; --h5-font-weight: 400; --h6-font-size: 18px; --h6-font-weight: 400; --h1-text-transform: none; --h2-text-transform: none; --h3-text-transform: none; --h4-text-transform: none; --h5-text-transform: none; --h6-text-transform: none; --color-h1: #4d5d68; --color-h2: #4d5d68; --color-h3: #4d5d68; --color-h4: #4d5d68; --color-h5: #4d5d68; --color-h6: #4d5d68; --h1-font-size-mobile: 40px; --h1-font-size-tablet: 40px; --h2-font-size-mobile: 34px; --h2-font-size-tablet: 34px; --h3-font-size-mobile: 28px; --h3-font-size-tablet: 28px; --h4-font-size-mobile: 24px; --h4-font-size-tablet: 24px; --h5-font-size-mobile: 20px; --h5-font-size-tablet: 20px; --h6-font-size-mobile: 18px; --h6-font-size-tablet: 18px; --dialog-font-size: 12px; --navigation-position: left; --navigation-below-logo: false; --nav-bg-color: #ffffff; --desktop-nav-link-background-color: #ffffff; --desktop-nav-link-background-color-hover: #ffffff; --nav-tab-border-inner-color-focus: transparent; --nav-text-color: #286e71; --desktop-nav-link-color-hover: #286e71; --desktop-nav-color-active: #663763; --desktop-nav-background-color-active: #ffffff; --nav-tab-border-inner-color-selected: transparent; --nav-font-size: 16px; --navigation-font-weight: normal; --desktop-nav-link-padding: 12px; --navigation-text-transform: capitalise; --nav-tab-expand-bg-color: #ffffff; --nav-tab-expand-border-color: transparent; --nav-tab-expand-link-padding: 12px; --desktop-sub-nav-container-border-weight: 0.5px; --desktop-sub-nav-link-color: #286e71; --desktop-sub-nav-link-color-hover: #286e71; --desktop-sub-nav-link-background-color: #ffffff; --desktop-sub-nav-link-background-color-hover: #ffffff; --desktop-sub-nav-color-active: #663763; --nav-sub-bg-color: var(--color-white); --nav-sub-tab-bg-color: var(--nav-sub-bg-color); --nav-sub-tab-bg-color-focus: var(--nav-sub-tab-bg-color); --nav-sub-tab-text-color: var(--link-color); --nav-sub-tab-text-color-focus: var(--nav-sub-tab-text-color); --nav-sub-tab-text-color-selected: var(--nav-sub-tab-text-color); --nav-sub-tab-bg-color-selected: var(--nav-sub-bg-color); --nav-sub-tab-border-color-selected: var(--header-background-color); --nav-sub-border-color: var(--header-background-color); --nav-sub-tab-border-color: transparent; --desktop-sub-nav-background-color-active: #ffffff; --desktop-sub-nav-link-border-color: transparent; --desktop-sub-nav-font-size: 18px; --desktop-sub-nav-font-weight: normal; --desktop-sub-nav-text-transform: capitalise; --page-header-sticky: false; --user-menu-avatar-style: round; --nav-side-text-color: #286e71; --user-menu-font-size: 18px; --user-menu-font-weight: normal; --user-menu-text-transform: none; --user-menu-dropdown-background-colour: #ffffff; --user-menu-dropdown-border-width: 1px; --user-menu-dropdown-border-radius: 4px; --user-menu-dropdown-text-colour: #3D444B; --user-menu-dropdown-text-hover-colour: #ffffff; --user-menu-dropdown-background-hover-colour: #43afb6; --user-menu-dropdown-font-size: 14px; --user-menu-dropdown-font-weight: normal; --user-menu-dropdown-text-transform: none; --nav-quick-bg-color: var(--color-white); --nav-menu-icon-color: var(--nav-text-color); --mobile-menu-icon-background-color: var(--desktop-nav-link-background-color); --show-mobile-menu-background-color: var(--desktop-nav-link-background-color); --header-background-color: #ffffff; --hide-header-drop-shadow: true; --slim-header: false; --footer-background-color: #286e71; --footer-border-color: transparent; --footer-region-background-color: transparent; --footer-region-border-bottom-width: 0; --footer-region-border-color-bottom: transparent; --footer-color: #ffffff; --show-footer-links: true; --hide-footer-links-login: false; --footer-quick-links-color: #ffffff; --footer-quick-links-separator-color: #ffffff; --footer-quick-links-text-transform: none; --footer-quick-links-font-weight: normal; --footer-quick-links-font-size: 16px; --footer-copyright-color: var(--footer-color); --footer-copyright-text-transform: none; --footer-copyright-font-size: 16px; --footer-copyright-font-weight: normal; --footer-text-alignment: copy-left-links-right; --footer-block-background-color: #ffffff; --footer-block-border-color: transparent; --footer-block-border-radius: 0px; --footer-block-header-background-color: transparent; --footer-block-header-text-color: #0a0a0a; --footer-block-text-color: #0a0a0a; --poweredby-background-color: #286e71; --poweredby-text-color: #ffffff; --poweredby-visibility: visible; --footer-hide-logout: visible; --footer-logo-position: left; --dashboard-region-page-top-background-color: transparent; --fix-dashboard-region-page-top-background-image: false; --dashboard-region-content-top-background-color: transparent; --fix-dashboard-region-content-top-background-image: null; --dashboard-region-main-one-background-color: transparent; --fix-dashboard-region-main-one-background-image: false; --dashboard-region-main-two-background-color: transparent; --fix-dashboard-region-main-two-background-image: false; --dashboard-region-main-three-background-color: transparent; --fix-dashboard-region-main-three-background-image: false; --dashboard-region-main-four-background-color: transparent; --fix-dashboard-region-main-four-background-image: false; --dashboard-region-content-bottom-background-color: transparent; --fix-dashboard-region-content-bottom-background-image: null; --dashboard-region-page-bottom-background-color: transparent; --fix-dashboard-region-page-bottom-background-image: null; --section-name-color: #0a0a0a; --course-section-font-size: var(--h2-font-size); --course-section-font-weight: var(--h3-font-weight); --main-section-content-background-color: transparent; --section-border-colour: #4d5d68; --main-section-content-padding: 10px; --course-activity-padding: 3px; --course-activity-margin: 6px; --course-activity-background-color: #ffffff; --course-activity-border-colour: transparent; --course-activity-color: var(--color-text); --activity-instance-font-size: 24px; --activity-instance-font-weight: var(--h3-font-weight); --course-activity-icon-size: 20px; --activity-instance-color: #286e71; --course-activity-icon-color: #663763; --hide-course-activity-icons: false; --hide-activity-completion: false; --auto-course-completion-icon-size: 14px; --manual-completion-icon-size: medium; --completion-icon-colour: #663763; --course-region-page-top-background-color: transparent; --fix-course-region-page-top-background-image: false; --course-page-region-top-background-color: transparent; --fix-course-page-region-top-background-image: false; --course-page-region-bottom-background-color: transparent; --fix-course-page-region-bottom-background-image: false; --course-region-page-bottom-background-color: transparent; --fix-course-region-page-bottom-background-image: false; --front-page-region-page-top-background-color: transparent; --front-page-region-content-top-background-color: transparent; --front-page-region-main-one-background-color: transparent; --front-page-region-main-two-background-color: transparent; --front-page-region-main-three-background-color: transparent; --front-page-region-main-four-background-color: transparent; --front-page-region-content-bottom-background-color: transparent; --front-page-region-page-bottom-background-color: transparent; --fix-frontpage-region-page-top-background-image: false; --fix-frontpage-region-content-top-background-image: false; --fix-frontpage-region-main-one-background-image: false; --fix-frontpage-region-main-two-background-image: false; --fix-frontpage-region-main-three-background-image: false; --fix-frontpage-region-main-four-background-image: false; --fix-frontpage-region-content-bottom-background-image: false; --fix-frontpage-region-page-bottom-background-image: false; --login-page-header-background-color: #ffffff; --hide-login-header-drop-shadow: false; --login-page-background-color: rgba(255,255,255,0); --hide-login-hero-image: hide; --login-panel-position: left; --login-panel-alignment: center; --panel-heading-size: 30px; --panel-heading-font-weight: normal; --panel-heading-text-transform: none; --login-signup-panel-padding: 40px; --login-panel-heading-color: var(--login-panel-color); --login-panel-heading-text-underline-color: transparent; --login-panel-background-color: #ffffff; --login-panel-color: #808080; --login-panel-border-width: 1px; --login-panel-border-color: #808080; --login-panel-border-radius: 10px; --login-panel-button-color: #ffffff; --login-panel-button-color-hover: #ffffff; --login-panel-button-background: #663763; --login-panel-button-background-hover: #b1006e; --login-panel-button-border-color: transparent; --login-panel-button-border-color-hover: transparent; --login-panel-button-border-radius: 4px; --login-panel-button-text-transform: none; --login-panel-button-font-size: 16px; --login-panel-button-font-weight: normal; --login-panel-button-padding: 6px 12px; --signup-panel-heading-color: var(--signup-panel-color); --signup-panel-heading-text-underline-color: transparent; --signup-panel-background-color: #ffffff; --signup-panel-color: #808080; --signup-panel-border-width: 1px; --signup-panel-border-color: transparent; --signup-panel-border-radius: 10px; --signup-panel-button-color: #ffffff; --signup-panel-button-color-hover: #ffffff; --signup-panel-button-background: #663763; --signup-panel-button-background-hover: #b1006e; --signup-panel-button-border-color: transparent; --signup-panel-button-border-color-hover: transparent; --signup-panel-button-border-radius: 4px; --signup-panel-button-text-transform: none; --signup-panel-button-font-size: 16px; --signup-panel-button-font-weight: normal; --signup-panel-button-padding: 6px 12px; --login-page-footer-background-color: transparent; --login-page-footer-color: transparent; --login-page-footer-copyright-color: var(--footer-copyright-color); --login-page-background-size: initial; --login-page-background-repeat: no-repeat; --login-page-background-position: center-center; --login-page-background-attachment: true; --login-page-content-background-color: transparent; --login-page-content-background-size: initial; --color-background: var(--color-white); --page-content-background-colour: transparent; --admin-region-background-color: var(--color-neutral-5); --max-page-width: 1680px; --back-to-top-enabled: true; --back-to-top-icon: angle; --back-to-top-display-text: true; --back-to-top-padding: var(--btn-prim-padding); --back-to-top-radius: var(--btn-prim-radius); --block-background-color: #ffffff; --block-border-color: #ffffff; --block-border-radius: 10px; --block-header-background-color: #ffffff; --block-header-text-color: #286E71; --block-heading-underline-color: #286e71; --block-header-text-size: 28px; --block-header-font-weight: ; --block-heading-text-transform: uppercase; --block-text-color: #287B7C; --block-header-padding: 15px; --block-content-padding: 15px; --anders-pink-block-background-colour: #ffffff; --anders-pink-primary-text-colour: #0a0a0a; --anders-pink-secondary-text-colour: #0a0a0a; --featured-links-transparent: false; --featured-links-text-color: #286E71; --featured-links-text-background-color: #f5f8f8; --radial-progress-circle-background: #003366; --radial-progress-inset-color: white; --radial-progress-overdue-fill: red; --radial-progress-completed-fill: green; --radial-progress-not-started-fill: grey; --radial-progress-in-progress-fill: orange; --radial-progress-state-window-open-fill: red; --radial-progress-expired-fill: red; --radial-label-font-size: 18px; --radial-label-color: #0a0a0a; --radial-progress-percentage-font-size: 18px; --radial-progress-percentage-color: #0a0a0a; --isotope-radial-filter-container-min-height: 180px; --radial-progress-border-width: 10px; --radial-label-margin-top-offset: 10px; --radial-progress-margin: 1em 1em 3em 1em; --radial-progress-circle-size: 120px; --isotope-radial-progress-use-enhanced-styling: false; --isotope-radial-enable-shadow: false; --isotope-radial-progress-enhanced-inset-color: rgb(156, 156, 156); --isotope-radial-progress-enhanced-gradient-primary-color: rgb(247, 134, 0); --isotope-radial-progress-enhanced-gradient-secondary-color: rgb(63, 202, 15); --isotope-filter-text-colour: #ffffff; --isotope-filter-border-color: var(--btn-border-color); --isotope-filter-border-color-selected: var(--btn-accent-color-active); --isotope-filter-all-filters-background-color: #663763; --isotope-filter-all-text-color: #ffffff; --isotope-filter-certifications-background-color: #663763; --isotope-filter-completed-background-color: green; --isotope-filter-course-background-color: #663763; --isotope-filter-expired-background-color: red; --isotope-filter-not-required-background-color: green; --isotope-filter-not-started-background-color: grey; --isotope-filter-overdue-background-color: red; --isotope-filter-programs-background-color: #663763; --isotope-filter-required-background-color: red; --isotope-filter-started-background-color: orange; --isotope-filter-state-window-open-background-color: red; --isotope-item-background-color: #003366; --isotope-item-background-color-hover: #0065bd; --isotope-item-color: #ffffff; --isotope-item-date-color: #ffffff; --isotope-item-required-text-color: red; --isotope-item-info-background-color: rgba(0,0,0,0.25); --isotope-item-name-color: #ffffff; --isotope-item-enable-shadow: false; --footer_logo: false; --frontpage_region_content_bottom_background_image: false; --frontpage_region_content_top_background_image: false; --frontpage_region_main_four_background_image: false; --frontpage_region_main_one_background_image: false; --frontpage_region_main_three_background_image: false; --frontpage_region_main_two_background_image: false; --frontpage_region_page_bottom_background_image: false; --frontpage_region_page_top_background_image: false; --login_page_background_image: 'https://mylearning.citb.co.uk/pluginfile.php/1/theme_kineo/login_page_background_image/14867/CITB-Login800k.jpg'; --login_page_content_background_image: false; --pagebackgroundimage: false; } /*fix breadcrumb links*/ .breadcrumb-container .breadcrumb-nav a { color: rgb(255,255,255)!important; } /*theming for new courses*/ .citbtopic .sectionname{ border-radius: 15px; padding-left: 15px; } .citbtopic .summary{ color: #4d5d68; border-radius: 5px; padding: 5px; } .citbtopic .activity { border: solid; border-width: 0.1px; border-radius: 10px; border-color: #00a5c0; padding: 15px!important; color: #4d5d68!important; margin-bottom: 10px!important; } .citbtopic .activity a{ border: solid; border-width: 1px; border-radius: 10px; border-color: rgba(238,243,244,0.0); padding: 15px!important; } #page-course-view-topics{ background-image: url('/pluginfile.php/30043/block_html/content/CITB-mylearning-bg.jpg'); background-size: cover; background-attachment: fixed; } .content{ background-color: rgba(255,255,255,0)!important; } #page-course-view-topics .sectionname{ background-color: rgba(255,255,255,0.01)!important; margin-top: 10px; margin-bottom: 10px; } #page-course-view-topics .summary .no-overflow { color: #4d5d68; background-color: rgba(255,255,255,0.9)!important; border-radius: 5px; padding: 20px; margin-bottom: 20px; } .completionprogress{ position:ABSOLUTE; right: 0px; top: -10px; background-color: rgba(255,255,255,0.76); color: #4d5d68; border-radius: 10px; height: 38px!important; padding: 8px; box-shadow: 1px 2px rgba(136,136,136,0.46); } #page-course-view-topics .tw-containerCourse-enrolmentBanner{ margin-top: 20px; } #page-course-view-topics .activity{ min-height: 112px; margin-bottom: 20px!important; } #page-course-view-topics .activity { border: solid; border-width: 0.1px; border-radius: 10px; border-color: #00a5c0; padding: 15px!important; color: #4d5d68!important; background-color: white; margin-bottom: 10px!important; } #page-course-view-topics.activity a{ padding: 1px!important; } .topics:after{ margin-top: 30px; background-image: url('https://mylearning.citb.co.uk/pluginfile.php/30043/block_html/content/citbfooterleft.png'); background-size: 100% 100%; display: inline-block; width: 100%; height: 100px; content:""; } .course-review-buttons:after{ content: "Please provide a rating for the course to provide simple feedback which may benefit colleagues. If you enjoyed it and think others will too! Recommend it to others using the arrow button. "; } /*theming for MiCrow courses*/ .microImage { position: relative; text-align: center; text-decoration: none } .microTitle{ padding-left: 20px; padding-right: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);border: solid 1px #e6d8e2; -moz-box-shadow: 1px 1px 1px #999; -webkit-box-shadow: 1px 1px 1px #999; box-shadow: 1px 1px 1px #999; font-weight: bold; font-size: 15pt; text-decoration: none; border-radius: 10px; background-color: rgba(243,243,243,0.81) } .microTitle:hover, .microTitle:visited, .microTitle:link, .microTitle:active { text-decoration: none!important; } .microTitle:hover { border: solid 1px #CCC; -moz-box-shadow: 2px 3px 6px #999; -webkit-box-shadow: 2px 3px 6px #999; box-shadow: 2px 3px 6px #999; } .microDesc { text-decoration: none; background-color: rgba(228,218,210,0.1); } /*Fix text colour in selected section of pathway course*/ .tui-format_pathway-progressTrackerItem--selected{ color: #F2F2F2!important; } /*Styles for performance hub dashboard*/ @media screen and (min-width: 1000px) { #page-totara-dashboard-38 .block_totara_report_table { width: 33%; } } #page-totara-dashboard-38 .block_totara_report_table h2 { min-height: 60px; text-transform: Capitalize; } /*Main theme code*/ /*Improve text on the activity picker*/ .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd { font-weight: bold; text-shadow: none; color: white; } /*Login screen*/ #page-login-index { background-color: light-grey; background-size: cover; /*Force always 1 column*/; } #page-login-index .totaraNav, #page-login-index #page-footer { display: none; } @media only screen and (min-width: 768px) { #page-login-index .loginbox.twocolumns { display: block !important; max-width: 520px !important; } } #page-login-index .loginpanel, #page-login-index .signuppanel { width: 100% !important; } #page-login-index .loginpanel { background-color: #fff; border-radius: 10px 10px 0px 0px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 50px rgba(0, 0, 2, 0.5); padding: 0px; border: 1px solid #ddd; border-bottom: 0px; } #page-login-index .loginpanel hr { display: none; } #page-login-index .loginpanel h2, #page-login-index .loginpanel .subcontent { padding: 20px; } #page-login-index .loginpanel h2:before { display: block; content: ""; width: 120px; height: 70px; margin: 0 auto; background-image: url("https://mylearning.citb.co.uk/pluginfile.php/1/totara_core/logo/14867/citb%20%283%29.png"); background-repeat: no-repeat; background-size: contain; position: relative; left: -72px; } #page-login-index .loginpanel h2 { background-color: #fff; margin-top: 0px; margin-bottom: 0px; border-radius: 10px 10px 0px 0px; font-size: 0px; height: 80px; overflow: hidden; padding-top: 10px; } #page-login-index .loginpanel h2:after { content: "MyLearning"; color: grey; font-size: 24px; display: block; margin: 0 auto; text-align: center; position: relative; right: -50px; top: -80px; } #page-login-index .loginpanel .loginsub { border-top: 1px solid #ddd; } #page-login-index .loginpanel .loginsub #loginbtn { width: 100%; padding: 10px; } #page-login-index .loginpanel .loginsub .forgetpass { margin-top: 10px; } #page-login-index .loginpanel .loginsub label, #page-login-index .loginpanel .loginsub .desc { color: grey; } #page-login-index .loginpanel .loginsub .forgetpass a { color: #0065bd; } #page-login-index .loginpanel .loginsub span.error { color: red; } #page-login-index #login-skipped { height: 0px; } #page-login-index .signuppanel { background-color: #fff; border-radius: 0px 0px 10px 10px; background: #ffffff; box-shadow: 0 0 50px rgba(0, 0, 2, 0.5); padding: 10px; border: 1px solid #ddd; border-top: 0px; overflow-y: hidden; } #page-login-index .signuppanel h2 { display: none; } #page-login-index .signuppanel h5 { margin-top: 20px; } #page-login-index .signuppanel p { color: #000; } #page-login-index .signuppanel a { color: #0065bd; } #page-login-forgot_password #region-main { background-color: #fff; border-radius: 10px; background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 50px rgba(0, 0, 2, 0.5); padding: 10px; border: 1px solid #ddd; border-bottom: 0px; } #page-login-forgot_password #region-main .generalbox { font-size: 1.2em; } .totaraNav { margin-bottom: 0px !important; /*Improve colour of hamburger menu*/ /*Improve colour of close side menu*/ /*Fix main menu on narrow viewports*/; } .totaraNav .totaraNav_prim--toggleNav_target:focus, .totaraNav .totaraNav_prim--toggleNav_target:hover { background-color: transparent; } .totaraNav .totaraNav_prim--toggleNav_target:focus .totaraNav--icon_burger, .totaraNav .totaraNav_prim--toggleNav_target:hover .totaraNav--icon_burger { color: #b1006e; } .totaraNav .totaraNav_prim--list_close:focus, .totaraNav .totaraNav_prim--list_item_link:focus, .totaraNav .totaraNav_prim--list_close:hover, .totaraNav .totaraNav_prim--list_item_link:hover { background: transparent; } .totaraNav .totaraNav_prim--list_close:focus .totaraNav--icon_close_menu, .totaraNav .totaraNav_prim--list_item_link:focus .totaraNav--icon_close_menu, .totaraNav .totaraNav_prim--list_close:hover .totaraNav--icon_close_menu, .totaraNav .totaraNav_prim--list_item_link:hover .totaraNav--icon_close_menu { color: #b1006e; } @media only screen and (min-width: 990px) and (max-width: 1400px) { .totaraNav .totaraNav_prim { padding-bottom: 10px; } .totaraNav .totaraNav_prim--list_item_link { height: 100%; position: relative; } .totaraNav .totaraNav--expand_indent { position: absolute; display: block; bottom: -12px; left: 40%; } .totaraNav .totaraNav_prim--list_item_label { display: inline; text-align: center; font-size: 14px; } } .breadcrumb-container { height: 42px; background-color: #286e71; max-width: 100%; margin-bottom: 4px; } .breadcrumb-container #page-header { display: block; max-width: 1600px; margin: 0 auto; padding: 0px 15px; } .breadcrumb-container .breadcrumb-nav { margin-top: 4px; } .breadcrumb-container .breadcrumb-button a { color: #fff; } .breadcrumb-container .breadcrumb-button a[title="Exit activity"] { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background-color: #663763; border-color: #663763; margin: 0 0 3px 5px; position: relative; top: 42px; z-index: 999; } .totaraNav_prim--list .totaraNav_prim--list_item .totaraNav_prim--list_item_link { color: #286e71; } .breadcrumb-container .breadcrumb-nav, .breadcrumb-container .breadcrumb-nav a, .breadcrumb-container .breadcrumb-nav .breadcrumb > li + li:before { color: #fff; } /*Homepage*/ #page-totara-dashboard-4:not(.editing) { background-image: url('/pluginfile.php/30043/block_html/content/CITB-mylearning-bg.jpg'); background-size: cover; background-attachment: fixed; } #page-totara-dashboard-4:not(.editing) #block-region-top { position: relative; top: -10px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_banner { height: 420px !important; width: 100%; position: absolute; top: 0; right: 0; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText, #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content { background-color: transparent; padding: 0px; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow { background-color: transparent; height: 420px; position: relative; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground { height: 420px; position: absolute; top: 0; left: 0; background-color: #fff; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content { height: 100%; padding-left: 20px; padding-top: 10px; margin: 10px 40px; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container { width: 100%; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container > p { font-weight: 600; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container ul { margin-top: 10px; position: relative; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container #microw-link a.external-link:before { background-image: url('https://mylearning.citb.co.uk/pluginfile.php/32428/block_html/content/microw.png'); } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container #virtual-ashridge-link a.external-link:before { background-image: url('https://mylearning.citb.co.uk/pluginfile.php/32428/block_html/content/ashridge.svg'); } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container #ou-microsite-link a.external-link:before { background-image: url('https://mylearning.citb.co.uk/pluginfile.php/32428/block_html/content/OU%20%281%29.png'); width: 50%; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container #supply-chain-link a.external-link:before { background-image: url('https://mylearning.citb.co.uk/pluginfile.php/32428/block_html/content/scss-logo-RGB.png'); } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item { text-align: center; vertical-align: top; border-radius: 5px; padding: 0px; height: 45px; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item a { display: block; width: 100%; height: 100%; color: #286e71; border: 1px #286e71 solid; font-size: 1.1em; text-align: bottom; background-color: #e1eded; border-radius: 5px; line-height: 1.2em; position: relative; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item a:span { position: relative; bottom: 50px; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item a.external-link:before { content: ""; background-color: transparent; background-size: contain; background-repeat: no-repeat; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item a:hover { text-decoration: none; background-color: #f0f6f6; } @media (min-width: 1010px) { #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item { display: inline-block; width: 22%; margin: 0% 1%; height: 170px; line-height: 2em; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item span { position: absolute; bottom: 0; display: block; width: 100%; } } @media (max-width: 1009px) { #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item { display: block; width: 100%; margin-bottom: 10px; } #page-totara-dashboard-4:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content .external-site-container li.external-item a { padding: 2px 0px; } } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed { position: relative; top: 220px; background-color: transparent; margin-left: 40px; border: 0px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed .header { background-color: transparent; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed .header h2 { text-transform: capitalize; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed .header h2:after { content: ":"; } @media (min-width: 1000px) { #page-totara-dashboard-4:not(.editing) #block-region-top .foreground { width: 80%; clip-path: circle(65% at 41% 50%); } #page-totara-dashboard-4:not(.editing) #block-region-top .foreground .foreground-content { width: 80%; max-width: initial; } #page-totara-dashboard-4:not(.editing) #block-region-top .foreground .foreground-content p { font-size: 18px; line-height: 32px; margin-top: 0px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed { width: 90%; max-width: 500px; } } @media (min-width: 1010px) { #page-totara-dashboard-4:not(.editing) #block-region-top a.external-link:before { content: ""; display: block; width: 80%; height: 100px; margin: 0 auto; margin-top: 10px; } } @media (max-width: 1009px) { #page-totara-dashboard-4:not(.editing) #block-region-top h3 { font-size: 1.3em; } #page-totara-dashboard-4:not(.editing) #block-region-top p { font-size: 0.9em; } #page-totara-dashboard-4:not(.editing) #block-region-top a.external-link { height: 50px !important; margin-top: 10px !important; } #page-totara-dashboard-4:not(.editing) #block-region-top a.external-link:before { display: block; width: 20%; height: 45px; margin-top: 3px; position: absoulte; margin-left: 20px; } #page-totara-dashboard-4:not(.editing) #block-region-top a.external-link span { display: block; width: 80%; position: absolute; right: 0; top: 15px; } } @media (min-width: 800px) and (max-width: 999px) { #page-totara-dashboard-4:not(.editing) #block-region-top .foreground { width: 75%; clip-path: circle(65% at 35% 50%); } #page-totara-dashboard-4:not(.editing) #block-region-top .foreground .foreground-content { width: 72%; max-width: 600px; position: relative; top: -20px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed { width: 90%; max-width: initial; position: relative; top: 0; background-color: #fff; } } @media (max-width: 799px) { #page-totara-dashboard-4:not(.editing) #block-region-top .foreground { width: 100%; } #page-totara-dashboard-4:not(.editing) #block-region-top .foreground .foreground-content { width: 100%; display: block; margin: 0 auto !important; padding: 0px 20px; } #page-totara-dashboard-4:not(.editing) #block-region-top .foreground .foreground-content p { line-height: 28px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_last_course_accessed { width: 100%; max-width: initial; margin: 0 auto; } } #page-totara-dashboard-4:not(.editing) #block-region-top .block_course_search { background-color: transparent; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_course_search .input-group { width: 90% !important; display: block; margin: 0 auto; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_course_search .input-group #coursesearchbox1 { width: 100% !important; max-width: initial; margin-right: -42px; padding-right: 42px; border-radius: 3px; border-right: 0px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_course_search .input-group .input-group-btn { position: relative; right: -1px; z-index: 4; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_course_search .input-group .input-group-btn button { height: 34px; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope { background-color: transparent; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope .isotope-description, #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope nav, #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope section { display: none; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope nav.completion.filters { display: block; width: 90%; max-width: 800px; margin: 0 auto; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope nav.completion.filters .radial-progress.all, #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope nav.completion.filters > span { display: none; } #page-totara-dashboard-4:not(.editing) #block-region-top .block_isotope .block-content:before { content: "Your required learning completion is..."; font-size: 28px; display: block; width: 90%; max-width: 800px; margin: 0 auto; margin-bottom: 10px; } #page-totara-dashboard-4:not(.editing) #block-region-top .requiredButton { background-color: transparent; } #page-totara-dashboard-4:not(.editing) #block-region-top .requiredButton .block-content { padding: 0px; } #page-totara-dashboard-4:not(.editing) #block-region-top .requiredButton .block-content button { display: block; width: 90%; max-width: 280px; margin: 0 auto; font-size: 1.2em; line-height: 30px; text-align: left; } #page-totara-dashboard-4:not(.editing) #block-region-top .requiredButton .block-content button:after { font-family: 'FontAwesome'; content: "\f0a9"; padding-left: 15px; font-size: 1.3em; line-height: 30px; position: relative; top: 3px; } #page-totara-dashboard-4:not(.editing) #block-region-top .requiredButton .block-content button:hover:after { padding-left: 20px; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout { max-width: 1200px; margin: 0 auto; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile { height: 300px; width: 380px; border-radius: 5px; flex-basis: initial; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile .block-totara-featured-links-icon { background-color: green; height: 130px; width: 130px; position: absolute; top: 20px; display: block; margin: 0 auto; border-radius: 100%; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile .block-totara-featured-links-icon .flex-icon.ft-fw { color: #fff; border-radius: 100%; background-color: transparent; transform: scale(0.6); position: relative; left: -9px; top: -10px; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content { padding: 20px; height: 140px; background-color: transparent; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content h3 { color: #003366; height: 38px; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content p { color: #0a0a0a; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(1) .block-totara-featured-links-icon { background-color: #663763; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(2) .block-totara-featured-links-icon { background-color: #b1006e; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(3) .block-totara-featured-links-icon { background-color: #286e71; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(4) .block-totara-featured-links-icon { background-color: #003366; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(5) .block-totara-featured-links-icon { background-color: #0065bd; } #page-totara-dashboard-4:not(.editing) .block-totara-featured-links-tile:nth-child(6) .block-totara-featured-links-icon { background-color: #f6a800; } /*Isotope styling*/ .block_isotope figure.isotope.item a { backdrop-filter: blur(3.5px); background-color: rgba(150, 150, 150, 0.8); min-height: initial; } .block_isotope figure.isotope.item:hover a { padding-bottom: 20px; transition: all 0.1s ease-in-out; transition-property: all; transition-duration: 0.1s; transition-timing-function: ease-in-out; transition-delay: 0s; } /*Styles for the onboarding portal pages*/ .course-1867 #page.container-fluid #region-top.row, .course-1868 #page.container-fluid #region-top.row, .course-1869 #page.container-fluid #region-top.row, .course-1870 #page.container-fluid #region-top.row, .course-1871 #page.container-fluid #region-top.row, .course-1872 #page.container-fluid #region-top.row { width: 90%; display: block; margin: 0 auto; } /*Program Pages*/ #view-program-content .courseimage img { max-width: 400px; height: auto; } /*Onboarding Portal Homepage*/ #page-totara-dashboard-36:not(.editing) { background-image: url('/pluginfile.php/30043/block_html/content/CITB-mylearning-bg.jpg'); background-size: cover; background-attachment: fixed; } #page-totara-dashboard-36:not(.editing) #block-region-top { position: relative; top: -10px; } #page-totara-dashboard-36:not(.editing) #block-region-top .block_banner:first-of-type { height: 400px !important; width: 100%; position: absolute; top: 0; right: 0; } #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText, #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText .content { background-color: transparent; padding: 0px; } #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText .content .no-overflow { background-color: transparent; height: 400px; position: relative; } #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground { height: 400px; position: absolute; top: 0; left: 0; background-color: #fff; } #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText .content .no-overflow .foreground .foreground-content { height: 100%; padding: 20px; margin: 40px; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome { position: absolute; top: 20px; background-color: transparent; margin-left: 40px; border: 0px; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome .header { background-color: transparent; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome .header h2 { text-transform: capitalize; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome .header h2:after { content: ":"; } @media (min-width: 1000px) { #page-totara-dashboard-36:not(.editing) #block-region-top .foreground { width: 65%; clip-path: circle(65% at 41% 50%); } #page-totara-dashboard-36:not(.editing) #block-region-top .foreground .foreground-content { width: 90%; max-width: 600px; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome { width: 90%; max-width: 500px; } } @media (min-width: 800px) and (max-width: 999px) { #page-totara-dashboard-36:not(.editing) #block-region-top .foreground { width: 65%; clip-path: circle(65% at 35% 50%); } #page-totara-dashboard-36:not(.editing) #block-region-top .foreground .foreground-content { width: 55%; max-width: 600px; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome { width: 50%; max-width: 500px; } } @media (max-width: 799px) { #page-totara-dashboard-36:not(.editing) #block-region-top .homepageText, #page-totara-dashboard-36:not(.editing) #block-region-top .block_banner:first-of-type { display: none; } #page-totara-dashboard-36:not(.editing) #block-region-top .onboardingHomeWelcome { width: 100%; max-width: initial; padding: 20px; margin-left: 0px; position: initial; background-color: #fff; } } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout { max-width: 1200px; margin: 0 auto; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile { height: 210px; width: 280px; border-radius: 5px; flex-basis: initial; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile .block-totara-featured-links-icon { background-color: green; height: 130px; width: 130px; position: absolute; top: 20px; display: block; margin: 0 auto; border-radius: 100%; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-tile .block-totara-featured-links-icon .flex-icon.ft-fw { color: #fff; border-radius: 100%; background-color: transparent; transform: scale(0.8); position: relative; left: 12px; top: 12px; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content { padding: 20px; height: 50px; background-color: transparent; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content h3 { color: #003366; height: 38px; text-align: center; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-layout .block-totara-featured-links-content p { color: #0a0a0a; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(1) .block-totara-featured-links-icon { background-color: #663763; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(2) .block-totara-featured-links-icon { background-color: #b1006e; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(3) .block-totara-featured-links-icon { background-color: #286e71; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(4) .block-totara-featured-links-icon { background-color: #003366; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(5) .block-totara-featured-links-icon { background-color: #0065bd; } #page-totara-dashboard-36:not(.editing) .block-totara-featured-links-tile:nth-child(6) .block-totara-featured-links-icon { background-color: #f6a800; } /*Styles for declare interest button*/ a[title="Declare interest"] { padding: 1px 5px; font-size: 16px; line-height: 1.5; border-radius: 3px; background-color: #663763; transition: all 0.3s ease-in-out; color: #fff; display: inline-block; padding: 5px 10px; } a[title="Declare interest"]:hover { background-color: #b1006e; text-decoration: none; } /*Shown the dropdown arrow*/ .form-autocomplete-downarrow{ color: #663763; } /*Hide the map in event Rooms*/ .mod_facetoface__eventinfo__content dt:first-child{ display: none; } .mod_facetoface__eventinfo__content .mapaddresslookup { display: none; } /*make it snow*/ .snowflake { color: #fff; font-size: 3em; font-family: Arial; text-shadow: 0 0 2px #030303; } @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translateX(0px)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}100%{-webkit-transform:translateX(0px);transform:translateX(0px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%{transform:translateX(0px)}50%{transform:translateX(80px)}100%{transform:translateX(0px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s} /*Kineo mod - Temp fix to forgot password page content background colour and text colours*/ .core__forgotpassword, #page-login-signup #region-main { margin-top: 10px; background-color: var(--login-panel-background-color); border-radius: var(--login-panel-border-radius); border-color: var(--login-panel-border-color); border-width: var(--login-panel-border-width); border-style: solid; } .core__forgotpassword > h2, #page-login-signup #region-main > h2 { font-size: var(--panel-heading-size); font-weight: var(--panel-heading-font-weight); } .core__forgotpassword > h2 + hr, #page-login-signup #region-main > h2 + hr { border-color: var(--login-panel-heading-text-underline-color); } .core__forgotpassword > h2, #page-login-signup #region-main > h2, .core__forgotpassword h1, #page-login-signup #region-main h1, .core__forgotpassword h2, #page-login-signup #region-main h2, .core__forgotpassword h3, #page-login-signup #region-main h3, .core__forgotpassword h4, #page-login-signup #region-main h4, .core__forgotpassword h5, #page-login-signup #region-main h5, .core__forgotpassword h6, #page-login-signup #region-main h6, .core__forgotpassword p, #page-login-signup #region-main p, .core__forgotpassword label, #page-login-signup #region-main label, .core__forgotpassword .desc, #page-login-signup #region-main .desc { color: var(--login-panel-color); } /*Kineo end*/