@charset "UTF-8";
@import url("../../../specific/css/fonts/fonts.css");
body.login {
  background-size: auto 125em; }

h6 {
  color: #004f73; }

li a, li a:after {
  color: #00a3c3; }

.caption p {
  color: #ffffff;
  margin: 0;
  font-weight: 300;
  font-size: 1em; }

#header #menu > li:not(:last-of-type) {
  border-right: solid 1px rgba(0, 0, 0, 0.2); }
  #header #menu > li:not(:last-of-type).highlighted {
    background-color: transparent;
    border-color: rgba(0, 0, 0, 0.2) !important; }
#header #menu > li > a:before {
  top: 0.1em;
  font-size: 1.6em; }
#header #menu > li > a:hover:before {
  color: #00a3c3; }
#header #menu > li > a.current {
  background-color: #00a3c3;
  background-color: color(display-p3 0.16 0.63 0.75); }
  #header #menu > li > a.current:before {
    color: #ffffff; }
#header #menu > li > a#appraisal:before {
  content: 'U'; }
#header #menu > li > a#applications:before {
  content: 'e';
  text-transform: lowercase; }
#header #menu > li > a#team:before {
  content: 'T'; }
#header #menu > li > a#admin:before {
  content: 'c';
  text-transform: lowercase; }

.secondary h2 a:after, a[data-buttontype].secondary h2 a:after, input[data-buttontype].secondary h2 a:after {
  color: rgba(255, 255, 255, 0.6) !important; }

.quaternary li, a[data-buttontype].quaternary li, input[data-buttontype].quaternary li {
  border-color: rgba(0, 0, 0, 0.2); }

body.login {
  background-color: #004f73;
  background-size: cover; }

#profile h4:not(.messagealert) span.highlighted:before {
  font-family: times, serif; }

.ts-table [data-coursetype] .ts-cell-icon:before, .ts-table-dev [data-coursetype] .ts-cell-icon:before {
  font-family: 'academyicons';
  font-size: 2em;
  color: #004f73; }
.ts-table [data-coursetype="workshop"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="workshop"] .ts-cell-icon:before {
  content: '\E813'; }
.ts-table [data-coursetype="scorm"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="scorm"] .ts-cell-icon:before {
  content: '\E803'; }
.ts-table [data-coursetype="nvq"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="nvq"] .ts-cell-icon:before {
  content: '\E819'; }
.ts-table [data-coursetype="cpd"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="cpd"] .ts-cell-icon:before {
  content: 'C'; }
.ts-table [data-coursetype="ipd"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="ipd"] .ts-cell-icon:before {
  content: 'C';
  color: #00a3c3; }
.ts-table [data-coursetype="myl&d"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="myl&d"] .ts-cell-icon:before {
  content: 'C';
  color: #3a3a3a; }
.ts-table [data-coursetype="info"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="info"] .ts-cell-icon:before {
  content: '\E813'; }
.ts-table [data-coursetype="survey"] .ts-cell-icon:before, .ts-table-dev [data-coursetype="survey"] .ts-cell-icon:before {
  content: '\E812'; }
.ts-table a[data-coursetype].learningevents .ts-cell-icon:before, .ts-table-dev a[data-coursetype].learningevents .ts-cell-icon:before {
  content: '\E813'; }
.ts-table a[data-coursetype].online .ts-cell-icon:before, .ts-table-dev a[data-coursetype].online .ts-cell-icon:before {
  content: '\E803'; }
.ts-table a[data-coursetype].vocationalqualification .ts-cell-icon:before, .ts-table-dev a[data-coursetype].vocationalqualification .ts-cell-icon:before {
  content: '\E819'; }
.ts-table a[data-coursetype].professionaldevelopment .ts-cell-icon:before, .ts-table-dev a[data-coursetype].professionaldevelopment .ts-cell-icon:before {
  content: 'C'; }
.ts-table a[data-coursetype].appraisal .ts-cell-icon:before, .ts-table-dev a[data-coursetype].appraisal .ts-cell-icon:before {
  content: '\E812'; }

.learningevents#CourseTitle, .online#CourseTitle, .vocationalqualification#CourseTitle {
  margin-left: 2.2em; }
.learningevents#CourseTitle:before {
  content: '\E813'; }
.online#CourseTitle:before {
  content: '\E803'; }
.vocationalqualification#CourseTitle:before {
  content: '\E819'; }

.video, body.login section.ts-container {
  text-align: center; }
  .video:before, body.login section.ts-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .video > *, body.login section.ts-container > * {
    display: inline-block;
    vertical-align: middle;
    position: relative; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

body, html {
  width: 100%;
  margin: 0;
  zoom: 1; }

body {
  font-family: "Ubuntu", Arial, Sans-serif;
  font-size: 1vw;
  line-height: 1.2;
  color: #3a3a3a;
  background-color: #f2f2f2;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

a, a:visited {
  color: #00a3c3;
  font-weight: 500;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none; }

a, a img, *:focus {
  outline: none; }

::selection {
  background-color: #00a3c3; }

img, video, input, textarea, button {
  border: 0; }

input[type="submit"], input[type="search"], input[type="text"], textarea {
  -webkit-appearance: none; }

input::-ms-clear {
  display: none; }

form {
  margin: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin-top: 0; }

p, ul, ol {
  font-family: "Ubuntu", Arial, Sans-serif;
  font-size: 0.9em;
  font-weight: 400; }

input, textarea, button, select {
  font-size: 0.9em;
  font-weight: 400; }

h1, h2, h3, h4, h5, h6 {
  display: block;
  font-family: "Ubuntu", Arial, Sans-serif;
  font-weight: 500;
  color: #3a3a3a;
  margin-bottom: 0.4em;
  line-height: 1; }

h1 {
  font-size: 1.9em;
  text-transform: uppercase; }

h1.myteam {
  font-size: 1.53em; }

h2 {
  font-size: 0.95em;
  text-transform: uppercase; }

h3 {
  font-size: 1.1em;
  font-weight: 500; }

h4 {
  font-size: 1.2em; }

h5 {
  font-size: 1.1em;
  font-weight: 500; }

h6 {
  font-weight: 400;
  font-size: 0.8em; }

.centeredblock {
  display: block;
  text-align: center; }

/*p, .ts-page-desc { max-width: 46em; }*/
.not-too-wide {
  max-width: 46em; }

/* Edge Browser Bug Fix for Assignment Desc*/
.overflow-Visible {
  overflow: visible !important; }

p:empty {
  display: none; }

.ts-page-text ul, .ts-page-text ol {
  /*max-width: 46em;*/
  margin-bottom: 2em; }
  .ts-page-text ul li, .ts-page-text ol li {
    margin-bottom: 0.5em; }

.banner p {
  max-width: none; }

input, textarea, select {
  background-color: rgba(0, 0, 0, 0.075);
  padding: 0.4em 0.6em;
  border-radius: 0.2em;
  font-family: "Ubuntu", Arial, Sans-serif;
  border: 0; }

fieldset {
  border: 0;
  padding: 0;
  margin: 0;
  text-align: left; }

fieldset + div {
  margin-top: 1.2em; }

#pagearea {
  position: relative;
  min-height: 100vh;
  overflow: auto;
  padding: 0; }

body.modal {
  font-size: 1.3em\9; }

.modal #pagearea {
  min-height: 0; }

body.modal #pagearea main {
  min-width: 0;
  width: 100%;
  padding-bottom: 0; }

.modal.message #pagearea {
  min-height: 300px; }

#header {
  position: relative;
  background-color: #004563;
  margin-bottom: 1.5em; }
  #header a.navmenulink {
    display: none; }
  #header nav {
    background-image: url("../../../specific/css/images/logo.svg");
    background-repeat: no-repeat;
    background-position: 1.2% center;
    background-size: auto 64%;
    display: table;
    overflow: initial;
    position: relative;
    width: 62.5%;
    min-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
  #header #menu {
    display: block;
    position: relative;
    list-style: none;
    float: right;
    padding: 0;
    margin: 0 1.2%; }
    #header #menu > li {
      display: block;
      position: relative;
      float: left;
      margin-bottom: 0; }
      #header #menu > li > a {
        padding: 1.8em;
        display: block;
        text-transform: uppercase;
        font-weight: 400;
        color: #ffffff; }
        #header #menu > li > a:hover, #header #menu > li > a.current {
          color: #ffffff; }
        #header #menu > li > a:before {
          font-family: "academyicons";
          text-transform: initial;
          display: inline-block;
          position: relative;
          margin-right: 0.25em;
          color: #00a3c3;
          margin-top: -1em; }
        #header #menu > li > a#home:before {
          content: 'h';
          text-transform: lowercase; }
        #header #menu > li > a#exit:before {
          content: 'E'; }
    #header #menu ul {
      z-index: -1;
      max-height: 0;
      opacity: 0; }
    #header #menu > li:hover > ul {
      display: block;
      position: absolute;
      overflow: hidden;
      text-wrap: nowrap;
      opacity: 1;
      list-style: none;
      width: 100%;
      left: 0;
      top: 4.6em;
      padding: 0;
      background-color: #ffffff;
      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
      text-align: center;
      z-index: 100;
      max-height: 6em;
      transition: max-height 0.2s ease-out; }
      #header #menu > li:hover > ul a {
        display: block;
        padding: 0.6em 0.6em 1.2em 0.6em;
        color: #000000;
        text-transform: uppercase;
        font-weight: 400; }
        #header #menu > li:hover > ul a:hover {
          color: #004f73; }

footer {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: auto;
  padding: 1.5em;
  text-align: center;
  background-color: #575757; }
  footer > div {
    opacity: 0.8;
    color: #ffffff;
    font-size: 80%; }

main {
  padding-bottom: 5em; }

main:not(.gridded) {
  margin-top: 1.5em; }

main, footer > div {
  display: block;
  position: relative;
  overflow: auto;
  width: 62.5%;
  min-width: 1200px;
  margin-left: auto;
  margin-right: auto; }
  main.narrow, footer > div.narrow {
    width: 41.6666%;
    min-width: 799.9992px; }
  main > *, footer > div > * {
    margin: 0 1.2% 2.4% 1.2%; }

body.modal main:not(.gridded) {
  margin-top: 0; }
body.modal main > *, body.modal footer > div > * {
  margin: 0; }
body.modal .toolBar ~ div {
  padding: 1.5em; }

footer > div {
  overflow: visible; }

.gridded .panel, .dashboard .panel {
  height: 14em;
  overflow: hidden; }

.gridded .panel .image .panel {
  padding-top: 0.5em;
  text-align: center; }

.ts-page-grid .panel {
  margin: 0 1.2% 2.4% 1.2%;
  overflow: hidden;
  height: 13em; }

.ts-page-grid .panel.gridlink {
  height: 6.5em; }

.ts-page-grid .panel#linkspanel {
  height: auto;
  float: right; }
  .ts-page-grid .panel#linkspanel a {
    display: block;
    color: #e5e200;
    padding: 0 0 0.75em 0;
    font-weight: 400; }
    .ts-page-grid .panel#linkspanel a + h2 {
      margin-top: 1.5em; }

.panel {
  position: relative;
  float: left;
  background-color: #ffffff;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  width: calc(100% - 2.4%);
  padding: 1em; }
  .panel.twothirds {
    width: calc(66.6666% - 2.4%); }
  .panel.onethird {
    width: calc(33.3333% - 2.4%); }
  .panel.half {
    width: calc(50% - 2.4%); }
  .panel.tall {
    height: 18em; }
  .panel.short {
    height: 5em; }
    .panel.short h2 {
      padding-top: 0.5em;
      font-size: 1.5em; }
      .panel.short h2 a:after {
        right: auto; }
  .panel.autoheight {
    height: auto; }
  .panel.borderless {
    padding: 0; }
  .panel.rightfixed {
    float: right; }
  .panel.dismissed {
    opacity: 0;
    margin-top: -20%;
    z-index: -10;
    transition: opacity 0.5s ease, margin-top 1s ease 0.5s, z-index 0s linear 1.5s; }
  .panel h2 {
    margin-bottom: 0.8em; }
    .panel h2 a {
      color: inherit;
      display: block;
      position: relative;
      padding-right: 1.4em;
      font-weight: 500;
      font-size: 1.1em; }
      .panel h2 a:after {
        content: '\00BB';
        font-family: "academyicons";
        text-transform: lowercase;
        position: absolute;
        right: -0.2em;
        top: 0;
        vertical-align: middle;
        color: rgba(255, 255, 255, 0.6); }
    .panel h2 span.extralink {
      font-size: 0.7em;
      margin-left: 0.5em; }
    .panel h2 + ul {
      padding-top: 0.4em; }

