/* stylelint-disable selector-class-pattern */
html {height: 101%;}
body {margin: 0; padding: 0; background: #333333; font-family: "museo-sans-n3", "museo-sans", arial, sans-serif;}

.left, .right, .col1, .col2, .col3, .col4, .col5 {float: left; display: block;}

.clear {clear: both;}
.textright {text-align: right;}

p, h1, h2, h3, h4, li {padding: 0; margin: 0; color: #333333;}
p {padding: 0 0 12px 0;}
p.nopadding {padding: 0;}
p.seeformerrors {font-weight: bold; color: #ed1c24;}

.atb-message {padding: 20px 14px; background: #cccccc; border-radius: 3px; margin: 5px 0 15px 0; font-size: 1.1em; line-height: 1.6em;}
.atb-message i {margin-right: 8px;}
.atb-message-warning {background: #f5b700;}

h1 {font-size: 160%;}

h2 {font-size: 140%; margin: 0; padding: 10px 0 20px 0;}
h2 span {font-size: 50%;}

h3 {font-size: 120%; padding-bottom: 5px;}
h3 span {font-size: 60%;}
h4 {font-size: 110%; font-weight: 300; color: #ed1c24;}

a {cursor: pointer; text-decoration: underline;}

#sessionmessages {text-align: center;}
#sessionmessages p {padding: 0; color: #333333; font-weight: 700; font-size: 120%; line-height: 110%;}

.secondary-nav {
  max-width: 500px;
}

.secondary-nav ul {
  padding: 0;
}

.secondary-nav ul li {
  list-style: none;
  margin: 0 0 5px 0;
}

.secondary-nav ul li a:hover {
  background-color: #ef1c25;
  color: #ffffff;
}

.secondary-nav ul li a {
  border-radius: 3px;
  background-color: #cccccc;
  color: #333333;
  text-decoration: none;
  padding: 10px;
  display: block;
}

ul.tabletabs li {list-style: none; display: inline-block; margin: 1px; float: right;}
ul.tabletabs li a {text-decoration: none; border: 1px #333333 solid; color: #333333; display: block; padding: 5px 15px; border-radius: 6px 6px 0 0; width: 50px; text-align: center;}
ul.tabletabs li a.selected, ul.tabletabs li a:hover {text-decoration: none; background-color: #333333; color: #ffffff;}
table.price-table .price-tabgroup {width: 164px; box-sizing: border-box;}
table.price-table .price-tabgroup.price-auto {display: none;}

.header {
  background: #1a1a1a;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
.headerInner {width: 1180px; margin: 0 auto; padding: 20px 10px; height: 80px;}

.main {background: #f9f9f9; position: relative; padding: 0 0 20px 0;}
.main a {color: #ed1c24;}
.mainInner {width: 1180px; margin: 0 auto; min-height: 100px; padding: 0; padding-top: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

/* .main */ .thirds {width: 30%; float: left; padding: 0 5% 0 0;}
/* .main */ .thirds.last {padding: 0;}
/* .main */ .halves {margin-top: 10px; /* min-height:100px; */ width: 50%; float: left; padding: 0 2% 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
/* .main */ .halves.last {padding: 0 0 0 2%;}
/* .main */ .thirds hr {width: 90%; margin: 5px 0;}

.formsubgroup {border: 1px solid #eeeeee; padding: 20px; background: #eeeeee; margin: 0 20px 20px 0;}
.formsubgroup .inner {width: 80%; margin: 0 auto;}

.hiddenpart {display: none;}

.hide {visibility: hidden;}

.nav {background: #333333;}
.nav ul {padding: 0; margin: 0; display: block; clear: both; height: 40px;}
.nav li {float: left; display: block; list-style: none; padding: 10px 15px; height: 20px; line-height: 20px;}
.nav li a {color: #ffffff; text-decoration: none;}
.nav li.recruitment a {color: #aaaaaa;}
.nav li a:hover {color: #ffffff; text-decoration: underline;}
.nav li.home {padding: 10px 20px 10px 0;}
.nav li.selected a {color: #ed1c24;}
.navInner {width: 1180px; margin: 0 auto; padding: 0 10px; min-height: 30px;}

.note {font-size: 70%;}

.footerInner {width: 1180px; padding: 10px 10px; margin: 0 auto;}
.footerInner p {color: #ffffff; padding: 0;}

table {width: 100%; margin-bottom: 5px;}
table th, table td {padding: 2px 5px; color: #ffffff; text-align: left; vertical-align: top;}
table th {background: #333333; font-weight: 300; padding: 7px 5px;}
table tr.odd td {background: #ffffff; color: #333333;}
table tr.even td {background: #e2e2e2; color: #333333;}
table td a.markdone {float: right;}
table tr td.red {background: #ed1c24; color: #ffffff;}
table tr td.green {background: #249924; color: #ffffff;}
table tr.yellow td {background: #fdbf4a;}
table.sortable th {cursor: pointer;}

table th.threadsubject {cursor: pointer; padding: 10px;}
table th.threadsubject i.fa {float: right;}
table .threadcontent {padding-bottom: 10px;}

form input, form textarea, form button, form select, form canvas {
  font-family: "museo-sans-n3", "museo-sans", arial, sans-serif;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  background: #ffffff;
  color: #333333;
  padding: 5px;
  width: 100%;
  box-sizing: border-box;
}
textarea {resize: vertical;}
select {border: 1px solid #cccccc; padding: 5px;}
form select {width: 100%;}
form select.small {width: 37.5%;}
form input[type="checkbox"], form input[type="radio"] {width: 20px; margin-left: 0;}
form input[type="submit"], form input[type="reset"] {background: #333333; color: #ffffff; display: block; font-size: 100%; padding: 5px 20px; cursor: pointer; border: none; width: auto!important;}
form input[type="submit"]:hover, form input[type="reset"]:hover {background: #999999;}
form h3 {padding: 0 0 10px 0;}
p.datetime input {width: 50%; margin: 0 5% 0 0;}
p.datetime select {width: 20%;}
.halves input, .halves select {width: 100%;}
.halves canvas {width: 100%; height: 100px;}
#signature-pad {padding: 0 0 12px 0;}
.login form input {width: 250px;}
img.checkinformimages {max-width: 285px; margin: 5px; padding: 5px; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 10px; background: #ffffff;}

/* Old */
.fancyboxforms {display: none; position: fixed; left: 50%; width: 660px; padding: 20px 20px; margin-left: -350px; background: #ffffff; top: 150px; -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7); box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);}
/* .fancyboxformsopen { display: block; } MH */
/* New */
.fancybox h2 {margin-bottom: 10px;}
/* .fancybox {display:none;width:95%;max-width:800px;} */
.fancybox {display: none;}
/* .fancybox {display:none;width:95%;max-width:800px;} */
/* form.fancybox, div.fancybox {display:none;width:800px;} */

.close {position: absolute; top: 10px; right: 10px; display: block; width: 28px; height: 28px; background: url(../images/close.gif) no-repeat top left;}

.left {width: 900px; margin: 0 20px 0 0; float: left;}
.right {width: 260px; margin: 0; float: left;}

.right .box {background: #cccccc; padding: 2px;}
.right .box h2 {font-size: 100%; background: #333333; color: #ffffff; padding: 3px 5px; margin: 0 0 10px 0;}
.right .box .inner {padding: 5px;}

.activitylog-tabs {margin: 0 0 10px 0;}
a.tabbutton {display: inline-block; margin-right: 10px; background: #ed1c24; color: #ffffff; text-decoration: none; padding: 8px 15px; transition: background-color 0.2s, color 0.2s;}
a.tabbutton.grey {background: #e2e2e2; color: #333333;}
a.tabbutton.grey:hover {background: #999999; color: #ffffff;}
div.activitylog {background: #dddddd; margin: 0 0 10px 0; padding: 10px; cursor: pointer;}
div.activitylog pre {display: none;}

.mainInner h1 {margin-bottom: 10px;}

a.tab {
  box-sizing: border-box;
  padding: 5px;
  background: #333333;
  color: #ffffff;
  text-decoration: none;
}

.selectedtab {
  background: #ed1c24!important;
}

form.fancybox {width: 800px!important;}

p.dashboard {color: #707068; font-weight: bold; padding: 0 30px;}
p.dashboard span.green {color: #399025;}
p.dashboard span.red {color: #c41f0e;}
p.dashboard span.yellow {color: #c36e00;}
p.dashboard a {color: #707068; text-decoration: none;}

table span.green {color: #399025; font-weight: bold;}
table span.red {color: #c41f0e; font-weight: bold;}
table span.yellow {color: #c36e00; font-weight: bold;}

.messages .message {margin: 0 0 10px 0;}
.messages .message .heading {padding: 15px; background: #333333; cursor: pointer;}
.messages .message .heading p {padding: 0; font-size: 90%; color: #ffffff;}
.messages .message .heading .left {float: left; width: 50%; padding: 0; margin: 0;}
.messages .message .heading .right {float: right; width: 50%; padding: 0; margin: 0; text-align: right;}
.messages .message .heading a {text-decoration: none!important;}
.messages .message .text {display: none;}
.messages .message .text .threaddate {padding: 15px; background: #545353;}
.messages .message .text .threadtext {padding: 15px; background: #ffffff;}
.messages .message .text .threadtext p {font-size: 80%;}
.messages .message .text .threaddate p {font-size: 80%; padding: 0; color: #ffffff;}
.messages .message .button {display: inline-block; margin: 10px 15px;}

.title-wrap, .nav .navtop, .messages.mobile, .main a.button span, .welcome-buttons, .learnersmobile, .mobile {display: none;}

td .postcodesearchicon {float: right;}

/* EB 22/10/2024 #41658161 */
.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 .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;}
.salesdashboard .left, .salesdashboard .right {width: 100%; float: none;}

@media print {
  html, body {
    background: white;
  }
}

:root {
  --red: #d45b40;
  --black: #292c34;
  --white: #ffffff;
}

/* CW changes to MFW */
body {display: flex; flex-direction: column; min-height: 100%; box-sizing: border-box; background: var(--black); height: 100%;}
.main {flex-grow: 1;}
.mainInner {height: 100%;}
.footer {background: #333333;}

.header {background: var(--white);}
.headerInner {height: auto;}
a.logo {display: block; max-width: 200px;}
a.logo img {width: 100%; max-width: 100%;}

.main.loginmain {background: var(--black);}
.mainInner.login {display: flex; flex-direction: column; justify-content: center;}
.loginform {box-sizing: border-box; padding: 60px 40px; background: var(--white); margin: 0 auto; width: 100%; max-width: max-content;}
.loginform input[type="submit"] {display: block; margin: 0 auto;}

form input[type="submit"], form input[type="reset"] {background: var(--red); color: var(--white);}
form input[type="submit"]:hover, form input[type="reset"]:hover {background: var(--black);}