: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-parent-focus-state:var(--color-state-hover);--btn-parent-focus-prim-bg-color:var(--color-state);--btn-parent-focus-prim-text-color:var(--color-neutral-1);--btn-parent-focus-prim-border-color:var(--color-state);--link-parent-color:var(--link-color);--btn-parent-text-color-active:var(--btn-text-color-active);--btn-parent-bg-color-active:var(--btn-bg-color-active);--btn-parent-prim-text-color-active:var(--btn-prim-text-color-active);--btn-parent-prim-bg-color-active:var(--btn-prim-bg-color-active);--btn-parent-prim-border-color-active:var(--btn-prim-border-color-active);--btn-prim-text-color:var(--primary-button-text-color);--btn-prim-bg-color:var(--primary-button-background-color);--btn-prim-border-color:var(--primary-button-border-color);--btn-prim-bg-color-hover:var(--primary-button-hover-background-color);--btn-prim-border-color-hover:var(--primary-button-hover-border-color);--btn-prim-text-color-hover:var(--primary-button-hover-text-color);--color-primary:var(--brand-color-primary);--color-secondary:var(--brand-color-secondary);--color-tertiary:var(--brand-color-tertiary);--color-neutral-1:var(--brand-color-white);--color-neutral-7:var(--brand-color-black);--thinkui-ragredtext:var(--rag-red-text-color);--thinkui-ragred:var(--rag-red-background-color);--thinkui-ragambertext:var(--rag-amber-text-color);--thinkui-ragamber:var(--rag-amber-background-color);--thinkui-raggreentext:var(--rag-green-text-color);--thinkui-raggreen:var(--rag-green-background-color);--font-family:var(--body-font-family);--font-body-size:var(--body-font-size);--color-text:var(--body-font-color);--font-size-heading-level-1:var(--heading-level-one-font-size);--font-heading-large-size:var(--heading-level-one-font-size);--font-size-heading-level-2:var(--heading-level-two-font-size);--font-heading-size:var(--heading-level-two-font-size);--font-size-heading-level-3:var(--heading-level-three-font-size);--font-heading-small-size:var(--heading-level-three-font-size);--font-size-heading-level-4:var(--heading-level-four-font-size);--font-heading-x-small-size:var(--heading-level-four-font-size);--font-size-heading-level-5:var(--heading-level-five-font-size);--font-size-heading-level-6:var(--heading-level-six-font-size);--link-color-hover:var(--link-hover-color);--tabs-text-color-active:var(--link-active-color);--tabs-bg-color-selected:var(--brand-color-page-background);--tabs-text-color-focus:var(--link-active-focus);--tabs-bg-color-focus:none;--btn-shadow:var(--button-box-shadow);--btn-border-width:var(--button-border-width);--btn-radius:var(--button-border-radius);--btn-bg-color:var(--button-background-color);--btn-text-color:var(--button-text-color);--btn-border-color:var(--button-border-color);--color-state-focus:var(--button-focus-state-outline-color);--btn-shadow-hover:var(--button-hover-box-shadow);--btn-text-color-hover:var(--button-hover-text-color);--btn-bg-color-hover:var(--button-hover-background-color);--btn-border-color-hover:var(--button-hover-border-color);--nav-bg-color:var(--header-background-color);--nav-tab-text-color:var(--menu-item-text-color);--nav-tab-bg-color:var(--main-menu-background-color);--nav-tab-text-color-focus:var(--menu-item-hover-text-color);--nav-tab-text-color-selected:var(--menu-item-selected-text-color);--nav-text-decoration:var(--menu-item-text-decoration);--nav-text-hover-decoration:var(--menu-item-hover-text-decoration);--nav-sub-bg-color:var(--menu-sub-menu-background-color);--nav-tab-expand-bg-color:var(--menu-sub-menu-background-color);--nav-sub-tab-bg-color:var(--menu-sub-menu-background-color);--nav-sub-border-color:var(--menu-sub-menu-border-color);--nav-tab-expand-border-color:var(--menu-sub-menu-border-color);--footer-bg-color:var(--footer-background-color)}body{--color-state-hover:color-mix(in srgb, var(--brand-color-primary) 80%, white 20%);--color-state-active:color-mix(in srgb, var(--brand-color-primary) 80%, black 20%);--color-state:var(--brand-color-primary);--btn-text-color-active:var(--button-active-state-text-color, var(--btn-parent-text-color-active));--btn-bg-color-active:var(--button-active-state-background-color, var(--btn-parent-bg-color-active));--btn-prim-text-color-active:var(--button-active-state-text-color, var(--btn-parent-prim-text-color-active));--btn-prim-bg-color-active:var(--button-active-state-background-color, var(--btn-parent-prim-bg-color-active));--btn-prim-border-color-active:var(--button-active-state-background-color, var(--btn-parent-prim-border-color-active))}.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0, 0, 0, 0.05), 0 5px 20px rgba(0, 0, 0, 0.1);-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);background-position:0 0, 4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff, 0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}.clr-picker .clr-close{margin:0 18px 20px auto}.theme_settings .tui-contextInvalid .clr-field .colorisInput{border-color:var(--form-input-border-color-invalid);box-shadow:var(--form-input-shadow-invalid)}.theme_settings .clr-field{display:block}.theme_settings .clr-field button[type="button"]{width:50%;height:calc(100% - 2px);margin-right:1px;border-top-right-radius:0.33rem;border-bottom-right-radius:0.33rem}.theme_settings .clr-field button[type="button"]:has(+ .colorisInput[disabled]){opacity:0.7}.theme_settings .clr-field .colorisInput{display:block;flex-grow:1;box-sizing:border-box;width:100%;min-width:0;height:var(--form-input-height);padding:calc((var(--form-input-height) - (var(--form-input-font-size) * var(--form-input-line-height)) - (var(--form-input-border-size) * 2)) / 2) var(--gap-3);color:var(--form-input-text-color);font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);background:var(--form-input-bg-color);border:var(--form-input-border-size) solid var(--form-input-border-color);border-radius:var(--form-input-border-radius)}.theme_settings .clr-field .colorisInput::placeholder{color:var(--form-input-text-placeholder-color)}.theme_settings .clr-field .colorisInput[disabled]{color:var(--form-input-text-color-disabled);background:var(--form-input-bg-color-disabled);border-color:var(--form-input-border-color-disabled)}.clr-picker{display:none;flex-wrap:wrap;position:absolute;width:200px;z-index:1000;border-radius:10px;background-color:#fff;justify-content:flex-end;direction:ltr;box-shadow:0 0 5px rgba(0, 0, 0, 0.05), 0 5px 20px rgba(0, 0, 0, 0.1);-webkit-user-select:none;user-select:none}.clr-picker.clr-open,.clr-picker[data-inline=true]{display:flex}.clr-picker[data-inline=true]{position:relative}.clr-gradient{position:relative;width:100%;height:100px;margin-bottom:15px;border-radius:3px 3px 0 0;background-image:linear-gradient(rgba(0, 0, 0, 0), #000), linear-gradient(90deg, #fff, currentColor);cursor:pointer}.clr-marker{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;border:1px solid #fff;border-radius:50%;background-color:currentColor;cursor:pointer}.clr-picker input[type=range]::-webkit-slider-runnable-track{width:100%;height:16px}.clr-picker input[type=range]::-webkit-slider-thumb{width:16px;height:16px;-webkit-appearance:none}.clr-picker input[type=range]::-moz-range-track{width:100%;height:16px;border:0}.clr-picker input[type=range]::-moz-range-thumb{width:16px;height:16px;border:0}.clr-hue{background-image:linear-gradient(to right, red 0, #ff0 16.66%, #0f0 33.33%, #0ff 50%, #00f 66.66%, #f0f 83.33%, red 100%)}.clr-alpha,.clr-hue{position:relative;width:calc(100% - 40px);height:8px;margin:5px 20px;border-radius:4px}.clr-alpha span{display:block;height:100%;width:100%;border-radius:inherit;background-image:linear-gradient(90deg, rgba(0, 0, 0, 0), currentColor)}.clr-alpha input[type=range],.clr-hue input[type=range]{position:absolute;width:calc(100% + 32px);height:16px;left:-16px;top:-4px;margin:0;background-color:transparent;opacity:0;cursor:pointer;appearance:none;-webkit-appearance:none}.clr-alpha div,.clr-hue div{position:absolute;width:16px;height:16px;left:0;top:50%;margin-left:-8px;transform:translateY(-50%);border:2px solid #fff;border-radius:50%;background-color:currentColor;box-shadow:0 0 1px #888;pointer-events:none}.clr-alpha div:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border-radius:50%;background-color:currentColor}.clr-format{display:none;order:1;width:calc(100% - 40px);margin:0 20px 20px}.clr-segmented{display:flex;position:relative;width:100%;margin:0;padding:0;border:1px solid #ddd;border-radius:15px;box-sizing:border-box;color:#999;font-size:12px}.clr-segmented input,.clr-segmented legend{position:absolute;width:100%;height:100%;margin:0;padding:0;border:0;left:0;top:0;opacity:0;pointer-events:none}.clr-segmented label{flex-grow:1;margin:0;padding:4px 0;font-size:inherit;font-weight:400;line-height:initial;text-align:center;cursor:pointer}.clr-segmented label:first-of-type{border-radius:10px 0 0 10px}.clr-segmented label:last-of-type{border-radius:0 10px 10px 0}.clr-segmented input:checked+label{color:#fff;background-color:#666}.clr-swatches{order:2;width:calc(100% - 32px);margin:0 16px}.clr-swatches div{display:flex;flex-wrap:wrap;padding-bottom:12px;justify-content:center}.clr-swatches button{position:relative;width:20px;height:20px;margin:0 4px 6px 4px;padding:0;border:0;border-radius:50%;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;cursor:pointer}.clr-swatches button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}input.clr-color{order:1;width:calc(100% - 80px);height:32px;margin:15px 20px 20px auto;padding:0 10px;border:1px solid #ddd;border-radius:16px;color:#444;background-color:#fff;font-family:sans-serif;font-size:14px;text-align:center;box-shadow:none}input.clr-color:focus{outline:0;border:1px solid #1e90ff}.clr-clear,.clr-close{display:none;order:2;height:24px;margin:0 20px 20px;padding:0 20px;border:0;border-radius:12px;color:#fff;background-color:#666;font-family:inherit;font-size:12px;font-weight:400;cursor:pointer}.clr-close{display:block;margin:0 20px 20px auto}.clr-preview{position:relative;width:32px;height:32px;margin:15px 0 20px 20px;border-radius:50%;overflow:hidden}.clr-preview:after,.clr-preview:before{content:'';position:absolute;height:100%;width:100%;left:0;top:0;border:1px solid #fff;border-radius:50%}.clr-preview:after{border:0;background-color:currentColor;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.1)}.clr-preview button{position:absolute;width:100%;height:100%;z-index:1;margin:0;padding:0;border:0;border-radius:50%;outline-offset:-2px;background-color:transparent;text-indent:-9999px;cursor:pointer;overflow:hidden}.clr-alpha div,.clr-color,.clr-hue div,.clr-marker{box-sizing:border-box}.clr-field{display:inline-block;position:relative;color:transparent}.clr-field input{margin:0;direction:ltr}.clr-field.clr-rtl input{text-align:right}.clr-field button{position:absolute;width:30px;height:100%;right:0;top:50%;transform:translateY(-50%);margin:0;padding:0;border:0;color:inherit;text-indent:-1000px;white-space:nowrap;overflow:hidden;pointer-events:none}.clr-field.clr-rtl button{right:auto;left:0}.clr-field button:after{content:'';display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:inherit;background-color:currentColor;box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.5)}.clr-alpha,.clr-alpha div,.clr-field button,.clr-preview:before,.clr-swatches button{background-image:repeating-linear-gradient(45deg, #aaa 25%, transparent 25%, transparent 75%, #aaa 75%, #aaa), repeating-linear-gradient(45deg, #aaa 25%, #fff 25%, #fff 75%, #aaa 75%, #aaa);background-position:0 0, 4px 4px;background-size:8px 8px}.clr-marker:focus{outline:0}.clr-keyboard-nav .clr-alpha input:focus+div,.clr-keyboard-nav .clr-hue input:focus+div,.clr-keyboard-nav .clr-marker:focus,.clr-keyboard-nav .clr-segmented input:focus+label{outline:0;box-shadow:0 0 0 2px #1e90ff, 0 0 2px 2px #fff}.clr-picker[data-alpha=false] .clr-alpha{display:none}.clr-picker[data-minimal=true]{padding-top:16px}.clr-picker[data-minimal=true] .clr-alpha,.clr-picker[data-minimal=true] .clr-color,.clr-picker[data-minimal=true] .clr-gradient,.clr-picker[data-minimal=true] .clr-hue,.clr-picker[data-minimal=true] .clr-preview{display:none}.clr-dark{background-color:#444}.clr-dark .clr-segmented{border-color:#777}.clr-dark .clr-swatches button:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.3)}.clr-dark input.clr-color{color:#fff;border-color:#777;background-color:#555}.clr-dark input.clr-color:focus{border-color:#1e90ff}.clr-dark .clr-preview:after{box-shadow:inset 0 0 0 1px rgba(255, 255, 255, 0.5)}.clr-dark .clr-alpha,.clr-dark .clr-alpha div,.clr-dark .clr-preview:before,.clr-dark .clr-swatches button{background-image:repeating-linear-gradient(45deg, #666 25%, transparent 25%, transparent 75%, #888 75%, #888), repeating-linear-gradient(45deg, #888 25%, #444 25%, #444 75%, #888 75%, #888)}.clr-picker.clr-polaroid{border-radius:6px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1), 0 5px 30px rgba(0, 0, 0, 0.2)}.clr-picker.clr-polaroid:before{content:'';display:block;position:absolute;width:16px;height:10px;left:20px;top:-10px;border:solid transparent;border-width:0 8px 10px 8px;border-bottom-color:currentColor;box-sizing:border-box;color:#fff;filter:drop-shadow(0 -4px 3px rgba(0, 0, 0, 0.1));pointer-events:none}.clr-picker.clr-polaroid.clr-dark:before{color:#444}.clr-picker.clr-polaroid.clr-left:before{left:auto;right:20px}.clr-picker.clr-polaroid.clr-top:before{top:auto;bottom:-10px;transform:rotateZ(180deg)}.clr-polaroid .clr-gradient{width:calc(100% - 20px);height:120px;margin:10px;border-radius:3px}.clr-polaroid .clr-alpha,.clr-polaroid .clr-hue{width:calc(100% - 30px);height:10px;margin:6px 15px;border-radius:5px}.clr-polaroid .clr-alpha div,.clr-polaroid .clr-hue div{box-shadow:0 0 5px rgba(0, 0, 0, 0.2)}.clr-polaroid .clr-format{width:calc(100% - 20px);margin:0 10px 15px}.clr-polaroid .clr-swatches{width:calc(100% - 12px);margin:0 6px}.clr-polaroid .clr-swatches div{padding-bottom:10px}.clr-polaroid .clr-swatches button{width:22px;height:22px}.clr-polaroid input.clr-color{width:calc(100% - 60px);margin:10px 10px 15px auto}.clr-polaroid .clr-clear{margin:0 10px 15px 10px}.clr-polaroid .clr-close{margin:0 10px 15px auto}.clr-polaroid .clr-preview{margin:10px 0 15px 10px}.clr-picker.clr-large{width:275px}.clr-large .clr-gradient{height:150px}.clr-large .clr-swatches button{width:22px;height:22px}.clr-picker.clr-pill{width:380px;padding-left:180px;box-sizing:border-box}.clr-pill .clr-gradient{position:absolute;width:180px;height:100%;left:0;top:0;margin-bottom:0;border-radius:3px 0 0 3px}.clr-pill .clr-hue{margin-top:20px}.tui-core_auth-loginLayout{display:flex;flex-direction:column;flex-grow:1}.tui-core_auth-loginLayout__panels{flex-grow:1}.tui-core_auth-loginLayout__panel-interface{display:flex;flex:auto;flex-flow:column;min-height:100%}.tui-core_auth-loginLayout__panel-graphic{position:fixed;top:0;right:0;bottom:0;display:none;width:50%;background-position:center;background-size:cover}.tui-core_auth-loginLayout__contentWrap{display:flex;flex:auto;flex-flow:column;align-items:center;justify-content:center;padding:var(--gap-8)}.tui-core_auth-loginLayout__main{width:100%;max-width:40rem}@media (min-width:992px){.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panels{grid-template-columns:1fr 1fr}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-interface{width:50%}.tui-core_auth-loginLayout--hasBackground .tui-core_auth-loginLayout__panel-graphic{display:flex}}.dynamic-heading-styles>*{color:var(--heading-font-color);font-size:var(--heading-font-size);font-family:var(--heading-font-family)}.margin-group{display:flex;gap:1em}.block_think_html{border-style:solid}.dynamic-body-styles>p{color:var(--body-font-color);font-size:var(--body-font-size);font-family:var(--body-font-family)}.dynamic-link-styles>a{color:var(--link-color);font-family:var(--body-font-family);-webkit-text-decoration:var(--link-text-decoration);text-decoration:var(--link-text-decoration)}.dynamic-link-styles>a:hover{color:var(--link-hover-color);-webkit-text-decoration:var(--link-hover-text-decoration);text-decoration:var(--link-hover-text-decoration)}.dynamic-link-styles>a:focus{color:var(--link-focus-color);-webkit-text-decoration:var(--link-focus-text-decoration);text-decoration:var(--link-focus-text-decoration);background-color:var(--link-focus-background-color)}.dynamic-link-styles>a:active{color:var(--link-active-color)}.checkbox_description{margin-left:22px}.tui-theme-blocks{display:flex}.tui-theme-blocks .blocks-form{flex-grow:1}.tui-theme-blocks .preview{position:sticky;top:1rem;align-self:flex-start;width:250px;margin:60px 0 0 20px}.tui-themeSettings__content{margin-top:var(--gap-8)}.tui-themeSettings__forms>*+*{margin-top:var(--gap-8)}.form-and-preview{display:flex}.form-and-preview .form-content{flex-grow:1;padding-top:var(--gap-4)}.form-and-preview .preview{position:sticky;top:1rem;align-self:flex-start;width:250px;min-width:250px;margin-top:20px;margin-left:20px}.form-and-preview .secondary-button{color:#fff;background-color:#4b7e2c}.nhs-css-settings,.mosaic-modern-css-settings,.miscellaneous-css-settings{border:1px solid #000;background-color:#fff;margin-top:0}.nhs-css-settings .tui-formRowStack,.mosaic-modern-css-settings .tui-formRowStack,.miscellaneous-css-settings .tui-formRowStack{border-width:1px;border-radius:5px;background-color:white}.nhs-css-settings .header-wrapper,.mosaic-modern-css-settings .header-wrapper,.miscellaneous-css-settings .header-wrapper{background-color:transparent;padding:10px;flex-wrap:nowrap;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:border-bottom 0.3s ease}.nhs-css-settings .header-wrapper.expanded,.mosaic-modern-css-settings .header-wrapper.expanded,.miscellaneous-css-settings .header-wrapper.expanded{border-bottom-width:1px}.nhs-css-settings .header-wrapper svg,.mosaic-modern-css-settings .header-wrapper svg,.miscellaneous-css-settings .header-wrapper svg{cursor:pointer}.nhs-css-settings .header-wrapper .tui-formRow,.mosaic-modern-css-settings .header-wrapper .tui-formRow,.miscellaneous-css-settings .header-wrapper .tui-formRow{width:100%}.nhs-css-settings .header-wrapper .tui-formRow .tui-formLabel,.mosaic-modern-css-settings .header-wrapper .tui-formRow .tui-formLabel,.miscellaneous-css-settings .header-wrapper .tui-formRow .tui-formLabel{pointer-events:none}.nhs-css-settings .header-wrapper .tui-formRow .tui-formRow__action,.mosaic-modern-css-settings .header-wrapper .tui-formRow .tui-formRow__action,.miscellaneous-css-settings .header-wrapper .tui-formRow .tui-formRow__action{max-width:unset}.nhs-css-settings .nhs-wrapper,.mosaic-modern-css-settings .nhs-wrapper,.miscellaneous-css-settings .nhs-wrapper,.nhs-css-settings .mosaic-modern-wrapper,.mosaic-modern-css-settings .mosaic-modern-wrapper,.miscellaneous-css-settings .mosaic-modern-wrapper,.nhs-css-settings .mosaic-miscellanous-wrapper,.mosaic-modern-css-settings .mosaic-miscellanous-wrapper,.miscellaneous-css-settings .mosaic-miscellanous-wrapper{border:1px solid #000;border-radius:5px;margin:15px;padding:15px}.nhs-css-settings .tui-toggleSwitch__ui::before,.mosaic-modern-css-settings .tui-toggleSwitch__ui::before,.miscellaneous-css-settings .tui-toggleSwitch__ui::before{background-color:#cf2b27;border-color:#cf2b27}.nhs-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before,.mosaic-modern-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before,.miscellaneous-css-settings .tui-toggleSwitch__btn[aria-pressed="true"]~.tui-toggleSwitch__ui::before{background-color:#019e10;border-color:#019e10}.mosaic-modern-css-settings,.miscellaneous-css-settings{border-top:0}.nhs-css-settings{border-radius:5px 5px 0 0}.miscellaneous-css-settings{border-radius:0 0 5px 5px}.toggle-switch{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-left:auto}.icon-holder{margin-right:20px;padding-top:calc((var(--form-input-height) - (var(--form-input-font-size) * var(--form-input-line-height))) / 2)}.checkbox_description{margin-inline-start:1.5rem}.migration-settings{padding:1rem}.migration-settings .page-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.migration-settings .page-heading .tui-notificationBanner{width:100%}.migration-settings .page-heading .action-buttons{display:flex;gap:10px;margin-top:0.5rem}.migration-settings .section-title{margin-top:1.5rem;margin-bottom:0.5rem;font-size:1.6rem;color:#333}.migration-settings .settings-table{width:100%;border-collapse:separate;border-spacing:0;margin-top:0.5rem;font-size:1.3rem;border:2px solid #444;border-radius:6px;overflow:hidden}.migration-settings .settings-table th{background-color:#f5f5f5;padding:0.5rem;text-align:left;border-bottom:1px solid #ccc}.migration-settings .settings-table td{padding:0.5rem;border-bottom:1px solid #eee;white-space:normal;overflow-wrap:break-word}.migration-settings .settings-table tbody tr:last-child td{border-bottom:none}.migration-settings .settings-table th:first-child,.migration-settings .settings-table td:first-child{width:20%}.migration-settings .settings-table th:nth-child(2),.migration-settings .settings-table td:nth-child(2){width:35%}.migration-settings .settings-table th:nth-child(3),.migration-settings .settings-table td:nth-child(3){width:25%}.migration-settings .settings-table th:nth-child(4),.migration-settings .settings-table td:nth-child(4){width:15%;text-align:center}.migration-settings .settings-table th:last-child,.migration-settings .settings-table td:last-child{width:5%;text-align:center}.migration-settings .settings-table tbody tr:nth-child(odd){background-color:#fafafa}.migration-settings .settings-table tbody tr:hover{background-color:#f0f0f0}.migration-settings .settings-table td.updated{font-weight:bold;color:#2a7f62}.migration-settings .settings-table span.needs-migration{color:#CC5500}@media (max-width:768px){.migration-settings .settings-table{display:block;overflow-x:auto}}.migration-settings .unmapped-collapsible{margin-top:10px}.migration-settings .migration-progress{margin-bottom:1rem;display:flex;align-items:center;gap:1rem;width:100%;margin-top:10px}.migration-settings .migration-progress .tui-progress{width:100%}.migration-settings .migration-progress .progress-text{font-size:0.9rem;color:#333}#page-theme-mosaic-migrate .tui-modalContent .tui-formBtn{margin:unset}.tui-themeTenants__content{margin-top:var(--gap-8)}.tui-themeTenants__section+.tui-themeTenants__section{margin-top:var(--gap-12)}.tui-themeTenants__section>*+*{margin-top:var(--gap-4)}.tui-themeTenants .tui-themeAudiences__section .tui-dataTableCell__content{display:flex;align-items:center}.tui-themeTenants .tui-themeAudiences__section .tui-dataTableCell__content .cohort-action-button{margin:0 5px}.add-audiences-button{margin-top:10px}.theme_settings .page-heading{display:flex;align-items:center;justify-content:space-between}.theme_settings .page-heading button{font-size:12px;padding:5px}.theme_settings__content{margin-top:var(--gap-8);}.theme_settings__content .tui-formRow{width:100%}.theme_settings__content .tui-formRow .tui-formLabel{pointer-events:none}.theme_settings__content .tui-formRow .tui-formRow__action{max-width:unset}.theme_settings__content .field-action-wrapper{position:relative}.theme_settings__content .field-action-wrapper>button{position:absolute;top:0;right:0;flex-shrink:0;height:var(--form-input-height)}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper{height:200px}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper .editor{height:100%}.theme_settings__content .field-action-wrapper--textarea .editor-wrapper .editor textarea{flex-grow:1}.theme_settings__content .field-action-wrapper--textarea>button{top:auto;bottom:0}.theme_settings__content .field-action-wrapper--coloris>button{right:50%}.theme_settings__content .checkbox_description{margin-left:0;margin-inline-start:0}.theme_settings__content .preview-container{display:flex;flex-wrap:wrap-reverse;gap:var(--gap-8)}.theme_settings__content .preview-container__form{flex-grow:1;}.theme_settings__content .preview-container__result{position:relative;display:flex;flex-direction:column;flex-grow:1;border:var(--form-input-border-size) solid var(--color-neutral-5);border-radius:var(--form-input-border-radius)}.theme_settings__content .preview-container__result .preview-label{position:absolute;top:0;left:10px;padding-right:5px;padding-left:5px;background-color:var(--color-background);border:var(--form-input-border-size) solid var(--color-neutral-5);transform:translateY(-50%)}.theme_settings__content .preview-container__result__output{padding:var(--gap-6) var(--gap-5)}.theme_settings__content .preview-container__result__markup{margin-top:auto;border-top:var(--form-input-border-size) solid var(--color-neutral-5)}.theme_settings__content .preview-container__result__markup code{display:block;padding:var(--gap-4) var(--gap-5);color:initial}.theme_settings input[type='text']:not(.clr-color){width:100%;max-width:none}:root { --container-max-width: 1680px; --brand-color-primary: #005eb8; --brand-color-secondary: #007f3b; --brand-color-tertiary: #330072; --brand-color-page-background: #f0f4f5; --brand-color-black: #212b32; --brand-color-white: #ffffff; --button-background-color: var(--brand-color-primary); --button-border-color: var(--brand-color-primary); --button-border-radius: 10px; --button-border-width: 2px; --button-box-shadow: none; --primary-button-box-shadow: none; --button-hover-background-color: var(--brand-color-secondary); --button-hover-border-color: var(--brand-color-secondary); --button-hover-box-shadow: none; --primary-button-hover-box-shadow: none; --button-hover-text-color: var(--brand-color-white); --button-padding: 10px 10px; --button-text-color: var(--brand-color-white); --primary-button-background-color: var(--brand-color-secondary); --primary-button-border-color: var(--brand-color-secondary); --primary-button-padding: 10px 10px; --primary-button-border-radius: 10px; --primary-button-border-width: 2px; --primary-button-hover-background-color: var(--brand-color-primary); --primary-button-hover-border-color: var(--brand-color-primary); --primary-button-hover-text-color: var(--brand-color-white); --primary-button-text-color: var(--brand-color-white); --body-font-family: Arial, Helvetica, sans-serif; --custom-font-family: ; --custom-font-weight: ; --heading-font-family: Arial, Helvetica, sans-serif; --heading-level-one-font-size: 32px; --heading-level-one-font-color: var(--brand-color-primary); --heading-level-one-font-weight: 800; --heading-level-one-font-line-height: ; --heading-level-one-font-margin: 0 0 18px 0; --heading-level-two-font-size: 24px; --heading-level-two-font-color: var(--brand-color-black); --heading-level-two-font-weight: 600; --heading-level-two-font-line-height: ; --heading-level-two-font-margin: 0 0 18px 0; --heading-level-three-font-size: 18px; --heading-level-three-font-color: var(--brand-color-black); --heading-level-three-font-weight: 600; --heading-level-three-font-line-height: ; --heading-level-three-font-margin: 0 0 18px 0; --heading-level-four-font-size: 18px; --heading-level-four-font-color: var(--brand-color-black); --heading-level-four-font-weight: 600; --heading-level-four-font-line-height: ; --heading-level-four-font-margin: 0 0 18px 0; --heading-level-five-font-size: 18px; --heading-level-five-font-color: var(--brand-color-black); --heading-level-five-font-weight: 600; --heading-level-five-font-line-height: ; --heading-level-five-font-margin: 0 0 18px 0; --heading-level-six-font-size: 16px; --heading-level-six-font-color: var(--brand-color-black); --heading-level-six-font-weight: 600; --heading-level-six-font-line-height: ; --heading-level-six-font-margin: 0 0 18px 0; --body-font-size: 1.9rem; --body-font-color: var(--brand-color-black); --body-font-line-height: ; --link-color: var(--brand-color-primary); --link-text-decoration: none; --link-hover-color: #696969; --link-hover-text-decoration: underline; --block-header-background-color: var(--brand-color-white); --block-bottom-border-color: var(--brand-color-white); --block-body-background-color: var(--brand-color-white); --block-border-color: var(--color-neutral-5); --block-border-radius: 8px; --block-border-width: 1px; --block-box-shadow-setting: 0 1px 1px rgba(0,0,0,0.05); --header-background-color: #ffffff; --main-menu-background-color: var(--brand-color-primary); --main-menu-font-size: 2rem; --main-menu-font-weight: 400; --menu-item-text-color: #ffffff; --menu-item-text-decoration: underline; --menu-item-hover-text-color: #ffffff; --menu-item-hover-text-decoration: none; --menu-item-selected-text-color: var(--brand-color-primary); --menu-item-selected-background-color: #ffffff; --menu-item-selected-border-radius: 10; --menu-sub-menu-background-color: var(--brand-color-white); --menu-sub-menu-item-text-color: var(--brand-color-black); --menu-sub-menu-item-hover-text-color: var(--brand-color-secondary); --menu-sub-menu-box-shadow: none; --menu-sub-menu-border-color: var(--brand-color-white); --menu-sub-menu-border-width: 0; --menu-sub-menu-border-radius: 0; --menu-sub-menu-font-size: 16px; --menu-sub-menu-font-weight: 400; --menu-sub-menu-header-logo-max-height: 100px; --menu-sub-menu-header-logo-max-width: 100%; --menu-sub-menu-header-logo-secondary-max-height: 100px; --menu-sub-menu-header-logo-secondary-max-width: 100%; --breadcrumb-background-color: var(--brand-color-page-background); --footer-background-color: var(--brand-color-primary); --footer-text-color: var(--brand-color-white); --footer-border-top-color: var(--brand-color-primary); --footer-link-color: var(--brand-color-primary); --footer-link-hover-color: #7c2855; --footer-text-align: left; --email-font-family: 0; --email-font-size: 14px; --email-footer-strip-color: #2c4176; --login-page-background-color: var(--brand-color-page-background); --login-page-background-size: cover; --login-page-background-position-x: inherit; --login-page-background-position-y: inherit; --layout-boxes-login-button-1-color: #2d3748; --layout-boxes-login-button-2-color: #0a1f44; --layout-boxes-login-button-3-color: #3074c6; --custom-banner-font-size: 32px; --custom-banner-background-color: #e10010; --custom-banner-text-color: #fff; --custom-banner-bottom-border-color: #000; --custom-banner-bottom-border-width: 2px;--login-background: url('https://dorsetvle.uhd.nhs.uk/pluginfile.php/1/totara_core/loginbackground/4066/UHD%20Login-xxmuu5m8fed.png'); --layout-boxes-login-button-1-text-color: #ffffff; --layout-boxes-login-button-2-text-color: #ffffff; --layout-boxes-login-button-3-text-color: #ffffff; #page-totara-catalog-index .local-course-rating { text-align: center !important; } .tw-catalogItemNarrow .tw-catalogItemNarrow__progress { width: 100%; } .tw-catalogItemNarrow { padding-top: 0; padding-bottom: 40px; text-align: center; background: var(--brand-color-white); border-radius: 25px!important; box-shadow: rgba(100,100,111,.2) 0 7px 29px 0; border: none !important; } .tw-catalogItemNarrow:hover { box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; scale: 1.02; } .tw-catalogItemNarrow__image { padding-top: 0px; min-height: 130px; display: flex; justify-content: center; align-items: center; } .tw-catalogItemNarrow__image_ratio_img { height: 180px; border-radius: 25px 25px 0 0; } .tw-catalogItemNarrow__title, .tw-catalogItemNarrow__description { text-align: center; } .tw-catalogItemNarrow__rating { position: relative !important; float: none !important; margin: auto; text-align: center; display: flex; justify-content: center; margin-top: 20px; right: unset !important; bottom: unset !important; } /* star colours -> brand variables */ .tw-catalogItemNarrow__rating .ft-state-warning { color: var(--brand-color-primary) !important; } .tw-catalogItemNarrow__rating .fa-star { color: var(--brand-color-secondary); } .tw-catalogManageBtns a { padding: 5px 10px; } .tw-catalogManageBtns a:hover { background: var(--brand-color-primary); color: var(--brand-color-white); } .tw-catalog__primaryFilter { border: none; padding-bottom: 2px; margin-bottom: 2px; padding-top: 2px; margin-top: 2px; padding-left: 0px; } .tw-selectMulti__link { color: var(--brand-color-secondary); } .tw-selectRegionPanel__content h3 { color: var(--brand-color-secondary); font-weight: 700; } .tw-catalogResultsCount__text, .tw-catalogResultsShare { display: none; } /* search button colours -> brand variables */ .tw-selectSearchText__btn { background-color: var(--brand-color-primary); border-left: 0; color: var(--brand-color-white); } .tw-selectSearchText__btn:hover { background-color: var(--brand-color-secondary) !important; color: var(--brand-color-white); border-color: transparent; } /* pagination -> brand variables */ .tw-catalogPagination__btn { background-color: var(--brand-color-secondary); color: var(--brand-color-white); margin: auto; border: 0; border-radius: 100px; } .tw-catalogPagination__btn:hover { background-color: var(--brand-color-primary); color: var(--brand-color-white); } .tw-catalogPagination { margin-top: 40px; } /* aside panel background -> brand white */ .tw-catalog__aside .tw-selectRegionPanel { padding: var(--gap-2); background: var(--brand-color-white); border-radius: 25px !important; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; border: none !important; padding-top: 20px; padding-bottom: 40px; max-width: 250px; margin-top: 7.5px; } .tw-selectTree__current { padding: 1px; } .tw-selectSearchText { padding: 5px 1px 5px 0; } .tw-selectSearchText__field_input { padding-top: 1px; padding-bottom: 1px; font-size: 1.6rem; padding-right: 20px; } /* link states -> brand variables (no fixed hex) */ .tw-selectMulti__link:hover .tw-selectMulti__link_text { color: var(--brand-color-primary); } .tw-selectMulti__link:active .tw-selectMulti__link_text, .tw-selectMulti__link:focus .tw-selectMulti__link_text { color: var(--brand-color-secondary); } .tw-selectTree[data-tw-selecttree-urlkey="catalog_cat_browse"] { justify-content: end; font-size: 16px; } .tw-selectRegionPrimary { flex-direction: row-reverse; justify-content: space-between; } .tw-selectRegionPrimary .tw-selectRegionPrimary__selector:nth-child(2) { margin-left: 0; } .tw-catalog__results_overview .tw-catalog__results_overview_row { justify-content: end; } .tw-catalogItemNarrow { -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 2s; /* Firefox < 16 */ -ms-animation: fadein 2s; /* Internet Explorer */ -o-animation: fadein 2s; /* Opera < 12.1 */ animation: fadein 2s; } /* Catalogue Mobile Portrait */ @media screen and (max-width: 768px) and (orientation: portrait) { .tw-catalog__title { width: 100%; } .tw-catalogManageBtns a { font-size: 9px; padding: 5px; } .tw-selectRegionPrimary__selector::after { display: none; } .tw-catalog__aside .tw-selectRegionPanel { max-width: unset; box-shadow: none; padding-top: 20px; padding-bottom: 40px; margin-top: 7.5px; } .tw-toggleFilterPanel { margin-bottom: 0; } .tw-catalog__results { margin-top: 10px; } } @media screen and (max-width: 600px) and (orientation: portrait) { .tw-selectRegionPrimary { display: flex; flex-direction: column-reverse; } .tw-grid__item { margin-bottom: 10px; } } /* Card height */ .tw-catalogItemNarrow__title { max-height: 80px !important; height: 80px !important; } .tw-catalogItemNarrow .tw-catalogItem__showEllipsis:after { display: none; } .tw-catalogItemNarrow__ellipsis { text-overflow: ellipsis; word-wrap: normal; } /* Catalogue Course Synopsis */ .tw-catalogDetails__content { border: none; box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0; position: relative; } .tw-catalogDetailsLink { border: none; border-radius: 25px; margin-bottom: 1rem; background: var(--brand-color-white); padding: 10px; } .tw-catalogDetails__detail { background: #f5f5f5; padding: 20px; } .tw-catalogDetails__detail_side { display: unset; min-width: 100%; } .tw-catalogDetails__detail_body { width: unset; } .tw-catalogDetails__textarea_group { display: flex; flex-direction: column; align-items: center; } /* Course card style */ .tw-catalogDetails__manageLink { display: unset; text-align: center; margin: 0; order: 1; margin-top: 5px; } .tw-catalogDetails__manageLink { position: absolute; top: 15px; left: 60px; } .tw-catalogDetails__title { order: 2; } .tw-catalogDetailsLink { order: 3; } .tw-catalogDetails__detail { order: 4; } .tw-catalogDetailsLink__option_content a { min-width: 40%; max-width: 90%; margin: auto; } .tw-catalogDetailsLink__option_content { justify-content: center; text-align: center; flex-direction: column; gap: 10px; } .tw-catalogDetailsLink__option_description { margin: auto; } .tw-catalogDetails__iconRow, .tw-catalogDetails__textarea_group_item { margin: 0 !important; } .tw-catalogDetails__iconRow { margin-top: 10px !important; text-align: center; } .tw-catalogDetails__textarea_group { justify-content: center; } .tw-catalogDetails__title { text-align: center; margin-bottom: 5px; } .tw-catalogDetails__contentBlock { text-align: center; max-width: 90%; margin: auto; } /* (Restored) — keep layout block intact */ .tw-grid__item_active .tw-catalogDetails__content { display: flex; flex-direction: column; flex-wrap: wrap; border-radius: 25px; } .tw-catalogDetailsLink { width: 30%; margin: auto; height: 40%; } .tw-catalogDetails__title { flex-grow: 1; height: 50%; width: 30%; display: flex; justify-content: center; align-items: center; } .tw-catalogDetails__detail { width: 70%; align-items: center; border-radius: 25px; } .tw-catalogDetails__close { position: absolute; } .tw-catalogDetails__arrow::before { border: none; } .tw-grid__item_active .tw-catalogItemNarrow { box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0 !important; border: 5px solid var(--brand-color-white) !important; } /* Tablet Portrait */ @media screen and (max-width: 768px) and (orientation: portrait){ .tw-grid__item_active .tw-catalogDetails__content { flex-wrap: nowrap; } .tw-catalogDetails__detail, .tw-catalogDetailsLink, .tw-catalogDetails__title { width: 100%; } } @media screen and (max-width: 900px) { .tw-catalogDetails__title { font-size: 18px; } } @media screen and (max-width: 600px) and (orientation: portrait){ .tw-catalogDetailsLink { height: unset; order: 3; } .tw-catalogDetails__title { height: unset; order: 1; max-height: 20%; } .tw-catalogDetails__detail { order: 2; } } #region-main div[role="main"] h2.tw-catalog__title { font-weight: bold; } .tw-catalogItemNarrow__title { font-size: 15px; } .tw-catalogDetails__title { padding-right: 10px; } /* Removed hardcoded #000 to avoid forcing text colour */ .tw-catalogItemNarrow__textarea_group_item { font-size: 18px; } #page-totara-catalog-index .tw-catalogResultsSort { margin-left: 0; } #page-totara-catalog-index .tw-selectTree { font-size: 16px; } @media screen and (max-width: 768px) and (orientation: portrait){ #page-totara-catalog-index .tw-catalogResultsSort { margin-left: 10px; } #page-totara-catalog-index .tw-selectRegionPrimary__selector { margin-top: 15px; } } @media screen and (max-width: 600px) and (orientation: portrait){ #page-totara-catalog-index .tw-selectTree[data-tw-selecttree-urlkey="catalog_cat_browse"]{ justify-content: unset; margin-left: 10px; } } /* CUH Catalogue amends */ .tw-selectSearchText__field input { border-radius: 100px 0 0 100px; } .tw-selectSearchText__btn { border-radius: 0 100px 100px 0; } /* spacing tweak */ #page-totara-catalog-index .tw-catalog__aside .tw-selectRegionPanel .tw-selectTree { margin-left: 8px; } /* overview row buttons -> brand variables */ .tw-catalog__results .tw-catalog__results_overview_row .btn { border-radius: 100px; background: var(--brand-color-primary); border: 0; } .tw-catalog__results .tw-catalog__results_overview_row .btn:hover { scale: 1.02; } /* details action button -> brand variables */ .tw-catalogDetailsLink__option_btn { background: var(--brand-color-secondary); border-radius: 100px; border: 0; } .tw-catalogDetailsLink__option_btn:hover { background: var(--brand-color-primary); } .tw-catalog__aside { margin-top: 45px; } } /* ================================================== Navigation dropdown arrows START ================================================== */ .totaraNav_prim .totaraNav--expand_indent .totaraNav--icon_chevron { font-weight:800; font-size:16px } /* Navigation dropdown arrows END ================================================== */ /*** NAV TEXT DECORATION ***/ a.totaraNav_prim--list_item_link { text-decoration:none!important } a.totaraNav_prim--list_item_link:hover { text-decoration:underline!important } ul.navExpand--list.navExpand--listSecond a{ text-decoration:none!important } ul.navExpand--list.navExpand--listSecond a:hover{ text-decoration:underline!important } /*** END NAV TEXT DECORATION ***/ /* ================================================== Certification completion report status colours START ================================================== */ .certcompletion_redambergreenstatus .label.label-warning { background:#f7921d; color:#000000; } .certcompletion_redambergreenstatus .label.label-success { background:#016043; color:#ffffff; } .certcompletion_redambergreenstatus .label.label-danger { background:#A7160C; color:#ffffff; } /* Certification completion report status colours END ================================================== */ /* ================================================== Quick access menu link colours START ================================================== */ .totara_core__QuickAccess .totara_core__QuickAccess_group-list li a { color: var(--brand-color-primary) } /* Quick access menu link colours END ================================================== */ /*** footer links ***/ #page-footer a { color:white!important; } #page-footer a:hover { color:white!important; text-decoration:none } /* ================================================== TUI Tabs link colours START ================================================== */ .tui-tabs__tabLabel { color: var(--brand-color-primary) } /* TUI Tabs link colours END ================================================== */ /* ================================================== Slideshow blocks START ================================================== */ /* Remove footers from all slideshow blocks */ .block.block_think_slideshow { background:none!important } /* Slideshow blocks END ================================================== */ /* ================================================== MY Learning Summary - Dashboard 3 START ================================================== */ div#inst60 { margin-top:-20%; background:none } /* MY Learning Summary - Dashboard 3 END ================================================== */ /* ================================================== Home Dashboard START ================================================== */ /* Slideshow */ div#inst43 .footer { display:none } /* -------------------------------------------------- Homepage Feature Tiles START -------------------------------------------------- */ #inst49 { background:none; margin-left: 13px; } #inst49 .inner-text { text-decoration:none } #inst49 .inner-text:hover { text-decoration:underline } .homefeature { margin: 0.rem; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 18px; overflow: hidden; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04), 0 12px 24px rgba(0, 48, 135, 0.04); transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } /* Remove default Totara block spacing */ .homefeature .content, .homefeature .block-content, .homefeature .card-body { padding: 0 !important; margin: 0 !important; } /* Remove block header */ .homefeature .card-header, .homefeature .header, .homefeature h2.block-title, .homefeature .block-title { display: none !important; } /* Main content wrapper */ .homefeature .no-overflow, .homefeature .block-content, .homefeature .content { display: flex; flex-direction: column; min-height: 320px; padding: 2rem; } /* Icon */ .homefeature img { width: 72px; height: 72px; object-fit: contain; margin-bottom: 1.75rem; flex-shrink: 0; } /* Heading */ .homefeature h3 { margin: 0 0 1rem; color: #1d1d1f; font-size: 28px; font-weight: 700; line-height: 1.2; } /* Description */ .homefeature p { margin: 0; color: #4b5563; font-size: 22px; line-height: 1.5; flex-grow: 1; } /* Arrow */ .homefeature span { display: inline-flex; align-items: center; margin-top: 2rem; color: #005eb8; font-size: 22px; font-weight: 700; transition: transform 0.2s ease; } /* Hover effect */ .homefeature:hover { transform: translateY(-4px); border-color: #c7d7f2; box-shadow: 0 6px 16px rgba(0, 48, 135, 0.08), 0 20px 36px rgba(0, 48, 135, 0.12); } .homefeature:hover span { transform: translateX(4px); } /* Focus */ .homefeature a:focus, .homefeature:focus-within { outline: 3px solid rgba(0, 94, 184, 0.25); outline-offset: 2px; } /* -------------------------------------------------- Homepage Feature Tiles - Laptop -------------------------------------------------- */ @media (max-width: 1200px) { .homefeature .no-overflow, .homefeature .block-content, .homefeature .content { min-height: 290px; } .homefeature h3 { font-size: 24px; } .homefeature p { font-size: 18px; } } /* -------------------------------------------------- Homepage Feature Tiles - Tablet -------------------------------------------------- */ @media (max-width: 768px) { .homefeature { margin: 0.4rem; border-radius: 16px; } .homefeature .no-overflow, .homefeature .block-content, .homefeature .content { min-height: 250px; padding: 1.5rem; } .homefeature img { width: 60px; height: 60px; margin-bottom: 1.25rem; } .homefeature h3 { font-size: 22px; } .homefeature p { font-size: 16px; line-height: 1.5; } .homefeature span { margin-top: 1.5rem; font-size: 20px; } } /* -------------------------------------------------- Homepage Feature Tiles - Mobile -------------------------------------------------- */ @media (max-width: 640px) { .homefeature { margin: 0.35rem; border-radius: 14px; } .homefeature .no-overflow, .homefeature .block-content, .homefeature .content { min-height: auto; padding: 1.4rem; } .homefeature img { width: 52px; height: 52px; margin-bottom: 1rem; } .homefeature h3 { margin-bottom: 0.75rem; font-size: 20px; } .homefeature p { font-size: 15px; line-height: 1.5; } .homefeature span { margin-top: 1.25rem; font-size: 18px; } } /* Homepage Feature Tiles END -------------------------------------------------- */ /* Home Dashboard END ================================================== */ /* ================================================== Compliance overview block display fix START ================================================== */ /* Compliance block */ .block_compliance_overview .compliance-block { padding-top: 20px; padding-bottom: 0px; } .compliance-block { border-radius: 10px; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); } a.compliance-block.compliance-block:hover { background: #f3f3f3!important; } .bco-compliance-block--compliant .bco-compliance-block__value, .bco-compliance-block--compliant .bco-compliance-block__label, .bco-compliance-block--compliant .bco-compliance-block__icon { color: #009639!important; } .bco-compliance-block.bco-compliance-block--in-progress .bco-compliance-block__value, .bco-compliance-block.bco-compliance-block--in-progress .bco-compliance-block__label, .bco-compliance-block.bco-compliance-block--in-progress .bco-compliance-block__icon { color: #ED8B00!important; } .bco-compliance-block.bco-compliance-block--non-compliant .bco-compliance-block__value, .bco-compliance-block.bco-compliance-block--non-compliant .bco-compliance-block__label, .bco-compliance-block.bco-compliance-block--non-compliant .bco-compliance-block__icon { color: #DA291C!important; } .bco-compliance-blocks__block .compliance-block { border-radius: 0; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); } .bco-compliance-blocks__block a.compliance-block.compliance-block:hover { background: #f3f3f3!important; } .bco-compliance-blocks__block { border-radius: 0; box-shadow: 0px 0px 12px rgba(0,0,0,0.2); } .bco-compliance-blocks__block:hover { background: #f3f3f3!important; border-radius: 0; } .bco-compliance-blocks__block :hover { text-decoration:none; } div#inst46 .header.block-header { border-bottom:none; } #instance-46-header { font-size:22px; display:flex; justify-content:center; color:#005eb8 } /* Compliance overview block display fix END ================================================== */ /* ================================================== Dashboard 6 - My Team Block START ================================================== */ /*Move blocks to correct position when editing */ .block_think_my_team { box-shadow: none; padding: 30px; border-radius: 0px; padding-top: 40px; margin-bottom: 0px; flex-wrap: wrap; } .block_think_my_team .team-filters-container { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px!important; padding: 30px!important; border-radius: 0px!important; margin-bottom: 0px!important; display: flex!important; margin-right: 10px !important; margin-top: 40px; } .block_think_my_team .team-attributes-container { box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px!important; padding: 40px 30px 30px!important; border-radius: 0px!important; margin-bottom: 0px!important; display: flex!important; flex-wrap: wrap!important; margin-left: 10px!important; margin-top: 40px!important; } .block_think_my_team .team-attributes-container, .block_think_my_team .team-filters-container { background: white; } @media screen and (min-width: 1081px) { .block_think_my_team .team-attributes-container, .block_think_my_team .team-filters-container { width: 50%; } } .block_think_my_team .team-summary { row-gap: 20px; column-gap: 0px; max-width: unset !important; margin-bottom: 40px !important; } .block_think_my_team .section-title { bottom: -5px !important; font-weight: 400 !important; font-size: 18px; /* Removed !important to reduce specificity conflicts */ font-weight: bold; /* Keep it bold as per your design */ text-align: center; position: absolute; bottom: 0; left: 50%; /* Center the title horizontally */ transform: translateX(-50%); /* Center the title horizontally */ white-space: nowrap; /* Prevent the title from wrapping */ max-width: 100%; /* Ensure the title width is not more than its parent */ overflow: hidden; /* Hide overflowed content */ text-overflow: ellipsis; /* Add an ellipsis to overflowed content */ } .block_think_my_team { border: none !important; } #ThinkMyTeamApp .staff-member-card .card-header.with-avatar { padding-left: 0px; } #ThinkMyTeamApp .staff-member-card .member-banner { background-color: rgb(75, 179, 253); font-size: 12px; margin: 0.5em; padding: 0.25em 1em; color: white; font-weight: 500; border-radius: 25px; text-align: center; } #ThinkMyTeamApp .staff-member-card .member-banner-container { left: 50%; transform: translate(-50%); max-width: 120px; top: 88.5px; z-index: 2; } .ThinkMyTeamApp .member-avatar { z-index: 1; } @media screen and (max-width: 1400px) and (min-width: 1000px) { #ThinkMyTeamApp .member-attributes tr { border-bottom: #d2d2d2 solid 1px; border-top: #d2d2d2 solid 1px; }} #ThinkMyTeamApp .staff-member-card { justify-content: flex-start; } #ThinkMyTeamApp .staff-member-card { border-radius: 0px; box-shadow: 0 2px 6px rgba(0,0,0,.1); display: flex; flex-direction: column; align-items: center; justify-content: center; background: white; } #ThinkMyTeamApp .section-title { bottom: -10px !important; } /* Cards */ .staff-member-card .card-header .member-details .member-name { font-size: 19px; } #ThinkMyTeamApp .card-header.with-avatar { display: flex; flex-direction: column; justify-content: center; align-items: center; min-width: 100%; row-gap: 20px; } #ThinkMyTeamApp .member-details { width: 100%; text-align: center; } #ThinkMyTeamApp .member-avatar { position: unset !important; } #ThinkMyTeamApp .staff-member-card .card-header.with-avatar { padding-left: unset !important; } #ThinkMyTeamApp .member-attributes { background: #f4f4f4; border-radius: 0px; padding: 20px; min-width: 100%; } #ThinkMyTeamApp .filters-container h3 { border: none; } /* Tablet*/ @media only screen and (max-device-width : 800px) and (orientation : portrait) { .block_think_my_team .team-summary { column-gap: unset; } } /* Mobile */ a.staff-member-card {min-height:100%} /**My Team Block **/ .team-attributes-container { margin-bottom: 0px!important; } .team-filters-container .compliance-chart { margin-top: 30px!important; } .team-filters-container .compliance-chart { width: auto; /* Adjusted from 100px to auto to allow the title more space */ height: 120px; position: relative; float: left; margin-top: -10px; color: unset; cursor: pointer; transition: all 0.2s ease; } @media screen and (min-width: 600px) { .team-filters-container .team-filters-inner-container { display: grid!important; grid-template-columns: repeat(2, 1fr)!important; gap: 16px!important; justify-content: center!important; align-items: start!important; } } .team-attributes-container { padding: 10px 0px !important; margin-right:0px !important; } .team-members-container { max-width: 1800px !important; } /* My Teams - REACT dynamic classes */ .block_think_my_team .team-summary :nth-of-type(2) h3 { margin-bottom: 0 !important; } #page .block_think_my_team .team-summary :nth-child(1) h3 { font-size: 19px; } #page .block_think_my_team .team-summary :nth-child(1) h3:before { font-size: 19px; } /* END My Teams - REACT dynamic classes */ /* Tooltips test */ .team-attribute-container { position: relative; } /* First */ .team-attribute-container:nth-of-type(1):after { content:"ⓘ"; padding-left: 10px; font-size: 16px; cursor: pointer; } .team-attribute-container:nth-of-type(1):before { content:"The % of team members achieving their Mandatory training target. Click for more info."; display: none; position: absolute; top: -100px; background: white; padding: 10px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; left: 0; } .team-attribute-container:nth-of-type(1):hover:before { display: flex; z-index: 2; min-width: 300px; justify-content: center; align-items: center; } /* Second */ .team-attribute-container { position: relative; } .team-attribute-container:after { content:"ⓘ"; padding-left: 10px; font-size: 16px; cursor: pointer; } .team-attribute-container:before { content:"The % of team members achieving their Role specific training target. Click for more info."; display: none; position: absolute; top: -100px; background: white; padding: 10px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; left: -50px; } .team-attribute-container:hover:before { display: flex; z-index: 2; min-width: 300px; justify-content: center; align-items: center; } /* Third */ .team-attribute-container:nth-of-type(3):after { content:"ⓘ"; padding-left: 10px; font-size: 16px; cursor: pointer; } .team-attribute-container:nth-of-type(3):before { content:"The number of team members with booking requests you need to approve"; display: none; position: absolute; top: -100px; background: white; padding: 10px; border-radius: 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; left: 0; } .team-attribute-container:nth-of-type(3):hover:before { display: flex; z-index: 2; min-width: 300px; justify-content: center; align-items: center; } /* END Tool tip test */ /*** END OF MY TEAM DASHBOARD 20 ***/ /* Dashboard 6 - My Team Block END ================================================== */ /* Hide search areas on Manager Direct Compliance Report */ #page-totara-reportbuilder-report { #totara_reportbuilder_viewsavedsearch, .rb-search { &[action$="id=241"] { display: none; } } } /* END Hide search areas on Manager Direct Compliance Report */ /* Hide search areas on Manager Indirect Compliance Report */ #page-totara-reportbuilder-report { #totara_reportbuilder_viewsavedsearch, .rb-search { &[action$="id=244"] { display: none; } } } /* END Hide search areas on Manager Indirect Compliance Report */ /* ========================================================== Team Compliance Detail dashboard ID 7 ========================================================== */ /* ========================================================== Team Combined Compliance Combines #inst79 and #inst80 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst79, #inst80 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst79 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst80 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Mandatory Training Compliance Combines #inst81 and #inst82 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst81, #inst82 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst81 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst82 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Role Specific Training Compliance Combines #inst83 and #inst84 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst83, #inst84 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst83 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst84 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Role Upcoming Bookings Combines #inst85 and #inst86 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst85, #inst86 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst85 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst86 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /*** Block heading sizes, positions and colours ***/ body#page-totara-dashboard-7 .block-title { display:flex; justify-content:center; } body#page-totara-dashboard-7 .block-header { display:flex; justify-content:center; border-bottom:none } body#page-totara-dashboard-7 .block-title h2 { color:#005eb8; font-weight:800; font-size:26px } div#inst85 h3 { color:#005eb8; font-weight:800; font-size:26px } /*** END Block heading sizes, positions and colours ***/ /*** SCROLLABLE REPORT TABLES ******/ #inst80 .totara-table-container, #inst82 .totara-table-container, #inst84 .totara-table-container, #inst86 .totara-table-container { max-height: 358px; overflow-y: scroll; } /* Sticky Headings */ #inst80 .totara-table-container thead, #inst82 .totara-table-container thead, #inst84 .totara-table-container thead, #inst86 .totara-table-container thead { position: sticky; top: 0; } /* Set the width of the scrollbar */ #inst80 .totara-table-container::-webkit-scrollbar, #inst82 .totara-table-container::-webkit-scrollbar, #inst84 .totara-table-container::-webkit-scrollbar, #inst86 .totara-table-container::-webkit-scrollbar { width: 12px; } /* Set the color of the handle */ #inst80 .totara-table-container::-webkit-scrollbar-thumb, #inst82 .totara-table-container::-webkit-scrollbar-thumb, #inst84 .totara-table-container::-webkit-scrollbar-thumb, #inst86 .totara-table-container::-webkit-scrollbar-thumb { background-color: var(--brand-color-primary); } /* Set the color of the scrollbar track */ #inst80 .totara-table-container::-webkit-scrollbar-track, #inst82 .totara-table-container::-webkit-scrollbar-track, #inst84 .totara-table-container::-webkit-scrollbar-track, #inst86 .totara-table-container::-webkit-scrollbar-track { background-color: #f1f1f1; } /*** set html jump blocks to same as background to make them "invisible" ***/ div#inst88, div#inst87, div#inst89 { background:#f0f4f5 } /* ================================================== Dashboard 7 - My Team Dashboard END ================================================== */ /* ========================================================== INDIRECT Team Compliance Detail dashboard ID 8 ========================================================== */ /* ========================================================== Team Combined Compliance Combines #inst92 and #inst93 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst92, #inst93 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst92 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst93 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Mandatory Training Compliance Combines #inst94 and #inst95 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst94, #inst95 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst94 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst95 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Role Specific Training Compliance Combines #inst96 and #inst97 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst96, #inst97 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst96 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst97 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /* ========================================================== Team Role Upcoming Bookings Combines #inst98 and #inst99 into a single card-style compliance section with shared border, padding, and shadow. ========================================================== */ #inst98, #inst99 { border-left: 2px solid #d9d9d9 !important; border-right: 2px solid #d9d9d9 !important; margin: 0 !important; padding: 5px !important; box-sizing: border-box !important; box-shadow: 0 4px 12px rgba(0,0,0,0.12) !important; } #inst98 { border-top: 2px solid #d9d9d9 !important; border-bottom: 0 !important; border-radius: 10px 10px 0 0 !important; } #inst99 { border-top: 0 !important; border-bottom: 2px solid #d9d9d9 !important; border-radius: 0 0 10px 10px !important; margin-top: -33px !important; } /*** Block heading sizes, positions and colours ***/ body#page-totara-dashboard-9 .block-title { display:flex; justify-content:center; } body#page-totara-dashboard-9 .block-header { display:flex; justify-content:center; border-bottom:none } body#page-totara-dashboard-9 .block-title h2 { color:#005eb8; font-weight:800; font-size:26px } div#inst98 h3 { color:#005eb8; font-weight:800; font-size:26px } /*** END Block heading sizes, positions and colours ***/ /*** SCROLLABLE REPORT TABLES ******/ #inst93 .totara-table-container, #inst95 .totara-table-container, #inst97 .totara-table-container, #inst99 .totara-table-container { max-height: 358px; overflow-y: scroll; } /* Sticky Headings */ #inst93 .totara-table-container thead, #inst95 .totara-table-container thead, #inst97 .totara-table-container thead, #inst99 .totara-table-container thead { position: sticky; top: 0; } /* Set the width of the scrollbar */ #inst93 .totara-table-container::-webkit-scrollbar, #inst95 .totara-table-container::-webkit-scrollbar, #inst97 .totara-table-container::-webkit-scrollbar, #inst99 .totara-table-container::-webkit-scrollbar { width: 12px; } /* Set the color of the handle */ #inst93 .totara-table-container::-webkit-scrollbar-thumb, #inst95 .totara-table-container::-webkit-scrollbar-thumb, #inst97 .totara-table-container::-webkit-scrollbar-thumb, #inst99 .totara-table-container::-webkit-scrollbar-thumb { background-color: var(--brand-color-primary); } /* Set the color of the scrollbar track */ #inst93 .totara-table-container::-webkit-scrollbar-track, #inst95 .totara-table-container::-webkit-scrollbar-track, #inst97 .totara-table-container::-webkit-scrollbar-track, #inst99 .totara-table-container::-webkit-scrollbar-track { background-color: #f1f1f1; } /*** set html jump blocks to same as background to make them "invisible" ***/ div#inst101, div#inst100, div#inst102 { background:#f0f4f5 } /* ================================================== Dashboard 9 - My Indirect Team Dashboard END ================================================== */ /***********FILTER HEADINGS***********/ #page-totara-catalog-index h2.tw-selectRegionPanel__heading_text { font-weight:800; font-size:17px; color:#005eb8 } #page-totara-catalog-index h3.tw-selectRegionPanel__selector_header { font-weight:800; font-size:15px; color:#005eb8 } /********** CATALOGUE RESULT FILTER**********/ div.tw-catalog__results_overview_row { font-weight: 800; font-size: 20px } /********** CATALOGUE RESULTS LABEL**********/ .tw-selectTree__current_label{ font-weight: 500; font-size: 21px; } /*CATALOGUE FILTER COLOURS*/ .tw-selectMulti__link:active .tw-selectMulti__link_text, .tw-selectMulti__link:focus .tw-selectMulti__link_text, .tw-selectMulti__link:hover .tw-selectMulti__link_text { var (--brand-color-secondary) } span.tw-selectMulti__link_text { color: var (--brand-color-primary); } /**** LOCAL COMPLIANCE DOWNLOAD BUTTONS - PURPLE REPORT ****/ #page-local-compliance_report-report a.btn.btn-default { display:flex; margin:5px; border-radius:20px 20px 20px 20px; font-size: 18px } #page-local-compliance_report-report a.btn.btn-default:hover { background: var (--brand-colour-secondary); } #page-local-compliance_report-report input#show-user-organisationpath-dialog { margin-right:20px } /**** END OF LOCAL COMPLIANCE DOWNLOAD BUTTONS - PURPLE REPORT ****/