.primaryBg {
  background-color: #004f73 !important;
  color: #ffffff !important; }

.primaryFg {
  color: #004f73 !important; }

.primaryBorder {
  border-color: #004f73 !important; }

.secondaryBg {
  background-color: #00a3c3 !important;
  color: #ffffff !important; }

.secondaryFg {
  color: #00a3c3 !important; }

.secondaryBorder {
  border-color: #00a3c3 !important; }

.bodyFont {
  font-family: "Ubuntu", Arial, Sans-serif; }

.primary, a[data-buttontype].primary, input[data-buttontype].primary {
  background-color: #004f73;
  color: #ffffff; }
  .primary h1, .primary h2, .primary h3, .primary h4, .primary h5, .primary h6, .primary p ul, .primary ol, .primary a, .primary:after, a[data-buttontype].primary h1, a[data-buttontype].primary h2, a[data-buttontype].primary h3, a[data-buttontype].primary h4, a[data-buttontype].primary h5, a[data-buttontype].primary h6, a[data-buttontype].primary p ul, a[data-buttontype].primary ol, a[data-buttontype].primary a, a[data-buttontype].primary:after, input[data-buttontype].primary h1, input[data-buttontype].primary h2, input[data-buttontype].primary h3, input[data-buttontype].primary h4, input[data-buttontype].primary h5, input[data-buttontype].primary h6, input[data-buttontype].primary p ul, input[data-buttontype].primary ol, input[data-buttontype].primary a, input[data-buttontype].primary:after {
    color: #ffffff; }
  .primary li, a[data-buttontype].primary li, input[data-buttontype].primary li {
    border-color: rgba(255, 255, 255, 0.2); }

.secondary, a[data-buttontype].secondary, input[data-buttontype].secondary {
  background-color: #00a3c3;
  color: #ffffff; }
  .secondary h1, .secondary h2, .secondary h3, .secondary h4, .secondary h5, .secondary h6, .secondary p ul, .secondary ol, .secondary a, .secondary:after, a[data-buttontype].secondary h1, a[data-buttontype].secondary h2, a[data-buttontype].secondary h3, a[data-buttontype].secondary h4, a[data-buttontype].secondary h5, a[data-buttontype].secondary h6, a[data-buttontype].secondary p ul, a[data-buttontype].secondary ol, a[data-buttontype].secondary a, a[data-buttontype].secondary:after, input[data-buttontype].secondary h1, input[data-buttontype].secondary h2, input[data-buttontype].secondary h3, input[data-buttontype].secondary h4, input[data-buttontype].secondary h5, input[data-buttontype].secondary h6, input[data-buttontype].secondary p ul, input[data-buttontype].secondary ol, input[data-buttontype].secondary a, input[data-buttontype].secondary:after {
    color: #ffffff; }
  .secondary li, a[data-buttontype].secondary li, input[data-buttontype].secondary li {
    border-color: rgba(0, 0, 0, 0.2); }

.tertiary, a[data-buttontype].tertiary, input[data-buttontype].tertiary {
  background-color: #575757;
  color: #ffffff; }
  .tertiary h1, .tertiary h2, .tertiary h3, .tertiary h4, .tertiary h5, .tertiary h6, .tertiary p ul, .tertiary ol, .tertiary a, .tertiary:after, a[data-buttontype].tertiary h1, a[data-buttontype].tertiary h2, a[data-buttontype].tertiary h3, a[data-buttontype].tertiary h4, a[data-buttontype].tertiary h5, a[data-buttontype].tertiary h6, a[data-buttontype].tertiary p ul, a[data-buttontype].tertiary ol, a[data-buttontype].tertiary a, a[data-buttontype].tertiary:after, input[data-buttontype].tertiary h1, input[data-buttontype].tertiary h2, input[data-buttontype].tertiary h3, input[data-buttontype].tertiary h4, input[data-buttontype].tertiary h5, input[data-buttontype].tertiary h6, input[data-buttontype].tertiary p ul, input[data-buttontype].tertiary ol, input[data-buttontype].tertiary a, input[data-buttontype].tertiary:after {
    color: #ffffff; }
  .tertiary li, a[data-buttontype].tertiary li, input[data-buttontype].tertiary li {
    border-color: rgba(255, 255, 255, 0.2); }

.quaternary, a[data-buttontype].quaternary, input[data-buttontype].quaternary {
  background-color: #737373;
  color: #ffffff; }
  .quaternary h1, .quaternary h2, .quaternary h3, .quaternary h4, .quaternary h5, .quaternary h6, .quaternary p ul, .quaternary ol, .quaternary a, .quaternary:after, a[data-buttontype].quaternary h1, a[data-buttontype].quaternary h2, a[data-buttontype].quaternary h3, a[data-buttontype].quaternary h4, a[data-buttontype].quaternary h5, a[data-buttontype].quaternary h6, a[data-buttontype].quaternary p ul, a[data-buttontype].quaternary ol, a[data-buttontype].quaternary a, a[data-buttontype].quaternary:after, input[data-buttontype].quaternary h1, input[data-buttontype].quaternary h2, input[data-buttontype].quaternary h3, input[data-buttontype].quaternary h4, input[data-buttontype].quaternary h5, input[data-buttontype].quaternary h6, input[data-buttontype].quaternary p ul, input[data-buttontype].quaternary ol, input[data-buttontype].quaternary a, input[data-buttontype].quaternary:after {
    color: #ffffff; }

.highlighted, a[data-buttontype].highlighted, input[data-buttontype].highlighted {
  background-color: #e5e200;
  color: #3a3a3a;
  border-color: rgba(0, 0, 0, 0.5) !important; }
  .highlighted h1, .highlighted h2, .highlighted h3, .highlighted h4, .highlighted h5, .highlighted h6, .highlighted p ul, .highlighted ol, .highlighted a, .highlighted:after, .highlighted:before, a[data-buttontype].highlighted h1, a[data-buttontype].highlighted h2, a[data-buttontype].highlighted h3, a[data-buttontype].highlighted h4, a[data-buttontype].highlighted h5, a[data-buttontype].highlighted h6, a[data-buttontype].highlighted p ul, a[data-buttontype].highlighted ol, a[data-buttontype].highlighted a, a[data-buttontype].highlighted:after, a[data-buttontype].highlighted:before, input[data-buttontype].highlighted h1, input[data-buttontype].highlighted h2, input[data-buttontype].highlighted h3, input[data-buttontype].highlighted h4, input[data-buttontype].highlighted h5, input[data-buttontype].highlighted h6, input[data-buttontype].highlighted p ul, input[data-buttontype].highlighted ol, input[data-buttontype].highlighted a, input[data-buttontype].highlighted:after, input[data-buttontype].highlighted:before {
    color: #3a3a3a; }

.tips, a[data-buttontype].tips, input[data-buttontype].tips {
  background-color: #ccedf3;
  color: #3a3a3a;
  border-color: rgba(0, 0, 0, 0.5) !important; }
  .tips h1, .tips h2, .tips h3, .tips h6, .tips p ul, .tips ol, .tips a, .tips:after, .tips:before, a[data-buttontype].tips h1, a[data-buttontype].tips h2, a[data-buttontype].tips h3, a[data-buttontype].tips h6, a[data-buttontype].tips p ul, a[data-buttontype].tips ol, a[data-buttontype].tips a, a[data-buttontype].tips:after, a[data-buttontype].tips:before, input[data-buttontype].tips h1, input[data-buttontype].tips h2, input[data-buttontype].tips h3, input[data-buttontype].tips h6, input[data-buttontype].tips p ul, input[data-buttontype].tips ol, input[data-buttontype].tips a, input[data-buttontype].tips:after, input[data-buttontype].tips:before {
    color: #3a3a3a; }
  .tips h4, .tips h5, a[data-buttontype].tips h4, a[data-buttontype].tips h5, input[data-buttontype].tips h4, input[data-buttontype].tips h5 {
    color: #004f73; }

.primary h2 a:after {
  color: #ffffff; }

.secondary h2 a:after {
  color: #ffffff; }

.tertiary h2 a:after {
  color: #ffffff; }

.quaternary h2 a:after {
  color: #ffffff; }

.video {
  background-color: #737373; }

.banner {
  text-align: center; }
  .banner > *:last-child {
    margin-bottom: 0; }

.primary.poster h2 {
  color: #004f73 !important;
  max-width: 60%; }
  .primary.poster h2 a:after {
    content: none; }

main.cyclecolours > div.panel {
  height: 7.6em; }
  main.cyclecolours > div.panel h2 a {
    color: #ffffff;
    font-size: 1.4em; }
    main.cyclecolours > div.panel h2 a:after {
      color: #ffffff; }
main.cyclecolours > div:nth-of-type(5n).panel {
  background-color: #00a3c3; }
main.cyclecolours > div:nth-of-type(5n+1).panel {
  background-color: #3b0e07; }
main.cyclecolours > div:nth-of-type(5n+2).panel {
  background-color: #98252b; }
main.cyclecolours > div:nth-of-type(5n+3).panel {
  background-color: #5a283e; }
main.cyclecolours > div:nth-of-type(5n+4).panel {
  background-color: #ffbe00; }
main.cyclecolours > div:nth-of-type(5n+2).panel h2 a {
  color: #222222; }
  main.cyclecolours > div:nth-of-type(5n+2).panel h2 a:after {
    color: #222222; }

.photo {
  background-position-y: 3em; }

.caption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.6);
  text-align: center;
  padding: 0.8em;
  z-index: 5; }
  .caption h3 {
    color: #ffffff;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0; }

#welcome {
  font-size: 125%;
  background-color: #ffffff;
  color: #3a3a3a; }
  #welcome h2 {
    color: #004f73;
    text-transform: initial;
    font-size: 125%;
    font-weight: 500;
    margin-bottom: 0.4em; }
  #welcome p {
    margin-bottom: 0.25em;
    margin-top: 0.25em; }
  #welcome p:empty {
    display: block;
    margin-bottom: 0em;
    margin-top: 0em;
    height: 0.4em;
    line-height: 0em; }
  #welcome a {
    text-decoration: underline; }
  #welcome a:hover {
    text-decoration: none; }

#profile {
  text-align: center;
  padding-top: 1em;
  background-color: #004f73;
  color: #ffffff; }
  #profile h2 {
    text-transform: capitalize;
    text-align: center;
    font-size: 160%;
    font-weight: 700;
    margin-bottom: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.9;
    padding: 0 0.3em; }
  #profile > a {
    text-transform: uppercase;
    color: #61dfff;
    font-size: 70%;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    margin-bottom: 0.75em; }
    #profile > a + a {
      border-left: 1px solid #ffffff;
      margin-left: 0.55em;
      padding-left: 0.8em; }
  #profile h4:not(.messagealert) {
    color: #61dfff !important;
    padding: 1em 0em 0.5em 0em;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 0.9em;
    color: #ffffff; }
    #profile h4:not(.messagealert) span {
      font-size: 160%;
      font-weight: 500;
      color: #ffffff;
      display: block;
      margin-top: 0.3em; }
      #profile h4:not(.messagealert) span.highlighted {
        background-color: transparent !important; }
        #profile h4:not(.messagealert) span.highlighted:before {
          content: '!';
          border-radius: 1em;
          display: inline-block;
          text-align: center;
          padding: 0;
          width: 1em;
          height: 1em;
          color: #3a3a3a;
          margin-right: 0.35em;
          line-height: 0.95;
          background-color: #e5e200; }
  #profile h4.messagealert {
    position: absolute;
    bottom: 1em;
    margin-bottom: 0;
    width: 90%;
    left: 5%;
    padding: 0.75em 0.2em;
    border-radius: 1.25em;
    font-size: 110%;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.4); }
    #profile h4.messagealert.hasmessages {
      background-color: #e5e200;
      color: #3a3a3a;
      font-weight: 400;
      cursor: pointer; }
      #profile h4.messagealert.hasmessages:before {
        color: #004f73; }
    #profile h4.messagealert:before {
      content: 'O';
      font-family: "academyicons";
      opacity: 0.6;
      display: inline-block;
      margin-right: 0.4em; }
  #profile #btnEditMessage {
    position: absolute;
    background-color: transparent;
    margin-top: 0.4em;
    margin-right: 0;
    right: 1.2em;
    bottom: 1.3em; }
  #profile .hasmessages + #btnEditMessage {
    color: #004f73; }

.validation {
  color: #de0e22;
  display: block !important;
  transform: translateY(-0.75em); }
  .validation:before {
    content: '\E820';
    font-family: 'academyicons';
    color: #f10e39;
    margin-top: auto;
    margin-right: 0.25em; }

.validationDynamic {
  color: #de0e22;
  transform: translateY(-0.75em); }
  .validationDynamic:before {
    content: '\E820';
    font-family: 'academyicons';
    color: #f10e39;
    margin-top: auto;
    margin-right: 0.25em; }

body.login {
  background-image: url("../../../specific/css/images/background3.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  body.login section.ts-container {
    position: relative;
    width: 100%;
    height: 100vh;
    padding: 0;
    background-color: transparent;
    box-shadow: none; }
    body.login section.ts-container #LoginPanel {
      margin-top: 1em; }
  body.login .alert span {
    color: #3a3a3a;
    background: #e5e200;
    padding: 0.3em 0.5em 0.4em 0.5em;
    font-size: 0.9em;
    text-align: center;
    margin-top: 1em;
    display: block; }
    body.login .alert span:empty {
      display: none; }
  body.login #loginlogo {
    width: 100%;
    height: 7em;
    background: url(../../../specific/css/images/logo-login.png) center/contain no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 3em; }
  body.login .loginDiv {
    background-color: #ffffff;
    border-radius: 0.3em;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    padding: 1.8em 2.4em;
    max-width: 28em;
    width: 28em \9;
    text-align: left;
    overflow: auto; }
    body.login .loginDiv ul {
      list-style: none;
      padding: 0;
      margin-bottom: 0.2em;
      display: table;
      width: 100%; }
      body.login .loginDiv ul li {
        display: table-row; }
        body.login .loginDiv ul li label, body.login .loginDiv ul li input {
          display: table-cell;
          vertical-align: middle;
          border-bottom: 1em solid transparent;
          background-clip: padding-box;
          border-radius: 0; }
        body.login .loginDiv ul li label {
          padding-right: 1em;
          width: 6em; }
        body.login .loginDiv ul li input {
          background-color: #eeeeee;
          width: 100%;
          padding: 0.7em 1em; }
    body.login .loginDiv select {
      font-size: 1em;
      margin-right: 0.3em;
      background-color: #eeeeee;
      border-width: 0;
      padding: 0.2em; }
    body.login .loginDiv input[type="submit"] {
      float: right;
      margin-bottom: 1em;
      background-color: #004f73;
      color: #ffffff;
      border-radius: 0.1em;
      padding: 0.4em 1em;
      font-size: 1.1em;
      cursor: pointer; }
    body.login .loginDiv .ts-login-instruction {
      font-size: 0.85em;
      clear: both; }
    body.login .loginDiv .validators {
      float: left;
      font-size: 0.9em;
      max-width: 50%;
      margin-top: 0em; }
      body.login .loginDiv .validators span {
        display: block; }
  body.login span.highlighted {
    display: block;
    padding: 1em; }
  body.login #browserDiv {
    font-size: 1.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 1.6em; }

@media only screen and (max-width: 540px) {
  body.login .loginDiv .validators {
    font-size: 0.7em; } }
.flashSetupPageLayout {
  display: flex;
  align-content: center;
  justify-content: center; }
  .flashSetupPageLayout > div {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important; }

body.flashPageBodyOverflowHidden {
  overflow: hidden; }

body.login .loginDiv .loginHeader.highlighted, body.login .loginDiv .loginHeader.tips {
  padding: 1em;
  margin-bottom: 1em; }
  body.login .loginDiv .loginHeader.highlighted p, body.login .loginDiv .loginHeader.tips p {
    max-width: none !important; }
  body.login .loginDiv .loginHeader.highlighted ul, body.login .loginDiv .loginHeader.tips ul {
    list-style: disc;
    padding-left: 1em;
    padding-top: 0.2em; }
    body.login .loginDiv .loginHeader.highlighted ul li, body.login .loginDiv .loginHeader.tips ul li {
      display: list-item; }
  body.login .loginDiv .loginHeader.highlighted br, body.login .loginDiv .loginHeader.tips br {
    display: none; }

body.login .loginDiv #ChangePasswordPanel ul li label {
  width: 8em; }

.ts-login-date-select label {
  display: none !important; }

.ts-login-date-select > * {
  display: inline-block !important; }

span#PasswordRegExValidator[style*="hidden"] {
  display: none; }

.ts-login-warning {
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  padding: 1em; }

.ts-login-browser {
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  padding: 1em; }

.ts-login-warning, .ts-login-maintenance, .ts-login-alert, .ts-login-browser {
  position: fixed;
  background-color: #de0e22;
  padding: 0.75em 1.5em;
  color: #ffffff;
  font-size: 1em; }

#loginDiv .ts-login-alert {
  position: relative;
  display: block;
  margin-bottom: 0.5em;
  text-align: center; }

.pillboxContainer {
  width: 80%;
  padding-top: 1em; }

.pillboxCheckbox {
  display: none; }

.pillbox {
  width: 200px;
  height: 28px;
  display: inline-block; }
  .pillbox .pill {
    font-family: "Ubuntu", Arial, Sans-serif;
    color: white;
    height: 28px;
    line-height: 28px;
    cursor: pointer; }
  .pillbox .pillLeft {
    width: 50%;
    height: 100%;
    background: #aaa;
    color: #eee;
    float: left;
    text-align: center; }
  .pillbox .pillRight {
    margin-left: 50%;
    height: 100%;
    background: #aaa;
    color: #eee;
    text-align: center; }
  .pillbox .active, .pillbox .pill:hover {
    background: #00a3c3 !important;
    color: #ffffff; }

table.divisionCheckbox td {
  position: relative;
  vertical-align: top; }
  table.divisionCheckbox td input {
    position: absolute;
    top: 0px;
    left: 0px; }
  table.divisionCheckbox td label {
    margin-left: 0.4em;
    padding-left: 1em; }

@media only screen and (max-width: 970px) {
  .RadComboBox {
    width: 640px !important; } }
@media only screen and (max-width: 960px) {
  body.pathway-enrol .RadComboBox {
    width: 51vw !important; }
  body.pathway-enrol .rcbSlide, body.pathway-enrol .RadComboBoxDropDown {
    width: 100vw !important;
    left: 0 !important; } }
@media only screen and (max-width: 540px) {
  body.pathway-enrol .RadComboBox {
    width: 39vw !important; } }
.RadComboBox button {
  margin: 0; }

#videomodal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8); }
  #videomodal.modalopen {
    display: block; }
  #videomodal video {
    position: absolute;
    width: 100%;
    max-height: 90%;
    max-width: 90%;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10; }
  #videomodal a.videomodalclose {
    display: block;
    position: absolute;
    right: 0.3em;
    top: 0.3em;
    font-family: 'academyicons';
    font-size: 1.8em;
    color: #ffffff; }

.carousel {
  background-color: #737373;
  position: relative; }
  .carousel span {
    position: absolute;
    bottom: 0;
    height: 1.4em;
    width: 1.4em;
    font-size: 1.4em;
    text-align: center; }
    .carousel span:after {
      display: block;
      font-family: 'academyicons', sans-serif;
      color: #ffffff;
      margin-top: 0.1em; }
    .carousel span#prev:after {
      content: '<'; }
    .carousel span#next {
      right: 0; }
      .carousel span#next:after {
        content: '>'; }
    .carousel span:hover {
      background-color: rgba(0, 0, 0, 0.2); }
  .carousel ul {
    display: none; }
  .carousel ol {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0.6em;
    text-align: center;
    background-color: #3a3a3a; }
    .carousel ol li {
      border-radius: 50%;
      border: 0.15em solid #ffffff;
      display: inline-block;
      width: 1em;
      height: 1em;
      cursor: pointer;
      margin: 1em 0.5em; }
      .carousel ol li:hover {
        background-color: rgba(255, 255, 255, 0.4); }
      .carousel ol li.active {
        background-color: #ffffff; }
  .carousel .image {
    position: relative;
    display: block;
    cursor: pointer;
    width: 100%;
    height: 100%; }
    .carousel .image img {
      display: block; }
    .carousel .image div {
      position: absolute;
      bottom: 0;
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      text-align: center;
      padding: 0.8em; }
      .carousel .image div * {
        color: #ffffff; }
    .carousel .image h2, .carousel .image p {
      color: #ffffff;
      font-weight: 400;
      margin: 0 auto 0.5em auto; }
      .carousel .image h2:last-child, .carousel .image p:last-child {
        margin-bottom: 0; }
    .carousel .image h2 {
      text-transform: uppercase;
      font-size: 1.4em;
      margin-bottom: 0.2em; }

.onethird .carousel {
  position: absolute;
  width: 100%;
  left: 0;
  height: calc(100% - 3em); }
  .onethird .carousel h2 {
    font-size: 1em; }
  .onethird .carousel p {
    display: none; }
  .onethird .carousel span {
    display: none; }
  .onethird .carousel ol {
    font-size: 0.4em; }
  .onethird .carousel .image {
    overflow: hidden; }
    .onethird .carousel .image img {
      height: 100%;
      width: auto !important; }

.editLink {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  background-color: rgba(0, 0, 0, 0.4);
  float: none;
  width: 2em;
  height: 2em;
  text-align: center;
  padding-top: 0.3em;
  cursor: pointer; }
  .editLink img {
    display: none; }
  .editLink:after {
    content: '\E804';
    font-family: 'academyicons', sans-serif;
    color: #ffffff; }

a.navhomelink {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

a.panellink {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

body:not(.editmode) .editcontrol {
  display: none !important; }

.hidden {
  display: none !important; }

.showhidebody {
  background-color: #f1f1f1; }

.showhideheader {
  padding-left: 1em;
  position: relative;
  cursor: pointer; }
  .showhideheader:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0.21em;
    width: 0;
    height: 0;
    border-top: 0.3em solid transparent;
    border-bottom: 0.3em solid transparent;
    border-left: 0.6em solid #00a3c3;
    transition: transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease; }
  .showhideheader.showpanel:before, .showhideheader.showfilter:before {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transition: transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease; }
  .showhideheader.resourcelist {
    background-color: #00a3c3;
    padding: 0.6em 0.6em 0.6em 1.6em;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 1.2em;
    margin-bottom: 0;
    margin-top: 0.25em; }
    .showhideheader.resourcelist > label {
      display: block;
      padding-right: 7em; }
    .showhideheader.resourcelist.addsection {
      display: inline-block; }
      .showhideheader.resourcelist.addsection:before {
        content: '+';
        border: none;
        font-size: 0.8em; }
    .showhideheader.resourcelist:before {
      border-left-color: #ffffff;
      left: 0.6em;
      top: 0.8em; }
    .showhideheader.resourcelist + ul {
      padding: 0;
      list-style: none; }
      .showhideheader.resourcelist + ul li {
        background-color: #f5f5f5;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .showhideheader.resourcelist + ul li:last-of-type {
          border-bottom: none; }

.showhideheader + div, .showhideheader + ul, .upload, a + .upload-container {
  display: none; }

.showhideheader.showfilter + div, .showhideheader.showfilter + ul, .showhideheader.showpanel + div, .showhideheader.showpanel + ul, .showhideheader.showpanel + ul + div, a.showupload + .upload-container, .emptyheader + ul + div {
  display: block; }

.showhideheader + div + div, .url, a + .url-container {
  display: none; }

.showhideheader.showfilter + div + div, .showhideheader.showpanel + div + div, .showhideheader.showpanel + ul + div + div, a.showupload + .url-container, .emptyheader + ul + div + div {
  display: block; }

.showhideprogramme + div {
  display: none; }

.showhideprogramme.showpanel + div {
  display: block; }

.showhidetile {
  display: none; }

.showhidetile.showpanel {
  display: block; }

.showhideheader.info.showpanel + div {
  padding: 0.75em 1.5em; }

.emptyheader.resourcelist + ul {
  padding: 0;
  list-style: none; }

.prog-component {
  width: 100%;
  background-color: white; }

.showhideprogramme.showpanel:before {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transition: transform 0.2s ease;
  -ms-transition: -ms-transform 0.2s ease; }

.upload-container input[data-buttontype="submit"] {
  cursor: pointer; }

.upload-container input[disabled=disabled] {
  opacity: 0.5;
  cursor: default; }

body.editmode .showhideheader.showpanel + ul {
  margin-bottom: 0; }
  body.editmode .showhideheader.showpanel + ul + div:not(.newSection), body.editmode .showhideheader.showpanel + ul + div:not(.newSection) + div:not(.newSection) {
    background-color: #f5f5f5;
    padding: 0.75em; }

.upload-container .RadUpload .ruUploadProgress {
  width: 15em;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top; }

html .upload-container .ruFakeInput {
  width: 15em; }

.RadUpload .ruFakeInput {
  height: 2em !important; }

.editSection {
  display: none;
  font-size: 0.85em;
  border-top: 0 !important;
  text-transform: none;
  font-weight: 400; }
  .editSection input[data-controltype="text"] {
    width: 30em;
    height: 2em;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.5);
    margin-right: 1em; }
  .editSection input[data-controltype="btnsave"], .editSection input[data-controltype="btncancel"] {
    float: right;
    margin-left: 0.2em;
    cursor: pointer; }

.editSection.grey input[data-controltype="text"] {
  width: 30em;
  height: 2em;
  display: inline-block;
  background-color: #f1f1f1;
  margin-right: 1em; }

.newSection {
  background-color: #00a3c3;
  padding: 0.4em 0.4em 0.4em 2em !important;
  color: #ffffff;
  font-size: 1.2em;
  margin: 0.25em 0 0 0 !important;
  position: relative;
  border-top: 0 !important; }
  .newSection h2 {
    display: none; }
  .newSection:before {
    content: '+';
    font-family: "academyicons";
    display: block;
    position: absolute;
    left: 0.5em;
    top: 0.7em;
    width: 0;
    height: 0; }
  .newSection input#btnSave {
    float: right;
    cursor: pointer; }
  .newSection input#NewSectionName {
    background-color: rgba(255, 255, 255, 0.5);
    margin-right: 1em;
    margin-left: 0.2em; }

span[id*="NoResources"] {
  padding-top: 0.5em;
  display: block; }

li {
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 0; }

.linklist {
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative; }
  .linklist li {
    border-bottom-width: 1px; }
    .linklist li:last-of-type {
      border-bottom-width: 0; }
    .linklist li a {
      display: block;
      position: relative;
      font-size: 115%;
      padding: 0.6em 2em 0.6em 0.2em; }
      .linklist li a:after {
        content: '\00BB';
        font-family: 'academyicons';
        position: absolute;
        right: 0;
        vertical-align: middle; }
      .linklist li a span {
        display: inline-block;
        width: 1em;
        height: 1em;
        overflow: hidden;
        text-align: center;
        background-color: #e5e200;
        border-radius: 50%;
        margin-right: 0.3em;
        vertical-align: top;
        line-height: 1;
        font-weight: 400; }
    .linklist li[data-coursetype] a {
      padding-left: 2.6em; }
      .linklist li[data-coursetype] a:before {
        content: '\E811';
        font-family: 'academyicons';
        display: block;
        position: absolute;
        left: 0.2em;
        top: 50%;
        margin-top: -0.6em;
        font-size: 1.6em;
        color: #87cf94; }
    .linklist li[data-coursetype="workshop"] a:before {
      content: '\E813'; }
    .linklist li[data-coursetype="scorm"] a:before {
      content: '\E821'; }
    .linklist li[data-resourcetype] a:after {
      color: #737373; }
    .linklist li[data-resourcetype] a {
      color: #00a3c3; }
    .linklist li[data-resourcetype="file"] a:after {
      content: '\E801'; }

.directory .linklist li {
  background-color: #004f73;
  border-color: rgba(255, 255, 255, 0.2);
  color: #ffffff; }
  .directory .linklist li a {
    font-size: 125%;
    color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .directory .linklist li a:after {
      display: block;
      right: 0.5em;
      top: 50%;
      margin-top: -0.6em;
      color: #00a3c3;
      font-size: 1.6em; }
  .directory .linklist li[data-coursetype] a {
    padding: 0.8em 2em 0.8em 3.6em; }
    .directory .linklist li[data-coursetype] a:before {
      left: 0.6em;
      color: #00a3c3; }
  .directory .linklist li.active {
    background-color: #00a3c3; }
    .directory .linklist li.active[data-coursetype] a:before {
      color: #ffffff; }

ul.extralinks {
  position: absolute;
  bottom: 1.25em;
  left: 1.25em;
  padding: 0;
  margin: 0;
  list-style: none;
  text-transform: uppercase;
  font-weight: 400; }
  ul.extralinks a {
    display: block;
    font-weight: 400 !important;
    padding: 0.25em 0;
    color: #004f73; }
    ul.extralinks a:after {
      content: '>';
      display: inline-block;
      margin-left: 0.3em;
      color: #004f73; }

.advert-list {
  margin-top: 1em; }

.calendarlist {
  list-style: none;
  padding: 0; }
  .calendarlist li {
    display: block;
    overflow: auto;
    margin-bottom: 0.4em; }
  .calendarlist p:last-child {
    margin-bottom: 0; }

.textlist {
  list-style: none;
  padding: 0;
  margin: 0; }

.newslist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .newslist li {
    border-left: 3px solid rgba(87, 87, 87, 0.8);
    margin-left: 0.3em;
    padding: 0 0 0 0.9em;
    border-bottom-width: 1px; }
    .newslist li:only-child, .newslist li:last-child {
      border-bottom-width: 0; }
    .newslist li img {
      display: none; }
      .newslist li img:not([src=""]) {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        z-index: 0;
        margin-top: -0.4em; }
        .newslist li img:not([src=""]) + h5 {
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          padding: 0.7em 1em;
          margin-bottom: 0;
          display: block;
          background-color: rgba(0, 0, 0, 0.65);
          color: #ffffff;
          z-index: 2; }
          .newslist li img:not([src=""]) + h5 a {
            color: #ffffff; }

#academy-menu-ul {
  list-style: none;
  padding: 0;
  margin: 1em 0 0 0;
  display: block;
  float: right; }
  #academy-menu-ul li {
    display: block;
    float: left;
    background-color: #ffffff;
    border-radius: 0.3em 0.3em 0 0;
    margin-right: 0.2em;
    margin-bottom: 0; }
    #academy-menu-ul li.selected {
      background-color: #00a3c3; }
      #academy-menu-ul li.selected a {
        color: #ffffff; }
    #academy-menu-ul li a {
      display: block;
      padding: 0.4em 0.6em; }
  #academy-menu-ul + * {
    clear: both; }

.directory {
  position: relative; }
  .directory > div:first-of-type {
    position: absolute;
    right: 1em;
    top: 2em; }
  .directory .hostingDiv {
    padding: 0 !important; }
  .directory .catalogueSearch {
    padding: 1em; }
    .directory .catalogueSearch table {
      width: 83%; }
      .directory .catalogueSearch table td {
        width: 100%; }
        .directory .catalogueSearch table td.first {
          width: auto;
          text-align: right;
          padding-right: 0.5em;
          font-size: 1.4em;
          color: #8b8b8b; }
        .directory .catalogueSearch table td input {
          font-size: 1.2em;
          width: 100%;
          border-bottom: 1px solid #dddddd;
          padding: 0.5em; }

.searchbox input[type="search"], .searchbox input[type="submit"] {
  background-color: transparent;
  font-size: 1.4em;
  padding: 0.7em; }
.searchbox input[type="search"] {
  color: #8b8b8b;
  width: 80%; }
.searchbox input[type="submit"] {
  color: #004f73;
  font-family: 'academyicons';
  float: right;
  margin: 0.1em 0.2em 0 0; }

.statcolumns {
  list-style: none;
  padding: 0;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
  height: 50%; }
  .statcolumns li {
    display: block;
    float: left;
    padding: 0;
    height: 12.1em;
    width: 33.3333%;
    border-right-width: 1px; }
    .statcolumns li:last-of-type {
      border-right-width: 0; }
    .statcolumns li a {
      display: block;
      width: 100%;
      text-align: center;
      font-size: 1.1em;
      font-weight: 500; }
      .statcolumns li a span {
        display: block;
        font-weight: 300;
        font-size: 330%;
        letter-spacing: -0.05em; }
        .statcolumns li a span:first-letter {
          margin-left: -0.1em; }
  .statcolumns li.highlight a span {
    color: #e5e200;
    font-weight: 400; }

.short.full .statcolumns {
  width: 33%;
  height: 100%;
  right: 0;
  left: auto; }
  .short.full .statcolumns li {
    height: 100%; }
    .short.full .statcolumns li a {
      height: 100%; }
      .short.full .statcolumns li a span {
        line-height: 0.8;
        padding-top: 0.2em; }

.ts-table {
  display: table;
  width: 100%;
  border-collapse: collapse;
  font-size: 0.9em; }
  .ts-table.centered {
    text-align: center; }
  .ts-table > .ts-row-head, .ts-table > a, .ts-table > a:visited, .ts-table > .ts-resource_repeat, .ts-table > div[class*="ts-row"] {
    display: table-row;
    position: relative;
    width: 100%;
    color: #575757;
    font-weight: 400;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    .ts-table > .ts-row-head > div, .ts-table > a > div, .ts-table > a:visited > div, .ts-table > .ts-resource_repeat > div, .ts-table > div[class*="ts-row"] > div {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      white-space: nowrap;
      padding: 0.6em; }
  .ts-table div.ts-row-subhead {
    background-color: rgba(0, 163, 195, 0.2);
        /*border-top: 1em solid #ffffff;
	    border-bottom: 0.4em solid #ffffff;*/ }
    .ts-table div.ts-row-subhead h2 {
      margin-bottom: 0; }
  .ts-table div.ts-row-subhead:not(.list) {
    border-top: 1em solid #ffffff;
    border-bottom: 0.4em solid #ffffff; }
  .ts-table > div[class*="ts-row"].no-border {
    border-width: 0; }
  .ts-table div.ts-row-head, .ts-table .ts-row-head {
    background-color: #00a3c3;
    color: #ffffff;
    font-weight: 500;
    border-bottom-width: 0; }
    .ts-table div.ts-row-head[data-locked], .ts-table .ts-row-head[data-locked] {
      background-color: #737373;
      opacity: 0.6; }
  .ts-table a.ts-row-signoff.highlighted {
    background-color: #e5e200;
    border-color: #fff !important; }
  .ts-table .ts-cell-wrap, .ts-table > .ts-resource_repeat > div.ts-cell-wrap {
    white-space: normal !important;
    width: 100%;
    font-weight: 500; }
  .ts-table .ts-cell-right {
    text-align: right; }
  .ts-table .ts-cell-center {
    text-align: center; }
  .ts-table div.ts-cell-wrap-check {
    white-space: normal;
    width: 10%;
    font-weight: 500;
    display: table-cell;
    vertical-align: middle;
    padding: 0.5em; }
  .ts-table .ts-row-item-header {
    font-weight: 400;
    font-size: 1.1em;
    padding-bottom: 0.4em; }
  .ts-table .ts-row-item-description {
    font-weight: 300;
    padding-right: 21em;
    padding-bottom: 0.6em; }
  .ts-table + h1 {
    margin-top: 1.5em; }
  .ts-table .programme {
    background-color: #dbf2f7 !important; }
    .ts-table .programme div:last-child {
      color: transparent !important;
      font-size: 120% !important;
      white-space: nowrap; }
      .ts-table .programme div:last-child:after {
        content: '\00BB';
        font-family: "academyicons";
        text-transform: lowercase;
        position: absolute;
        right: 0.5em;
        /*top: 0.5em;*/
        vertical-align: middle;
        color: #575757;
        /*font-size: 150%;
        line-height:150%;*/ }

nav.ts-table-dev {
  display: block;
  width: 100%;
  font-size: 0.9em; }
  nav.ts-table-dev > .ts-row-head, nav.ts-table-dev > a, nav.ts-table-dev > a:visited, nav.ts-table-dev > .ts-resource_repeat, nav.ts-table-dev > div[class*="ts-row"] {
    display: table;
    position: relative;
    width: 100%;
    cursor: default;
    color: #575757;
    font-weight: 400;
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08); }
    nav.ts-table-dev > .ts-row-head > div, nav.ts-table-dev > a > div, nav.ts-table-dev > a:visited > div, nav.ts-table-dev > .ts-resource_repeat > div, nav.ts-table-dev > div[class*="ts-row"] > div {
      display: table-cell;
      vertical-align: middle;
      position: relative;
      white-space: nowrap;
      padding: 0.6em; }
      nav.ts-table-dev > .ts-row-head > div:nth-child(1), nav.ts-table-dev > a > div:nth-child(1), nav.ts-table-dev > a:visited > div:nth-child(1), nav.ts-table-dev > .ts-resource_repeat > div:nth-child(1), nav.ts-table-dev > div[class*="ts-row"] > div:nth-child(1) {
        width: 4%;
        clear: left; }
      nav.ts-table-dev > .ts-row-head > div:nth-child(2), nav.ts-table-dev > a > div:nth-child(2), nav.ts-table-dev > a:visited > div:nth-child(2), nav.ts-table-dev > .ts-resource_repeat > div:nth-child(2), nav.ts-table-dev > div[class*="ts-row"] > div:nth-child(2) {
        width: 62%; }
      nav.ts-table-dev > .ts-row-head > div:nth-child(3), nav.ts-table-dev > a > div:nth-child(3), nav.ts-table-dev > a:visited > div:nth-child(3), nav.ts-table-dev > .ts-resource_repeat > div:nth-child(3), nav.ts-table-dev > div[class*="ts-row"] > div:nth-child(3) {
        width: 16%; }
      nav.ts-table-dev > .ts-row-head > div:nth-child(4), nav.ts-table-dev > a > div:nth-child(4), nav.ts-table-dev > a:visited > div:nth-child(4), nav.ts-table-dev > .ts-resource_repeat > div:nth-child(4), nav.ts-table-dev > div[class*="ts-row"] > div:nth-child(4) {
        width: 11%; }
      nav.ts-table-dev > .ts-row-head > div:nth-child(5), nav.ts-table-dev > a > div:nth-child(5), nav.ts-table-dev > a:visited > div:nth-child(5), nav.ts-table-dev > .ts-resource_repeat > div:nth-child(5), nav.ts-table-dev > div[class*="ts-row"] > div:nth-child(5) {
        width: 7%; }
  nav.ts-table-dev div.ts-row-head, nav.ts-table-dev .ts-row-head {
    background-color: #00a3c3;
    color: #ffffff;
    font-weight: 500;
    border-bottom-width: 0; }
    nav.ts-table-dev div.ts-row-head[data-locked], nav.ts-table-dev .ts-row-head[data-locked] {
      background-color: #737373;
      opacity: 0.6; }
  nav.ts-table-dev a[data-coursetype="programme"].showpanel {
    border-bottom: 0; }
  nav.ts-table-dev .programme + .prog-component.ts-table {
    border: 0.5em solid #ccedf3; }

.ts-table-dev .ts-table {
  font-size: 1em; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ts-table-dev .ts-table .ts-cell-icon {
    font-size: 0.5em; } }
.ts-table div.ts-row-sep, .ts-table .ts-row-sep, .ts-table-dev div.ts-row-sep, .ts-table-dev .ts-row-sep {
  display: none !important; }
.ts-table .ts-cell-light, .ts-table-dev .ts-cell-light {
  padding-left: 0.9em;
  padding-right: 0.2em; }
  .ts-table .ts-cell-light:before, .ts-table-dev .ts-cell-light:before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: #15b472;
    border-radius: 50%; }
.ts-table .ts-cell-icon, .ts-table-dev .ts-cell-icon {
  text-align: center; }
  .ts-table .ts-cell-icon img, .ts-table-dev .ts-cell-icon img {
    display: none; }
.ts-table .ts-cell-wrap, .ts-table-dev .ts-cell-wrap {
  white-space: normal;
  word-wrap: break-word; }
.ts-table .ts-resource_repeat, .ts-table-dev .ts-resource_repeat {
  background-color: #dbf2f7;
  padding: 0.5em 1em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
  .ts-table .ts-resource_repeat button, .ts-table-dev .ts-resource_repeat button {
    margin-bottom: 0;
    background-color: #00a3c3;
    width: 7.2em; }
  .ts-table .ts-resource_repeat[data-locked], .ts-table-dev .ts-resource_repeat[data-locked] {
    opacity: 0.6;
    background-color: #d9d9d9; }
    .ts-table .ts-resource_repeat[data-locked] .ts-cell-btn, .ts-table-dev .ts-resource_repeat[data-locked] .ts-cell-btn {
      text-align: center; }
      .ts-table .ts-resource_repeat[data-locked] .ts-cell-btn button, .ts-table-dev .ts-resource_repeat[data-locked] .ts-cell-btn button {
        display: none; }
      .ts-table .ts-resource_repeat[data-locked] .ts-cell-btn:after, .ts-table-dev .ts-resource_repeat[data-locked] .ts-cell-btn:after {
        content: 'L';
        font-family: 'academyicons';
        display: inline-block;
        font-size: 1.4em;
        align-self: center; }
.ts-table div[class*="ts-row"] .ts-cell-btn button, .ts-table-dev div[class*="ts-row"] .ts-cell-btn button {
  width: 6em; }
.ts-table [class*="overdue"] .ts-cell-light:before, .ts-table-dev [class*="overdue"] .ts-cell-light:before {
  background-color: #ff2b5a; }
.ts-table [class*="progress"] .ts-cell-light:before, .ts-table-dev [class*="progress"] .ts-cell-light:before {
  border-left: 0.5em solid #00844d; }
.ts-table [class*="require"] .ts-cell-light:before, .ts-table-dev [class*="require"] .ts-cell-light:before {
  background-color: #e5e200; }
.ts-table [class*="require"].pathway .ts-cell-light:before, .ts-table-dev [class*="require"].pathway .ts-cell-light:before {
  content: '\0021';
  font-weight: 900;
  color: #e5e200;
  background-color: transparent;
  font-size: 150%;
  text-align: center; }
.ts-table [class*="complete"] .ts-cell-light:before, .ts-table-dev [class*="complete"] .ts-cell-light:before {
  content: '\2022';
  font-family: 'academyicons';
  color: #00844d;
  background-color: transparent; }
.ts-table [class*="locked"], .ts-table-dev [class*="locked"] {
  opacity: 0.6; }
  .ts-table [class*="locked"] .ts-cell-light:before, .ts-table-dev [class*="locked"] .ts-cell-light:before {
    content: 'L';
    font-family: 'academyicons';
    color: #737373;
    background-color: transparent; }
.ts-table [class*="unassigned"] .ts-cell-light:before, .ts-table-dev [class*="unassigned"] .ts-cell-light:before {
  background-color: transparent; }
.ts-table .ts-cell-icon:after, .ts-table-dev .ts-cell-icon:after {
  font-family: 'academyicons'; }
.ts-table .ts-row-prog, .ts-table-dev .ts-row-prog {
  background-color: #dbf2f7 !important; }
  .ts-table .ts-row-prog .ts-cell-icon:before, .ts-table-dev .ts-row-prog .ts-cell-icon:before {
    content: '>';
    font-family: 'academyicons';
    font-size: 2em; }

a[data-coursetype="programme"] {
  background-color: #dbf2f7 !important;
  cursor: pointer !important; }
  a[data-coursetype="programme"] .ts-cell-icon:before {
    content: '\25B6' !important;
    display: block;
    font-size: 1em !important;
    margin: 0.5em; }
  a[data-coursetype="programme"].showpanel .ts-cell-icon:before {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transition: transform 0.2s ease;
    -ms-transition: -ms-transform 0.2s ease; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  a[data-coursetype="programme"] .ts-cell-icon:before {
    font-size: 0.5em !important; } }
[data-moduletype] .ts-cell-icon:before {
  font-family: 'academyicons';
  font-size: 2em;
  color: #004f73; }

[data-moduletype="practical"] .ts-cell-icon:before {
  content: '\E816'; }

[data-moduletype="file"] .ts-cell-icon:before {
  content: '\E814'; }

[data-moduletype="screen"] .ts-cell-icon:before {
  content: '\E803'; }

table.spaced > tbody > tr > td {
  padding-bottom: 1.4em; }

.ts-table.legend {
  margin-top: 2.5em;
  width: auto; }
  .ts-table.legend div {
    padding-right: 1.5em;
    display: inline-block;
    margin-bottom: 1em; }
  .ts-table.legend .ts-cell-light {
    padding-right: 0em;
    float: left;
    margin-right: 0.5em;
    margin-bottom: 0em; }
  .ts-table.legend div.locked {
    opacity: 1; }

.ts-table.legend.minusBottomMargin {
  margin-bottom: -3em; }

.checklist {
  /*font-size:1em;
  padding:0.8em;*/
  padding: 0.8em; }
  .checklist input[type="checkbox"] {
    width: 1em;
    height: 1em; }
  .checklist label {
    padding-left: 1em;
    vertical-align: middle; }

.checklist-panel {
  font-size: 110%;
  width: 30em;
  overflow: auto;
  text-align: left;
  display: inline-block; }
  .checklist-panel input[type='submit'] {
    float: right;
    margin: 0.5em 0;
    cursor: pointer; }

.crossbox {
  display: none; }
  .crossbox + label:before {
    content: '';
    font-family: 'academyicons';
    font-size: 1.25em;
    text-align: center;
    display: inline-block;
    color: #00a3c3;
    background-color: #ffffff;
    border: 2px solid #9d9d9d;
    width: 1.25em;
    height: 1.25em;
    overflow: hidden;
    vertical-align: middle;
    margin: 0.05em 0.3em 0.2em 0; }
  .crossbox:checked + label:before {
    content: 'X'; }

[data-appstatus="rejected"] {
  opacity: 0.5; }
  [data-appstatus="rejected"] .ts-cell-light:before {
    background-color: #737373; }

[data-appstatus="abandoned"] .ts-cell-light:before {
  background-color: #737373; }

[data-appstatus="pending"] .ts-cell-light:before {
  background-color: #e5e200; }

[data-appstatus="approved"] .ts-cell-light:before {
  background-color: #004f73; }

[data-appstatus="rejected-red"] .ts-cell-light:before {
  background-color: #ff2b5a; }

[data-appstatus="awaiting line manager"] .ts-cell-light:before {
  background-color: #e5e200; }

[data-appstatus="awaiting sla/site leader"] .ts-cell-light:before {
  background-color: #3a3a3a; }

[data-combinedstatus="action"] .ts-cell-light:before {
  background-color: #e5e200; }

[data-combinedstatus="action-completed"] .ts-cell-light:before {
  background-color: #64b473; }

[data-combinedstatus="completed"] .ts-cell-light:before {
  content: '\2022';
  font-family: 'academyicons';
  color: #64b473;
  background-color: transparent; }

[data-combinedstatus="notstarted"] .ts-cell-light:before {
  content: '\2022';
  font-family: 'academyicons';
  color: #ff9c00;
  background-color: transparent; }

[data-combinedstatus="overdue"] .ts-cell-light:before {
  background-color: #ff2b5a;
  transform: scale(0.625); }

.dateblock {
  background-color: #00a3c3;
  color: #ffffff;
  display: block;
  float: left;
  width: 4em;
  height: 4em;
  text-align: center;
  vertical-align: top;
  padding-top: 0.5em;
  line-height: 1; }
  .dateblock span {
    display: block;
    font-size: 220%;
    font-weight: 300; }
  .dateblock + div {
    display: block;
    float: left;
    width: calc(100% - 4em);
    vertical-align: top;
    padding-left: 0.5em; }

.event h3 {
  font-size: 105%;
  color: #004f73;
  font-weight: 400;
  color: #737373;
  max-height: 2em;
  overflow: hidden; }
.event h6 {
  font-size: 100%;
  color: #00a3c3; }

.joinbutton {
  display: inline-block;
  background-color: #ddd;
  font-size: 80%;
  vertical-align: middle;
  color: #666;
  border-radius: 0.4em;
  font-weight: normal;
  cursor: pointer; }

.webinar {
  font-size: 90%;
  font-weight: 400; }

.joinbutton.live-event {
  position: relative; }

.live-event {
  background-color: #e5e200; }
  .live-event div {
    position: absolute; }
    .live-event div:before {
      content: '';
      position: relative;
      display: block;
      width: 300%;
      height: 300%;
      box-sizing: border-box;
      margin-left: -100%;
      margin-top: -100%;
      border-radius: 1.5em;
      background-color: #004f73;
      animation: live-event-pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite; }
    .live-event div:after {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #00a3c3;
      border-radius: 0.5em;
      animation: live-event-pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite; }

.joinbutton {
  padding: 0.18em 0.5em 0.18em 0.5em;
  margin-left: 1em; }
  .joinbutton.live-event {
    padding: 0.18em 0.5em 0.18em 1.8em; }
    .joinbutton.live-event div {
      left: 0.6em;
      top: 0.4em;
      width: 0.6em;
      height: 0.6em; }

.open .joinbutton {
  margin-left: 0em;
  padding: 0.5em; }
  .open .joinbutton.live-event {
    padding: 0.5em 0.5em 0.5em 2em; }
    .open .joinbutton.live-event div {
      left: 0.8em;
      top: 0.8em;
      width: 0.6em;
      height: 0.6em; }

#LocationLabel .ts-btn.live-event {
  position: relative;
  padding: 1em 2em 1em 2.7em; }
  #LocationLabel .ts-btn.live-event div {
    top: 1.2em;
    left: 1em;
    width: 0.75em;
    height: 0.75em; }

@keyframes live-event-pulse-ring {
  0% {
    transform: scale(0.33); }
  80%, 100% {
    opacity: 0; } }
@keyframes live-event-pulse-dot {
  0% {
    transform: scale(0.8); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.8); } }
button, a[data-buttontype], input[data-buttontype] {
  position: relative;
  border-radius: 0.2em;
  padding: 0.4em 0.6em;
  margin: 0 0.2em 0.5em 0;
  background-color: #9d9d9d;
  color: #ffffff;
  font-size: 0.9em;
  text-transform: uppercase; }
  button:hover, a[data-buttontype]:hover, input[data-buttontype]:hover {
    cursor: pointer; }
  button[data-buttontype]:before, a[data-buttontype][data-buttontype]:before, input[data-buttontype][data-buttontype]:before {
    position: relative;
    display: inline-block;
    margin-right: 0.2em;
    font-family: 'academyicons';
    text-transform: initial; }
  button[data-buttontype="add"], a[data-buttontype][data-buttontype="add"], input[data-buttontype][data-buttontype="add"] {
    background-color: #00a3c3; }
    button[data-buttontype="add"]:before, a[data-buttontype][data-buttontype="add"]:before, input[data-buttontype][data-buttontype="add"]:before {
      content: '+';
      font-family: Arial, sans-serif; }
  button[data-buttontype="remove"]:before, a[data-buttontype][data-buttontype="remove"]:before, input[data-buttontype][data-buttontype="remove"]:before {
    content: '-';
    font-family: Arial, sans-serif; }
  button[data-buttontype="pdf"]:before, a[data-buttontype][data-buttontype="pdf"]:before, input[data-buttontype][data-buttontype="pdf"]:before {
    content: '\E801'; }
  button[data-buttontype="attach"]:before, a[data-buttontype][data-buttontype="attach"]:before, input[data-buttontype][data-buttontype="attach"]:before {
    content: 'a';
    text-transform: lowercase; }
  button[data-buttontype="edit"]:before, a[data-buttontype][data-buttontype="edit"]:before, input[data-buttontype][data-buttontype="edit"]:before {
    content: 'e';
    text-transform: lowercase; }
  button[data-buttontype="editmode"]:before, a[data-buttontype][data-buttontype="editmode"]:before, input[data-buttontype][data-buttontype="editmode"]:before {
    content: 'e';
    text-transform: lowercase; }
  button[data-buttontype="editmode nobackground"]:before, a[data-buttontype][data-buttontype="editmode nobackground"]:before, input[data-buttontype][data-buttontype="editmode nobackground"]:before {
    content: 'e';
    text-transform: lowercase; }
  button[data-buttontype="editmode nobackground grey"]:before, a[data-buttontype][data-buttontype="editmode nobackground grey"]:before, input[data-buttontype][data-buttontype="editmode nobackground grey"]:before {
    content: 'e';
    text-transform: lowercase; }
  button[data-buttontype="filtermode"]:before, a[data-buttontype][data-buttontype="filtermode"]:before, input[data-buttontype][data-buttontype="filtermode"]:before {
    content: '*';
    text-transform: uppercase; }
  button[data-buttontype="filtermode nobackground"]:before, a[data-buttontype][data-buttontype="filtermode nobackground"]:before, input[data-buttontype][data-buttontype="filtermode nobackground"]:before {
    content: '*';
    text-transform: uppercase; }
  button[data-buttontype="filtermode nobackground on"]:before, a[data-buttontype][data-buttontype="filtermode nobackground on"]:before, input[data-buttontype][data-buttontype="filtermode nobackground on"]:before {
    content: '*';
    text-transform: uppercase; }
  button[data-buttontype="settings"]:before, a[data-buttontype][data-buttontype="settings"]:before, input[data-buttontype][data-buttontype="settings"]:before {
    content: 'P'; }
  button[data-buttontype="calendar"], a[data-buttontype][data-buttontype="calendar"], input[data-buttontype][data-buttontype="calendar"] {
    background-color: transparent;
    margin-bottom: 0px;
    padding: 0 !important;
    vertical-align: middle !important; }
    button[data-buttontype="calendar"]:before, a[data-buttontype][data-buttontype="calendar"]:before, input[data-buttontype][data-buttontype="calendar"]:before {
      content: '|';
      font-size: 1.35em;
      color: #737373; }
  button[data-buttontype="print"]:before, a[data-buttontype][data-buttontype="print"]:before, input[data-buttontype][data-buttontype="print"]:before {
    content: 'p';
    margin-right: 0.4em;
    text-transform: lowercase; }
  button[data-buttontype="back"], a[data-buttontype][data-buttontype="back"], input[data-buttontype][data-buttontype="back"] {
    float: right; }
    button[data-buttontype="back"]:before, a[data-buttontype][data-buttontype="back"]:before, input[data-buttontype][data-buttontype="back"]:before {
      content: '<'; }
  button[data-buttontype="signoff"], a[data-buttontype][data-buttontype="signoff"], input[data-buttontype][data-buttontype="signoff"] {
    padding: 0.5em;
    margin-bottom: 1em; }
    button[data-buttontype="signoff"]:after, a[data-buttontype][data-buttontype="signoff"]:after, input[data-buttontype][data-buttontype="signoff"]:after {
      content: '»';
      font-family: academyicons; }
  button[data-buttontype="required"]:before, a[data-buttontype][data-buttontype="required"]:before, input[data-buttontype][data-buttontype="required"]:before {
    content: '\E820'; }
  button[data-buttontype="feedback"]:before, a[data-buttontype][data-buttontype="feedback"]:before, input[data-buttontype][data-buttontype="feedback"]:before {
    content: 'N';
    margin-right: 0.4em; }
  button[data-buttontype="download"], button[data-buttontype="downloading"], a[data-buttontype][data-buttontype="download"], a[data-buttontype][data-buttontype="downloading"], input[data-buttontype][data-buttontype="download"], input[data-buttontype][data-buttontype="downloading"] {
    background-image: url("../../../specific/css/images/download.svg");
    padding-right: 2em;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1.75em; }
  button[data-buttontype="download"]:hover, a[data-buttontype][data-buttontype="download"]:hover, input[data-buttontype][data-buttontype="download"]:hover {
    background-color: #00a3c3; }
  button[data-buttontype="downloading"], a[data-buttontype][data-buttontype="downloading"], input[data-buttontype][data-buttontype="downloading"] {
    background-image: url("../../../specific/css/images/spinner.gif"); }
  button[data-buttontype="close"], a[data-buttontype][data-buttontype="close"], input[data-buttontype][data-buttontype="close"] {
    position: absolute;
    right: 0.15em;
    top: 0.15em;
    background-color: transparent;
    opacity: 0.3; }
    button[data-buttontype="close"]:before, a[data-buttontype][data-buttontype="close"]:before, input[data-buttontype][data-buttontype="close"]:before {
      content: 'X';
      color: #000000;
      margin-right: 0; }
    button[data-buttontype="close"]:hover, a[data-buttontype][data-buttontype="close"]:hover, input[data-buttontype][data-buttontype="close"]:hover {
      opacity: 0.4; }
  button + div, a[data-buttontype] + div, input[data-buttontype] + div {
    margin-top: 0.6em; }
  button[data-buttontype="primary"], a[data-buttontype][data-buttontype="primary"], input[data-buttontype][data-buttontype="primary"] {
    background-color: #004f73;
    color: #ffffff; }
  button[data-buttontype="secondary"], a[data-buttontype][data-buttontype="secondary"], input[data-buttontype][data-buttontype="secondary"] {
    background-color: #00a3c3;
    color: #ffffff; }
  button[data-buttontype="tertiary"], a[data-buttontype][data-buttontype="tertiary"], input[data-buttontype][data-buttontype="tertiary"] {
    background-color: #575757;
    color: #ffffff; }
  button[data-buttontype="quaternary"], a[data-buttontype][data-buttontype="quaternary"], input[data-buttontype][data-buttontype="quaternary"] {
    background-color: #737373;
    color: #ffffff; }

a[data-buttontype], input[data-buttontype] {
  display: inline-block; }

.toolBarZone a[data-buttontype="close"]:before {
  color: #000000; }

.movie {
  background-color: #000000; }

body.editmode button[data-buttontype="editmode"] {
  background-color: #004f73;
  float: right; }

body button[data-buttontype="editmode"], button[data-buttontype="editmode nobackground"] {
  float: right; }

body button[data-buttontype="editmode nobackground"] {
  background-color: transparent;
  color: #000000;
  margin-bottom: 0px;
  padding-top: 0px; }

body button[data-buttontype="filtermode nobackground"] {
  background-color: transparent;
  color: #000000;
  margin-bottom: 0px;
  padding-top: 0px; }

body button[data-buttontype="filtermode nobackground on"] {
  background-color: transparent;
  color: #00a3c3;
  margin-bottom: 0px;
  padding-top: 0px; }

[data-filetype]:before {
  content: '\E801';
  position: relative;
  display: inline-block;
  margin-right: 0.2em;
  font-family: 'academyicons';
  text-transform: initial;
  color: #00a3c3; }

[data-filetype="pdf"]:before {
  content: '\E801'; }

[data-filetype="video"]:before {
  content: '\E810'; }

[data-filetype="audio"]:before {
  content: '\E817'; }

a.remove {
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-left: 0.2em;
  opacity: 0.5;
  background-color: #9d9d9d;
  color: #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 1em; }
  a.remove:before {
    content: '-'; }
  a.remove img {
    display: none; }
  a.remove:hover {
    opacity: 0.8; }

/* disabled */
button[data-disabled] {
  cursor: default; }

button[data-disabled]:hover {
  background-color: #31353e; }

#AssignmentPanel, #NoRecordsPanel {
  padding-top: 0;
  border-top-width: 0; }

#NoRecordsPanel {
  padding-bottom: 2em; }

#NoRecordsPanel > nav > div.message {
  padding-top: 1em; }

#CourseTitle {
  color: #ffffff;
  background-color: #00a3c3;
  display: inline-block;
  padding: 0.2em 0.4em;
  margin-bottom: 0.75em;
  font-size: 1.2em;
  max-width: calc(100% - 6.3em); }
  #CourseTitle:before {
    font-family: 'academyicons';
    font-size: 2em;
    color: #00a3c3;
    position: absolute;
    margin-left: -1.60em;
    margin-top: -0.15em; }
  #CourseTitle.learningevents, #CourseTitle.online, #CourseTitle.vocationalqualification, #CourseTitle.professionaldevelopment, #CourseTitle.appraisal {
    margin-left: 2.9em; }
  #CourseTitle.professionaldevelopment:before {
    content: 'C'; }
  #CourseTitle.appraisal:before {
    content: '\E812'; }

.standardiseStyling {
  font-weight: 400 !important;
  font-size: 1.1em !important;
  font-family: "Ubuntu", Arial, Sans-serif !important;
  line-height: 1.2 !important;
  color: #3a3a3a !important;
  background-color: transparent !important;
  /*we're going to allow links to keep their color set elsewhere*/ }
  .standardiseStyling a {
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    background-color: inherit !important;
    margin: inherit !important;
    padding: inherit !important; }
  .standardiseStyling p, .standardiseStyling span, .standardiseStyling em, .standardiseStyling div, .standardiseStyling ul, .standardiseStyling ol, .standardiseStyling li {
    /* set to inherit from parent div */
    font-weight: inherit !important;
    font-size: inherit !important;
    font-family: inherit !important;
    line-height: inherit !important;
    color: inherit !important;
    background-color: inherit !important; }
    .standardiseStyling p li, .standardiseStyling span li, .standardiseStyling em li, .standardiseStyling div li, .standardiseStyling ul li, .standardiseStyling ol li, .standardiseStyling li li {
      border-color: rgba(0, 0, 0, 0.1) !important;
      border-style: solid !important;
      border-width: 0 !important;
      margin: 0px !important;
      padding: 0px !important; }

.ws-stage {
  margin: 1em 0; }
  .ws-stage h3 {
    display: inline-block;
    padding: 0.4em 0.7em;
    margin: 0 0 -1px 0;
    background-color: #00a3c3;
    color: #ffffff; }
    .ws-stage h3 ~ * {
      display: block;
      background-color: #00a3c3;
      color: #3a3a3a;
      overflow: auto;
      padding: 1em 1em 1.5em 1em;
      margin-top: 0; }
      .ws-stage h3 ~ * ul {
        padding-left: 1em; }
  .ws-stage.post h3 {
    background-color: #5c7aab; }
    .ws-stage.post h3 ~ * {
      background-color: rgba(92, 122, 171, 0.2); }

.ts-doc-list {
  list-style: none;
  padding: 0.5em 0;
  margin: 1em 0 1.5em 0;
  overflow: auto; }
  .ts-doc-list a {
    display: block;
    float: left;
    vertical-align: top;
    padding-top: 2.5em;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 2em;
    margin: 0.5em 1em;
    max-width: 12em;
    min-width: 2em;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto; }

.ts-info-box {
  margin-bottom: 1em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 1em; }
  .ts-info-box > div {
    display: inline-block;
    margin-right: 1em;
    padding-right: 1em;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    vertical-align: top;
    max-width: 25%; }
    .ts-info-box > div:last-child {
      border-right-width: 0; }

.ts-assignment-component {
  padding-top: 0.5em;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em; }

.ts-prog .ts-page-top h2 {
  display: inline-block;
  background-color: #ccedf3;
  padding: 1em;
  margin-bottom: 0;
  color: #3a3a3a; }
.ts-prog .ts-page-desc {
  background-color: #ccedf3;
  margin-bottom: 1em;
  padding: 2em;
  color: #3a3a3a; }

.ts-btn-app-message {
  padding: 1em 0; }
  .ts-btn-app-message > div {
    display: inline-block;
    margin-right: 1em; }
    .ts-btn-app-message > div span[id*="Label"] {
      color: #004f73;
      font-size: 140%;
      font-weight: 500; }

.ts-highlight-container {
  background-color: #dbf2f7;
  color: #3a3a3a;
  padding: 1em;
  margin-bottom: 0; }

.ts-cert-download {
  display: inline-block;
  margin-top: 1em; }
  .ts-cert-download a {
    vertical-align: middle; }
  .ts-cert-download img {
    vertical-align: middle;
    margin-right: 0.4em; }

.ts-cert-download .highlighted {
  padding: 0.5em; }

.ts-btn-print-right {
  float: right; }

.ts-container {
  background-color: #ffffff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
  padding: 2em;
  overflow: auto; }
  .ts-container > section {
    display: block;
    width: 100%;
    overflow: auto; }
    .ts-container > section.widecolumn {
      width: 55%;
      float: left;
      clear: right;
      padding-right: 2em;
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
    .ts-container > section.narrowcolumn {
      width: 45%;
      float: left;
      clear: right;
      padding-left: 2em; }

.ts-page-main > div:not(.plainDiv) {
  display: block;
  overflow: auto;
  margin: 1.8em 0 0 0;
  padding: 1.8em 0 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.ts-status-box {
  display: block;
  overflow: auto;
  margin: 0.5em 0 0 0;
  padding: 1em;
  background-color: #dbf2f7; }
  .ts-status-box > div {
    display: block;
    float: left;
    padding-right: 2em; }

.ts-status-box.locked {
  background-color: #f1f1f1; }

.ts-progress {
  width: 16.5em; }
  .ts-progress span {
    display: block;
    width: 2.5em;
    float: left; }
  .ts-progress .ts-prog-bar {
    width: 12em;
    height: 1em;
    float: left;
    background-color: rgba(0, 0, 0, 0.1);
    margin-top: 0.1em; }
    .ts-progress .ts-prog-bar > div {
      height: 100%;
      background-color: #15b472; }

#ts-myteam-table .ts-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 11em; }
#ts-myteam-table .ts-cell:hover {
  overflow: visible;
  white-space: normal; }
#ts-myteam-table .ts-progress label {
  display: none; }
#ts-myteam-table .ts-progress .ts-prog-bar {
  position: relative;
  height: 1.8em;
  margin: 0.25em;
  width: 6em; }
  #ts-myteam-table .ts-progress .ts-prog-bar > div {
    height: 1.8em; }
#ts-myteam-table .ts-progress span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  margin-top: 0.25em; }

.myteam-buttons {
  font-size: 0.8em;
  text-align: center; }

.combinedtable div.ts-row-head {
  background-color: transparent;
  border-right: 1px solid #00a3c3; }
  .combinedtable div.ts-row-head div {
    text-align: center;
    font-size: 1.15em;
    padding: 0.6em 0.3em;
    background-color: #00a3c3; }
    .combinedtable div.ts-row-head div:after {
      right: 0; }
    .combinedtable div.ts-row-head div:before {
      left: 0; }
    .combinedtable div.ts-row-head div:nth-child(-n+2) {
      background-color: transparent; }
    .combinedtable div.ts-row-head div:nth-child(n+4):before {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      background-color: #ffffff; }
    .combinedtable div.ts-row-head div:nth-child(-n+6):after {
      content: '';
      display: block;
      position: absolute;
      width: 1px;
      height: 100%;
      top: 0;
      background-color: #ffffff; }
    .combinedtable div.ts-row-head div:nth-child(n+4) {
      border-left: 1px solid #e8e8e8; }
.combinedtable div.ts-row {
  border-right: 1px solid #e8e8e8; }
  .combinedtable div.ts-row > div:nth-of-type(n+3) {
    border-left: 1px solid #e8e8e8; }
  .combinedtable div.ts-row:last-child {
    border-bottom-color: transparent; }
    .combinedtable div.ts-row:last-child > div:nth-of-type(n+3) {
      border-bottom: 1px solid #e8e8e8; }
.combinedtable .currentrole {
  font-weight: 400;
  color: #888888; }
  .combinedtable .currentrole.notassigned {
    font-style: italic; }
.combinedtable .indicator {
  min-width: 5.6em;
  text-align: center;
  position: relative; }
  .combinedtable .indicator svg {
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle;
    width: 1em;
    height: 1em; }
  .combinedtable .indicator.overdue svg {
    width: 0.625em; }
  .combinedtable .indicator a {
    font-weight: 400;
    color: #9d9d9d; }
  .combinedtable .indicator span {
    width: 100%;
    position: absolute;
    left: 0;
    font-size: 0.7em;
    padding-top: 0.29em;
    color: #000000; }
.combinedtable .manager, .combinedtable .sla, .combinedtable .overdue, .combinedtable .completed, .combinedtable .notstarted, .combinedtable .waiting {
  cursor: pointer; }
.combinedtable .combinedtable .indicator .overdue svg, .combinedtable .legend .overdue svg {
  width: 0.625em;
  height: 0.625em; }
.combinedtable .ts-progress {
  min-width: 10em; }
.combinedtable .ts-prog-bar {
  height: 1.274em;
  width: 6.4em;
  float: none;
  margin: auto;
  cursor: pointer; }
.combinedtable .highlight-set .ts-prog-bar {
  background-color: #e5e200;
  color: #3a3a3a;
  overflow: hidden;
  border-radius: 0.2em;
  text-align: center; }
  .combinedtable .highlight-set .ts-prog-bar:before {
    content: 'Sign off';
    text-align: center;
    font-size: 70%; }
.combinedtable .pathway-noview {
  opacity: 0.7; }
.combinedtable .pathway-view {
  color: #00a3c3;
  font-weight: 500;
  cursor: pointer; }
.combinedtable .first-step-set .ts-prog-bar {
  background-color: #e5e200;
  color: #3a3a3a;
  overflow: hidden;
  border-radius: 0.2em;
  text-align: center; }
  .combinedtable .first-step-set .ts-prog-bar:before {
    content: 'Set pathway stage';
    text-align: center;
    font-size: 70%; }
.combinedtable .complete-set .ts-prog-bar {
  background-color: #00a3c3;
  color: #ffffff;
  overflow: hidden;
  border-radius: 0.2em;
  text-align: center; }
  .combinedtable .complete-set .ts-prog-bar:before {
    content: 'Complete';
    text-align: center;
    font-size: 70%; }
.combinedtable .view {
  content: 'View';
  width: auto;
  color: #9d9d9d;
  font-size: 0.95em;
  cursor: pointer; }

.advert-list {
  cursor: pointer; }
  .advert-list:before {
    content: '^';
    font-family: 'academyicons';
    margin-right: 0.7em;
    color: #737373; }
  .advert-list > div:first-of-type {
    color: #004f73; }

#formstab a:before {
  content: 'v';
  font-family: 'academyicons';
  color: #737373;
  margin-right: 0.7em; }

.ts-page-grid:not(.plain) {
  display: block;
  overflow: auto;
  margin: 0 0 1.8em 0;
  padding: 1.8em 0 1.8em 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }

.ts-assignments .ts-table {
  margin-bottom: 0.8em; }

.htmlText {
  font-size: 0.9em; }

.ts-page-print, .ts-page-top {
  overflow: visible !important; }

.sectiongroup {
  padding-top: 1em;
  display: flex; }
  .sectiongroup > button {
    margin-top: 0;
    margin-bottom: 0; }
  .sectiongroup > section.ts-status-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 1em;
    margin-top: 0;
    margin-bottom: 0; }
    .sectiongroup > section.ts-status-box:first-child {
      flex: 1 1 auto; }
      .sectiongroup > section.ts-status-box:first-child:not(:last-child) {
        margin-right: 1em; }
    .sectiongroup > section.ts-status-box.divided > div:not(:last-child) {
      border-right: 1px solid rgba(0, 0, 0, 0.2); }
    .sectiongroup > section.ts-status-box > div {
      padding: 0 1em; }
    .sectiongroup > section.ts-status-box .ts-progress {
      width: auto; }
      .sectiongroup > section.ts-status-box .ts-progress .ts-prog-bar {
        width: 8em; }
    .sectiongroup > section.ts-status-box h4 {
      margin-bottom: 0.3em; }

.course-statistics-satisfied h4, .course-statistics-time-spent h4 {
  font-size: 2em;
  margin-bottom: 0 !important;
  color: #00a3c3;
  font-weight: 400; }
.course-statistics-satisfied span, .course-statistics-time-spent span {
  font-size: 80%; }

.app-form-label.narrow {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.app-form.cpd {
  background-color: #f1f1f1;
  padding-left: 3em;
  padding-right: 3em;
  font-size: 0.9em; }

.pd-approval {
  font-weight: 500;
  overflow: hidden;
  word-wrap: break-word; }

table.spaced.cpd > tbody > tr > td {
  padding-bottom: 1em; }

.app-form-label {
  vertical-align: top;
  padding-top: 0.8em; }

.app-form-label-vert {
  vertical-align: top;
  padding-top: 0.4em; }

.formInstruct, .formInstructVert {
  font-weight: 400;
  color: #004f73;
  font-size: 0.8em; }

.formInstructVert {
  padding-top: 0.4em; }

.app-form-button {
  margin-top: 2em; }

.app-form h3 {
  color: #004f73;
  padding-top: 1em; }

.app-form-desc {
  background-color: #dbf2f7;
  padding: 1em;
  margin-bottom: 0.8em; }

.app-form-desc ul, .app-form-browse {
  padding-top: 1em; }

.app-form-upload {
  padding: 1em;
  background-color: #f1f1f1; }

#DetailsPanel {
  margin-bottom: 1em;
  overflow: auto; }

.mySummary {
  color: #CC0000;
  line-height: 1.1em;
  text-align: left; }

.mySummary ul {
  margin-top: 0.5em;
  margin-bottom: 0.5em; }

.hostingDiv {
  padding: 0 12px; }

.cpdFormTable tr td {
  vertical-align: top;
  text-align: left; }

.inputTable {
  margin: 0;
  padding: 0;
  width: 100%; }

.poundDiv {
  float: left;
  padding-top: 5px; }

.poundControl {
  float: left; }

.normalInputBad {
  background-color: #fff3f3; }

.required:after {
  content: '*';
  display: inline-block;
  margin-left: 0.2em; }

span[id*="Validator"] img {
  display: none; }
span[id*="Validator"]:before {
  content: '\E820';
  font-family: 'academyicons';
  color: #de0e22;
  margin-top: -1em; }

#loginDiv span[id*="Validator"] {
  display: inline-block; }
  #loginDiv span[id*="Validator"]:before {
    margin-top: auto;
    margin-right: 0.25em; }

.error {
  color: #de0e22; }

#Scheduler {
  padding-top: 0;
  border-top-width: 0; }

.RadScheduler .rsApt {
  height: auto !important;
  position: relative !important; }

.RadScheduler_WebBlue .rsHeader, .RadScheduler_WebBlue .rsHorizontalHeaderTable, .RadScheduler_WebBlue .rsButton, .RadScheduler_WebBlue .rsSelected > .rsButton, .RadScheduler_WebBlue .rsPressed > .rsButton, .RadScheduler_WebBlue .rsButton.rsPressed, .RadScheduler_WebBlue .rsHovered > .rsButton, .RadScheduler_WebBlue .rsButton.rsHovered, .RadScheduler_WebBlue .rsAptCreate, .RadScheduler_WebBlue .rsHorizontalHeaderWrapper {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.RadScheduler_WebBlue, .RadScheduler .rsHeader, .RadScheduler .rsButton {
  border-width: 0; }

.RadScheduler .rsOverflowExpand .rsContentScrollArea, .RadScheduler .rsContentWrapper, td.rsHorizontalHeaderWrapper > div {
  width: 100% !important; }

.RadScheduler_WebBlue {
  border-color: #d8dfe7;
  border-left-width: 1px; }

.RadScheduler .rsHeader {
  padding: 0.5em; }

.RadScheduler .rsHeader .rsCurrent {
  padding: 0.15em 0 0 0.5em; }

.RadScheduler_WebBlue .rsHorizontalHeaderTable {
  height: 1.6em !important; }

.RadScheduler_WebBlue {
  margin-top: 0;
  border-top-width: 0; }

.RadScheduler_WebBlue .rsHeader {
  background-color: #004f73; }

.RadScheduler_WebBlue .rsHorizontalHeaderWrapper {
  background-color: #00a3c3; }

.RadScheduler_WebBlue .rsButton {
  background-color: #ffffff; }

.RadScheduler_WebBlue .rsHorizontalHeaderTable th {
  border-color: rgba(255, 255, 255, 0.2); }

.RadScheduler_WebBlue .rsHorizontalHeaderTable th:last-child {
  border-right-width: 0; }

.RadScheduler_WebBlue .rsOtherMonth, .RadScheduler_WebBlue .rsNonWorkHour {
  background-color: #eff5f9; }

.RadScheduler_WebBlue .rsSelectedSlot, .RadScheduler_WebBlue .rsSelected > .rsButton, .RadScheduler_WebBlue .rsPressed > .rsButton, .RadScheduler_WebBlue .rsButton.rsPressed {
  color: inherit;
  background-color: #e5e200; }

.RadScheduler .rsAptColor .rsAptContent, .RadScheduler .rsCategoryBlue .rsAptContent, .RadScheduler .rsCategoryRed .rsAptContent, .RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryOrange .rsAptContent, .RadScheduler .rsCategoryPink .rsAptContent, .RadScheduler .rsCategoryYellow .rsAptContent, .RadScheduler .rsCategoryViolet .rsAptContent, .RadScheduler .rsCategoryDarkRed .rsAptContent, .RadScheduler .rsCategoryDarkBlue .rsAptContent, .RadScheduler .rsCategoryDarkGreen .rsAptContent {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); }

.RadScheduler .rsAptContent {
  border-width: 0; }

.rsRow .rsWrap {
  height: auto !important;
  /*min-height:25px!important;*/ }

.rsRow td {
  min-height: 125px !important;
  height: 125px; }

.rsShowMore {
  display: none; }

.RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsResourceMarker, .calendarLegendGreen {
  margin-right: 1px;
  background-color: #00a3c3;
  color: #ffffff;
  padding: 0.3em 0.4em 0.3em 0.4em;
  margin-top: 0.3em;
  cursor: pointer; }

.RadScheduler .rsCategoryOrange .rsAptContent, .RadScheduler .rsCategoryOrange .rsResourceMarker, .calendarLegendOrange {
  margin-right: 1px;
  background-color: #5c7aab;
  color: #ffffff;
  padding: 0.3em 0.4em 0.3em 0.4em;
  margin-top: 0.3em;
  cursor: pointer; }

.RadScheduler .rsCategoryBlue .rsAptContent, .RadScheduler .rsCategoryBlue .rsResourceMarker, .calendarLegendBlue {
  margin-right: 1px;
  background-color: #8b8b8b;
  color: #ffffff;
  padding: 0.3em 0.4em 0.3em 0.4em;
  margin-top: 0.3em;
  cursor: pointer; }

.calendarLegendLate {
  margin-right: 1px;
  color: #ffffff;
  padding: 0.3em 0.4em 0.3em 0.4em;
  margin-top: 0.3em;
  cursor: pointer; }

.rsCategoryLate div:before {
  content: 'O';
  font-family: "academyicons";
  opacity: 1.0;
  display: inline-block;
  padding: 0.2em 0.3em 0.1em 0.3em;
  border-radius: 0 0 0.3em 0;
  margin: -0.2em -0.4em -0.1em 0;
  transform: translate(-0.4em, -0.2em); }

.calendarLegendLate:after {
  font-family: "academyicons";
  content: 'O';
  text-shadow: 0px 0px 0.2em black, 0px 0px 0.2em black, 0px 0px 0.2em black; }

.calendarLegendGreen, .calendarLegendOrange, .calendarLegendBlue, .calendarLegendLate {
  border-radius: 4px;
  display: inline-block;
  width: 2em;
  margin-right: 0.5em;
  margin-top: 1.5em;
  height: 1.5em;
  cursor: auto;
  line-height: 0.9em;
  text-align: center; }

.calendarLegendLate {
  height: 1.6em; }

  /*.calendarLegendLate {
  background-color:$calendaronline;
  color:$themecontrast;
}*/
/*.calendarLegendLate:after {

height:1.5em;
border-radius:4px;
margin-right:0em;
}*/
.calendarLegendGreen, .calendarLegendOrange, .calendarLegendBlue, .calendarLegendLate {
  margin-left: 1.5em; }

.RadScheduler .rsAgendaTimeShow .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsResourceMarker {
  margin-right: 1px;
  background-color: #00a3c3;
  color: #ffffff;
  padding: 0.4em 0em 0em 0em; }

.RadScheduler .rsAgendaTimeShow .rsCategoryOrange .rsAptContent, .RadScheduler .rsCategoryOrange .rsResourceMarker {
  margin-right: 1px;
  background-color: #5c7aab;
  color: #ffffff;
  padding: 0.4em 0em 0em 0em; }

.RadScheduler .rsMonthView .rsAptResizeEnd, .RadScheduler .rsTimelineView .rsAptResizeEnd {
  right: 2px; }

.RadScheduler_WebBlue .rsAgendaTable .rsAgendaRowSelected {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-color: #e5e200;
  color: #3a3a3a; }

.RadScheduler_WebBlue .rsAgendaTable .rsAgendaRow td:first-of-type {
  color: transparent; }

.RadScheduler_WebBlue .rsAgendaTable .rsAgendaRow td.rsAgendaTimeShow:first-of-type {
  color: #3a3a3a; }

.RadScheduler_WebBlue .rsAgendaTable th {
  background-color: #004f73; }

.RadCalendar_WebBlue .rcTitlebar {
  border-width: 0;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  box-shadow: none;
  background-color: #004f73;
  color: #ffffff; }

.RadCalendar_WebBlue .rcWeek th {
  background-color: #00a3c3;
  border-width: 0; }

.RadCalendar_WebBlue .rcMain .rcRow a, .RadCalendar_WebBlue .rcMain .rcRow span {
  border-width: 0; }

.RadCalendar .rcMain {
  border-width: 0; }

.RadCalendar_WebBlue .rcTitlebar .rcPrev, .RadCalendar_WebBlue .rcTitlebar .rcNext, .RadCalendar_WebBlue .rcTitlebar .rcFastPrev, .RadCalendar_WebBlue .rcTitlebar .rcFastNext {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-width: 0;
  box-shadow: none;
  background-color: #004f73;
  color: #ffffff;
  border-radius: 3px; }

.RadCalendar_WebBlue .rcTitlebar .rcPrev:hover, .RadCalendar_WebBlue .rcTitlebar .rcNext:hover, .RadCalendar_WebBlue .rcTitlebar .rcFastPrev:hover, .RadCalendar_WebBlue .rcTitlebar .rcFastNext:hover {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-width: 0;
  box-shadow: none;
  background-color: #00a3c3;
  color: #ffffff;
  border-radius: 3px; }

.RadCalendar_WebBlue .rcTitlebar .rcPrev:hover::before, .RadCalendar_WebBlue .rcTitlebar .rcNext:hover::before, .RadCalendar_WebBlue .rcTitlebar .rcFastPrev:hover::before, .RadCalendar_WebBlue .rcTitlebar .rcFastNext:hover::before {
  color: #ffffff; }

.RadCalendar_WebBlue .rcMain .rcRow .rcSelected a {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-width: 0;
  box-shadow: none;
  background-color: #00a3c3;
  color: #ffffff; }

.RadCalendar_WebBlue .rcMain .rcRow .rcHover a {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  border-width: 0;
  box-shadow: none;
  background-color: #575757;
  color: #ffffff; }

.RadCalendar_WebBlue {
  background-color: #eee !important; }

.RadScheduler span.rsAptResize::before {
  background-color: transparent; }

.rsContentScrollArea {
  min-height: 14em; }

.rsAgendaRow td {
  font-size: 0.9em; }
  .rsAgendaRow td .rsApt {
    font-size: 1em !important; }

.rsAptContent {
  font-size: 0.9em; }

.modal-header {
  margin-bottom: 0;
  padding: 1em; }

.modal-header.darkHeader {
  background-color: #004f73;
  color: #ffffff; }

.toolBar > h2 {
  margin-bottom: 0;
  padding: 1.25em 1.25em 0 1.25em; }

.FormButtonClose, .FormButtonCloseTop {
  font-family: 'academyicons';
  text-transform: uppercase;
  float: right;
  color: #ffffff; }

body.modal {
  background-color: transparent; }

body.modal #pagearea p + h3 {
  margin-top: 2em; }
body.modal #pagearea h3 {
  margin-bottom: 0.5em; }

.dbModal.form .up-form-save {
  text-align: right; }
.dbModal.form .modal-edit label {
  float: none; }
.dbModal.form .app-form-label {
  text-align: right;
  padding-right: 1em; }
.dbModal.form .modal-edit > table {
  margin: 1em auto; }
.dbModal.form input[type="radio"] {
  vertical-align: top;
  margin-right: 0.75em; }

body.modal .alert {
  color: #3a3a3a;
  background: #e5e200;
  padding: 0.3em 0.5em 0.4em 0.5em;
  font-size: 0.9em;
  text-align: center;
  margin-top: 1em;
  display: block; }
  body.modal .alert:empty {
    display: none; }

.formlist.app label, .formlist.app input {
  margin-right: 1em; }

.formlist {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1em;
  overflow: auto; }
  .formlist li {
    margin-bottom: 0.5em; }
  .formlist label {
    margin-right: 1em; }
  .formlist.apprenticeship li {
    display: block;
    overflow: auto; }
    .formlist.apprenticeship li > label, .formlist.apprenticeship li > div {
      display: block;
      float: left;
      padding-top: 1em;
      margin-right: 0; }
    .formlist.apprenticeship li > label {
      width: 12%; }
    .formlist.apprenticeship li > label.approval {
      color: #004f73; }
    .formlist.apprenticeship li > div {
      width: 38%;
      padding-right: 2em; }
      .formlist.apprenticeship li > div.wideinput {
        width: 88%; }
      .formlist.apprenticeship li > div select, .formlist.apprenticeship li > div input, .formlist.apprenticeship li > div textarea {
        width: 100%; }
      .formlist.apprenticeship li > div select {
        border: none; }

.formlist.external {
  padding: 0;
  margin: 0; }
  .formlist.external li > label, .formlist.external > input {
    font-size: 100%; }

input.external {
  font-size: 100%;
  height: 100%; }

div.apprenticeship {
  text-align: center;
  white-space: pre-wrap;
  padding: 1em 0 1em 0; }

.detailslist {
  list-style: none;
  padding-left: 0; }
  .detailslist li {
    margin-bottom: 0.5em; }
  .detailslist label {
    min-width: 5em;
    display: inline-block;
    font-weight: 700;
    color: #004f73; }

.pract {
  padding: 0 !important;
  margin-top: 0 !important; }

.modal-body {
  position: relative; }

.modal-body-line > div {
  margin-top: 1em; }

.modal-body .toolBar [data-buttontype="close"], body.modal .toolBar [data-buttontype="close"] {
  font-size: 1.4em;
  margin: 0;
  padding: 0.5em 0.5em 0em 0em;
  line-height: 1;
  top: 0 !important;
  right: 0 !important; }

.ts-page-main > div.ts-zone-search {
  font-size: 1.4em;
  padding-top: 0;
  border-width: 0;
  padding-bottom: 1em; }
  .ts-page-main > div.ts-zone-search label {
    display: inline-block;
    margin-right: 1em; }
  .ts-page-main > div.ts-zone-search input {
    width: calc(100% - 5.61em); }

.zoneResource {
  padding-top: 0 !important;
  margin-top: 0 !important; }
  .zoneResource a {
    padding: 1em 1em 1em 0em;
    display: block;
    overflow: auto; }
  .zoneResource + .ts-row-sep {
    margin: 0 !important; }
  .zoneResource img {
    margin-right: 1em;
    vertical-align: middle; }

.zoneResource a.pathway {
  padding-top: 0 !important; }

.ts-page-main > h1 + div.ts-zone-search {
  margin-top: 1em; }

.resourceincategory {
  padding-left: 1em;
  position: relative; }

div.resourceedit.open, div.resourceeditweb.open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 1em;
  padding-right: 1em;
  padding-top: 1em; }
  div.resourceedit.open input[type="text"], div.resourceeditweb.open input[type="text"] {
    width: 100%; }
  div.resourceedit.open a, div.resourceeditweb.open a {
    display: block;
    white-space: nowrap;
    margin: 0 0 0 0.3em; }
    div.resourceedit.open a:not([data-buttontype]), div.resourceeditweb.open a:not([data-buttontype]) {
      margin: 0 1em 0 0.5em; }
  div.resourceedit.open input[type="submit"], div.resourceeditweb.open input[type="submit"] {
    margin-left: 0.8em; }
  div.resourceedit.open input[type="button"], div.resourceeditweb.open input[type="button"] {
    margin-left: 0.2em; }

div.resourceedit:not(.open), div.resourceeditweb:not(.open) {
  display: none !important; }

div.resourceedit.inprogress:before, div.resourceeditweb.inprogress:before, div.editSection.inprogress:before, div.zoneResource.inprogress:before, div.upload.inprogress:before, div.url.inprogress:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% + 1em);
  height: calc(100% + 1em);
  top: 0;
  left: -1em;
  background-color: #ebebeb;
  z-index: 100;
  opacity: 0.8;
  background-image: url("../../../specific/css/images/spinner-resourcesave.gif");
  background-size: 2.4em;
  background-repeat: no-repeat;
  background-position: center center; }

div.zoneResource.inprogress {
  position: relative; }
  div.zoneResource.inprogress:before {
    height: 100%; }

.FormButtonCloseTop {
  background-color: #ffffff !important;
  color: #000000 !important; }

/*.ruUploadProgress, li .ruCancel, li .ruRemove, li .radIcon {
visibility:hidden;
}
li.ruUploading, li.ruFileLI.ruUploadSuccess {
height:0px;
}

li.ruFileLI.ruUploadSuccess  {
height:0px;
}

html .upload-container .ruFakeInput {
width: 20em;
min-height:2em;
}*/
.RadUpload .ruBrowse {
  height: 2em !important; }

.messageArea {
  margin: 1em 0;
  padding: 1em;
  /*max-height: 30em;*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  /*overflow: auto;*/ }

.survey-row {
  /*display:inline-block;*/
  padding-bottom: 1em;
  padding-top: 1em; }

.survey-row-index {
  float: left;
  max-width: 2em;
  padding-right: 0.4em;
  font-weight: 600; }

.survey-question-label {
  float: left;
  width: 25em; }

.survey-question-label-txt {
  width: 95%;
  float: left;
  padding-bottom: 1em; }

.survey-grd-answer {
  width: 10em;
  float: right; }

.survey-intro {
  display: block;
  background-color: #b3e3ed;
  padding: 0.7em;
  width: 100%;
  margin-bottom: 1em; }

.survey-row textarea {
  width: 100%;
  min-height: 150px; }

.checkBoxBlock {
  float: left;
  margin-top: 0.35em; }
  .checkBoxBlock + div {
    text-align: right; }

.toolBar h2 {
  color: #000000;
  opacity: 0.7; }

body.zoneresource main {
  padding-bottom: 0em !important; }
body.zoneresource .toolBar {
  margin-bottom: 1.5em; }

.zoneResource:not(.pd-matrix) > div, .resourcelist > div.editcontrol {
  position: absolute;
  right: 1em;
  top: 1.1em;
  border-radius: 0 0 0 0.3em;
  overflow: hidden; }
  .zoneResource:not(.pd-matrix) > div input, .resourcelist > div.editcontrol input {
    border-radius: 0;
    font-family: "academyicons";
    text-transform: lowercase;
    background: transparent;
    opacity: 0.5;
    font-size: 0.7em;
    margin-top: 1.25em;
    padding: 0.4em 0.8em;
    cursor: pointer; }

.zoneResource.pd-matrix > div, .resourcelist > div.editcontrol {
  float: right;
  border-radius: 0 0 0 0.3em;
  overflow: hidden; }
  .zoneResource.pd-matrix > div input, .resourcelist > div.editcontrol input {
    border-radius: 0;
    margin-top: 1.25em;
    margin-right: 0.9em;
    cursor: pointer; }

h2.sectionheading {
  display: inline-block;
  background-color: #00a3c3;
  color: #ffffff;
  padding: 0.6em;
  margin-bottom: 0;
  margin-top: 2em; }

.resourcelist > div.editcontrol {
  font-size: 0.65em;
  margin-top: -0.4em;
  margin-right: -0.75em;
  z-index: 100; }
  .resourcelist > div.editcontrol input {
    margin-top: 0.5em;
    margin-right: 0.75em;
    color: #ffffff;
    opacity: 1; }
  .resourcelist > div.editcontrol input[disabled=disabled] {
    opacity: 0.5;
    cursor: default; }

.url.plainDiv:not(.zoneresource) {
  margin-bottom: 2em; }

.upload.plainDiv:not(.zoneresource) h2, .url.plainDiv:not(.zoneresource) h2 {
  display: inline-block;
  margin-right: 1em; }

.browse {
  margin-right: 1em; }

body.requiredlearning .ts-page-main ul {
  list-style: none;
  padding: 0em 0 0 0;
  margin-bottom: 0.2em;
  width: 100%; }
  body.requiredlearning .ts-page-main ul li {
    margin-bottom: 1.5em; }
body.requiredlearning .ts-page-main h5 {
  color: #004f73; }

fieldset.surveyquestion {
  position: relative;
  font-size: 89%; }
  fieldset.surveyquestion input[type="radio"] {
    position: absolute;
    visibility: hidden; }
    fieldset.surveyquestion input[type="radio"] + label {
      position: relative;
      padding: 0 0.25em;
      vertical-align: text-bottom;
      font-family: 'academyicons';
      font-size: 1.75em;
      color: rgba(0, 0, 0, 0.25);
      cursor: pointer; }
      fieldset.surveyquestion input[type="radio"] + label div.tooltip {
        display: none;
        position: absolute;
        font-family: "Ubuntu", Arial, Sans-serif;
        font-size: 0.6em;
        background-color: #004f73;
        color: #ffffff;
        top: 2.2em;
        left: -1.45em;
        padding: 0.2em 0.5em;
        width: 5em;
        text-align: center; }
        fieldset.surveyquestion input[type="radio"] + label div.tooltip:before {
          content: '';
          position: absolute;
          height: 0;
          width: 0;
          bottom: 100%;
          right: 2em;
          border: solid transparent;
          pointer-events: none;
          border-color: transparent;
          border-bottom-color: #004f73;
          border-width: 0.5em; }
      fieldset.surveyquestion input[type="radio"] + label:hover div.tooltip {
        display: block; }
    fieldset.surveyquestion input[type="radio"]:checked + label {
      color: #00a3c3; }
  fieldset.surveyquestion label:nth-of-type(1):before {
    content: '1'; }
  fieldset.surveyquestion label:nth-of-type(2):before {
    content: '2'; }
  fieldset.surveyquestion label:nth-of-type(3):before {
    content: '4'; }
  fieldset.surveyquestion label:nth-of-type(4):before {
    content: '5'; }
  fieldset.surveyquestion.happier label:nth-of-type(1):before {
    content: '2'; }
  fieldset.surveyquestion.happier label:nth-of-type(2):before {
    content: '3'; }
  fieldset.surveyquestion.happier label:nth-of-type(3):before {
    content: '4'; }
  fieldset.surveyquestion.happier label:nth-of-type(4):before {
    content: '5'; }

div.tabbed-box {
  text-align: center; }
  div.tabbed-box:first-child {
    margin-top: 1.5em; }

ul.tabs {
  display: block;
  position: relative;
  padding: 0;
  margin: 0 0 1.5em 0;
  list-style: none; }
  ul.tabs li {
    display: inline-block; }
    ul.tabs li a {
      display: block; }

ul.tabs.detached {
  margin-bottom: 1.5em; }
  ul.tabs.detached li:first-of-type a {
    border-radius: 1em 0 0 1em; }
  ul.tabs.detached li:last-of-type a {
    border-radius: 0 1em 1em 0; }
  ul.tabs.detached li.middleoftype a {
    border-radius: 1em 1em 1em 1em;
    cursor: default; }

div.tab-content {
  text-align: left;
  display: none;
  margin: -1px 0 1.5em 0;
  overflow: auto;
  color: #3a3a3a;
  /*.locked { opacity:0.5; }
  .locked .currentfile { color: #000000; }*/ }
  div.tab-content > div.widecolumn, div.tab-content > div.narrowcolumn {
    float: left;
    padding: 1em 1em 3em 1em;
    text-align: left; }
  div.tab-content > div.widecolumn {
    width: 66%; }
  div.tab-content > div.narrowcolumn {
    width: 33%; }
  div.tab-content.selected {
    display: block; }
    div.tab-content.selected.centered {
      text-align: center; }
  div.tab-content h2:not(.tab) {
    font-size: 1.4em;
    text-transform: initial;
    margin-bottom: 1.5em;
    color: #3a3a3a; }
  div.tab-content button {
    padding: 0.5em 0.6em 0.55em 0.6em;
    vertical-align: top; }
  div.tab-content label + input {
    margin-left: 0.5em; }
  div.tab-content button + span, div.tab-content label + span {
    font-size: 0.9em;
    color: #737373;
    margin-left: 1em;
    display: inline-block;
    /*padding-top: 0.1em;*/
    /*vertical-align: middle;*/ }
  div.tab-content label + span.error {
    color: #de0e22; }
  div.tab-content input.documentfield {
    width: 60%; }
  div.tab-content div.currentfile {
    font-size: 0.9em;
    margin: 0.4em 0 0 0;
    color: #737373; }
    div.tab-content div.currentfile div {
      display: inline-block;
      vertical-align: top; }
    div.tab-content div.currentfile a {
      display: block;
      font-weight: 400;
      padding: 0 0.5em 0.15em 0.5em; }
    div.tab-content div.currentfile span {
      font-weight: 500; }
  div.tab-content .documentselector .tooltip {
    float: right;
    font-size: 0.8em;
    margin-top: 0.75em; }
  div.tab-content .documentselector .signoff.manager {
    opacity: 0.5; }
  div.tab-content .documentselector:not(:last-child) {
    padding-bottom: 2em; }
    div.tab-content .documentselector:not(:last-child) p {
      font-size: 1em;
      margin-bottom: 0.4em; }
    div.tab-content .documentselector:not(:last-child) div.signoff {
      margin-bottom: 1em; }
  div.tab-content .RadUpload .ruBrowse {
    background-image: none;
    border: none;
    color: #ffffff;
    background-color: #9d9d9d;
    font-family: "Ubuntu", Arial, Sans-serif;
    font-weight: 500;
    line-height: 1.6; }
  div.tab-content .commentdisplay {
    margin-bottom: 1em; }
  div.tab-content .meetingselector {
    padding-bottom: 2em; }
    div.tab-content .meetingselector label {
      vertical-align: top; }
    div.tab-content .meetingselector div {
      width: 15em;
      display: inline-block; }
  div.tab-content .meetingselector.locked {
    opacity: 0.5; }
  div.tab-content .filelist {
    padding-top: 3.45em; }
    div.tab-content .filelist p {
      font-size: 1em;
      margin-bottom: 0.4em; }
    div.tab-content .filelist a {
      font-size: 0.9em;
      display: block;
      font-weight: 400;
      padding: 0.2em 0; }
      div.tab-content .filelist a + span {
        margin-top: 1em; }
    div.tab-content .filelist span {
      font-size: 0.8em;
      font-weight: 500;
      opacity: 0.5;
      display: block; }
      div.tab-content .filelist span:empty {
        display: none; }
  div.tab-content div.section {
    padding-left: 2em;
    padding-top: 2em;
    padding-bottom: 2em;
    overflow: auto; }
    div.tab-content div.section:not(.active) {
      /*.ruButton { background-color: #cccccc; }*/ }
      div.tab-content div.section:not(.active) > div {
        opacity: 0.4; }
      div.tab-content div.section:not(.active) a.btn-success {
        display: none; }
      div.tab-content div.section:not(.active) .crossbox + label:before, div.tab-content div.section:not(.active) a {
        color: #737373; }
    div.tab-content div.section.active {
      border-left: solid 4px #00a3c3;
      /* border-radius: 0.4em; */
      background-color: #dbf2f7; }
      div.tab-content div.section.active a.btn-success {
        float: right;
        margin-right: 3em;
        margin-top: 1em; }
    div.tab-content div.section:not(.active) + div.section:not(.active) {
      border-top: 1px solid rgba(0, 0, 0, 0.1); }
    div.tab-content div.section label + div.editcontrol {
      margin-top: 0.4em; }
  div.tab-content .simpleform {
    font-size: 110%;
    width: 30em;
    display: inline-block;
    margin-left: 0;
    margin-right: 0;
    overflow: auto; }
    div.tab-content .simpleform label {
      display: block;
      float: left;
      width: 18%;
      padding: 0.6em 0;
      text-align: left; }
    div.tab-content .simpleform input[type="text"] {
      font-size: 1em;
      display: block;
      float: left;
      width: 82%;
      margin-bottom: 0.75em; }
      div.tab-content .simpleform input[type="text"][readonly] {
        padding-left: 0; }
    div.tab-content .simpleform label + input {
      margin-left: 0 !important;
      margin-right: 0 !important; }
    div.tab-content .simpleform button.right {
      float: right;
      margin: 0.5em 0; }
    div.tab-content .simpleform input[type='submit'].right {
      float: right;
      margin: 0.5em 0;
      cursor: pointer; }
  div.tab-content .ts-table > a {
    background-color: transparent;
    cursor: pointer; }

ul.tabs.bordered {
  border-bottom: 1px solid #999999; }
  ul.tabs.bordered li {
    margin: 0 0 -1px 0;
    vertical-align: bottom;
    border: 1px solid transparent;
    border-bottom-width: 0px; }
    ul.tabs.bordered li a {
      font-size: 160%;
      color: #575757;
      padding: 0.3em 0.4em 0.4em 0.4em;
      text-transform: uppercase; }
    ul.tabs.bordered li.selected {
      border-color: #999999; }
      ul.tabs.bordered li.selected a {
        background-color: #ffffff; }
    ul.tabs.bordered li:not(.selected) a {
      color: #757575; }

#withProgramme div {
  text-align: left; }

#withInduction div {
  text-align: left; }

#inductioncheck {
  font-weight: 500; }
  #inductioncheck span {
    float: right; }
  #inductioncheck span:last-child {
    font-size: 90%;
    font-weight: 400; }
  #inductioncheck input[type="checkbox"] {
    padding-right: 0px;
    width: 1em;
    height: 1em; }

.inducteeheader {
  color: #9c9b9b;
  text-transform: none;
  font-size: 225%;
  font-weight: 400;
  margin: 1em 0; }
  .inducteeheader span {
    color: #575757; }

ul.induction-tabs {
  margin: 0; }
  ul.induction-tabs li {
    margin: 0 -0.25em 0 0; }
    ul.induction-tabs li a {
      font-size: 125%;
      padding: 0.5em 0.7em;
      background-color: #f2f2f2;
      color: #004f73;
      border-right: 2px solid #ffffff; }
    ul.induction-tabs li.selected a {
      background-color: #004f73;
      color: #ffffff;
      border-bottom-width: 0; }
  ul.induction-tabs #developmenttab, ul.induction-tabs #milestonetab, ul.induction-tabs #stagetab {
    text-align: left; }
  ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) {
    text-align: center;
    padding: 2em 2em;
    background-color: #f2f2f2; }
    ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) input[type="text"], ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) input[type="file"] {
      background-color: #ffffff;
      margin-right: 0.25em; }
    ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) .simpleform label {
      color: #737373; }
    ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) .simpleform input[type="text"] {
      background-color: #ffffff;
      color: #3a3a3a; }
      ul.induction-tabs ~ div.tab-content:not(#milestonetab):not(#stagetab) .simpleform input[type="text"][readonly] {
        background-color: #f2f2f2; }

.checklist {
  /*font-size:1em;
  padding:0.8em;*/
  padding: 0.8em; }
  .checklist input[type="checkbox"] {
    width: 1em;
    height: 1em; }
  .checklist label {
    padding-left: 1em; }

.checklist-panel {
  font-size: 110%;
  width: 30em;
  overflow: auto;
  text-align: left;
  display: inline-block; }
  .checklist-panel input[type='submit'] {
    float: right;
    margin: 0.5em 0;
    cursor: pointer; }

.ts-table.mylearning span#legend {
  position: absolute;
  right: 0.9em;
  top: -1.5em;
  font-size: 0.85em;
  color: #bbb; }

.ts-table.mylearning {
  position: relative; }

#learning > span {
  display: inline-block;
  margin: 0.3em;
  padding: 0.3em 0.3em 0.3em 0.6em;
  background-color: #00a3c3;
  border-radius: 1em;
  text-transform: uppercase;
  position: relative;
  z-index: 100; }
  #learning > span:after {
    content: '»';
    font-family: academyicons; }

.noticestrip {
  background-color: #f3f3f3; }
  .noticestrip a {
    color: #575757; }
    .noticestrip a span > span {
      display: inline-block;
      padding: 0.3em 0.5em;
      border-radius: 0.2em;
      background-color: #00a3c3;
      color: #ffffff;
      margin-right: 0.25em; }
  .noticestrip > span {
    vertical-align: middle;
    display: inline-block;
    padding: 0.3em; }

#RequiredPanel {
  padding-bottom: 1em; }

.no-upload h3 {
  padding-top: 1em;
  padding-bottom: 1em;
  color: #004f73; }

.basicform li > label {
  display: inline-block;
  width: 6em;
  padding-top: 0.6em; }
  .basicform li > label + input, .basicform li > label + textarea, .basicform li > label + table {
    width: calc(100% - 9em);
    display: inline-block;
    vertical-align: top; }
.basicform .ts-status-box table label {
  display: inline-block;
  min-width: 6em; }

.pd-matrix {
  display: table-row;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.pd-matrix.basic {
  display: table-row; }

.basic {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .basic + .basic {
    border-top-width: 0 !important; }

.pd-matrix-edit {
  display: table-cell;
  vertical-align: top;
  padding: 0.6em; }

.pd-matrix-column {
  display: table-cell;
  text-align: center;
  padding: 0.6em; }

.pd-matrix.zoneResource:not(.list) {
  display: block;
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important; }

.spaced {
  margin-top: 2em; }

.caption.primary {
  background-color: #004f73;
  text-transform: uppercase;
  padding: 0.5em; }
  .caption.primary p {
    font-weight: 300;
    font-size: 1.35em; }
    .caption.primary p span {
      font-weight: 500; }
      .caption.primary p span:after {
        content: '>';
        font-family: academyicons;
        margin-left: 0.5em;
        opacity: 0.8; }

.tooltip {
  position: relative;
  display: inline-block;
    /*  border-bottom: 1px dotted black;
*/ }

.tooltip .tooltiptext {
  visibility: hidden;
    /*  width: 120px;
*/
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 0.5em;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  top: 1em;
  right: 0px;
  font-size: 80%; }

.tooltip:hover .tooltiptext {
  visibility: visible; }

span.moreinfo {
  display: inline-block;
  background-color: #aaaaaa;
  color: #ffffff;
  border-radius: 1em;
  width: 1.2em;
  height: 1.2em;
  text-align: center;
  font-size: 0.8em;
  font-weight: 300;
  padding-top: 0.1em; }

.video.panel {
  padding: 0; }
  .video.panel h3 {
    display: block;
    text-align: center;
    background-color: rgba(0, 79, 115, 0.9);
    color: white;
    text-transform: uppercase;
    padding: 0.8em;
    position: absolute;
    bottom: 0.65em;
    width: 100%;
    font-size: 1.25em; }
  .video.panel a {
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.7);
    width: 4.2em;
    height: 4.2em;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.35em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA4CAYAAAC2TwutAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn5JREFUeNrcmk9IVFEUxu9UO1u0EJetYha6CEEEsUWtcqstArcuaxBTcIoogsFaqAulIkF0IRH0R1w5rRSGZKhgEGkYotVsopjFW1hBRON3mHPhMbx5TfrmvXvOBz9dPP/Mxznv3e/e81L1et200CjYNEJ1KuTaG5AHvdqMka6CfbAEzkkylgppxeYLNXAfrIA/moxZlcAtsCu5FYPUD3bAK3BekzGra6ACcqBLQysGqQqy4MV//p7zxqzegQzfh2JbMUjD4CNYBT2aKuaXx/ffMvityZjVZzDJKUZsKwYpDbaZtCZjViPgAMzHEc/iaMUgfQe3wTr4q8mYP55leJkQ24qt4lkBPI86niVdMb9+gjmwCH5pMuaPZ9McssW2YpCoJV/yDqJfkzGry+ADeAy6NbRiq3hGu/cn7e7epRizKvP9l5fcikHq5WhGJ2gXNBmzojPPT+AROKuhFYP0FdwFa/7PrMGYVRFM8XdVxuxn3gCzUu+xMJ2mL2cUGXrPO/Wi5Kdi88NjAgxZU9IrRgdENCx5AA6bL0o1tgVmwJdWPyDNmLpI5fEaddG0eYznesXooOcZuGca87m25bKxXdOYwx1rDuBiK9LRwHVwxZxguOFSxegAhw5zFkwEhzkuGKN8R3O1LFcrEiVtrMQxqBD1H07qHqtxDBrohKkkKkYxiOZlOV6bOqY4jeV5ka3E8c/iMEZ5LmMUDf48Dqp9cZvqVMUoBq2DO+BbUo/bqI3tgZtG0esQtLCOg0sumIqiYhR9aJ71EPxwKXCexNhrTt9V46COY0zda30Ug26AQddNtVsxmkc95V2sZ4ToX8bectuVjTCFGRszgl9PPxJgAP3ouQEh6fhmAAAAAElFTkSuQmCC"); }

.roadshow.panel {
  cursor: pointer; }
  .roadshow.panel a {
    display: inline-block;
    width: 3.2em;
    height: 3.2em;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 1em;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA4CAYAAAC2TwutAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAn5JREFUeNrcmk9IVFEUxu9UO1u0EJetYha6CEEEsUWtcqstArcuaxBTcIoogsFaqAulIkF0IRH0R1w5rRSGZKhgEGkYotVsopjFW1hBRON3mHPhMbx5TfrmvXvOBz9dPP/Mxznv3e/e81L1et200CjYNEJ1KuTaG5AHvdqMka6CfbAEzkkylgppxeYLNXAfrIA/moxZlcAtsCu5FYPUD3bAK3BekzGra6ACcqBLQysGqQqy4MV//p7zxqzegQzfh2JbMUjD4CNYBT2aKuaXx/ffMvityZjVZzDJKUZsKwYpDbaZtCZjViPgAMzHEc/iaMUgfQe3wTr4q8mYP55leJkQ24qt4lkBPI86niVdMb9+gjmwCH5pMuaPZ9McssW2YpCoJV/yDqJfkzGry+ADeAy6NbRiq3hGu/cn7e7epRizKvP9l5fcikHq5WhGJ2gXNBmzojPPT+AROKuhFYP0FdwFa/7PrMGYVRFM8XdVxuxn3gCzUu+xMJ2mL2cUGXrPO/Wi5Kdi88NjAgxZU9IrRgdENCx5AA6bL0o1tgVmwJdWPyDNmLpI5fEaddG0eYznesXooOcZuGca87m25bKxXdOYwx1rDuBiK9LRwHVwxZxguOFSxegAhw5zFkwEhzkuGKN8R3O1LFcrEiVtrMQxqBD1H07qHqtxDBrohKkkKkYxiOZlOV6bOqY4jeV5ka3E8c/iMEZ5LmMUDf48Dqp9cZvqVMUoBq2DO+BbUo/bqI3tgZtG0esQtLCOg0sumIqiYhR9aJ71EPxwKXCexNhrTt9V46COY0zda30Ug26AQddNtVsxmkc95V2sZ4ToX8bectuVjTCFGRszgl9PPxJgAP3ouQEh6fhmAAAAAElFTkSuQmCC");
    margin-bottom: 0.2em; }

#apprenticeshipsoverview {
  background-image: url("../../graphics/user/apprenticeships/apprenticeships-page.jpg");
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: right top; }
  #apprenticeshipsoverview h1, #apprenticeshipsoverview .ts-page-description {
    max-width: 62%; }
  #apprenticeshipsoverview .ts-page-description {
    min-height: 7.5em; }

iframe {
  display: block; }

.numberCircle {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  padding: 0.4em;
  background-color: #9d9d9d;
  text-align: center;
  float: left;
  margin-right: 1em; }

.numberCircle > h3 {
  color: #fff; }

.pathwayLabel {
  height: 2em;
  padding: 0.4em; }

.complianceRows {
  display: block;
  position: relative; }
  .complianceRows > li {
    min-height: 2.4em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative; }
    .complianceRows > li > div:first-child {
      line-height: 1;
      padding: 0.4em 1em 0.4em 0;
      align-items: center; }
      .complianceRows > li > div:first-child span {
        opacity: 0.6; }
    .complianceRows > li > div:last-child {
      display: flex;
      justify-content: flex-start;
      display: flex;
      width: 12em;
      color: #ffffff;
      flex-shrink: 0;
      height: 2em; }
      .complianceRows > li > div:last-child span {
        display: none;
        font-size: 90%; }
      .complianceRows > li > div:last-child div {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center; }
        .complianceRows > li > div:last-child div:first-of-type {
          flex: 1 1 auto;
          border-left: 0;
          background-color: #2D9316; }
        .complianceRows > li > div:last-child div.Orange {
          background-color: orange; }
        .complianceRows > li > div:last-child div.Red {
          background-color: #C40B0B; }
        .complianceRows > li > div:last-child div.RedDark {
          background-color: #C40B0B; }
        .complianceRows > li > div:last-child div.Pink {
          background-color: #C742C5; }
        .complianceRows > li > div:last-child div.Blue {
          background-color: #5988F2; }

.userRows {
  display: block;
  position: relative;
  font-size: 100%; }
  .userRows li {
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 0.4em; }
    .userRows li > div:last-child {
      font-size: 1.1em; }
      .userRows li > div:last-child span:not(:first-child) {
        font-weight: 300; }
    .userRows li[data-compliance-status="1"] .reportComplianceDetailIcon:before {
      background-color: #2D9316; }
    .userRows li[data-compliance-status="2"] .reportComplianceDetailIcon:before {
      background-color: orange; }
    .userRows li[data-compliance-status="3"] .reportComplianceDetailIcon:before {
      background-color: orange; }
    .userRows li[data-compliance-status="4"] .reportComplianceDetailIcon:before {
      background-color: #C742C5; }
    .userRows li[data-compliance-status="8"] .reportComplianceDetailIcon:before {
      background-color: #5988F2; }
  .userRows .reportComplianceDetailIcon {
    padding: 0 !important;
    margin-right: 0.8em; }
    .userRows .reportComplianceDetailIcon img {
      display: none; }
    .userRows .reportComplianceDetailIcon:before {
      content: '';
      display: block;
      width: 1.6em;
      height: 1.6em;
      border-radius: 50%;
      background-color: #C40B0B; }

.AllItemsSummary.complianceRows {
  margin: 2px 0 0 0; }
  .AllItemsSummary.complianceRows li {
    flex-direction: column;
    font-size: 130%; }
    .AllItemsSummary.complianceRows li > div:first-child {
      display: none; }
    .AllItemsSummary.complianceRows li > div:last-child {
      width: 100%;
      height: 2.5em; }
      .AllItemsSummary.complianceRows li > div:last-child span {
        display: inline;
        font-size: 80%; }

.report_compliance_m div#dropdownicon {
  display: block;
  position: absolute;
  top: 0.6em;
  right: 0.4em;
  font-size: 1.8em;
  width: 1em;
  height: 1em;
  background-image: url("../../../code/css/images/icon-dropdown.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }
.report_compliance_m ul#LevelListDropDown {
  display: none;
  position: absolute;
  z-index: 10;
  width: 100%;
  left: 0;
  background-color: #67b375;
  color: #ffffff;
  font-size: 1.6em;
  list-style: none;
  padding: 0 0 0.6em 0;
  text-transform: uppercase; }
  .report_compliance_m ul#LevelListDropDown.showmenu {
    display: block; }
  .report_compliance_m ul#LevelListDropDown li {
    padding: 0.6em; }
.report_compliance_m div#dropdownmask {
  display: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 5; }
  .report_compliance_m div#dropdownmask.showmenu {
    display: block; }
.report_compliance_m h1#ReportTitle {
  min-height: 4em;
  font-size: 1em;
  background-color: #67b375;
  color: #ffffff;
  margin-bottom: 0; }
  .report_compliance_m h1#ReportTitle span {
    display: block;
    padding-left: 0.6em;
    padding-top: 0.5em;
    padding-right: 0.6em; }
  .report_compliance_m h1#ReportTitle.dropdowntitle span, .report_compliance_m h1#ReportTitle span:only-child {
    font-size: 1.6em; }
  .report_compliance_m h1#ReportTitle.dropdowntitle span {
    padding-right: 2em; }
  .report_compliance_m h1#ReportTitle span:first-child {
    padding-top: 0.8em; }
  .report_compliance_m h1#ReportTitle span:last-child {
    padding-bottom: 0.8em; }
  .report_compliance_m h1#ReportTitle span:not(:only-child) {
    font-size: 1.4em; }
.report_compliance_m .ts-container {
  box-shadow: none;
  margin: 0;
  padding: 0; }
.report_compliance_m main:not(.gridded) {
  margin-top: 0;
  padding-bottom: 0; }
.report_compliance_m .directory {
  padding: 1em 1em 6em 1em; }
  .report_compliance_m .directory > div:first-of-type {
    position: initial; }
  .report_compliance_m .directory .linklist li {
    background: transparent;
    border: none;
    color: #3d3d3d; }
  .report_compliance_m .directory .catalogueSearch {
    padding: 0.8em 0 0.8em 0; }
    .report_compliance_m .directory .catalogueSearch table {
      width: 100%; }
      .report_compliance_m .directory .catalogueSearch table td input {
        border: 0;
        border-radius: 0;
        background-image: url("../../../code/css/images/icon-search.png");
        background-size: auto 60%;
        background-repeat: no-repeat;
        background-position: right 2% center; }

#loaderDiv, .errorDiv {
  position: absolute;
  z-index: 200;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center; }

.loading {
  width: 0px; }

.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  content: "\2026";
  /* ascii code for the ellipsis character */
  width: 0px; }

@keyframes ellipsis {
  to {
    width: 1.25em; } }
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em; } }
.quickmodal + div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100vw;
  height: 100%;
  top: 0;
  left: -100vw;
  opacity: 0;
  transition: opacity 0.3s ease;
  background-color: rgba(0, 0, 0, 0.4);
  visibility: hidden;
  z-index: 500;
  margin: 0;
  padding: 2em; }

.quickmodal + div > div {
  position: relative;
  max-width: 30%;
  background-color: #ffffff;
  padding: 2em;
  border-radius: 0.5em;
  font-size: 85%;
  font-weight: 300;
  color: #333333;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  transform: scale(0.8);
  transition: transform 0.3s ease; }

/*.quickmodal + div > div:not(#processassign):after {
    content: '';
    display: block;
    position: absolute;
    top: 0.8em;
    right: 0.8em;
    width: 1em;
    height: 1em;
    background-image: url("../../graphics/user/close.svg");
    background-size: 0.8em;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2;
    cursor: pointer;
}
*/
.quickmodal + div.open {
  visibility: visible;
  left: 0;
  opacity: 1; }

.quickmodal + div.open > div > a.closebutton {
  display: block;
  position: absolute;
  top: 0.7em;
  right: 0.8em;
  color: #000000;
  opacity: 0.3; }

.quickmodal + div.open > div {
  transform: scale(1); }

.quickmodal.large + div > div {
  max-width: 100%; }

.quickmodal img, .quickmodal video {
  max-width: 100%; }
.quickmodal h1, .quickmodal h2, .quickmodal h3, .quickmodal h4, .quickmodal h5, .quickmodal h6, .quickmodal p, .quickmodal ol, .quickmodal ul {
  max-width: 53rem; }

.description1 ul {
  margin-bottom: 2em; }
  .description1 ul li {
    margin-bottom: 0.5em; }
.description1 strong {
  margin-bottom: 1em;
  display: block; }

div#PreAppCompletionPanel .sectiongroup {
  margin-bottom: 1em; }

#TrainingPanel {
  overflow: hidden !important; }

input[value="+Trainer"] {
  -webkit-appearance: none; }

@media only screen and (max-width: 600px) {
  .quickmodal + div > div {
    max-width: 96%;
    font-size: 0.7em;
    padding: 2.5em 1em 1em 1em; }

  .quickmodal + div > div ul {
    padding-left: 1.5em; } }
@media only screen and (max-width: 540px) {
  .userRows li > div:last-child span {
    display: block; }

  .report_compliance_m #pagearea main {
    padding-bottom: 0; }
  .report_compliance_m .ts-container {
    box-shadow: none;
    margin: 0;
    padding: 0; }
  .report_compliance_m main:not(.gridded) {
    margin-top: 0;
    padding-bottom: 0; }
  .report_compliance_m .directory {
    padding: 1em 1em 6em 1em; } }
#btnEditExTrainer {
  color: #bbbbbb;
  right: 0px;
  background-color: transparent;
  padding: 0em;
  margin: 0em;
  font-size: 80%; }

#TrainerUpdatePanel h3 {
  font-size: 1.3em; }
#TrainerUpdatePanel div.leftsection {
  padding: 0 2em 2em 0;
  min-width: 50%;
  max-width: 50%;
  display: inline-block;
  vertical-align: top; }
#TrainerUpdatePanel div.rightsection {
  display: inline-block;
  max-width: 40%;
  vertical-align: top;
  position: relative; }
  #TrainerUpdatePanel div.rightsection #emailsuccess_text, #TrainerUpdatePanel div.rightsection #emailfailure_text {
    font-size: 85%;
    padding: 0.4em 0.75em;
    color: #fff !important;
    position: absolute;
    top: 0px;
    right: 0px; }
  #TrainerUpdatePanel div.rightsection #emailsuccess_text {
    background-color: #00a700; }
    #TrainerUpdatePanel div.rightsection #emailsuccess_text:before {
      content: '\2022';
      font-family: 'academyicons';
      margin-right: 0.75em; }
  #TrainerUpdatePanel div.rightsection #emailfailure_text {
    background-color: #cc0000; }
    #TrainerUpdatePanel div.rightsection #emailfailure_text:before {
      content: '!';
      font-family: 'academyicons';
      margin-right: 0.75em; }
#TrainerUpdatePanel #DetailsPanel {
  overflow: hidden; }
#TrainerUpdatePanel #DetailsPanel fieldset + div {
  padding-left: 1em; }
#TrainerUpdatePanel #DetailsPanel h3 {
  font-weight: 400;
  font-size: 1em;
  margin-top: -1em; }
#TrainerUpdatePanel #DetailsPanel h3 + div {
  font-size: 0.8em;
  line-height: 1.6em; }

#TrainingPanel [class*="ts-row"] > div:nth-child(2) span:nth-child(1) {
  display: block; }
#TrainingPanel [class*="ts-row"] > div:nth-child(2) span:nth-child(2) {
  display: none; }

@media only screen and (max-width: 540px) {
  #TrainerUpdatePanel div.leftsection,
  #TrainerUpdatePanel div.rightsection {
    max-width: 100%;
    font-size: 0.8em; }
    #TrainerUpdatePanel div.leftsection h2,
    #TrainerUpdatePanel div.rightsection h2 {
      font-size: 1.4em; }

  #TrainerUpdatePanel #DelegatePanel h2 {
    font-size: 1.12em; } }
#DelegatePanel {
  margin-bottom: 1em; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(2) {
    display: none; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(6), #DelegatePanel [class*="ts-row"] > div:nth-child(7), #DelegatePanel [class*="ts-row"] > div:nth-child(8) {
    text-align: center; }
  #DelegatePanel [class*="ts-row"] input[type="radio"] {
    opacity: 0;
    position: absolute;
    width: 90%;
    height: 90%;
    margin: 0;
    left: 5%;
    top: 5%; }
    #DelegatePanel [class*="ts-row"] input[type="radio"] + label {
      display: inline-block;
      background-color: #e1e1e1;
      width: 1em;
      height: 1em;
      border-radius: 1em;
      font-size: 1.8em;
      padding: 0;
      margin: 0;
      vertical-align: middle; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(6) input[type="radio"]:checked + label {
    background-color: #72c74c; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(7) input[type="radio"]:checked + label {
    background-color: #ef2754; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(8) input[type="radio"]:checked + label {
    background-color: #1ca6c9; }
  #DelegatePanel .moredetails {
    text-align: center;
    cursor: pointer; }
    #DelegatePanel .moredetails span {
      font-size: 2em;
      display: inline-block;
      line-height: 0.5em;
      transform: translateY(-0.15em); }

.quickmodal.external + div > div {
  padding: 2em 2em 1em 2em; }
.quickmodal.external + div h2 {
  margin-bottom: 1em;
  font-size: 1.6em; }
.quickmodal.external + div p {
  font-size: 1.2em; }
  .quickmodal.external + div p span {
    font-weight: 700; }

@media only screen and (max-width: 540px) {
  .quickmodal.external + div h2 {
    font-size: 1.8em !important; }
  .quickmodal.external + div p, .quickmodal.external + div input[type="submit"] {
    font-size: 1.4em !important; } }
@media only screen and (max-width: 1920px) {
  body {
    font-size: 1.2em; } }
@media only screen and (max-width: 1200px) {
  body {
    font-size: 1.6vw; }

  #pagearea main, #pagearea nav, #pagearea footer > div {
    min-width: 0;
    width: 100%; }
    #pagearea main.narrow, #pagearea nav.narrow, #pagearea footer > div.narrow {
      width: 75%; } }
@media only screen and (max-width: 960px) {
  body {
    font-size: 2.4vw; }

  #header #menu > li > a {
    padding: 1.4em 1.4em; }

  #header nav #menu > li > a:before {
    display: none; }

  #pagearea main.narrow {
    width: 90%; }

  .panel.twothirds, .panel#profile {
    width: calc(100% - 2.4%); }
  .panel.onethird {
    width: calc(50% - 2.4%); }

  #menucontainer[data-menucount="5"], #menu [data-menucount="6"] {
    background-image: none; }

  .ts-container > section.narrowcolumn {
    width: 100%;
    padding-top: 4em;
    padding-left: 0; }

  .ts-container > section.widecolumn {
    width: 100%;
    border-right: 0;
    padding-right: 0; }

  .ts-table .ts-row-item-description {
    padding-right: 0em;
    padding-bottom: 1em; }

  .sectiongroup > section.ts-status-box:first-child:not(:last-child) {
    margin-right: 0; }

  .quickmodal + div > div {
    max-width: 80%; }

  #TrainingPanel [class*="ts-row"] > div:first-child, #TrainingPanel [class*="ts-row"] > div:last-child {
    display: none; }
  #TrainingPanel [class*="ts-row"] > div:nth-child(2) span:nth-child(1) {
    display: none; }
  #TrainingPanel [class*="ts-row"] > div:nth-child(2) span:nth-child(2) {
    display: block; }
  #TrainingPanel [class*="ts-row"] > div:nth-child(4) {
    white-space: normal; }
  #TrainingPanel [class*="ts-row"] > div:nth-child(5) {
    white-space: normal; }

  #DelegatePanel [class*="ts-row"] > div:nth-child(2) {
    display: table-cell;
    color: #00a3c3; }
  #DelegatePanel [class*="ts-row"] > div:nth-child(3), #DelegatePanel [class*="ts-row"] > div:nth-child(4), #DelegatePanel [class*="ts-row"] > div:nth-child(5) {
    display: none; }

  #TrainerUpdatePanel {
    border: none !important;
    padding: 0 !important; } }
.externaltrainer-event h1 {
  font-size: 1.2em; }
.externaltrainer-event h1, .externaltrainer-event h2 {
  color: #00a3c3; }
.externaltrainer-event .ts-page-top .chevronlink {
  display: block;
  margin: 1em 0em -1em 0em;
  font-weight: 400;
  font-size: 0.8em; }
  .externaltrainer-event .ts-page-top .chevronlink:hover {
    text-decoration: none;
    color: #00a3c3;
    font-weight: 500; }

@media only screen and (max-width: 960px) and (min-width: 541px) {
  #profile {
    text-align: left;
    height: auto;
    padding-top: 0.8em;
    padding-bottom: 0.8em; }
    #profile h2 {
      text-align: left;
      font-size: 160%;
      display: block;
      padding-left: 3vw;
      max-width: 70%; }
    #profile > a {
      margin-bottom: 0.8em;
      margin-left: 2em; }
    #profile h4:not(.messagealert) {
      color: #61dfff !important;
      font-weight: 400;
      padding: 0.2em 2vw 0.25em 3vw;
      width: 70%; }
      #profile h4:not(.messagealert) span {
        margin-left: 0.55em;
        display: inline-block;
        font-size: 100%;
        font-weight: 400; }
    #profile h4.messagealert {
      height: 100%;
      width: 30%;
      right: 0;
      top: 0;
      left: auto;
      border-radius: 0;
      text-align: center;
      padding-top: 1.2em; }
      #profile h4.messagealert:before {
        display: block;
        margin-bottom: 0.4em;
        margin-right: 0; }
      #profile h4.messagealert span:before {
        content: '';
        display: block;
        height: 0; }
    #profile #btnEditMessage {
      bottom: auto;
      top: 0;
      right: 0.1em; }
    #profile .hasmessages + #btnEditMessage {
      color: #004f73; }

  .legend {
    margin-bottom: -1.2em !important; }

  .program-legend {
    margin-top: 1.8em !important;
    margin-bottom: 0 !important; }

  #ReviewPanel {
    font-size: 2.1vw !important; } }
@media only screen and (max-width: 540px) {
  .hide-on-mobile {
    display: none !important; }

  .section .ruFakeInput {
    width: 40vw !important; }

  body {
    font-size: 4vw; }

  #pagearea main {
    padding-bottom: 6em;
    overflow: visible; }

  #pagearea main.narrow {
    width: 100%; }

  .panel {
    float: none; }
    .panel.twothirds {
      width: calc(100% - 2.4%); }
      .panel.twothirds.video {
        height: 12em; }
    .panel.onethird {
      width: calc(100% - 2.4%); }
    .panel.half {
      width: calc(100% - 2.4%); }
    .panel.carousel {
      height: auto; }

  body.login section.ts-container {
    padding: 0; }
    body.login section.ts-container #loginlogo {
      height: 26vw; }
    body.login section.ts-container #LoginPanel, body.login section.ts-container #ChangePasswordPanel, body.login section.ts-container #ResetPanel, body.login section.ts-container #emailPanel .ts-fields-horizontal {
      max-width: 95vw;
      margin-left: 0;
      margin-right: 0;
      font-size: 1.5em; }

  body.login .loginDiv {
    max-width: 22em !important;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin-left: 0.5em;
    margin-right: 0.5em; }
    body.login .loginDiv ul li label {
      display: block;
      border-bottom-width: 0.2em;
      width: auto !important; }
      body.login .loginDiv ul li label ~ span[style*="visibility:hidden"] {
        display: none; }
    body.login .loginDiv input[type="submit"] {
      font-size: 0.9em; }
    body.login .loginDiv .ts-login-instruction {
      font-size: 0.6em; }

  .ts-container {
    padding: 1em; }

  .ts-table {
    font-size: 75%; }

  .ts-table .ts-row-head > div, .ts-table > a > div, .ts-table > a:visited > div, .ts-table .ts-resource_repeat > div, .ts-table div[class*="ts-row"] > div {
    white-space: normal; }

  .ts-table .ts-cell-wrap {
    width: auto; }

  nav#ts-myteam-table a[data-buttontype="add"] {
    margin-top: 1em; }

  nav#ts-myteam-users > div > div:nth-child(3) {
    display: none; }

  nav#ts-myteam-users > div:first-child > div:nth-child(2):before {
    content: 'Name'; }

  nav#ts-myteam-users > div:first-child > div:nth-child(4) span:first-of-type {
    display: block; }

  nav#ts-myteam-users > div:first-child > div:nth-child(4) span:last-of-type {
    display: none; }

  #header {
    margin-bottom: 0.75em; }
    #header nav {
      background-image: none; }
    #header a.navhomelink {
      display: none; }

  #header a.navmenulink {
    display: block;
    float: right;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    font-size: 1.4em; }
    #header a.navmenulink:after {
      content: '=';
      font-family: 'academyicons';
      display: inline-block;
      vertical-align: middle;
      color: #ffffff; }
    #header a.navmenulink + ul#menu {
      display: none; }
      #header a.navmenulink + ul#menu > li:hover > ul {
        background-color: transparent; }
    #header a.navmenulink[data-menuopen] + ul#menu {
      position: absolute;
      display: block;
      right: 0;
      top: 2em;
      z-index: 1000;
      background-color: #00a3c3; }
      #header a.navmenulink[data-menuopen] + ul#menu li:not(:last-of-type) {
        border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
      #header a.navmenulink[data-menuopen] + ul#menu > li {
        float: none;
        border-right: none; }
        #header a.navmenulink[data-menuopen] + ul#menu > li a {
          color: #ffffff;
          padding: 1em;
          z-index: 20000; }
        #header a.navmenulink[data-menuopen] + ul#menu > li > ul {
          position: relative;
          left: auto;
          top: auto;
          opacity: 1;
          max-height: none;
          box-shadow: none;
          list-style: none;
          padding: 0;
          font-size: 1em; }
          #header a.navmenulink[data-menuopen] + ul#menu > li > ul li {
            border-bottom-width: 0px;
            border-top: solid 1px rgba(255, 255, 255, 0.3); }
            #header a.navmenulink[data-menuopen] + ul#menu > li > ul li a#appraisal {
              display: none; }
            #header a.navmenulink[data-menuopen] + ul#menu > li > ul li a {
              font-weight: 400;
              text-transform: uppercase;
              display: block; }
        #header a.navmenulink[data-menuopen] + ul#menu > li:hover > ul {
          top: auto; }

  div#profile {
    padding-top: 0;
    height: auto;
    overflow: visible !important; }
    div#profile > a, div#profile > h4:not(.messagealert) {
      display: none; }
    div#profile > h2 {
      text-align: left;
      display: inline-block;
      position: absolute;
      font-size: 1.3em;
      top: -1.9em;
      left: 0.2em;
      color: #ffffff;
      width: 80%;
      text-overflow: ellipsis; }
    div#profile h4.messagealert {
      position: relative;
      bottom: auto;
      border-radius: 0;
      left: 0;
      width: 100%;
      background-color: transparent; }
    div#profile #btnEditMessage {
      bottom: auto;
      top: 0.1em;
      right: 0.1em; }
    div#profile .hasmessages + #btnEditMessage {
      color: #004f73; }

  #welcome {
    display: none; }

  .formlist.apprenticeship li > label {
    width: 22%; }
  .formlist.apprenticeship li > div {
    width: 78%; }
    .formlist.apprenticeship li > div.wideinput {
      width: 78%; }

  table.divisionCheckbox {
    min-width: 2em !important; }
    table.divisionCheckbox td label {
      font-size: 90%;
      padding-left: 1em;
      margin-right: 0;
      min-width: none; }

  div.ts-status-box.littlePadding {
    padding: 0.2em !important; }

  .onethird .carousel .image img {
    height: auto;
    width: 100% !important; }

  .ts-page-form-app > tbody > tr > td {
    display: block; }

  .ts-page-form-app > tbody > tr > td.app-form-label, .ts-page-form-app > tbody > tr > td:last-of-type {
    padding-bottom: 0; }

  .ts-page-form-app > tbody > tr > td:last-of-type {
    padding-top: 0; }

  .combinedtable .ts-progress {
    min-width: 3em; }
  .combinedtable .ts-prog-bar {
    width: 4em; }
  .combinedtable .indicator {
    min-width: 3em; }
  .combinedtable.ts-table .ts-cell-wrap {
    width: 100%; }

  html .upload-container .ruFakeInput {
    width: 40vw !important; }

  div.tab-content .simpleform {
    width: 100%; }
    div.tab-content .simpleform label {
      width: 28%; }
    div.tab-content .simpleform input[type="text"] {
      width: 72%; }

  .checklist {
    padding: 0.8em 0; }
    .checklist label {
      padding-left: 0.5em;
      display: inline-block;
      width: 15em;
      vertical-align: top; }

  .checklist-panel {
    width: 100%; }

  #withProgramme .ts-row-head > div:nth-child(n+3), #withProgramme > a > div:nth-child(n+3) {
    display: none; }

  #withInduction .ts-row-head > div:nth-child(n+3), #withInduction > a > div:nth-child(n+3) {
    display: none; }

  #loginDiv span[id*="Validator"] {
    font-size: 78%; }

  .complianceRows {
    font-size: 100%; }

  .complianceRows > li > div:last-child {
    width: 6em; }

  ul.induction-tabs li a span {
    display: none; } }
