@charset "UTF-8";

/* stylelint-disable color-named */
/* colour1: 8d9a26 SG Green - should be dark as it's often used on white */
/* colour1 dark: 67720a SG Green - darker hover colour for colour1 */
/* colour2: 6e9e75 SG Green */

/* Default elem styling */
.sc-wrap hr, .fancybox-content hr {width: 100%; height: 1px; background: lightgrey; border: none; margin: 10px auto 20px auto; clear: both;}
.sc-wrap p, .sc-wrap h1, .sc-wrap h2, .sc-wrap h3, .sc-wrap h4, .sc-wrap li, .fancybox-content p, .fancybox-content h1, .fancybox-content h2, .fancybox-content h3, .fancybox-content h4, .fancybox-content li {margin: 0; padding: 0; line-height: 140%; color: #181818; font-style: normal; font-weight: normal;}
.sc-wrap p, .fancybox-content p {padding: 0 0 20px 0;}
.sc-wrap ul, .sc-wrap ol, .fancybox-content ul, .fancybox-content ol {margin: 0 0 20px 20px; padding: 0;}
.sc-wrap li p, .fancybox-content li p {padding: 0;}
.sc-wrap li li, .sc-wrap li p, .fancybox-content li li, .fancybox-content li p {font-size: 100%;}
.sc-wrap strong, .fancybox-content strong {font-weight: 700;}
.sc-wrap a, .fancybox-content a {text-decoration: none; color: #8d9a26;}
.sc-wrap a:hover, .fancybox-content a:hover {text-decoration: underline;}
.sc-wrap .sc-externallink .fa-external-link-alt {margin-left: 10px;}
.sc-wrap .sc-externallink .fa-external-link-alt:hover {text-decoration: none;}
.sc-wrap a img, .fancybox-content a img {border: none; outline: none;}
.sc-wrap *, .fancybox-content * {-webkit-print-color-adjust: exact; color-adjust: exact;}
.sc-wrap label, .fancybox-content label {color: #181818; font-size: 100%;}
.sc-wrap sup, .fancybox-content sup {font-size: 70%; line-height: 110%; padding: 0 0 10px 0; margin: 0; font-weight: 400; color: #181818;}
.sc-wrap h1, .sc-wrap h2, .fancybox-content h1, .fancybox-content h2 {padding: 0 0 20px 0; margin: 0; line-height: 110%; font-weight: 600;}
.sc-wrap h3, .sc-wrap h4, .fancybox-content h3, .fancybox-content h4 {padding: 0 0 15px 0; margin: 0; line-height: 110%; font-weight: 600;}
.sc-wrap h1, .fancybox-content h1 {font-size: 200%;}
.sc-wrap h2, .fancybox-content h2 {font-size: 130%;}
.sc-wrap h3, .fancybox-content h3 {font-size: 120%;}
.sc-wrap h4, .fancybox-content h4, .ui-content-content h4 {font-size: 108%;}
.sc-wrap p, .sc-wrap li, .sc-wrap label, .fancybox-content p, .fancybox-content li, .fancybox-content label {font-size: 80%;}
.sc-wrap div:after, .sc-wrap form:after, .sc-wrap ul:after, .sc-wrap input:after, .sc-wrap section:after, .sc-wrap article:after, .sc-wrap header:after, .sc-wrap footer:after, .sc-wrap nav:after, .sc-wrap aside:after, .sc-wrap hgroup:after, .fancybox-content div:after, .fancybox-content form:after, .fancybox-content ul:after, .fancybox-content input:after, .fancybox-content section:after, .fancybox-content article:after, .fancybox-content header:after, .fancybox-content footer:after, .fancybox-content nav:after, .fancybox-content aside:after, .fancybox-content hgroup:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
.sc-wrap section, .sc-wrap article, .sc-wrap header, .sc-wrap footer, .sc-wrap nav, .sc-wrap aside, .sc-wrap hgroup, .fancybox-content section, .fancybox-content article, .fancybox-content header, .fancybox-content footer, .fancybox-content nav, .fancybox-content aside, .fancybox-content hgroup {display: block;}

/* General */
.sc-wrap .sc-clear, .fancybox-content .sc-clear {clear: both;}
.sc-wrap .sc-bold, .fancybox-content .sc-bold {font-weight: 700;}
.sc-wrap .sc-semibold, .fancybox-content .sc-semibold {font-weight: 600;}
.sc-wrap .sc-lg, .fancybox-content .sc-lg {font-size: 1.33333333em;}
.sc-wrap .sc-edithistory, .fancybox-content .sc-edithistory {font-size: 0.7em; color: #616161;}
.sc-wrap .sc-shadow, .fancybox-content .sc-shadow {box-shadow: 0 0 10px rgba(15, 15, 15, 0.2); -webkit-box-shadow: 0 0 10px rgba(15, 15, 15, 0.2); -moz-box-shadow: 0 0 10px rgba(15, 15, 15, 0.2);}
.sc-wrap .sc-shadow-dark, .fancybox-content .sc-shadow-dark {box-shadow: 0 0 12px rgba(15, 15, 15, 0.5); -webkit-box-shadow: 0 0 12px rgba(15, 15, 15, 0.5); -moz-box-shadow: 0 0 12px rgba(15, 15, 15, 0.5);}
.sc-wrap .sc-shadow-hover:hover, .fancybox-content .sc-shadow-hover:hover {box-shadow: 0 0 10px rgba(15, 15, 15, 0.2); -webkit-box-shadow: 0 0 10px rgba(15, 15, 15, 0.2); -moz-box-shadow: 0 0 10px rgba(15, 15, 15, 0.2);}
.sc-wrap .sc-required, .fancybox-content .sc-required {font-weight: 600; color: red; margin-left: 10px;}
.sc-wrap .sc-required-left, .fancybox-content .sc-required-left {margin-left: 0; margin-right: 10px;}
.sc-wrap .sc-field-help, .fancybox-content .sc-field-help {font-weight: 600; color: #8d9a26; margin-left: 10px;}
.sc-wrap label .sc-field-help, .fancybox-content label .sc-field-help {font-size: initial;}
.sc-wrap .sc-textleft, .fancybox-content .sc-textleft {text-align: left;}
.sc-wrap .sc-textright, .fancybox-content .sc-textright {text-align: right;}
.sc-wrap .sc-textcenter, .fancybox-content .sc-textcenter {text-align: center;}
.sc-wrap .sc-textjustify, .fancybox-content .sc-textjustify {text-align: justify;}
.sc-wrap .sc-textupper, .fancybox-content .sc-textupper {text-transform: uppercase;}
.sc-wrap .sc-wordbreakall, .fancybox-content .sc-wordbreakall {word-break: break-all;}
.sc-wrap .sc-nopadding, .fancybox-content .sc-nopadding {padding: 0!important;}

.sc-wrap .sc-inputsizing, .fancybox-content .sc-inputsizing {padding: 0 5px!important; margin: 5px 0 15px 0; line-height: 45px; height: 45px; display: block; box-sizing: border-box;} /* NOTE padding is !important to override .sc-wrap .sc-blockbutton a */
.sc-wrap td.sc-inputsizing, .fancybox-content td.sc-inputsizing {display: table-cell;}
.sc-wrap .sc-nomargin, .fancybox-content .sc-nomargin {margin: 0!important;}
.sc-wrap .sc-left, .fancybox-content .sc-left {float: left;}
.sc-wrap .sc-right, .fancybox-content .sc-right {float: right;}
.sc-wrap .sc-relative, .fancybox-content .sc-relative {position: relative;}
.sc-wrap ::selection, .fancybox-content ::selection {background: #8d9a26; color: #ffffff;}

/* Colours - override these in your custom css */
.sc-colour1text {color: #8d9a26!important;}
.sc-colour2text {color: blue!important;}
.sc-colour3text {color: green!important;}
.sc-redtext {color: red!important;}
.sc-orangetext {color: orange!important;}
.sc-bluetext {color: blue!important;}
.sc-gdrivebluetext {color: #3d6ec9!important;}
.sc-greytext {color: grey!important;}
.sc-lightgreytext {color: lightgrey!important;}
.sc-greentext {color: green!important;}
.sc-whitetext {color: #ffffff!important;}
.sc-blacktext {color: #181818!important;}
.sc-colour1 {background: #8d9a26!important;}
.sc-colour2 {background: blue!important;}
.sc-colour3 {background: green!important;}
.sc-red {background: red!important; color: #ffffff!important;}
.sc-orange {background: orange!important;}
.sc-blue {background: blue!important;}
.sc-lightgrey {background: lightgrey!important; color: #181818;}
.sc-green {background: green!important;}
.sc-white {background: #ffffff!important; color: #181818;}
.sc-black {background: #181818!important; color: #ffffff;}
.sc-transparent {background: none!important;}

.sc-colour1, .sc-colour2, .sc-colour3, .sc-red, .sc-orange, .sc-blue, .sc-gdriveblue, .sc-grey, .sc-green {transition: all 0.25s; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s;}

/* Brand colours */
.sc-facebook {background: #4267b2!important;}
.sc-twitter {background: #1da1f2!important;}
.sc-instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)!important;}
.sc-linkedin {background: #0077b5!important;}
.sc-pinterest {background: #f0002a!important;}
.sc-youtube {background: #ff0000!important;}
.sc-vimeo {background: #19b7ea!important;}
.sc-gmapsgreen {background: #1ea362!important;}
.sc-gdriveblue {background: #4688f4!important;}
.sc-what3words {background: #e11f26!important; vertical-align: - 0.0667em; font-size: 1.33333333em; line-height: 0.75em; font-weight: 700; letter-spacing: 1.5px;}
.sc-what3words:before {content: "///";}
.sc-wrap .sc-what3words:hover {text-decoration: none;}

/* Hover colour for buttons */
.sc-blockbutton .sc-red:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-red:not(.sc-nohover):hover, .sc-input input[type="button"].sc-red:not(.sc-nohover):hover {background: darkred!important;}
.sc-blockbutton .sc-orange:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-orange:not(.sc-nohover):hover, .sc-input input[type="button"].sc-orange:not(.sc-nohover):hover {background: darkorange!important;}
.sc-blockbutton .sc-blue:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-blue:not(.sc-nohover):hover, .sc-input input[type="button"].sc-blue:not(.sc-nohover):hover {background: darkblue!important;}
.sc-blockbutton .sc-grey:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-grey:not(.sc-nohover):hover, .sc-input input[type="button"].sc-grey:not(.sc-nohover):hover {background: darkgrey!important;}
.sc-blockbutton .sc-lightgrey:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-lightgrey:not(.sc-nohover):hover, .sc-input input[type="button"].sc-lightgrey:not(.sc-nohover):hover {background: grey!important;}
.sc-blockbutton .sc-green:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-green:not(.sc-nohover):hover, .sc-input input[type="button"].sc-green:not(.sc-nohover):hover {background: darkgreen!important;}
.sc-blockbutton .sc-gdriveblue:not(.sc-nohover):hover, .sc-input input[type="submit"].sc-gdriveblue:not(.sc-nohover):hover, .sc-input input[type="button"].sc-gdriveblue:not(.sc-nohover):hover {background: #3d6ec9!important;}

/* Header */
html {height: 101%; margin: 0; padding: 0; min-height: 101%;}
body {font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 100%; font-style: normal; margin: 0; padding: 0; height: 100%; position: relative; overflow-x: hidden; min-height: 101%;}
body.sc-iframe {background: #ffffff; height: initial; min-height: initial; overflow-y: hidden; overflow-x: initial;}
body.sc-iframe table {margin: 0;}

/* Main wrap */
.sc-wrap {background: #444444; height: 100%;}
.sc-header-wrap {padding: 0 20px; background: #ffffff;}
.sc-header {max-width: 1180px; width: 100%; margin: 0 auto; padding: 20px 0;}
.sc-header > .sc-left {float: left; width: 245px;}
.sc-header > .sc-left a {display: block;}
.sc-header > .sc-left a img {max-width: 100%; width: auto;}
.sc-header > .sc-right {float: right; text-align: right; padding: 20px 0 0 0; width: 930px;}
.sc-wrap .sc-header p {padding: 10px 0 25px 0;} /* Signin name / Logout */
.sc-wrap .sc-header .sc-blockbutton {line-height: 2em;}
.sc-wrap .sc-header .sc-blockbutton a {padding: 0 10px; margin: 0 0 0 15px;}
.sc-mobile-header-wrap {display: none;}

.mfw-body .sc-header > .sc-left {width: 160px;}
.mfw-body .sc-wrap .sc-nav ul {margin: 10px 0 0;}

/* Title */
.sc-page-title-wrap {padding: 0 20px; background: #8d9a26;}
.sc-page-title {max-width: 1180px; width: 100%; margin: 0 auto; padding: 25px 0; position: relative;}
.sc-page-title p {color: #ffffff; font-weight: 700; font-size: 300%; padding: 0;}
.sc-page-title .sc-blockbutton {padding: 0; position: absolute; top: 50%; right: 0; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);}

.sc-wrap .sc-page-title .sc-blockbutton a, .sc-wrap .sc-page-title .sc-blockbutton button {background: #ffffff; color: #8d9a26; font-size: 90%;}

.sc-wrap .sc-page-title .sc-blockbutton a:not(.sc-nohover):hover, .sc-wrap .sc-page-title .sc-blockbutton button:not(.sc-nohover):hover {background: #616161; color: #ffffff;}

/* Primary nav */
.sc-wrap .sc-nav ul {margin: 0; padding: 0; width: 100%; text-align: right;}
.sc-wrap .sc-nav li {list-style: none; padding: 0 0 0 20px; display: inline-block; margin: 0; font-size: 100%;}
.sc-wrap .sc-nav li a {color: #333333; font-weight: 700; display: inline-block; transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -ms-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease; text-decoration: none;}

.sc-wrap .sc-nav li.sc-selected a, .sc-wrap .sc-nav li:hover a {color: #8d9a26; text-decoration: none;}

/* Global search */
#sc-globalsearch {overflow: hidden; position: relative; display: inline-block; margin: 5px;}
#sc-globalsearch form {position: relative; right: -100%; display: inline-block; transition: right 0.25s; -webkit-transition: right 0.25s; -moz-transition: right 0.25s; -o-transition: right 0.25s;}
#sc-globalsearch a {margin: 0  0 0 5px;}
#sc-globalsearch button {margin: 0 5px 0 10px;} /* NOTE extra 5px on left to compensate for LF SeePHP adds after form */
#sc-globalsearch input#sc-globalsearch-searchterms {text-align: right; height: initial; padding: 10px; margin: 0 5px 0 0; border: 0; border-radius: 1px 0 0 1px;}
#sc-globalsearch.sc-globalsearch-isopen form {right: 0;}

/* Breadcrumb */
.sc-breadcrumb-wrap {padding: 0 20px; background: #ffffff;}
.sc-breadcrumb-wrap .sc-breadcrumb {max-width: 1180px; width: 100%; margin: 0 auto; padding: 20px 0 0 0;}
.sc-breadcrumb-wrap .sc-breadcrumb p {padding: 0; font-size: 80%;}
.sc-breadcrumb-wrap .sc-breadcrumb p a {color: #181818;}
.sc-breadcrumb-wrap .sc-breadcrumb p span {color: #8d9a26;}
.sc-breadcrumb-wrap .sc-breadcrumb p a:hover {text-decoration: underline;}

/* Vertical nav */
.sc-wrap .sc-vnav ul {list-style: none; max-width: 500px; padding: 0; margin: 0;}
.sc-wrap .sc-vnav ul li {margin-bottom: 8px;}
.sc-wrap .sc-vnav ul li a {display: block; background: lightgrey; color: #333333; padding: 15px 20px; font-size: 120%; font-weight: 500; transition: background-color 0.25s, color 0.25s; -webkit-transition: background-color 0.25s, color 0.25s; -moz-transition: background-color 0.25s, color 0.25s; -o-transition: background-color 0.25s, color 0.25s;}
.sc-wrap .sc-vnav li.sc-selected a, .sc-wrap .sc-vnav ul li a:hover {background: red; color: #ffffff; text-decoration: none;}

/* Box nav */
.sc-boxnav {width: 102%; margin-left: -2%;}
.sc-boxnav .sc-boxnav-box {float: left; width: 23%; margin: 0 0 2% 2%; background: #8d9a26; text-align: center; height: 0; padding-bottom: 23%; position: relative; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.sc-boxnav .sc-boxnav-box:hover {background: #d00f31;}
.sc-boxnav .sc-boxnav-box.sc-boxnav-box-disabled, .sc-boxnav .sc-boxnav-box.sc-boxnav-box-disabled:hover {background: #cccccc;}
.sc-boxnav .sc-boxnav-box .sc-boxnav-box-inner {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #ffffff; text-decoration: none; font-weight: 700;}
.sc-boxnav .sc-boxnav-box.sc-boxnav-box-disabled .sc-boxnav-box-inner {cursor: not-allowed;}
.sc-boxnav .sc-boxnav-box .sc-boxnav-box-inner p {padding: 0; color: #ffffff; font-weight: 700; font-size: 140%; position: absolute; bottom: 30px; left: 0; right: 0; max-width: 80%; margin: 0 auto; width: 100%;}
.sc-boxnav .sc-boxnav-box .sc-boxnav-box-inner p.sc-boxnav-icon {font-size: 650%; bottom: auto; left: 0; top: 50%; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%);}

/* Tabs */
.sc-wrap .sc-tabs {border-bottom: 1px #cccccc solid; margin-bottom: 20px;}
.sc-wrap .sc-tabs ul {list-style: none; padding: 0; margin: 0;}
.sc-wrap .sc-tabs ul li {display: inline-block; margin: 0 5px 0 0; min-width: 80px;}
.sc-wrap .sc-tabs ul li a {text-align: center; display: block; background: lightgrey; color: #333333; border-radius: 1px 1px 0 0; padding: 6px 10px; font-size: 95%; font-weight: 500; transition: background-color 0.25s, color 0.25s; -webkit-transition: background-color 0.25s, color 0.25s; -moz-transition: background-color 0.25s, color 0.25s; -o-transition: background-color 0.25s, color 0.25s;}
.sc-wrap .sc-tabs ul li a.sc-tab-disabled {opacity: 0.6; text-decoration: none; cursor: not-allowed;}
.sc-wrap .sc-tabs ul li a:not(.sc-tab-disabled):hover {background: grey; color: #ffffff; text-decoration: none;}
.sc-wrap .sc-tabs ul li a.sc-tab-active {background: red; color: #ffffff;}

/* Content */
.sc-content-wrap {padding: 0 20px; background: #ffffff;}
.sc-content {max-width: 1180px; width: 100%; margin: 0 auto; padding: 40px 0 80px 0;}

/* Blocks */
.sc-wrap .sc-block {margin-bottom: 20px;}

/* Footer */
.sc-footer-wrap {padding: 0 20px; background: #444444;}
.sc-footer {max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0;}
.sc-footer p {text-align: center; padding: 0; color: #cdcdcd;}

/* Login */
.sc-login-page {background: url(../../images/background.jpg) no-repeat center center; background-size: cover;}
.sc-login-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(141, 154, 38, 0.8);}
.sc-login {max-width: 400px; width: 100%; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); background: #ffffff; box-sizing: border-box; padding: 40px; box-shadow: 0 0 12px rgba(15, 15, 15, 0.2); -webkit-box-shadow: 0 0 12px rgba(15, 15, 15, 0.2); -moz-box-shadow: 0 0 12px rgba(15, 15, 15, 0.2);}
.sc-login .sc-input input[type="submit"] {width: 100%; background: #8d9a26;}
.sc-login .sc-input input[type="submit"]:hover {background: #67720a;}
.sc-login .sc-login-logo {padding: 0 0 40px 0;}
.sc-login .sc-login-logo a {max-width: 250px; width: 100%; margin: 0 auto; display: block;}
.sc-login .sc-login-logo a img {margin: 0 auto;}
.sc-login .sc-login-passwordrecovery {text-align: right; margin-top: 20px; font-size: 75%;}
.sc-login .sc-login-passwordrecovery p {font-size: 100%;}

/* Rows */
.sc-row > .sc-input {float: left;}

/* Table rows */
.sc-table-rows {display: table; width: 100%;}
.sc-table-rows > .sc-row {display: table-row;}
.sc-table-rows > .sc-row > .sc-input {display: table-cell; float: none;}

/* Halves */
.sc-row.sc-halves > .sc-input {width: 48%;}
.sc-row.sc-halves > .sc-input:nth-child(2n+1) {margin-left: 0%; margin-right: 2%; clear: left;}
.sc-row.sc-halves > .sc-input:nth-child(2n+2) {margin-left: 2%; margin-right: 0%;}

/* Twos (1 narrow column, 1 wide) */
.sc-row.sc-twos > .sc-input:nth-child(2n+1) {width: 33%; margin-left: 0%; margin-right: 2%; clear: left;}
.sc-row.sc-twos > .sc-input:nth-child(2n+2) {width: 63%; margin-left: 2%; margin-right: 0%;}

/* Thirds */
.sc-row.sc-thirds > .sc-input {width: 31.33%;}
.sc-row.sc-thirds > .sc-input:nth-child(3n+1) {margin: 0 2% 0 0; clear: left;}
.sc-row.sc-thirds > .sc-input:nth-child(3n+2) {margin: 0 1%;}
.sc-row.sc-thirds > .sc-input:nth-child(3n+3) {margin: 0 0 0 2%;}

/* Quarters */
.sc-row.sc-quarters > .sc-input {width: 23%;}
.sc-row.sc-quarters > .sc-input:nth-child(4n+1) {margin: 0 2.66% 0 0; clear: left;}
.sc-row.sc-quarters > .sc-input:nth-child(4n+2) {margin: 0 1.33% 0 0;}
.sc-row.sc-quarters > .sc-input:nth-child(4n+3) {margin: 0 0 0 1.33%;}
.sc-row.sc-quarters > .sc-input:nth-child(4n+4) {margin: 0 0 0 2.66%;}

/* Time (3 columns narrow middle for ':' ) */
.sc-row.sc-time {min-width: 90px;}
.sc-row.sc-time > .sc-input {width: 44%;}
.sc-row.sc-time > .sc-input:first-child {margin: 0 2% 0 0;}
.sc-row.sc-time > .sc-input:nth-child(2) {margin: 5px 0 15px 0; width: 8%; height: 45px; line-height: 45px; text-align: center;}
.sc-row.sc-time > .sc-input:last-child {margin: 0 0 0 2%;}

/* Hours range (used on training report) */
.sc-row.atb-hoursrange {min-width: 90px;}
.sc-row.atb-hoursrange > .sc-input {width: 29%;}
.sc-row.atb-hoursrange > .sc-input:nth-child(1) {margin: 5px 4% 15px 0; width: 26%; height: 45px; line-height: 45px; text-align: right;}
.sc-row.atb-hoursrange > .sc-input:nth-child(2) {margin: 0 2% 0 0;}
.sc-row.atb-hoursrange > .sc-input:nth-child(3) {margin: 5px 0 15px 0; width: 8%; height: 45px; line-height: 45px; text-align: center; font-size: 90%;}
.sc-row.atb-hoursrange > .sc-input:nth-child(4) {margin: 0 0 0 2%;}

/* View fields */
.sc-viewfield .sc-viewfield-left, .sc-viewfield .sc-viewfield-right {float: left;}

/* Box container */
.sc-box {padding: 25px 20px; background: #e7e7e8; margin: 0 0 30px 0; border-radius: 1px;}
.sc-box hr {background: #ffffff; color: #ffffff;}
.sc-box label {color: #181818; font-size: 90%; min-height: 20px;}
.sc-box p {color: #181818; font-size: 90%;}
.sc-box input {font-size: 90%;}
.sc-box.pink {background-color: #cd1979;}
.sc-box.green {background-color: #6b9908;}
.sc-box.pink h2, .sc-box.green h2, .sc-box.pink p, .sc-box.green p {color: #ffffff; padding: 0 0 20px 0;}

/* Session message */
.sc-sessionmessage {margin: 0 0 20px 0; border-radius: 5px; display: table; width: 100%; background: #cccccc; color: #333333;}

/* Default - grey info */
.sc-sessionmessage i, .sc-sessionmessage a, .sc-sessionmessage p {color: #333333;}
.sc-sessionmessage .sc-sessionmessage-message {padding: 0 0 15px 0; font-size: 90%;}
.sc-sessionmessage .sc-sessionmessage-message p {font-size: 100%;}
.sc-sessionmessage .sc-sessionmessage-message:last-child {padding: 0;}
.sc-sessionmessage .sc-sessionmessage-col1, .sc-sessionmessage .sc-sessionmessage-col3 {padding: 12px; width: 6%; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.sc-sessionmessage .sc-sessionmessage-col1 span, .sc-sessionmessage .sc-sessionmessage-col3 a {display: block; margin: 0 auto; text-align: center;}
.sc-sessionmessage .sc-sessionmessage-col2 {padding: 12px; width: 88%; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.sc-sessionmessage .sc-sessionmessage-col3 {padding: 12px; width: 6%; box-sizing: border-box; display: table-cell; vertical-align: middle;}
.sc-sessionmessage .sc-sessionmessage-col3 a {opacity: 0.3; filter: alpha(opacity=30); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
.sc-sessionmessage .sc-sessionmessage-col3 a:hover {opacity: 0.6; filter: alpha(opacity=60);}
.sc-sessionmessage.sc-sessionmessage-success {background: green; color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-success i, .sc-sessionmessage.sc-sessionmessage-success a, .sc-sessionmessage.sc-sessionmessage-success .sc-sessionmessage-message, .sc-sessionmessage.sc-sessionmessage-success p {color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-warning {background: orange; color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-warning i {color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-warning a, .sc-sessionmessage.sc-sessionmessage-warning .sc-sessionmessage-message, .sc-sessionmessage.sc-sessionmessage-warning p {color: #ffffff; font-weight: 600;}
.sc-sessionmessage.sc-sessionmessage-error {background: red; color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-error i {color: #ffffff;}
.sc-sessionmessage.sc-sessionmessage-error a, .sc-sessionmessage.sc-sessionmessage-error .sc-sessionmessage-message, .sc-sessionmessage.sc-sessionmessage-error p {color: #ffffff; font-weight: 600;}

/* Simple session message */
.sc-sessionmessage-simple-error .sc-sessionmessage-simple-message {color: red; font-weight: 600;}
.sc-sessionmessage-simple-success .sc-sessionmessage-simple-message, .sc-sessionmessage-simple-warning .sc-sessionmessage-simple-message {font-weight: 600;}

/* Block button */
.sc-wrap .sc-blockbutton a, .sc-wrap .sc-blockbutton button, .fancybox-content .sc-blockbutton a, .fancybox-content .sc-blockbutton button {padding: 10px 15px; border: 0; border-radius: 1px; margin: 5px; cursor: pointer; box-sizing: content-box; color: #ffffff; font-weight: 600; background: #8d9a26; display: inline-block; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease; vertical-align: top;}
.sc-blockbutton a:hover {text-decoration: none;}
.sc-wrap .sc-blockbutton a:not(.sc-nohover):hover, .sc-wrap .sc-blockbutton button:not(.sc-nohover):hover, .fancybox-content .sc-blockbutton a:not(.sc-nohover):hover, .fancybox-content .sc-blockbutton button:not(.sc-nohover):hover {background: #67720a;}

/* Blocks (generic containers for sections) */
.sc-block.sc-block-bottombuttons .sc-blockbutton a, .sc-block.sc-block-bottombuttons .sc-blockbutton button, .sc-block.sc-block-bottombuttons input[type="submit"] {font-size: 105%;}

/* Tables */
.sc-table {width: 100%; margin: 0 0 15px 0; border: 0; border-collapse: separate; border-spacing: 2px;}
.sc-table th {padding: 12px 10px; font-size: 90%; color: #ffffff; background: #414141; font-weight: 600; text-align: left; border: 0;}
.sc-objectslist {overflow-x: auto; transform: rotateX(180deg);} /* Flip so scrollbar is at top */
.sc-objectslist > * {transform: rotateX(180deg);} /* Flip rest of content back the right way around */

/* AJAX Sort column */
.sc-table th[data-sc-ajaxsortcolumn] {cursor: pointer;}
.sc-table th[data-sc-ajaxsortcolumn] .fas {display: inline;} /* Don't break line */
.sc-table td {padding: 10px; font-size: 90%; color: #181818; background: #ebebeb; font-weight: 400; text-align: left; border: 0;}
.sc-table td .fa-play {margin-right: 5px; min-height: 1em;}
.sc-table th p, .sc-table td p {padding: 0;}
.sc-table .sc-blockbutton a, .sc-table .sc-blockbutton button {text-align: center; min-width: 22px; min-height: 20px; line-height: 20px; padding: 8px 13px;}
.sc-table th a {color: #ffffff!important;}
.sc-table td.sc-input {padding: 5px;}
.sc-table td.sc-input input[type="text"], .sc-table td.sc-input input[type="password"], .sc-table td.sc-input input[type="email"], .sc-table td.sc-input input[type="url"], .sc-table td.sc-input input[type="tel"], .sc-table td.sc-input input[type="number"], .sc-table td.sc-input input[type="search"], .sc-table td.sc-input textarea, .sc-table td.sc-input select, .sc-table td.sc-input .sc-file, .sc-table td.sc-input .sc-noresults-inline {margin: 0;}
.sc-table td.sc-input.sc-time > .sc-input {margin-top: 0; margin-bottom: 0;}

/* This accounts for buttons' padding */
.sc-table .sc-table-optionscol {padding: 5px;}
.sc-table .sc-table-primarycol {width: 80px; text-align: center;}
.sc-table .sc-table-primarycol label.sc-radio span.sc-radio-checkmark {left: -12px;}
.sc-table .sc-table-responsive-label {display: none;}

/* Plain tables - align content without including any borders */
.sc-table-plain {width: 100%; margin: 0 0 15px 0; border: 0; border-collapse: separate!important; border-spacing: 2px!important;}
.sc-table-plain th, .sc-table-plain td {padding: 4px; text-align: left; border: 0; vertical-align: top;}

/* View field tables - align content without including any borders */
.sc-table-viewfields {width: 100%; margin: 0 0 15px 0; border: 0; border-collapse: separate!important; border-spacing: 2px!important; font-size: 90%;}
.sc-table-viewfields td {padding: 8px; color: #181818; background: none; font-weight: 500; text-align: left; border: 0;}
.sc-table-viewfields th {padding: 8px; color: #181818; background: #ebebeb; width: 40%; font-weight: 400; text-align: left; border: 0;}

/* Bulk-actions */
.sc-wrap .sc-bulkactions-container a {display: block; font-size: 90%; margin: 5px 0 15px 0; padding-top: 0; padding-bottom: 0; line-height: 45px;}
.sc-wrap .sc-bulkactions-container a.sc-bulkaction-disabled:hover {cursor: not-allowed;}

/* Forms */
.sc-input input[type="text"], .sc-input input[type="date"], .sc-input input[type="password"], .sc-input input[type="email"], .sc-input input[type="url"], .sc-input input[type="tel"], .sc-input input[type="number"], .sc-input input[type="search"], .sc-input textarea, .sc-input select {width: 100%; padding: 0 10px; box-sizing: border-box; height: 45px; background: #ffffff; border: 1px solid #cccccc; margin: 5px 0 15px 0; outline: none; resize: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 90%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.sc-input select {overflow: hidden; text-overflow: ellipsis;}
.sc-input textarea {height: 128px; padding: 10px; resize: vertical; line-height: 22px;}
.sc-input input[type="submit"], .sc-input input[type="button"] {cursor: pointer; width: auto; outline: none; border: none; text-transform: none; background: green; padding: 0 20px; height: 45px; color: #ffffff; font-size: 90%; font-family: "Montserrat", sans-serif; font-weight: 700; border-radius: 1px; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.sc-input input[type="submit"][disabled], .sc-input input[type="submit"][disabled]:hover, .sc-input input[type="button"][disabled], .sc-input input[type="button"][disabled]:hover {background: #cccccc!important; cursor: not-allowed;}
.sc-input [type="submit"]:hover, .sc-input input[type="button"]:hover {background: darkgreen;}
.sc-input input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px #ffffff inset; -webkit-text-fill-color: #181818;}
.sc-input input[type="text"]:focus, .sc-input input[type="password"]:focus, .sc-input input[type="email"]:focus, .sc-input input[type="url"]:focus, .sc-input input[type="tel"]:focus, .sc-input input[type="number"]:focus, .sc-input input[type="search"]:focus, .sc-input textarea:focus, .sc-input select:focus {box-shadow: 0 0 5px rgba(15, 15, 15, 0.15); -webkit-box-shadow: 0 0 5px rgba(15, 15, 15, 0.15); -moz-box-shadow: 0 0 5px rgba(15, 15, 15, 0.15);}
.sc-input input[type="text"][disabled], .sc-input input[type="text"][readonly], .sc-input input[type="email"][disabled], .sc-input input[type="email"][readonly], .sc-input input[type="url"][disabled], .sc-input input[type="url"][readonly], .sc-input input[type="tel"][disabled], .sc-input input[type="tel"][readonly], .sc-input input[type="number"][disabled], .sc-input input[type="number"][readonly], .sc-input input[type="search"][disabled], .sc-input input[type="search"][readonly], .sc-input select[disabled], .sc-input select[readonly] {background: #f0f0f0;}
.sc-input.sc-input-inline input[type="text"], .sc-input.sc-input-inline input[type="password"], .sc-input.sc-input-inline input[type="email"], .sc-input.sc-input-inline input[type="url"], .sc-input.sc-input-inline input[type="tel"], .sc-input.sc-input-inline input[type="number"], .sc-input.sc-input-inline input[type="search"], .sc-input.sc-input-inline textarea, .sc-input.sc-input-inline select {width: initial;}

p.seeformerrors {color: red; font-weight: 600;}
.sc-loadingspinner {display: none; margin: 0 15px 0 0;} /* TODO inline-block ? - would need to be changed from a span for jQuery show() */
.sc-ajaxsearch-order {display: none;}
.sc-topbuttons a {margin: 0 0 0 10px;}
[data-sc-ajaxsearch] .sc-topbuttons {position: relative; top: -8px;}
.sc-wrap .sc-searchbuttons a {margin: 0 5px;}
.sc-wrap .sc-searchbuttons a:last-child {margin-right: 0;}

.sc-emailaddress-email-cc-show, .sc-emailaddress-email-cc-hide {font-size: 90%; float: right;}
.sc-emailaddress-email-cc-show:hover, .sc-emailaddress-email-cc-hide:hover {text-decoration: underline;}
.sc-relative > .sc-noresults-inline {display: none; position: absolute; top: 0; right: 10px; height: 45px; line-height: 45px; margin: 5px 0 15px 0;}
.sc-relative > .sc-noresults-inline + input {padding-right: 40px;}

/* Toggles */
.sc-toggle {position: relative; display: inline-block; width: 60px; height: 34px;}
.sc-toggle.sc-toggle-input {display: block; margin: 10.5px 0 20.5px 0;}
.sc-toggle .sc-slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 34px;}
.sc-toggle .sc-slider:before {position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: #ffffff; -webkit-transition: 0.4s; transition: 0.4s; border-radius: 50%;}

label.sc-toggle input[type="checkbox"]:checked + .sc-slider {background-color: #8d9a26;}
label.sc-toggle input[type="checkbox"]:checked + .sc-slider:before {-webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}

/* Hide default checkbox */
label.sc-toggle input[type="checkbox"] {position: absolute; opacity: 0;}

/* Toggle - yes / no */
.sc-toggle.sc-toggle-yesno {width: 70px;}

label.sc-toggle.sc-toggle-yesno input[type="checkbox"]:checked + .sc-slider:before {-webkit-transform: translateX(36px); -ms-transform: translateX(36px); transform: translateX(36px);}
label.sc-toggle.sc-toggle-yesno input[type="checkbox"] + .sc-slider:after {position: absolute; content: "No"; height: 26px; line-height: 26px; right: 12px; bottom: 4px; color: #ffffff; font-size: 0.9em; font-weight: 600; -webkit-transition: 0.4s; transition: 0.4s;}
label.sc-toggle.sc-toggle-yesno input[type="checkbox"]:checked + .sc-slider:after {content: "Yes"; right: unset; left: 11px;}

/* Checkboxes */
label.sc-checkbox {display: inline-block; position: relative; padding: 13.5px 0 0 35px; height: 31.5px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
label.sc-checkbox.sc-checkbox-input {display: block; margin: 5px 0 15px 0;}
label.sc-checkbox.sc-checkbox-inline {float: left; padding: 12px 24px 0 35px; margin: 0;}
label.sc-checkbox.sc-checkbox-inline:last-child {float: left; padding: 12px 0 0 35px; /* margin: 0 0 15px 0; XXX ? */}
label.sc-checkbox.sc-checkbox-nolabel {padding: 0;}
label.sc-checkbox input[type="checkbox"] {position: absolute; opacity: 0;} /* Hide default checkbox */
label.sc-checkbox span.sc-checkmark {position: absolute; top: 10.5px; left: 0; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #cccccc; box-sizing: content-box; cursor: pointer;}
.sc-textcenter label.sc-checkbox span.sc-checkmark {left: -12px;}

/* Show new checkbox container */
label.sc-checkbox.sc-checkbox-right {padding: 13px 35px 0 0;}
label.sc-checkbox.sc-checkbox-right span.sc-checkmark {right: 0; left: initial;}

/* Change border colour on hover */
label.sc-checkbox:hover input[type="checkbox"]:not([disabled]) ~ span.sc-checkmark {border-color: #999999; box-shadow: 0 0 2px rgba(15, 15, 15, 0.5); -webkit-box-shadow: 0 0 2px rgba(15, 15, 15, 0.5); -moz-box-shadow: 0 0 2px rgba(15, 15, 15, 0.5);}

/* Add check mark */
label.sc-checkbox span.sc-checkmark:after {content: ""; position: absolute; display: none; top: 3px; left: 7px; width: 4px; height: 10px; border: solid #ffffff; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}

label.sc-checkbox input[type="checkbox"]:checked ~ span.sc-checkmark:after {display: block;}  /* Show check mark when checkbox checked */
label.sc-checkbox input[type="checkbox"]:checked ~ span.sc-checkmark {background-color: red; height: 22px; width: 22px; border: 1px solid #cccccc;} /* Change border colour when checkbox checked */
label.sc-checkbox input[type="checkbox"][disabled] ~ span.sc-checkmark {background-color: #f0f0f0!important; height: 22px; width: 22px; cursor: default; border: 1px solid #cccccc;} /* Make grey when disabled */
label.sc-checkbox input[type="checkbox"]:checked[disabled] ~ span.sc-checkmark {background-color: #cccccc!important;} /* Make a darker grey when disabled and checked */

/* Radios */
label.sc-radio {display: inline-block; position: relative; padding: 12px 0 0 35px; height: 45px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
label.sc-radio.sc-radio-input {display: block; margin: 5px 0 15px 0;}
label.sc-radio.sc-radio-inline {float: left; padding: 0 24px 0 35px;}
label.sc-radio.sc-radio-inline:last-child {float: left; padding: 0 0 0 35px;}
label.sc-radio.sc-radio-nolabel {padding: 0;}
label.sc-radio input[type="radio"] {position: absolute; opacity: 0; cursor: pointer;} /* Hide default radio */
label.sc-radio span.sc-radio-checkmark {position: absolute; top: 10px; left: 0; height: 20px; width: 20px; background-color: #ffffff; border: 2px solid #cccccc; border-radius: 50%; box-sizing: content-box;}

.sc-radio-error-action p {padding: 0 0 5px 0; font-weight: 600;}
.sc-radio-error-action label.sc-radio {margin: 0; height: 25px;}
.sc-radio-error-action label.sc-radio:last-child {margin: 0 0 10px 0;}

/* Show new radio container */
label.sc-radio:hover input[type="radio"] ~ span.sc-radio-checkmark {border-color: #999999; box-shadow: 0 0 2px rgba(15, 15, 15, 0.5); -webkit-box-shadow: 0 0 2px rgba(15, 15, 15, 0.5); -moz-box-shadow: 0 0 2px rgba(15, 15, 15, 0.5);}
label.sc-radio span.sc-radio-checkmark:after {content: ""; position: absolute; display: none; top: 3px; left: 3px; width: 14px; height: 14px; border-radius: 50%; background: red;} /* Add check mark */
label.sc-radio input[type="radio"]:checked ~ span.sc-radio-checkmark:after {display: block;} /* Show check mark when radio checked */
label.sc-radio input[type="radio"]:checked ~ span.sc-radio-checkmark {border-color: red;} /* Change border colour when radio checked */

/* File inputs - usually label or anchor */
.sc-wrap .sc-file, .fancybox-content .sc-file {display: block; position: relative; padding: 0 15px; margin: 5px 0; height: 40px; font-size: 80%; line-height: 40px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #ed1c24; color: #ffffff; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
.sc-wrap .sc-file:hover, .fancybox-content .sc-file:hover {background: #d00f31; text-decoration: none;}
.sc-wrap label.sc-file.sc-inputsizing, .fancybox-content label.sc-file.sc-inputsizing {padding: 0 15px!important;}

label.sc-file input[type="file"] {position: absolute; opacity: 0; width: 0.1px; height: 0.1px; z-index: -1;}

/* Autocomplete */
.sc-wrap .sc-autocomplete-noresults-create, .fancybox-content .sc-autocomplete-noresults-create {font-size: 70%; font-weight: 500; color: green; padding: 0 10px 15px 10px; position: relative; top: -5px;}
.sc-wrap .sc-autocomplete-noresults-error, .fancybox-content .sc-autocomplete-noresults-error {font-size: 70%; font-weight: 500; color: red; padding: 0 10px 15px 10px; position: relative; top: -5px;}

/* Sortable */
.sc-table .sc-sortable-handle {width: 50px; cursor: move; text-align: center;}

/* Read only paragraph */
.sc-wrap .sc-readonly, .fancybox-content .sc-readonly {width: 100%; box-sizing: border-box; background: #ffffff; padding: 0.862em 10px; margin: 5px 0 15px 0; outline: none; resize: none; font-family: "Montserrat", sans-serif; font-size: 90%;}

/* Fancybox */
.fancybox-slide .fancybox-content {min-width: 800px; max-width: 98%; padding: 24px;}
.sc-wrap.fancybox-content {width: 100%; max-width: 1180px; font-size: 0.95em;} /* Whole view loaded with AJAX */
.sc-wrap.fancybox-content .sc-content-wrap {padding: 0 15px;}
.sc-wrap.fancybox-content .sc-content {padding: 25px 0 0 0;}
.sc-fancybox-container {display: none; font-size: 95%;}
.sc-fancybox-container h3 {padding: 0 0 20px 0;}
.sc-fancybox-container h4 {padding: 0 0 10px 0;}
.sc-fancybox-container .sc-blockbutton {margin: 5px 0 15px 0;}
.sc-fancybox-container .sc-input-submit .sc-blockbutton {margin: 0; padding: 0; float: left; line-height: 45px;}

.sc-fancybox-container .sc-input-submit .sc-blockbutton a, .sc-fancybox-container .sc-input-submit .sc-blockbutton button {padding: 0 20px; margin: 0 5px 0 0;}

.fancybox-can-swipe .fancybox-slide .fancybox-content {cursor: default;}
.fancybox-is-grabbing .fancybox-slide .fancybox-content {cursor: grabbing;}

/*
 * Fancybox uses 99999997 and 99999999 for its loading animation
 * If you change this remember to check insert image dialog
 */
.mce-floatpanel {z-index: 99999998!important;}

/* TinyMCE */
.sc-input [data-sc-tinymce] {display: none;} /* Hide default textarea on load */
.sc-input .mce-tinymce {margin: 5px 0 15px 0;}

/* Show / hide */
.sc-showhide-container {margin-bottom: 30px;}
.sc-showhide-hidable {padding: 20px 10px 10px 10px; border-width: 0 2px 2px 2px; border-style: solid; border-color: grey; border-radius: 0 0 5px 5px;}
h2[data-sc-showhide] {cursor: pointer; background: grey; color: #ffffff; padding: 10px; font-weight: 400; border-radius: 5px 5px 0 0;}
h2[data-sc-showhide] .fas {float: right;}
h2[data-sc-showhide].sc-showhide-contenthidden {border-radius: 5px;}

/* Pagination */
.sc-pagination-container {height: 40px; line-height: 40px; margin: 20px; font-size: 90%;}
.sc-pagination-container .sc-pagination-left, .sc-pagination-container .sc-pagination-right {width: 30%; float: left; height: 100%;}
.sc-pagination-container .sc-pagination-middle {width: 40%; float: left; text-align: center; height: 100%;}
.sc-pagination-container .sc-pagination-middle select {display: inline; width: 15%; height: initial; margin: 0 10px; padding: 10px 15px; text-align: center;}
.sc-pagination-container .sc-blockbutton a {margin: 0; padding: 0 15px;}
.sc-pagination-container .fa-chevron-left {margin-right: 10px;}
.sc-pagination-container .fa-chevron-right {margin-left: 10px;}

/* Downloads */
.sc-download-container {margin: 0 0 20px 0; background: #e7e7e8; padding: 20px 10px 10px 10px; border-radius: 3px;}
.sc-download-container > .sc-input {float: left; width: 21.5%; margin: 0 1.5% 0 1.5%;}
.sc-download-container > .sc-input:first-child {margin: 0 1.5% 0 0;}
.sc-download-container > .sc-input:nth-child(4) {width: 15.5%;}
.sc-download-container > .sc-input:nth-child(5) {width: 3%; margin: 0 0 0 1.5%;}
.sc-download-container > .sc-input:nth-child(5) a {display: block; margin: 5px 0 15px 0; line-height: 45px; font-size: 28px;}
.sc-download-container > .sc-input:last-child {width: 5%; margin: 0; text-align: right;}

/* Training session */
.sc-table .sc-customtrainingsession-container td {padding: 12px 5px;}
.sc-table .sc-customtrainingsession-container .sc-row.sc-time > .sc-input {margin-top: 0; margin-bottom: 0;}
.sc-table .sc-customtrainingsession-container input[type="text"].sc-customtrainingsession-trainee-1-name, .sc-table .sc-customtrainingsession-container input[type="text"].sc-customtrainingsession-trainer-name, .sc-table .sc-customtrainingsession-container input[type="text"].sc-customtrainingsession-date {margin-bottom: 5px;}

.sc-row.sc-thirds.sc-customtrainingsession-timecontainer > .sc-input {width: 43%;}
.sc-row.sc-thirds.sc-customtrainingsession-timecontainer > .sc-input:nth-child(3n+1) {margin: 0 2% 0 0; clear: left;}
.sc-row.sc-thirds.sc-customtrainingsession-timecontainer > .sc-input:nth-child(3n+2) {margin: 0 1%; width: 8%; height: 45px; line-height: 45px; text-align: center;}
.sc-row.sc-thirds.sc-customtrainingsession-timecontainer > .sc-input:nth-child(3n+3) {margin: 0 0 0 2%;}
.sc-table .sc-customtrainingsession-hourstotal-container th, .sc-table .sc-customtrainee_customwebinar-hourstotal-container th {padding: 10px;}

.atb-webinar-attending .atb-webinar-attending-label {padding: 12px; margin-left: 5px; font-size: 1.1em; background: #f07041; color: #ffffff; border: 1px solid #999999; width: 160px; display: inline-block; position: relative; top: -12.5px; font-weight: 500;}
.atb-webinar-attending .atb-webinar-attending-label:after {content: "Tick to register";}
label.sc-checkbox.atb-webinar-attending input[type="checkbox"]:checked ~ span.sc-checkmark {background: #5ead36;}
.atb-webinar-attending input[type="checkbox"]:checked ~ .atb-webinar-attending-label:after {content: "Submit to confirm";}
.atb-webinar-attending.atb-webinar-attending-confirmed .atb-webinar-attending-label:after {content: "Submit to confirm";}
.atb-webinar-attending.atb-webinar-attending-confirmed input[type="checkbox"]:checked ~ .atb-webinar-attending-label {background: #5ead36;}
.atb-webinar-attending.atb-webinar-attending-confirmed input[type="checkbox"]:checked ~ .atb-webinar-attending-label:after {content: "Registered";}

/* Contact product downloads - portal */
.sc-wrap .sc-publicdownload-container {background: #e7e7e8; border-radius: 3px; box-sizing: border-box; cursor: pointer; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; display: table; color: initial; margin-bottom: 20px; font-size: 90%;}
.sc-wrap .sc-publicdownload-container:hover {background: #848484; color: #ffffff; text-decoration: none;}
.sc-wrap .sc-publicdownload-container > .sc-input {width: 10%; padding: 15px; text-align: center; display: table-cell; vertical-align: middle;}
.sc-wrap .sc-publicdownload-container > .sc-input:nth-child(2) {width: 80%; text-align: left; font-weight: 500;}
.sc-wrap .sc-publicdownload-container > .sc-input:last-child {margin: 0 0 0 2%;}
.sc-wrap .sc-publicdownload-container > .sc-input i {font-size: 1.5em;}
.sc-wrap .sc-publicdownload-container > .sc-input:last-child i {color: #ed1c24; transition: color 0.2s ease; -webkit-transition: color 0.2s ease; -moz-transition: color 0.2s ease; -o-transition: color 0.2s ease;}
.sc-wrap .sc-publicdownload-container:hover > .sc-input:last-child i {color: #ffffff;}

/* Email attachments */
.sc-emailattachment-container {box-sizing: border-box; height: 45px; line-height: 45px; border: 0; margin: 5px 0 15px 0;}

.sc-emailattachment-button {padding: 0 10px; cursor: pointer; display: block; height: 100%; width: 100%; background: #ffffff; border: 1px solid #cccccc; text-align: left; font-weight: 400; font-size: 90%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; font-family: "Montserrat", sans-serif; outline: none;}

.sc-emailattachment-button:hover {box-shadow: 0 0 5px rgba(15, 15, 15, 0.15); -webkit-box-shadow: 0 0 5px rgba(15, 15, 15, 0.15); -moz-box-shadow: 0 0 5px rgba(15, 15, 15, 0.15);}

/* .sc-emailattachment-container {cursor: pointer; padding: 10px 15px; margin: 5px 0 15px 0; color: #ffffff; font-weight: 600; background: green; display: inline-block; transition: all 0.25s ease; -webkit-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -o-transition: all 0.25s ease;}
 */
.sc-emailattachment-container input[type="file"] {position: absolute; opacity: 0; width: 0.01px; height: 0.01px;}

/* jQuery UI */
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {cursor: pointer;}
.ui-datepicker .ui-datepicker-title .ui-datepicker-year {margin: 0 0 0 10px; height: 1.8em; background: #ffffff; border: 1px solid #cccccc; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0; text-align: center; width: 40%;}
.ui-front {z-index: 99999999!important;}
.ui-tooltip {z-index: 99999999!important; white-space: pre-line;}

/* EB 08/08/24 */
/* popup message */
.popup-message {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); flex-direction: column; align-items: center; justify-content: center; display: flex; z-index: 100; padding: 40px;}
.popup-message .content {background: #ffffff; box-shadow: 0 0 5px #000000; padding: 40px; width: 100%; position: relative; overflow-y: auto; border-radius: 10px; max-width: 50vw;}
.popup-message .close-popup {display: block; position: absolute; top: 10px; right: 10px; font-size: 1.1rem; font-weight: 700; text-decoration: none; cursor: pointer;}
.popup-message .blockbutton.options {margin: 0 auto;}
.popup-message .blockbutton a {display: inline-block; text-decoration: none; padding: 7px 20px; background: #ed1c24; color: #ffffff; font-weight: 700; margin: 0 10px 0 0}
.popup-message .blockbutton a:hover {background: #b90d13;}

.sc-desktop-only {display: initial!important;}
.sc-mobile-only {display: none!important;}

/* EB 22/10/2024 #41680104 */
.salesdashboard .columns {display: grid; grid-template-columns: repeat(2,1fr); column-gap: 20px;}
.salesdashboard .block {background: #f2f2f2; margin: 0 0 20px 0;}
.salesdashboard .block .heading {background: #333333; padding: 15px 20px;}
.salesdashboard .block .heading h3 {color: #ffffff; margin: 0; padding: 0; font-size: 1rem}
.salesdashboard .block .text {padding: 20px;}
.salesdashboard .sc-table th {padding: 5px 7px; background: #ed1c24; font-size: 0.85rem}
.salesdashboard .sc-table td {padding: 5px 7px; font-size: 0.85rem}
.salesdashboard .tabbedsections .tabs {margin: 0 0 20px 0;}
.salesdashboard .tabbedsections .tabs a {display: inline-block; background: #cccccc; color: #333333; font-size: 0.8rem; padding: 5px 10px; text-decoration: none; margin: 0 2px 0 0;}
.salesdashboard .tabbedsections .tabs a.selected {background: #ed1c24; color: #ffffff}
.salesdashboard .tabbedsections .sc-form.sc-box.sc-shadow-dark {display: none;}
.salesdashboard .tabbedsections .sc-sessionmessages {display: none;}
.salesdashboard .overview {padding: 20px; background: #cccccc; display: grid; grid-template-columns: 1fr 4fr; column-gap: 20px; margin: 0 0 20px 0; align-items: center;}
.salesdashboard .overview .right {display: flex; gap: 20px; justify-content: space-between;}
.salesdashboard .overview p {margin: 0; padding: 0; font-weight: 700;}
.salesdashboard .overview p span {font-size: 1.3rem; color: #ed1c24}

/* Print */
@media print {
  * {-webkit-print-color-adjust: exact; color-adjust: exact;}
  body {font-size: 12pt; font-family: arial, serif; line-height: 140%; background: #ffffff;}
  .see-cms-toolbar {display: none!important;}
  .sc-wrap a {color: #181818!important;}
  .sc-wrap .sc-blockbutton {display: none;}
  .sc-wrap .sc-table a .fa-play {display: none;}
  .sc-wrap .sc-table td {padding: 5px;}

  .sc-wrap .sc-header-wrap, .sc-wrap .sc-mobile-header-wrap, .sc-wrap .sc-page-title-wrap, .sc-wrap .sc-breadcrumb-wrap, .sc-wrap [data-sc-ajaxsearch] .sc-form, .sc-wrap .sc-session-messages, .sc-wrap .sc-footer-wrap, .sc-wrap .sc-table-optionscol, .sc-wrap .sc-block-bottombuttons {display: none!important;}
}

@media (max-width: 1240px){
  .sc-header .sc-right {width: 70%;}
}

@media (max-width: 1000px){
  .sc-boxnav .sc-boxnav-box .sc-boxnav-box-inner p {font-size: 110%;}
  .sc-boxnav .sc-boxnav-box .sc-boxnav-box-inner p.sc-boxnav-icon {font-size: 450%;}
}

@media (max-width: 890px){
  .sc-header .sc-right {width: 60%;}
}

@media (max-width: 835px){
  .sc-boxnav .sc-boxnav-box {width: 48%; padding-bottom: 40%;}
}

@media (max-width: 775px){

  /* Header */
  .sc-header-wrap {display: none;}
  .sc-mobile-header-wrap {display: block; background: #ffffff;}
  .sc-mobile-header {padding: 15px 20px; background: #ffffff;}
  .sc-mobile-header .sc-left {width: 170px!important; float: left!important;}
  .sc-mobile-header .sc-left a {display: block; width: 100%;}
  .sc-mobile-header .sc-left a img {max-width: 100%; width: auto;}
  .sc-mobile-header .sc-right {width: 120px!important; float: right!important; text-align: right;}

  /* Login */
  .sc-login {width: initial; margin: 0 20px;}
  .sc-login .sc-login-passwordrecovery .sc-left {width: initial; float: left;}
  .sc-login .sc-login-passwordrecovery .sc-right {width: initial; float: right;}

  /* Nav */
  .sc-mobile-nav .sc-mobile-nav-top {background: #444444; padding: 15px 20px; cursor: pointer;}
  .sc-mobile-nav .sc-mobile-nav-top p {padding: 4px 0 0 0; float: left; line-height: 100%; color: #ffffff; font-weight: 700; font-size: 90%;}
  .sc-mobile-nav .sc-mobile-nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; float: right;}
  .sc-mobile-nav .sc-mobile-nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}

  .sc-mobile-nav .sc-mobile-nav-icon span:nth-child(1) {top: 0;}
  .sc-mobile-nav .sc-mobile-nav-icon span:nth-child(2), .sc-mobile-nav .sc-mobile-nav-icon span:nth-child(3) {top: 7px;}
  .sc-mobile-nav .sc-mobile-nav-icon span:nth-child(4) {top: 14px;}
  .sc-mobile-nav .sc-mobile-nav-open .sc-mobile-nav-icon span:nth-child(1) {top: 21px; width: 0%; left: 50%;}
  .sc-mobile-nav .sc-mobile-nav-open .sc-mobile-nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .sc-mobile-nav .sc-mobile-nav-open .sc-mobile-nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .sc-mobile-nav .sc-mobile-nav-open .sc-mobile-nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

  .sc-mobile-nav ul {padding: 0; margin: 0; display: none; border-bottom: 2px solid #ffffff;}
  .sc-mobile-nav ul ul {padding: 0; margin: 0; display: none;}
  .sc-mobile-nav li {list-style: none; position: relative; font-size: 100%;}
  .sc-mobile-nav li a {display: block; padding: 15px 65px 15px 20px; color: #444444; font-weight: 700; font-size: 90%; text-decoration: none; background: #ebebeb;}
  .sc-mobile-nav li.sc-selected a {background: #8d9a26; color: #ffffff;}
  .sc-mobile-nav li span {position: absolute; top: 0; cursor: pointer; right: 0; width: 52px; height: 52px; text-align: center; line-height: 52px; background: rgba(0, 0, 0, 0.2); color: #ffffff; z-index: 2; font-size: 140%; font-weight: 700;}
  .sc-mobile-nav li li a {padding: 10px 65px 10px 40px; font-size: 90%; background: #6e9e75; color: #ffffff;}

  /* Title */
  .sc-page-title {padding: 30px 0;}
  .sc-page-title p {font-size: 180%;}
  .sc-page-title .sc-blockbutton {position: static; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; padding: 10px 0 0 0; font-size: 80%;}

  /* Breadcrumb */
  .sc-breadcrumb-wrap .sc-breadcrumb p {font-size: 70%;}

  /* Content */
  .sc-content {padding: 30px 0;}

  /* Fancybox */
  .sc-publicdownload-container > .sc-input:nth-child(2) {font-size: 90%;}
  .fancybox-slide .fancybox-content {min-width: initial; width: 98%; padding: 20px;}
  .fancybox-slide .fancybox-content button.fancybox-close-small {width: 35px; height: 35px; padding: 5px;}

  /* Tables */
  .sc-table:not(.sc-table-noresponsive) thead {display: none;}
  .sc-table:not(.sc-table-noresponsive) table {display: block;}
  .sc-table:not(.sc-table-noresponsive) tbody {display: block;}
  .sc-table:not(.sc-table-noresponsive) tr {display: block; margin-bottom: 15px;}
  .sc-table:not(.sc-table-noresponsive) td, .sc-table:not(.sc-table-noresponsive) th {display: table; width: 100%; padding: 0;}
  .sc-table:not(.sc-table-noresponsive) .sc-table-responsivecell {display: table-cell; padding: 8px 10px; box-sizing: border-box; vertical-align: top;}
  .sc-table:not(.sc-table-noresponsive) .sc-table-responsivecell:first-child {width: 30%;}
  .sc-table:not(.sc-table-noresponsive) .sc-table-responsivecell:last-child {width: 70%;}
  .sc-table:not(.sc-table-noresponsive) .atb-webinar-attending-container .sc-table-responsivecell {vertical-align: middle;}
  .sc-objectslist {overflow-x: initial; transform: initial;} /* Flip so scrollbar is at top */
  .sc-objectslist > * {transform: initial;} /* Flip rest of content back the right way around */

  .sc-table:not(.sc-table-noresponsive) .sc-table-responsive-heading .sc-table-responsivecell {width: initial; padding: 12px 10px; color: #ffffff; background: #414141; font-weight: 600; display: block;}
  .sc-table:not(.sc-table-noresponsive) .sc-table-responsive-heading a, .sc-table:not(.sc-table-noresponsive) .sc-table-responsive-heading label {color: #ffffff;}
  .sc-table .sc-table-optionscol {padding: 10px;}
  .sc-table .sc-blockbutton a {margin: 10px 0 0 0!important;}
  .sc-table .sc-table-responsive-label {display: table-cell;}

  .sc-wrap .sc-block-bottombuttons.sc-responsive-fixedbuttons {position: fixed; bottom: 0; left: 0; width: 100%; margin: 0; z-index: 100;}
  .sc-wrap .sc-block-bottombuttons.sc-responsive-fixedbuttons .sc-input input[type="submit"] {font-size: 100%; height: 52px; box-shadow: 0 0 15px rgba(15, 15, 15, 0.4); -webkit-box-shadow: 0 0 15px rgba(15, 15, 15, 0.4); -moz-box-shadow: 0 0 15px rgba(15, 15, 15, 0.4);}
}

@media (max-width: 667px){
  .sc-box label, .sc-row p, .sc-box p, .sc-table td, .sc-table th, .sc-footer p {font-size: 80%;}
  .sc-wrap h1, .fancybox-content h1 {font-size: 160%;}
  .sc-wrap h2, .fancybox-content h2 {font-size: 120%; display: block; float: none; padding: 0 0 15px 0;}
  .sc-wrap h3, .fancybox-content h3 {font-size: 100%;}
  .sc-wrap h4, .fancybox-content h4 {font-size: 90%;}
  .sc-vnav ul li a {font-size: 90%; font-weight: 600;}

  .sc-table td .sc-input input[type="text"], .sc-table td .sc-input input[type="password"], .sc-table td .sc-input input[type="email"], .sc-table td .sc-input input[type="url"], .sc-table td .sc-input input[type="tel"], .sc-table td .sc-input input[type="number"], .sc-table td .sc-input input[type="search"], .sc-table td .sc-input textarea, .sc-table td .sc-input select, .sc-table th .sc-input input[type="text"], .sc-table th .sc-input input[type="password"], .sc-table th .sc-input input[type="email"], .sc-table th .sc-input input[type="url"], .sc-table th .sc-input input[type="tel"], .sc-table th .sc-input input[type="number"], .sc-table th .sc-input input[type="search"], .sc-table th .sc-input textarea, .sc-table th .sc-input select {font-size: 100%;}

  h2[data-sc-showhide], h2[data-sc-showhide].sc-showhide-contenthidden {padding: 13px 10px; font-size: 100%;}

  .sc-mobile-only {display: initial!important;}
  .sc-desktop-only {display: none!important;}

  .sc-wrap .sc-left, .sc-wrap .sc-right {float: none; width: 100%;}
  .sc-wrap .sc-tabs ul li {display: block; width: 100%; margin: 0 0 5px 0;}

  /* Pagination */
  .sc-pagination-container {margin: 0;}
  .sc-pagination-container .sc-pagination-right, .sc-pagination-container .sc-pagination-middle {margin: 0 0 10px 0;}

  /* Halves and thirds - full width */
  .sc-row.sc-halves > .sc-input, .sc-row.sc-halves > .sc-input:nth-child(2n+1), .sc-row.sc-halves > .sc-input:nth-child(2n+2), .sc-row.sc-twos > .sc-input, .sc-row.sc-twos > .sc-input:nth-child(2n+1), .sc-row.sc-twos > .sc-input:nth-child(2n+2), .sc-row.sc-thirds > .sc-input, .sc-row.sc-thirds > .sc-input:nth-child(3n+1), .sc-row.sc-thirds > .sc-input:nth-child(3n+2), .sc-row.sc-thirds > .sc-input:nth-child(3n+3) {width: 100%; float: none; margin: 0;}

  /* Quarters - reset */
  .sc-row.sc-quarters > .sc-input {width: 23%; margin: 0; clear: none;}

  /* Quarters - halves */
  .sc-row.sc-quarters > .sc-input {width: 48%;}
  .sc-row.sc-quarters > .sc-input:nth-child(2n+1) {margin-left: 0%; margin-right: 2%;}
  .sc-row.sc-quarters > .sc-input:nth-child(2n+2) {margin-left: 2%; margin-right: 0%;}

  .sc-input input[type="text"], .sc-input input[type="password"], .sc-input input[type="email"], .sc-input input[type="url"], .sc-input input[type="tel"], .sc-input input[type="number"], .sc-input input[type="search"], .sc-input select {margin: 5px 0 10px 0; font-size: 80%; height: 35px;}

  .sc-input textarea {margin: 5px 0 10px 0; font-size: 80%;}
  .sc-input .sc-readonly {margin: 5px 0 10px 0; font-size: 80%;}
  .sc-input input[type="submit"] {height: 35px; width: 100%;}

  .sc-block.sc-block-bottombuttons .sc-blockbutton a, .sc-block.sc-block-bottombuttons .sc-input input[type="submit"] {font-size: 80%; width: 100%;}

  .sc-wrap .sc-blockbutton {font-size: 80%;}
  .sc-wrap .sc-blockbutton a {font-size: 100%; margin: 0 0 5px 0; width: 100%; text-align: center; box-sizing: border-box; display: block;}
}

@media (max-width: 480px){
  .sc-boxnav {width: 100%; margin-left: 0;}
  .sc-boxnav .sc-boxnav-box {width: 100%; margin: 0 0 20px 0; padding-bottom: 80%;}
}