@charset "UTF-8";

:root {
  --red: #ed1c24;
  --dark-red: #d00f31;
  --pale-red: #ffdade;
  --very-pale-red: #ffebef;
  --dark-red: #d01637; /* Not used ? */
  --dark-green: #3f861c;
  --green: #5ead36;
  --pale-green: #e6f5df;
  --dark-blue: #213572;
  --blue: #354987;
  --grey: #848484;
  --dark-grey: #616161;
  --darker-grey: #444444;
  --light-grey: #cccccc;
  --lighter-grey: #e7e7e8;
  --orange: #f07041;
  --light-orange: #ffcaab;
  --colour1: #ed1c24;
  --mfw-orange: #ea5d27;
  --mfw-orange-dark: #da5508;
}

img {display: block; margin: 0; outline: none; padding: 0; vertical-align: bottom; max-width: 100%; width: auto;}
img.seecmsimagedefault, img.seecmsimagedefaultundefined {display: inline-block; margin: 0 0 20px 0!important;}
img.seecmsimageleft, img.seecmsimageleftundefined {float: left; margin: 0 20px 20px 0!important;}
img.seecmsimageright, img.seecmsimagerightundefined {float: right; margin: 0 0 20px 20px!important;}
img.seecmsimagecentre, img.seecmsimagecentreundefined {display: block; margin: 0 auto;}