input[disabled] {
  opacity: 0.5; }

@media only screen and (max-height: 480px) {
  .modal-content {
    margin-top: 1%; }

  .modal-header {
    padding: 0.5em 0.7em; }

  .modal-header span {
    text-overflow: ellipsis;
    max-width: calc(100% - 2em);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-align: left; }

  .modal-body {
    max-height: calc(100vh - 12em); }

  .modal-footer {
    padding: 0.5em; } }
body.modal.message .toolBar h2 {
  font-size: 1.2em;
  color: #004f73;
  padding-top: 0.75em; }
body.modal.message .messageArea {
  border: solid 0px;
  background-color: #dbf2f7;
  margin: 1.5em 1.5em 0em 1.5em; }
body.modal.message .ts-page-main {
  padding: 1.5em !important; }

ul.month {
  list-style: none;
  padding: 0; }
  ul.month > li {
    position: relative;
    background-color: #f2f2f2;
    padding: 0.8em 1em 1em 5em;
    margin-bottom: 0.2em;
    min-height: 5.5em; }
    ul.month > li div.date {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      padding: 0.25em 0;
      width: 2em;
      font-size: 2em;
      line-height: 1.25;
      font-weight: 100;
      text-align: center;
      background: #00a3c3;
      color: #ffffff; }
    ul.month > li div.learningtype {
      color: #00a3c3;
      font-weight: 500;
      margin-bottom: 0.25em; }
    ul.month > li div.controls {
      position: absolute;
      right: 0.7em;
      top: 0.7em; }
    ul.month > li h3 {
      line-height: 1.1;
      font-size: 140%; }
    ul.month > li div.logDetails {
      display: inline-block;
      vertical-align: top; }
      ul.month > li div.logDetails .duration, ul.month > li div.logDetails .score, ul.month > li div.logDetails .review, ul.month > li div.logDetails .supervision {
        display: inline-block; }
      ul.month > li div.logDetails:not(:empty):not(:last-child):after, ul.month > li div.logDetails div:not(:last-child):not(:empty):after {
        content: '|';
        display: inline-block;
        margin: 0 0.5em; }
    ul.month > li p:last-child {
      margin-bottom: 0;
      display: inline-block;
      vertical-align: top;
      font-size: 1em; }
  ul.month p.options {
    display: inline-block;
    margin-bottom: 0; }

a[data-buttontype="view"] {
  background-color: initial;
  color: #00a3c3;
  padding: 0; }
  a[data-buttontype="view"]:before {
    content: 'V'; }

.learningyear {
  min-width: 8em;
  max-width: 66%;
  font-size: 120%; }

.learninglogtotal {
  font-size: 100%;
  margin-bottom: 2em; }
  .learninglogtotal span {
    font-weight: bold;
    font-size: 120%; }

body.modal #pagearea main div.toolBar.journal {
  background-color: #00a3c3;
  padding: 0.5em 1.5em; }
  body.modal #pagearea main div.toolBar.journal h1, body.modal #pagearea main div.toolBar.journal a {
    color: #ffffff; }

#LogDescription {
  margin-bottom: 1.5em; }

#pagearea > main > section {
  padding: 1.875rem;
  border-radius: 0.3em;
  overflow: auto; }
  #pagearea > main > section label {
    font-size: 85%; }
  #pagearea > main > section div .split-half {
    width: 49%; }
  #pagearea > main > section div .split-half + div.split-half {
    margin-left: 2%; }
  #pagearea > main > section div .split-twothirds {
    width: 65.3333%; }
  #pagearea > main > section div .split-twothirds + div.split-onethird {
    margin-left: 2%; }
  #pagearea > main > section div .split-onethird {
    width: 32.3333%; }
  #pagearea > main > section div .split-onethird + div.split-twothirds {
    width: 65.3333%;
    margin-left: 2%; }
  #pagearea > main > section div .split-onethird + div.split-onethird {
    margin-left: 1.5%; }
  #pagearea > main > section div .split-half, #pagearea > main > section div .split-twothirds, #pagearea > main > section div .split-onethird {
    float: left; }

.dropzone_single {
  min-height: 3.7em; }
  .dropzone_single > div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 0.25em; }
    .dropzone_single > div .downloadicon {
      margin: 0px 1em 0.4em 0px; }
    .dropzone_single > div p {
      max-width: none;
      padding-bottom: 0px; }