/* Default elem styling */
.sc-wrap a, .fancybox-content a {color: #ed1c24;}
.mfw-body .sc-wrap a, .mfw-body .fancybox-content a {color: #ea5d27;}
.sc-wrap hr, .fancybox-content hr {background: #cccccc;}

/* General */
.sc-required {color: #ed1c24!important;}
.sc-field-help {color: #ed1c24!important;}
.mfw-body .sc-required {color: #ea5d27!important;}
.mfw-body .sc-field-help {color: #ea5d27!important;}

.sc-wrap ::selection, .fancybox-content ::selection {background: #ed1c24;}
.mfw-body .sc-wrap ::selection, .mfw-body .fancybox-content ::selection {background: #ea5d27;}
.sc-wrap .sc-red::selection, .sc-wrap .sc-colour1::selection, .sc-wrap .sc-sessionmessage.sc-sessionmessage-error::selection, .sc-wrap .sc-page-title-wrap::selection, .fancybox-content .sc-red::selection, .fancybox-content .sc-colour1::selection, .fancybox-content .sc-sessionmessage.sc-sessionmessage-error::selection {background: #ffffff; color: #ed1c24;}
.mfw-body .sc-wrap .sc-red::selection, .mfw-body .sc-wrap .sc-colour1::selection, .mfw-body .sc-wrap .sc-sessionmessage.sc-sessionmessage-error::selection, .mfw-body .sc-wrap .sc-page-title-wrap::selection, .mfw-body .fancybox-content .sc-red::selection, .mfw-body .fancybox-content .sc-colour1::selection, .mfw-body .fancybox-content .sc-sessionmessage.sc-sessionmessage-error::selection {background: #ffffff; color: #ea5d27;}

/* Override default SeeCRM colours */
.sc-redtext, .sc-colour1text {color: #ed1c24!important;}
.sc-orangetext {color: #f07041!important;}
.sc-greentext {color: #5ead36!important;}
.sc-bluetext {color: #354987!important;}
.sc-greytext {color: #848484!important;}
.mfw-body .sc-colour1text {color: #ea5d27!important;}

.sc-red, .sc-colour1 {background: #ed1c24!important;}
.sc-orange {background: #f07041!important;}
.sc-green {background: #5ead36!important;}
.sc-blue {background: #354987!important;}
.sc-grey {background: #848484!important;}
.mfw-body .sc-colour1 {background: #ea5d27!important;}

/* Hover colour for buttons */
a[role="button"] {cursor: pointer;} /* WM 31/07/24 TASK #41125251 */
.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: #d00f31!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: #616161!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: #3f861c!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: #213572!important;}

/* Title */
.sc-wrap .sc-page-title-wrap {background: #ed1c24;}
.sc-wrap .sc-page-title .sc-blockbutton a, .sc-wrap .sc-page-title .sc-blockbutton button {background: #ffffff; color: #ed1c24;}

.mfw-body .sc-wrap .sc-page-title-wrap {background: #ea5d27;}
.mfw-body .sc-wrap .sc-page-title .sc-blockbutton a, .mfw-body .sc-wrap .sc-page-title .sc-blockbutton button {background: #ffffff; color: #ea5d27;}

/* Primary nav */
.sc-wrap .sc-nav li.sc-selected a, .sc-wrap .sc-nav li:hover a {color: #ed1c24;}
.mfw-body .sc-nav li.sc-selected a, .mfw-body .sc-nav li:hover a {color: #ea5d27;}

/* Vertical nav */
.sc-wrap .sc-vnav ul li a {background: #cccccc;}
.sc-wrap .sc-vnav li.sc-selected a, .sc-wrap .sc-vnav ul li a:hover {background: #ed1c24;}
.mfw-body .sc-vnav li.sc-selected a, .mfw-body .sc-vnav ul li a:hover {background: #ea5d27;}

/* Box nav */
.sc-boxnav .sc-boxnav-box {background: #ed1c24;}
.sc-boxnav .sc-boxnav-box:hover {background: #d00f31;}
.mfw-body .sc-boxnav .sc-boxnav-box {background: #ea5d27;}
.mfw-body .sc-boxnav .sc-boxnav-box:hover {background: #da5508;}

/* Tabs */
.sc-wrap .sc-tabs ul li a {background: #cccccc;}
.sc-wrap .sc-tabs ul li a:hover {background: #848484; color: #ffffff; text-decoration: none;}
.sc-wrap .sc-tabs ul li a.atb-tab-greyed {background: #e5e5e5e5; color: #888888;}
.sc-wrap .sc-tabs ul li a.sc-tab-active {background: #ed1c24;}
.mfw-body .sc-tabs ul li a.sc-tab-active {background: #ea5d27;}

/* Breadcrumb */
.sc-breadcrumb-wrap .sc-breadcrumb p span {color: #ed1c24;}
.mfw-body .sc-breadcrumb-wrap .sc-breadcrumb p span {color: #ea5d27;}

/* Session messages */
.sc-wrap .sc-sessionmessage.sc-sessionmessage-success {background: #5ead36;}
.sc-wrap .sc-sessionmessage.sc-sessionmessage-warning {background: #f07041;}
.sc-wrap .sc-sessionmessage.sc-sessionmessage-error {background: #ed1c24;}

/* Block button */
.sc-wrap .sc-blockbutton a, .sc-wrap .sc-blockbutton button, .fancybox-content .sc-blockbutton a, .fancybox-content .sc-blockbutton button {color: #ffffff; background: #ed1c24;}
.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: #d00f31;}

.mfw-body .sc-wrap .sc-blockbutton a, .mfw-body .sc-wrap .sc-blockbutton button, .mfw-body .fancybox-content .sc-blockbutton a, .mfw-body .fancybox-content .sc-blockbutton button {background: #ea5d27;}
.mfw-body .sc-wrap .sc-blockbutton a:not(.sc-nohover):hover, .mfw-body .sc-wrap .sc-blockbutton button:not(.sc-nohover):hover, .mfw-body .fancybox-content .sc-blockbutton a:not(.sc-nohover):hover, .mfw-body .fancybox-content .sc-blockbutton button:not(.sc-nohover):hover {background: #da5508;}

/* Login */
.sc-login-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(237, 28, 36, 0.8);}
.sc-login .sc-input input[type="submit"] {background: #ed1c24;}
.sc-login .sc-input input[type="submit"]:hover {background: #d00f31;}
.mfw-body .sc-login-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d45b40;}
.mfw-body .sc-login .sc-input input[type="submit"] {background: #d45b40;}
.mfw-body .sc-login .sc-input input[type="submit"]:hover {background: #292c34;}

/* Forms */
.sc-input input[type="submit"], .sc-input input[type="button"] {background: #5ead36;}
.sc-input input[type="submit"]:hover, .sc-input input[type="button"]:hover {background: #3f861c;}
p.seeformerrors {color: #ed1c24;}
.sc-block.sc-block-bottombuttons .atb-saveactions-container {margin-right: 40px; font-size: 90%;}

/* File inputs */
label.sc-file {background: #ed1c24;}
label.sc-file:hover {background: #d00f31;}
.mfw-body label.sc-file {background: #ea5d27;}
.mfw-body label.sc-file:hover {background: #da5508;}

/* Signatures */
.atb-signature-pad {padding: 0; box-sizing: border-box; width: 100%; height: 113px; background: #ffffff; border: 1px solid #cccccc; margin: 5px 0 15px 0; outline: none; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
.atb-signature-pad a {margin-right: 15px; font-weight: 600; font-size: 0.9em;}
.atb-signature-pad canvas {display: block; width: 100%; height: 100%; margin-bottom: 10px;}

.atb-signature-pad {position: relative;} /* WM 31/07/24 TASK #41125251 */
.atb-signature-pad .squiggle {position: absolute; top: 0; left: 0;}

/* Signature button styling - NL 31/07/24 TASK #41140640 */
.signature-wrap {display: flex; flex-direction: column; flex-wrap: wrap;}
.signature-wrap .sc-blockbutton {max-width: max-content;}
.signature-wrap .sc-blockbutton a {margin: 0;}
.signature-submit {max-width: max-content;}
.signature-wrap input {padding: 10px 15px; border: 0; border-radius: 1px; cursor: pointer; box-sizing: content-box; color: #ffffff; font-size: 0.8rem; font-weight: 600; background: #5ead36; 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; line-height: 140%; font-family: "Montserrat", sans-serif;}
.signature-settings {display: flex; flex-direction: row; gap: 15px;}

/* Autocomplete */
.sc-wrap .sc-autocomplete-noresults-create, .fancybox-content .sc-autocomplete-noresults-create {color: #5ead36;}
.sc-wrap .sc-autocomplete-noresults-error, .fancybox-content .sc-autocomplete-noresults-error {color: #ed1c24;}

/* Brand logos */
.sc-wrap .atb-smalllogo-container {margin: 0 0 15px 0; height: 69px;}
.sc-wrap .atb-smalllogo-container img {margin: 0 auto;}

/* Referral sources */
#sc-customreferralsource-hidable-heading {transition: margin-top 0.25s; -webkit-transition: margin-top 0.25s; -moz-transition: margin-top 0.25s; -o-transition: margin-top 0.25s;}
#sc-customreferralsource-hidable-heading.sc-showhide-contenthidden {margin-top: 24px;}

.slick-slide {outline: none!important;}
.cmsform p {padding: 0;}
.cmsform p.fieldname {padding: 0 0 5px 0;}
.cmsform p.fieldoption {padding: 0 0 20px 0;}
.cmsform p.fieldoption .notes {font-style: italic;}
.cmsform input, .cmsform select, .cmsform textarea {margin: 0 0 5px 0;}
.cmsform input[type="checkbox"] {margin: 0 10px 0 0;}
.cmsform input[type="submit"] {margin: 15px 0;}
.cmsform .errors p {color: red!important; padding: 0 0 20px 0;}
.cmsform span.error {color: red!important; float: right;}
.searchresult h3 img {width: auto; float: left; margin: 0 10px 0 0;}
.sitemap ul ul {margin: 0 0 0 20px;}

/* Show / hide */
.sc-showhide-hidable {border-color: #ed1c24;}
h2[data-sc-showhide] {background: #ed1c24;}
.mfw-body .sc-showhide-hidable {border-color: #ea5d27;}
.mfw-body h2[data-sc-showhide] {background: #ea5d27;}

/* Radios */
label.sc-radio span.sc-radio-checkmark:after {background: #ed1c24;}
label.sc-radio input[type="radio"]:checked ~ span.sc-radio-checkmark {border-color: #ed1c24;}
.mfw-body label.sc-radio span.sc-radio-checkmark:after {background: #ea5d27;}
.mfw-body label.sc-radio input[type="radio"]:checked ~ span.sc-radio-checkmark {border-color: #ea5d27;}

/* Checkboxes */
label.sc-checkbox input[type="checkbox"]:checked ~ span.sc-checkmark {background-color: #ed1c24;}
.mfw-body label.sc-checkbox input[type="checkbox"]:checked ~ span.sc-checkmark {background-color: #ea5d27;}

/* Toggles */
label.sc-toggle input[type="checkbox"]:checked + .sc-slider {background-color: #5ead36;}

/* Fancybox */
.fancybox-slide .fancybox-content button.fancybox-close-small {opacity: 0.7; filter: alpha(opacity=70);}
.fancybox-slide .fancybox-content button.fancybox-close-small:hover {background: initial; opacity: 1; filter: alpha(opacity=100);}
.fancybox-slide .fancybox-content button.fancybox-close-small:focus {box-shadow: initial; -webkit-box-shadow: initial; -moz-box-shadow: initial;}

/* jQuery UI */
.ui-front {z-index: 99999!important;}
.ui-tooltip {z-index: 99999!important;}

/* Google maps */
[data-sc-googlemap] {height: 600px; width: 100%;}
.sc-googlemap-legend-container {margin: 15px 0 0 0; text-align: center;}
.sc-googlemap-legend-container p {font-size: 90%; padding: 0;}
.sc-googlemap-legend-container p .sc-googlemap-key {font-size: 90%; padding-right: 12px;}
.sc-googlemap-legend-container p img {font-size: 90%; display: inline; vertical-align: middle; padding-right: 12px; margin: 0;}
.gm-style {font: inherit; font-size: 90%;}
.gm-style .gm-style-iw-c {padding: 15px;}
.gm-style .gm-style-iw {font-size: inherit;}
.gm-style .gm-style-iw-c p {padding: 0 0 7px 0;}
.gm-style .gm-style-iw-c p.sc-googlemap-heatmapnotes {padding: 8px 0 0 0;}

/* .content .left {float: left; width: 25%;}
.content .right {float: right; width: 71%;} */

.welcome {padding: 0 0 30px 0;}
.welcome p {text-align: center; font-weight: 700; padding: 0; font-size: 140%;}

.seecmsmessage {background: #ed1c24; padding: 20px; margin: 0 0 20px 0;}
.seecmsmessage.green {background: #5ead36;}
.seecmsmessage p {color: #ffffff; font-weight: 700; padding: 0 0 0 30px; position: relative;}
.seecmsmessage p span {color: #ffffff; position: absolute; top: 2px; left: 0; font-size: 120%;}

/* Edit training job */
.sc-customtrainer-container > div:nth-child(1) {float: left; width: 87%;}
.sc-customtrainer-container > div:nth-child(2) {float: right; width: 13%; text-align: right;}
.sc-customtrainer-container > div:nth-child(2) a {line-height: 45px; margin: 5px 0 15px 0; display: block;}

@media (max-width: 775px){
  p, li, label, table td, table th {font-size: 80%;}

  .header .left {width: 170px;}
  .header .right {padding: 0;}
  .header a.logo {height: 70px;}
  .header p {font-size: 80%;}

  /* Nav */
  .sc-mobile-nav li.sc-selected a {background: #ed1c24; color: #ffffff;}
}

@media (max-width: 470px){
  .header {padding: 20px 0;}
  .header .left {float: none; margin: 0 auto 20px auto; padding-left: 40px;}
  .header .right {padding: 0; width: 100%; float: none; text-align: center;}
}