.dropzone1, .dropzone_single {
  position: relative;
  border: 2px dashed #aaaaaa;
  border-radius: 6px;
  text-align: center;
  margin-top: 1em; }

.dropzone1 .downloadicon, .dropzone_single .downloadicon {
  width: 2.5em;
  height: 2.5em;
  opacity: 0.25;
  background-size: contain;
  background-image: url("data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zODIuNTYsMjMzLjM3NkMzNzkuOTY4LDIyNy42NDgsMzc0LjI3MiwyMjQsMzY4LDIyNGgtNjRWMTZjMC04LjgzMi03LjE2OC0xNi0xNi0xNmgtNjRjLTguODMyLDAtMTYsNy4xNjgtMTYsMTZ2MjA4aC02NCAgICBjLTYuMjcyLDAtMTEuOTY4LDMuNjgtMTQuNTYsOS4zNzZjLTIuNjI0LDUuNzI4LTEuNiwxMi40MTYsMi41MjgsMTcuMTUybDExMiwxMjhjMy4wNCwzLjQ4OCw3LjQyNCw1LjQ3MiwxMi4wMzIsNS40NzIgICAgYzQuNjA4LDAsOC45OTItMi4wMTYsMTIuMDMyLTUuNDcybDExMi0xMjhDMzg0LjE5MiwyNDUuODI0LDM4NS4xNTIsMjM5LjEwNCwzODIuNTYsMjMzLjM3NnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00MzIsMzUydjk2SDgwdi05NkgxNnYxMjhjMCwxNy42OTYsMTQuMzM2LDMyLDMyLDMyaDQxNmMxNy42OTYsMCwzMi0xNC4zMDQsMzItMzJWMzUySDQzMnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K"); }

.dropzone1 p, .dropzone_single p {
  display: inline-block;
  margin: 0em;
  color: #00a3c3;
  font-weight: 500; }

.dropzone1 .ishover, .dropzone_single .ishover {
  background-color: white; }

.dropzone1 .ruDropZone, .dropzone_single .ruDropZone {
  width: 1px;
  height: 1px;
  opacity: 0 !important; }

.dropzone1 .ruFileInput, .dropzone_single .ruFileInput {
  height: 100%; }

.dropzone1 .uploadArea, .dropzone_single .uploadArea {
  display: block !important; }

a.delete, input.delete {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAECAMAAACjvQ8qAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAA5JREFUeNpiYKA9AAgwAABkAAEodompAAAAAElFTkSuQmCC");
  background-position: center;
  background-size: 50%;
  background-repeat: no-repeat; }

a.attachment, a.delete, input.delete {
  cursor: pointer;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  width: 1em;
  height: 1em;
  padding: 0;
  top: 0.1em;
  text-align: center;
  line-height: 0.9em;
  overflow: hidden;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  border-color: transparent; }
  a.attachment:hover, a.delete:hover, input.delete:hover {
    background-color: #00a3c3;
    color: #ffffff; }

.uploadFilesArea .zoneResource {
  background-color: inherit; }

.uploadFilesArea .zoneResource .delete {
  float: right; }

.uploadFilesArea .zoneResource a:not(.delete) {
  float: left;
  padding: 0;
  color: #9d9d9d;
  background-color: transparent; }

.uploadFilesArea .zoneResource {
  padding: 0.5em 0 1em 0 !important;
  font-size: 90%;
  background-color: transparent; }

.fileInfoArea a:not(.delete)::before {
  content: '\E801';
  margin-right: 0.4em;
  display: inline-block;
  font-family: Academyicons; }

button[data-buttontype="editmode nobackground grey"] {
  background-color: transparent;
  color: #000000;
  margin-bottom: 0px;
  padding-top: 0px;
  color: #9d9d9d; }

[data-buttontype="link"] {
  background-color: transparent !important;
  color: #00a3c3 !important;
  padding: 0 !important;
  text-transform: none !important;
  font-size: 100%; }
  [data-buttontype="link"]:before {
    content: 'l'; }

@media only screen and (max-width: 767px) {
  #pagearea > main > section div.split-half, #pagearea > main > section div.split-twothirds, #pagearea > main > section div.split-onethird {
    width: 100% !important;
    margin-left: 0 !important;
    float: none; } }
@media only screen and (max-width: 540px) {
  .modal-body {
    overflow-y: visible !important;
    height: auto !important; } }
#PathwaysModal {
  background-image: url("../images/pathways-modal-background.png?v=2");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  min-height: 32em;
  max-height: 32em; }

@media only screen and (max-width: 800px) {
  #PathwaysModal {
    background-image: none; } }
/*
html, body, form, #pagearea, main, #FormPanel {height:100%;}*/
body.pathwaysmodal #FormPanel {
  text-align: center;
  padding: 1.5em 0 2em 0;
  max-width: 30em;
  min-height: 28.0em;
  margin: 0 auto;
  /*position:relative;*/ }
  body.pathwaysmodal #FormPanel .alignedleft {
    text-align: left; }
  body.pathwaysmodal #FormPanel h1 {
    font-size: 2.0em;
    font-weight: 700;
    color: #00a3c3;
    padding: 0 1em 0.6em 1em;
    margin: 0em -0.5em;
    /*text-transform:initial;*/
    line-height: 1.1em; }
    body.pathwaysmodal #FormPanel h1.smaller {
      font-size: 1.8em; }
    body.pathwaysmodal #FormPanel h1.evensmaller {
      font-size: 1.2em;
      line-height: 1.25em;
      padding-left: 0.5em;
      padding-right: 0em; }
    body.pathwaysmodal #FormPanel h1.leftaligned {
      text-align: left; }
  body.pathwaysmodal #FormPanel p {
    font-weight: 400;
    font-size: 0.7em; }
  body.pathwaysmodal #FormPanel h3 {
    font-size: 1.1em;
    line-height: 1.2em; }
    body.pathwaysmodal #FormPanel h3.smaller {
      font-size: 0.8em; }
  body.pathwaysmodal #FormPanel select {
    width: 100%;
    padding-right: 2em;
    margin: 0.3em 0em;
    font-size: 1em; }
  body.pathwaysmodal #FormPanel .tableYesNo {
    display: table;
    width: 100%; }
    body.pathwaysmodal #FormPanel .tableYesNo select option {
      text-align: center; }
    body.pathwaysmodal #FormPanel .tableYesNo div:first-child {
      display: table-row;
      width: 100%; }
      body.pathwaysmodal #FormPanel .tableYesNo div:first-child div:first-of-type {
        display: table-cell;
        width: 76%;
        text-align: left; }
      body.pathwaysmodal #FormPanel .tableYesNo div:first-child div:nth-child(2) {
        display: table-cell;
        width: 24%;
        text-align: right;
        vertical-align: middle;
        padding-left: 0.5em; }
  body.pathwaysmodal #FormPanel #NextRoleYes, body.pathwaysmodal #FormPanel #NextRoleNo {
    margin-top: 1.25em; }
  body.pathwaysmodal #FormPanel .divTick {
    line-height: 1.3em;
    text-align: left; }
    body.pathwaysmodal #FormPanel .divTick input {
      zoom: 2;
      background-color: #fff;
      margin: 0em auto;
      border: solid 1px #666;
      border-radius: 4px;
      margin-left: 0.2em;
      margin-bottom: -0.08em;
      display: inline-block;
      float: none;
      vertical-align: bottom; }
  body.pathwaysmodal #FormPanel .tableTick {
    display: table;
    width: 100%; }
    body.pathwaysmodal #FormPanel .tableTick select option {
      text-align: center; }
    body.pathwaysmodal #FormPanel .tableTick div:first-child {
      display: table-row;
      width: 100%; }
      body.pathwaysmodal #FormPanel .tableTick div:first-child div:first-of-type {
        display: table-cell;
        width: 10%;
        text-align: center;
        padding: 0.2em 0em 0em 0.8em; }
        body.pathwaysmodal #FormPanel .tableTick div:first-child div:first-of-type input {
          zoom: 2;
          background-color: #fff;
          margin: 0em auto;
          border: solid 1px #666;
          border-radius: 4px; }
      body.pathwaysmodal #FormPanel .tableTick div:first-child div:nth-child(2) {
        display: table-cell;
        width: 90%;
        text-align: left;
        vertical-align: middle;
        padding-left: 0em; }
  body.pathwaysmodal #FormPanel .tableEmail {
    display: table;
    width: 100%; }
    body.pathwaysmodal #FormPanel .tableEmail select option {
      text-align: center; }
    body.pathwaysmodal #FormPanel .tableEmail div:first-child {
      display: table-row;
      width: 100%; }
      body.pathwaysmodal #FormPanel .tableEmail div:first-child div:first-of-type {
        display: table-cell;
        width: 50%;
        text-align: right;
        vertical-align: middle; }
        body.pathwaysmodal #FormPanel .tableEmail div:first-child div:first-of-type h4 {
          font-size: 0.9em;
          margin: 0em;
          padding: 0em;
          font-weight: 500; }
      body.pathwaysmodal #FormPanel .tableEmail div:first-child div:nth-child(2) {
        display: table-cell;
        width: 50%;
        text-align: right;
        vertical-align: middle;
        padding-left: 0.75em; }
        body.pathwaysmodal #FormPanel .tableEmail div:first-child div:nth-child(2) input {
          margin-right: 0em;
          width: 100%; }
  body.pathwaysmodal #FormPanel .datablock {
    display: inline-block;
    background-color: #eaebed;
    padding: 0.7em 1.8em;
    margin: 1em auto; }
    body.pathwaysmodal #FormPanel .datablock *:last-child {
      margin-bottom: 0; }
    body.pathwaysmodal #FormPanel .datablock p {
      font-weight: 500;
      color: #2b2a2a; }
      body.pathwaysmodal #FormPanel .datablock p span {
        display: block;
        font-size: 1.4em;
        color: #4b4f52;
        padding: 0.2em 0;
        text-transform: uppercase; }
  body.pathwaysmodal #FormPanel .datablock2 {
    width: 100%;
    background-color: #eaebed;
    margin: 1em 0em;
    padding: 0.5em 0.5em;
    font-size: 0.8em;
    line-height: 1.75em; }
    body.pathwaysmodal #FormPanel .datablock2 p {
      font-size: 1em;
      margin: 0em; }
      body.pathwaysmodal #FormPanel .datablock2 p span {
        display: block;
        font-size: 1.15em;
        text-transform: uppercase;
        color: #4b4f52;
        font-weight: 500;
        line-height: 1.2em; }
  body.pathwaysmodal #FormPanel .datablock.healthcare, body.pathwaysmodal #FormPanel .datablock2.healthcare {
    background-color: #e0f1df; }
    body.pathwaysmodal #FormPanel .datablock.healthcare p span, body.pathwaysmodal #FormPanel .datablock2.healthcare p span {
      color: #315c30; }
  body.pathwaysmodal #FormPanel .datablock.adultcare, body.pathwaysmodal #FormPanel .datablock2.adultcare {
    background-color: #eae0ef; }
    body.pathwaysmodal #FormPanel .datablock.adultcare p span, body.pathwaysmodal #FormPanel .datablock2.adultcare p span {
      color: #4c3257; }
  body.pathwaysmodal #FormPanel .datablock.childrensservicescare, body.pathwaysmodal #FormPanel .datablock2.childrensservicescare {
    background-color: #fafacc; }
    body.pathwaysmodal #FormPanel .datablock.childrensservicescare p span, body.pathwaysmodal #FormPanel .datablock2.childrensservicescare p span {
      color: #737200; }
  body.pathwaysmodal #FormPanel .datablock.education, body.pathwaysmodal #FormPanel .datablock2.education {
    background-color: #ddf1f7; }
    body.pathwaysmodal #FormPanel .datablock.education p span, body.pathwaysmodal #FormPanel .datablock2.education p span {
      color: #2a5c6d; }
  body.pathwaysmodal #FormPanel .errorMessage {
    min-height: 2.5em;
    display: block; }
    body.pathwaysmodal #FormPanel .errorMessage span span {
      display: inline-block;
      width: 100%;
      background-color: #e5e200;
      color: #3a3a3a !important;
      padding: 0.5em 0.5em;
      margin: 0.25em 0em 0em 0em;
      border-radius: 0.5em; }
  body.pathwaysmodal #FormPanel .buttonblock {
    /*		position:absolute;
    bottom:2em;
    right:0em;*/
    margin-top: 0.5em;
    display: block;
    text-align: right; }
    body.pathwaysmodal #FormPanel .buttonblock a.btn, body.pathwaysmodal #FormPanel .buttonblock button {
      text-transform: initial;
      border-radius: 2em;
      font-weight: 400;
      font-size: 1em;
      padding: 0.3em 0.6em; }
      body.pathwaysmodal #FormPanel .buttonblock a.btn[data-buttontype="back"], body.pathwaysmodal #FormPanel .buttonblock button[data-buttontype="back"] {
        float: inherit !important;
        margin-right: 2em; }
      body.pathwaysmodal #FormPanel .buttonblock a.btn:after, body.pathwaysmodal #FormPanel .buttonblock button:after {
        font-size: 0.8em;
        margin-left: 0.4em;
        display: inline-block;
        vertical-align: baseline; }
    body.pathwaysmodal #FormPanel .buttonblock .asterix {
      font-size: 72%;
      text-align: left;
      margin-left: 2em;
      margin-bottom: 1.75em; }

@media only screen and (max-width: 540px) {
  body.pathwaysmodal #FormPanel {
    max-width: 76vw; }
    body.pathwaysmodal #FormPanel h1 {
      line-height: 1; } }
@media only screen and (min-width: 800px) {
  body.pathwaysmodal #FormPanel .buttonblock {
    position: absolute;
    bottom: 4.1em;
    right: 5em;
    left: 5em; }
    body.pathwaysmodal #FormPanel .buttonblock .asterix {
      margin-bottom: 0.75em; } }
/* MANAGER PAGE */
.centeredblock.pathway {
  margin-top: 0.75em;
  margin-bottom: 1em; }
.centeredblock.pathway span, .centeredblock.pathwaymilestone span {
  color: #00a3c3; }
.centeredblock.pathway button, .centeredblock.pathwaymilestone button {
  color: #9d9d9d; }
.centeredblock.pathwayuser {
  margin-bottom: 0.6em; }
.centeredblock.pathwaymilestone {
  margin-bottom: 0.9em; }
.centeredblock.pathwayoptedout {
  margin-top: 1em; }
  .centeredblock.pathwayoptedout a {
    display: block;
    font-weight: normal;
    margin-top: 0.25em; }

/* ENROLMENT PAGE */
#PathwayPanel ul {
  list-style: none;
  padding-left: 4em;
  font-size: 108%; }
  #PathwayPanel ul li {
    background-color: #eeeeee;
    padding: 0.4em 1em;
    margin-bottom: 0.25em;
    margin-right: 4em;
    border-radius: 3px; }
    #PathwayPanel ul li.selected {
      background-color: #00a3c3; }
      #PathwayPanel ul li.selected a {
        color: #ffffff; }

#UserDetailPanel {
  margin: 1.2em 0em 1.2em 3.7em;
  padding: 0.7em 2.5em 0 1em;
  font-size: 118%;
  border-radius: 0.5em;
  border: 1px solid #cccccc;
  display: inline-block; }
  #UserDetailPanel li span {
    min-width: 6.6em; }

#GatewayPanel button {
  margin-top: 2em; }

#divGateway {
  font-size: 108%;
  margin: 1em 4em; }
  #divGateway .role {
    display: block;
    margin-bottom: 1em; }
    #divGateway .role > div {
      display: inline-block;
      background-color: #eeeeee;
      padding: 0.4em;
      border-radius: 0.2em;
      margin: 0 0.2em 0.2em 0;
      cursor: pointer; }
      #divGateway .role > div.highlighted {
        background-color: #e5e200; }
      #divGateway .role > div:empty {
        display: none; }

input#targetPeriod {
  margin-left: 0.5em;
  margin-right: 0.5em; }

body {
  font-size: 1.2em; }

#header nav, main, footer > div {
  width: 1200px; }

#header #menu > li > a {
  padding: 2.05em 1.8em; }

button, a[data-buttontype], input[data-buttontype] {
  border-radius: 2em;
  font-family: "Ubuntu", Arial, Sans-serif; }
  button[data-buttontype="next"]:after, a[data-buttontype][data-buttontype="next"]:after, input[data-buttontype][data-buttontype="next"]:after {
    content: '>';
    text-transform: lowercase;
    font-family: 'academyicons';
    vertical-align: middle; }

.panel {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  float: none; }
  .panel.tall {
    height: 16em; }
  .panel.rightfixed {
    float: right;
    clear: right; }
  .panel.autoheight.rightfixed + .panel.autoheight.rightfixed {
    margin-top: -1.2%; }
  .panel h2 {
    margin-bottom: 0;
    background-color: #004f73;
    padding: 1.2em 1em;
    color: #ffffff;
    width: 100%; }
    .panel h2 + ul {
      padding: 1em; }
    .panel h2 a:after {
      font-size: 1.3em;
      top: -0.15em; }
  .panel.secondary h2 {
    background-color: #00a3c3; }

main.gridded .panel {
  float: left; }

main.dashboard {
  margin-top: 0; }

.photo {
  background-color: #737373; }

#welcome {
  padding: 1em; }
  #welcome h2 {
    font-weight: 400;
    margin: 0 auto 0.4em auto;
    padding: 0;
    background-color: transparent;
    max-width: 80%; }
  #welcome p {
    margin: 0.25em auto;
    font-size: 0.75em;
    font-weight: 300;
    max-width: 80%; }

#profile h2 {
  font-weight: 500; }
  #profile h2 div {
    font-size: 0.45em;
    font-weight: 300;
    padding: 0.5em 0em 0.25em 0em; }
#profile > a {
  background-color: #00a3c3;
  background-color: color(display-p3 0.16 0.63 0.75);
  color: #ffffff;
  font-size: 0.95em;
  font-weight: 400;
  padding: 0.6em 1.1em;
  border-radius: 1.2em;
  margin-bottom: 0.3em;
  margin-top: 0.4em; }
#profile h4:not(.messagealert) + h4:not(.messagealert) {
  padding-top: 0.3em; }
#profile h4:not(.messagealert) span {
  font-size: 120%;
  margin-top: 0.2em; }
#profile h4.messagealert {
  bottom: 1.1em;
  width: 80%;
  left: 10%;
  padding: 0.5em 0.2em 0.6em 0.2em;
  font-size: 1em;
  background-color: transparent; }
  #profile h4.messagealert:not(.hasmessages) {
    opacity: 0.5; }
  #profile h4.messagealert.hasmessages {
    background-color: transparent;
    color: #e5e200; }
    #profile h4.messagealert.hasmessages:before {
      color: #e5e200; }
  #profile h4.messagealert:before {
    font-size: 1.2em;
    vertical-align: text-top;
    opacity: 1; }
#profile #btnEditMessage {
  right: 0;
  bottom: 1.2em; }
#profile .hasmessages + #btnEditMessage {
  color: #ffffff; }

.carousel .image h2, .carousel .image p {
  font-weight: 300; }
.carousel .image h2 {
  font-size: 1.1em;
  margin-bottom: 0.2em;
  background-color: transparent;
  padding: 0; }

.onethird .carousel {
  position: relative;
  height: auto;
  flex-grow: 1; }

.newslist {
  width: 100%; }
  .newslist li {
    margin-left: 0; }
  .newslist .listItemNewsTitle {
    color: #00a3c3;
    font-weight: 400; }
  .newslist .listItemNewsDate {
    color: #9d9d9d;
    font-weight: 300;
    padding: 0.3em 0; }
  .newslist .tPodDesc p {
    color: #575757;
    font-weight: 300; }

.calendarlist {
  width: 100%; }
  .calendarlist li {
    display: flex;
    overflow: hidden; }
    .calendarlist li > * {
      float: none; }

.dateblock {
  font-weight: 300;
  font-size: 0.9em;
  text-transform: uppercase;
  width: 5em;
  height: 5em;
  padding-top: 0.7em; }
  .dateblock span {
    font-size: 300%;
    letter-spacing: -0.06em; }
  .dateblock + div {
    width: calc(100% - 5em);
    padding-left: 0;
    margin-left: 0.5em; }

.event {
  flex: 1 1 auto; }
  .event h3 {
    font-size: 1.05em;
    color: #575757;
    font-weight: 500; }
  .event p {
    color: #00a3c3; }

.detailslist label {
  font-weight: 500; }

.ts-table .ts-cell-wrap {
  font-weight: 400; }

.ts-table .ts-cell-light:before, .ts-table-dev .ts-cell-light:before {
  width: 18px;
  height: 18px; }

.ts-table:not(.combinedtable) [class*="progress"] .ts-cell-light:before, .ts-table-dev .ts-cell-light:before, .ts-table:not(.combinedtable) [class=""] .ts-cell-light:before, .ts-table.mylearning [class*="normal"] .ts-cell-light:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: #e5e200;
  border-radius: 50%;
  width: 18px;
  height: 18px; }

#career {
  align-items: stretch;
  justify-content: space-between;
  flex-direction: row;
  z-index: 2;
  padding-top: 3.2em; }
  #career h2 {
    z-index: 15;
    position: absolute;
    top: 0; }
  #career > ul {
    display: block;
    list-style: none;
    padding: 1em;
    margin: 0;
    max-width: 30em; }
    #career > ul.nopathway {
      max-width: 100%; }
    #career > ul > li {
      padding-bottom: 2em; }
    #career > ul h5 {
      text-transform: uppercase;
      font-size: 1.25em;
      margin: 0;
      padding: 1em 0; }
      #career > ul h5 span {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 1.4em;
        font-size: 0.55em;
        width: 1.4em;
        height: 1.4em;
        border: 1px solid #aaaaaa;
        color: #aaaaaa;
        font-weight: 400;
        text-align: center;
        line-height: 1;
        vertical-align: top;
        margin-left: 0.8em;
        margin-top: 0.125em;
        cursor: pointer; }
    #career > ul p {
      font-size: 0.85em;
      font-weight: 300; }
    #career > ul ul {
      list-style: none;
      padding: 0;
      margin: 0; }
  #career .ts-table {
    margin-bottom: 1em; }
    #career .ts-table ~ a {
      font-weight: 400;
      font-size: 0.9em; }
    #career .ts-table > a > div:last-child {
      font-size: 0.85em;
      color: #bbbbbb;
      white-space: nowrap; }
  #career div.annotated {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1em; }
    #career div.annotated p, #career div.annotated button {
      margin-bottom: 0; }
    #career div.annotated p {
      max-width: 18em;
      margin-right: 1em; }
    #career div.annotated button {
      background-color: #00a3c3;
      padding-right: 1em;
      padding-left: 0.8em;
      font-size: 0.8em;
      font-weight: 500; }
      #career div.annotated button.applybutton:before {
        content: 'e';
        font-family: "academyicons";
        font-size: 1.2em;
        text-transform: lowercase;
        position: relative;
        margin-right: 0.3em;
        vertical-align: middle; }
  #career ul#applicationslist {
    display: block;
    margin: 1.6em 0 2em 0; }
    #career ul#applicationslist span {
      display: inline-block;
      font-size: 0.9em;
      color: #bbbbbb;
      float: right; }
    #career ul#applicationslist li:before {
      content: '';
      display: inline-block;
      float: left;
      width: 18px;
      height: 18px;
      border-radius: 9px;
      margin: 0 1.1em 0 0.6em; }
    #career ul#applicationslist li.awaiting:before {
      background-color: #e5e200; }
  #career #pathway {
    position: relative;
    width: 12em;
    overflow: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-right: 3.725em;
    padding-bottom: 2em; }
    #career #pathway:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 3.9em;
      width: 0.525em;
      height: 100%;
      background-color: #b3b3b3;
      z-index: 1; }
    #career #pathway > a, #career #pathway > div {
      display: block;
      position: relative;
      border-radius: 50%;
      margin-top: 1em; }
    #career #pathway > a {
      background-color: #b3b3b3;
      width: 2em;
      height: 2em;
      z-index: 12;
      cursor: pointer; }
      #career #pathway > a span {
        display: block;
        position: absolute;
        width: 10.5em;
        padding-left: 3.5em;
        top: 0.3em;
        font-size: 0.7em;
        font-weight: 300;
        color: #3a3a3a;
        z-index: -1; }
      #career #pathway > a#previouscareer span:first-of-type {
        display: block; }
      #career #pathway > a#previouscareer span:last-of-type {
        display: none; }
      #career #pathway > a#previouscareer:before {
        content: '\E857';
        display: block;
        font-family: 'academyicons';
        width: 100%;
        padding: 0.5em 0 0.6em 0;
        text-align: center;
        color: #ffffff;
        font-size: 0.9em;
        font-weight: 400;
        transition: transform 0.2s ease; }
      #career #pathway > a#lognewprogress:before {
        content: '+';
        display: block;
        width: 100%;
        text-align: center;
        color: #ffffff;
        font-size: 1.6em;
        font-weight: 400; }
    #career #pathway > div {
      font-size: 0.9em;
      color: #ffffff;
      z-index: 6; }
      #career #pathway > div > div {
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
        font-size: 0.9em;
        font-weight: 400;
        text-align: center; }
        #career #pathway > div > div span {
          display: block;
          font-weight: 300;
          font-size: 80%; }
    #career #pathway > div.achievement {
      width: 8em;
      height: 8em;
      background-color: #00a3c3; }
    #career #pathway > div.achievement:not(.latest) {
      font-size: 0;
      opacity: 0;
      transition: font-size 0.2s ease; }
    #career #pathway > div.progresscheck {
      width: 4.4444444444em;
      height: 4.4444444444em;
      background-color: #004f73;
      cursor: pointer;
      font-size: 0;
      opacity: 0;
      transition: font-size 0.2s ease; }
  #career #pathway > div.latest ~ .progresscheck {
    font-size: 0.9em;
    opacity: 1; }
  #career.showhistory #pathway > div.achievement,
  #career.showhistory #pathway > div.progresscheck.showcheck {
    font-size: 0.9em;
    opacity: 1; }
  #career.showhistory #previouscareer span:first-of-type {
    display: none !important; }
  #career.showhistory #previouscareer span:last-of-type {
    display: block !important; }
  #career.showhistory #previouscareer:before {
    transform: rotate(180deg); }
  #career #pathway.paused, #career #enhanced.paused, #career #applicationlist.paused {
    opacity: 0.3;
    pointer-events: unset; }

#futureroles.paused {
  opacity: 0.3;
  pointer-events: unset; }

#futureroles, #futurerolesexplore {
  display: block;
  background-color: transparent;
  box-shadow: none;
  margin-top: -2.4%;
  padding-bottom: 5.3333333333em;
  overflow-y: auto;
  overflow-x: hidden; }
  #futureroles .rolegroup, #futurerolesexplore .rolegroup {
    position: relative;
    display: flex;
    justify-content: flex-end;
    height: 4.5em; }
    #futureroles .rolegroup.single:nth-child(odd) .role, #futurerolesexplore .rolegroup.single:nth-child(odd) .role {
      margin-right: 12.8em; }
      #futureroles .rolegroup.single:nth-child(odd) .role:after, #futurerolesexplore .rolegroup.single:nth-child(odd) .role:after {
        border-width: 6px 0 6px 24px;
        right: -20px;
        border-right-color: transparent !important; }
    #futureroles .rolegroup.single:nth-child(even) .role, #futurerolesexplore .rolegroup.single:nth-child(even) .role {
      margin-left: 12.8em; }
      #futureroles .rolegroup.single:nth-child(even) .role:after, #futurerolesexplore .rolegroup.single:nth-child(even) .role:after {
        border-width: 6px 24px 6px 0;
        left: -20px;
        border-left-color: transparent !important; }
    #futureroles .rolegroup.multiple, #futurerolesexplore .rolegroup.multiple {
      height: auto;
      padding-top: 4.5em; }
      #futureroles .rolegroup.multiple .role, #futurerolesexplore .rolegroup.multiple .role {
        border-radius: 0;
        margin: 0; }
        #futureroles .rolegroup.multiple .role:nth-child(2), #futurerolesexplore .rolegroup.multiple .role:nth-child(2) {
          border-radius: 4em 0 0 4em; }
          #futureroles .rolegroup.multiple .role:nth-child(2) > div, #futurerolesexplore .rolegroup.multiple .role:nth-child(2) > div {
            padding-left: 1.2em; }
        #futureroles .rolegroup.multiple .role:nth-last-child(2), #futurerolesexplore .rolegroup.multiple .role:nth-last-child(2) {
          border-radius: 0 4em 4em 0; }
          #futureroles .rolegroup.multiple .role:nth-last-child(2) > div, #futurerolesexplore .rolegroup.multiple .role:nth-last-child(2) > div {
            padding-right: 1.2em; }
        #futureroles .rolegroup.multiple .role:nth-child(3):last-child, #futurerolesexplore .rolegroup.multiple .role:nth-child(3):last-child {
          margin-right: 2.4em; }
        #futureroles .rolegroup.multiple .role:nth-child(n+3), #futurerolesexplore .rolegroup.multiple .role:nth-child(n+3) {
          border-left: 1px solid rgba(0, 0, 0, 0.1); }
  #futureroles .role:hover, #futurerolesexplore .role:hover {
    background-color: #a9a9a9; }
  #futureroles .role:hover:after, #futurerolesexplore .role:hover:after {
    border-color: #a9a9a9; }
  #futureroles .role, #futurerolesexplore .role {
    position: relative;
    width: 8em;
    height: 8em;
    border-radius: 50%;
    background-color: #b3b3b3;
    color: #ffffff;
    font-size: 0.9em;
    cursor: pointer;
    margin-top: 1em;
    z-index: 200; }
    #futureroles .role.ideal, #futurerolesexplore .role.ideal {
      background-color: #95d037; }
      #futureroles .role.ideal:after, #futurerolesexplore .role.ideal:after {
        border-color: #95d037; }
    #futureroles .role.next, #futurerolesexplore .role.next {
      background-color: #36afc5;
      border-color: transparent !important; }
      #futureroles .role.next:after, #futurerolesexplore .role.next:after {
        border-color: #36afc5; }
      #futureroles .role.next + .details + .role, #futurerolesexplore .role.next + .details + .role {
        border-left-color: transparent !important; }
    #futureroles .role:after, #futurerolesexplore .role:after {
      content: '';
      display: block;
      position: absolute;
      width: 0;
      height: 0;
      border-style: solid;
      border-color: #b3b3b3;
      border-top-color: transparent !important;
      border-bottom-color: transparent !important;
      top: 50%;
      margin-top: -6px; }
    #futureroles .role > div, #futurerolesexplore .role > div {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 0.85em;
      text-align: center;
      text-transform: uppercase;
      line-height: 1.1;
      width: 100%;
      padding: 0.3em;
      word-spacing: 8em; }
      #futureroles .role > div span, #futurerolesexplore .role > div span {
        display: block;
        font-weight: 400; }
  #futureroles .details, #futurerolesexplore .details {
    display: none; }
  #futureroles .role.opened, #futurerolesexplore .role.opened {
    display: block !important; }
  #futureroles .role.opened + .details, #futurerolesexplore .role.opened + .details {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 300;
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: 0; }
    #futureroles .role.opened + .details > div, #futurerolesexplore .role.opened + .details > div {
      content: '';
      background-color: #ffffff;
      width: 34em;
      max-width: 90%;
      padding: 1.5em;
      box-shadow: 0 0.2em 0.4em rgba(0, 0, 0, 0.3);
      max-height: 90vh;
      overflow: auto; }
    #futureroles .role.opened + .details header, #futurerolesexplore .role.opened + .details header {
      padding: 0; }
      #futureroles .role.opened + .details header h3, #futurerolesexplore .role.opened + .details header h3 {
        font-size: 1.8em;
        color: #004f73;
        margin: 0 0 0.1em 0;
        width: 100%;
        text-align: left;
        font-size: 1.5em; }
      #futureroles .role.opened + .details header h4, #futurerolesexplore .role.opened + .details header h4 {
        margin: 1em 0em; }
        #futureroles .role.opened + .details header h4.ideal, #futurerolesexplore .role.opened + .details header h4.ideal {
          color: #95d037; }
        #futureroles .role.opened + .details header h4.next, #futurerolesexplore .role.opened + .details header h4.next {
          color: #36afc5; }
      #futureroles .role.opened + .details header p, #futurerolesexplore .role.opened + .details header p {
        font-size: 0.9em;
        font-weight: 300;
        color: #666666;
        text-align: left;
        width: 100%;
        margin: 0; }
    #futureroles .role.opened + .details .roleinfo, #futurerolesexplore .role.opened + .details .roleinfo {
      font-size: 0.8em;
      text-align: left;
      line-height: 1.4em; }
      #futureroles .role.opened + .details .roleinfo h4, #futureroles .role.opened + .details .roleinfo h5, #futurerolesexplore .role.opened + .details .roleinfo h4, #futurerolesexplore .role.opened + .details .roleinfo h5 {
        margin-top: 2em; }
      #futureroles .role.opened + .details .roleinfo ul, #futurerolesexplore .role.opened + .details .roleinfo ul {
        margin-top: 1em; }
      #futureroles .role.opened + .details .roleinfo li, #futurerolesexplore .role.opened + .details .roleinfo li {
        margin-bottom: 0.6em; }
      #futureroles .role.opened + .details .roleinfo p, #futurerolesexplore .role.opened + .details .roleinfo p {
        font-weight: 300; }
      #futureroles .role.opened + .details .roleinfo p:first-child, #futurerolesexplore .role.opened + .details .roleinfo p:first-child {
        margin-top: 2em; }
      #futureroles .role.opened + .details .roleinfo > *:last-child, #futurerolesexplore .role.opened + .details .roleinfo > *:last-child {
        margin-bottom: 0; }
  #futureroles svg.paths, #futurerolesexplore svg.paths {
    display: block;
    position: absolute;
    margin-right: 7.1em;
    height: 4.5em;
    width: 4.5em;
    right: 0;
    top: 0; }
    #futureroles svg.paths path, #futurerolesexplore svg.paths path {
      fill: none;
      stroke-width: 0.9em;
      stroke-miterlimit: 10;
      display: none; }
  #futureroles .rolegroup svg.paths path, #futurerolesexplore .rolegroup svg.paths path {
    stroke: #b3b3b3; }
  #futureroles .rolegroup:first-of-type #start, #futurerolesexplore .rolegroup:first-of-type #start {
    display: block; }
  #futureroles .rolegroup.single:nth-child(odd):not(:first-of-type) #full-right, #futureroles .rolegroup.single:nth-child(even) #full-left, #futurerolesexplore .rolegroup.single:nth-child(odd):not(:first-of-type) #full-right, #futurerolesexplore .rolegroup.single:nth-child(even) #full-left {
    display: block; }
  #futureroles .rolegroup.single:nth-child(odd) + .multiple #in-left, #futurerolesexplore .rolegroup.single:nth-child(odd) + .multiple #in-left {
    display: block; }
  #futureroles .rolegroup.single:nth-child(even) + .multiple #in-right, #futurerolesexplore .rolegroup.single:nth-child(even) + .multiple #in-right {
    display: block; }
  #futureroles .rolegroup.multiple:nth-child(odd):not(:first-of-type) + .rolegroup #full-left, #futurerolesexplore .rolegroup.multiple:nth-child(odd):not(:first-of-type) + .rolegroup #full-left {
    display: none; }
  #futureroles .rolegroup.multiple:nth-child(odd):not(:first-of-type) + .rolegroup:not(.multiple) #out-right, #futurerolesexplore .rolegroup.multiple:nth-child(odd):not(:first-of-type) + .rolegroup:not(.multiple) #out-right {
    display: block; }
  #futureroles .rolegroup.multiple:nth-child(even) + .rolegroup #full-right, #futurerolesexplore .rolegroup.multiple:nth-child(even) + .rolegroup #full-right {
    display: none; }
  #futureroles .rolegroup.multiple:nth-child(even) + .rolegroup:not(.multiple) #out-left, #futurerolesexplore .rolegroup.multiple:nth-child(even) + .rolegroup:not(.multiple) #out-left {
    display: block; }
  #futureroles .rolegroup.multiple + .rolegroup.multiple #in-right, #futureroles .rolegroup.multiple + .rolegroup.multiple #in-left, #futurerolesexplore .rolegroup.multiple + .rolegroup.multiple #in-right, #futurerolesexplore .rolegroup.multiple + .rolegroup.multiple #in-left {
    display: none; }
  #futureroles .rolegroup.multiple + .rolegroup.multiple #straight, #futurerolesexplore .rolegroup.multiple + .rolegroup.multiple #straight {
    display: block; }

svg#nub {
  width: 4.5em;
  height: 1em;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 4.5em; }
  svg#nub path {
    fill: #b3b3b3; }

:nth-child(odd) + svg#nub {
  padding-left: 0; }

.multiple + svg#nub {
  padding-left: 2.25em; }

.ts-table [class*="require"].pathway .ts-cell-light:before,
.ts-table-dev [class*="require"].pathway .ts-cell-light:before {
  font-weight: 500;
  background-color: #e5e200;
  color: #333333;
  font-size: 100%;
  padding-top: 0.06em; }

#career.user {
  border: none;
  box-shadow: none;
  width: 100%;
  display: flex; }
  #career.user > ul {
    max-width: 40em; }
  #career.user #pathway {
    top: 0;
    padding-top: 5em;
    margin-right: 2em; }
  #career.user + #futureroles {
    width: 100%;
    margin-top: 0;
    padding-right: 2em;
    padding-top: 0;
    border: 0; }
  #career.user + #futurerolesexplore {
    width: 100%;
    margin-top: 0;
    padding-right: 2em;
    padding-top: 0;
    border: 0; }

#pathwaytitle {
  display: none; }

#PathwayDropDown {
  display: block;
  margin: 1em auto 1.5em auto;
  font-size: 1.1em;
  border-radius: 2em; }

#futureroles.manager, #futurerolesexplore.manager {
  width: 100%; }
  #futureroles.manager .rolegroup, #futurerolesexplore.manager .rolegroup {
    justify-content: center; }
    #futureroles.manager .rolegroup svg, #futurerolesexplore.manager .rolegroup svg {
      right: auto;
      left: 50%;
      transform: translateX(-50%); }

body.userprofile h2 {
  font-size: 1.6em;
  color: #004f73;
  opacity: 1;
  font-weight: 400;
  padding: 0; }
body.userprofile #FormPanel {
  padding-bottom: 0.8em; }
  body.userprofile #FormPanel h3 {
    text-transform: uppercase;
    margin-top: 0.5em; }
  body.userprofile #FormPanel fieldset:first-of-type {
    width: 50%;
    float: left; }
body.userprofile #mypathwayPanel {
  border-top: 1px solid #dddddd; }
  body.userprofile #mypathwayPanel .formlist label {
    min-width: 7em; }
  body.userprofile #mypathwayPanel .formlist span {
    color: #00a3c3; }
body.userprofile .detailslist, body.userprofile .formlist {
  margin-top: 1.2em; }
  body.userprofile .detailslist:first-child, body.userprofile .formlist:first-child {
    margin-top: 0; }
  body.userprofile .detailslist label, body.userprofile .formlist label {
    display: inline-block;
    min-width: 5em;
    color: initial;
    font-weight: 400; }
    body.userprofile .detailslist label[for="pDate"], body.userprofile .formlist label[for="pDate"] {
      min-width: 2em; }
    body.userprofile .detailslist label[for="pNote"], body.userprofile .formlist label[for="pNote"] {
      margin-bottom: 0.4em; }
  body.userprofile .detailslist input[type="text"], body.userprofile .formlist input[type="text"] {
    min-width: 16.6em; }
  body.userprofile .detailslist input[type="checkbox"], body.userprofile .formlist input[type="checkbox"] {
    margin-right: 0.4em;
    margin-left: 0;
    zoom: 1.5; }
    body.userprofile .detailslist input[type="checkbox"] + label, body.userprofile .formlist input[type="checkbox"] + label {
      margin-right: 0; }
body.userprofile .uploaded-files label {
  margin-bottom: 0.6em; }
body.userprofile .uploaded-files .zoneResource > div input {
  margin-top: 0.6em !important; }
body.userprofile .uploaded-files .zoneResource a {
  background-color: rgba(0, 163, 195, 0.15);
  padding: 0.2em !important;
  margin-bottom: 0.2em !important; }
body.userprofile .uploaded-files .editcontrol {
  margin-top: 0.8em; }
body.userprofile .alert {
  position: absolute;
  top: 0.5em; }

a.launchlink {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 1.05em;
  color: #3a3a3a;
  padding: 0.6em 0 0.6em 3em; }
  a.launchlink:before {
    content: '\E870';
    position: absolute;
    left: 0.4em;
    top: 0.4em;
    font-family: "academyicons";
    font-size: 1.2em;
    text-transform: lowercase;
    color: #00a3c3; }
  a.launchlink.disabled {
    cursor: default; }
  a.launchlink.disabled:before {
    color: #dddddd; }

.modal .toolBar h2 {
  display: inline-block;
  margin-top: 0.6em; }
.modal .toolBar button {
  position: relative !important;
  right: auto !important;
  left: auto !important;
  background-color: transparent !important;
  float: none !important;
  color: rgba(0, 0, 0, 0.6);
  display: inline-block;
  margin: 1em 0 0 0;
  vertical-align: top; }

div#SLAIntrodiv {
  font-size: 0.8em !important;
  left: 4em !important;
  top: auto !important;
  bottom: 98% !important; }
  div#SLAIntrodiv p#SLAIntroText {
    font-size: 1em !important; }
  div#SLAIntrodiv p#SLAHeaderText {
    font-size: 1.6em !important; }

#NewSLABanner h2 {
  background-color: transparent;
  padding: 0.6em;
  font-size: 1.4em;
  font-weight: 400; }

#NewSLABanner p {
  padding: 0 2em 1em 2em; }

.chevronlink {
  margin-top: 0.3em;
  margin-bottom: 0.3em; }
  .chevronlink:after {
    content: '\00BB';
    font-family: "academyicons";
    text-transform: lowercase;
    position: relative;
    margin-left: 0.3em;
    vertical-align: middle; }

#header #menu > li > a:before, .dateblock {
  color: color(display-p3 0.16 0.63 0.75); }

.secondary, a[data-buttontype].secondary, input[data-buttontype].secondary {
  background-color: color(display-p3 0.16 0.63 0.75); }

.panel h2 .whitetilechevron:after {
  color: #ffffff !important; }

@media only screen and (max-width: 1200px) {
  body {
    font-size: 1.6vw; }

  #header nav {
    background-size: auto 70%; }

  #header nav, main, footer > div {
    width: 100%; } }
@media only screen and (max-width: 960px) {
  .combinedtable {
    font-size: 0.8em; }

  .combinedtable div.ts-row-head div {
    font-size: 1em; }

  .combinedtable .ts-progress {
    min-width: 8.6em; }

  .combinedtable div.ts-row-head div:nth-child(2),
  .combinedtable div.currentrole {
    display: none !important; }

  .combinedtable .ts-prog-bar {
    width: 7em; }

  .combinedtable .ts-prog-bar.notset:before {
    content: 'set stage'; }

  .combinedtable .indicator {
    min-width: 5em; }

  body {
    font-size: 2.4vw; }

  #header, .panel {
    margin-bottom: 2%; }

  #header #menu > li > a {
    padding: 1.4em 1.6em; }

  #header nav {
    background-size: auto 60%;
    background-position: 1em center; }

  #menucontainer[data-menucount="5"] {
    background-image: url("../../../specific/css/images/logo.svg"); }

  /*added body:not(.modal) as this was causing problems in modals, e.g. sign-off modal*/
  body:not(.modal) main {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
    padding-right: 1%; }
    body:not(.modal) main > * {
      margin: 0 1% 2% 1%;
      width: 98%; }

  .panel {
    width: 98%; }
    .panel.onethird, .panel#profile {
      width: 48%; }
    .panel.rightfixed {
      float: none;
      clear: none; }
    .panel.autoheight.onethird {
      background-color: #004f73; }
    .panel.autoheight.rightfixed + .panel.autoheight.rightfixed {
      margin-top: 0; }
    .panel h2 {
      padding: 1em;
      font-size: 0.9em; }
    .panel.twothirds {
      width: 98%; }

  #welcome h2 {
    font-size: 100%; }
  #welcome p {
    font-size: 0.65em; }

  #career #pathway {
    top: 2.6em; }

  #welcome {
    order: -4; }

  #videobanner {
    order: -3; }

  #profile, #calendar {
    order: -2; }

  #pdr, #career, #futureroles, #futurerolesexplore {
    order: -1; }

  #pdr {
    width: 98%; }

  #career.manager > ul {
    max-width: 30em; }
  #career.manager #pathway {
    margin-right: 0; }
  #career.manager + #futureroles {
    padding-right: 0; }
  #career.manager + futurerolesexplore {
    padding-right: 0; } }
@media only screen and (max-width: 960px) and (min-width: 541px) {
  #profile {
    text-align: center;
    height: 14em;
    padding: 0; }
    #profile h2 {
      font-size: 140%;
      margin-top: 0.6em;
      text-align: center;
      padding: 0; }
      #profile h2 span {
        font-size: 0.9em; }
    #profile > a {
      margin: 0.3em 0 0.6em 0; }
    #profile h4:not(.messagealert) {
      font-size: 0.8em; }
    #profile h4.messagealert {
      bottom: 1.1em;
      height: auto;
      top: auto;
      border-radius: 1.25em; }
      #profile h4.messagealert:before {
        display: inline-block;
        margin-right: 0.4em;
        margin-bottom: 0; }
      #profile h4.messagealert span:before {
        display: none; } }
@media only screen and (max-width: 540px) {
  #ts-myteam-table .ts-row-head > div:nth-child(3),
  #ts-myteam-table > a > div:nth-child(3) {
    display: none; }

  body {
    font-size: 4.2vw; }
    body:not(.modal) main {
      padding-left: 0;
      padding-right: 0; }
      body:not(.modal) main > * {
        margin: 0;
        width: 100%;
        padding: 2em 1em; }

  #header {
    height: 2.8em;
    margin-bottom: 0; }

  #header nav#menucontainer {
    background-image: none; }

  #header a.navmenulink {
    margin-top: 0.3em;
    margin-right: 0.2em; }

  main {
    flex-direction: column;
    flex-wrap: nowrap;
    margin-top: 0; }
    main.dashboard, main:not(.gridded) {
      margin-top: 2%; }

  .panel.onethird, .panel#profile {
    width: 98%; }

  div#profile > h2 {
    background-color: transparent;
    top: -2.2em;
    left: -0.1em; }
    div#profile > h2 span {
      font-size: 0.9em; }
    div#profile > h2 div {
      padding-top: 0.3em; }

  #career #pathway,
  #pathway:not(.manager),
  #futureroles:not(.manager),
  #futurerolesexplore:not(.manager) {
    display: none; }

  #career.manager > ul {
    padding: 1em 0; }

  #career > ul > li:last-of-type {
    padding-bottom: 0; }

  #news, #calendar {
    height: auto; }

  .panel h2 + ul.calendarlist {
    padding-bottom: 0; }

  a.launchlink:before {
    display: inline-block;
    vertical-align: top;
    float: left;
    clear: left; }

  #profile {
    order: -5; }

  #welcome {
    order: -4;
    display: flex;
    padding: 0.5em; }

  #videobanner {
    order: -3; }

  #calendar {
    order: 0; }

  #pdr, #career, #futureroles, #futurerolesexplore {
    order: -1; }

  .twothirds.tall.video.panel.priory_academy {
    height: 9em; }

  button#pathwayexplore {
    display: none; } }
select {
  border-width: 0;
  border-radius: 2em;
  padding: 0.4em 0.8em;
  background-image: url("../images/dropdown.png");
  background-repeat: no-repeat;
  background-position: right 0.7em center;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: #666666; }

select.white {
  background-image: url("../images/dropdown-white.svg");
  background-size: 0.7em; }

@media all and (-ms-high-contrast: none) {
  select.white {
    background-size: 3em;
    background-position: right; } }
select::-ms-expand {
  display: none; }

div.editcontrol.modal input {
  margin-top: 0px; }

input[name="RegisterButton"] {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  background-color: #e5e200;
  cursor: pointer; }

.landd > span {
  display: inline-block;
  margin: 0.3em;
  padding-right: 1em;
  padding-left: 0.8em;
  background-color: #00a3c3;
  border-radius: 1em;
  position: relative;
  color: #ffffff;
  font-size: 0.8em;
  font-weight: 500;
  padding: 0.4em 0.6em;
  z-index: 100; }
  .landd > span a {
    color: #ffffff; }
  .landd > span:before {
    content: 'e';
    font-family: academyicons;
    font-size: 1.2em;
    text-transform: lowercase;
    vertical-align: middle;
    margin-right: 0.3em; }

#pathway.nopathway {
  display: none !important; }

#nopathway_desc {
  margin-top: 1em; }

#CourseLinkPanel ul {
  padding: 0;
  margin-top: 1em;
  list-style: none; }
  #CourseLinkPanel ul li {
    background-color: rgba(0, 163, 195, 0.1);
    padding: 0.7em 0 0.7em 1em;
    border-radius: 5px;
    border-bottom: 2px solid #ffffff; }

div#CourseLinkPanel > div > div {
  margin-bottom: 1em; }

.linkpanel ul {
  padding: 0;
  margin-top: 1em;
  list-style: none; }
  .linkpanel ul li {
    background-color: rgba(0, 163, 195, 0.1);
    padding: 0.7em 0 0.7em 1em;
    border-radius: 5px;
    border-bottom: 2px solid #ffffff; }

div.linkpanel > div > div {
  margin-bottom: 1em; }

body.login .loginDiv input[type="submit"] {
  border-radius: 2em;
  font-size: 0.9em;
  font-weight: 500;
  text-transform: uppercase; }
body.login .loginDiv select {
  padding: 0.5em 2em 0.5em 0.5em; }

@media only screen and (max-width: 540px) {
  body.login .loginDiv select {
    font-size: 0.75em; } }
h4.pathway.hide {
  display: none; }

.modalinside {
  margin-top: 2em; }

#pathwaytitle {
  /*margin: -1.4em auto -3px auto;*/
  background-color: #00a3c3;
  color: #ffffff;
  font-size: 1.4em;
  text-transform: uppercase;
  padding: 0.7em;
  border-radius: 0.15em;
  width: 13.25em;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.ts-pathway .role.opened, .ts-pathway .details {
  display: none; }
.ts-pathway .role.opened + .details {
  display: block;
  position: relative;
  text-align: left;
  border: 2px solid #ffffff;
  overflow: auto;
  background-color: #ffffff;
  z-index: 201; }
  .ts-pathway .role.opened + .details .rosette {
    display: none; }
  .ts-pathway .role.opened + .details header {
    display: block;
    position: relative;
    background-color: #ffffff;
    padding: 0.75em;
    overflow: visible;
    z-index: 10; }
    .ts-pathway .role.opened + .details header .progress {
      width: 20%;
      position: absolute;
      left: 0.75em;
      /*font-size: 115%;*/
      background-color: #ffffff; }
      .ts-pathway .role.opened + .details header .progress span {
        display: block;
        text-align: center;
        padding: 0.1em 0;
        background-color: #00a3c3;
        color: #ffffff; }
    .ts-pathway .role.opened + .details header h3 {
      display: block;
      width: 52%;
      margin: 0 auto;
      color: #ffffff;
      text-transform: uppercase;
      text-align: center;
      font-weight: 500;
      font-size: 1.56em; }
    .ts-pathway .role.opened + .details header p {
      display: block;
      width: 52%;
      margin: 0 auto;
      color: #ffffff;
      text-align: center;
      font-weight: 300;
      font-size: 1.2em; }
    .ts-pathway .role.opened + .details header h5 {
      position: absolute;
      font-size: 108%;
      right: 0.75em;
      top: 0.75em;
      text-align: right;
      font-weight: 300;
      color: #ffffff; }

.btn-smaller {
  font-size: 78% !important;
  padding: 0.3em 1em 0.25em 1em !important; }

.userprofile .up-form-save {
  text-align: right; }
.userprofile #myPathwayPanel {
  padding-top: 0em;
  margin-top: -1.5em; }
  .userprofile #myPathwayPanel .formlist label {
    min-width: 7em; }
  .userprofile #myPathwayPanel .formlist span {
    color: #00a3c3; }

a.btn.disabled {
  background-color: #ddd;
  cursor: default; }

@media only screen and (max-width: 540px) {
  .userprofile .up-form-save {
    text-align: left; }
  .userprofile #myPathwayPanel {
    margin-top: 0.5em; } }
body.modal.message .ts-page-main {
  padding: 1.5em !important; }

#DCalendar_NoRecordsPanel {
  padding: 1em; }

.advert-list:before {
  content: ''; }

.RadScheduler_WebBlue .rsSelectedSlot, .RadScheduler_WebBlue .rsSelected > .rsButton, .RadScheduler_WebBlue .rsPressed > .rsButton, .RadScheduler_WebBlue .rsButton.rsPressed {
  color: #ffffff;
  background-color: #575757; }

div.panel#news .newsContent {
  font-size: 90%; }

div#nopathway_desc {
  background-color: #eee;
  padding: 1em 1em 0.1em 1em;
  margin-top: 2em; }

.pathway.nocursor {
  cursor: default; }

.modalCpMessage .modal-content {
  margin-top: 10%; }
.modalCpMessage .modal-body {
  padding: 2em 2em; }
  .modalCpMessage .modal-body h3 {
    color: #00a3c3;
    font-size: 1.3em;
    margin-bottom: 1em; }

@media only screen and (max-width: 800px) {
  .modalCpMessage .modal-content {
    margin-top: 0%; } }
#welcome span {
  max-width: 100%; }

.ts-table.mylearning {
  position: relative; }
  .ts-table.mylearning span#legend {
    position: absolute;
    right: 0.9em;
    top: -1.5em;
    font-size: 0.85em;
    color: #bbb; }

#nopathway_desc.newjoiner {
  margin-top: 0em; }

.linklist.hd-box-empty li {
  padding: 0.6em 2em 0.6em 0.2em; }

.legend.vaccination {
  margin-top: 1em;
  font-size: 0.8em; }
  .legend.vaccination > div {
    display: flex;
    margin-bottom: 0.5em; }
    .legend.vaccination > div > div {
      margin-right: 1em; }

@media only screen and (max-width: 540px) {
  .modal-body {
    overflow-y: visible !important;
    height: auto !important; } }

/*# sourceMappingURL=layout.css.map */