/* Minification failed. Returning unminified contents.
(13679,25): run-time error CSS1036: Expected expression, found ';'
(13694,1): run-time error CSS1019: Unexpected token, found '/'
(14345,64): run-time error CSS1030: Expected identifier, found ','
(14345,79): run-time error CSS1031: Expected selector, found ')'
(14345,79): run-time error CSS1025: Expected comma or open brace, found ')'
(17662,19): run-time error CSS1030: Expected identifier, found '#UnpaidBookings'
(17662,34): run-time error CSS1031: Expected selector, found ')'
(17662,34): run-time error CSS1025: Expected comma or open brace, found ')'
(17667,19): run-time error CSS1030: Expected identifier, found '.'
(17667,45): run-time error CSS1031: Expected selector, found ')'
(17667,45): run-time error CSS1025: Expected comma or open brace, found ')'
(17916,48): run-time error CSS1030: Expected identifier, found ','
(17916,61): run-time error CSS1031: Expected selector, found ')'
(17916,61): run-time error CSS1025: Expected comma or open brace, found ')'
(17919,52): run-time error CSS1030: Expected identifier, found ','
(17919,65): run-time error CSS1031: Expected selector, found ')'
(17919,65): run-time error CSS1025: Expected comma or open brace, found ')'
(17992,60): run-time error CSS1030: Expected identifier, found ','
(17992,90): run-time error CSS1031: Expected selector, found ')'
(17992,90): run-time error CSS1025: Expected comma or open brace, found ')'
(18356,57): run-time error CSS1030: Expected identifier, found '['
(18356,76): run-time error CSS1031: Expected selector, found '='
(18356,76): run-time error CSS1025: Expected comma or open brace, found '='
 */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');

body {
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
}


/* additions Buzzbar */
.layout {
  font-family: 'Figtree',Arial,sans-serif !important;
}


.main {
  overflow: hidden;
  position: relative;
}
.layout {
    clear: both;
    margin: 0 20px;
    max-width: 1180px;
    position: relative;
    /*background-color: #F6F7F8;
    background-color: #FFF;*/
    
}
#bj.withwhite .layout {
    background-color: #FFF;
}



.layout:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 75em) {
  .layout {
    margin: 0 auto;
  }
}
.lt-ie9 .layout {
  margin: 0 auto;
}
.myqa .layout {
  margin: 0 auto;
}
.layout.full-width {
  max-width: 100%;
}
.inner-margin {
  margin-right: 20px;
  margin-left: 20px;
}
.inner-margin:after {
  clear: both;
  content: '';
  display: table;
}
.inner-padding {
  padding-right: 20px;
  padding-left: 20px;
}
.inner-padding:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .region {
    position: relative;
    float: left;
  }
}
.region-inner {
  position: relative;
}
.region-inner:after {
  clear: both;
  content: '';
  display: table;
}
.block {
  float: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}
.block img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}
.block.block-last + .block {
  clear: both;
}
.js .masonry .block {
  margin-right: 0 !important;
}
@media (min-width: 48.0625em) {
  .js .masonry .block {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 48.0625em) {
  .block {
    margin-right: 1.66666667%;
    *margin-right: 1.16666667%;
  }
}
.block.block-centered {
  float: none;
  margin: auto;
}
.block-sizer {
  float: left;
  max-width: 100%;
}
.gutter-sizer {
  float: left;
  max-width: 100%;
}
@media (min-width: 48.0625em) {
  .gutter-sizer {
    width: 1.66666667%;
    *width: 1.16666667%;
  }
}
.block-last-clear {
  clear: both;
}
@media (min-width: 48.0625em) {
  .region-a {
    position: relative;
    float: left;
    width: 100%;
    *width: 99.5%;
  }
  .region-a .region-inner {
    position: relative;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .block-single {
    width: 2.5%;
    *width: 2%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-a {
    margin-right: 0;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-b {
    width: 81.66666667%;
    *width: 81.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-c {
    width: 73.33333333%;
    *width: 72.83333333%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-d {
    width: 56.66666667%;
    *width: 56.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-e {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-f {
    width: 31.66666667%;
    *width: 31.16666667%;
  }
}
@media (min-width: 48.0625em) {
  .block-size-g {
    width: 23.33333333%;
    *width: 22.83333333%;
  }
}
.block-size-h {
  width: 48.33333333%;
  *width: 47.83333333%;
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-h.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 48.0625em) {
  .block-size-h {
    width: 15%;
    *width: 14.5%;
  }
  .block-size-h.block-last {
    float: left;
  }
}
.block-size-i {
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-i.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 37.5em) {
  .block-size-i {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
  .block-size-i.block-last {
    float: left;
  }
}
@media (min-width: 75em) {
  .block-size-i {
    width: 40%;
    *width: 39.5%;
  }
  .block-size-i.block-last {
    float: left;
  }
}
.block-size-j {
  margin-right: 1.66666667%;
  *margin-right: 1.16666667%;
}
.block-size-j.block-last {
  margin-right: 0;
  float: right;
}
@media (min-width: 37.5em) {
  .block-size-j {
    width: 48.33333333%;
    *width: 47.83333333%;
  }
  .block-size-j.block-last {
    float: left;
  }
}
@media (min-width: 75em) {
  .block-size-j {
    width: 23.33333333%;
    *width: 22.83333333%;
  }
  .block-size-j.block-last {
    float: left;
  }
}
@media (min-width: 48.0625em) {
  .myqa .block-size-b {
    margin-right: 8.33333333%;
    *margin-right: 7.83333333%;
    margin-left: 8.33333333%;
    *margin-left: 7.83333333%;
  }
}
.block-demo {
  color: #FFF;
  background: #4792CF;
  padding: 12px 20px;
}
.block-demo p {
  margin: 0;
}
.attend-from-anywhere-container {
  margin-bottom: 5px;
}
@media (min-width: 48.0625em) {
  .attend-from-anywhere-container {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .attend-from-anywhere-container {
    width: 33%;
  }
}
@media (min-width: 87.5em) {
  .attend-from-anywhere-container {
    width: 23%;
  }
}
.attend-from-anywhere-tile {
  margin-top: -2px;
  border-width: 1px;
  border-style: none;
  border-radius: 5px;
  background-color: #FFF;
}
@media (min-width: 48.0625em) {
  .attend-from-anywhere-tile {
    margin-right: 0;
    width: 50%;
    border-style: solid;
  }
}
@media (min-width: 75em) {
  .attend-from-anywhere-tile {
    width: 100%;
  }
}
.attend-from-anywhere-tile.orange {
  border-color: #f88300;
}
.attend-from-anywhere-tile.red {
  border-color: #E65A67;
}
.attend-from-anywhere-tile.green {
  border-color: #080C10;
}
.attend-from-anywhere-tile.blue {
  border-color: #005baa;
  color: #005baa;
  white-space: normal;
  font-weight: bold;
  border-style: solid;
}
.attend-from-anywhere-tile.blue span {
  font-weight: bolder;
}
.classroom-location-container {
  margin-bottom: 0px;
}
@media (min-width: 48.0625em) {
  .classroom-location-container {
    width: 100%;
  }
}
@media (min-width: 75em) {
  .classroom-location-container {
    width: 63%;
  }
}
@media (min-width: 87.5em) {
  .classroom-location-container {
    width: 73%;
  }
}
@media (min-width: 48.0625em) {
  .classroom-location-tile {
    width: 48%;
  }
}
@media (min-width: 87.5em) {
  .classroom-location-tile {
    width: 31%;
  }
}
@media (min-width: 100em) {
  .classroom-location-tile {
    width: 23%;
  }
}
span {
  font-size: 16px;
}
p {
  font-size: 16px;
  margin: 0 0 18px;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.align-center {
  text-align: center;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  text-decoration: none;
}
h1,
.h1,
.giga {
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  h1,
  .h1,
  .giga {
    font-size: 40px;
    line-height: 44px;
    font-weight: 700;
  }
}
h2,
.h2,
.mega {
  font-size: 26px;
  line-height: 30px;
  margin-top: 60px;
  margin-bottom: 12px;
}
@media (min-width: 48.0625em) {
  h2,
  .h2,
  .mega {
    font-size: 44px;
    line-height: 48px;
  }
}
h3,
.h3,
.alpha {
  font-size: 20px;
  line-height: 22px;
}
h4,
.h4,
.beta {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
}
h5,
.h5,
.gamma {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 12px;
}
h6,
.delta {
  font-size: 14px;
  line-height: 12px;
  margin-bottom: 12px;
}
.light {
  font-weight: 400;
}
.heading-style-a,
.text-style-a {
  color: #303030;
  text-align: center;
}
.text-style-b {
  font-size: 22px;
}
.heading-style-b {
    font-family: 'Figtree',Arial,sans-serif;
    font-weight: 300;
}
.heading-style-c {
  display: inline-block;
  color: #303030;
  text-align: center;
  border-bottom: 3px solid #4792CF;
  padding: 12px 40px;
}
.heading-style-d {
  display: inline-block;
  color: #fff;
  text-align: center;
  border-bottom: 3px solid #fff;
  padding: 12px 40px;
  margin-bottom: 18px;
}
.header-stylesheet {
  border-bottom: 1px solid #D7D7D7;
  color: #B9B9B9;
  font-size: 18px;
  line-height: 24px;
  margin: 24px 0;
  padding: 0 0 12px;
  text-align: left;
}
:-moz-placeholder {
  color: #999;
  opacity: 1;
}
::-moz-placeholder {
  color: #999;
  opacity: 1;
}
:-ms-input-placeholder {
  color: #999;
}
::-webkit-input-placeholder {
  color: #999;
}
textarea {
  height: auto;
  overflow: auto;
  resize: none;
}
input[type="submit"],
button {
  cursor: pointer;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input,
button,
select {
  line-height: 24px;
  margin: 0;
}
@media (min-width: 48.0625em) {
  input,
  button,
  select {
    line-height: 30px;
  }
}
input,
button,
select,
textarea {
  font-family: 'Figtree',Arial,sans-serif;
  font-size: 14px;
}
button {
  -webkit-font-smoothing: inherit;
}
label {
  display: inline-block;
  font-size: 18px;
  text-align: left;
}
label > * {
  font-size: inherit;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="date"],
input[type="week"],
input[type="month"],
input[type="datetime"],
input[type="datetime-local"],
input[type="time"],
input[type="number"],
input[type="search"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
input[type="password"] {
  font-weight: 400;
}
.lt-ie9 input[type="password"] {
  font-family: arial;
}
select {
  border-radius: 4px;
}
input,
select,
.select-replace {
  height: 36px;
}
@media (min-width: 48.0625em) {
  input,
  select,
  .select-replace {
    height: 42px;
  }
}
input,
textarea,
select,
.select-replace {
    background-color: #FFF;
    border: 1px solid #B9B9B9;
    border-radius: 0;
    box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
    color: #485A6E;
    display: inline-block;
    font-weight: 400;
    max-width: 100%;
    margin-bottom: 6px;
    padding: 6px 10px;
    transition: all 100ms;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
}
.lt-ie9 input,
.lt-ie9 textarea,
.lt-ie9 select,
.lt-ie9 .select-replace {
  border: 1px solid #B9B9B9;
}
@media (min-width: 48.0625em) {
  input,
  textarea,
  select,
  .select-replace {
    padding: 6px 15px;
  }
}
input[disabled],
textarea[disabled],
select[disabled],
.select-replace[disabled] {
  background: #F0F0F0;
  border-color: #DDD;
  color: #CCC;
  cursor: not-allowed;
}
input[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover,
.select-replace[disabled]:hover,
input[disabled]:focus,
textarea[disabled]:focus,
select[disabled]:focus,
.select-replace[disabled]:focus {
  border-color: #CCC;
}
input[disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder,
select[disabled]:-moz-placeholder,
.select-replace[disabled]:-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
input[disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
select[disabled]::-moz-placeholder,
.select-replace[disabled]::-moz-placeholder {
  color: #CCC;
  opacity: 1;
}
input[disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
select[disabled]:-ms-input-placeholder,
.select-replace[disabled]:-ms-input-placeholder {
  color: #CCC;
}
input[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
select[disabled]::-webkit-input-placeholder,
.select-replace[disabled]::-webkit-input-placeholder {
  color: #CCC;
}
input[readonly],
textarea[readonly],
select[readonly],
.select-replace[readonly] {
  cursor: not-allowed;
}
input[readonly]:hover,
textarea[readonly]:hover,
select[readonly]:hover,
.select-replace[readonly]:hover,
input[readonly]:focus,
textarea[readonly]:focus,
select[readonly]:focus,
.select-replace[readonly]:focus {
  border-color: #CCC;
}
select,
.select-replace {
  padding: 4px 12px;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.ios input[type="date"] {
  min-height: 36px;
}
@media (min-width: 48.0625em) {
  .ios input[type="date"] {
    min-height: 42px;
  }
}
.textonly {
  color: #303030;
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 6px;
  max-width: 100%;
  padding: 6px;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.textonly.disabled {
  color: #CCC;
}
select {
  padding-right: 30px;
  position: relative;
}
select.has-btn-trigger {
  float: left;
  margin-right: 18px;
}
.lt-ie10 select {
  padding-right: 6px;
}
.select-replace {
  border: none;
  border-radius: 4px;
  display: block;
  padding: 0;
  position: relative;
}
@media (min-width: 48.0625em) {
  .select-replace {
    display: inline-block;
    padding: 0;
  }
}
.select-replace select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  border: 1px solid #B9B9B9;
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  height: 36px;
  position: relative;
  z-index: 2;
}
@media (min-width: 48.0625em) {
  .select-replace select {
    height: 42px;
  }
}
.select-replace:after {
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-image: url('../../images/css/bg-select_4274B8.svg');
  background-size: 20px 12px;
  content: '';
  display: block;
  height: 12px;
  position: absolute;
  top: 12px;
  right: 5px;
  width: 20px;
  z-index: 1;
}
@media (min-width: 48.0625em) {
  .select-replace:after {
    top: 15px;
  }
}
.lt-ie10 .select-replace:after {
  display: none;
}
@-moz-document url-prefix() {
  .select-replace {
    overflow: hidden;
  }
}
select::-ms-expand {
  display: none;
}
select[multiple],
select[size] {
  background: #FFF;
  height: auto;
  padding-right: 5px;
}
label input,
label textarea,
label select {
  display: block;
}
textarea {
  border: 1px solid #B9B9B9;
  height: 180px;
  line-height: 24px;
  margin: 0;
  overflow: auto;
  padding-top: 9px;
  white-space: normal;
}
@media (min-width: 48.0625em) {
  .input-mini {
    width: 80px;
  }
  .input-mini + .password-strength-box {
    width: 80px;
  }
  .input-small {
    width: 130px;
  }
  .input-small + .password-strength-box {
    width: 130px;
  }
  .input-medium {
    width: 230px;
  }
  .input-medium + .password-strength-box {
    width: 230px;
  }
  .input-large {
    width: 330px;
  }
  .input-large + .password-strength-box {
    width: 330px;
  }
  .input-xlarge {
    width: 430px;
  }
  .input-xlarge + .password-strength-box {
    width: 430px;
  }
  .input-xxlarge {
    width: 530px;
  }
  .input-xxlarge + .password-strength-box {
    width: 530px;
  }
  .input-xxxlarge {
    width: 630px;
  }
  .input-xxxlarge + .password-strength-box {
    width: 630px;
  }
  .input-xxxxlarge {
    width: 730px;
    max-width: 90%;
  }
  .input-xxxxlarge + .password-strength-box {
    width: 730px;
  }
}
.input-full {
  width: 100%;
}

input.input-validation-error,
textarea.input-validation-error,
select.input-validation-error,
.select-replace.input-validation-error,
input.input-validation-error:hover,
textarea.input-validation-error:hover,
select.input-validation-error:hover,
.select-replace.input-validation-error:hover,
input.input-validation-error:focus,
textarea.input-validation-error:focus,
select.input-validation-error:focus,
.select-replace.input-validation-error:focus {
  border: 1px solid #C20000;
}
input.input-validation-error.validation-style-a,
textarea.input-validation-error.validation-style-a,
select.input-validation-error.validation-style-a,
.select-replace.input-validation-error.validation-style-a,
input.input-validation-error:hover.validation-style-a,
textarea.input-validation-error:hover.validation-style-a,
select.input-validation-error:hover.validation-style-a,
.select-replace.input-validation-error:hover.validation-style-a,
input.input-validation-error:focus.validation-style-a,
textarea.input-validation-error:focus.validation-style-a,
select.input-validation-error:focus.validation-style-a,
.select-replace.input-validation-error:focus.validation-style-a {
  border: 1px solid #000;
}
.select-replace.validation-style-a select.input-validation-error,
.select-replace.validation-style-a select.input-validation-error:hover,
.select-replace.validation-style-a select.input-validation-error:focus {
  border: 1px solid #000;
}
.field-validation-valid {
  display: none;
}
.field-validation-error,
.validation-summary-errors {
  clear: both;
  color: #C20000;
  display: block;
  font-size: 16px;
  text-align: left;
  padding-bottom: 6px;
}
.field-validation-error.validation-style-a,
.validation-summary-errors.validation-style-a {
  color: #000;
}
.form {
  text-align: left;
}
.form:after {
  clear: both;
  content: '';
  display: table;
}
.form fieldset {
  width: 100%;
}
.form-section {
  padding-top: 12px;
}
.form-section:first-child {
  padding-top: 0;
}
.form-actions {
  overflow: hidden;
  max-width: 100%;
}
.form-actions .btn {
  margin-bottom: 6px;
}
.control-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
}
@media (min-width: 48.0625em) {
  .control-label {
    line-height: 30px;
  }
}
.control-label label {
  cursor: pointer;
  line-height: 30px;
}
.control-inline {
  clear: none;
  display: inline-block;
  margin-right: 18px;
  margin-bottom: 6px;
}
.control-group {
  padding-bottom: 6px;
}
@media (min-width: 48.0625em) {
  .control-group {
    padding-bottom: 12px;
  }
}
.control-group .btn-icon-small {
  margin-bottom: 0;
}
.control-group.control-group-collapse {
  padding-bottom: 0;
}
.control-group-block input,
.control-group-block select,
.control-group-block .select-replace {
  display: block;
}
@media (min-width: 48.0625em) {
  .form-horizontal .control-label {
    width: 23.72881356%;
    *width: 23.22881356%;
    float: left;
    padding-top: 6px;
    text-align: right;
  }
}
.form-horizontal .controls:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .form-horizontal .controls {
    margin-left: 25.42372881%;
    *margin-left: 24.92372881%;
    clear: none;
  }
}
.form-horizontal .controls > .btn:first-child {
  margin-top: 6px;
}
@media (min-width: 48.0625em) {
  .form-horizontal .form-actions {
    padding-left: 25.42372881%;
    *padding-left: 24.92372881%;
  }
}
.required-star {
  color: #67130E;
  margin: 0 2px;
}

.form-footer {
  padding: 18px 0 0;
}
.form-footer:after {
  clear: both;
  content: '';
  display: table;
}
@media (max-width: 48.0625em) {
  .form-footer {
    text-align: center;
  }
}
@media (min-width: 48.0625em) {
  .form-footer > .btn {
    float: right;
  }
}
.field-captcha-controls,
.field-captcha-image-container {
  margin-bottom: 20px;
}
ul,
ol,
dl {
  font-size: 16px;
  text-align: left;
}
ul,
ol {
  font-size: 16px;
  text-align: left;
}
ul li p,
ol li p,
ul li a,
ol li a,
ul li span,
ol li span {
  font-size: inherit;
}
li {
  font-size: 16px;
}
ul {
  list-style: none;
  margin: 0 0 24px 15px;
  padding: 0;
}
ul ul,
ul ol {
  margin-top: 6px;
  margin-bottom: 0;
}
ul li {
  list-style: none;
  margin-bottom: 6px;
  position: relative;
}
ul li:before {
  color: #303030;
  content: '\2022';
  display: block;
  font-size: 24px;
  position: absolute;
  top: -1px;
  left: -15px;
}
.section-style-a ul li:before,
.promocard-style-a ul li:before,
.promocard-style-d ul li:before {
  color: #FFF;
}
ol {
  margin: 0 0 24px 25px;
  padding: 0;
}
ol ul,
ol ol {
  margin-bottom: 0;
  margin-top: 6px;
}
ol li {
  position: relative;
  margin-bottom: 6px;
}
dl {
  margin-bottom: 16px;
}
.dl-horizontal:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .dl-horizontal dt {
    float: left;
    width: 23.72881356%;
    *width: 23.22881356%;
    clear: left;
    text-align: right;
  }
  .dl-horizontal dd {
    margin-left: 25.42372881%;
    *margin-left: 24.92372881%;
  }
  .dl-horizontal dd + dt {
    padding-top: 0;
  }
}
dt {
  margin-bottom: 6px;
  font-weight: 700;
  line-height:20px;
}
dd {
    margin: 0;
    line-height: 20px;
    margin-bottom: 6px;
}
dd + dt {
  padding-top: 6px;
}
.list-inline {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.list-inline li {
  list-style: none;
}
.list-inline li:before {
  display: none;
}
.list-inline li {
  display: inline-block;
  font-size: 16px;
}
.list-style-a {
  margin: 0!important;
}
.list-style-a > li {
  border-bottom: 1px solid #D7D7D7;
  padding: 18px 10px;
  margin: 0;
  color: #4792CF;
}
.list-style-a > li:first-child {
  border-top: 1px solid #D7D7D7;
}
.list-style-a > li:before {
  display: none;
}
.list-style-a > li p {
  margin: 0;
}
.list-style-a > li a {
  text-decoration: none;
}
.list-style-b {
  margin: 0!important;
}
.sectionblock .list-style-b {
  margin: 0;
}
.list-style-b li {
  border-bottom: 1px solid #D7D7D7;
  padding: 12px 0;
  margin: 0;
}
.list-style-b li:before {
  display: none;
}
.list-style-b li p {
  margin: 0;
}
.list-style-b li a {
  text-decoration: none;
}
.list-style-c {
  margin: 12px 0;
  text-align: center;
}
.list-style-c li {
  margin: 0!important;
  font-weight: 700;
}
.list-style-c li:before {
  display: none;
}
.list-style-c li a {
  text-decoration: none;
}
.stylesheet-icon-list .icon {
  color: #4792CF;
}
.list-unstyled {
  margin: 0;
  padding: 0;
}
.list-unstyled li {
  list-style: none;
}
.list-unstyled li:before {
  display: none;
}
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.btn, .btn:visited {
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    color: #fff;
    border-radius: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    background-color: #0B7192;
    border: 2px solid transparent;
}


/*@media (min-width: 48.0625em) {
    .btn {
    font-size: 18px;
    line-height: 20px;
    min-height: 44px;
    padding: 7.5px 24px;
    white-space: nowrap;
  }
}*/
.ie8 .btn {
  min-height: 22px;
}
.btn:hover,
.btn:focus {
    background-color: #2FB7DA;
    color: #FFF;
    text-decoration: none;
}
.btn:active,
.btn.active {
  box-shadow: none;
  outline: 0;
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  opacity: 0.0065;
  filter: alpha(opacity=0.65);
  box-shadow: none;
  cursor: default;
  pointer-events: none;
}
/*.btn .icon {
  font-size: .75em;
}*/
/*.btn.btn-alt {
  padding: 9px 15px;
}*/
.btn.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.btn-small {
  font-size: 14px;
  line-height: 16px;
  height: 28px;
  padding: 4px 16px;
}


/*.ie8 .btn-small {
  min-height: 23px;
}
@media (min-width: 48.0625em) {
  .btn-small {
    font-size: 16px;
    line-height: 21px;
    min-height: 33px;
    padding: 6px 18px;
  }
}*/
.btn-small.btn-alt {
    padding: 6px 15px;
}
.btn-small.btn-alt .icon {
  font-size: 12px;
  vertical-align: top;
}
.btn-large {
  font-size: 16px;
  line-height: 1;
  min-height: 36px;
  padding: 6px 10px 12px 10px;
}
@media (min-width: 48.0625em) {
  .btn-large {
    font-size: 18px;
    line-height: 1;
    min-height: 54px;
    padding: 12px 25px;
  }
}
.ie8 .btn-large {
  min-height: 56px;
}
.btn-style-a {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-a:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-a:visited:hover,
.btn-style-a:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-a:hover,
.btn-style-a:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-b {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.btn-style-b:visited {
  border: 1px solid #FFF;
  background-color: #FFF;
  color: #303030;
}
.btn-style-b:visited:hover,
.btn-style-b:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
.btn-style-b:hover,
.btn-style-b:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
}
/*.cta.outline {
    color: #080C10;
    background-color: white !important;
    border-color: #080C10;
    border-width: 2px;
    border-style: solid;
    line-height: 16px;
}

    .cta.outline:hover {
        background-color: #E5E8EB !important;
    }*/
/*.btn .icon {
    color:inherit;
}*/

.btn-style-c {
    background-color: white !important;
    border: 2px solid #080C10;
    color: #080C10;
    /*border-radius: 0;*/
}
    .btn-style-c:visited {
        background-color: white !important;
        border: 2px solid #080C10;
        color: #080C10;
    }
        .btn-style-c:visited:hover,
        .btn-style-c:visited:focus {
            background-color: #E5E8EB !important;
            border: 2px solid #080C10;
            box-shadow: none;
            color: #080C10;
        }
    .btn-style-c:hover,
    .btn-style-c:focus{
        background-color: #E5E8EB !important;
        border: 2px solid #080C10;
        box-shadow: none;
        color: #080C10;
    }
        .btn-style-c .icon,
        .btn-style-c:hover .icon,
        .btn-style-c:visited .icon,
        .btn-style-c:focus .icon {
            color: #080C10 !important;
        }
    .btn-style-c:visited {
        background-color: white !important;
        border: 2px solid #080C10;
        color: #080C10;
    }
        .btn-style-c:visited:visited {
            background-color: white !important;
            border: 2px solid #080C10;
            color: #080C10;
        }
            .btn-style-c:visited:visited:hover,
            .btn-style-c:visited:visited:focus {
                background-color: #E5E8EB !important;
                border: 2px solid #080C10;
                box-shadow: none;
                color: #080C10;
            }
        .btn-style-c:visited:hover,
        .btn-style-c:visited:focus {
            background-color: #E5E8EB !important;
            border: 2px solid #080C10;
            box-shadow: none;
            color: #080C10;
        }


.btn-style-d {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.btn-style-d:hover,
.btn-style-d:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  box-shadow: none;
  color: #FFF;
}
.btn-style-d:visited {
  background-color: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.btn-style-d:visited:hover,
.btn-style-d:visited:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  box-shadow: none;
  color: #FFF;
}
.btn-style-e {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-e:hover,
.btn-style-e:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-e:visited {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-e:visited:hover,
.btn-style-e:visited:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-f {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.btn-style-f:visited {
  background: #FFF;
  color: #4792CF;
  border: 1px solid #FFF;
}
.btn-style-f:visited:hover,
.btn-style-f:visited:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.btn-style-f:hover,
.btn-style-f:focus {
  background-color: #EFEFEF;
  border-color: #EFEFEF;
  box-shadow: none;
  color: #303030;
}
.btn-style-g {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.btn-style-g:visited {
  background: #4792CF;
  color: #FFF;
  border: 1px solid #4792CF;
}
.btn-style-g:visited:hover,
.btn-style-g:visited:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.btn-style-g:hover,
.btn-style-g:focus {
  background-color: #005BAB;
  border-color: #005BAB;
  color: #FFF;
}
.btn-style-h {
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
.btn-style-h:visited {
  background: #FFF;
  color: #E65A67;
  border: 1px solid #FFF;
}
.btn-style-h:visited:hover,
.btn-style-h:visited:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
.btn-style-h:hover,
.btn-style-h:focus {
  background-color: #F7F7F7;
  border-color: #FFF;
  color: #E65A67;
}
.btn-style-i {
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-i:visited {
  background: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-i:visited:hover,
.btn-style-i:visited:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.btn-style-i:hover,
.btn-style-i:focus {
  background-color: #577c2f;
  border-color: #577c2f;
  color: #FFF;
}
.btn-style-i.nounderline {
  text-decoration: none;
}
.btn-style-i.full-width {
  width: 100%;
  text-align: center;
}
.btn-style-j {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #FFF;
}
.btn-style-j:visited {
  background: #FFF;
  border: 1px solid #FFF;
  color: #FFF;
}
.btn-style-j:visited:hover,
.btn-style-j:visited:focus {
  background-color: #FFF;
  border-color: transparent;
  color: #303030;
}
.btn-style-j:hover,
.btn-style-j:focus {
  background-color: #FFF;
  color: #303030;
  border-color: transparent;
}
/* 15.12.2016 NEW Booking Dates button styles*/
.btn-style-k {
  background-color: #FFF;
  border: 1px solid #E65A67;
  color: #E65A67;
}
.btn-style-k:hover,
.btn-style-k:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-k:visited {
  background-color: #E65A67;
  border: 1px solid #E65A67;
  color: #FFF;
}
.btn-style-k:visited:hover,
.btn-style-k:visited:focus {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-l {
  background-color: #FFF;
  border: 1px solid #71A13D;
  color: #71A13D;
}
.btn-style-l:visited {
  background-color: #005BAB;
  border: 1px solid #005BAB;
  color: #FFF;
}
.btn-style-l:visited:hover,
.btn-style-l:visited:focus {
  background-color: #003C70;
  border-color: #003C70;
  box-shadow: none;
  color: #FFF;
}
.btn-style-l:hover,
.btn-style-l:focus {
  background-color: #71A13D;
  border-color: #71A13D;
  box-shadow: none;
  color: #FFF;
}
.btn-style-k-inverted {
  background-color: #df2e3e;
  border: 1px solid #df2e3e;
  color: #FFF;
}
.btn-style-k-inverted:hover,
.btn-style-k-inverted:focus {
  background-color: #FFF;
  border: 1px solid #df2e3e;
  color: #df2e3e;
}
.btn-style-l-inverted {
  background-color: #71A13D;
  border: 1px solid #71A13D;
  color: #FFF;
}
.btn-style-l-inverted:hover,
.btn-style-l-inverted:focus {
  background-color: #FFF;
  border-color: #71A13D;
  box-shadow: none;
  color: #71A13D;
}
.btn-style-m {
  background-color: #005baa;
  border: 1px solid #005baa;
  color: #FFF;
}
.btn-style-m:hover,
.btn-style-m:focus {
  background-color: #FFF;
  border-color: #005baa;
  box-shadow: none;
  color: #005baa;
}
@font-face {
  font-family: 'qa-icons';
  src: url('fonts/qa-icons/qa-icons.eot');
  src: url('fonts/qa-icons/qa-icons.eot?#iefix') format('embedded-opentype'), url('fonts/qa-icons/qa-icons.woff') format('woff'), url('fonts/qa-icons/qa-icons.ttf') format('truetype'), url('fonts/qa-icons/qa-icons.svg#qa-icons') format('svg');
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'qa-icons';
    src: url('fonts/qa-icons/qa-icons.svg#qa-icons') format('svg');
  }
}
.icon {
  /*font-family: 'qa-icons';*/
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-style-a {
  font-size: 24px;
  color: #4792CF;
}
.icon-contact:before,
.icon-chat:before {
  content: "\e60d";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-quote-open:before {
  content: "\e60a";
}
.icon-quote-close:before {
  content: "\e60b";
}
.icon-basket:before {
  content: "\e605";
}
.icon-search:before {
  content: "\f002";
}
.icon-close:before {
  content: "\f00d";
}
.icon-menu:before {
  content: "\f039";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-chevron-left:before {
    content: "\f053";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    color: #fff;
    left: 30px;
    top: 7px;
}
.icon-calendar:before {
  content: "\e601";
}
.icon-chevron-right:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    color: #fff;
    left: 30px;
    top: 7px;
}
.icon-linkedin:before {
  content: "\e603";
}
.icon-location:before {
  content: "\e604";
}
.icon-rss:before {
  content: "\e606";
}
.icon-share:before {
  content: "\e607";
}
.icon-twitter:before {
  content: "\e608";
}
.icon-youtube:before {
  content: "\e609";
}
.icon-user:before {
  content: "\f007";
}
.icon-sign-out:before {
  content: "\e600";
}
.icon-facebook2:before {
  content: "\ea91";
}
.link-unstyled {
  text-decoration: none;
}
.link-unstyled:hover,
.link-unstyled:active,
.link-unstyled:focus {
  text-decoration: none;
}
.link-style-a {
  color: #FFF;
  text-decoration: none;
}
.link-style-a:hover {
  color: #EFEFEF;
}
.link-style-a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.link-style-a.btn:active {
  text-decoration: none;
}
.link-style-b {
  color: #FFF;
  text-decoration: none;
}
.link-style-b:hover {
  color: #FFF;
}
.link-style-b:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.link-style-b.btn:active {
  text-decoration: none;
}
.link-style-c {
  color: #005BAB;
  font-weight: 700;
  text-decoration: none;
}
.link-style-c:hover,
.link-style-c:focus,
.link-style-c:active,
.link-style-c:visited {
  color: #005BAB;
  text-decoration: underline;
}
.link-style-c.btn:active {
  text-decoration: none;
}
.link-style-d {
  color: #FFF;
}
.link-style-d:hover,
.link-style-d:focus,
.link-style-d:active,
.link-style-d:visited {
  color: #FFF;
  text-decoration: underline;
}
.link-style-d.btn:active {
  text-decoration: none;
}
.section,
.sectionblock {
  clear: both;
  font-size: 18px;
  padding-bottom: 24px;
  overflow: hidden;
}
.section:after,
.sectionblock:after {
  clear: both;
  content: '';
  display: table;
}
.sectionblock {
  border-top: 1px solid #E5E5E5;
  padding-top: 24px;
}
.section-padded {
  clear: both;
  overflow: hidden;
  padding-top: 12px;
  padding-bottom: 12px;
}
.section-padded:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .section-padded {
    padding-top: 24px;
    padding-bottom: 24px;
  }
}
.section-collapse {
  overflow: hidden;
}
.section-collapse:after {
  clear: both;
  content: '';
  display: table;
}
.section-breakout:after {
  clear: both;
  content: '';
  display: table;
}
.section-footer {
  margin: 24px 0;
}
.section-style-a {
  background: #4792CF;
  color: #FFF;
}
.section-style-a a {
  color: #FFF;
  text-decoration: none;
}
.section-style-a a:hover {
  color: #EFEFEF;
}
.section-style-a a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.section-style-a a.btn:active {
  text-decoration: none;
}
.section-style-a [class^='angle-']:after,
.section-style-a [class*='angle-']:after {
  background-color: #4792CF !important;
}
.section-style-b {
  background: #005BAB;
  color: #FFF;
}
.section-style-b a {
  color: #FFF;
  text-decoration: none;
}
.section-style-b a:hover {
  color: #FFF;
}
.section-style-b a:active {
  color: #EFEFEF;
  text-decoration: underline;
}
.section-style-b a.btn:active {
  text-decoration: none;
}
.section-style-b hr {
  border-top: 1px solid #4792CF;
}
.section-style-c {
  background: #003C70;
  color: #FFF;
}
.section-style-d {
  background: #F7F7F7;
  border-top: 1px solid #E5E5E5;
  color: #005BAB;
}
.section-style-e {
  background: #FFF;
}
.section-style-f {
  background: #D7D7D7;
}
.section-style-h {
  background: #EFEFEF;
}
.section-style-i {
  border-top: 1px solid #D7D7D7;
}
.section-style-j {
  background: #F7F7F7;
  color: #303030;
}
.section-style-k {
  background: #F3F3F3;
}
.section-style-k [class^='angle-']:after,
.section-style-k [class*='angle-']:after {
  background-color: #F3F3F3 !important;
}
.section-style-l {
  background: #E65A67;
  color: #FFF;
}
.section-style-m .section-header {
  padding: 6px 10px;
}
.section-style-m .section-title {
  text-align: left;
}
.media {
  text-align: center;
  margin-bottom: 24px;
}
.media img,
.media video {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}
.media.media-center img {
  float: none!important;
}
.media-video {
  background-color: #F7F7F7;
  overflow: hidden;
}
.js .media-video img,
.js .media-video video {
  opacity: 0;
  transition: opacity 500ms ease;
}
.page-loaded .media-video img,
.page-loaded .media-video video {
  opacity: 1;
}
.media-video .media-video-player iframe {
  z-index: 1;
}
.media-cover {
  margin: 0;
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  z-index: -100;
  background-size: cover;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.banner .media-cover,
.carousel-featured-slide .media-cover {
  position: relative;
}
@media (min-width: 48.0625em) {
  .banner .media-cover,
  .carousel-featured-slide .media-cover {
    position: absolute;
  }
}
.media-cover img,
.media-cover video {
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -99;
}
.csstransforms .media-cover img,
.csstransforms .media-cover video {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.carousel-featured-slide .media-cover img,
.carousel-featured-slide .media-cover video,
.banner .media-cover img,
.banner .media-cover video {
  position: relative;
}
@media (min-width: 48.0625em) {
  .carousel-featured-slide .media-cover img,
  .carousel-featured-slide .media-cover video,
  .banner .media-cover img,
  .banner .media-cover video {
    position: absolute;
  }
}
@media (min-width: 48.0625em) {
  .media-cover-x img,
  .media-cover-x video {
    height: auto;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
  }
  .csstransforms .media-cover-x img,
  .csstransforms .media-cover-x video {
    top: 50%;
    transform: translateY(-50%);
  }
}
.media-cover-y img,
.media-cover-y video {
  height: 100%;
  width: auto;
  top: 0;
  bottom: 0;
  left: 0;
}
.csstransforms .media-cover-y img,
.csstransforms .media-cover-y video {
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 48.0625em) {
  .media-fixed img,
  .media-fixed video {
    position: fixed;
  }
}
.frame-browser {
  clear: both;
  background: url(../images/css/bg-frame-browser.svg) 0 0 no-repeat;
  background-size: auto 35px;
  padding-top: 35px;
  position: relative;
  width: 100%;
}
.frame-browser:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .frame-browser {
    background-size: auto 49px;
    border-radius: 15px 15px 0 0;
    padding-top: 49px;
  }
}
.highlight-notice {
  background-color: #FFED00;
  background-color: rgba(255, 237, 0, 0.16);
  font-size: 16px;
  margin-bottom: 18px;
  padding: 18px;
}
.lt-ie9 .highlight-notice {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#29ffed00, endColorstr=#29ffed00)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#29ffed00, endColorstr=#29ffed00);
  background-color: rgba(255, 237, 0, 0.16);
}
.highlight-notice p {
  margin-bottom: 0;
}
.highlight-notice p:first-of-type {
  margin-top: 0;
}
.highlight-notice-heading {
  display: block;
}
.table-container {
  margin-bottom: 18px;
  max-width: 100%;
  overflow: auto;
  position: relative;
}
.table-container table {
  margin: 0;
  max-width: none;
}
.table {
  border-collapse: collapse;
  font-size: 16px;
  margin-bottom: 18px;
  max-width: 100%;
  width: 100%;
}
.table th,
.table td {
  padding: 12px 10px;
  text-align: left;
}
.table th {
  font-weight: 700;
}
.table thead {
  border-bottom: 1px solid #D7D7D7;
}
.table tbody tr {
  background-color: #F7F7F7;
  border-bottom: 2px solid #FFF;
}
.table tbody tr.alt-row {
  background-color: #EFEFEF;
}
.table-style-a .table tbody tr.active {
  background-color: #4792CF;
  color: #FFF;
}
.table tbody:before {
  content: '';
  display: block;
  height: 3px;
}
.js .overlay {
  opacity: 0.5;
  filter: alpha(opacity=50);
  background: #000;
  cursor: pointer;
  display: none;
  height: 100%;
  overflow: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
}
.overlay-in .js .overlay {
  display: block;
}
.js .overlay-content {
  background: #FFF;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
  color: #303030;
  display: none;
  overflow-y: scroll;
  position: fixed;
  top: 1%;
  bottom: 1%;
  left: 5%;
  width: 90%;
  z-index: 100;
}
@media (min-width: 48.0625em) {
  .js .overlay-content {
    left: 50%;
    top: 35%;
    transform: translate(-50%, -35%);
    position: fixed;
    width: 80%;
  }
}
@media (min-width: 75em) {
  .js .overlay-content {
    width: 55%;
  }
}
.js.ie8 .overlay-content {
  top: 5%;
  left: 22.5%;
}
.overlay-header {
  min-height: 30px;
}
.overlay-body {
  padding: 24px;
}
.overlay-footer {
  padding: 0 24px 24px;
}
.article {
  font-size: 16px;
}
.article-details {
  padding: 12px 20px 60px;
}
@media (min-width: 48.0625em) {
  .article-details {
    padding: 0;
  }
}
.article-details > .article-details {
  padding: 0;
}
.article-expandable {
  border-bottom: 1px solid #D7D7D7;
  padding-bottom: 24px;
  text-align: justify;
}
.article-expandable:last-child {
  border: 0;
}
@media (min-width: 48.0625em) {
  .article-expandable.block.block-size-c {
    width: 65%;
  }
}
.article-expandable .accordion-handle {
  display: inline-block;
}
.article-expandable .accordion-handle .icon {
  position: static;
  margin-left: 15px;
}
.article-expandable .article-footer {
  padding-top: 24px;
  text-align: center;
}
.article-details-further {
  text-align: left;
}
.article-details-further *,
.article-details-further p {
  font-size: 14px;
}
.article-course-detail {
  text-align: left;
}
    .article-course-detail .course-detail-header {
        font-size: 26px;
        line-height: 30px;
        margin-top: 60px;
        margin-bottom: 12px;
        color: #303030;
        text-align: center;
        font-family: 'Figtree',Arial,sans-serif;
        font-weight: 300;
        font-weight: 400;
        margin-bottom: 48px;
    }
@media (min-width: 48.0625em) {
  .article-course-detail .course-detail-header {
    font-size: 44px;
    line-height: 48px;
  }
}
.article-course-detail .toggle-content-footer {
  margin-top: 20px;
  text-align: center;
}
@media (min-width: 48.0625em) {
  .article-course-detail .toggle-content-footer {
    margin-top: 30px;
  }
}
.article-course-detail .toggle-content-footer .toggle-action {
  display: inline-block;
}
.course-detail-logo {
  margin: 40px auto 20px;
}
.course-detail-logo img {
  display: block;
  margin: 0 auto;
}
.article-course-detail-information {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 48px;
  padding-top: 24px;
  padding-bottom: 12px;
  text-align: center;
}
.article-course-detail-information:after {
  clear: both;
  content: '';
  display: table;
}
.article-course-detail-information .information-title,
.article-course-detail-information .information-point {
  display: block;
  font-size: 16px;
}
.article-course-detail-information .information-point {
  font-size: 24px;
}
.article-course-detail-information p {
  font-size: 16px;
}
.panel {
  margin-bottom: 24px;
}
.panel .panel-heading {
  color: #FFF;
  background-color: #4792CF;
  padding: 21px 15px;
}
.panel .panel-title {
  margin: 0;
}
.panel .panel-body {
  border: 1px solid #D7D7D7;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.2);
}
.panel .panel-content {
  padding: 36px 25px;
}
.accordion {
  position: relative;
}
.accordion-handle a {
  position: relative;
  display: block;
  text-decoration: none;
}
.accordion-handle a.accordion-trigger {
  width: 40px;
  height: 30px;
}
.accordion-handle .icon,
.accordion-handle a.accordion-trigger {
  position: absolute;
  top: 18px;
  right: 18px;
}
.accordion-active .accordion-handle .opened-text {
  display: inline-block;
}
.accordion-active .accordion-handle .closed-text {
  display: none;
}
.accordion-style-a .accordion-header {
  margin: 0;
  line-height: 27px;
  font-size: 18px;
}
.accordion-style-a .accordion-header a {
  margin: 0;
  line-height: 27px;
  font-size: 18px;
}
.accordion-style-a .accordion-header .icon {
  color: #4792CF;
  font-size: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.ie8 .accordion-style-a .accordion-header .icon {
  top: 0;
}
.opened-text {
  display: none;
}
.js .accordion-content {
  display: none;
}
.js .accordion-content.open {
  display: block;
  overflow: hidden;
}
@media (min-width: 48.0625em) {
  .js .accordion-content.accordion-content-mobile {
    display: block;
  }
}
.accordion-style-a .accordion-content {
  margin-top: 12px;
  border-top: 1px solid #D7D7D7;
}
.accordion-content .accordion-close {
  display: none;
}
.js .navigation-links .accordion-content .accordion-close {
  /*display: none; */
  position: absolute;
  top: 30px;
  right: 20px;
}
.js .navigation-links .accordion-content .accordion-close .icon {
  color: #fff;
  font-size: 2em;
}
@media (min-width: 48.0625em) {
  .js .navigation-links .accordion-content .accordion-close {
    display: block;
  }
}
@media (min-width: 75em) {
  body {
    position: relative;
  }
  .navigation-menu .navigation-list-item {
    padding-top: 15px !important;
  }
  .navigation-menu .navigation-list-item.accordion {
    background-color: #FFF;
    height: 100%;
    z-index: 9;
  }
  .navigation-menu .navigation-links-hugescreen > ul {
    float: none !important;
    height: 56px;
    margin-top: 0 !important;
  }
  .navigation-menu .accordion-content.open {
    left: 50%;
    margin-left: -37.5em;
    margin-top: -6px !important;
    max-width: 75em;
    right: 0;
    top: 0 !important;
    z-index: 8;
  }
  .menu-shade {
    background-color: rgba(0, 0, 0, 0.8);
    bottom: -2px;
    display: none;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 7;
  }
  .menu-shade.open {
    display: block;
  }
}
@media (min-width: 75em) and (max-width: 1360px) {
  .navigation-menu .accordion-content.open {
    left: auto;
    max-width: 100%;
  }
}
.toggle-content {
  position: relative;
}
.js .toggle-content-closed {
  height: 300px;
  overflow: hidden;
}
.js .toggle-content-closed:after {
  background: url('../images/css/white_grad.png') repeat-x;
  content: '';
  height: 70px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.js .toggle-content-closed.hide-after:after {
  display: none;
}
.action-toggle .opened-text {
  display: none;
}
.actioned .action-toggle .opened-text {
  display: inline-block;
}
.actioned .action-toggle .closed-text {
  display: none;
}
.tabs,
.tabs-static {
  display: block;
  width: 100%;
}
.tabs ul,
.tabs-static ul {
  display: block;
  font-size: 0;
  margin: 0!important;
  text-align: center;
}
.tabs-alt .tabs ul,
.tabs-alt .tabs-static ul {
  display: block;
  text-align: left;
}
.tabs li,
.tabs-static li {
  display: block;
  font-size: 20px;
  line-height: 30px;
  list-style: none;
  margin-top: 1px;
  margin-bottom: 0;
  margin-left: 0;
  position: relative;
}
@media (min-width: 48.0625em) {
  .tabs li,
  .tabs-static li {
    display: inline-block;
    margin-top: 0;
    margin-right: 5px;
    margin-left: 5px;
  }
}
.tabs li:first-child,
.tabs-static li:first-child {
  margin-top: 0;
}
.tabs li:before,
.tabs-static li:before {
  display: none;
}
.tabs li a,
.tabs-static li a {
  background: #FFF;
  border-radius: 0;
  border: 1px solid #D7D7D7;
  border-bottom: none;
  color: #303030;
  display: block;
  font-size: 22px;
  font-weight: 700;
  padding: 12px 24px;
  position: relative;
  text-decoration: none;
}
@media (min-width: 30em) {
  .tabs li a,
  .tabs-static li a {
    padding: 12px;
  }
}
@media (min-width: 48.0625em) {
  .tabs li a,
  .tabs-static li a {
    border-radius: 4px 4px 0 0;
  }
}
.tabs li a:hover,
.tabs-static li a:hover,
.tabs li a:focus,
.tabs-static li a:focus {
  background: #6faada;
  color: #FFF;
}
.tabs li a.active,
.tabs-static li a.active {
  background: #4792CF;
  border: 1px solid #4792CF;
  color: #FFF;
}
.tabs li a.with-icon,
.tabs-static li a.with-icon {
  padding-left: 60px;
}
.tabs li a.with-icon > img,
.tabs-static li a.with-icon > img {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 24px;
  height: 26px;
  width: 26px;
}
.ie8 .tabs li a.with-icon > img,
.ie8 .tabs-static li a.with-icon > img {
  top: 13px;
}
.tabs li h2,
.tabs-static li h2 {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
  margin: 0;
}
.tabs li em,
.tabs-static li em {
  font-weight: normal;
}
.tabs-header {
  overflow: hidden;
}
@media (max-width: 48.0625em) {
  .tabs-header {
    padding: 0 18px;
  }
}
.tab-section {
    overflow: hidden;
    display: none;
}
.js .tab-section {
  display: none;
}
@media (min-width: 48.0625em) {
  .tab-section {
    padding: 24px;
  }
}
.tab-section.tab-in {
  display: block;
}
@media (min-width: 48.0625em) {
  .tab-section-header,
  .tab-section-body {
    padding: 6px 18px;
  }
}
.tab-section-body {
  padding: 6px 18px;
  position: relative;
}
.tab-section-body:after {
  clear: both;
  content: '';
  display: table;
}
.tab-section-title {
  margin: 0;
}
.tabs-dropdown {
  display: block;
  margin: 6px 0 18px;
}
.tabs-title {
    color: #303030;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 42px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 44px;
}
.tabs-content .listitem {
  margin-bottom: 0;
}
.tabs-header-style-a {
  background: #F3F3F3;
  border-bottom: 1px solid #D7D7D7;
}
@media (min-width: 48.0625em) {
  .tabs-header-style-a {
    padding: 12px 24px 0;
  }
}
.tabs-header-style-a .tabs,
.tabs-header-style-a .tabs-static {
  position: relative;
  top: 1px;
}
.tabs-header-style-a .active {
  border: 1px solid #D7D7D7;
  border-bottom: 0;
}
.tab-section-style-a {
  border: 1px, solid #D7D7D7;
  box-shadow: 0 3px 7px -3px rgba(0, 0, 0, 0.2);
}
.tabs-to-accordion .tabs-header {
  display: none;
}
.tabs-to-accordion .tab-accordion-handle {
  display: block;
  margin: 0;
  padding: 10px 40px 10px 10px;
  border-bottom: solid 1px #C9CACC;
  border-top: solid 1px #C9CACC;
  background: #F8F8F8;
  color: #333;
  font-size: 18px;
  position: relative;
}
.tabs-to-accordion .tab-accordion-handle:first-child {
  border-top: none;
}
.tabs-to-accordion .tab-accordion-handle:after {
  font-family: 'qa-icons';
  content: '\f077';
  color: #333;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-decoration: none;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  top: 11px;
}
.tabs-to-accordion .tab-accordion-handle.active {
  color: #005BAB;
}
.tabs-to-accordion .tab-accordion-handle.active:after {
  transform: rotate(-180deg);
}
@media (min-width: 48.0625em) {
  .tabs-to-accordion .tabs-header {
    display: block;
  }
  .tabs-to-accordion .tab-accordion-handle {
    display: none;
  }
}
.map {
  display: none;
}
.map img {
  max-width: none;
}
.map-active {
  display: block;
}
.map-static-container {
  display: none;
  padding-top: 48px;
  text-align: center;
}
.pagetitle {
  margin-bottom: 0;
  text-align: center;
}
.pagetitle.pagetitle-serach {
  margin-bottom: 18px;
}
.pagetitle.pagetitle-condensed {
  position: relative;
}
.pagetitle-wrapper {
  position: relative;
}
.pagetitle-header {
  overflow: hidden;
  padding: 24px 0 36px;
  position: relative;
}
@media (min-width: 48.0625em) {
  .pagetitle-header {
    margin-bottom: 0;
  }
}
@media (max-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-2deg);
  }
}
@media (min-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-left {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-left:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    left: 0;
    bottom: -70px;
    transform: skewY(-1deg);
  }
}
@media (max-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(2deg);
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(2deg);
  }
}
@media (min-width: 75em) {
  .csstransforms .pagetitle-header.pagetitle-angle-right {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-header.pagetitle-angle-right:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 101%;
    background-color: #FFF;
    bottom: -70px;
    left: 0;
    transform: skewY(1deg);
  }
}
.csstransforms .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #FFF;
  bottom: -80px;
}
.csstransforms .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(2deg);
}
.csstransforms .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-2deg);
}
.pagetitle-background {
  display: block;
}
@media (min-width: 61.25em) {
  .pagetitle-background {
    margin: 0;
    width: 100%;
  }
}
@media (min-width: 48.0625em) {
  .sitecore-page-editor .pagetitle-background {
    min-height: 480px;
  }
}
.pagetitle-header-content {
  clear: both;
  margin: 0 auto;
  padding: 12px 18px 60px;
  background-color: white;
}
@media (max-width: 48.0625em) {
  .pagetitle-header-content {
    color: #1e1e1e;
  }
  .section-style-a .pagetitle-header-content {
    color: #1e1e1e;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-header-content {
    float: none;
    margin: 0 auto;
    width: 85%;
    padding: 0;
    background-color: transparent;
    color: white;
  }
  .pagetitle-has-background .pagetitle-header-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
  }
  .ie8 .pagetitle-has-background .pagetitle-header-content {
    top: 100px;
  }
  .ie8 .pagetitle-has-background .pagetitle-header-content {
    width: 85%;
  }
}
.pagetitle-title {
    font-family: 'Figtree',Arial,sans-serif;
    font-weight: 300;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 12px;
    width: 100%;
}
.pagetitle-has-background .pagetitle-title {
  margin: 0 0 12px;
}
@media (min-width: 75em) {
  .pagetitle-title {
    font-size: 54px;
    line-height: 57px;
  }
}
.pagetitle-subtitle {
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 12px;
}
.pagetitle-logo {
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 12px;
  padding: 6px 0;
}
.pagetitle-logo img {
  max-width: 150px!important;
}
@media (min-width: 37.5em) {
  .pagetitle-logo {
    border: 0;
    margin-bottom: 24px;
    padding: 0;
  }
}
.pagetitle-body {
  font-size: 1rem;
  padding-right: 24px;
  padding-left: 24px;
}
.pagetitle-body p:last-of-type {
  margin-bottom: 0;
}
.pagetitle-body .link {
  font-weight: 700;
}
.pagetitle-body ul,
.pagetitle-body ol {
  margin: 0;
  padding: 0;
  padding: 12px 0;
  text-align: center;
}
.pagetitle-body ul li,
.pagetitle-body ol li {
  list-style: none;
}
.pagetitle-body ul li:before,
.pagetitle-body ol li:before {
  display: none;
}
@media (min-width: 37.5em) {
  .pagetitle-body ul,
  .pagetitle-body ol {
    border: 0;
    padding: 0;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-body ul li,
  .pagetitle-body ol li {
    border-right: 1px solid;
    display: inline;
    padding: 0 12px;
  }
  .pagetitle-body ul li:last-child,
  .pagetitle-body ol li:last-child {
    border: 0;
    padding-right: 0;
  }
}
.ie8 .pagetitle-body ul li:last-child,
.ie8 .pagetitle-body ol li:last-child {
  border: 0;
  padding-right: 0;
}
@media (min-width: 37.5em) {
  .pagetitle-body a:link,
  .pagetitle-body a:visited {
    color: inherit;
  }
}
.pagetitle-body .block.block-size-g {
  width: 23.33333333%;
  margin-right: 1.66666667%;
  float: left;
  margin-bottom: 1.125rem;
}
.pagetitle-body .factitem {
  margin: 0;
}
.pagetitle-island {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-bottom: 12px;
  padding: 12px 0;
}
.pagetitle-search form,
.search-hero form {
  margin-top: 20px;
  overflow: hidden;
}
@media (min-width: 37.5em) {
  .pagetitle-search form,
  .search-hero form {
    margin: 30px auto 0;
  }
}
@media (min-width: 48.0625em) {
  .pagetitle-search form,
  .search-hero form {
    width: 75%;
  }
}
@media (min-width: 75em) {
  .pagetitle-search form,
  .search-hero form {
    margin: 80px auto 0;
    width: 50%;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search form .search-button span,
  .search-hero form .search-button span {
    font-size: 1.4em;
  }
  .pagetitle-search form .search-button .icon,
  .search-hero form .search-button .icon {
    font-size: 1.3em;
  }
}
@media (max-width: 48.0625em) {
  .pagetitle-search .pagetitle-header-content {
    background: #4792CF;
    color: #FFF;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search {
    background: #F3F3F3;
    color: #FFF;
  }
}
.pagetitle-search .pagetitle-header {
  margin-bottom: 0;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double {
  overflow: hidden;
  position: relative;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before,
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
  content: '';
  height: 101px;
  position: absolute;
  width: 51%;
  background-color: #4792CF;
  bottom: -80px;
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before {
  left: 0;
  transform: skewY(4deg);
}
.csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
  right: 0;
  transform: skewY(-4deg);
}
@media (min-width: 37.5em) {
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double {
    overflow: hidden;
    position: relative;
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before,
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
    content: '';
    height: 101px;
    position: absolute;
    width: 51%;
    background-color: #FFF;
    bottom: -80px;
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:before {
    left: 0;
    transform: skewY(2deg);
  }
  .csstransforms .pagetitle-search .pagetitle-header.pagetitle-angle-double:after {
    right: 0;
    transform: skewY(-2deg);
  }
}
@media (min-width: 37.5em) {
  .pagetitle-search .pagetitle-body {
    padding-right: 0px;
    padding-left: 0px;
    padding-top: 10px;
  }
  .pagetitle-search .pagetitle-body p {
    font-size: 18px;
  }
}
.pagetitle-location .pagetitle-body ul {
  border-top: 1px solid #D7D7D7;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 18px;
  margin-bottom: 18px;
  padding-top: 18px;
  padding-bottom: 18px;
}
@media (min-width: 48.0625em) {
  .pagetitle-location .pagetitle-body ul {
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.pagetitle-location .pagetitle-body ul li {
  list-style-type: none;
}
.pagetitle-location .pagetitle-body .link {
  font-weight: normal;
}
.pagetitle .search-suggestions {
  margin: 0 auto;
  text-align: left;
  width: 80%;
}
@media (max-width: 37.5em) {
  .pagetitle .search-suggestions {
    color: #303030;
  }
}
.pagetitle .search-suggestions a {
  color: #FFF;
}
.pagetitle .search-suggestions a:visited {
  color: #FFF;
}
.pagetitle-image .pagetitle-title {
  font-size: 26px;
  line-height: 30px;
  margin-top: 60px;
  margin-bottom: 12px;
  font-weight: 300;
  margin: 0;
}
@media (min-width: 48.0625em) {
  .pagetitle-image .pagetitle-title {
    font-size: 44px;
    line-height: 48px;
  }
}
.pagetitle-image .pagetitle-body {
  padding: 0;
}
.pagetitle-image .pagetitle-body:after {
  clear: both;
  content: '';
  display: table;
}
@media (min-width: 48.0625em) {
  .pagetitle-image .pagetitle-body {
    margin: 70px 0 60px;
  }
}
.pagetitle-logos {
  font-size: 0;
  padding-top: 12px;
  text-align: center;
}
.pagetitle-logos:after {
  clear: both;
  content: '';
  display: table;
}
.pagetitle-logos > img {
  display: inline-block;
  font-size: 18px;
  overflow: hidden;
  margin: 1% 0 0;
  padding: 0 1%;
  width: 48%;
}
@media (min-width: 48.0625em) {
  .pagetitle-logos > img {
    margin: 0;
    width: 18%;
  }
}
@media (min-width: 37.5em) {
  .pagetitle-landing {
    text-align: left;
  }
  .pagetitle-landing .pagetitle-body {
    padding-left: 0;
  }
}
.pagetitle-certification .pagetitle-header {
  padding-top: 36px;
}
.pagetitle-certification .pagetitle-title {
  padding-bottom: 18px;
  border-bottom: 1px solid #D7D7D7;
  margin-top: 0;
}
@media (min-width: 48.0625em) {
  .pagetitle-certification .pagetitle-title {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.pagetitle-certification-details {
  font-weight: bold;
}
.pagetitle-has-background .pagetitle-certification-details {
  margin-bottom: 12px;
}
.pagetitle-certification-delivery-method:before {
  content: '|';
  font-weight: 400;
}
.background-grey .pagetitle-header {
  background: #EFEFEF;
  color: #303030;
}
.pagetitle-has-background .pagetitle-header {
  color: #FFF;
  padding: 0;
}
.pagetitle-read-more {
  color: #303030;
  font-weight: bold;
}
.pagetitle-read-more:visited {
  color: #303030;
}
@media (min-width: 48.0625em) {
  .pagetitle-read-more {
    color: #FFF;
  }
  .pagetitle-read-more:visited {
    color: #FFF;
  }
}

.bbloader {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1100;
    border-radius: 100%;
    height: 48px;
    width: 48px;
    margin-top: -24px;
    margin-left: -24px;
    background-color: #4792CF;
    background-color: #0B7192;
    visibility: hidden;
    transition: opacity 300ms ease-in-out, transform 300ms ease-in-out, visibility 300ms ease-in-out;
    transform: translateY(20px);
    opacity: 0;
}
.lt-ie9 .bbloader {
    zoom: 1;
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc4792cf, endColorstr=#cc4792cf)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc4792cf, endColorstr=#cc4792cf);
    background-color: #0B7192;
}
.page-loading .bbloader {
  transform: translateY(-20px);
  opacity: 1;
  visibility: visible;
}
.loader-background {
  visibility: hidden;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  opacity: 0;
  transition: opacity 300ms ease-in-out, visibility 300ms ease-in-out;
}
.lt-ie9 .loader-background {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff, endColorstr=#b3ffffff);
  background-color: rgba(255, 255, 255, 0.7);
}
.page-loading .loader-background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1099;
  opacity: 0.7;
  visibility: visible;
}

.modal {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translate(0%, -50%);
  min-width: 100%;
  max-width: 100%;
  height: auto;
  z-index: 100;
  display: none;
  text-align: center;
}
.ie8 .modal {
  top: 50px;
}
.modal-content {
  display: none;
}
.modal-close {
  position: absolute;
  top: -60px;
  right: 120px;
}
.modal-background {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  display: none;
  opacity: 0;
  transition: opacity 500ms linear;
}
.lt-ie9 .modal-background {
  zoom: 1;
  background-color: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000);
  background-color: rgba(0, 0, 0, 0.8);
}
.modal-in {
  display: block;
  opacity: 1;
}

.myqa .clearfix {
  zoom: 1;
}
.myqa .clearfix:before,
.myqa .clearfix:after {
  content: "";
  display: table;
}
.myqa .clearfix:after {
  clear: both;
}
.myqa .btn.right {
  margin-left: 5px;
}
.myqa textarea {
  height: 180px;
}
.myqa .error-icon {
  padding-bottom: 60px;
  margin-right: 50px;
  float: left;
}
.myqa .close-up,
.myqa .close-up-top {
  padding-top: 0;
  margin-top: 0;
}
.myqa .close-up,
.myqa .close-up-bottom {
  padding-bottom: 0;
  margin-bottom: 0;
}
.myqa .dl-horizontal dt {
  width: 32%;
}
.myqa .dl-horizontal dd {
  margin-left: 34%;
}
.myqa .img-arrow {
  padding: 4px;
}
.myqa .text-color-i {
  color: #578a27;
}
.myqa .text-color-j {
  color: #860700;
}
.myqa .text-color {
  color: #FFF;
}
.myqa a.btn:visited {
  color: #fff;
}
.myqa a.btn:hover {
  color: #fff;
}
.myqa a.sortAcc :after {
  content: "▲ ";
}
.myqa a.sortDesc :after {
  content: "▼ ";
}
.myqa th .location {
  width: 30%;
}
.myqa th .date {
  width: 15%;
}
.myqa th a {
  color: black;
  text-decoration: none;
}
.myqa .bapslb {
  display: none;
  max-width: 73.75rem;
  background-color: #FFF;
}
.myqa .bapslb > .block {
  float: none;
}
.myqa .login-block {
  min-height: 500px;
}
.myqa .login-body {
  min-height: 280px;
}
.myqa .pcLoginIntro {
  min-height: 90px;
}
.myqa .ChooseDelegateResults {
  background-color: #FFF;
  border: 1px solid #000;
  height: 150px;
  overflow-y: scroll;
  padding: 5px 20px;
  position: absolute;
  width: 400px;
  z-index: 2000;
}
.myqa .sign-off-form {
  min-width: 65rem;
}
.myqa fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.myqa .move-tree .panel-content ul.top-level {
  height: 50%;
  max-height: 400px;
  overflow-y: scroll;
}
.myqa .view-only {
  display: inline-block;
  padding-top: 8px;
}
.myqa #recaptcha_area input {
  height: auto !important;
  line-height: normal !important;
}
.myqa #recaptchaCont span.input-validation-error {
  font-size: 1.2em;
  left: -325px;
  position: absolute;
  top: 12px;
  width: 300px;
  color: #c20000;
}
.myqa .main {
  overflow: auto;
}
.myqa .bannercontainer {
    font-family: 'Figtree',Arial,sans-serif !important;
    color: #303030 !important;
    font-size: 18px !important;
}
    .myqa .bannercontainer td.bannererror span {
        font-family: 'Figtree',Arial,sans-serif !important;
        color: #c20000 !important;
        font-size: 18px !important;
        margin-bottom: 18px;
        display: block;
    }
    .myqa .bannercontainer td.banner span {
        font-family: 'Figtree',Arial,sans-serif !important;
        color: #303030 !important;
        font-size: 18px !important;
        margin-bottom: 18px;
        display: block;
    }
.myqa .event-checklist-page .tabs ul li a {
  padding: 0.75rem 1rem;
}
.myqa .event-checklist-page .form-horizontal.form-wider .control-label {
  width: 66%;
  text-align: left;
  font-weight: normal;
}
.myqa .event-checklist-page .form-horizontal.form-wider .controls {
  clear: none;
  margin-left: 67%;
  width: 33%;
}
.myqa .event-checklist-page .form-horizontal.form-wider .controls label.checkbox {
  /*width: 33%;*/
}
.myqa .event-checklist-page .form-horizontal .control-label.wide {
  width: 100%;
  text-align: left;
}
.myqa .event-checklist-page a.error,
.myqa .event-checklist-page a.ok,
.myqa .event-checklist-page a.okOrange {
  background-position: 5px 20px !important;
  background-repeat: no-repeat !important;
  padding-left: 25px !important;
}
.myqa .event-checklist-page a.error {
  background-image: url("/images/myqa/error_icon_small.png") !important;
}
.myqa .event-checklist-page a.ok {
  background-image: url("/images/myqa/Tick.png") !important;
}
.myqa .event-checklist-page a.okOrange {
  background-image: url("/images/myqa/TickOrange.png") !important;
}
@media all {
    .myqa .featherlight {
        display: none;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 10001;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
        background: #333;
        background: rgba(0, 0, 0, 0);
    }
  .myqa .featherlight .panel {
    margin-bottom: 0;
  }
/*  .myqa .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }*/

    .myqa .featherlight[style*="display: block"] {
        background: rgba(0, 0, 0, 0.8);
    }
  .myqa .featherlight:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
  }
  .myqa .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 0;
    border-bottom: 25px solid transparent;
    min-width: 30%;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: transparent;
    cursor: auto;
    white-space: normal;
  }
  .myqa .featherlight .featherlight-inner {
    display: block;
  }
  .myqa .featherlight .featherlight-inner .card.error .pagetitle-wrapper .pagetitle-header .pagetitle-header-content {
    color: black;
  }
  .myqa .featherlight .featherlight-close-icon {
    display: none;
  }
  .myqa .featherlight .featherlight-image {
    width: 100%;
  }
  .myqa .featherlight iframe {
    border: 0;
  }
  .myqa .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 1024px) {
  .myqa .featherlight .featherlight-content {
    margin-left: 10px;
    margin-right: 10px;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
.myqa .panel .panel-heading a {
  color: #FFF;
}
.myqa .panel .panel-heading a:hover {
  color: #FFF;
}
.myqa .panel .panel-heading a:hover {
  color: #FFF;
}
.myqa .panel .panel-heading a:active {
  color: #FFF;
}
.myqa .panel-style-a .panel-heading {
  background-color: #578a27;
}
.myqa .panel-style-b .panel-heading {
  background-color: #860700;
}
.myqa .panel-style-c .panel-heading {
  background-color: #6a1d7d;
}
.myqa .panel-style-d .panel-heading {
  background-color: #f5ac00;
}
.myqa .tabs.tabs-style-a a {
  background: #578a27;
  border-color: #578a27;
}
.myqa .tabs.tabs-style-a a.active,
.myqa .tabs.tabs-style-a a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-a a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-b a {
  background: #860700;
  border-color: #860700;
}
.myqa .tabs.tabs-style-b a.active,
.myqa .tabs.tabs-style-b a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-b a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-c a {
  background: #6a1d7d;
  border-color: #6a1d7d;
}
.myqa .tabs.tabs-style-c a.active,
.myqa .tabs.tabs-style-c a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-c a.active {
  font-weight: 700;
}
.myqa .tabs.tabs-style-d a {
  background: #f5ac00;
  border-color: #f5ac00;
}
.myqa .tabs.tabs-style-d a.active,
.myqa .tabs.tabs-style-d a:hover {
  background: #F7F7F7;
  color: #303030;
  border-color: #D7D7D7;
}
.myqa .tabs.tabs-style-d a.active {
  font-weight: 700;
}
.myqa .list-tree {
  margin: 0;
  font-size: 16px;
}
.myqa .list-tree .tree-folder-text {
  margin-left: 5px;
}
    .myqa .list-tree:not(.prepay-access) img {
        float: left;
        margin-top: 6px;
    }
.myqa .list-tree a {
  text-decoration: none;
}
.myqa .list-tree .tree-folder {
  list-style: none;
  margin: 6px 0;
}
    .myqa .list-tree .tree-folder > .open,
    .myqa .list-tree .tree-folder > div .open {
        display: inline;
    }
    .myqa .list-tree .tree-folder > .close,
    .myqa .list-tree .tree-folder > div .close {
        display: none;
    }
    .myqa .list-tree .tree-folder:before {
        display: none;
    }
    .myqa .list-tree .tree-folder > div {
        display: inline-block;
    }
    .myqa .list-tree .tree-folder.in > .open,
    .myqa .list-tree .tree-folder.in > div .open {
        display: none;
    }
    .myqa .list-tree .tree-folder.in > .close,
    .myqa .list-tree .tree-folder.in > div .close {
        display: inline;
    }
.myqa .list-tree .tree-folder.in > ul > .tree-folder {
  display: block;
}
.myqa .list-tree .tree-folder ul {
  margin-top: 0;
}
.myqa .list-tree .tree-folder .tree-folder {
  display: none;
}
.myqa .list-tree .tree-folder input {
  float: left;
  margin: 5px;
}
.myqa .myqa-btn-style-a {
/*    //border: 2px solid #080C10;*/
    background-color: #080C10;
}

    .myqa .myqa-btn-style-a:hover,
    .myqa .myqa-btn-style-a:focus {
        box-shadow: none;
        background-color: #485A6E;
    }

.myqa .myqa-btn-style-b, .myqa .myqa-btn-style-b:visited {
    border: 2px solid #080C10;
    background-color: #fff;
    color: #080C10 !important;
}
    .myqa .myqa-btn-style-b:hover,
    .myqa .myqa-btn-style-b:focus {
        box-shadow: none;
        background-color: #E5E8EB;
    }

.myqa .password-strength-box {
  display: block;
  clear: both;
  text-align: right;
}
.myqa .password-strength-message {
  font-weight: 700;
  font-size: 14px;
  color: #B9B9B9;
}
.myqa .password-strength-indicator-bar {
  width: 0;
  height: 100%;
}
.myqa .password-strength-a .password-strength-message {
  color: #c20000;
}
.myqa .password-strength-a .password-strength-indicator-bar {
  background: #c20000;
  width: 25%;
}
.myqa .password-strength-b .password-strength-message {
  color: #f5ac00;
}
.myqa .password-strength-b .password-strength-indicator-bar {
  background: #f5ac00;
  width: 50%;
}
.myqa .password-strength-c .password-strength-message {
  color: #4792CF;
}
.myqa .password-strength-c .password-strength-indicator-bar {
  background: #4792CF;
  width: 75%;
}
.myqa .password-strength-d .password-strength-message {
  color: #578a27;
}
.myqa .password-strength-d .password-strength-indicator-bar {
  background: #578a27;
  width: 100%;
}
.myqa .password-strength-indicator-box {
  height: 6px;
  widht: 100%;
  background: #F7F7F7;
}
.myqa .color-block-container {
  width: 100%;
}
.myqa .color-block-container h4,
.myqa .color-block-container p {
  margin: 0;
  padding: 0.9375rem;
}
.myqa .color-block-container .color-block.color-block-style-a {
  background-color: #4792CF;
}
.myqa .color-block-container .color-block.color-block-style-b {
  background-color: #005BAB;
}
.myqa .color-block-container .color-block.color-block-style-c {
  background-color: #003C70;
}
.myqa .color-block-container .color-block.color-block-style-d {
  background-color: #303030;
}
.myqa .color-block-container .color-block.color-block-style-e {
  background-color: #666;
}
.myqa .color-block-container .color-block.color-block-style-f {
  background-color: #D7D7D7;
}
.myqa .color-block-container .color-block.color-block-style-g {
  background-color: #F7F7F7;
}
.myqa .color-block-container .color-block.color-block-style-h {
  background-color: #F3F3F3;
}
.myqa .color-block-container .color-block.color-block-style-i {
  background-color: #578a27;
}
.myqa .color-block-container .color-block.color-block-style-j {
  background-color: #860700;
}
.myqa .color-block-container .color-block.color-block-style-k {
  background-color: #6a1d7d;
}
.myqa .color-block-container .color-block.color-block-style-l {
  background-color: #f5ac00;
}
.myqa .color-block-container .color-block.color-block-style-m {
  background-color: #e5e5e5;
}
.myqa .color-block-container .color-block.color-block-style-n {
  background-color: #fafafa;
}
.myqa .border-bottom-example {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}
.myqa hr {
  border: 0;
  border-top: 1px solid #e5e5e5;
}

@charset "UTF-8";





#bj {
    /*background-color: #ffffff;*/
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    color: #080C10;
    min-width: 320px;
}

    #bj h1, #bj h2, #bj h3, #bj h4, #bj h5, #bj h6, #bj p, #bj ul, #bj ol, #bj li, #bj div, #bj dl, #bj dd, #bj dt, #bj span, #bj a, #bj b, #bj i, #bj label, #bj strong, #bj em {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        margin: 0;
        padding: 0;
    }

    #bj input::after,
    #bj input::before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        margin: 0;
        padding: 0;
        width: auto;
        height: auto;
    }

    #bj .card_context *::-moz-selection,
    #bj .card_control *::-moz-selection {
        background-color: transparent;
    }

    #bj .card_context *::selection,
    #bj .card_control *::selection {
        background-color: transparent;
    }

    #bj .label {
        padding: unset;
        font-size: unset;
        font-weight: unset;
        line-height: unset;
        color: unset;
        text-align: unset;
        white-space: unset;
        vertical-align: unset;
        border-radius: unset;
    }

#bj_modal {
    position: absolute;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: rgba(46, 45, 44, 0.8);
    color: #f0f0f0;
    font-size: 26px;
    line-height: 30px;
    padding: 20px;
}

    #bj_modal::before {
        content: " ";
        display: inline-block;
        margin-right: 10px;
        width: 40px;
        height: 40px;
        background-color: #f0f0f0;
        -webkit-animation: sk-rotateplane 2s infinite ease-in-out;
        animation: sk-rotateplane 2s infinite ease-in-out;
    }

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

@keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    }

    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    }

    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

#bj .featherlight-close {
    display: block;
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    padding: 0 6px 0 0;
    cursor: pointer;
}

#bj section .featherlight .card .base .card_context,
#bj .featherlight section .card .base .card_context {
    display: none;
}

#bj section .featherlight .card .base,
#bj .featherlight section .card .base {
    padding: 20px;
    min-height: 40px;
}

    #bj section .featherlight .card .base::before,
    #bj .featherlight section .card .base::before {
        display: none;
    }

    #bj .layout {
        display: block;
        table-layout: auto;
        border-collapse: collapse;
        width: 100%;
        margin: 0 auto;
        font-size: 0;
    }

        #bj .layout.sub-footer {
            padding-top: 20px;
            margin-top: 0px;
        }

        #bj .layout .block {
            font-size: 16px;
        }

        #bj .layout .block-size-10 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: none;
        }

        #bj .layout .block-size-30 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-60 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-90 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-100 {
            width: 100%;
            margin: 0;
            padding: 0;
            float: none;
            display: block;
        }

        #bj .layout .block-size-100 {
            padding: 20px 20px 10px;
        }

#bj.login .block-size-30 {
    background-color: #ffffff;
    color: #080C10;
}

    #bj.login .layout section .form-item {
        padding: 0 5px 20px;
    }

    #bj.login section {
        background: transparent;
    }

    #bj.help {
        display: table;
        margin: 0 auto;
        font-size: 0;
    }

#bj section:not(.hidden) {
    font-size: 0;
    position: relative;
    display: block;
    padding: 10px 0 40px;
    margin: 0;
    min-height: 320px;
    overflow: hidden;
}

        #bj section h1, #bj section h2, #bj section h3, #bj section h4 {
            font-size: 26px;
            line-height: 30px;
            font-weight: 200;
            color: #2e2d2c;
            margin: 0;
            padding: 0;
            font-weight: 700;
        }

.flexbox #bj section:not(.hidden) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

#bj section.search {
    background: transparent;
    padding-bottom: 0;
    min-height: 0;
    margin-top: 20px;
}

    #bj section.search .form-item.action {
        float: none;
        width: 100%;
        text-align: left;
        display: inline-block;
        padding: 10px 0 0;
    }

        #bj section.search .form-item.action .input {
            display: inline-block;
            padding: 0 10px 0 0;
        }

#bj section .filter {
    position: absolute;
    top: 0;
    width: calc( 100% - 80px );
    max-width: 720px;
    right: 0;
    bottom: 0;
    z-index: 1500;
    padding: 80px 20px 20px;
    background-color: #080C10;
    color: #ffffff;
}

    #bj section .filter.off {
        display: none;
    }

    #bj section .filter .cls {
        position: absolute;
        top: 20px;
        right: 20px;
        height: 40px;
        background: rgba(223, 233, 233, 0.1) url(_i/myqa.icons.f0f0f0.svg) -91px -17px no-repeat scroll;
        background-size: 150px;
        cursor: pointer;
        display: inline-block;
        padding: 10px 15px 10px 40px;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        -webkit-transition: background-color 0.5s linear;
        transition: background-color 0.5s linear;
    }

        #bj section .filter .cls:hover {
            background-color: rgba(223, 233, 233, 0.25);
        }

    #bj section .filter ul {
        font-size: 16px;
        line-height: 20px;
    }

        #bj section .filter ul li {
            padding: 0 0 10px;
            text-transform: capitalize;
            line-height: 20px;
            list-style-type: none;
            position: static;
            padding: 5px 0;
            margin: 0;
            cursor: pointer;
        }

            #bj section .filter ul li::before {
                content: " ";
                display: inline-block;
                position: static;
                height: 40px;
                width: 40px;
                margin-right: 5px;
                vertical-align: -75%;
                background: url(_i/myqa.icons.f0f0f0.svg) -30px -30px no-repeat scroll;
                background-size: 200px;
            }

            #bj section .filter ul li.off {
                opacity: 0.4;
            }

                #bj section .filter ul li.off::before {
                    background: url(_i/myqa.icons.f0f0f0.svg) -130px -30px no-repeat scroll;
                    background-size: 200px;
                }

            #bj section .filter ul li[data-only] {
                border-top: 1px solid rgba(240, 240, 240, 0.2);
            }

#bj section .head {
    width: 100%;
    padding: 20px 5px 20px;
    overflow: hidden;
}

    #bj section .head h1, #bj section .head h2, #bj section .head h3 {
        display: block;
        max-width: 100%;
        position: relative;
        font-size: 36px;
        line-height: 40px;
        font-weight: 700;
        margin: 0;
        padding: 0;
        color: #080C10;
    }

        #bj section .head h1 i, #bj section .head h2 i, #bj section .head h3 i {
            display: inline-block;
            font-size: 16px;
            line-height: 20px;
            font-style: normal;
            font-weight: 200;
            padding: 5px 0 0 1px;
        }

            #bj section .head h1 i::before, #bj section .head h2 i::before, #bj section .head h3 i::before {
                display: inline-block;
                content: "";
                height: 14px;
                width: 14px;
                background-color: rgba(0, 81, 156, 0.4);
                margin: 0 5px 0 0;
                vertical-align: -1px;
            }

        #bj section .head h1 b, #bj section .head h2 b, #bj section .head h3 b {
            display: block;
            font-size: 20px;
            line-height: 20px;
            font-style: normal;
            font-weight: 400;
            padding: 0 0 2px;
        }

    #bj section .head.hide {
        display: block !important;
        height: 0px;
        padding-bottom: 0px;
    }

        #bj section .head.hide h1, #bj section .head.hide h2, #bj section .head.hide h3 {
            display: none;
        }

    #bj section .head p {
        clear: both;
        position: absolute;
        top: 0;
        right: 0;
        position: static;
        display: inline-block;
        padding: 20px 0 0;
        margin: 0 0 10px;
        font-size: 14px;
        line-height: 20px;
        text-transform: unset;
        letter-spacing: unset;
        cursor: default;
        /*border-bottom: 10px solid rgba(223, 233, 233, 0.1);*/
    }

    #bj section .head .text {
        display: block;
        list-style-type: square;
        float: none;
        clear: both;
        padding: 20px 0 0;
        margin-bottom: -10px;
    }

        #bj section .head .text p {
            position: relative;
            list-style-type: square;
            padding: 0 0 15px 20px;
            margin: 0;
            font-size: 14px;
            line-height: 20px;
            display: block;
            text-transform: unset;
            letter-spacing: unset;
            cursor: default;
            border-bottom-width: 0;
        }

            #bj section .head .text p::before {
                position: absolute;
                top: 0;
                left: 4px;
                margin: 5px 5px 0 0;
                content: " ";
                display: block;
                width: 9px;
                height: 9px;
                border-radius: 10% 10% 10% 10%;
                background-color: #080C10;
            }

    #bj section .head ul {
        display: block;
        list-style-type: none;
        margin: 0 0 0 -20px;
        float: right;
    }

        #bj section .head ul li {
            display: inline-block;
            padding: 10px 20px;
            margin: 0;
            font-size: 12px;
            line-height: 20px;
            cursor: pointer;
           padding: 10px 40px 10px 20px;
            margin: 0 0 0 10px;
            background-size: 40px;
            color: #f0f0f0;
            border: 2px solid grey;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            vertical-align: 0;
            color: grey;
         
        }

            #bj section .head ul li[data-do_view] {
                display: none;
            }

            #bj section .head ul li::before {
                display: none;
            }

            #bj section .head ul li:hover {
                color: grey;
            }

            #bj section .head ul li.on {
                cursor: default;
                background-color: #333333;
                background-image: none;
            }

                #bj section .head ul li.on:hover {
                    text-decoration: none;
                }

            #bj section .head ul li a {
                color: #ffffff;
                text-decoration: none;
            }

                #bj section .head ul li a:hover {
                    color: #ffffff;
                    text-decoration: underline;
                }

    #bj section .head ol + h2,
    #bj section .head ol + h3 {
        margin-top: 20px;
    }

    #bj section .head ol {
        display: block;
        list-style-type: none;
        margin: 0 0 -10px 0;
        padding: 10px 0 0 20px;
        clear: both;
    }

        #bj section .head ol li {
            display: inline-block;
            padding: 10px 50px 10px 30px;
            margin: 0 0 10px -20px;
            font-size: 14px;
            line-height: 20px;
            background-color: rgba(223, 233, 233, 0.1);
            text-shadow: 0 0 0.125em rgba(46, 45, 44, 0.4);
            -webkit-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
            white-space: nowrap;
        }

            #bj section .head ol li::before {
                display: inline-block;
                content: " ";
                width: 0;
                height: 0;
                padding: 0;
                margin: -20px 0 0 0;
                position: absolute;
                left: 0;
                top: 50%;
                border: 20px solid #134983;
                border-color: transparent transparent transparent #134983;
            }

            #bj section .head ol li:first-of-type {
                padding-left: 15px;
            }

                #bj section .head ol li:first-of-type::before {
                    display: none;
                }

            #bj section .head ol li:last-of-type::after {
                display: none;
            }

            #bj section .head ol li:last-of-type {
                padding-right: 15px;
            }

            #bj section .head ol li::after {
                display: inline-block;
                content: " ";
                width: 0;
                height: 0;
                padding: 0;
                margin: -20px 0 0 0;
                position: absolute;
                right: 0;
                top: 50%;
                border: 20px solid #134983;
                border-color: #134983 #134983 #134983 transparent;
            }

            #bj section .head ol li.done {
                background-color: rgba(223, 233, 233, 0.1);
            }

            #bj section .head ol li a {
                color: #dfe9e9;
                -webkit-transition: background-color 0.5s linear;
                transition: background-color 0.5s linear;
                text-decoration: none;
            }

            #bj section .head ol li.current {
                background-color: #f0f0f0;
                text-shadow: none;
            }

                #bj section .head ol li.current a, #bj section .head ol li.current span, #bj section .head ol li.current i {
                    color: #134983;
                }

            #bj section .head ol li a:hover {
                border-bottom: 5px solid #d1d7de;
            }

            #bj section .head ol li span {
                color: #dfe9e9;
                -webkit-transition: background-color 0.5s linear;
                transition: background-color 0.5s linear;
            }

            #bj section .head ol li i {
                font-variant: small-caps;
                text-transform: lowercase;
                font-weight: 100;
                font-style: normal;
            }

            #bj section .head ol li .title {
                display: none;
            }

            #bj section .head ol li .step_word {
                display: none;
            }

#bj section .card {
    width: 100%;
    padding: 0 5px 10px;
    position: relative;
    display: inline-block;
    z-index: 1;
    font-size: 0;
    vertical-align: top;
    border-radius: 20px;
    border: none;
    background:none;
}

    #bj section .card.logo {
        float: none;
        height: auto;
    }

        #bj section .card.logo .base {
            padding: 40px 0 20px;
            min-height: 140px;
        }

    #bj section .card .bundle {
        display: block;
        padding: 10px;
        margin: 0 0 0 -13px;
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .bundle a {
            text-decoration: none;
        }

            #bj section .card .bundle a:hover {
                text-decoration: underline;
            }

        #bj section .card .bundle::before {
            opacity: 0.8;
            background: url(_i/myqa.icons.2e2d2c.svg) -38px -40px no-repeat scroll;
            background-size: 100px 100px;
            display: inline-block;
            content: " ";
            width: 24px;
            height: 20px;
            font-size: 14px;
            line-height: 20px;
            color: #2e2d2c;
            vertical-align: -32.5%;
        }

.flexbox #bj section .card .bundle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

    .flexbox #bj section .card .bundle a {
        display: block;
    }

        .flexbox #bj section .card .bundle a:hover {
            background-image: none;
            text-decoration: underline;
        }

    .flexbox #bj section .card .bundle::before {
        margin: 0;
    }

#bj section .card.off, #bj section .card.off + ol.milestones {
    display: none;
}





    #bj section .card .more .pane.on {
        display: block;
    }

    #bj section .card .more .pane h1, #bj section .card .more .pane h2, #bj section .card .more .pane h3, #bj section .card .more .pane h4, #bj section .card .more .pane h5, #bj section .card .more .pane h6 {
        display: none;
    }

    #bj section .card .more .pane dl {
        margin: 0;
        padding: 0;
        font-size: unset;
    }

        #bj section .card .more .pane dl dt {
            vertical-align: top;
        }

        #bj section .card .more .pane dl dd {
            width: 70%;
            display: inline-block;
            margin: 0;
            padding: 5px 0 0;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
        }

    #bj section .card .more .pane p {
        margin: 0;
        padding: 5px 0 0;
    }

        #bj section .card .more .pane p a {
            text-decoration: none;
            font-size: unset;
        }

            #bj section .card .more .pane p a:hover {
                text-decoration: underline;
            }

        #bj section .card .more .pane p.dj_icon.pin {
            display: block;
        }

        #bj section .card .more .pane p.dj_icon::before {
            content: " ";
            color: #2e2d2c;
            background: #2e2d2c;
            display: inline-block;
            position: relative;
            top: 4px;
            margin-right: 4px;
            width: 20px;
            height: 20px;
        }

        #bj section .card .more .pane p.dj_icon::before {
            background: url(_i/myqa.icons.svg) -20px -20px no-repeat scroll;
            background-size: 200px 150px;
            background-size: 120px 120px;
        }

        #bj section .card .more .pane p.dj_icon.pin::before {
            background-position: -80px -50px;
        }

    #bj section .card .more .pane .pane_control {
        cursor: pointer;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 16px;
        line-height: 20px;
        background-color: #00519c;
        padding: 10px 10px 10px 20px;
        color: #f0f0f0;
    }

        #bj section .card .more .pane .pane_control:hover {
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(223, 233, 233, 0)), color-stop(87.5%, rgba(223, 233, 233, 0)), color-stop(87.5%, rgba(223, 233, 233, 0.25)), to(rgba(223, 233, 233, 0.25)));
            background-image: linear-gradient(to bottom, rgba(223, 233, 233, 0) 0, rgba(223, 233, 233, 0) 87.5%, rgba(223, 233, 233, 0.25) 87.5%, rgba(223, 233, 233, 0.25) 100%);
        }

        #bj section .card .more .pane .pane_control::after {
            content: " ";
            color: #2e2d2c;
            display: inline-block;
            margin-left: 3px;
            width: 40px;
            height: 40px;
            background: url(_i/myqa.icons.f0f0f0.svg) -128px -30px no-repeat scroll;
            background-size: 200px 200px;
            vertical-align: -65%;
        }

#bj section .card.dark {
    min-height: auto;
}

    #bj section .card.dark .base {
        background: rgba(2, 91, 170, 0.2);
        color: #080C10;
        -webkit-box-shadow: none;
        box-shadow: none;
        min-height: auto;
        padding: 30px 20px 70px;
        border-width: 0;
    }

        #bj section .card.dark .base::before {
            display: none;
        }

        #bj section .card.dark .base a {
            color: #080C10;
        }

            #bj section .card.dark .base a:hover {
                text-decoration: none;
                background: -webkit-gradient(linear, left top, left bottom, from(rgba(2, 91, 170, 0)), color-stop(86%, rgba(2, 91, 170, 0)), color-stop(86.1%, rgba(2, 91, 170, 0.75)), color-stop(90%, rgba(2, 91, 170, 0.75)), color-stop(90.1%, rgba(2, 91, 170, 0)), to(rgba(2, 91, 170, 0)));
                background: linear-gradient(to bottom, rgba(2, 91, 170, 0) 0%, rgba(2, 91, 170, 0) 86%, rgba(2, 91, 170, 0.75) 86.1%, rgba(2, 91, 170, 0.75) 90%, rgba(2, 91, 170, 0) 90.1%, rgba(2, 91, 170, 0) 100%);
            }

#bj section .card .progress {
    margin: 10px 20px;
    color: #2e2d2c;
    height: auto;
    overflow: visible;
    background-color: unset;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    /*#bj section .card .progress.vague {
        opacity: 0.5;
    }*/

        /*#bj section .card .progress.vague .int span {
            display: none;
        }*/

#bj section .card .percentage-tracker {
    margin: 0 -20px;
    width: calc( 100% + 20px );
    height: 40px;
    color: #2e2d2c;
}

    #bj section .card .percentage-tracker .int {
        width: calc( 100% + 20px );
        color: #2e2d2c;
        line-height: 30px;
        height: 30px;
        text-align: right;
        padding-right: 13px;
    }

        #bj section .card .percentage-tracker .int span {
            font-size: 14px;
            line-height: 20px;
            display: inline-block;
        }

#bj section .card .card_control {
    display: block;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    height: 60px;
    left: 0;
    color: #2e2d2c;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #bj section .card .card_control li {
        display: inline-block;
        margin: 0 0 0 0;
        padding: 20px 10px;
        list-style-type: none;
        cursor: pointer;
    }

        #bj section .card .card_control li span {
            border-bottom: 5px solid transparent;
        }

        #bj section .card .card_control li a span {
            border-bottom-width: 0;
        }

        #bj section .card .card_control li:first-of-type {
            padding-left: 20px;
        }

        #bj section .card .card_control li::after {
            display: none;
            content: " ";
            background-color: #00519c;
            position: absolute;
            bottom: 0;
            height: 10px;
            left: 0;
            right: 0;
        }

        #bj section .card .card_control li.on::after,
        #bj section .card .card_control li:hover::after {
            display: block;
        }

        #bj section .card .card_control li::before {
            display: none;
        }

        #bj section .card .card_control li.link a {
            display: block;
            margin: -20px -10px -20px -20px;
            position: relative;
            z-index: 1400;
            text-decoration: none;
            padding: 20px;
            color: #f0f0f0;
            -webkit-transition: background-color 0.5s linear;
            transition: background-color 0.5s linear;
        }

            #bj section .card .card_control li.link a::before {
                position: relative;
                top: 0px;
                left: -10px;
                opacity: 1;
                content: "";
                color: #2e2d2c;
                display: inline-block;
                border-style: solid;
                border-width: 6px;
                border-color: #f0f0f0 transparent transparent #f0f0f0;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg);
                width: 0px;
                height: 0px;
                text-align: center;
            }

            #bj section .card .card_control li.link a:hover {
                background-color: #2e2d2c;
                color: #f0f0f0;
                background: linear-gradient(180deg, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 50px, rgba(46, 45, 44, 0.2) 50px, rgba(46, 45, 44, 0.2) 100%);
            }

            #bj section .card .card_control li.link a span {
                border-bottom-width: 0;
            }

#bj section .card[data-type] .card_context {
    border-radius: 0 1px 0 0;
}

    #bj section .card[data-type] .card_context::after {
        position: absolute;
        top: 9px;
        right: 12px;
        content: " ";
        color: #2e2d2c;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(_i/myqa.icons.f0f0f0.svg) -80px -31px no-repeat scroll;
        background-size: 200px 200px;
        vertical-align: -65%;
    }

#bj section .card[data-type='bundle'] a {
    color: #2e2d2c;
}

    #bj section .card[data-type='bundle'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(46, 45, 44, 0.2) 84.5%, rgba(46, 45, 44, 0.2) 100%);
    }

    #bj section .card[data-type='bundle'] a.amend {
        color: #005bab;
    }

#bj section .card[data-type='bundle'] .base::before,
#bj section .card[data-type='bundle'] .card_control li::after {
    background-color: rgba(46, 45, 44, 0.2);
}

#bj section .card[data-type='bundle'] .card_control li.link,
#bj section .card[data-type='bundle'] .card_context,
#bj section .card[data-type='bundle'] .more .pane .pane_control {
    background-color: #2e2d2c;
}

#bj section .card[data-type='bundle'] .card_control li.on,
#bj section .card[data-type='bundle'] .more .pane {
    background-color: #bcbcbb;
}

#bj section .card[data-type='bundle'] .card_control li.bundle_link {
    padding-left:30px;
}

#bj section .card[data-type='bundle'] .card_control li.bundle_link::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -59px -59px no-repeat scroll;
    background-size: 150px 150px;
    left: 0px !important;
}

#bj section .card[data-type='bundle'].warning .base::before, #bj section .card[data-type='bundle'].error .base::before, #bj section .card[data-type='bundle'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(46, 45, 44, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='bundle'] > .type {
    background: #ca7f4e;
}

#bj section .card[data-type='bundle'] td:first-of-type {
    background: #2e2d2c;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='bundle'] td {
    color: #2e2d2c;
}

#bj section .card[data-type='bundle'] .card_context span {
    background-color: #2e2d2c;
    color: #f0f0f0;
    display: inline-block;
}

#bj section .card[data-type='bundle'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -82px -80px no-repeat scroll;
    background-size: 200px 200px;
}

/*#bj section .card[data-type='bundle'] .card_control li.link a::before {
    top: 0;
    left: -5px;
    margin-right: 5px;
    border-color: #f0f0f0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    display: inline-block;
}*/

#bj section .card[data-type='online_learning'] a {
    color: #ca7f4e;
}

    #bj section .card[data-type='online_learning'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(202, 127, 78, 0.2)), to(rgba(202, 127, 78, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(202, 127, 78, 0.2) 84.5%, rgba(202, 127, 78, 0.2) 100%);
    }

#bj section .card[data-type='online_learning'] .base::before,
#bj section .card[data-type='online_learning'] .card_control li::after {
    background-color: rgba(202, 127, 78, 0.2);
}

#bj section .card[data-type='online_learning'] .card_context,
#bj section .card[data-type='online_learning'] .card_control li.link,
#bj section .card[data-type='online_learning'] .more .pane .pane_control {
    background-color: #ca7f4e;
}

#bj section .card[data-type='online_learning'] .card_control li.on,
#bj section .card[data-type='online_learning'] .more .pane {
    background-color: #f5e5db;
}

#bj section .card[data-type='online_learning'].warning .base::before, #bj section .card[data-type='online_learning'].error .base::before, #bj section .card[data-type='online_learning'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(202, 127, 78, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='online_learning'] > .type {
    background: #ca7f4e;
}

#bj section .card[data-type='online_learning'] td:first-of-type {
    background: #ca7f4e;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='online_learning'] td {
    color: #ca7f4e;
}

#bj section .card[data-type='online_learning'] .card_context span {
    background-color: #ca7f4e;
    color: #f0f0f0;
}

#bj section .card[data-type='online_learning'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -30px -130px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card[data-type='product'] a {
    color: #954637;
}

    #bj section .card[data-type='product'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(149, 70, 55, 0.2)), to(rgba(149, 70, 55, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(149, 70, 55, 0.2) 84.5%, rgba(149, 70, 55, 0.2) 100%);
    }

#bj section .card[data-type='product'] .base::before,
#bj section .card[data-type='product'] .card_control li::after {
    background-color: rgba(149, 70, 55, 0.2);
}

#bj section .card[data-type='product'] .card_context,
#bj section .card[data-type='product'] .card_control li.link,
#bj section .card[data-type='product'] .more .pane .pane_control {
    background-color: #954637;
}

#bj section .card[data-type='product'] .card_control li.on,
#bj section .card[data-type='product'] .more .pane {
    background-color: #d1c1be;
}

#bj section .card[data-type='product'].warning .base::before, #bj section .card[data-type='product'].error .base::before, #bj section .card[data-type='product'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(149, 70, 55, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='product'] > .type {
    background: #954637;
}

#bj section .card[data-type='product'] td:first-of-type {
    background: #954637;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='product'] td {
    color: #954637;
}

#bj section .card[data-type='product'] .card_context span {
    background-color: #954637;
    color: #f0f0f0;
}

#bj section .card[data-type='product'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -130px -130px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card[data-type='training_course'] a {
    color: #080C10;
}

    #bj section .card[data-type='training_course'] a:hover {
        text-decoration: none;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(46, 45, 44, 0)), color-stop(84.5%, rgba(69, 145, 206, 0.2)), to(rgba(69, 145, 206, 0.2)));
        background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 84.5%, rgba(69, 145, 206, 0.2) 84.5%, rgba(69, 145, 206, 0.2) 100%);
    }

#bj section .card[data-type='training_course'] .base::before,
#bj section .card[data-type='training_course'] .card_control li::after {
    background-color: rgba(69, 145, 206, 0.2);
}

#bj section .card[data-type='training_course'] .card_context,
#bj section .card[data-type='training_course'] .card_control li.link,
#bj section .card[data-type='training_course'] .more .pane .pane_control {
    background-color: #4591ce;
}

#bj section .card[data-type='training_course'] .card_control li.on,
#bj section .card[data-type='training_course'] .more .pane {
    background-color: #ffffff;
}

#bj section .card[data-type='training_course'].warning .base::before, #bj section .card[data-type='training_course'].error .base::before, #bj section .card[data-type='training_course'].done .base::before {
    left: 36px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(69, 145, 206, 0.2);
    background-color: transparent;
}

#bj section .card[data-type='training_course'] > .type {
    background: #4591ce;
}

#bj section .card[data-type='training_course'] td:first-of-type {
    background: #4591ce;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj section .card[data-type='training_course'] td {
    color: #4591ce;
}

#bj section .card[data-type='training_course'] .card_context span {
    background-color: #4591ce;
    color: #f0f0f0;
}

#bj section .card[data-type='training_course'] .card_context::after {
    background: url(_i/myqa.icons.f0f0f0.svg) -80px -31px no-repeat scroll;
    background-size: 200px 200px;
}

#bj section .card.done::before, #bj section .card.error::before, #bj section .card.warning::before {
    content: " ";
    position: absolute;
    top: 1px;
    height: 0;
    left: 6px;
    width: 0px;
    z-index: 1190;
    border: 28px solid transparent;
}

#bj section .card.done .base::before, #bj section .card.error .base::before, #bj section .card.warning .base::before {
    left: 40px;
    height: 0;
    border: 20px solid transparent;
    border-top-width: 0;
    border-bottom: 20px solid rgba(0, 81, 156, 0.2);
    background-color: transparent;
}

#bj section .card.done .card_control li:first-of-type, #bj section .card.error .card_control li:first-of-type, #bj section .card.warning .card_control li:first-of-type {
    padding-left: 50px;
    padding-right: 10px;
}

    #bj section .card.done .card_control li:first-of-type::before,
    #bj section .card.error .card_control li:first-of-type::before,
    #bj section .card.warning .card_control li:first-of-type::before,
    #bj section .card[data-type='bundle'] .card_control li.bundle_link::before {
        display: inline-block;
        content: " ";
        height: 32px;
        width: 32px;
        position: absolute;
        left: 15px;
        top: 14px;
    }

#bj section .card.done .card_control li.link:first-of-type::before, #bj section .card.error .card_control li.link:first-of-type::before, #bj section .card.warning .card_control li.link:first-of-type::before {
    background-image: none;
}

#bj section .card.done::before {
    border-top-color: #05763d;
    border-left-color: #05763d;
}

#bj section .card.done .card_control li:first-of-type span {
    border-bottom-color: #05763d;
    border-bottom-color: rgba(5, 118, 61, 0.6);
}

#bj section .card.done .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
    background-size: 150px;
}

#bj section .card.error::before {
    border-top-color: #ca1e17;
    border-left-color: #ca1e17;
}

#bj section .card.error .card_control li:first-of-type span {
    border-bottom-color: #ca1e17;
    border-bottom-color: rgba(202, 30, 23, 0.6);
}

#bj section .card.error .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -97px -21px no-repeat scroll;
    background-size: 150px;
}

#bj section .card.warning::before {
    border-top-color: #ffff33;
    border-left-color: #ffff33;
}

#bj section .card.warning .card_control li:first-of-type span {
    border-bottom-color: #ffff33;
    border-bottom-color: rgba(255, 255, 51, 0.6);
}

#bj section .card.warning .card_control li:first-of-type::before {
    background: url(_i/myqa.icons.2e2d2c.svg) -59px -96px no-repeat scroll;
    background-size: 150px;
}

#bj section .card .card_control li.link:first-of-type::before {
    background-image: none;
}

#bj section .card .card_control li.link:first-of-type {
    padding-left: 20px;
}

#bj section .card .card_context {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1200;
    background-color: #00519c;
    padding: 20px 60px 20px 20px;
    color: #f0f0f0;
}

    #bj section .card .card_context::after {
        position: absolute;
        top: 10px;
        right: 10px;
        content: " ";
        color: #2e2d2c;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(_i/myqa.icons.f0f0f0.png) -31px -31px no-repeat scroll;
        background-size: 200px 200px;
        vertical-align: -65%;
    }

    #bj section .card .card_context span {
        opacity: 0;
        overflow: hidden;
        -webkit-transition: 0.125s linear opacity;
        transition: 0.125s linear opacity;
        padding: 4px 9px 4px 4px;
        margin: 0;
        width: 30px;
        height: 30px;
        position: absolute;
        top: 2px;
        left: 2px;
        font-size: 12px;
        line-height: 20px;
        color: #2e2d2c;
        text-indent: 25px;
        background-color: #f0f0f0;
    }

    #bj section .card .card_context.over::after {
        background-image: url(_i/myqa.icons.f0f0f0.svg) !important;
    }

#bj .list-view + section.search {
    margin-top: 0;
}

#bj section .tile {
    width: 100%;
    padding: 0 10px 20px;
    position: relative;
    display: inline-block;
    z-index: 1000;
    z-index: 10;
    font-size: 16px;
    line-height: 20px;
    vertical-align: top;
}

    #bj section .tile a {
        color: #2e2d2c;
        text-decoration: none;
    }

        #bj section .tile a:hover {
            text-decoration: underline;
        }

    #bj section .tile .download a {
        color: #ca7f4e;
    }

        #bj section .tile .download a:hover {
            text-decoration: none;
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(86%, rgba(46, 45, 44, 0)), color-stop(86.1%, rgba(2, 91, 170, 0.75)), color-stop(90%, rgba(2, 91, 170, 0.75)), color-stop(90.1%, rgba(46, 45, 44, 0)), to(rgba(46, 45, 44, 0)));
            background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 86%, rgba(2, 91, 170, 0.75) 86.1%, rgba(2, 91, 170, 0.75) 90%, rgba(46, 45, 44, 0) 90.1%, rgba(46, 45, 44, 0) 100%);
        }

    #bj section .tile.done::before, #bj section .tile.error::before, #bj section .tile.warning::before {
        border-bottom-color: #ca7f4e;
    }

    #bj section .tile .base::before,
    #bj section .tile .card_context {
        padding-right: 20px;
    }

        #bj section .tile .card_context::after {
            display: none;
        }

    #bj section .tile .card_control li::after {
        background-color: rgba(46, 45, 44, 0.2);
    }

    #bj section .tile .card_control li.on,
    #bj section .tile .more .pane {
        background-color: #f5e5db;
    }

    #bj section .tile .base .base .card_context,
    #bj section .tile .base .base .card_control li.link,
    #bj section .tile .base .base .more .pane .pane_control {
        background-color: #2e2d2c;
        background-color: #134983;
        color: #f0f0f0;
    }

    #bj section .tile .progress {
        height: 50px;
        margin: 10px 0 0;
        border-radius: 5px;
    }

    #bj section .tile .percentage-tracker {
        margin: 0 -20px;
        width: calc( 100% + 20px );
        height: 50px;
        color: #2e2d2c;
    }

        #bj section .tile .percentage-tracker .int {
            color: #2e2d2c;
            line-height: 50px;
            height: 50px;
            text-align: right;
            padding-right: 13px;
        }

#bj section .tabs_control {
    width: 100%;
    padding: 0 0 0 10px;
}

    #bj section .tabs_control li {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        padding: 15px 37px 10px 10px;
        margin: 0 5px 5px 0;
        background-color: #f0f0f0;
        color: #2e2d2c;
        border-bottom: 5px solid rgba(46, 45, 44, 0.2);
        cursor: pointer;
    }

        #bj section .tabs_control li::after {
            content: " ";
            margin: 9px 0 0 18px;
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -21px no-repeat scroll;
            background-size: 150px;
            right: 5px;
            top: -1px;
            position: absolute;
        }

        #bj section .tabs_control li:last-of-type {
            padding-right: 12px;
        }

            #bj section .tabs_control li:last-of-type::after {
                display: none;
            }

        #bj section .tabs_control li.on {
            color: #f0f0f0;
            background-color: #2e2d2c;
        }

            #bj section .tabs_control li.on::after {
                background-image: url(_i/myqa.icons.f0f0f0.svg);
            }

        #bj section .tabs_control li.done::after {
            background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .tabs_control li.done.on::after {
            background-image: url(_i/myqa.icons.f0f0f0.svg);
        }

    #bj section .tabs_control + fieldset:first-of-type {
        margin-top: 0;
    }

#bj section .form-text .done_list {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 20px;
    color: #2e2d2c;
}

    #bj section .form-text .done_list li {
        display: block;
        line-height: 20px;
        padding: 5px 0 5px 20px;
        cursor: pointer;
    }

        #bj section .form-text .done_list li:hover {
            text-decoration: underline;
        }

        #bj section .form-text .done_list li.off::before {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .form-text .done_list li.on::before {
            display: inline-block;
            width: 30px;
            height: 30px;
            background: url(_i/myqa.icons.2e2d2c.svg) -21px -21px no-repeat scroll;
            background-size: 150px;
        }

        #bj section .form-text .done_list li.on {
            opacity: 0.4;
        }

#bj.milestone section .card {
    padding-bottom: 10px;
}

#bj.home section.history .card,
#bj.split_90_10 section.history .card {
    width: 100%;
}

#bj section.checkout .card dl {
    margin: 0 0 20px;
    padding: 0;
    font-size: unset;
    /* max-width: 640px ; */
}

    #bj section.checkout .card dl dt {
        width: 100%;
        display: block;
        font-variant: small-caps;
        text-transform: lowercase;
        font-size: 12px;
        line-height: 20px;
        font-weight: 100;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

        #bj section.checkout .card dl dt span {
            display: inline;
            font-variant: normal;
            text-transform: capitalize;
            font-size: 12px;
            line-height: 20px;
            font-weight: 500;
        }

            #bj section.checkout .card dl dt span.txt {
                display: block;
                text-transform: none;
                font-size: 11px;
                line-height: 15px;
            }

    #bj section.checkout .card dl dd {
        width: 100%;
        display: block;
        margin: 0;
        padding: 0 0 5px;
        vertical-align: top;
        font-size: 14px;
        line-height: 20px;
    }

    #bj section.checkout .card dl dt.break_before {
        padding-top: 9px;
        border-top: 2px dotted rgba(46, 45, 44, 0.2);
        margin-top: 9px;
    }

    #bj section.checkout .card dl dd.break_after {
        padding-bottom: 9px;
        border-bottom: 2px dotted rgba(46, 45, 44, 0.2);
        margin-bottom: 9px;
    }

    #bj section.checkout .card dl dd.number {
        font-weight: bold;
    }

#bj.home section .has_milestones .base,
#bj.split_90_10 section .has_milestones .base {
    height: auto;
    border-radius: 20px;
}

#bj section .the_code {
    font-size: 96px;
    line-height: 100px;
    font-family: "Courier", "Courier New", monospace;
    margin-bottom: -40px;
}

#bj section .the_big_code .the_code {
    font-size: 116px;
    line-height: 120px;
    max-width: 100%;
}

#bj section.checkout .unit {
    font-size: 14px;
    line-height: 20px;
}

#bj section .base {
    display: block;
    height: 100%;
    position: relative;
    color: #2e2d2c;
    padding: 80px 20px;
    font-size: 16px;
    line-height: 20px;
    min-height: 100px;
    overflow: hidden;
}

    #bj section .base::before {
        content: " ";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 20px;
        z-index: 1199;
        background: rgba(0, 81, 156, 0.2);
        border-radius: 2px 0px 0 0;
    }

    #bj section .base .base {
        padding: 15px 10px 10px;
        min-height: 0;
        height: auto;
        font-size: 14px;
        line-height: 20px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 10px -10px 20px;
        background-image: none;
        background-color: rgba(0, 81, 156, 0.05);
    }

        #bj section .base .base::before {
            height: 5px;
        }

        #bj section .base .base p.card_context {
            font-size: 14px;
            line-height: 20px;
            padding: 13px 15px 12px;
            display: block;
            position: relative;
            float: right;
            margin: -15px -10px 10px 10px;
        }

        #bj section .base .base ul {
            list-style-type: none;
        }

            #bj section .base .base ul li {
                list-style-type: none;
            }

                #bj section .base .base ul li::before {
                    display: none;
                }

#bj section .download + .download {
    padding-top: 10px;
}

#bj section .download a {
    font-size: 26px;
    line-height: 30px;
    font-weight: 200;
    color: #2e2d2c;
    margin: 0;
    padding: 0;
    max-width: 560px;
    text-decoration: none;
}

#bj section .download span {
    display: block;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

#bj section .base,
#bj section .milestones li a,
#bj section .milestones li a::before {
    background-color: #ffffff;
    border: 1px solid #025baa;
}

#bj section .featherlight-content .base,
#bj .featherlight-content section .base {
    border: 1px solid #000000;
}

#bj section .milestones {
    width: 100%;
    counter-reset: tracker;
    display: block;
    padding: 0px;
    margin: 0;
    list-style-type: none;
    font-size: 16px;
    line-height: 20px;
}

    #bj section .milestones li {
        counter-increment: tracker;
        display: block;
        list-style-type: none;
        position: relative;
        padding: 10px 75px;
        margin: 0px;
        border-top: 3px solid #f0f3f7;
    }

        #bj section .milestones li:last-of-type {
            padding-bottom: 10px;
        }

        #bj section .milestones li a {
            color: #2e2d2c;
            text-decoration: none;
            display: block;
            line-height: 20px;
            padding: 14px 9px;
        }

        #bj section .milestones li span {
            display: none;
            background-color: #ffffff;
            opacity: 0.4;
            text-decoration: none;
            line-height: 20px;
            padding: 14px 9px;
        }

        #bj section .milestones li a:hover {
            text-decoration: underline;
        }

        #bj section .milestones li a::before,
        #bj section .milestones li span::before {
            background-color: #ffffff;
            position: absolute;
            top: 5;
            left: 20;
            margin-top: 10px;
            line-height: 20px;
            padding: 14px;
            height: 10px;
            width: 10px;
            -webkit-box-sizing: content-box;
            box-sizing: content-box;
            text-align: center;
            display: block;
        }

        #bj section .milestones li.hide {
            display: none;
        }

        #bj section .milestones li.done a::before,
        #bj section .milestones li.done span::before {
            content: "";
            background: white url(../assets/checkmark.png) no-repeat scroll;
            background-size: 100%;
            border-radius: 999px;
            left: 20px;
            top: 5px;
        }

        #bj section .milestones li.error {
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #bj section .milestones li.error a::before,
            #bj section .milestones li.error span::before {
                content: "";
             background: white url(../assets/alert.png) no-repeat scroll;
                background-size: 100%;
                left: 20px;
            top: 5px;
            }

        #bj section .milestones li.warning a::before,
        #bj section .milestones li.warning span::before {
            content: "";
            background: #dfdf20 url(_i/myqa.icons.2e2d2c.svg) -75px -123px no-repeat scroll;
            background-size: 200px;
            left: 20px;
            top: 5px;
        }

#bj section .abstract {
    max-width: 520px;
    color: #2e2d2c;
    font-size: 14px;
    line-height: 20px;
    line-height: 20px;
    padding: 20px 0;
}

    #bj section .abstract p {
        margin: 0 0 20px;
    }

    #bj section .abstract ul li {
        margin: 0 0 20px 20px;
        list-style-type: square;
    }

    #bj section .abstract dl {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .abstract dl dt {
            padding: 0;
            margin: 5px 0;
            width: 25%;
            display: inline-block;
            font-variant: small-caps;
            text-transform: lowercase;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            margin: 0;
            padding: 5px 0 0;
            vertical-align: top;
        }

        #bj section .abstract dl dd {
            padding: 0;
            margin: 5px 0;
            width: 70%;
            display: inline-block;
        }

#bj section .split {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 10px 0 0;
    font-size: 14px;
    line-height: 20px;
}

    #bj section .split li {
        display: block;
        list-style-type: none;
        width: auto;
        padding: 0 10px 10px 0;
        vertical-align: top;
    }

        #bj section .split li::before {
            display: none;
        }

        #bj section .split li b {
            font-size: 26px;
            line-height: 30px;
            font-weight: 100;
            display: block;
        }

#bj section .tile .dj_form .btn,
#bj section .dj_form .tile .btn {
    background-color: #709640;
}

    #bj section .tile .dj_form .btn:hover,
    #bj section .dj_form .tile .btn:hover {
        background-color: #05763d;
    }

#bj section .img.logo {
    width: auto;
    height: auto;
    max-width: 140px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: center;
    float: none;
}

    #bj section .img.logo img {
        width: 100%;
        height: auto;
        margin: 0 auto;
        margin: 0 auto;
    }

#bj section .table-responsive {
    width: 100%;
}

@media screen and (max-width: 767px) {
    #bj section .table-responsive {
        border-width: 0;
        border-top: 5px solid rgba(223, 233, 233, 0.4);
        border-bottom: 5px solid rgba(223, 233, 233, 0.4);
        margin: -5px 0 -5px 10px;
    }

    #bj section.checkout .table-responsive {
        border-top: 5px solid rgba(223, 233, 233, 0.4);
        border-bottom: 5px solid rgba(223, 233, 233, 0.4);
    }

    #bj.afa section .table-responsive {
        margin: 0;
    }

    #bj section .table-responsive .dj_table {
        width: 100%;
    }
}

#bj section .dj_table {
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    width: calc( 100% - 20px );
    margin: 0 auto 10px;
}

    #bj section .dj_table tr.off {
        display: none;
    }

    #bj section .dj_table tr th {
        text-align: left;
        vertical-align: top;
        background: rgba(240, 240, 240, 0.05);
        font-size: 12px;
        font-weight: 100;
        padding: 5px;
    }

    #bj section .dj_table tr td {
        text-align: left;
        vertical-align: top;
        padding: 10px 5px;
        position: relative;
    }

    #bj section .dj_table tr > .w_80 {
        width: 80%;
    }

    #bj section .dj_table tr > .w_70 {
        width: 70%;
    }

    #bj section .dj_table tr > .w_60 {
        width: 60%;
    }

    #bj section .dj_table tr > .w_50 {
        width: 50%;
    }

    #bj section .dj_table tr > .w_40 {
        width: 40%;
    }

    #bj section .dj_table tr > .action {
        min-width: 140px;
        max-width: 40%;
    }

    #bj section .dj_table thead tr {
        background-color: #080C10;
        color: #f0f0f0;
        border-bottom: 0px solid #134983;
    }

        #bj section .dj_table thead tr th {
            padding: 5px 0px 10px 10px;
            border-bottom: 1px solid #f0f0f0;
        }

    #bj section .dj_table tbody tr {
        border-bottom: 1px solid #080C10;
        color: #080C10;
    }

        #bj section .dj_table tbody tr td.email {
            max-width: 12ex;
        }

        #bj section .dj_table tbody tr:first-of-type td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr:first-of-type td:nth-of-type(2) a::before {
            display: none;
        }

        #bj section .dj_table tbody tr td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr td:nth-of-type(2) a::before {
            display: inline-block;
            content: " ";
            width: 12px;
            height: 12px;
            margin: 6px 4px 0;
            background-color: rgba(2, 91, 170, 0.4);
        }

        #bj section .dj_table tbody tr.a_user td:nth-of-type(2) span::before,
        #bj section .dj_table tbody tr.a_user td:nth-of-type(2) a::before {
            display: inline-block;
            content: " ";
            width: 20px;
            height: 20px;
            background-image: url(_i/myqa.people.2e2d2c.svg);
            background-color: transparent;
            background-position: 3px -8px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 36px 36px;
            opacity: 0.8;
            vertical-align: top;
            margin: -1px 4px 0 1px;
        }

        #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) {
            position: relative;
        }

            #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) span,
            #bj section .dj_table tbody tr[class*='level_'] td:nth-of-type(2) a {
                display: block;
                padding: 0 0 0 20px;
                white-space: nowrap;
            }

        #bj section .dj_table tbody tr.level_2 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_2 td:nth-of-type(2) a {
            padding-left: 20px;
        }

        #bj section .dj_table tbody tr.level_3 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_3 td:nth-of-type(2) a {
            padding-left: 40px;
        }

        #bj section .dj_table tbody tr.level_4 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_4 td:nth-of-type(2) a {
            padding-left: 60px;
        }

        #bj section .dj_table tbody tr.level_5 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_5 td:nth-of-type(2) a {
            padding-left: 80px;
        }

        #bj section .dj_table tbody tr.level_6 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_6 td:nth-of-type(2) a {
            padding-left: 100px;
        }

        #bj section .dj_table tbody tr.level_7 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_7 td:nth-of-type(2) a {
            padding-left: 120px;
        }

        #bj section .dj_table tbody tr.level_8 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_8 td:nth-of-type(2) a {
            padding-left: 140px;
        }

        #bj section .dj_table tbody tr.level_9 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_9 td:nth-of-type(2) a {
            padding-left: 160px;
        }

        #bj section .dj_table tbody tr.level_10 td:nth-of-type(2) span,
        #bj section .dj_table tbody tr.level_10 td:nth-of-type(2) a {
            padding-left: 180px;
        }

        #bj section .dj_table tbody tr td a {
            color: #2e2d2c;
            text-decoration: none;
        }

            #bj section .dj_table tbody tr td a:hover {
                text-decoration: underline;
            }

        #bj section .dj_table tbody tr td.action {
            padding: 5px 5px 0px 32px;
        }

            #bj section .dj_table tbody tr td.action span {
                display: inline-block;
                font-size: 14px;
                line-height: 20px;
                margin: 0 0 0 5px;
                padding: 5px 1em 5px 2px;
            }

            #bj section .dj_table tbody tr td.action a {
                display: block;
                text-align: center;
                white-space: nowrap;
                margin: 0 0 5px 5px;
                padding: 5px 10px;
                border-radius: 2px;
                background: #709640;
                font-weight: 200;
                text-decoration: none;
                font-size: 12px;
                line-height: 20px;
                color: #f0f0f0;
                -webkit-transition: 0.15s background;
                transition: 0.15s background;
            }

            #bj section .dj_table tbody tr td.action .btn {
                display: inline-block;
                margin: 0 0 5px 5px;
                padding: 10px;
                border-radius: 2px;
                background: #709640;
                font-weight: bold;
                text-decoration: none;
                font-size: 12px;
                line-height: 20px;
                min-height: 1px;
                border-width: 0;
                -webkit-transition: 0.15s background;
                transition: 0.15s background;
            }

                #bj section .dj_table tbody tr td.action .btn:hover {
                    background: #2e2d2c;
                }

            #bj section .dj_table tbody tr td.action:nth-of-type(n+2) a {
                opacity: 1;
                -webkit-transition: 0.5s opacity linear;
                transition: 0.5s opacity linear;
            }

        #bj section .dj_table tbody tr:hover td.action:nth-of-type(n+2) a {
            opacity: 1;
        }

        #bj section .dj_table tbody tr td.action a.sub-action {
            background: #709640;
        }

            #bj section .dj_table tbody tr td.action a:hover,
            #bj section .dj_table tbody tr td.action a.sub-action:hover {
                background: #05763d;
            }

        #bj section .dj_table tbody tr td.action::before {
            content: " ";
            width: 32px;
            height: 32px;
            display: block;
            position: absolute;
            top: 4px;
            left: 4px;
            background: url(_i/myqa.icons.2e2d2c.svg) -22px -22px no-repeat scroll;
            background-size: 150px;
            opacity: 0.15;
        }

        #bj section .dj_table tbody tr td.action.on::before {
            opacity: 1;
        }

        #bj section .dj_table tbody tr td.action.on.not::before {
            background-position: -98px -22px;
            opacity: 0.15;
        }

    #bj section .dj_table tbody.no_action_icon tr td.action {
        padding-left: 5px;
    }

        #bj section .dj_table tbody.no_action_icon tr td.action::before {
            display: none;
        }

    #bj section .dj_table tbody tr td.action.on a.on,
    #bj section .dj_table tbody tr td.action.on a {
        background-color: rgba(46, 45, 44, 0.2);
        color: rgba(46, 45, 44, 0.8);
    }

        #bj section .dj_table tbody tr td.action.on a.on:hover,
        #bj section .dj_table tbody tr td.action.on a:hover {
            background-color: #2e2d2c;
            color: #f0f0f0;
        }

    #bj section .dj_table tbody tr td.action.off {
        padding: 5px 5px 0 0;
    }

        #bj section .dj_table tbody tr td.action.off::before {
            display: none;
        }

    #bj section .dj_table tbody tr td.number {
        text-align: right;
    }

    #bj section .dj_table tbody tr td .location {
        display: block;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: -5px;
        white-space: nowrap;
    }

        #bj section .dj_table tbody tr td .location::before {
            content: "";
            display: inline-block;
            position: relative;
            top: 1px;
            margin-right: 2px;
            width: 10px;
            height: 10px;
            background: url(_i/myqa.icons.2e2d2c.svg) -40px -25px no-repeat scroll;
            background-size: 60px 60px;
        }

        #bj section .dj_table tbody tr td .location span,
        #bj section .dj_table tbody tr td .location a {
            white-space: normal;
        }

#bj section.checkout .dj_table tr > .action {
    min-width: 50px;
}

#bj section.checkout .dj_table tr th {
    background: rgba(19, 73, 131, 0.05);
}

#bj section.checkout .dj_table thead tr {
    background-color: #00519c;
}

#bj section.checkout .table-responsive {
    padding-top: 20px;
    padding-bottom: 20px;
}

    #bj section.checkout .table-responsive .dj_table {
        width: 100%;
    }

#bj section .dj_head {
    padding: 20px 0 0 10px;
    margin: 0 0 20px;
}

    #bj section .dj_head h1, #bj section .dj_head h2, #bj section .dj_head h3, #bj section .dj_head h4 {
        padding: 0;
        margin: 0;
    }

    #bj section .dj_head + .dj_form {
        margin-top: -40px;
    }

#bj p.status {
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2d;
    padding: 5px 10px 10px;
}

    #bj p.status b {
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
    }

    #bj p.status::before {
        display: inline-block;
        content: "";
        height: 10px;
        width: 10px;
        background-color: #2e2d2c;
        margin: 0 3px 0 0;
        vertical-align: -1px;
        opacity: 0.4;
    }

#bj .page_list {
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2d;
    padding: 10px;
    text-align: right;
    width: 90%;
    width: 100%;
    list-style-type: none;
}

    #bj .page_list li {
        display: inline-block;
        padding: 0 5px 5px 0;
        margin: 0 -4px 0 0;
        list-style-type: none;
    }

        #bj .page_list li::before {
            display: none;
        }

        #bj .page_list li a,
        #bj .page_list li span {
            display: block;
            text-align: center;
            min-width: 40px;
            font-size: 14px;
            line-height: 20px;
            border-radius: 2px;
            border-width: 0;
            color: #2e2d2d;
            padding: 10px;
        }

        #bj .page_list li a {
            background-color: #709640;
            color: #f0f0f0;
            font-weight: bold;
            text-decoration: none;
            -webkit-transition: background 0.15s;
            transition: background 0.15s;
        }

            #bj .page_list li a:hover {
                background-color: #05763d;
            }

        #bj .page_list li span {
            font-size: 12px;
            background-color: transparent;
            color: #f0f0f0;
        }

        #bj .page_list li.current span {
            color: #2e2d2c;
        }

#bj .full_list {
    width: 100%;
    width: calc( 100% - 10px );
    clear: both;
    color: #f0f0f0;
    margin: 0 auto 20px;
}

    #bj .full_list p {
        font-size: 14px;
        line-height: 20px;
        display: block;
        margin: 0 5px;
        padding: 0;
        text-align: right;
    }

        #bj .full_list p a {
            color: #080C10;
            text-decoration: none;
        }

            #bj .full_list p a:hover {
                text-decoration: underline;
            }

#bj .dj_form {
    width: 100%;
}

    #bj .dj_form .btn {
        display: inline-block;
        margin: 20px 5px 10px 0;
        padding: 15px 20px;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        color: #f0f0f0;
        border-width: 0;
        float: none;
        vertical-align: baseline;
    }

    #bj .dj_form .linkedin-btn {
        display: inline-block;
        padding: 10px 5px 10px 0;
        border-width: 0;
        float: none;
    }

    #bj .dj_form label {
        color: #2e2d2c;
        display: block;
        padding: 20px 0 10px;
    }

    #bj .dj_form input[type='text'] {
        max-width: 560px;
        padding: 0 10px;
    }

    #bj .dj_form .dj_icon {
        display: inline-block;
        margin: 5px 0 0;
        padding: 10px 5px 10px 0;
        font-size: 14px;
        line-height: 20px;
        color: #2e2d2c;
    }

        #bj .dj_form .dj_icon a {
            text-decoration: none;
        }

            #bj .dj_form .dj_icon a:hover {
                text-decoration: underline;
            }

        #bj .dj_form .dj_icon.search::before {
            content: " ";
            color: #2e2d2c;
            background: #2e2d2c;
            display: inline-block;
            position: relative;
            top: 4px;
            margin-right: 6px;
            width: 20px;
            height: 20px;
        }

        #bj .dj_form .dj_icon.search::before {
            background: url(_i/myqa.icons.svg) -20px -50px no-repeat scroll;
            background-size: 120px 120px;
        }

        #bj .dj_form .dj_icon.done {
            background-color: #f0f0f0;
            margin-top: 10px;
            padding: 10px 10px 15px;
            border-radius: 0.25rem;
        }

            #bj .dj_form .dj_icon.done::before {
                content: " ";
                color: #2e2d2c;
                background: #2e2d2c;
                display: inline-block;
                position: relative;
                top: 4px;
                margin-right: 6px;
                width: 20px;
                height: 20px;
            }

            #bj .dj_form .dj_icon.done::before {
                background: url(_i/myqa.icons.svg) -20px -20px no-repeat scroll;
                background-size: 120px 120px;
            }

        #bj .dj_form .dj_icon.error {
            background-color: #971915;
            color: #f0f0f0;
            margin-top: 10px;
            padding: 10px 10px 15px;
            border-radius: 0.25rem;
        }

            #bj .dj_form .dj_icon.error::before {
                content: " ";
                color: #f0f0f0;
                background: #971915;
                display: inline-block;
                position: relative;
                top: 4px;
                margin-right: 6px;
                width: 20px;
                height: 20px;
            }

            #bj .dj_form .dj_icon.error::before {
                background: url(_i/myqa.icons.f0f0f0.svg) -80px -20px no-repeat scroll;
                background-size: 120px 120px;
            }

#bj .dj_panel {
    width: 90%;
    width: calc( 100% - 20px );
    border-radius: 0 2px 2px 2px;
    margin: 0 10px 20px;
    padding: 10px;
    position: relative;
    border: 1px solid #00519c;
}

    #bj .dj_panel dl {
        font-size: 14px;
        line-height: 20px;
        color: #2e2d2c;
    }

        #bj .dj_panel dl dt {
            font-weight: normal;
            display: block;
            width: 100%;
            padding: 5px;
            font-variant: small-caps;
            text-transform: lowercase;
        }

        #bj .dj_panel dl dd {
            font-size: 16px;
            line-height: 20px;
            color: #2e2d2c;
            display: block;
            width: 100%;
            padding: 5px;
        }

#bj .layout:nth-of-type(1) .block-size-100 {
    padding: 0;
}

#bj .layout .block-size-100 > .pane {
    color: #2e2d2c;
    margin: 0;
    padding: 0 0 20px;
    display: block;
    vertical-align: top;
}

    #bj .layout .block-size-100 > .pane.message {
        width: 100%;
    }

    #bj .layout .block-size-100 > .pane h4 {
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #2e2d2c;
        border-bottom: 5px solid rgba(0, 81, 156, 0.2);
        margin: 0;
        padding: 0;
    }

    #bj .layout .block-size-100 > .pane p {
        padding: 10px 0;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .layout .block-size-100 > .pane ul {
        padding: 10px 0;
        font-size: 12px;
        line-height: 20px;
        list-style-type: none;
    }

        #bj .layout .block-size-100 > .pane ul li {
            padding: 0;
            margin: 0 0 0 15px;
            list-style-type: square;
        }

            #bj .layout .block-size-100 > .pane ul li::before {
                display: none;
            }

    #bj .layout .block-size-100 > .pane a {
        color: #2e2d2c;
        text-decoration: none;
    }

        #bj .layout .block-size-100 > .pane a:hover {
            text-decoration: underline;
        }

#bj .form-text {
    display: block;
    width: 100%;
    padding: 0 10px 10px;
    font-size: 14px;
    line-height: 20px;
    color: #2e2d2c;
}

    #bj .form-text:first-of-type {
        padding-top: 30px;
    }

    #bj .form-text p {
        margin: 0;
        padding: 10px 0 0;
        max-width: 560px;
    }

    #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
        margin: 0;
        padding: 10px 0 0;
        max-width: 560px;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #134983;
        display: inline-block;
        border-bottom: 5px solid rgba(0, 81, 156, 0.2);
    }

    #bj .form-text + .form-text p {
        padding-top: 0;
    }

    #bj .form-text + .form-text.has_padding p {
        padding-top: 10px;
    }

    #bj .form-text ul {
        list-style-type: none;
        display: block;
        padding: 10px 10px 0px 0px;
        margin: 10px 0 0;
        list-style-type: none;
        font-size: 16px;
        line-height: 20px;
    }

        #bj .form-text ul li {
            display: block;
            list-style-type: none;
            position: relative;
            padding: 20px 0 20px 60px;
            margin: 0;
            color: #2e2d2c;
            display: block;
            line-height: 20px;
            padding: 0 0 0 50px;
        }

            #bj .form-text ul li::before {
                display: none;
            }

            #bj .form-text ul li a,
            #bj .form-text ul li span {
                color: #2e2d2c;
                text-decoration: none;
                display: block;
                line-height: 20px;
                padding: 16px 10px 14px;
            }

                #bj .form-text ul li a:hover {
                    text-decoration: underline;
                    background-color: #f0f0f0;
                }

                #bj .form-text ul li a::before,
                #bj .form-text ul li span::before {
                    background-color: rgba(240, 240, 240, 0.05);
                    content: counter(tracker);
                    position: absolute;
                    top: 0;
                    left: 0;
                    line-height: 20px;
                    padding: 15px;
                    height: 50px;
                    width: 50px;
                    text-align: center;
                    display: block;
                    -webkit-box-sizing: border-box;
                    box-sizing: border-box;
                }

                #bj .form-text ul li a::before {
                    background-color: #dfdfdf;
                    background-image: none;
                }

            #bj .form-text ul li.done a::before, #bj .form-text ul li.done span::before {
                content: "";
                background: #05763d url(_i/myqa.icons.f0f0f0.svg) -25px -25px no-repeat scroll;
                background-size: 200px;
            }

            #bj .form-text ul li.error {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

                #bj .form-text ul li.error a::before, #bj .form-text ul li.error span::before {
                    content: "";
                    background: #971915 url(_i/myqa.icons.f0f0f0.svg) -125px -25px no-repeat scroll;
                    background-size: 200px;
                }

            #bj .form-text ul li.warning a::before, #bj .form-text ul li.warning span::before {
                content: "";
                background: #dfdf20 url(_i/myqa.icons.2e2d2c.svg) -75px -123px no-repeat scroll;
                background-size: 200px;
            }

    #bj .form-text dl {
        color: #2e2d2c;
        margin: 0 10px;
        padding: 0;
        font-size: unset;
    }

        #bj .form-text dl dt {
            width: 50%;
            display: inline-block;
            font-variant: small-caps;
            text-transform: lowercase;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            margin: 0 -4px 0 0;
            padding: 10px 0 10px 10px;
            vertical-align: top;
        }

            #bj .form-text dl dt.hdr {
                width: 100%;
                font-size: 20px;
                border-top-width: 0;
                padding-top: 0;
            }

        #bj .form-text dl dd {
            width: 50%;
            display: inline-block;
            margin: 0 -4px 0 0;
            padding: 10px 10px 10px 0;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
        }

    #bj .form-text.summary:first-of-type {
        padding-top: 0;
    }

    #bj .form-text.summary dl dt {
        border-top: 2px dotted rgba(240, 240, 240, 0.2);
        padding-top: 9px;
    }

    #bj .form-text.summary dl dd {
        border-top: 2px dotted rgba(240, 240, 240, 0.2);
        padding-top: 9px;
        text-align: right;
    }

    #bj .form-text.summary dl dt.hdr {
        border-top-width: 0;
        font-weight: 200;
        background-color: #2e2d2c;
    }

    #bj .form-text.summary dl dt:last-of-type {
        border-bottom: 2px dotted rgba(240, 240, 240, 0.2);
        padding-bottom: 8px;
        background-color: rgba(240, 240, 240, 0.2);
    }

    #bj .form-text.summary dl dd:last-of-type {
        border-bottom: 2px dotted rgba(240, 240, 240, 0.2);
        padding-bottom: 8px;
        background-color: rgba(240, 240, 240, 0.2);
    }

    #bj .form-text.summary dl dt,
    #bj .form-text.summary dl dd,
    #bj .form-text.summary dl dt:last-of-type,
    #bj .form-text.summary dl dd:last-of-type {
        border-color: rgba(46, 45, 44, 0.2);
    }

#bj h2 + .form-item {
    margin-top: 20px;
}

#bj .form-item.free_size.action {
    width: auto;
    display: inline-block;
    padding: 10px 20px;
    margin: 0 0 10px;
    float: none;
    text-align: left;
}

#bj fieldset .form-item.free_size.action:first-of-type {
    margin-top: 20px;
    margin-bottom: 10px;
}

#bj .form-item.free_size.action:first-of-type {
    margin-top: 0;
    margin-bottom: 0px;
}


#bj .form-item[data-layout~="vertical"] .label {
    padding-bottom: 20px;
}

#bj .search .form-item[data-layout~="vertical"] .input {
    padding-top: 20px;
}


#bj .form-item[data-layout~="labelless"] .label label {
    display: none;
}

#bj .form-item[data-validation~="not_first"] .label label::after,
#bj .form-item[data-validation~="matches_previous"] .label label::after,
#bj .form-item[data-validation~="required"] .label label:not(.nostar)::after {
    position: absolute;
    display: inline-block;
    padding: 0 0 0 4px;
    content: "*";
    color: #ff0000;
    font-size: 14px;
    line-height: 20px;
}

#bj .form-item .search-input {
    max-width: 560px;
    text-indent: 10px;
}

#bj .form-form .input input,
#bj.login .form-item .input textarea,
#bj.login .form-item .input input {
    background-color: #ffffff;
}

#bj .form-item[data-layout~="labelless"][data-layout~="labelshift"] {
    width: 100%;
}

#bj fieldset ~ .form-item[data-layout~="labelless"] .input input {
    margin-left: 10px;
}
    #bj fieldset ~ .form-item[data-layout~="labelless"] .input input.remove-delegate-launch {
        margin-left: 0px;
    }

#bj fieldset + .sub-action + .form-item.action .input input[type='button'],
#bj fieldset + .sub-action + .form-item.action .input input[type='submit'] {
    margin: 0 10px 0 0;
}

#bj section .tile .dj_form .btn,
#bj section .dj_form .tile .btn {
    margin: 10px 5px 10px 0;
    padding: 15px 20px;
}

#bj .form-item.button .label {
    display: none;
}

#bj section.checkout .no_heading .base {
    padding-top: 40px;
    min-height: 90px;
}

#bj .form-item.action {
    width: 100%;
    padding: 0 0 10px 10px;
}

#bj fieldset + .form-item.action {
    padding-right: 10px;
}

#bj fieldset .form-item.action {
    padding-right: 0;
}

#bj .form-item.sub-action {
    width: 100%;
    text-align: left;
    padding: 0 10px 0 0;
    margin: 0 0 10px;
}

#bj section.checkout .form-item.sub-action {
    margin-left: 10px;
}

#bj.login .featherlight .form-item.sub-action[data-type='labelless'] {
    float: left;
    width: 50%;
}

#bj.login .form-item.sub-action[data-type='labelless'] {
    float: none;
    width: 100%;
}

#bj .form-item.sub-action .input input[type='button'],
#bj .form-item.sub-action .input input[type='submit'] {
    background-color: #8e8e8e;
}

    #bj .form-item.sub-action .input input[type='button']:hover,
    #bj .form-item.sub-action .input input[type='submit']:hover {
        background-color: #2e2d2c;
    }

#bj section .tile .dj_form .btn.error,
#bj section .dj_form .tile .btn.error,
#bj .form-item.sub-action.error .input input[type='button'],
#bj .form-item.sub-action.error .input input[type='submit'] {
    background-color: #ca1e17;
}

    #bj section .tile .dj_form .btn.error:hover,
    #bj section .dj_form .tile .btn.error:hover,
    #bj .form-item.sub-action.error .input input[type='button']:hover,
    #bj .form-item.sub-action.error .input input[type='submit']:hover {
        background-color: #b61607;
    }

#bj .form-item.sub-action .input a {
    display: inline-block;
    width: auto;
    padding: 10px 20px;
    margin-left: 10px;
    border-radius: 4px;
    border-width: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    vertical-align: 0;
}

#bj .form-item.actions {
    text-align: right;
}

    #bj .form-item.actions .input {
        display: inline-block;
        float: none;
        margin: 0 0 10px 5px;
    }

#bj .form-item {
    display: block;
    width: 100%;
    padding: 0 0 20px;
    font-size: 14px;
    line-height: 20px;
}

    #bj .form-item.recaptcha .input input[type='text'] {
        display: block;
        padding: 3px !important;
        width: auto;
        max-width: 100%;
        margin: 10px 0 0 !important;
        font-size: 12px;
        line-height: 100%;
        background-color: unset;
        color: unset;
        border: 0 solid #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #333333;
        border-radius: 4px;
        box-shadow: none;
        height: auto;
    }

    #bj .form-item .input .select-replace {
        -webkit-box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        display: block;
        width: 100%;
        max-width: 560px;
        margin: 0;
        line-height: 40px;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        border-width: 0;
    }

        #bj .form-item .input .select-replace select {
            font-size: 14px;
        }

        #bj .form-item .input .select-replace::after {
            z-index: 0;
        }

    #bj .form-item .input select,
    #bj .form-item .input textarea,
    #bj .form-item .input input {
        -webkit-box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        box-shadow: inset 0 0 10px 0 rgba(46, 45, 44, 0.1);
        display: block;
        padding: 0 10px;
        width: 100%;
        max-width: 560px;
        margin: 0;
        border-radius: 2px;
        line-height: 40px;
        background-color: #f0f0f0;
        background-color: transparent;
        color: #485A6E;
    }

        #bj .form-item .input input:nth-of-type(1) {
            margin-top: 0;
        }

    #bj .form-item .input input {
        margin-top: 20px;
    }

        #bj .form-item .input input[disabled] {
            -webkit-box-shadow: none;
            box-shadow: none;
            cursor: not-allowed;
        }

    #bj .form-item .input textarea {
        height: 120px;
        -webkit-transition: 1s height linear;
        transition: 1s height linear;
    }

        #bj .form-item .input textarea:focus {
            height: 320px;
        }

    #bj .form-item .input input[type='radio'] {
        border-radius: 100%;
        -webkit-appearance: radio;
        -moz-appearance: radio;
        -ms-appearance: radio;
        -o-appearance: radio;
        appearance: radio;
    }

    #bj .form-item .input input[type='radio'] {
        -webkit-transform: scale(1.53825);
        transform: scale(1.35);
        -ms-interpolation-mode: nearest-neighbor;
        -moz-image-rendering: crisp-edges;
        image-rendering: crisp-edges;
        padding: 0px;
    }

    #bj .form-item .input input[type='radio'] {
        position: static;
        height: auto;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        padding: 0;
        max-width: 560px;
        margin: 1px 0 0 4px;
        line-height: 20px;
        border-width: 0;
    }

    #bj .form-item .input input[type='radio'] {
        position: static;
        height: auto;
        width: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        padding: 0;
        max-width: 560px;
        margin: 1px 0 0 4px;
        line-height: 20px;
        border-width: 0;
        border-radius: 100%;
    }

          #bj .form-item .input input[type='radio']::before,
        #bj .form-item .input input[type='radio']::after {
            display: none;
            position: static;
        }

    #bj .form-item .input select[multiple] {
        padding: 10px;
        font-size: 14px;
        line-height: 20px;
    }

        #bj .form-item .input select[multiple] option {
            font-size: 14px;
            line-height: 20px;
        }

    #bj .form-item .input input[type='email'] {
        text-transform: lowercase;
    }

    #bj .form-item .input input[type='button'],
    #bj .form-item .input input[type='submit'],
    #bj .form-item .input a.btn {
        min-height: auto;
        display: inline-block;
        width: auto;
        padding: 10px 40px 10px 20px;
        margin: 0;
        background: #709640 url(_i/grey-form-icon-arrow-right.png) right 50% no-repeat;
        background-size: 40px;
        color: #f0f0f0;
        border-width: 0;
        border-radius: 4px;
        border-bottom-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        vertical-align: 0;
    }

        #bj .form-item .input input[type='button']:hover,
        #bj .form-item .input input[type='submit']:hover,
        #bj .form-item .input a.btn:hover {
            background-color: #05763d;
            color: #f0f0f0;
            text-decoration: none;
        }

        #bj .form-item .input input[type='button'].off,
        #bj .form-item .input input[type='submit'].off,
        #bj .form-item .input a.btn.off {
            opacity: 0.4;
            cursor: default;
        }

    #bj .form-item .input .strength {
        max-width: 560px;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        color: #f0f0f0;
        background-size: 200% 200%;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        background-position: 0% 0%;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #00519c));
        background-image: linear-gradient(to right, transparent 50%, #00519c 50%);
    }

        #bj .form-item .input .strength.zero {
            color: #2e2d2c;
        }

        #bj .form-item .input .strength.error {
            color: #2e2d2c;
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(202, 30, 23, 0.8)));
            background-image: linear-gradient(to right, transparent 50%, rgba(202, 30, 23, 0.8) 50%);
        }

        #bj .form-item .input .strength.done {
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(5, 118, 61, 0.8)));
            background-image: linear-gradient(to right, transparent 50%, rgba(5, 118, 61, 0.8) 50%);
        }

        #bj .form-item .input .strength.warning {
            background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(223, 223, 32, 0.95)));
            background-image: linear-gradient(to right, transparent 50%, rgba(223, 223, 32, 0.95) 50%);
            color: #2e2d2c;
        }

        #bj .form-item .input .strength::before {
            display: inline-block;
            content: "";
            font-size: 1rem;
            position: static;
            background-image: url(_i/myqa.icons.2e2d2c.svg);
            background-position: 9999px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 100px 100px;
            width: 20px;
            height: 20px;
            margin-right: 3px;
            vertical-align: -30%;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        #bj .form-item .input .strength.error.zero::before {
            display: inline-block;
            background-position: -65px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.2e2d2c.svg);
        }

        #bj .form-item .input .strength.done::before {
            display: inline-block;
            background-position: -15px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.f0f0f0.svg);
        }

        #bj .form-item .input .strength.error::before {
            display: inline-block;
            background-position: -65px -15px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
            background-image: url(_i/myqa.icons.2e2d2c.svg);
        }

        #bj .form-item .input .strength.warning::before {
            display: inline-block;
            background-position: -40px -64px;
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
        }

        #bj .form-item .input .strength span {
            display: block;
            font-size: 10px;
            line-height: 20px;
            padding-left: 26px;
        }

/*    #bj .form-item .label label,
    #bj .form-item .input_label label {
        display: block;
        padding: 0;
        width: 100%;
        font-weight: normal;
        max-width: 480px;
        cursor: pointer;
        white-space: normal;
    }*/

        #bj .form-item .label label span,
        #bj .form-item .input_label label span {
            display: block;
            padding: 10px 0 0;
            text-indent: 0;
        }

            #bj .form-item .label label span.remove,
            #bj .form-item .input_label label span.remove {
                display: inline-block;
                padding: 0;
                width: 18px;
                height: 18px;
                margin: -1px 5px -4px 0;
                overflow: hidden;
                text-indent: 40px;
                background: transparent url(_i/myqa.icons.2e2d2c.svg) -66px -16px no-repeat scroll;
                background-size: 100px;
                border-radius: 20px;
            }

                #bj .form-item .label label span.remove:hover,
                #bj .form-item .input_label label span.remove:hover {
                    background-color: #971915;
                    background-image: url(_i/myqa.icons.f0f0f0.svg);
                }

        #bj .form-item .label label b,
        #bj .form-item .input_label label b {
            font-size: 16px;
            line-height: 20px;
            font-weight: 400;
        }

        #bj .form-item .label label i,
        #bj .form-item .input_label label i {
            opacity: 0.6;
            font-style: normal;
            font-size: 12px;
            line-height: 20px;
        }

    #bj .form-item .input_label label {
        max-width: 500px;
    }

    #bj .form-item .messages {
        font-size: 14px;
        line-height: 20px;
    }

        #bj .form-item .messages ul {
            padding: 0;
        }

            #bj .form-item .messages ul li {
                padding: 5px;
                max-width: 560px;
            }

                #bj .form-item .messages ul li a {
                    color: #2e2d2c;
                    text-decoration: none;
                }

                    #bj .form-item .messages ul li a:hover {
                        text-decoration: underline;
                    }

                #bj .form-item .messages ul li::before {
                    display: inline-block;
                    content: "";
                    font-size: 1rem;
                    position: static;
                    background-image: url(_i/myqa.icons.2e2d2c.svg);
                    background-position: -65px -15px;
                    background-repeat: no-repeat;
                    background-attachment: scroll;
                    background-size: 100px 100px;
                    width: 20px;
                    height: 20px;
                    margin-right: 3px;
                    vertical-align: -30%;
                    -webkit-transform: rotate(45deg);
                    transform: rotate(45deg);
                }

                #bj .form-item .messages ul li.done {
                    background-color: rgba(5, 118, 61, 0.8);
                    padding: 5px;
                }

                    #bj .form-item .messages ul li.done::before {
                        display: inline-block;
                        background-position: -15px -15px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

                #bj .form-item .messages ul li.error {
                    background-color: rgba(202, 30, 23, 0.8);
                    color: #f0f0f0;
                    padding: 5px;
                    font-size:12px;
                }

                    #bj .form-item .messages ul li.error::before {
                        display: inline-block;
                        background-position: -65px -15px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                        background-image: url(_i/myqa.icons.f0f0f0.svg);
                    }

                #bj .form-item .messages ul li.warning {
                    background-color: rgba(223, 223, 32, 0.95);
                    padding: 5px;
                    color: #2e2d2c;
                }

                    #bj .form-item .messages ul li.warning::before {
                        display: inline-block;
                        background-position: -40px -64px;
                        -webkit-transform: rotate(0deg);
                        transform: rotate(0deg);
                    }

    #bj .form-item p {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 20px;
        max-width: 560px;
    }

#bj fieldset {
    width: 100%;
    margin: 0 0 80px;
    padding: 0;
    position: relative;
    counter-increment: tracker;
    background-color: #ffffff;
    padding: 0 1rem 1rem;
}

    #bj fieldset::after {
        content: "";
        border-bottom: 1px solid #080C10;
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }

    #bj fieldset:nth-of-type(even) {
        background-color: #f8f8f8;
        border-top: 1px solid #eee;
    }

        #bj fieldset:nth-of-type(even) legend {
            background-color: #f8f8f8;
            border-top: 1px solid #eee;
        }

    #bj fieldset:first-of-type.legendless {
        margin-top: 0;
    }

    #bj fieldset.legendless legend {
        display: none;
    }

    #bj fieldset:first-of-type {
        margin-top: 40px;
    }

    #bj fieldset:last-of-type {
        margin-bottom: 10px;
    }

    #bj fieldset.in_card {
        width: 100%;
        border-radius: 0;
        margin: 0 0 -60px;
        padding: 20px 0 0;
        position: relative;
        background-color: transparent;
        background-image: none;
    }

        #bj fieldset.in_card legend {
            display: none;
        }

            #bj fieldset.in_card legend::before {
                display: none;
            }

        #bj fieldset.in_card .form-item:first-of-type {
            padding-top: 0;
        }

        #bj fieldset.in_card .form-item:last-of-type {
            padding-bottom: 0;
        }

        #bj fieldset.in_card .form-item {
            padding-left: 0;
            padding-right: 0;
        }

            #bj fieldset.in_card .form-item[data-layout~="horizontal"] .label {
                margin: 0;
                width: 100%;
            }

    #bj fieldset legend {
        position: absolute;
        top: -60px;
        left: 0;
        display: block;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        margin: 0;
        padding: 20px 20px 20px 10px;
        color: #080C10;
        padding: 1rem 1rem 0.5rem;
    }

        #bj fieldset legend::before {
            display: inline-block;
            content: counter(tracker);
            width: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
            background-color: #ffffff;
            border: 1px solid #080C10;
            margin: 0 10px 0 0;
        }

        #bj fieldset legend.numberless {
            padding-right: 20px;
        }

            #bj fieldset legend.numberless::before {
                content: "";
                font-family: "Font Awesome 5 Pro";
            }

    #bj fieldset .form-text,
    #bj fieldset .form-item {
        padding-left: 10px;
        padding-right: 10px;
        border-left: 1px solid #080C10;
        border-right: 1px solid #080C10;
        background-color: #ffffff;
    }

        #bj fieldset .form-text .picker,
        #bj fieldset .form-item .picker {
            margin: 0 0 10px;
        }

        #bj fieldset .form-text:first-of-type,
        #bj fieldset .form-item:first-of-type {
            margin-top: 10px;
            padding-top: 30px;
            border: 1px solid #080C10;
            border-bottom-width: 0;
        }

            #bj fieldset .form-text:first-of-type:last-of-type,
            #bj fieldset .form-item:first-of-type:last-of-type {
                border-top: 1px solid #080C10;
                border-bottom: 1px solid #080C10;
            }

            #bj fieldset .form-text:first-of-type .form-text,
            #bj fieldset .form-text:first-of-type .form-item,
            #bj fieldset .form-item:first-of-type .form-text,
            #bj fieldset .form-item:first-of-type .form-item {
                padding-top: 10px;
            }

                #bj fieldset .form-text:first-of-type .form-text:last-of-type,
                #bj fieldset .form-text:first-of-type .form-item:last-of-type,
                #bj fieldset .form-item:first-of-type .form-text:last-of-type,
                #bj fieldset .form-item:first-of-type .form-item:last-of-type {
                    border-bottom-width: 0 !important;
                }

            #bj fieldset .form-text:first-of-type[style*="none"] + .form-item,
            #bj fieldset .form-item:first-of-type[style*="none"] + .form-item {
                padding-top: 30px;
            }

        #bj fieldset .form-text:last-of-type,
        #bj fieldset .form-item:last-of-type {
            padding-bottom: 30px;
            border: 1px solid #080C10;
            border-top-width: 0;
        }

            #bj fieldset .form-text:last-of-type:first-of-type,
            #bj fieldset .form-item:last-of-type:first-of-type {
                border-top: 1px solid #080C10;
                border-bottom: 1px solid #080C10;
            }

            #bj fieldset .form-text:last-of-type .btn,
            #bj fieldset .form-item:last-of-type .btn {
                margin-top: 0;
                margin-bottom: 0;
            }

        #bj fieldset .form-text .form-text,
        #bj fieldset .form-text .form-item,
        #bj fieldset .form-item .form-text,
        #bj fieldset .form-item .form-item {
            border-width: 0 !important;
        }

    #bj fieldset .form-conditional .form-item:first-of-type {
        padding-top: 0px;
        margin-top: 0px;
        border-top-width: 0px;
    }

    #bj fieldset .form-conditional .form-item:last-of-type {
        /* padding-bottom: 0px ; */
    }

#bj .form-table {
    font-size: 14px;
    line-height: 20px;
    padding: 0 10px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
}

.no-flexbox #bj .form-table {
    display: block;
}

#bj .form-table .nav {
    width: 100%;
}

    #bj .form-table .nav li {
        font-size: 14px;
        line-height: 20px;
        width: 100%;
        border-radius: 0;
    }

    #bj .form-table .nav > li {
        border-top-width: 0 !important;
    }

    #bj .form-table .nav li a {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
        text-align: left;
        font-weight: normal;
        border-radius: 0;
    }

        #bj .form-table .nav li a:hover {
            background: #4591ce -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
            background: #4591ce linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
        }

    #bj .form-table .nav li.active a {
        position: relative;
        padding-left: 50px;
    }

        #bj .form-table .nav li.active a:hover {
            background: #005bab -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
            background: #005bab linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
        }

        #bj .form-table .nav li.active a::before {
            position: absolute;
            top: 10px;
            left: 5px;
            content: " ";
            display: block;
            width: 40px;
            height: 40px;
            background-image: url(_i/myqa.icons.f0f0f0.svg);
            background-position: -30px -30px;
            background-repeat: no-repeat;
            background-attachment: scroll;
            background-size: 200px 200px;
        }

    #bj .form-table .nav li.afa-datepicker-holder {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin: 0;
    }

        #bj .form-table .nav li.afa-datepicker-holder::before {
            display: none;
        }

        #bj .form-table .nav li.afa-datepicker-holder button.btn {
            display: inline-block;
            font-size: 14px;
            line-height: 20px;
            padding: 10px;
            height: auto;
            border-radius: 0;
        }

        #bj .form-table .nav li.afa-datepicker-holder button.btn-ds {
            width: auto;
        }

        #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker {
            display: none;
            width: auto;
            font-size: 12px;
            line-height: 20px;
            font-weight: 100;
            padding: 0;
            height: auto;
            border-width: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            background-color: transparent;
        }

            #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker:hover {
                background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0)), color-stop(87.5%, rgba(46, 45, 44, 0.2)), to(rgba(46, 45, 44, 0.2)));
                background: transparent linear-gradient(to bottom, rgba(46, 45, 44, 0) 0%, rgba(46, 45, 44, 0) 87.5%, rgba(46, 45, 44, 0.2) 87.5%, rgba(46, 45, 44, 0.2) 100%);
            }

#bj .form-table .tab-content {
    width: 100%;
}

#bj .form-table .features-table {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    text-shadow: none;
}

    #bj .form-table .features-table tr:nth-of-type(even) {
        background-color: rgba(46, 45, 44, 0.2);
    }

    #bj .form-table .features-table td.col-cell-right,
    #bj .form-table .features-table td {
        height: auto;
        vertical-align: top;
        padding: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-width: 0;
        background-color: transparent;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .form-table .features-table .afa-table-headerrow td {
        padding: 10px 5px;
    }

    #bj .form-table .features-table td .btn {
        display: block;
        margin: 0 0 10px;
        padding: 5px;
        min-height: 0;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .form-table .features-table td input.btn {
        width: 100%;
    }

    #bj .form-table .features-table .afa-table-headerrow td {
        text-align: left;
        padding: 5px 5px 10px;
        background: rgba(240, 240, 240, 0.05);
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
        padding-top: 5px;
    }

#bj .sub-navigation {
    display: block;
    margin: 30px 10px 0;
}

    #bj .sub-navigation li {
        display: inline-block;
        margin: 0 10px 10px 0;
    }

#bj .form-table .form-return {
    width: 100%;
}

#bj .form-table .form-form {
    width: 100%;
    margin: 20px 0 0;
}

    #bj .form-table .form-form .form-item {
        padding: 5px 15px 9px 10px;
        border-bottom: 1px solid rgba(240, 240, 240, 0.2);
        background: #0c63af;
        font-weight: 100;
    }

        #bj .form-table .form-form .form-item label {
            color: #f0f0f0;
        }

    #bj .form-table .form-form .sub-navigation {
        margin-top: 5px;
        margin-left: 0;
    }

        #bj .form-table .form-form .sub-navigation li {
            margin-right: 0;
        }

#bj .form-conditional {
    width: 100%;
}

#bj.login .form-item .messages ul li::before {
    background-image: url(_i/myqa.icons.2e2d2c.svg);
}

#bj.login .form-item .messages ul li.error::before {
    background-image: url(_i/myqa.icons.f0f0f0.svg);
}

#bj #recaptcha_widget_div input {
    display: inline;
}

#bj .dj_form.search .form-item {
    padding-bottom: 0;
}

#bj .dj_form.search .card .base {
    padding: 40px 20px 20px;
    min-height: 0;
}

.myqa #bj .bapslb {
    background-color: transparent;
}

#bj section.checkout .payment_panes {
    width: 100%;
}

#bj section.checkout .the_panes {
    font-size: 14px;
    line-height: 20px;
    width: 98%;
    width: calc( 100% - 10px );
    padding: 0 0 0 10px;
}

    #bj section.checkout .the_panes li {
        cursor: pointer;
        font-size: 12px;
        line-height: 20px;
        font-variant: small-caps;
        text-transform: lowercase;
        font-weight: 100;
        font-style: normal;
        margin: 0;
        padding: 10px 30px 10px 10px;
        vertical-align: top;
        display: block;
        background-position: 0% 0%;
        background-size: 100%;
        -webkit-box-shadow: 0 0 20px rgba(46, 45, 44, 0.25);
        box-shadow: 0 0 20px rgba(46, 45, 44, 0.25);
        -webkit-box-shadow: 0 0 9px 1px rgba(46, 45, 44, 0.5);
        box-shadow: 0 0 9px 1px rgba(46, 45, 44, 0.5);
        background-color: #00519c;
        background-image: none;
        color: #f0f0f0;
    }

        #bj section.checkout .the_panes li.on {
            background-color: #f0f0f0;
            background-image: linear-gradient(135deg, #dfdfdf 0%, white 200px, white 100%);
            color: #2e2d2c;
        }

.myqa .featherlight .featherlight-content {
    min-width: 80%;
}

#bj .dj_controls {
    display: block;
    padding: 20px 0px;
    border-bottom: 2px dotted rgba(255, 255, 255, 0.25);
}

    #bj .dj_controls li {
        display: inline-block;
        padding: 0;
        vertical-align: top;
    }

        #bj .dj_controls li.progress-action {
            float: right;
        }

            #bj .dj_controls li.progress-action a,
            #bj .dj_controls li.progress-action input[type='button'],
            #bj .dj_controls li.progress-action button {
                margin-left: 10px;
                margin-right: 0;
            }

        #bj .dj_controls li a {
            text-decoration: none;
            color: #f0f0f0;
        }

        #bj .dj_controls li input[type='button'],
        #bj .dj_controls li button {
            color: #f0f0f0;
        }

        #bj .dj_controls li a,
        #bj .dj_controls li input[type='button'],
        #bj .dj_controls li button {
            display: inline-block;
            -webkit-box-shadow: 0 0 10px rgba(46, 45, 44, 0.2);
            box-shadow: 0 0 10px rgba(46, 45, 44, 0.2);
            margin: 0 10px 10px 0;
            padding: 10px 15px;
            border-radius: 2px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 200;
            background: #05763d;
            height: auto;
            width: auto;
            border-width: 0;
            text-align: left;
        }

        #bj .dj_controls li.sub-action a, #bj .dj_controls li.sub-action input[type='button'], #bj .dj_controls li.sub-action button {
            background: #8e8e8e;
            color: #f0f0f0;
        }

            #bj .dj_controls li.sub-action a:hover, #bj .dj_controls li.sub-action input[type='button']:hover, #bj .dj_controls li.sub-action button:hover {
                background: #000000;
                color: #f0f0f0;
            }

        #bj .dj_controls li * span {
            display: block;
            font-size: 12px;
        }

    #bj .dj_controls.full_width {
        display: block;
    }

    #bj .dj_controls.align_left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        #bj .dj_controls.align_left li.progress-action {
            float: none;
            justify-self: flex-end;
            -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
            order: 1;
        }

    #bj .dj_controls.old_style li.sub-action a,
    #bj .dj_controls.old_style li.sub-action input[type='button'],
    #bj .dj_controls.old_style li.sub-action button {
        background-color: #8e8e8e;
    }

    #bj .dj_controls.old_style li a,
    #bj .dj_controls.old_style li input[type='button'],
    #bj .dj_controls.old_style li button {
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 10px 20px;
        background-color: #05763d;
        color: #f0f0f0;
        border-radius: 4px;
        font-weight: 700;
    }

        #bj .dj_controls.old_style li a:hover,
        #bj .dj_controls.old_style li input[type='button']:hover,
        #bj .dj_controls.old_style li button:hover {
            background-color: #2e2d2c;
            color: #f0f0f0;
            border-radius: 4px;
            font-weight: 700;
        }

@media (min-width: 30em) {
    #bj .layout .block-size-100 > .pane {
        display: inline-block;
        width: 40%;
        width: calc( 50% - 10px );
        padding-bottom: 0;
    }

        #bj .layout .block-size-100 > .pane.message {
            width: 100%;
        }
}

@media (min-width: 37.5em) {
    #bj section .head ol li i {
        opacity: 0.6;
    }

    #bj section .head ol li .title {
        display: inline;
    }

    #bj .layout {
        display: table;
        table-layout: fixed;
        border-collapse: collapse;
    }

        #bj .layout .block-size-10 {
            display: none;
        }

        #bj .layout .block-size-30,
        #bj .layout .block-size-60,
        #bj .layout .block-size-90,
        #bj .layout .block-size-100 {
            display: table-cell;
            vertical-align: top;
        }

        #bj .layout .block-size-30 {
            width: 50%;
            padding-bottom: 0;
        }

        #bj .layout .block-size-60 {
            width: 50%;
        }

        #bj .layout .block-size-90 {
            width: 100%;
        }

        #bj .layout .block-size-100 {
            width: 100%;
        }

    #bj section .milestones li span {
        display: block;
    }

    #bj section {
        padding: 0 10px 10px;
    }

    #bj.bkg_change section {
        padding: 0 0 10px;
    }

    #bj section .the_code {
        font-size: 116px;
        line-height: 120px;
    }

    #bj section .the_big_code .the_code {
        font-size: 192px;
        line-height: 200px;
    }

    #bj section .card.logo .base {
        padding: 80px 0;
        min-height: 280px;
    }

    #bj.milestone section {
        padding: 20px 10px 0;
    }

        #bj.milestone section .base {
            padding-bottom: 20px;
        }

            #bj.milestone section .base .base {
                padding-bottom: 10px;
            }

        #bj.milestone section .dj_form .tile .btn,
        #bj.milestone section .tile .dj_form .btn {
            margin-bottom: 0;
        }

    #bj .form-text {
        padding: 0 0 20px;
    }

        #bj .form-text p {
            margin-left: 40%;
        }

        #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
            margin-left: 70px;
        }

        #bj .form-text ul {
            margin-left: 40%;
        }

        #bj .form-text[data-layout~='labelless'] p {
            margin-left: 20px;
        }

        #bj .form-text[data-layout~='labelless'] ul {
            margin-left: 20px;
        }

    #bj .form-table .nav {
        width: calc( 40% - 20px );
        margin: 0 20px 0 0;
    }

    #bj .form-table .tab-content {
        width: 60%;
    }

    #bj .form-table .form-form {
        width: calc( 30% - 20px );
        margin: 20px 20px 0 0;
    }

    #bj .form-table .form-return {
        width: 70%;
        margin: 20px 0 0;
    }

    #bj fieldset legend {
        /* margin-left: -10px ; */
    }

    #bj .form-item.action {
        float: right;
        width: 40%;
        text-align: right;
        padding: 0 0 10px;
    }

    #bj .form-item.sub-action {
        float: left;
        width: 55%;
        width: calc( 60% - 10px );
        text-align: left;
        margin: 0 0 10px;
    }

    #bj .form-item[data-layout~="horizontal"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .form-item[data-layout~="horizontal"] .label {
            display: block;
            width: 40%;
            padding: 10px 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="labelless"] .label label {
            display: none;
        }

        #bj .form-item[data-layout~="horizontal"] .label label {
            display: block;
            width: 90%;
            width: calc( 100% - 60px );
            margin-left: 60px;
            padding: 0 0 8px;
            text-align: left;
            border-bottom: 1px solid rgba(46, 45, 44, 0.2);
        }

        #bj .form-item[data-layout~="horizontal"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"] .input {
            width: 60%;
        }

        #bj .form-item[data-layout~="horizontal"] .messages {
            margin-left: 40%;
            width: 60%;
        }

        #bj .form-item[data-layout~="horizontal"].recaptcha .label label {
            width: calc( 100% - 20px );
            margin-left: 20px;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] {
            width: 25%;
            padding: 0 10px 20px 20px;
            float: left;
            border-width: 0;
        }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].doubled {
                width: 50%;
            }

    #bj .form-item.special-req {
        padding: 0;
    }

            #bj .form-item.special-req .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type {
                padding: 0 10px 20px 20px !important ;
                margin-top:0;
            }

    #bj .requirements .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type,
    #bj .requirements .form-item[data-layout~="horizontal"][data-layout~="w_25"]:nth-of-type(4n+1) {
        padding-left: 0;
    }

    #bj div.bordered {
        border-left: 1px solid #080C10;
        border-right: 1px solid #080C10;
    }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].force-left {
                border-left: 1px solid #080C10;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"].force-right {
                border-right: 1px solid #080C10;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"]:first-of-type {
                padding-left: 0;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label {
                display: block;
                width: calc( 100% - 40px );
                padding: 10px 10px 0 0;
            }

                #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label label,
                #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input_label label {
                    width: 100%;
                    margin-left: 0%;
                    white-space: nowrap;
                }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input {
                width: 30px;
                padding: 10px 0 0;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .messages {
                margin-left: 0%;
                width: 10%;
            }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"][data-validation~="required"] .label label::before {
                padding: 0 2px 0 0;
            }

    #bj .form-item[data-layout~="labelless"][data-layout~="labelshift"] .input {
        margin-left: 40%;
    }

    #bj .form-item[data-layout~="horizontal-stack"] {
        padding-left: 40%;
    }

    #bj .form-item[data-layout~="move_left"] {
        text-align: left;
        float: none;
    }

    #bj .form-item[data-layout~="icon"] .label label::before {
        display: inline-block;
        content: " ";
        width: 20px;
        height: 20px;
        background-image: url(_i/myqa.people.2e2d2c.svg);
        background-position: 0px -15px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 50px 50px;
        opacity: 0.8;
        vertical-align: top;
        margin: -1px 4px 0 1px;
    }

    #bj .form-item[data-layout~="icon"] .label label {
        display: block;
    }

    #bj section.checkout .card .form-item.sub-action {
        margin-top: -10px;
        margin-bottom: 0;
    }

    .no-flexbox #bj .form-table .nav {
        width: 35%;
        display: inline-block;
    }

    .no-flexbox #bj .form-table .tab-content {
        width: 60%;
        display: block;
        float: right;
        margin-bottom: 20px;
    }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] {
        display: block;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .no-flexbox #bj .form-item[data-layout~="horizontal"] .label,
        .no-flexbox #bj .form-item[data-layout~="horizontal"] .input {
            display: block;
            float: left;
        }


    .no-flexbox #bj .form-item[data-layout~="horizontal"] .messages {
        clear: both;
    }


    #bj section .dj_table tbody tr td.action a {
        display: inline-block;
        text-align: left;
    }

    #bj section.checkout .card dl dt {
        width: 27.5%;
        width: calc( 30% - 5px );
        display: inline-block;
        padding: 5px 0 0;
    }

        #bj section.checkout .card dl dt span {
            display: block;
        }

    #bj section.checkout .card dl dd {
        width: 70%;
        display: inline-block;
        padding: 5px 0 0;
    }

        #bj section.checkout .card dl dt.break_before,
        #bj section.checkout .card dl dd.break_before {
            padding-top: 9px;
            border-top: 2px dotted rgba(46, 45, 44, 0.2);
            margin-top: 9px;
        }

        #bj section.checkout .card dl dt.break_after,
        #bj section.checkout .card dl dd.break_after {
            padding-bottom: 9px;
            border-bottom: 2px dotted rgba(46, 45, 44, 0.2);
            margin-bottom: 9px;
        }

        #bj section.checkout .card dl dd.number {
            text-align: right;
        }

    #bj section.checkout .card dl dt.hdr {
        width: 100%;
        display: block;
        padding: 10px 0 0;
        font-weight: bold;
    }

    #bj section.checkout .card dl dd.hdr {
        width: 100%;
        display: block;
        padding: 10px 0 0;
        font-weight: bold;
    }

    #bj section.checkout .the_panes {
        width: 98%;
        width: calc( 100% - 15px );
        padding: 0 0 0 15px;
    }

        #bj section.checkout .the_panes li {
            height: 60px;
            max-width: 180px;
            vertical-align: top;
            display: inline-block;
            padding-bottom: 0;
            padding-left: 10px;
            margin-right: 10px;
        }

    #bj section .img.logo {
        max-width: 200px;
    }

    .myqa .featherlight .featherlight-content {
        min-width: 70%;
    }
}

@media (min-width: 48.0625em) {
    #bj section .head ol li .step_word {
        display: inline;
    }

    #bj .layout .block-size-30 {
        width: 33.333%;
    }

    #bj .layout .block-size-60 {
        width: 66.666%;
    }

    #bj .layout .block-size-90 {
        width: 100%;
    }

    #bj.milestone .layout .block-size-10 {
        width: 2%;
        display: table-cell;
    }

    #bj.milestone .layout .block-size-30 {
        width: 44%;
    }

    #bj.milestone .layout .block-size-60 {
        width: 54%;
    }

    #bj .layout .block-size-100 > .pane {
        width: 25%;
    }

        #bj .layout .block-size-100 > .pane.message {
            width: 40%;
            width: calc( 50% - 10px );
        }

    #bj section .base {
        padding-top: 100px;
    }

    #bj section .card,
    #bj section .milestones,
    #bj.history section .card,
    #bj.learning section .card,
    #bj.home section.history .card,
    #bj.split_90_10 section.history .card {
        width: 50%;
    }

    #bj section .the_big_code .the_code {
        font-size: 272px;
        line-height: 280px;
    }

    #bj section .card.the_big_code {
        width: 100%;
    }

    #bj section.checkout .card {
        width: 100%;
    }

    #bj.home section.history.list-view .card,
    #bj.split_90_10 section.history.list-view .card {
        width: 100%;
    }

    #bj .split_50_50 fieldset {
        width: calc( 50% - 20px );
        display: inline-block;
        margin-top: 40px;
        margin-bottom: 20px;
        vertical-align: top;
    }

    #bj .split_50_50 .form-item[data-layout~="horizontal"] .label label {
        width: 100%;
        margin-left: 0px;
    }

    #bj .featherlight section .card,
    #bj section .featherlight .card {
        width: 100%;
    }

    #bj section.search .card {
        width: 66.666%;
    }

    #bj.history section .card,
    #bj.learning section .card {
        width: 50%;
    }

    #bj.milestone section .card,
    #bj.milestone section .milestones {
        width: 100%;
    }

    #bj .featherlight section .card,
    #bj section .featherlight .card {
        width: 100%;
    }

        #bj .featherlight section .card .base,
        #bj section .featherlight .card .base {
            padding-bottom: 0;
            min-height: 0;
        }

    #bj section .card.logo {
        width: auto;
        height: 100%;
        display: inline-block;
    }

    #bj section .card .more .pane {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .more .pane .amend {
            text-decoration: none;
            margin: 0 0 0 0.25em;
        }

            #bj section .card .more .pane .amend:hover {
                text-decoration: none;
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(46, 45, 44, 0)), color-stop(82.5%, rgba(46, 45, 44, 0)), color-stop(82.5%, rgba(69, 145, 206, 0.2)), to(rgba(69, 145, 206, 0.2)));
                background: linear-gradient(to bottom, rgba(46, 45, 44, 0) 0, rgba(46, 45, 44, 0) 82.5%, rgba(69, 145, 206, 0.2) 82.5%, rgba(69, 145, 206, 0.2) 100%);
            }

        #bj section .card .more .pane dl, #bj section .card .more .pane div {
            padding-top: 0px;
            display: inline-block;
            margin-right: 20px;
            width: 25%;
        }

            #bj section .card .more .pane dl dt,
            #bj section .card .more .pane dl dd {
                width: 100%;
                display: block;
                padding: 0;
            }

        #bj section .card .more .pane p {
            padding-top: 0;
        }

        #bj section .card .more .pane dl dt,
        #bj section .card .more .pane dl dd,
        #bj section .card .more .pane p {
            line-height: 20px;
        }

            #bj section .card .more .pane p.pane_control,
            #bj section .card .more .pane p:first-of-type.pane_control {
                padding-top: 10px;
            }

            #bj section .card .more .pane p:first-of-type {
                padding-top: 0px;
            }

            #bj section .card .more .pane p.dj_icon::before {
                top: 6px;
            }

    #bj section .head h1, #bj section .head h2, #bj section .head h3, #bj section .head h4 {
        float: left;
    }

    #bj section .head ul li[data-do_view] {
        display: inline-block;
    }

    #bj section.list-view .milestones {
        display: none;
    }

    #bj section.list-view .card {
        width: 100%;
        padding: 0 10px 5px;
    }

    #bj section.list-view .base {
        width: 100%;
        height: auto;
        min-height: 0;
        padding: 0 5px;
        overflow: hidden;
        font-size: 0;
        display: table;
    }

        #bj section.list-view .card .base::before,
        #bj section.list-view .card::before,
        #bj section.list-view .card .bundle,
        #bj section.list-view .card .progress,
        #bj section.list-view .base::after,
        #bj section.list-view .card .more .pane p.dj_icon,
        #bj section.list-view .card .more .pane[data-link],
        #bj section.list-view .card .more .pane .pane_control,
        #bj section.list-view .card .more .pane h3,
        #bj section.list-view .card .more .pane dl dt,
        #bj section.list-view .card_control {
            display: none;
        }

    #bj section.list-view .card a:hover {
        text-decoration: underline;
        background-image: none;
    }

    #bj section.list-view .card .card_context {
        display: inline-block;
        text-indent: -5555px;
        vertical-align: top;
        width: 12.5%;
        height: 30px;
        width: 30px;
        padding: 0;
        position: static;
        background-color: transparent;
        color: #2e2d2c;
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 12px;
        line-height: 20px;
    }

    #bj section.list-view .card_context.over span {
        opacity: 1;
        width: auto;
        height: auto;
    }

    #bj section.list-view .card[data-type] .card_context::after {
        top: 5px;
        right: auto;
        left: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/myqa.icons.2e2d2c.svg) -40px -15px no-repeat scroll;
        background-size: 100px;
    }

    #bj section.list-view .card[data-type='bundle'] .card_context::after {
        background-position: -40px -40px;
    }

    #bj section.list-view .card[data-type='online_learning'] .card_context::after {
        background-position: -15px -65px;
    }

    #bj section.list-view .card[data-type='training_course'] .card_context::after {
        background-position: -40px -15px;
    }

    #bj section.list-view .card[data-type='product'] .card_context::after {
        background-position: -65px -65px;
    }

    #bj section.list-view .base h1, #bj section.list-view .base h2, #bj section.list-view .base h3, #bj section.list-view .base h4 {
        display: inline-block;
        vertical-align: top;
        width: 27.5%;
        padding: 5px;
        font-size: 14px;
        line-height: 20px;
        min-height: auto;
    }

    #bj section.list-view .card .more {
        display: inline-block;
        vertical-align: top;
        width: 60%;
        position: relative;
    }

        #bj section.list-view .card .more .pane {
            width: 100%;
            display: block;
            vertical-align: top;
            font-size: 14px;
            line-height: 20px;
            padding: 3px 5px 2px;
            position: static;
            background-color: transparent;
        }

            #bj section.list-view .card .more[data-pane_count='1'] .pane,
            #bj section.list-view .card .more .pane:first-of-type {
                padding-top: 5px;
            }

            #bj section.list-view .card .more .pane:last-of-type {
                padding-bottom: 5px;
            }

            #bj section.list-view .card .more .pane p {
                padding: 0;
                font-size: 14px;
                line-height: 20px;
            }

            #bj section.list-view .card .more .pane dl {
                display: inline;
                font-size: 0;
            }

                #bj section.list-view .card .more .pane dl dd {
                    display: inline-block;
                    width: 33.333%;
                    vertical-align: top;
                    font-size: 14px;
                    line-height: 20px;
                    padding: 0;
                }

                    #bj section.list-view .card .more .pane p::before,
                    #bj section.list-view .card .more .pane dl dd::before {
                        display: block;
                        content: attr(data-text);
                        font-size: 9px;
                        line-height: 10px;
                        letter-spacing: 0.0825em;
                        color: #2e2d2c;
                        opacity: 0.6;
                        text-transform: uppercase;
                    }

    #bj section.list-view .base::before {
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: auto;
        width: 10px;
    }

    #bj section.list-view .card.dark .base {
        background-color: transparent;
        text-align: right;
    }

    #bj .block-size-100 > .pane {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

        #bj .block-size-100 > .pane:nth-of-type(3) {
            width: 25%;
        }

    .myqa .featherlight .featherlight-content {
        min-width: 60%;
    }
}

@media (min-width: 61.25em) {
    #bj .layout .block-size-10 {
        display: none;
    }

    #bj.milestone .layout .block-size-10 {
        width: 4%;
        display: table-cell;
    }

    #bj.milestone .layout .block-size-30 {
        width: 33%;
    }

    #bj.milestone .layout .block-size-60 {
        width: 63%;
    }

    #bj section .split li {
        display: inline-block;
        width: 45%;
        width: calc( 50% - 20px );
        width: auto;
        margin: 0 20px 0 0;
        padding-bottom: 0;
    }

    #bj.history section .card,
    #bj.learning section .card,
    #bj.home section.history .card,
    #bj.split_90_10 section.history .card {
        width: 100%;
    }

    #bj.history section.list-view .card,
    #bj.learning section.list-view .card,
    #bj.home section.history.list-view .card,
    #bj.split_90_10 section.history.list-view .card {
        width: 100%;
    }

    #bj.history section .card_control li.link,
    #bj.learning section .card_control li.link,
    #bj.milestone section .card_control li.link,
    #bj.home section.history .card_control li.link,
    #bj.split_90_10 section.history .card_control li.link {
        /* padding: 0 ; */
    }

        #bj.history section .card_control li.link:first-of-type,
        #bj.learning section .card_control li.link:first-of-type,
        #bj.milestone section .card_control li.link:first-of-type,
        #bj.home section.history .card_control li.link:first-of-type,
        #bj.split_90_10 section.history .card_control li.link:first-of-type {
            padding-left: 20px;
        }

    #bj section .card_control li {
        padding: 20px;
    }

        #bj section .card_control li:first-of-type {
            margin-left: 0;
        }

        #bj section .card_control li.done,
        #bj section .card_control li.error,
        #bj section .card_control li.warning,
        #bj section .card_control li.done:first-of-type,
        #bj section .card_control li.error:first-of-type,
        #bj section .card_control li.warning:first-of-type {
            padding-right: 10px;
        }

    #bj section .base {
        padding-top: 20px;
    }

    #bj section .card .more .pane {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card .more .pane dl dt,
        #bj section .card .more .pane dl dd {
            display: inline-block;
            padding: 5px 0 0;
            vertical-align: top;
        }

        #bj section .card .more .pane dl dt {
            width: 100%;
        }

        #bj section .card .more .pane dl dd {
            width: 100%;
        }

        #bj section .card .more .pane p {
            padding-top: 5px;
        }

            #bj section .card .more .pane p.dj_icon::before {
                top: 4px;
            }

    #bj .form-item[data-layout~="horizontal"] .label label {
        width: calc( 100% - 140px );
        margin-left: 140px;
    }

    #bj .featherlight .form-item[data-layout~="horizontal"] .label label {
        width: 100%;
        margin-left: 0;
    }

    #bj .form-text h2, #bj .form-text h3, #bj .form-text h4, #bj .form-text h5, #bj .form-text h6 {
        margin-left: 10px;
    }

    #bj section .the_big_code .the_code {
        font-size: 352px;
        line-height: 360px;
    }

    #bj .form-table .nav li.afa-datepicker-holder input.afa-datepicker {
        display: inline-block;
    }

    #bj .form-table .features-table td {
        vertical-align: middle;
    }

        #bj .form-table .features-table td .btn {
            display: inline-block;
            margin: 0;
        }

        #bj .form-table .features-table td input.btn {
            width: auto;
        }

    .myqa .featherlight .featherlight-content {
        min-width: 50%;
    }
}

@media (min-width: 75em) {
    #bj section .the_big_code .the_code {
        font-size: 332px;
        line-height: 340px;
    }
}

@media (min-width: 37.5em) and (max-width: 75em) {
    #bj section .card_control li {
        font-size: 14px;
        line-height: 20px;
    }

        #bj section .card_control li.link:first-of-type {
            /* padding-left: 0 ; */
        }
}

#bj .addtocalendar var {
    display: none;
}

#bj .addtocalendar {
    position: relative;
    display: inline-block;
    background: transparent !important;
}

#bj .atcb-link {
    display: block;
    outline: none !important;
    cursor: pointer;
    text-decoration: none;
}

    #bj .atcb-link:focus ~ ul,
    #bj .atcb-link:active ~ ul,
    #bj .atcb-list:hover {
        visibility: visible;
    }

#bj .atcb-list {
    visibility: hidden;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 200px;
    z-index: 900;
}

#bj .atcb-list {
    list-style: none;
    margin: 0;
    padding: 5px 10px;
    background: #ffffff;
    list-style-type: none;
    font-size: 14px;
    line-height: 20px;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 2px rgba(46, 45, 44, 0.2);
    box-shadow: 0 0 2px rgba(46, 45, 44, 0.2);
}

    #bj .atcb-list .atcb-item {
        list-style: none;
        margin: 0;
        padding: 0;
        list-style-type: none;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .atcb-list .atcb-item {
        list-style-type: none;
    }

        #bj .atcb-list .atcb-item::before {
            display: none;
        }

    #bj .atcb-list .atcb-item {
        float: none;
        text-align: left;
    }

#bj .atcb-item-link {
    text-decoration: none;
    outline: none;
    display: inline-block;
}

#bj .atcb-item.hover,
#bj .atcb-item:hover {
    position: relative;
    z-index: 900;
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

.no-flexbox #bj section .card {
    display: inline-block;
    padding: 0 10px 20px;
    font-size: 16px;
    line-height: 20px;
}

.no-flexbox #bj section.list-view .card {
    padding-bottom: 5px;
}

.no-flexbox #bj section .milestones {
    display: inline-block;
    float: none;
}

.no-flexbox #bj section.list-view .milestones {
    display: none;
}


.select-replace {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: unset;
    height: auto;
    line-height: 40px;
    border-radius: 2px;
    background-color: transparent;
}

    .select-replace::after {
        border: 8px solid #666;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        top: 16px;
        width: 0;
        height: 0;
        right: 0.75rem;
        background-image: none;
        /*z-index: 9999;*/
    }

    .select-replace select option {
        background-color: #ffffff;
    }

@media (min-width: 37.5em) {
    .select-replace::after {
        top: 19px;
    }
}

.picker {
    width: 100%;
    max-width: 560px;
    line-height: 20px;
    font-size: 14px;
    display: none;
    position: absolute;
    width: 328px;
    background-color: white;
    font-weight: 500;
    box-shadow: 0 2px 10px 1px rgba(0,64,80,0.05);
    border-radius: 10px;
    padding: 18px 24px 11px 24px;
    z-index: 100;
}

    .picker.picker--opened {
        display: block; 
    }

    .picker .picker__header {
        width: 100%;
        text-align: center;
        padding: 10px !important;
        line-height: 20px;
        font-size: 14px;
        position: relative;
    }

        .picker .picker__header .picker__month {
            display: inline-block;
            padding: 10px 0.5em 10px 0 !important;
        }

        .picker .picker__header .picker__year {
            display: inline-block;
        }

        .picker .picker__header .picker__nav--prev {
            height: 40px;
            width: 40px;
            display: inline-block;
            background-color: transparent;
            color: #f0f0f0;
            position: absolute;
            left: 0;
            -webkit-transition: 0.5s background-color linear;
            /*! transition: 0.5s background-color linear; */
        }

            .picker .picker__header .picker__nav--prev::before {
                content: "";
                border: 0;
                /*! border-left-color: transparent; */
                /*! border-bottom-color: transparent; */
                /*! border-top-color: transparent; */
                position: absolute;
                left: 3px;
                top: 10px;
                background: transparent;
                color: #080C10;
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
            }

        .picker .picker__header .picker__nav--next {
            height: 40px;
            width: 40px;
            display: inline-block;
            background-color: white;
            color: #f0f0f0;
            position: absolute;
            right: 0;
            -webkit-transition: 0.5s background-color linear;
            transition: 0.5s background-color linear;
        }

            .picker .picker__header .picker__nav--next::before {
                content: "";
                border: 10px solid #076d3a;
                border-right-color: transparent;
                border-bottom-color: transparent;
                border-top-color: transparent;
                position: absolute;
                right: 3px;
                top: 10px;
                content: "";
                border: 0;
                border-left-color: transparent;
                border-bottom-color: transparent;
                border-top-color: transparent;
                position: absolute;
                /*! left: 3px; */
                top: 10px;
                background: transparent;
                color: #080C10;
                font-family: "Font Awesome 5 Pro";
                font-weight: 400;
            }

            .picker .picker__header .picker__nav--prev:hover,
            .picker .picker__header .picker__nav--next:hover {
                background-color: white;
            }

    .picker .picker__table {
        width: 100%;
    }

        .picker .picker__table .picker__weekday {
            text-align: center;
        }

        .picker .picker__table .picker__day {
            text-align: center;
            line-height: 20px;
            font-size: 14px;
            padding: 7px 5px !important;
            cursor: pointer;
            /*! height: 40px; */
            /*! width: 40px; */
            /*! border-radius: 10px; */
            /*! background-color: #080C10; */
            border: 1px solid white;
        }

        .picker .picker__table .picker__day--today {
            /*! border: 1px solid #28598d; */
            /*! height: 40px; */
            /*! width: 40px; */
            border-radius: 10px;
            /*background-color: #080C10;*/
            /*color: white;*/
            border-color: #080C10;
        }
        .picker .picker__table .picker__day--selected {
            /*! border: 1px solid #28598d; */
            /*! height: 40px; */
            /*! width: 40px; */
            border-radius: 10px;
            background-color: #080C10;
            color: white;
            border-color: #080C10;
        }

        .picker .picker__table .picker__day:hover {
            border-radius: 10px;
            background-color: #080C10;
            color: white;
            border: 1px solid #28598d;
        }

        .picker .picker__table .picker__day--outfocus {
            color: white;
        }

        .picker .picker__table .picker__day--outfocus:hover {
            color: white;
            background: white;
        }

    .picker .picker__footer {
        text-align: center;
    }

        .picker .picker__footer button {
            /*! background: #076d3a; */
            color: #f0f0f0;
            font-size: 14px;
            line-height: 20px;
            padding: 7px 16px;
            margin: 10px 4px;
            font-weight: bold;
            border-width: 0;
            /*! border-radius: 0.25rem; */
            border-radius: 24px;
            background-color: #080C10;
            color: #FFFFFF;
            font-family: 'Figtree',Arial,sans-serif;
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0;
            line-height: 16px;
            text-align: center;
            display: inline-block;
        }

            /*.picker .picker__footer button:hover {
                background: #2e2d2c;
            }*/

.select-replace[readonly], input[readonly], select[readonly], textarea[readonly] {
    cursor: default;
}

#bj input[type=button],
#bj input[type=submit],
#bj input[type=radio] {
    -webkit-appearance: none;
}

#bj .dj_autocomplete {
    border-right: 1px solid rgba(46, 45, 44, 0.2);
    border-left: 1px solid rgba(46, 45, 44, 0.2);
    background-color: #ffffff;
    max-width: 560px;
    max-height: 280px;
    overflow-y: auto;
}

    #bj .dj_autocomplete.off {
        display: none;
    }

    #bj .dj_autocomplete .off {
        display: none;
    }

        #bj .dj_autocomplete .off.on {
            display: block;
        }

    #bj .dj_autocomplete li {
        cursor: pointer;
        display: block;
        padding: 10px 10px 9px;
        border-bottom: 1px solid rgba(46, 45, 44, 0.2);
        background-color: #ffffff;
        color: #2e2d2c;
    }

        #bj .dj_autocomplete li:hover,
        #bj .dj_autocomplete li.on {
            display: block;
            text-decoration: underline;
            background-color: #f0f0f0;
        }

.disable-hover,
.disable-hover * {
    pointer-events: none !important;
}

#bj .select-replace {
    border-radius: 0;
}

    #bj .select-replace select {
        border-radius: 0;
    }

#bj .article-header {
    position: relative;
}

    #bj .article-header h1.course-detail-header {
        text-align: left;
        font-weight: bold;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    #bj .article-header p {
        max-width: 640px;
        color: #080C10;
        font-size: 0.875em;
        line-height: 125%;
    }

    #bj .article-header button {
        padding: 10px;
        display: inline-block;
        cursor: pointer;
    }

#bj .details h3 {
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    color: #080C10;
    font-size: 18px;
    margin: 10px 0;
    padding: 60px 0 9px;
    border-bottom: 10px solid rgba(2, 91, 170, 0.2);
    display: inline-block;
}

    #bj .details h3:first-of-type {
        padding-top: 0px;
    }

#bj .details h4 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#bj .payment h3 {
    padding: 0px;
    font-size: 20px;
    line-height: 20px;
    color: #080C10;
    font-size: 18px;
    margin: 10px 0;
    padding: 60px 0 9px;
    border-bottom: 10px solid rgba(2, 91, 170, 0.2);
    display: inline-block;
}

    #bj .payment h3:first-of-type {
        padding-top: 0px;
    }

#bj .payment h4 {
    padding-top: 0px;
    padding-bottom: 0px;
}

#bj .unit {
    position: relative;
    padding: 1rem;
    margin: 0 -1rem;
}

    #bj .unit:first-of-type {
        padding-top: 0;
    }
/*
    #bj .unit:nth-of-type(even) {
        background-color: #f8f8f8;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
    }*/

    #bj .unit > .hdr {
        padding: 0px;
        font-size: 20px;
        line-height: 20px;
        color: #080C10;
        font-size: 18px;
        margin: 10px 0;
        padding: 10px 70px 10px 50px;
        position: relative;
        z-index: 1;
    }

        #bj .unit > .hdr span {
            width: 38px;
            line-height: 38px;
            height: 38px;
            text-align: center;
            padding: 0;
            margin: 0 8px 16px 0;
            border: 1px solid #080C10;
            background: #ffffff;
            font-weight: bold;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

    #bj .unit .hdr i {
        font-size: 12px;
        font-style: normal;
        opacity: 0.8;
    }

        #bj .unit .hdr i::before {
            padding-left: 0.5em;
        }

    #bj .unit .hdr .fa {
/*        position: relative;
        top: 5px;
        left: -11px;
        font-size: 28px;*/
        position: relative;
        top: 3px;
        left: -8px;
        font-size: 26px;
        font-weight: 500;
    }
    #bj .unit .hdr .fa.fa-shopping-cart {
        left: -10px;
    }


    #bj .unit .cnt {
        margin: 0;
        padding: 15px;
        border: 1px solid #080C10;
        border-bottom: none;
        background-color: #ffffff;
        color: #080C10;
    }

    #bj .unit.off .cnt {
        border-bottom: 1px solid #080C10;
    }

        #bj .unit .cnt.question {
            display: block;
        }

        #bj .unit .cnt.statement {
            display: none;
        }

        #bj .unit .cnt p {
            font-size: 12px;
            line-height: 20px;
        }

        #bj .unit .cnt table {
            width: 100%;
            margin: 0;
            padding: 0;
            table-layout: fixed;
            border-collapse: collapse;
        }

            #bj .unit .cnt table thead tr th {
                vertical-align: top;
                text-align: left;
                padding: 10px 5px;
            }

            #bj .unit .cnt table tbody tr td {
                vertical-align: top;
                text-align: left;
            }

            #bj .unit .cnt table tfoot tr td {
                /*background-color: #e9e9e9;*/
                color: #000;
                padding: 10px;
            }

            #bj .unit .cnt table tfoot tr:nth-of-type(2) td {
                /*background-color: #cccccc;*/
                color: #2e2d2c;
            }

    #bj .unit.off .cnt.question {
        display: none;
    }

    #bj .unit.off .cnt.statement {
        display: block;
    }

    #bj .unit > .ftr {
        margin: 0;
        /*        background-color: #080C10;
        color: #ffffff;*/
        font-size: 12px;
        padding: 8px 16px;
        border: 1px solid #080C10;
        border-top:none;
    }

        #bj .unit > .ftr button {
            padding: 10px;
            line-height: 20px;
            cursor: pointer;
        }

    #bj .unit.off > .ftr {
        display: none;
    }

    #bj .unit .ctl {
        display: block;
        position: absolute;
        top: 10px;
        right: 1rem;
        z-index: 2;
        font-size: 12px;
        cursor: pointer;
        color: #080C10;
    }

        #bj .unit .ctl span {
            font-size: 12px;
        }

        #bj .unit .ctl:hover {
            text-decoration: underline;
        }

        #bj .unit .ctl .change {
            display: none;
        }

        #bj .unit .ctl .cls {
            display: block;
        }

            #bj .unit .ctl .cls::after {
                font-family: "Font Awesome 5 Pro";
                display: inline-block;
                content: "\f054";
                position: relative;
                width: 20px;
                height: 20px;
                /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                text-align:center;
            }

        #bj .unit .ctl .change::after {
            font-family: "Font Awesome 5 Pro";
            display: inline-block;
            content: "\f054";
            position: relative;
            width: 20px;
            height: 20px;
            text-align: center;
            /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
        }

    #bj .unit.off .ctl {
        display: block;
    }

        #bj .unit.off .ctl .change {
            display: block;
        }

        #bj .unit.off .ctl .cls {
            display: none;
        }

    #bj .unit .cnt.question p {
        padding: 0;
        margin: 0;
    }

    #bj .unit .cnt.question table {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        table-layout: fixed;
        border-collapse: collapse;
    }

        #bj .unit .cnt.question table thead,
        #bj .unit .cnt.question table tbody,
        #bj .unit .cnt.question table tfoot {
            display: block;
            width: 100%;
        }

            #bj .unit .cnt.question table tbody tr {
                display: block;
            }

                #bj .unit .cnt.question table tbody tr td {
                    display: inline-block;
                    margin-left: -5px;
                    vertical-align: top;
                    text-align: left;
                    padding: 10px 5px;
                }

                    #bj .unit .cnt.question table tbody tr td.hdr {
                        font-size: 18px;
                        line-height: 20px;
                        font-weight: 400;
                    }

                    #bj .unit .cnt.question table tbody tr td strike {
                        color: #999999;
                    }

                    #bj .unit .cnt.question table tbody tr td .txt {
                        display: block;
                        font-size: 14px;
                        line-height: 20px;
                    }

                    #bj .unit .cnt.question table tbody tr td span.more {
                        font-size: 14px;
                        line-height: 20px;
                        padding: 0 0 10px;
                        cursor: pointer;
                        display: block;
                    }

                    #bj .unit .cnt.question table tbody tr td div.more {
                        display: none;
                        font-size: 14px;
                        line-height: 20px;
                        padding: 0;
                    }

                    #bj .unit .cnt.question table tbody tr td dl {
                        display: block;
                    }

                        #bj .unit .cnt.question table tbody tr td dl dt {
                            display: inline-block;
                            width: 25%;
                        }

                        #bj .unit .cnt.question table tbody tr td dl dd {
                            display: inline-block;
                            width: 70%;
                        }

        #bj .unit .cnt.question table tfoot {
            display: block;
        }

            #bj .unit .cnt.question table tfoot tr:nth-of-type(2) td {
                /*background-color: #cccccc;*/
                color: #2e2d2c;
            }

            #bj .unit .cnt.question table tfoot tr {
                display: block;
            }

                #bj .unit .cnt.question table tfoot tr td {
                    display: inline-block;
                    margin-left: -5px;
                    /*background-color: #e9e9e9;*/
                    color: #000;
                    padding: 10px;
                }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(1),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(1) {
                        width: 51%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(2),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(2) {
                        width: 17%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(3),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(3) {
                        width: 17%;
                    }

                    #bj .unit .cnt.question table tfoot tr td:nth-of-type(4),
                    #bj .unit .cnt.question table thead tr th:nth-of-type(4) {
                        width: 15%;
                    }

@media (max-width: 990px) {
    #bj .unit .cnt.question table tfoot tr td:nth-of-type(1) {
        width: 100%;
        padding: 10px 10px 0;
        margin: 0;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(2) {
        width: 100%;
        text-align: right;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(3) {
        display: none !important;
    }

    #bj .unit .cnt.question table tfoot tr td:nth-of-type(4) {
        width: 100%;
        text-align: right;
        padding: 0 10px 10px;
        margin: 0;
    }
}

#bj .unit .cnt.question table.summary ~ .form-item {
    font-size: 12px;
    color: #080C10;
}

#bj .unit .cnt.question table.summary tbody {
    font-size: 20px;
    line-height: 20px;
}

    #bj .unit .cnt.question table.summary tbody.bundle {
        background: #bcbcbb;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.product {
        background: #d1c1be;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.online_learning {
        background: #f5e5db;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody.training_course {
        background: #d0dfec;
        color: #2e2d2c;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 40%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 20%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 20%;
        text-align: right;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 20%;
        text-align: right;
    }

        #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3).hdr,
        #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4).hdr {
            font-weight: 700;
        }

@media (max-width: 990px) {
    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 100%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 100%;
        padding: 5px 0 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 100%;
        text-align: right;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 50%;
        text-align: left;
        padding: 5px 5px 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(5) {
        width: 50%;
        text-align: right;
        padding: 5px 5px 0;
    }
}

#bj .unit .cnt.question table.licence {
    width: 100%;
}

    #bj .unit .cnt.question table.licence tr thead th:nth-of-type(1) {
        padding-left: 10px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
        width: 15%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
        width: 35%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
        width: 12.5%;
        font-size: 12px;
        line-height: 20px;
    }

@media (max-width: 640px) {
    #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
        width: 50%;
        padding: 0 0 0 5px !important;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
        width: 50%;
        padding: 0 5px 0 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        -ms-flex-item-align: center;
        align-self: center;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
        width: 100%;
        padding: 5px 5px 0;
        text-align: left;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
        width: 33.333%;
        padding: 0 0 5px 5px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
        width: 33.333%;
        padding: 0 0 5px 0;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }

    #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
        width: 33.333%;
        padding: 0 5px 5px 0;
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
    }
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(1) {
    width: 40%;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(2) {
    width: 15%;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(4) {
    width: 15%;
    text-align: right;
}

#bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(5) {
    width: 15%;
    text-align: right;
}

@media (max-width: 990px) {
    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(1) {
        width: 100%;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(2) {
        width: 100%;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(3) {
        display: none !important;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(4) {
        display: none !important;
    }

    #bj .unit .cnt.question.multiple table tfoot tr td:nth-of-type(5) {
        width: 100%;
        text-align: right;
    }
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
    width: 40%;
    padding-bottom: 10px;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(2) {
    width: 15%;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(3) {
    width: 15%;
    text-align: center;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(4) {
    width: 15%;
    text-align: right;
}

#bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(5) {
    width: 15%;
    text-align: right;
}

@media (max-width: 990px) {
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] {
        margin-top: 12px;
    }

    #bj .unit.details .cnt.question .form.grey .form-item[data-layout~="w_10"][data-layout~="labelless"] .input {
        padding-top: 0px;
    }

    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"],
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] .input,
    #bj .unit .cnt.question .form.grey .form-item[data-layout~="w_10"] .input button {
        width: 100%;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
        width: 100%;
        font-weight: 700;
        padding: 10px 10px 5px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
        width: 100%;
        text-align: left;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
        width: 100%;
        text-align: right;
        padding: 0 10px;
        margin: 0;
    }

    #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
        width: 100%;
        text-align: right;
        padding: 0 10px 10px;
        margin: 0;
    }
}

.flexbox #bj .unit .cnt.question table thead tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #080C10;
    color: #fff;
    width: 100%;
}

    .flexbox #bj .unit .cnt.question table thead tr th {
        font-weight: 500;
    }

.flexbox #bj .unit .cnt.question table tbody tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #080C10;
    width: 100%;
}

    .flexbox #bj .unit .cnt.question table tbody tr:last-of-type {
        border-bottom-width: 0px;
    }

    .flexbox #bj .unit .cnt.question table tbody tr td {
        display: block;
        margin-left: 0px;
    }

.flexbox #bj .unit .cnt.question table.licence tr > th:nth-of-type(1) {
    padding-left: 10px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(1) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(2) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) {
    min-width: 120px;
}

    .flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(3) i {
        display: block;
        font-size: 12px;
        line-height: 20px;
        color: #080C10;
        font-style: normal;
    }

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(4) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(5) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.licence tr > *:nth-of-type(6) {
    min-width: 60px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(1) {
    min-width: 210px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(2) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(3) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question table.summary tbody tr td:nth-of-type(4) {
    min-width: 90px;
}

.flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td.hdr {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.flexbox #bj .unit .cnt.question.multiple table.summary tbody tr {
    border-bottom: 0px solid #080C10;
}

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
        min-width: 190px;
        padding-left: 10px;
        border-radius: 4px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(2) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(3) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(4) {
        min-width: 90px;
    }

    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(5) {
        min-width: 90px;
    }

#bj .unit .cnt.question p.more {
    font-size: 14px;
    line-height: 20px;
    padding: 4px 0 8px;
    display: block;
    color: #080C10;
}

    #bj .unit .cnt.question p.more .link::before {
        font-family: "Font Awesome 5 Pro";
        content: "\f054";
        display: inline-block;
        position: relative;
        width: 20px;
        height: 20px;
        /*background: url(_i/grey-form-icon-blue-arrow-right.png) 50% 50%/20px no-repeat;*/
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
        text-align: center;
    }

    #bj .unit .cnt.question p.more .link.on::before {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #bj .unit .cnt.question p.more .action::before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/grey-form-icon-blue-action.png) 50% 50%/20px no-repeat;
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
    }

    #bj .unit .cnt.question p.more .important::before {
        content: " ";
        display: inline-block;
        position: relative;
        top: 5px;
        width: 20px;
        height: 20px;
        background: url(_i/grey-form-icon-blue-important.png) 50% 50%/20px no-repeat;
        -webkit-transition: 0.15s -webkit-transform;
        transition: 0.15s -webkit-transform;
        transition: 0.15s transform;
        transition: 0.15s transform, 0.15s -webkit-transform;
    }

    #bj .unit .cnt.question p.more span, #bj .unit .cnt.question p.more a {
        font-size: 12px;
        line-height: 20px;
        text-decoration: none;
    }

        #bj .unit .cnt.question p.more a:hover,
        #bj .unit .cnt.question p.more .action:hover,
        #bj .unit .cnt.question p.more .link:hover {
            text-decoration: underline;
            cursor: pointer;
        }

    #bj .unit .cnt.question p.more a {
        color: #080C10;
    }

#bj .unit .cnt.question .item p.more {
    padding: 0;
}

#bj .unit .cnt.question table[data-type="online_learning"] + .more + .more {
    color: #ca7f4e;
}

#bj .unit .cnt.question table[data-type="training_course"] + .more + .more {
    color: #4591ce;
}

#bj .unit .cnt.question table[data-type="product"] + .more + .more {
    color: #954637;
}

#bj .unit .cnt.question table[data-type="bundle"] + .more + .more {
    color: #2e2d2c;
}

#bj .unit .cnt.question div.more {
    display: none;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px 8px 4px;
}

    #bj .unit .cnt.question div.more.questions {
        padding: 0 0 24px;
    }

#bj .unit .cnt.question dl {
    display: block;
    font-size: 12px;
    line-height: 20px;
    padding: 0;
    margin: 0 0 8px;
}

    #bj .unit .cnt.question dl dt {
        display: inline-block;
        width: 25%;
        padding: 0;
        margin: 0;
        font-weight: 500;
        vertical-align: top;
    }

    #bj .unit .cnt.question dl dd {
        display: inline-block;
        width: 70%;
        padding: 0;
        margin: 0;
        vertical-align: top;
    }

#bj .unit .cnt.question p.txt {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    background: #f7ecec url(_i/grey-form-icon-error.png) 8px 50%/24px 24px no-repeat scroll;
    padding: 8px 8px 8px 36px;
    margin: 0 0 16px;
    -webkit-box-shadow: 0 0 3px inset rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 3px inset rgba(255, 255, 255, 0.8);
    color: #080C10;
    border: 1px solid #e8cbca;
    border-radius: 4px;
}

    #bj .unit .cnt.question p.txt a {
        color: #D90A47;
        font-size: 12px;
    }

        #bj .unit .cnt.question p.txt a:hover {
            color: #D90A47;
        }

#bj .unit .cnt.question.multiple p.more {
    font-size: 12px;
    padding: 0;
}

#bj .unit .cnt.question .payment_panes {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    padding: 0;
}

    #bj .unit .cnt.question .payment_panes h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 0 0 8px;
        display: none;
    }

    #bj .unit .cnt.question .payment_panes p {
        padding: 0 0 8px;
    }

    #bj .unit .cnt.question .payment_panes .the_panes {
        width: calc( 100% - 16px );
        padding: 0;
        margin: 8px 0 0;
    }

        #bj .unit .cnt.question .payment_panes .the_panes li {
            border-top: 1px solid #080C10;
        }

            #bj .unit .cnt.question .payment_panes .the_panes li:first-of-type {
                border-left: 1px solid #080C10;
            }

            #bj .unit .cnt.question .payment_panes .the_panes li:last-of-type {
                border-right: 1px solid #080C10;
            }

    #bj .unit .cnt.question .payment_panes .card {
        border: 1px solid #080C10;
        margin: -1px 0 0;
        padding: 16px;
        border-radius:0;
    }

        #bj .unit .cnt.question .payment_panes .card .base {
            width: 100%;
        }

#bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type {
    background: #ccdeee;
}

    #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on {
        background: #080C10;
        color: #ffffff;
    }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on::before {
            background-image: url(_i/grey-form-icon-white-arrow-right.png);
        }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type.on:hover {
            background-color: #080C10;
            color: #ffffff;
        }

    #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type:hover {
        background-color: #080C10;
        color: #ffffff;
    }

        #bj .unit .cnt.question .make_payment_panes > .the_panes li:first-of-type:hover::before {
            background-image: url(_i/grey-form-icon-white-arrow-right.png);
        }

@media (max-width: 990px) {
    .flexbox #bj .unit .cnt.question.multiple table.summary tbody tr td:nth-of-type(1) {
        padding-bottom: 10px;
    }
}

.flexbox #bj .unit .cnt.question table tfoot tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*background-color: #f0f2f7;*/
    width: 100%;
    border: 1px solid #080C10;
    border-bottom: 1px solid #080C10;
}

/*    .flexbox #bj .unit .cnt.question table tfoot tr td {
        background-color: #f0f2f7;
    }*/

    .flexbox #bj .unit .cnt.question table tfoot tr:last-of-type {
        border-bottom: 1px solid #080C10;
        background-color: #EDEFF1;
    }

        .flexbox #bj .unit .cnt.question table tfoot tr:last-of-type td {
            background-color: #EDEFF1;
        }

    .flexbox #bj .unit .cnt.question table tfoot tr td {
        display: block;
        margin-left: 0px;
    }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(1) {
            min-width: 240px;
            font-weight: 700;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(2) {
            min-width: 120px;
            font-weight: 300;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(3) {
            min-width: 120px;
            font-weight: 300;
        }

        .flexbox #bj .unit .cnt.question table tfoot tr td:nth-of-type(4) {
            min-width: 120px;
            font-weight: 700;
            color: #080C10;
        }

#bj .unit.basket .cnt.question p.note {
    text-align: right;
    font-style: normal;
    max-width: 100%;
    line-height: 15px;
    font-size: 12px;
    color: #0B7192;
}

    #bj .unit.basket .cnt.question p.note b {
        display: none;
        font-weight: 500;
        font-style: normal;
        font-variant: small-caps;
        text-transform: capitalize;
        padding: 0 0.125rem 0 0;
    }

#bj .unit button {
    display: inline-block;
    margin: 0 0 5px 5px;
    padding: 10px;
    border-radius: 2px;
    background: #64992f;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    font-size: 12px;
    line-height: 20px;
    min-height: 1px;
    border-width: 0;
    -webkit-transition: 0.15s background, 0.35s border-color;
    transition: 0.15s background, 0.35s border-color;
}

    #bj .unit button + button {
        margin-right: 5px;
    }

    #bj .unit button:hover {
        background: #05763d;
    }

#bj .unit .form {
    padding: 20px 0 0;
}

#bj .unit .cnt.statement p {
    position: relative;
    margin-bottom: 0;
    padding-bottom: 0;
}

#bj .unit.basket > .cnt.statement p {
    padding-right: 130px;
}

    #bj .unit.basket > .cnt.statement p .cost {
        position: absolute;
        width: 120px;
        right: 0;
        top: 0;
        text-align: right;
        font-size: 12px;
        line-height: 20px;
    }

    #bj .unit.basket > .cnt.statement p i {
        font-style: normal;
        font-weight: 500;
    }

#bj .unit.basket > .cnt.question p {
    max-width: 560px;
}

    #bj .unit.basket > .cnt.question p.more {
        margin-bottom: 12px;
        padding-bottom: 0;
    }

#bj .unit.basket > .cnt.question.multiple p.more {
    padding-top: 0;
}

#bj .unit .the_panes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    width: calc( 100% + 30px );
    padding: 0 0 8px;
    margin: -15px -15px 8px;
}

    #bj .unit .the_panes li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-width: 120px;
        max-width: 100%;
        position: relative;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px;
        margin: 0;
        padding: 12px 8px 12px 32px;
        vertical-align: top;
        background-color: #fff;
        border-bottom: 1px solid #080C10;
        border-right: 1px solid #080C10;
    }

@media (min-width: 800px) {
    #bj .unit .the_panes li:nth-last-child(n+2):first-child,
    #bj .unit .the_panes li:nth-last-child(n+2):first-child ~ li {
        max-width: 50%;
    }

    #bj .unit .the_panes li:nth-last-child(n+3):first-child,
    #bj .unit .the_panes li:nth-last-child(n+3):first-child ~ li {
        max-width: 33.333%;
    }

    #bj .unit .the_panes li:nth-last-child(n+4):first-child,
    #bj .unit .the_panes li:nth-last-child(n+4):first-child ~ li {
        max-width: 25%;
    }

    #bj .unit .the_panes li:nth-last-child(n+5):first-child,
    #bj .unit .the_panes li:nth-last-child(n+5):first-child ~ li {
        max-width: 20%;
    }

    #bj .unit .the_panes li:nth-last-child(n+6):first-child,
    #bj .unit .the_panes li:nth-last-child(n+6):first-child ~ li {
        max-width: 16.6666666667%;
    }

    #bj .unit .the_panes li:nth-last-child(n+7):first-child,
    #bj .unit .the_panes li:nth-last-child(n+7):first-child ~ li {
        max-width: 14.2857142857%;
    }

    #bj .unit .the_panes li:nth-last-child(n+8):first-child,
    #bj .unit .the_panes li:nth-last-child(n+8):first-child ~ li {
        max-width: 100%;
    }
}

#bj .unit .the_panes li::before {
    font-family: "Font Awesome 5 Pro";
    display: block;
    content: "\f054";
    position: absolute;
    top: 12px;
    left: 6px;
    width: 20px;
    height: 20px;
    text-align:center;
    font-size:12px;
}

#bj .unit .the_panes li.on::before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#bj .unit .the_panes li:last-of-type {
    border-right-width: 0px;
}

#bj .unit .the_panes li.on {
    background-color: #EDEFF1;
    border-bottom-color: #EDEFF1;
}

#bj .unit .the_panes li:hover {
    /*background-color: rgba(204, 222, 238, 0.8);*/
    color: #485A6E;
}

@media (max-width: 800px) {
    #bj .unit .the_panes {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .unit .the_panes li {
            display: block;
            border: 1px solid #080C10;
            width: 100%;
        }
}

.lt-ie10 #bj .unit .the_panes {
    display: block;
}

    .lt-ie10 #bj .unit .the_panes li {
        display: inline-block;
        list-style: none;
        vertical-align: bottom;
    }

#bj .unit .form-item {
    display: block;
}

#bj .unit button {
    cursor: pointer;
    padding: 8px;
}

#bj .form.grey {
    padding: 0;
    margin: 0;
    position: relative;
}

    #bj .form.grey .form-item {
        vertical-align: top;
        padding: 0 8px 0 0;
    }

        #bj .form.grey .form-item[data-layout~="clear"] {
            display: block;
            padding-top: 8px;
        }

        #bj .form.grey .form-item .person_finder input[type="text"] {
            width: 320px;
            background-color: #ffffff;
        }

        #bj .form.grey .form-item .label {
            padding: 0;
        }

            #bj .form.grey .form-item .label label {
                color: #080C10;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin: 0;
            }

        #bj .form.grey .form-item .input_label {
            padding: 4px 0 8px;
            margin-left: 0;
        }

            #bj .form.grey .form-item .input_label label {
                color: #080C10;
                font-size: 12px;
                line-height: 20px;
                font-weight: normal;
                margin: 0;
            }

        #bj .form.grey .form-item .input button,
        #bj .form.grey .form-item .input textarea,
        #bj .form.grey .form-item .input input {
            height: auto;
            background-color: #ffffff;
            color: #080C10;
            border: 1px solid #d7d7d7;
            border-radius: 2px;
            font-size: 0.875rem;
            line-height: 20px;
            font-weight: normal;
            padding: 8px;
            margin: 0;
            white-space: nowrap;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            #bj .form.grey .form-item .input input[disabled] {
                opacity: 0.6;
                font-style: italic;
                color: #080C10;
                cursor: not-allowed;
            }

        #bj .form.grey .form-item .input button {
            border-color: transparent;
        }

        #bj .form.grey .form-item .input select {
            background-color: #ffffff;
            color: #080C10;
            border: 1px solid #d7d7d7;
            font-size: 0.875rem;
            line-height: 20px;
            font-weight: normal;
            padding: 8px;
            margin: 0;
            white-space: nowrap;
        }

        #bj .form.grey .form-item .input textarea {
            height: 4rem;
            -webkit-transition: 1s height linear;
            transition: 1s height linear;
        }

            #bj .form.grey .form-item .input textarea:focus {
                height: 12rem;
            }

        #bj .form.grey .form-item .input a {
            /*color: #ffffff;*/
            text-decoration: none;
        }

            #bj .form.grey .form-item .input a:hover {
                text-decoration: underline;
            }

        #bj .form.grey .form-item .input button,
        #bj .form.grey .form-item .input input[type=button] {
            background: #709640;
            border-color: transparent;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            background-size: 40px;
            padding: 4px 8px;
        }

            #bj .form.grey .form-item .input button:hover,
            #bj .form.grey .form-item .input input[type=button]:hover {
                background: #05763d;
            }

        #bj .form.grey .form-item .error {
            width: 100%;
            font-size: 12px;
            line-height: 20px;
        }

            #bj .form.grey .form-item .error a {
                font-size: 12px;
                line-height: 20px;
                text-decoration: none;
            }

                #bj .form.grey .form-item .error a:hover {
                    text-decoration: underline;
                }

        #bj .form.grey .form-item.text .input input + input {
            border-top: 0px solid transparent;
        }

        #bj .form.grey .form-item.textarea {
            width: 100%;
        }

        #bj .form.grey .form-item[data-icon~="key"] .input input {
            background: url(_i/grey-form-icon-key.png) 0 50% no-repeat;
            background-size: 40px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="user"] .input input {
            background: url(_i/grey-form-icon-user.png) 0 50% no-repeat;
            background-size: 40px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="name_first"] .input input {
            background: url(_i/grey-form-icon-name_first.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="name_last"] .input input {
            background: url(_i/grey-form-icon-name_last.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="email"] .input input {
            background: url(_i/grey-form-icon-email.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="code"] .input input {
            background: url(_i/grey-form-icon-code.png) 5px 50% no-repeat;
            background-size: 30px;
            padding-left: 40px;
        }

        #bj .form.grey .form-item[data-icon~="find-right"] .input button.find,
        #bj .form.grey .form-item[data-icon~="find-right"] .input input.find,
        #bj .form.grey .form-item[data-icon~="find-right"] .input button.save,
        #bj .form.grey .form-item[data-icon~="find-right"] .input input.save {
            background: #709640;
            border-color: #ffffff;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 10px;
            padding-right: 10px;
        }

            #bj .form.grey .form-item[data-icon~="find-right"] .input button.find:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input input.find:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input button.save:hover,
            #bj .form.grey .form-item[data-icon~="find-right"] .input input.save:hover {
                background-color: #05763d;
            }

        #bj .form.grey .form-item[data-icon~="arrow-right"] .input button,
        #bj .form.grey .form-item[data-icon~="arrow-right"] .input input {
            background: #709640 url(_i/grey-form-icon-arrow-right.png) right 50% no-repeat;
            border-color: transparent;
            border-radius: 4px;
            font-weight: bold;
            color: #ffffff;
            background-size: 40px;
            padding-top: 8px;
            padding-bottom: 8px;
            padding-left: 15px;
            padding-right: 40px;
        }

            #bj .form.grey .form-item[data-icon~="arrow-right"] .input button:hover,
            #bj .form.grey .form-item[data-icon~="arrow-right"] .input input:hover {
                background-color: #05763d;
            }

        #bj .form.grey .form-item[data-layout~="labelless"] .label {
            display: none;
        }

        #bj .form.grey .form-item[data-layout~="labelless"] .person_finder .label {
            display: block;
        }

            #bj .form.grey .form-item[data-layout~="labelless"] .person_finder .label label {
                display: block;
            }

        #bj .form.grey .form-item[data-layout~="smaller"][data-icon] .input button,
        #bj .form.grey .form-item[data-layout~="smaller"][data-icon] .input input {
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 8px;
            padding-right: 24px;
            background-position: 150% 50%;
        }

        #bj .form.grey .form-item .person_finder {
            position: absolute;
            background-color: #f0f0f0;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 10px;
        }

#bj table[data-type='online_learning'] td:first-of-type {
    background: #ca7f4e;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='online_learning'] td {
    color: #ca7f4e;
}

#bj table[data-type='training_course'] td:first-of-type {
    background: #4591ce;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='training_course'] td {
    color: #4591ce;
}

#bj table[data-type='product'] td:first-of-type {
    background: #954637;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='product'] td {
    color: #954637;
}

#bj table[data-type='bundle'] td:first-of-type {
    background: #2e2d2c;
    color: #ffffff;
    text-shadow: 0 0 1px rgba(46, 45, 44, 0.6);
}

#bj table[data-type='bundle'] td {
    color: #2e2d2c;
}

#bj .unit.pay .form.grey .form-item .input {
    font-size: 16px;
}

    #bj .unit.pay .form.grey .form-item .input button {
        vertical-align: 10%;
        margin-right: 5px;
    }

#bj .unit.pay .cnt.question .form-item label {
    font-size: 12px;
    color: #080C10;
}

@media (max-width: 800px) {
    #bj .form.grey .form-item[data-icon~="find-right"] .input {
        padding-top: 8px;
    }
}

#bj .unit.details .form.grey .form-item[data-layout~="labelless"] .person_finder .input {
    padding: 8px 0 0;
}

#bj .unit .person_finder {
    z-index: 2;
}

    #bj .unit .person_finder.off {
        display: none;
    }

    #bj .unit .person_finder .cls {
        position: absolute;
        top: 10px;
        right: 5px;
        font-size: 12px;
        line-height: 20px;
        padding: 0 32px 0 0;
        cursor: pointer;
        color: #080C10;
    }

        #bj .unit .person_finder .cls:hover {
            text-decoration: underline;
        }

        #bj .unit .person_finder .cls::after {
            content: " ";
            width: 32px;
            height: 32px;
            display: block;
            position: absolute;
            top: -5px;
            right: 0px;
            background: url(_i/myqa.icons.2e2d2c.svg) -96px -22px no-repeat scroll;
            background-size: 150px;
            opacity: 0.8;
        }

            #bj .unit .person_finder .cls::after:hover {
                opacity: 1;
            }

#bj .unit.details .form.grey .form-item[data-layout~="labelless"] .input {
    padding-top: 25px;
}

#bj .unit.details .ftr .form.grey .form-item[data-layout~="labelless"] .input {
    padding-top: 0px;
}

#bj .unit.account .form.grey .form-item[data-layout~="labelless"] .input {
    margin-top: 8px;
    padding-top: 26px;
}

#bj .unit.who .form.grey .form-item[data-layout~="labelless"]:last-of-type .input {
    margin-bottom: 0px;
}

#bj .unit.who .form.grey .form-item[data-layout~="labelless"] .input {
    margin-bottom: 8px;
}

#bj .unit .ftr .form.grey .form-item .label {
    padding-right: 20px;
    white-space: normal;
}

    #bj .unit .ftr .form.grey .form-item .label label {
        color: #ffffff;
        margin-bottom: 8px;
    }

#bj .unit .ftr .form.grey .form-item .input {
    display: inline-block;
}


#bj .unit .number_of {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    #bj .unit .number_of .add,
    #bj .unit .number_of .sub {
        display: inline-block;
        width: 18px;
        font-size: 20px;
        line-height: 14px;
        padding: 2px 0;
        background-color: rgba(2, 91, 170, 0.6);
        color: #f0f0f0;
        text-align: center;
        -webkit-transition: 0.5s background-color, 0.5s color;
        transition: 0.5s background-color, 0.5s color;
        cursor: pointer;
        border-radius: 2px;
    }

        #bj .unit .number_of .add:hover,
        #bj .unit .number_of .sub:hover {
            background-color: #080C10;
            color: #e9e9e9;
        }

    #bj .unit .number_of .number {
        display: inline-block;
        width: 40px;
        line-height: 20px;
        text-align: center;
    }

    #bj .unit .number_of input {
        position: relative;
        top: -1px;
        display: inline-block;
        padding: 0;
        margin: -2px 2px 0;
        border-width: 0;
        height: auto;
        line-height: 18px;
        font-size: 14px;
        -o-border-image: none;
        border-image: none;
        width: 40px;
        text-align: center;
        color: #2e2d2c;
        font-weight: 300;
        display: inline-block;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #fff;
    }

        #bj .unit .number_of input:focus {
            outline: 1px solid rgba(46, 45, 44, 0.2);
        }

#bj .unit table[data-type="online_learning"] .number_of .add,
#bj .unit table[data-type="online_learning"] .number_of .sub {
    background-color: rgba(202, 127, 78, 0.6);
}

#bj .unit table[data-type="training_course"] .number_of .add,
#bj .unit table[data-type="training_course"] .number_of .sub {
    background-color: rgba(69, 145, 206, 0.6);
}

#bj .unit table[data-type="product"] .number_of .add,
#bj .unit table[data-type="product"] .number_of .sub {
    background-color: rgba(149, 70, 55, 0.6);
}

#bj .unit table[data-type="bundle"] .number_of .add,
#bj .unit table[data-type="bundle"] .number_of .sub {
    background-color: rgba(46, 45, 44, 0.6);
}

#bj .unit .error {
    display: block;
    color: #cc0000;
    padding-bottom: 8px;
    margin: 0;
}

#bj .unit .note {
    display: block;
    color: #009900;
    padding-bottom: 8px;
    margin: 0;
}

#bj .unit .img_cnt::after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

#bj .unit .img_cnt {
    padding: 12px 0 0;
}

    #bj .unit .img_cnt .img {
        padding: 15px 20px 10px;
        max-width: 315px;
        background-color: #005BAB;
        border-radius: 10px;
        float: right;
    }

        #bj .unit .img_cnt .img img {
            width: 100%;
        }

#bj .item .more span.required::after,
#bj .form-item[data-validation~="required"] .label label:not(.nostar)::after,
#bj .form-item[data-validation~="required"] .input_label em::after {
    position: absolute;
    display: inline-block;
    padding: 0 0 0 4px;
    content: "*";
    color: #ff0000;
    font-size: 14px;
    line-height: 20px;
}

#bj .item .more span.required::after {
    position: static;
}

#bj .messages ul {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

#bj .basket-header {
    color: #337dba;
    overflow: hidden;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    position: relative;
    padding: 1rem;
    margin: 44px -1rem 0;
}

    #bj .basket-header p {
        padding-top: 8px;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .basket-header .card {
        border: 0.125rem solid #080C10;
        border-radius: 0.3125rem;
        background-color: #fff;
        width: 45%;
        width: calc( 50% - 16px );
        margin: 0 16px 16px 0;
        float: left;
        position: relative;
        z-index: 2;
    }

        #bj .basket-header .card .base {
            padding: 16px;
            font-size: 12px;
            line-height: 20px;
        }

            #bj .basket-header .card .base h1 {
                position: relative;
                font-size: 18px;
                line-height: 20px;
                font-weight: bold;
                margin: 0;
                padding: 0 0 0 28px;
                color: #080C10;
            }

                #bj .basket-header .card .base h1::after {
                    content: " ";
                    width: 32px;
                    height: 32px;
                    display: block;
                    position: absolute;
                    top: -6px;
                    left: -6px;
                    background: url(_i/myqa.icons.2e2d2c.svg) -22px -22px no-repeat scroll;
                    background-size: 150px;
                    opacity: 0.8;
                }

            #bj .basket-header .card .base h2 {
                font-size: 16px;
                line-height: 20px;
                font-weight: 700;
                margin: 0;
                padding: 16px 0;
            }

            #bj .basket-header .card .base dl {
                display: block;
                font-size: 12px;
                line-height: 20px;
                padding: 0;
                margin: 0 0 8px;
            }

                #bj .basket-header .card .base dl dt {
                    display: inline-block;
                    width: 25%;
                    padding: 0;
                    margin: 0;
                    font-weight: 500;
                    vertical-align: top;
                }

                #bj .basket-header .card .base dl dd {
                    display: inline-block;
                    width: 70%;
                    padding: 0;
                    margin: 0;
                    vertical-align: top;
                }

    #bj .basket-header .form-item {
        padding-bottom: 4px;
    }

@media (max-width: 800px) {
    #bj .basket-header .card {
        width: 100%;
        margin: 0;
        float: none;
    }
}

#bj .basket-text {
    color: #595959;
    overflow: hidden;
    padding: 16px;
    font-size: 14px;
    line-height: 20px;
    background-color: #F6F7F8;
    /*    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;*/
    position: relative;
    padding: 1rem;
    margin: 44px -1rem 22px;
}

    #bj .basket-text h1 {
        position: relative;
        font-size: 28px;
        line-height: 30px;
        font-weight: bold;
        margin: 0;
        padding: 0 0 14px;
        color: #080C10;
    }

    #bj .basket-text h2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin: 0;
        padding: 0 0 4px;
    }

    #bj .basket-text p {
        padding: 0;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
    }

    #bj .basket-text .shift {
        padding-left: 60%;
    }

    #bj .basket-text div.buttons {
        margin-top: 30px;
    }

    #bj.checkout .cta {
        margin-right: 30px;
    }

@media (max-width: 800px) {
    #bj .basket-text .shift {
        padding-left: 0%;
    }
}

#bj .basket-text p a {
    font-size: 12px;
    line-height: 20px;
    color: #595959;
    text-decoration: none;
}

    #bj .basket-text p a:hover {
        text-decoration: underline;
    }

#bj .basket-text .form.grey {
    margin-top: 28px;
}

    #bj .basket-text .form.grey .form-item {
        display: inline-block;
    }

        #bj .basket-text .form.grey .form-item[data-layout~="sub"] button,
        #bj .basket-text .form.grey .form-item[data-layout~="sub"] input {
            background-color: #ffffff;
            color: #709640;
            -webkit-box-shadow: inset 0 0 0 2px #709640;
            box-shadow: inset 0 0 0 2px #709640;
            background-image: url(_i/grey-form-icon-arrow-right-green.png);
        }

            #bj .basket-text .form.grey .form-item[data-layout~="sub"] button:hover,
            #bj .basket-text .form.grey .form-item[data-layout~="sub"] input:hover {
                background-color: #709640;
                background-image: url(_i/grey-form-icon-arrow-right.png);
                color: #ffffff;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

@media (max-width: 1100px) {
    #bj .basket-text .form.grey .form-item {
        display: block;
        padding-bottom: 8px;
    }
}

#bar {
    position: fixed;
    z-index: 3;
    left: 0;
    right: 0;
    top: 123px;
}

    #bar ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #ebebeb;
        line-height: 100%;
    }

        #bar ul li {
            list-style-type: none;
            font-size: 14px;
            line-height: 100%;
            font-weight: 600;
            margin: 0;
            padding: 10px 16px 10px 16px;
            background: #ffffff;
            color: #080C10;
            border-bottom: 4px solid #080C10;
            border-right: 1px solid #080C10;
            cursor: pointer;
            white-space: nowrap;
            -webkit-transition: 0.35s all linear;
            transition: 0.35s all linear;
            opacity: 0.3;
        }

            #bar ul li::before {
                display: none;
            }

            #bar ul li:last-of-type {
                border-right-width: 0px;
            }

/*            #bar ul li:nth-of-type(odd) {
                border-top-color: #134983;
                border-bottom-color: #134983;
            }*/

            #bar ul li:hover{
                opacity: 1;
            }
            #bar ul li.now:hover, 
            #bar ul li.now.done:hover {
                background: #ffffff;
                color: #485A6E;
                border-bottom-color: #485A6E;
                opacity: 1;
            }

            #bar ul li.done:hover {
                background: #485A6E;
                color: #ffffff;
                border-bottom-color: #485A6E;
                opacity: 1;
            }

            #bar ul li.done {
                background: #080C10;
                color: #fff;
                border-bottom-color: #080C10;
                opacity: 1;
            }

            #bar ul li span.number {
                position: relative;
                left: -6px;
                width: 28px;
                line-height: 26px;
                border: 1px solid #080C10;
                text-align: center;
                padding: 0;
                background: #ffffff;
                color: #080C10;
                display: inline-block;
            }

                #bar ul li span.number i {
                    line-height: 26px;
                    font-size: 125%;
                    font-weight: 300;
                }

            #bar ul li:hover span.number,
            #bar ul li.done.now:hover span.number {
                border: 1px solid #485A6E;
                background: #ffffff;
                color: #485A6E;
            }

            #bar ul li.done:hover span.number {
                background: #ffffff;
                color: #485A6E;
            }

            #bar ul li.now {
                background-color: #fff;
                color: #080C10;
                border-bottom-color: #080C10;
                opacity: 1;
            }

                #bar ul li.now span.number {
                    border-color: #080C10;
                    background: #ffffff;
                    color: #080C10;
                }

            #bar ul li.done span.number {
                border: 1px solid #ffffff;
                background: #ffffff;
                color: #080C10;
                display: inline-block;
            }

            #bar ul li.done.now span.number {
                border-color: #080C10;
            }

            #bar ul li.now:last-of-type {
                background: #fff;
                color: #080C10;
                border-bottom-color: #080C10;
            }

.flexbox #bar ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f5f5f5;
    border-bottom: 4px solid #d7d7d7;
    line-height: 100%;
}

.no-flexbox #bar ul {
    display: block;
    text-align: center;
}

    .no-flexbox #bar ul li {
        display: inline-block;
    }

.bar_breaks #bar ul li {
    width: 48px;
    overflow: hidden;
}

    .bar_breaks #bar ul li.now {
        width: auto;
    }

@media (max-width: 480px) {
    .bar_breaks #bar ul li.now {
        width: 48px;
    }
}

.is_smaller #bar {
    top: 54px;
}

    .is_smaller #bar ul {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background: #339;
    }

@media (min-width: 800px) {
    #bj .unit .form-item {
        display: inline-block;
    }

    #bj .form.grey .form-item[data-layout~="share_line"] {
        float: right;
        width: 50%;
        padding-top: 8px;
    }

    #bj .form.grey .form-item[data-layout~="w_100"] {
        width: 100%;
    }

    #bj .form.grey .form-item[data-layout~="w_50"] {
        width: 50%;
        width: calc( 50% - 40px );
    }

    #bj .form.grey .form-item[data-layout~="w_40"] {
        width: 40%;
        width: calc( 40% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_33"] {
        width: 33.333%;
        width: calc( 33.333% - 40px );
    }

    #bj .form.grey .form-item[data-layout~="w_30"] {
        width: 30%;
        width: calc( 30% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_25"] {
        width: 25%;
        width: calc( 25% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_20"] {
        width: 20%;
        width: calc( 20% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_12_5"] {
        width: 12.5%;
        width: calc( 12.5% - 20px );
    }

    #bj .form.grey .form-item[data-layout~="w_10"] {
        width: 10%;
        width: calc( 10% - 20px );
        width: 10%;
    }

    #bj .form.grey .form-item[data-layout~="w_05"] {
        width: 5%;
        width: calc( 5% - 20px );
    }

    #bj .unit.account .form.grey .form-item[data-layout~="labelless"] .input {
        margin-top: 0px;
    }

    #bj .unit.who .form.grey .form-item[data-layout~="labelless"] .input {
        margin-bottom: 0px;
    }

    #bj .form-item[data-layout~="horizontal"] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

        #bj .form-item[data-layout~="horizontal"] .label {
            display: block;
            width: 40%;
            padding: 10px 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="labelless"] .label label {
            display: none;
        }

        #bj .form-item[data-layout~="horizontal"] .label label {
            display: block;
            margin-left: 10px;
            width: 90%;
            width: calc( 100% - 10px );
            padding: 12px 0 0;
            text-align: left;
        }

        #bj .form-item[data-layout~="horizontal"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"] .input {
            width: 60%;
            padding-bottom: 4px;
        }

        #bj .form-item[data-layout~="horizontal"] .messages {
            margin-left: 40%;
            width: 60%;
        }

    #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] {
        width: 25%;
        padding: 0 10px 20px 20px;
        float: left;
    }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label {
            display: block;
            width: calc( 100% - 40px );
            padding: 10px 10px 0 0;
        }

            #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .label label {
                width: 100%;
                margin-left: 0%;
                white-space: nowrap;
            }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"][data-validation~="required"] .label label::before {
            padding: 0 2px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .input {
            width: 30px;
            padding: 10px 0 0;
        }

        #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] .messages {
            margin-left: 0%;
            width: 10%;
        }

    #bj .form-item.recaptcha[data-layout~="horizontal"] .label label {
        width: calc( 100% - 20px );
        margin-left: 20px;
    }

    #bj .form-item[data-layout~="horizontal-stack"] {
        padding-left: 40%;
    }

    .no-flexbox #bj .form-item[data-layout~="horizontal"] {
        display: block;
        overflow: hidden;
        position: relative;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        .no-flexbox #bj .form-item[data-layout~="horizontal"] .label,
        .no-flexbox #bj .form-item[data-layout~="horizontal"] .input {
            display: block;
            float: left;
        }


    .no-flexbox #bj .form-item[data-layout~="horizontal"] .messages {
        clear: both;
    }
}

@media (max-width: 800px) {
    #bj .unit .form-item + .form-item[data-layout~="labelless"] {
        margin-top: 8px;
    }

    #bj .unit.who .form-item + .form-item[data-layout~="labelless"] {
        margin-top: 0;
    }
}

#bj section.landing-panes .base {
    background-color: white;
    padding-top: 50px;
    min-height: 220px;
    -webkit-transition: 1s linear background-color;
    transition: 1s linear background-color;
}

    #bj section.landing-panes .base:hover {
        background-color: white;
    }

    #bj section.landing-panes .base h2 {
        padding-left: 65px;
    }
    #bj section.landing-panes .base a {
        color: #0B7192;
    }
        #bj section.landing-panes .base a:hover {
            text-decoration: underline;
        }

        #bj section.landing-panes .base h2 .note {
            display: block;
            font-size: 12px;
            font-family: 'Figtree',Arial,sans-serif;
            max-width: 35px;
            min-width: 20px;
            height: 20px;
            padding: 2px 3px 0;
            line-height: 18px;
            text-align: center;
            position: absolute;
            top: 40px;
            left: 50px;
            color: #ffffff;
            background-color: #ff0000;
            border-radius: 12px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }

        #bj section.landing-panes .base h2::before {
            display: block;
            font-family: "Font Awesome 5 Pro";
            font-size: 45px;
            padding: 25px 0 0;
            width: 75px;
            line-height: 80px;
            text-align: center;
            position: absolute;
            top: 0px;
            left: 0px;
            color: rgba(0, 81, 156, 0.9);
            background-color: #CCDCEB;
        }

        #bj section.landing-panes .base h2.user::before {
            content: "";
        }

        #bj section.landing-panes .base h2.home::before {
            content: "";
        }

        #bj section.landing-panes .base h2.learning-history::before {
            content: "";
        }

        #bj section.landing-panes .base h2.bookings-history::before {
            content: "";
        }

        #bj section.landing-panes .base h2.learning-dashboard::before {
            content: "";
        }

        #bj section.landing-panes .base h2.find-course::before {
            content: "";
        }

        #bj section.landing-panes .base h2.skills-licence::before {
            content: "";
            content: '\f03a';
        }

        #bj section.landing-panes .base h2.users::before {
            content: "";
        }

        #bj section.landing-panes .base h2.customer-defined-fields::before {
            content: "";
            content: "";
        }

        #bj section.landing-panes .base h2.reports::before {
            content: "";
        }

        #bj section.landing-panes .base h2.organisation-bookings-history::before {
            content: "";
            content: "";
        }

        #bj section.landing-panes .base h2.using-the-portal::before {
            content: "";
        }

        #bj section.landing-panes .base h2.pending-approvals::before {
            content: "";
        }

        #bj section.landing-panes .base h2.access-my-account::before {
            content: "";
        }

        #bj section.landing-panes .base h2.system-message::before {
            content: "";
        }

        #bj section.landing-panes .base h2.apprenticeship-dashboard::before {
            content: "";
        }

    #bj section.landing-panes .base .txt ul {
        padding: 5px 0 0 0;
        margin-bottom: -5px;
        list-style-type: square;
        color: #00519c;
    }

        #bj section.landing-panes .base .txt ul li {
            list-style-type: square;
            margin-left: 15px;
        }

            #bj section.landing-panes .base .txt ul li span {
                display: block;
                color: #202020;
                font-size: 0.825em;
            }

            #bj section.landing-panes .base .txt ul li::before {
                display: none;
            }

            #bj section.landing-panes .base .txt ul li.error {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.error::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #971915;
                    color: #ffffff;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

            #bj section.landing-panes .base .txt ul li.warning {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.warning::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #DFDF20;
                    color: #000000;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

            #bj section.landing-panes .base .txt ul li.done {
                list-style-type: none;
                margin: 5px 0 5px 30px;
            }

                #bj section.landing-panes .base .txt ul li.done::before {
                    display: inline-block;
                    content: "";
                    font-family: "Font Awesome 5 Pro";
                    color: #00519c;
                    font-size: 18px;
                    top: 0;
                    left: -30px;
                    background-color: #05763D;
                    color: #ffffff;
                    width: 24px;
                    line-height: 24px;
                    text-align: center;
                }

                #bj section.landing-panes .base .txt ul li.error + li,
                #bj section.landing-panes .base .txt ul li.warning + li,
                #bj section.landing-panes .base .txt ul li.done + li {
                    margin-left: 30px;
                }

        #bj section.landing-panes .base .txt ul.page-list {
            margin-top: 20px;
            margin-bottom: -50px;
            list-style-type: none;
        }

            #bj section.landing-panes .base .txt ul.page-list li {
                list-style-type: none;
                margin-left: 10px;
                margin-bottom: 10px;
                font-size: 1rem;
            }

                #bj section.landing-panes .base .txt ul.page-list li::before {
                    display: inline-block;
                    content: "";
                    color: rgba(0, 81, 156, 0.2);
                    font-family: "Font Awesome 5 Pro";
                    position: relative;
                    top: 3px;
                    left: -5px;
                }

                #bj section.landing-panes .base .txt ul.page-list li a {
                    text-decoration: none;
                    border-bottom: 5px solid rgba(0, 81, 156, 0);
                }

                    #bj section.landing-panes .base .txt ul.page-list li a:hover {
                        border-bottom-color: rgba(0, 81, 156, 0.6);
                        color: #00519c;
                    }

                #bj section.landing-panes .base .txt ul.page-list li:hover::before {
                    color: rgba(0, 81, 156, 0.6);
                }

                #bj section.landing-panes .base .txt ul.page-list li a .note {
                    display: inline-block;
                    font-size: 12px;
                    font-family: 'Figtree',Arial,sans-serif;
                    max-width: 35px;
                    min-width: 20px;
                    height: 20px;
                    padding: 2px 3px 0;
                    line-height: 18px;
                    text-align: center;
                    position: relative;
                    top: -1px;
                    left: -1px;
                    color: #ffffff;
                    background-color: #ff0000;
                    border-radius: 12px;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    white-space: nowrap;
                }

    #bj section.landing-panes .base .txt {
        padding: 5px 0 0 66px;
        font-size: 0.825em;
    }

#bj section.landing-panes .card .card_control li.link a {
    background-color: rgba(0, 81, 156, 0.9);
}

#bj section.landing-panes .card .card_control li:first-of-type {
    padding-left: 10px;
}

    #bj section.landing-panes .card .card_control li:first-of-type:before {
        display: inline-block;
        content: "";
        font-family: "Font Awesome 5 Pro";
        position: relative;
        color: #00519c;
        font-size: 1.25em;
        top: 1px;
        left: 0;
        padding: 0 3px 0 0;
    }

    #bj section.landing-panes .card .card_control li:first-of-type.link {
        padding-left: 20px;
    }

        #bj section.landing-panes .card .card_control li:first-of-type.link:before {
            display: none;
        }

#bj section.landing-panes .card.graph .base {
    padding: 45px 10px 80px 20px;
    min-height: 0;
}

    #bj section.landing-panes .card.graph .base img {
        width: 100%;
        display: block;
    }

#bj section.landing-panes + .search {
    margin: -10px 0 10px;
}

/*.navigation-list-item.accordion span {
    font-weight: 200;
}

.navigation-list-item.accordion:nth-of-type(8) span {
    border: 1px solid rgba(0, 81, 156, 0.8);
    border-radius: 2px;
    margin: -1px;
    padding: 0 14px 0 4px;
}

.navigation-list-item.accordion i.icon {
    text-indent: 0;
    padding: 0;
}

    .navigation-list-item.accordion i.icon::before {
        display: inline-block;
        content: "";
        font-family: "Font Awesome 5 Pro";
        padding: 0 2px;
    }*/

.flexbox #bj section.users-and {
    display: block;
}

    .flexbox #bj section.users-and ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .flexbox #bj section.users-and ul li {
            margin: 0;
            padding: 0 0;
            list-style-type: none;
            clear: both;
        }

            .flexbox #bj section.users-and ul li ul {
                padding-left: 26px;
            }

            .flexbox #bj section.users-and ul li:before {
                display: none;
            }

            .flexbox #bj section.users-and ul li img {
                padding: 3px 4px;
                margin: 0 6px 2px 0;
                border: 1px solid rgba(0, 81, 156, 0.2);
                background-color: white;
                cursor: pointer;
                vertical-align: baseline;
            }

                .flexbox #bj section.users-and ul li img:first-of-type {
                    padding: 3px 6px;
                    border-color: transparent;
                }

                .flexbox #bj section.users-and ul li .load img,
                .flexbox #bj section.users-and ul li img.open,
                .flexbox #bj section.users-and ul li img.close {
                    padding: 3px 6px;
                    margin: 0 2px 2px 0;
                    border-color: rgba(0, 81, 156, 0.4);
                    background-color: white;
                }

                    .flexbox #bj section.users-and ul li .load img:hover,
                    .flexbox #bj section.users-and ul li img.open:hover,
                    .flexbox #bj section.users-and ul li img.close:hover {
                        border: 1px solid #00519c;
                    }

            .flexbox #bj section.users-and ul li > a {
                position: relative;
                top: 3px;
            }

                .flexbox #bj section.users-and ul li > a:hover .tree-folder-text {
                    text-decoration: underline;
                }

                .flexbox #bj section.users-and ul li > a .tree-folder-text {
                    color: #202020;
                    margin-right: 5px;
                }

    .flexbox #bj section.users-and .list-tree {
        font-size: 13px;
        line-height: 20px;
    }

    .flexbox #bj section.users-and .control-group .myqa-btn-style {
        font-size: 100%;
    }

    .flexbox #bj section.users-and .panel .panel-heading {
        background-color: #fff;
        color: #333;
        padding: 0;
        margin: 10px 0 0;
        border-top: 1px solid rgba(0, 81, 156, 0.4);
    }

        .flexbox #bj section.users-and .panel .panel-heading .panel-title {
            display: none;
        }

    .flexbox #bj section.users-and .btn,
    .flexbox #bj section.users-and .myqa-btn-style-a,
    .flexbox #bj section.users-and .myqa-btn-style-b {
        font-size: 14px !important;
        font-weight: 200 !important;
        min-height: 38px !important;
        line-height: 38px !important;
        /* border-radius: 0 !important ; */
        padding: 0 10px !important;
    }

    .flexbox #bj section.users-and .panel .panel-body {
        border-width: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 20px 0 0;
    }

    .flexbox #bj section.users-and .panel-content > a {
        font-size: 13px !important;
        text-decoration: none;
    }

        .flexbox #bj section.users-and .panel-content > a:hover {
            font-size: 13px !important;
            text-decoration: underline;
        }

    .flexbox #bj section.users-and .panel-content > img {
        padding: 3px 4px;
        margin: 0 6px 2px 0;
        border: 1px solid rgba(0, 81, 156, 0.2);
        background-color: white;
        cursor: pointer;
        vertical-align: -50%;
    }

    .flexbox #bj section.users-and .panel-content > ul {
        margin-top: 15px;
        padding-top: 20px;
        padding-bottom: 10px;
        border-top: 1px solid rgba(0, 81, 156, 0.4);
    }

    .flexbox #bj section.users-and .panel-content div > .gridblock:first-of-type {
        margin-right: 38px;
    }

    .flexbox #bj section.users-and .panel-content p {
        padding: 0 0 10px;
    }

        .flexbox #bj section.users-and .panel-content p > span,
        .flexbox #bj section.users-and .panel-content label {
            font-size: 0.825em;
            color: #202020;
        }

    .flexbox #bj section.users-and .panel-content select {
        font-size: 13px;
        font-family: 'Figtree',Arial,sans-serif;
    }

    .flexbox #bj section.users-and select option {
        cursor: pointer;
    }

        .flexbox #bj section.users-and select option:nth-of-type(odd) {
            background-color: rgba(0, 81, 156, 0.1);
        }

    .flexbox #bj section.users-and .panel.hierarchy-setup-page {
        margin-bottom: 4px;
    }

/* additions Buzzbar */

.dashboard-container {
    background-color: #ffffff;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    padding: 0px !important;
    margin-bottom: 30px;
  }
.dashboard-container:last-of-type {
    border-radius: 10px;
  }

  .my-learning {
    color: #080C10;
    font-weight: 700;
    font-family: 'Figtree',Arial,sans-serif !important;
    margin-bottom: 0px;
    margin-left:30px;
    font-size:20px;
    line-height:24px;
  }

@media(max-width:767px) {
    .my-learning {
        display: inline-block;
        margin-top: 15px;
    }
}

    .dashboard-container .pane {
        flex-flow: row wrap;
        display: flex;
    }

    .course-icon {
        background-color: #080C10;
        border-radius: 999px;
        width: 70px;
        height: 70px;
        max-height: 70px;
        margin-right: 21px;
        min-width: 70px;
    }

        .course-icon img {
            width: 70px;
            height: 70px;
            padding: 17px
        }

    .dashboard-container dl {
        padding-top: 0px;
        display: inline-block;
        /*margin-right: 20px;*/
        width: 15%;
        font-size: 14px;
    }

        .dashboard-container dl a {
            font-size: 14px;
        }

        .dashboard-container dl:nth-of-type(3) {
            width: 25%;
        }

        .dashboard-container dl:last-child {
            width: 45%;
        }
        /*@media(max-width:767px) {
    .dashboard-container {
        width: 45%;
    }
    .dashboard-container dl:last-child {
        width: 90%;
    }
}*/

        .dashboard-container dl.full:first-child {
            width: 100%;
        }

    .dashboard-container .milestones {
        width: 100%;
        counter-reset: tracker;
        display: block;
        padding: 0px;
        margin: 0;
        list-style-type: none;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        font-size: 18px;
        padding-bottom: 5px;
        margin-top: 35px;
    }

        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 17px 26px 17px 75px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
            font-size: 18px;
            color: #080C10;
            min-height: 54px;
        }
            .dashboard-container .milestones li a {
                color: #080C10;
                text-decoration: none;
            }
                .dashboard-container .milestones li a:hover {
                    text-decoration: underline;
                }
            .dashboard-container .milestones li a, .dashboard-container .milestones li a:hover, .dashboard-container .milestones li a:visited {
                color: #080C10;
            }

            .dashboard-container .milestones li span {
                display: inline-block !important;
            }

            .dashboard-container .milestones li.disabled .view-button-disabled {
                opacity: 50%;
            }



    .dashboard-container .card .more .pane {
        display: none;
        bottom: 20px;
        padding: 20px 20px 0;
        z-index: 1250;
        font-size: 16px;
        line-height: 20px;
        color: #2e2d2c;
    }


    .dashboard-container .milestones li.done .iconed::before, #bj section .milestones li.done span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #080C10;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li.error .iconed::before, #bj section .milestones li.error span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #D90A47;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li.warning .iconed::before, #bj section .milestones li.error span::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #EEAF04;
        left: 30px;
        top: 7px;
    }

    .dashboard-container .milestones li .iconed::before, #bj section .milestones li span::before {
        background-color: #ffffff;
        position: absolute;
        margin-top: 10px;
        line-height: 20px;
        padding: 0;
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
    }



    .accordion-item {
        background-color: #fff;
        border: 0px solid rgba(0,0,0,.125);
    }



    .training-container .more .pane {
        display: block !important;
        bottom: 20px;
        padding: 20px 20px 0;
        z-index: 1250;
        font-size: 16px;
        line-height: 20px;
        color: #2e2d2c;
    }

    .training-title-flex {
        display: flex !important;
    }

    .details-header {
        display: block !important;
        font-weight: 700;
        font-size: 16px;
    }

    .toggle-div {
        display: block !important;
        width: 100px !important;
    }

    .toggle-button i {
        color: #b2c5c9 !important;
        font-size: 26px !important;
        width: 30px !important;
        height: 20px !important;
    }

    .dashboard-container .course-title {
        color: #080C10;
        font-weight: 700;
        font-family: 'Figtree',Arial,sans-serif !important;
        margin-bottom: 0px !important;
        margin-top: 10px;
    }

        .dashboard-container .course-title small {
            color: #646464;
            font-size: 12px;
            font-weight: 500;
            line-height: 20px;
        }

    .dashboard-container .accordion-header {
        /*margin-bottom: 20px;*/
        margin-top: 0px;
        background-color: transparent;
    }

    .dashboard-container .accordion-button:not(.collapsed) {
        color: #0c63e4;
        background-color: white;
        box-shadow: none;
        border-radius: 10px;
    }



    .dashboard-container .milestones li span {
        display: inline-block !important;
    }


    .dashboard-container .milestones li .view-button {
        display: inline-block !important;
        float: right;
        border: 2px solid #080C10;
        color: #080C10;
        background-color: transparent;
        border-radius: 60px;
        margin: -5px 0px 0px 48px;
        padding: 7px 24px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
    }

        .dashboard-container .milestones li .view-button.void {
            border-color: transparent;
        }

    .dashboard-container .milestones li .status-marker-complete {
        display: inline-block !important;
        float: right;
        color: #00aa16;
        border: 1px solid #00aa16;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
        min-width: 105px;
        max-width: 105px;
        text-align: center;
    }


    .dashboard-container .milestones li .status-marker-overdue {
        display: inline-block !important;
        float: right;
        color: #D90A47;
        border: 1px solid #D90A47;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
        min-width: 105px;
        text-align: center;
        max-width: 105px;
    }


    .dashboard-container .milestones li .status-marker-none {
        display: none;
        display: inline-block !important;
        float: right;
        color: transparent;
        border: 1px solid transparent;
        border-radius: 60px;
        padding: 0px 20px;
        margin: 0px 30px 0px 30px;
        font-size: 12px;
        font-weight: 500;
    }


    @media only screen and (max-width: 768px) {

        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 18px 25px 18px 65px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
        }

            .dashboard-container .milestones li span, .dashboard-container .milestones li a {
                display: inline-block !important;
                font-size: 18px;
                /*! margin-left: 65px; */
                line-height: 20px;
                /*! width: 100%; */
            }


        .dashboard-container dl {
            padding-top: 0px;
            display: inline-block;
            /*margin-right: 20px;*/
            width: 100%;
            font-size: 16px;
            flex-basis: 50%;
        }

        /*    .dashboard-container dl:last-child {
                flex-basis: 100%;
            }*/

        .dashboard-container .course-title {
            color: #080C10;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
            margin-bottom: 0px !important;
            margin-top: 10px;
            font-size: 18px;
        }

        .dashboard-container .milestones li.done .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li.error .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li.warning .iconed::before {
            top: 8px;
        }

        .dashboard-container .milestones li .status-marker-complete {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-overdue {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-none {
            float: none;
            display: inline-block !important;
            border: 1px solid transparent;
            border-radius: 60px;
            padding: 0px 20px;
            margin: 21px 30px 0px -35px;
            font-size: 12px;
            font-weight: 700;
            min-width: 105px;
            text-align: center;
            max-width: 105px;
        }

        .dashboard-container .milestones li .view-button {
            display: block !important;
            float: right;
            border: 1px solid #080C10;
            color: #080C10;
            min-width: 80px;
            background-color: transparent;
            border-radius: 60px;
            margin: 16px 0px;
            padding: 7px 24px;
            font-size: 12px;
            font-weight: 700;
            height: 30px;
            line-height: 15px;
            text-decoration: none !important;
            margin-right: 0;
            justify-self: end;
        }
    }



    @media only screen and (max-width: 600px) {
        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 25px 75px;
            margin: 0px;
            border-top: 3px solid #f0f3f7;
        }


        .dashboard-container dl, .dashboard-container dl:first-child {
            padding-top: 0px;
            display: inline-block;
            /*margin-right: 20px;*/
            width: 100%;
            font-size: 16px;
        }


        .dashboard-container .course-title {
            color: #080C10;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
            margin-bottom: 0px !important;
            margin-top: 10px;
            font-size: 18px;
        }



        .dashboard-container .milestones li .status-marker-complete {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .status-marker-overdue {
            float: none;
            margin-top: 21px;
            margin-left: -35px;
        }

        .dashboard-container .milestones li .view-button {
            display: block !important;
            color: #080C10;
            justify-self: end;
        }

        .dashboard-container .milestones li span {
            display: block !important;
        }
    }

    @media only screen and (max-width: 425px) {

        .dashboard-container .pane {
            flex-wrap: wrap;
        }
    }



    .learning-history-container {
        background-color: #ffffff;
        width: 100%;
        border-radius: 10px;
        padding: 30px !important;
        margin: 0px;
        margin-bottom: 200px;
        color: #080C10;
    }

        .learning-history-container .history-base {
            display: inline-block;
            height: 100%;
            position: static;
            color: #2e2d2c;
            padding: 20px 20px !important;
            font-size: 16px;
            line-height: 20px;
            min-height: 100px;
            overflow: hidden;
        }

    .search-bar input {
        width: 50%;
        display: flex;
    }


    .search-label {
        font-weight: 700;
    }

    .search-bar .search-button {
        margin-left: 20px;
        line-height: 20px;
        height: 45px;
        cursor: pointer;
        padding: 10px 20px;
        color: #f0f0f0;
        border-radius: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        font-weight: 700;
        vertical-align: 0;
        background-color: #080C10;
    }



    .search-bar {
        width: 100%;
        font-size: 12px;
        margin-bottom: 12px;
        display: flex;
        flex-direction: row;
    }

    .search-label {
        display: block !important;
    }

    .fa-sort {
        color: #b2c5c9;
    }



    #learning-history-table {
        border-collapse: collapse;
        width: 100%;
        border-bottom: 1px solid #ddd;
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

        #learning-history-table a {
            font-size: 12px;
            font-weight: 600;
            color: #080C10;
        }



        #learning-history-table th, #learning-history-table td {
            text-align: left;
            padding: 22px 10px;
            font-size: 12px;
            line-height: 16px;
            font-weight: 600;
            vertical-align: top;
        }

        #learning-history-table tr {
            border-bottom: 1px solid #DADEE3;
        }


    .learning-history-container ul li {
        list-style: none !important;
    }

        .learning-history-container ul li:before {
            color: #303030;
            content: '\2022';
            display: none !important;
            font-size: 24px;
            position: absolute;
            top: -1px;
            left: -15px;
        }

    .learning-history-container .filter-list {
        display: flex;
        margin: 0 auto;
        margin-right: 0;
        justify-self: end;
    }



    .filter-button {
        padding: 10px 20px;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
        margin: 0 0 0 10px;
        color: #080C10;
        border: 2px solid #080C10;
        border-radius: 60px;
        -webkit-box-shadow: none;
        box-shadow: none;
        font-size: 14px;
        line-height: 20px;
        font-weight: bold;
        display: flex !important;
        justify-self: end;
    }

    .show-filter-results {
        font-weight: 600;
        font-size: 12px;
        line-height: 16px;
        padding-left: 5px;
        padding-top: 20px;
        /*! max-width: 50%; */
    }

    .mobile-ref {
        display: none;
    }


    .select-sort-by {
        margin-top: 20px;
        display: none;
    }



    /* Tabbed dashboard */

    .training-history-container {
        background-color: #ffffff;
        width: 100%;
        border-radius: 10px;
        padding: 0px !important;
        margin: 0px;
        margin-bottom: 200px;
        color: #080C10;
    }



        .training-history-container .milestones-md .milestone {
            background-color: transparent;
            color: #080C10 !important;
            width: 400px;
            text-align: left;
            padding: 10px 60px;
            border-bottom: 1px solid #DADEE3;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
        }

        .training-history-container .milestone:focus, .training-history-container .milestone:hover, .training-history-container .milestone.active {
            background-color: #f6f6f6 !important;
        }

    #milestone-detail .nav-pills .nav-link {
        border-radius: 0 !important;
    }

    .training-history-container .nav-pills {
        border-width: 1px 1px 0px 0px;
        border-color: #DADEE3;
        border-style: solid;
    }


    .training-history-container .back-icon {
        text-decoration: none !important;
    }



    .training-history-container .milestones-sm .milestone {
        background-color: #fff !important;
        color: #080C10 !important;
        width: 100%;
        text-align: left;
        padding: 10px 28px 10px 60px;
        border-bottom: 1px solid #f0f3f7;
        font-weight: 700;
        font-family: 'Figtree',Arial,sans-serif !important;
    }


        .cta i.fal,
        #bj .cta i.fal {
            margin-left: 4px;
        }

            .cta i.fal::before,
            #bj .cta i.fal::before {
                width: 20px;
                display: inline-block;
                text-align: center;
            }

    input[type="button"].cta, input[type="reset"].cta, input[type="submit"].cta {
        height: 44px;
        width: auto;
    }

        input[type="button"].cta.thin, input[type="reset"].cta.thin, input[type="submit"].cta.thin {
            height: 28px;
            width: auto;
        }
    /*    input.cta {
        border:none;
    }*/

    #bj a.cta.promo {
        margin-top: 25px;
        margin-bottom: 0px;
    }


    #bj a.cta {
        padding: 12px 24px;
        font-size: 14px;
        margin-bottom: 20px;
    }

        #bj a.cta.thin {
            padding: 4px 24px;
            height: 28px;
        }

    #search_submit.cta {
        border: none;
    }

    .training-history-container .milestones-md .milestone-error::before, .training-history-container .milestones-md .milestone-done::before, .training-history-container .milestones-md .milestone-warning::before {
        /*! background-color: #ffffff; */
        /*    position: relative;
    top: 10px;
    left: 20px;*/
        margin-top: 7px;
        line-height: 20px;
        padding: 0px;
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
        float: left;
        margin-left: -30px;
    }

    .training-history-container .milestones-sm .milestone-error::before, .training-history-container .milestones-sm .milestone-done::before, .training-history-container .milestones-sm .milestone-warning::before {
        /*background-color: #ffffff;*/
        position: relative;
        top: 10;
        left: -13px;
        margin-top: 0px;
        line-height: 20px;
        /*! padding: 10px; */
        height: 18px;
        width: 18px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        text-align: center;
        display: block;
        margin-left: -18px;
    }

    .training-history-container .disabled {
        opacity: 50%;
        cursor: default;
    }

    .training-history-container button.disabled::before {
        opacity: 100%;
    }

    .training-history-container button.disabled {
        pointer-events: auto;
    }



    .training-history-container .milestone-done::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #080C10;
    }

    .training-history-container .milestone-error::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #D90A47;
    }

    .training-history-container .milestone-warning::before {
        content: "";
        font-family: "Font Awesome 5 Pro";
        font-weight: 700;
        color: #EEAF04;
    }

    .training-history-container .course-title {
        color: #080C10;
        font-weight: 700;
        margin-top: 21px;
    }

    .tabbed-section-header {
        padding: 28px 28px 20px 28px;
    }

    .training-history-container .tab-pane {
        padding: 0px 30px 30px 30px;
    }

    .training-history-container .tab-content {
        border-width: 0px 0px 0px 0px;
        border-color: #f0f3f7;
        border-style: solid;
    }

    .training-history-container .milestone-title {
        font-weight: 700;
        font-size: 22px;
    }

    .training-history-container .milestone-subtitle {
        font-weight: 700;
        font-size: 16px;
    }

    .training-history-container .milestones-heading {
        font-weight: 700;
        padding: 16px 20px 10px 28px;
    }

    .training-history-container .milestone-details {
        font-weight: 500;
        font-size: 14px;
    }


    .tabbed-section-header i {
        font-size: 40px;
        margin: 15px 20px 20px 0px;
        color: #080C10;
    }

    .cta.all-link {
        /* margin-left: 60px;*/
        margin-bottom: 20px
    }

    #bj .block-size-100.block-size-90 {
        width: 90%;
        margin: 0 auto;
        display: block;
    }

    p.no-bookings {
        width: 90%;
        margin: 0 auto;
        display: block;
    }


    @media only screen and (max-width: 850px) {

        .training-history-container .milestones-md .milestone {
            background-color: #fff !important;
            color: #080C10 !important;
            width: 300px;
            text-align: left;
            padding: 10px 60px;
            border-bottom: 2px solid #f0f3f7;
            font-weight: 700;
            font-family: 'Figtree',Arial,sans-serif !important;
        }
    }




    @media only screen and (max-width: 768px) {
        .accordion-header {
            margin-top: 0px;
        }
    }




    @media only screen and (max-width: 600px) {

        .training-history-container {
            border-radius: 0px;
        }

            .training-history-container .course-title {
                color: #080C10;
                font-weight: 700;
                font-size: 1rem;
            }


        .accordion-header {
            margin-top: 0px;
        }

        .course-icon {
            background-color: #080C10;
            border-radius: 999px;
            width: 60px;
            height: 60px;
            max-height: 60px;
            margin-right: 20px;
            min-width: 60px;
        }

            .course-icon img {
                width: 60px;
                height: 60px;
                padding: 14px
            }

        .cta.all-link {
            margin-left: 25px;
        }

        #bj .layout.sub-footer {
            padding-left: 25px;
        }
        /* Learning histroy */
        .learning-history-container {
            background-color: #ffffff;
            width: 100%;
            border-radius: 10px;
            padding: 20px !important;
            margin: 0px;
            margin-bottom: 200px;
            color: #080C10;
        }

            .learning-history-container .history-base {
                display: inline-block;
                height: 100%;
                position: static;
                color: #2e2d2c;
                padding: 20px 20px !important;
                font-size: 16px;
                line-height: 20px;
                min-height: 100px;
                overflow: hidden;
            }

            .learning-history-container .header-table {
                display: none;
            }

        .search-bar input {
            width: 100%;
            display: flex;
            margin-bottom: 10px;
        }


        .search-label {
            font-weight: 700;
        }

        .search-bar .search-button {
            margin-left: 0px;
            line-height: 20px;
            height: 45px;
            min-width: 100px;
            cursor: pointer;
            padding: 10px 20px;
            color: #f0f0f0;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            font-weight: 700;
            vertical-align: 0;
            background-color: #080C10;
        }



        .search-bar {
            width: 100%;
            font-size: 12px;
            margin-bottom: 12px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }

        .search-label {
            display: block !important;
        }

        .fa-sort {
            color: #b2c5c9;
        }



        #learning-history-table {
            border-collapse: collapse;
            width: 100%;
            border-bottom: 1px solid #ddd;
            font-size: 14px;
            margin-bottom: 20px;
            margin-top: 20px;
        }

            #learning-history-table a {
                font-size: 14px;
                font-weight: 600;
                color: #080C10;
            }



            #learning-history-table th, #learning-history-table td {
                text-align: right;
                padding: 0px 10px 0px 0px;
                display: flex;
                justify-content: space-between;
                font-size: 14px
            }

            #learning-history-table p, #learning-history-table a {
                font-size: 14px;
            }



            #learning-history-table .course-link {
                display: flex !important;
                text-align: right !important;
            }



            #learning-history-table th /*, #learning-history-table td:last-child*/ {
                display: none;
            }


            #learning-history-table td:first-child {
                margin-top: 20px;
            }


            #learning-history-table tr {
                border-bottom: 2px solid #ddd;
                margin-bottom: 10px;
                margin-top: 5px;
            }


        .learning-history-container ul li {
            list-style: none !important;
        }

            .learning-history-container ul li:before {
                color: #303030;
                content: '\2022';
                display: none !important;
                font-size: 24px;
                position: absolute;
                top: -1px;
                left: -15px;
            }

        .learning-history-container .filter-list {
            display: flex;
            margin: 0 auto;
            margin-right: 0;
            justify-self: end;
        }



        .filter-button {
            padding: 10px 20px;
            font-size: 12px;
            line-height: 20px;
            cursor: pointer;
            margin: 0 0 0 10px;
            color: #080C10;
            border: 2px solid #080C10;
            border-radius: 60px;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-size: 14px;
            line-height: 20px;
            font-weight: bold;
            display: flex !important;
            justify-self: end;
        }

        .show-filter-results {
            font-weight: 600;
            font-size: 16px;
        }

        #learning-history-table .status-marker-complete {
            display: inline-block !important;
            color: #080C10;
            border: 1px solid #080C10;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-warning {
            display: inline-block !important;
            color: #F3622C;
            border: 1px solid #F3622C;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-error {
            display: inline-block !important;
            color: #FF004C;
            border: 1px solid #FF004C;
            border-radius: 60px;
            padding: 5px 20px;
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .status-marker-expired {
            display: inline-block !important;
            color: grey;
            border: 1px solid grey;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        #learning-history-table .action-link {
            display: inline-block !important;
            color: grey;
            border: 1px solid grey;
            border-radius: 60px;
            /*! padding: 5px 20px; */
            margin-top: 0px;
            font-size: 12px;
            font-weight: 700;
        }

        .mobile-ref {
            display: block;
            font-weight: 700;
        }


        .select-sort-by {
            margin-top: 20px;
            display: block;
            margin-bottom: 30px;
        }

            .select-sort-by .sort-by {
                width: 100%;
                font-weight: 700;
            }

            .select-sort-by select {
                width: 48%;
                float: left;
                margin-right: 2%;
                margin-bottom: 30px;
            }


        .dashboard-container .milestones li {
            counter-increment: tracker;
            display: block;
            list-style-type: none;
            position: relative;
            padding: 18px 25px 25px 65px;
            margin: 0px;
            border-top: 1px solid #DADEE3;
            align-items:;
        }

            .dashboard-container .milestones li::after {
                clear: both;
            }
    }

    /*.progress {
    color:black !important;
}*/

    .dropdown ul li::before {
        display: none;
    }
/ /*extra css*/
/*icon spacing and fixes*/
.myQA-oi {
    margin-top: 3px;
    width: 27px;
    height: 27px;
    margin-right: 8px;
}

h4 .myQA-oi {
    margin-top: 5px;
}
.hide{
        display: none;
}
.select-replace select[disabled] {
    background: #f0f0f0 none repeat scroll 0 0;
    border-color: #ddd;
}


html input[disabled] {
    cursor: not-allowed;
}

/*dashboard loader*/
#myqa-dash .bbloader {
    position: relative;
    top: 0;
}

#myqa-dash table tr td:first-child, #myqa-dash table tr td:last-child {
    width: 15%
}

#myqa-dash .all-link {
    margin-right: 33px;
}

/*landing-panes  loader*/
.landing-panes .card .bbloader {
    position: relative;
    top: 0;
}

/*signoff form breakpoints*/
.myqa .sign-off-form {
    min-width: auto !important;
}

@media (min-width: 48em) {
    .myqa .sign-off-form {
        min-width: 39em !important;
    }
}

@media (min-width: 60em) {
    .myqa .sign-off-form {
        min-width: 50em !important;
    }
}

@media (min-width: 77em) {
    .myqa .sign-off-form {
        min-width: 65em !important;
    }
}

/*signoff form labels at small sizes*/
@media (max-width: 48em) {
    .myqa .sign-off-form .dl-horizontal dt {
        width: auto;
    }

    .myqa .sign-off-form .dl-horizontal dd {
        margin-left: auto;
    }
}

/*.progressBar*/
.progress {
    position: relative;
    /*margin-bottom: 18px;*/
}

.asset-block .progress {
    margin-bottom: 18px;
}

.progress a {
    margin-right: 100px;
    display: block;
}

.progressBar {
    background: transparent url("/styles/Images/progress_full_small.png") no-repeat scroll 0 0;
    height: 20px;
}

.progressFrame {
    background: transparent url("/styles/Images/progress_empty_small.png") no-repeat scroll 0 0;
    height: 20px;
    width: 80px;
    position: relative;
}

.progressBar span {
    color: black;
    font-weight: bold;
    left: 30px;
    position: absolute;
    font-size: 0.7rem;
    top: -1px
}


.myqa .ck-btn {
    background: #fff url("/styles/Images/back_button.png") no-repeat scroll left center;
    text-decoration: none;
    border-right: 1px solid #999;
    color: #333;
    display: inline-block;
    font-size: 14px !important;
    margin: 10px 0 10px 95px;
    padding: 7px 10px 7px 21px;
    width: 115px;
    line-height: 16px !important;
    font-family: 'Figtree',Arial,sans-serif;
}

.ck-btn-new-bar {
    background: #005BAB;
    padding-top: 10px
}

.ck-btn-new-bar-inner {
    max-width: 73.75rem;
    margin: 0 auto;
}

/*Dashboard be responsive !  hacks for over 600px*/
@media (min-width: 37.5em) {
    .myqa td.visible-c {
        display: table-cell;
    }

    .myqa thead.visible-c {
        display: table-header-group;
    }
}
/*hacks for under 600px*/
@media (max-width: 37.5em) {
    .myqa .progressFrame {
        margin: 0 auto;
    }

    .myqa img.myQA-oi.left {
        float: none;
    }
}
/*new icon column*/
.icon-column {
    width: 70px !important;
}
/*new icon column*/
li.active {
    background-color: #E5E8EB
}

/*transaction history spacing*/
.order-control {
    margin-top: .75rem;
}

    .order-control .controls > .btn:first-child {
        margin-top: 0;
    }
/*xsmall input*/
@media (min-width: 48.02em) {
    .myqa .input-smallmedium {
        width: 12rem;
    }
}

.myqa .layout {
    margin: 0 1.25rem;
}

@media (min-width: 75em) {
    .myqa .layout {
        margin: 0 auto;
    }
}

.myqa #bj .dashDefault {
    float: left;
    padding-top: 12px;
    padding-left: 20px;
    width: auto;
}

/*FAQs*/

#bj section .is_questions {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    #bj section .is_questions > li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 100%;
        padding: 0 0 0px;
    }

#bj section .the_answer ul li:before {
    color: #080C10;
    top: 0;
    left: 0;
}

#bj section .the_answer ul li {
    font-size: 10px;
    padding-left: 1.5em;
}

#bj section .is_questions > li .the_question h3 {
    max-width: 100%;
}

@media screen and (max-width: 721px ) {
    #bj section .is_questions > li {
        width: 100%;
    }
}

#bj section .is_questions > li::before {
    display: none !important;
}

#bj section .is_questions > li .the_question {
    background-color: #ffffff;
    border: 1px solid #080C10;
    padding: 9px;
    margin: 0 0 10px;
    transition: all 0.35s linear;
    cursor: pointer;
}

    #bj section .is_questions > li .the_question h3 {
        font-size: 14px;
        line-height: 20px;
        transition: all 0.35s linear;
    }

        #bj section .is_questions > li .the_question h3::before {
            content: '\f0da';
            font-family: "Font Awesome 5 Pro";
            font-size: 20px;
            line-height: 20px;
            width: 20px;
            padding: 0 5px 0 0;
            text-align: center;
            color: #080C10;
            position: relative;
            top: 2px;
            transition: all 0.35s linear;
        }

    #bj section .is_questions > li .the_question:hover {
        background-color: #EDEFF1;
    }

#bj section .is_questions > li.on .the_question {
    background-color: #EDEFF1;
    border: 1px solid #080C10;
    color: #080C10;
}

    #bj section .is_questions > li.on .the_question h3,
    #bj section .is_questions > li.on .the_question h3::before {
        color: #080C10;
    }

        #bj section .is_questions > li.on .the_question h3::before {
            content: '\f0d7';
        }

#bj section .is_questions > li .the_answer {
    padding: 10px;
    margin: -10px 0 10px;
    display: none;
    background-color: #ffffff;
    border: 1px solid #080C10;
}

    #bj section .is_questions > li .the_answer p {
        font-size: 12px;
        line-height: 20px;
        padding: 0 0 10px;
    }

#bj section .further_questions {
    display: block;
    width: 100%;
}

    #bj section .further_questions p {
        display: block;
        font-size: 16px;
        line-height: 20px;
        padding: 20px 0;
        color: #080C10;
    }

    #bj section .further_questions ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        display: flex;
        flex-flow: row wrap;
    }

        #bj section .further_questions ul li {
            margin: 0;
            padding: 0;
            list-style-type: none;
            padding: 10px 10px 10px 13px;
            margin: 0 10px 10px 0;
            font-size: 12px;
            line-height: 20px;
            border-radius: 5px;
            border: 1px solid #080C10;
            background-color: #ffffff;
            cursor: pointer;
            transition: all 0.35s linear;
        }

            #bj section .further_questions ul li::after {
                content: '\f0d7';
                font-family: "Font Awesome 5 Pro";
                font-size: 20px;
                line-height: 20px;
                width: 20px;
                padding: 0 0 0 10px;
                text-align: center;
                color: #080C10;
                position: relative;
                top: 3px;
                transition: all 0.35s linear;
            }

            #bj section .further_questions ul li.on::after {
                content: '\f0d7';
                color: #080C10;
            }

            #bj section .further_questions ul li:hover::after {
                color: white;
            }

            #bj section .further_questions ul li:hover {
                background-color: #080C10;
                color: white;
            }

            #bj section .further_questions ul li.on {
                background-color: #EDEFF1;
                border: 1px solid #080C10;
                color: #080C10;
            }

            #bj section .further_questions ul li::before {
                display: none;
            }

#bj section .further_answers {
    display: none;
    width: 100%;
}

    #bj section .further_answers .head h2 {
        margin-top: -10px;
        display: inline-block;
        font-size: 16px;
        line-height: 20px;
        font-weight: bold;
        color: #2e2d2c;
        border-bottom: 5px solid #080C10;
    }

#bj #chart_div {
    margin-top: 10px;
    min-height: 200px;
}

#bj .graphSelector {
    margin-bottom: -82px;
    margin-top: 10px;
}

.myqa .featherlight {
    z-index: 10000;
}

#bj .featherlight section .card .base {
    padding-top: 35px;
}

/*fixes to error content on login screen*/
@media (min-width: 37.5em) {
    #bj.login section .card.the_big_code p {
        max-width: 100%;
    }

    #bj.login > section.processed {
        padding-right: 0px;
        min-height: 0;
    }

    #bj.login section .card.the_big_code {
        padding-right: 0px;
    }

    #bj.login section .base {
        min-height: 0;
    }
}

#bj.login section .base {
    padding-bottom: 0;
}

#bj .layout .pane.images {
    text-align: right;
    width: 100%
}

    #bj .layout .pane.images .header__myQALogo {
        display: inline-block;
    }

    #bj .layout .pane.images img {
        padding-left: 20px;
        vertical-align: middle;
    }

#bj section .card .more .pane.on {
    overflow-x: hidden;
    overflow-y: auto;
}

    #bj section .card .more .pane.on.nospacing {
        padding-top: 0px;
    }

.picker__day.picker__day--infocus.picker__day--disabled {
    /*! background-color: #f0f0f0; */
    /*! opacity: 0.3; */
    /*! height: 15px; */
    /*! width: 16px; */
    color: #A7A7A7;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 13px;
    text-align: center;
}

.flexbox #bj.checkout .form-item.checkbox,
.flexbox #tba-name-change .form-item.checkbox {
    display: inline-block;
    padding-top: 5px;
}

#bj.checkout .form-item .input_label label, #bj.checkout .form-item .label label {
    max-width: unset;
}

#bj [type="checkbox"] + label em {
    text-indent: 0px;
}

#unit_login .form-item[data-layout~="labelless"] .input {
    padding-top: 20px !important;
}

.asset-block {
    padding-bottom: 20px;
}

.myqa .results-divider {
    height: 1px;
    width: 100%;
    border-width: 0;
    color: #DADEE3;
    background-color: #DADEE3;
    margin-top: 16px;
    margin-bottom: 25px;
    opacity: 1;
    border: 0;
}

th.date-fixed {
    width: 120px;
}

.filter {
    border: 2px solid #080C10;
    border-radius: 60px;
    margin: 0px;
    color: #080C10;
    background-color: transparent;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    float: right;
}

    .filter:hover {
        color: #080C10;
        background-color: #E5E8EB !important;
    }


    .filter::before {
        font-family: "Font Awesome 5 Pro";
        content: "";
        font-weight: 400;
        margin-right: 4px;
    }

table tr.show {
    display: table-row;
}

table tr.collapsing {
    transition: none !important;
}

.filter-modal, .generic-modal {
    background-color: white;
    border-radius: 5px;
    color: #080C10;
    max-width: 520px;
    margin: 0 auto;
}

    .generic-modal.wide {
        max-width: 90%;
    }

    .filter-modal ul li::before, .generic-modal ul li::before, {
        display: none;
    }

    .filter-modal ul, .generic-modal ul {
        padding: 24px 24px 24px 24px;
        margin: 0;
    }

    .filter-modal h3, .generic-modal h3 {
        padding: 20px 30px 17px 30px;
        border-bottom: 2px solid #DADEE3;
        line-height: 22px;
        font-size: 20px;
        font-weight: bold;
    }

    .filter-modal h3, .generic-modal h4 {
        padding: 20px 30px 17px 30px;
        /*        border-bottom: 2px solid #DADEE3;*/
        line-height: 22px;
        font-size: 20px;
        font-weight: bold;
    }

    .filter-modal p, .generic-modal p, .generic-modal div {
        padding: 0px 30px 0px 30px;
    }

    .filter-modal span.featherlight-close, .generic-modal span.featherlight-close {
        float: right;
        /*! top:10px; */

        font-size: 20px;
        cursor: pointer;
    }

    .filter-modal ul li::before {
        display: none;
    }

    .filter-modal li, .generic-modal:not(.move-tree) li {
        /*width: 100%;*/
        padding-bottom: 10px;
        padding-right: 10px;
        line-height: 20px;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 20px;
        /*border-bottom: 2px solid #DADEE3;*/
        list-style: none;
    }

        .filter-modal li input, .generic-modal li input {
            float: right
        }


    .generic-modal > label,
    .generic-modal > div > label,
    .generic-modal > form > div > label,
    .generic-modal > form > label,
    .generic-modal > fieldset {
        width: 100%;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
        padding: 0px 30px 0px 30px;
    }

    .generic-modal > .radio input[type="radio"], .generic-modal > .checkbox input[type="radio"] {
        position: revert;
        top: auto;
        left: auto;
    }

    .generic-modal > label > input[type="radio"]:checked::after {
        top: 4px;
        left: 34px;
    }

    .generic-modal > label span:first-child:not(.select-replace,.required-star),
    .generic-modal > div > label span:first-child:not(.select-replace) {
        margin-top: 7px;
        display: block
    }

    .generic-modal textarea {
        height: auto;
    }

.private-book-modal {
    background-color: white;
    border-radius: 5px;
    color: #080C10;
    max-width: 70%;
    margin: 0 auto;
    /*padding: 30px;*/
    font-size: 12px;
}

    .private-book-modal .person_finder.off {
        display: none;
    }

    .private-book-modal .person_finder {
        position: absolute;
        top: 60px;
        left: 0;
        background-color: #f0f0f0;
        bottom: 0;
        right: 0;
        padding: 30px;
        border-radius: 5px;
        max-width: 70%;
        margin: 0 auto;
        float: left;
        width: 80%;
        z-index: 10001;
    }

        .private-book-modal .person_finder .cls {
            cursor: pointer;
        }

    .private-book-modal button.find-delegate {
        display: inline-block;
        border: 2px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 18px 0px 22px 0px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        max-height: 44px;
    }

    .private-book-modal button.save-delegate {
        display: inline-block;
        border: 2px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 18px 0px 22px 16px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        max-height: 44px;
    }

    .private-book-modal .detail {
        padding-left: 30px;
        padding-right: 30px;
    }

        .private-book-modal .detail .flexrow {
            flex-flow: row wrap;
            display: flex;
        }



        .private-book-modal .detail p {
            font-size: 12px;
        }

    .private-book-modal label {
        width: 100%;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
    }

        .private-book-modal label.form-check-label {
            font-weight: normal;
        }

        .private-book-modal label input[type="checkbox"] {
            margin-right: 5px;
        }

        .private-book-modal label input[type="text"], .private-book-modal label textarea {
            padding: 10px 10px 10px 10px;
            border-radius: 6px;
        }

    .private-book-modal .flexrow label {
        flex-basis: 20%;
        margin-left: 16px;
    }

    .private-book-modal h3 {
        padding: 20px 30px 17px 30px;
        border-bottom: 2px solid #DADEE3;
        line-height: 22px;
        font-size: 20px;
        font-weight: bold;
    }

    .private-book-modal span.featherlight-close {
        float: right;
        /*! top:10px; */

        font-size: 20px;
        cursor: pointer;
    }

    .private-book-modal ul li::before {
        display: none;
    }

    .private-book-modal ul {
        /*padding: 40px 30px 40px 30px;*/
        margin: 0;
    }

    .private-book-modal li {
        float: left;
        /*padding-bottom: 20px;*/
        padding-right: 10px;
        line-height: 20px;
        font-size: 16px;
        font-weight: 500;
        margin: 0;
    }

    .private-book-modal .flexrow li {
        flex-basis: 25%;
    }

        .private-book-modal .flexrow li:last-child {
            flex-basis: 50%;
        }

    .private-book-modal .sr_control {
        line-height: 20px
    }

        .private-book-modal .sr_control label {
            width: auto;
            margin-bottom: 0;
            color: #080C10;
            font-family: 'Figtree',Arial,sans-serif;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 0;
            margin-left: 5px;
        }

    /*        .private-book-modal .form-check-input[type="checkbox"] {
            float: left
        }
*/
    .private-book-modal li label {
        width: auto;
        margin-bottom: 0;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        margin-left: 5px;
    }

    .private-book-modal li input {
        float: left
    }

    .private-book-modal .field-validation-error {
        font-weight: normal;
        font-size: 13px;
    }


    .private-book-modal .dj_autocomplete {
        border-right: 1px solid rgba(46, 45, 44, 0.2);
        border-left: 1px solid rgba(46, 45, 44, 0.2);
        background-color: #ffffff;
        max-width: 560px;
        max-height: 280px;
        overflow-y: auto;
        margin-top: -6px
    }

        .private-book-modal .dj_autocomplete.off {
            display: none;
        }

        .private-book-modal .dj_autocomplete .off {
            display: none;
        }

            .private-book-modal .dj_autocomplete .off.on {
                display: block;
            }

        .private-book-modal .dj_autocomplete li {
            cursor: pointer;
            display: block;
            padding: 10px 10px 9px;
            border-bottom: 1px solid rgba(46, 45, 44, 0.2);
            background-color: #ffffff;
            color: #2e2d2c;
            width: 100%;
            font-weight: normal;
            font-size: 13px;
        }

@media only screen and (max-width: 768px) {
    .private-book-modal {
        width: 100%;
        max-width: 100%;
    }

        .private-book-modal .detail .flexrow {
            flex-flow: row wrap;
        }

            .private-book-modal .detail .flexrow label {
                flex-basis: 100%;
                margin-left: 0;
            }

        .private-book-modal .flexrow li {
            flex-basis: 100%;
        }

        .private-book-modal .person_finder {
            width: 95%;
            max-width: 95%;
            top: 70px;
        }
}

.model-foot {
    padding: 20px 30px 20px 30px;
    /*box-shadow: 0px 0px 8px 1px rgba(34,34,34,0.08);*/
    min-height: 84px;
}


.filter-filter /*, .filter-filter:hover, .filter-filter:visited */ {
    /*    border: 2px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    color: white;
    background-color: #080C10;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;*/
    float: right;
}
/*.filter-clear {
    border: 2px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    color: #080C10;
    background-color: transparent;
    line-height: 16px;
    height: 44px;
    cursor: pointer;
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;*/
/*float: left;*/
/*}*/

@media (max-width: 600px) {
    .progress {
        width: 50%;
    }
}

.accordion-body {
    padding: 0;
}

    .accordion-body .pane {
        padding: 0 25px;
    }


.dashboard-search {
    padding: 24px 25px;
    background-color: #ffffff;
    margin: 0 auto;
    border-radius: 10px;
    margin-bottom: 30px;
}

    .dashboard-search h3 {
        margin-bottom: 32px;
        height: 24px;
        width: 284px;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
    }

    .dashboard-search label::before {
        font-family: "Font Awesome 5 Pro";
        content: '';
        font-weight: 400;
        font-size: 18px;
        line-height: 18px;
        width: 18px;
        padding: 0 5px 0 0;
        text-align: center;
        color: #080C10;
        position: absolute;
        top: 11px;
        left: 14px;
        /*! background-color:orange; 
    display: inline-block;*/
    }

    .dashboard-search label {
        padding: 10px 10px 10px 42px;
        border-radius: 6px;
        /*max-width: 568px;*/
        display: inline-block;
        width: 75%;
        border: 1px solid #111820; /*#485A6E*/
        position: relative;
    }

    .dashboard-search input {
        padding: 0;
        border: 0;
        margin: 0;
        line-height: 20px;
        font-size: 16px;
        height: 20px;
        box-shadow: none;
        outline: none;  
    }

    .dashboard-search input::placeholder {
        color: #7A8999;
        opacity: 1;
    }

    .dashboard-search .search-button {
        display: inline-block !important;
        /*! float: right; */
        border: 1px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 0 28px 0 10px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        height: 44px;
    }

    .dashboard-search a.advanced-search, .dashboard-search a.advanced:hover, .dashboard-search a.advanced:visited {
        height: 16px;
        width: 130px;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 16px;
        text-decoration: none;
    }


@media(max-width:600px) {
    .accordion-item:first-of-type {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .dashboard-container {
        border-radius: 0px !important;
    }
}

.accordion-item:first-of-type {
    border-top: 1px solid #f0f3f7;
}

@media(max-width:768px) {



    .dashboard-container .milestones li .iconed {
        width: 100%;
    }

    .training-history-container .milestone-title {
        display: none;
    }
}

#linked-accounts.dropdown-toggle::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border: 0;
    float: right;
}

#accordion-milestones .accordion-button:not(.collapsed) {
    box-shadow: none;
    background-color: #FAFAFA !important;
    border-bottom: 0;
}

#accordion-milestones .milestone-block {
    background-color: #FAFAFA;
    padding: 24px 29px 36px 29px;
}


.course-search-container {
    background-color: #ffffff;
    width: 100%;
    border-radius: 10px;
    padding: 30px !important;
    margin: 0px;
    margin-bottom: 0px;
    margin-bottom: 20px;
    color: #080C10;
}

    .course-search-container h3 {
        padding: 0;
        margin: 0;
        height: 24px;
        width: 284px;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 22px;
    }

    .course-search-container hr {
        height: 1px;
        width: 100%;
        background-color: #DADEE3;
        margin-top: 30px;
        margin-bottom: 15px;
    }

    .course-search-container label {
        width: 100%;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        /*line-height: 18px;*/
        margin-bottom: 16px;
    }

        .course-search-container label span:first-child:not(.select-replace) {
            margin-top: 7px;
            display: block
        }

        .course-search-container label.keyword span::before {
            font-family: "Font Awesome 5 Pro";
            content: '';
            font-weight: 400;
            font-size: 18px;
            line-height: 18px;
            width: 18px;
            padding: 0 5px 0 0;
            text-align: center;
            color: #7A8999;
            position: absolute;
            top: 11px;
            left: 14px;
            display: block
            /*! background-color:orange; 
    display: inline-block;*/
        }

        .course-search-container label.keyword span {
            padding: 10px 10px 10px 42px;
            border-radius: 3px;
            display: inline-block;
            width: 100%;
            border: 1px solid #111820;
            position: relative;
        }

        .course-search-container label.keyword input {
            padding: 0;
            border: 0;
            margin: 0;
            line-height: 20px;
            font-size: 16px;
            height: 20px;
            box-shadow: none;
            outline: none;
        }

            .course-search-container label.keyword input::placeholder {
                color: #7A8999;
                opacity: 1;
            }

    .course-search-container input {
        box-shadow: none;
    }

    .course-search-container .select-replace select,
    .course-search-container .form-control {
        border: 1px solid #111820;
        margin-bottom: 0;
        color: #485A6E;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0;
        line-height: 18px;
    }

    .course-search-container .select-replace,
    .course-search-container .form-control {
        margin-bottom: 0
    }

    .course-search-container label.date {
    }

    .course-search-container .search-button {
        display: inline-block !important;
        /*! float: right; */
        border: 1px solid #080C10;
        color: white;
        background-color: #080C10;
        border-radius: 60px;
        margin: 16px 0 0 0px;
        padding: 12px 24px;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none !important;
        min-width: 82px;
        text-align: center;
        line-height: 16px;
        height: 44px;
    }

    .course-search-container #learning-history-table th, .course-search-container #learning-history-table td {
        padding: 12px 10px;
    }

    .course-search-container .flex-search {
        flex-flow: row;
        display: flex;
    }

    .course-search-container .date .form-control:disabled, .course-search-container .date .form-control[readonly] {
        background-color: transparent;
    }

@media only screen and (min-width: 768px) {
    .course-search-container .flex-search label.region {
        flex-basis: 40%;
    }

    .course-search-container .flex-search label.date {
        flex-basis: 20%;
        margin-left: 16px;
    }

    .course-search-container .flex-search label.type {
        flex-basis: 20%;
        margin-left: 16px;
    }
}

@media only screen and (max-width: 768px) {
    .course-search-container .flex-search {
        flex-flow: row wrap;
    }

        .course-search-container .flex-search label {
            /*        padding-top: 0px;
        display: inline-block;
        margin-right: 20px;
        width: 100%;
        font-size: 16px;*/
            flex-basis: 100%;
            margin-left: 0;
        }

    .course-search-container #search_submit {
        margin-left: auto !important;
    }
}

.course-search-container #learning-history-table span {
    font-size: inherit
}

.course-search-container #learning-history-table .location {
    display: block;
    /*! height: 16px; */
    /*width: 215px;*/
    color: #7A8999;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
}

    .course-search-container #learning-history-table .location:first-of-type {
        padding-top: 8px
    }

    .course-search-container #learning-history-table .location a {
        height: 16px;
        width: 215px;
        color: #7A8999;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 16px;
    }

    .course-search-container #learning-history-table .location::before {
        content: '';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        padding-right: 5px;
    }

.course-search-container #learning-history-table a.book-button {
    box-sizing: border-box;
    padding: 4px 16px;
    border-radius: 24px;
    background-color: #080C10;
    height: 28px;
    color: white;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    margin-top: 4px;
    text-decoration: none;
}

.course-search-container #learning-history-table a.view {
    box-sizing: border-box;
    padding: 4px 16px;
    border: 2px solid #080C10;
    border-radius: 24px;
    background-color: #FFFFFF;
    height: 28px;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    margin-right: 16px;
    display: inline-block;
    /*! margin-bottom:8px; */
    margin-top: 4px;
    text-decoration: none;
}

.course-search-container #learning-history-table a.book-button:hover {
    background-color: #485A6E;
    text-decoration: none;
}

.course-search-container #learning-history-table a.view:hover {
    background-color: #E5E8EB;
    text-decoration: none;
}
/*.course-search-container .mobile-ref a.view {

}
*/
.course-search-container button.show-more {
    box-sizing: border-box;
    padding: 12px 20px;
    border: 1px solid #080C10;
    border-radius: 24px;
    background-color: #FFFFFF;
    /*height: 16px;*/
    width: 34px;
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 16px;
    text-align: center;
    margin: 0 auto;
    min-width: 82px;
    display: block;
}

.course-search-container p.showing {
    height: 16px;
    /*width: 482px;*/
    color: #080C10;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    margin: 0;
}

    .course-search-container p.showing span {
        font-size: 12px;
    }


div.course-search-container .results {
    margin-top: 20px;
}

div.course-search-container #learning-history-table {
    margin-top: 0;
}

.course-search-container #learning-history-table tr td.action-mobile {
    display: none;
}

.course-search-container #learning-history-table tr td p {
    margin: 0;
    font-size: 12px;
}

.course-search-container #search_submit {
    align-self: flex-end;
    margin-bottom: 22px;
    margin-left: 16px;
}

.picker .picker__footer button.picker__button--today {
    background-color: #0B7192;
    border-color: #0B7192;
    color: #ffffff;
}


#learning-history-table .video-button {
    display: inline-block !important;
    color: #080C10;
    border: 1px solid #080C10;
    border-radius: 60px;
    padding: 0px 10px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
    height: 22px;
    float: right;
}

@media only screen and (max-width: 600px) {
    #learning-history-table .video-button {
        display: inline-block !important;
        color: #080C10;
        border: 1px solid #080C10;
        border-radius: 60px;
        /*! padding: 5px 20px; */
        margin-top: 0px;
        font-size: 12px;
        font-weight: 700;
    }
}

@media (min-width: 768px) {
    li.milestone-block a.iconed {
        max-width: 50%;
        display: inline-block;
    }
}



@media (min-width: 1000px) {
    li.milestone-block a.iconed {
        max-width: 64%;
        display: inline-block;
    }
}

.layout .container {
    padding-right: 0;
    padding-left: 0;
}

@media (min-width: 1400px) {
    .layout .container {
        max-width: revert;
    }
}

@media (min-width: 1200px) {
    .layout .container {
        max-width: revert;
    }
}

@media (min-width: 992px) {
    .layout .container {
        max-width: revert;
    }
}

@media (min-width: 768px) {
    .layout .container {
        max-width: revert;
    }
}

@media (min-width: 576px) {
    .layout .container {
        max-width: revert;
    }
}

.linkaccounts .dropdown-menu li {
    font-size: 14px;
}

    .linkaccounts .dropdown-menu li .dropdown-item.active {
        background-color: #0B7192;
    }

.floatRight {
    float: right;
}

#bj .form-item.checkbox.minreq .messages {
    padding: 2px 16px 0 4px;
}

.progress-bar {
    background-color: #0B7192;
}


h2 {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 16px;
}

div.myqa-padded-wrapper {
    padding-top: 131px;
    background-color: #F6F7F8;
    padding-bottom: 15px;
}

@media(max-width:767px) {
    div.myqa-padded-wrapper {
        padding-top: 82px;
    }
}

.content-constraint {
    /*max-width: 100%;*/
    max-width: 1180px;
    margin: 0 auto;
    /*padding: 0 120px;*/
}

@media (max-width: 767px) {
    .content-constraint {
        padding: 0 20px;
    }

    footer .footer__middle {
        flex-direction: column;
        gap: 30px;
    }

    footer .footer__bottom {
        flex-direction: column;
        gap: 60px;
    }

    footer .footer__sm, footer .footer__paymentLogos {
        width: 100%;
    }
}
/*@media (max-width: 1600px) {
    .content-constraint {
        padding: 0 60px;
    }
}*/
@media (max-width: 1199px) {
    .content-constraint {
        padding: 0 40px;
    }
}


header.head .cta, header.head .linkaccounts {
    align-self: flex-end;
}

header.head .linkaccounts {
    margin-right: 20px;
}

header.head {
    margin-top: 40px;
    margin-bottom: 32px;
    display: flex;
    flex-wrap: wrap;
}

    header.head h1, #bj  header.head h1 /*, header.head h2, header.head h3*/ {
        color: #080C10;
        font-weight: 700;
        font-family: 'Figtree',Arial,sans-serif !important;
        margin: 0 auto 0 0;
        font-size: 24px;
        line-height: 24px;
    }

small.showingAccount {
    font-size: 14px;
    display: block;
    margin-top: 10px;
    font-weight: 500;
    line-height: 20px;
}

/*.header_CTA {
    margin: 9px 0 0 10px;
}*/

@media (max-width: 700px) {
    header.head h1 {
        width: 100%;
    }

    header.head .cta, header.head .linkaccounts {
        margin-top: 16px;
        /*margin-bottom: 16px;*/
    }

    header.head .header_makeHome {
        margin-top: 16px;
    }
}

.header_makeHome {
    font-size: 14px;
    display: block;
    margin-top: -10px;
    font-weight: 200;
    line-height: 20px;
    width: 100%;
}

    .header_makeHome.withAccountName {
        margin-top: 0px;
    }

    .header_makeHome label {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }

div.container .dashboard-container {
    width: 100%;
}

@media(max-width:767px) {
    div.container {
        padding: 0;
    }

    .course-title small, course-title br {
        display: none;
    }
}

.accordion-button {
    background: transparent;
    padding: 15px 25px 20px;
}

    .accordion-button:focus {
        z-index: 3;
        /*border-color: red;*/
        outline: 0;
        box-shadow: 0 0 0 0;
    }

.accordion-item {
    border-top-width: 1 !important;
}

    .accordion-item:first-of-type {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }


header.head p {
    margin-left: 30px;
}

    header.head p:last-child {
        margin-bottom: 0;
    }


/* 3 column login */
/* container */
.three-columns {
    display: flex;
    flex-wrap: wrap;
}

    /* columns */
    .three-columns > * {
        width: 100%;
        padding: 1rem;
    }

    /* columns */
    .three-columns > div {
        background-color: #ffffff;
        border-radius: 10px;
        padding: 30px !important;
        margin: 0px;
        margin-bottom: 20px;
        color: #080C10;
    }

    .three-columns label {
        width: 100%;
        color: #080C10;
        font-family: 'Figtree',Arial,sans-serif;
        font-size: 13px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 18px;
        margin-bottom: 16px;
    }

        .three-columns label span:first-child:not(.select-replace) {
            margin-top: 7px;
            display: block
        }

/* 3 -> 1 break point */
@media (min-width:960px) {
    .three-columns > div {
        width: calc(100% / 3 - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .three-columns div:first-child {
        margin-left: 0px;
    }

    .three-columns div:last-child {
        margin-right: 0px;
    }
}

.three-columns div.buttons {
    margin: 18px 0;
    min-height: 44px;
}

    .three-columns div.buttons .cta {
        float: right;
    }

.g-recaptcha {
    min-height: 62px;
}

    .g-recaptcha .grecaptcha-badge {
        box-shadow: none !important;
        border: 1px solid #B9B9B9;
        height: 62px !important;
        float: right;
    }

#registrationRecaptcha {
    width: 100%;
    padding: 0 1rem 1rem !important;
}

.existing-booking-check {
    padding-bottom: 30px;
}

    .existing-booking-check .g-recaptcha {
        padding: 0px 30px 0px 30px;
    }

    .existing-booking-check div.buttons {
        padding: 0px 30px 0px 30px;
        min-height: 44px;
        margin-top: 16px;
        margin-bottom: 16px;
    }

label.error, span.error {
    color: #D90A47 !important;
    font-weight: normal !important;
    font-size: 16px !important;
    margin-bottom: 0 !important;
}

.booking-history label.error {
    font-size: 14px !important;
}

input.error {
    border-color: #D90A47 !important;
}

/*.access-bookings {
    margin-top: 16px;
}*/
.existing-booking-check a.cta {
    float: right
}
/*@media screen and (min-width:768px) and (max-width:768px) {
    #rc-imageselect, .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}*/

.cta.access-psp:first-of-type {
    margin-bottom: 18px;
}

/* Dash Panels */

/* container */
.dash-panels {
    display: flex;
    flex-wrap: wrap;
}

    /* columns */
    .dash-panels > * {
        width: 100%;
        padding: 24px;
        background: white;
        border-radius: 8px;
        margin-bottom: 32px;
        position: relative;
    }

/* 2 -> 1 break point */
@media (min-width:960px) {
    .dash-panels:not(.full-width) > div {
        width: calc(100% / 2 - 16px);
    }

    .dash-panels div.dash-panel:nth-child(2n) {
        margin-left: 32px;
    }
}

.dash-panel h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #080C10;
    margin-bottom: 16px;
}

.dash-panel a, .dash-panel a:hover, .dash-panel a:visited {
    color: #080C10;
    text-decoration: none
}

.dash-panel h2 a::before, .dash-panel h2 span::before {
    width: 32px;
    height: 32px;
    top: 8px;
    position: relative;
    padding-right: 12px;
}

.dash-panel h2.skills-usage a::before {
    content: url('../../images/myqa/skills-usage-32.png');
}

.dash-panel h2.skills-licenses a::before {
    content: url('../../images/myqa/skills-licenses-32.png');
}

.dash-panel h2.my-account a::before, .dash-panel h2.my-account span::before {
    content: url('../../images/myqa/my-account-32.png');
}

.dash-panel h2.organisation a::before {
    content: url('../../images/myqa/organisation-32.png');
}

.dash-panel h2.bookings a::before {
    content: url('../../images/myqa/bookings-32.png');
}

.dash-panel h2.pending-approvals a::before {
    content: url('../../images/myqa/pending-approvals-32.png');
}

.dash-panel h2.pending-approvals span {
    display: inline;
    font-size: 12px;
    font-family: 'Figtree',Arial,sans-serif;
    max-width: 35px;
    min-width: 16px;
    height: 16px;
    padding: 0px 3px;
    line-height: 16px;
    text-align: center;
    position: absolute;
    top: 32px;
    left: 38px;
    color: #ffffff;
    background-color: #D90A47;
    border-radius: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.dash-panel h2 a::after {
    width: 13px;
    height: 13px;
    content: "";
    display: inline-block;
    position: relative;
    right: -5px;
    top: 7px;
    transform: rotate(45deg);
    border-top: 1px solid #080C10;
    border-right: 1px solid #080C10;
    z-index: 40;
    transform: translatey(-50%) rotate(45deg);
}

.dash-panel ul {
    margin: 0;
    padding: 0;
}

.dash-panel li {
    list-style: none;
    position: relative; /*Dash icon!*/
}

    .dash-panel li:before {
        display: none;
    }

.dash-panel .skills-licenses li {
    font-size: 14px;
    padding-left: 28px;
}

    .dash-panel .skills-licenses li.warning::before {
        content: url('../../images/myqa/warning-24.png');
        display: block;
        top: 0px;
        left: 0px;
        position: absolute;
    }

    .dash-panel .skills-licenses li a {
        display: block;
        line-height: 1;
    }

.dash-panel li a, .dash-panel li a:hover, .dash-panel li a:visited {
    color: #0B7192
}

.dash-panel :not(.skills-licenses) li a {
    padding-left: 10px;
}

    .dash-panel :not(.skills-licenses) li a::before {
        width: 11px;
        height: 11px;
        content: "";
        display: inline-block;
        position: relative;
        right: 10px;
        top: 5px;
        transform: rotate(45deg);
        border-top: 1px solid #0B7192;
        border-right: 1px solid #0B7192;
        z-index: 40;
        transform: translatey(-50%) rotate(45deg);
    }

/* myQA support footer */
.myqa-support-footer {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
}

    .myqa-support-footer > * {
        width: 100%;
    }
/* break points */
@media (min-width:600px) and (max-width:799px) {
    .myqa-support-footer > .contact, .myqa-support-footer > .messages {
        width: calc(50% - 8px);
        margin-right: 0;
    }

    .myqa-support-footer > .contact {
        margin-right: 16px;
    }
}

@media (min-width:800px) and (max-width:999px) {
    .myqa-support-footer > * {
        width: calc(33% - (32px/3));
    }

    .myqa-support-footer > .contact, .myqa-support-footer > .messages {
        margin-right: 16px;
    }
}

@media (min-width:1000px) {
    .myqa-support-footer > .contact, .myqa-support-footer > .messages {
        width: 25%;
        margin-right: 16px;
    }

    .myqa-support-footer > .images {
        width: calc(50% - 32px);
    }
}

.myqa-support-footer h4 {
    font-size: 16px;
    font-weight: 600;
}

.myqa-support-footer h5 {
    font-size: 14px;
    font-weight: 600;
}

.myqa-support-footer .messages p {
    font-size: 14px;
    margin: 0 0 5px;
}
/* columns */
.myqa-support-footer > * {
    margin-bottom: 10px;
}


.myqa-support-footer ul li {
    margin: 0;
    font-size: 14px;
}

.myqa-support-footer a, .myqa-support-footer a:hover, .myqa-support-footer a:visited {
    color: #080C10;
}

.myqa-support-footer .images a {
    margin-right: 16px;
}

/* Booking history */
.org-tabulated-history {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 400;
    padding: 24px 25px; /*!important;*/
    border-radius: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
}

    .org-tabulated-history > div, .org-tabulated-history > div.full-width {
        width: 100%;
    }

        .org-tabulated-history > div.half-width {
            width: calc(50% - 20px);
        }

/* 2 -> 1 break point */
@media (min-width:600px) {
    .org-tabulated-history > div {
        width: calc(100% / 2 - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .org-tabulated-history div:not(.full-width):first-child {
        margin-left: 0px;
    }

    .org-tabulated-history div:last-child {
        margin-right: 0px;
    }
}

/* 4 -> 2 break point */
@media (min-width:960px) {
    .org-tabulated-history > div {
        width: calc(100% / 4 - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .org-tabulated-history.org-booking-history > div:not(.full-width):nth-of-type(4) {
        width: calc(100% / 4 - 20px - 4%);
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: 20px;
    }

        .org-tabulated-history.org-booking-history > div:not(.full-width):nth-of-type(4) label {
            gap:10px;
        }

        .org-tabulated-history.org-booking-history > div:last-child {
            width: calc(100% / 4 - 20px + 4%);
        }
}

.org-tabulated-history.org-license-history > div:nth-of-type(2) {
    display: flex
}

.org-tabulated-history hr {
    border-top: 1px solid #EDEFF1;
    width: 100%;
    margin: 20px 0;
    overflow: visible;
    opacity: 1
}

    .org-tabulated-history hr:after {
        content: "OR";
        color: #485A6E;
        position: relative;
        width: 40px;
        left: calc(50% - 20px);
        top: -14px;
        display: block;
        background-color: white;
        text-align: center
    }

.org-tabulated-history > div:not(.picker):last-child {
    display: flex;
    flex-direction: column
}

/*.org-tabulated-history div:last-child > * {
    width: 100%;
}
*/
.org-tabulated-history label, .org-tabulated-history-table label {
    width: 100%;
    font-size: 14px;
    font-weight: 400; /*org history design, was 600*/
    margin-bottom: 16px;
}

.org-tabulated-history.org-license-history label, .org-tabulated-history.org-license-history .select-replace {
    margin-bottom: 0;
}

.org-tabulated-history.org-license-history div:nth-of-type(2) label {
    margin-top: 15px;
}

.org-tabulated-history .date-range label {
    margin-bottom: 0px;
}

.org-tabulated-history label input {
    margin: 0;
}

.org-tabulated-history .date-range input {
    margin-bottom: 16px;
}

.org-tabulated-history label.checkbox {
    margin: 0;
}

.org-tabulated-history div:last-child > a.cta {
    align-self: flex-end;
    margin-top: auto;
}

.org-tabulated-history div:last-child label > span {
    display: flex;
}

.org-tabulated-history div:last-child span > span:first-child {
    width: calc(60% - 10px);
    margin-right: 10px;
}

.org-tabulated-history div:last-child span > span:last-child {
    width: 40%;
}

.org-tabulated-history-table {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    padding: 24px 0;
    border-radius: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 30px;
}

.generic-modal .org-tabulated-history-table {
    width: calc(100% - 60px);
    margin-left: 30px;
    margin-right: 30px;
}

.org-tabulated-history-table th,
.org-tabulated-history-table td {
    padding: 12px 8px;
}

.org-tabulated-history-table th.expand {
    width:50%
}

    .org-tabulated-history-table th:first-child,
    .org-tabulated-history-table td:first-child {
        padding-left: 24px;
    }

    .org-tabulated-history-table th:last-child,
    .org-tabulated-history-table td:last-child {
        padding-right: 24px;
        text-wrap: nowrap;
        /*text-align: right; removed for amend fee*/
    }

.org-tabulated-history-table thead th {
    padding-top: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #485A6E;
    font-family: "Lato", sans-serif;
}

.booking-history .org-tabulated-history-table thead th {
    padding-top: 0;
}

.org-tabulated-history-table thead th a {
    color: #485A6E;
}

.org-tabulated-history-table tr {
    border-bottom: 1px solid #EDEFF1
}

.org-tabulated-history-table thead tr {
    border-bottom: 2px solid #EDEFF1
}

.org-tabulated-history-table tbody td.no-data {
    text-align: center;
}

.org-tabulated-history-table img.arrow {
    width: 17px;
}

.org-tabulated-history-table .cta:not(:first-of-type) {
    margin-left: 12px;
}

.org-tabulated-history-table .location {
    display: block;
    color: #7A8999;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
}
.org-tabulated-history-table .location > small{
    font-size: 12px;
}
.org-tabulated-history-table td > small {
    display: block;
    color: #7A8999;
    font-family: 'Figtree',Arial,sans-serif;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
}

    .org-tabulated-history-table .location::before {
        content: '';
        font-family: "Font Awesome 5 Pro";
        font-weight: 400;
        padding-right: 5px;
    }

/*.org-tabulated-history-table tr td.status {
    width: 94px;
}*/

@media only screen and (max-width: 768px) {

    .org-tabulated-history-table tr {
        display: flex;
        flex-flow: row wrap;
        position: relative;
    }

        .org-tabulated-history-table tr:not(:first-of-type):not(:last-of-type) {
            border-bottom: 1px solid #DADEE3;
        }

        .org-tabulated-history-table tr:last-of-type {
            border-bottom: 0;
        }

        .org-tabulated-history-table tr td {
            flex-basis: 100%;
            display: table-cell;
            /*            margin-top: 8px;
            padding: 0px 10px 0px 24px;*/
        }

    .org-tabulated-history-table:not(.auth-table) tr td {
        margin-top: 8px;
        padding: 0px 10px 0px 24px;
    }

    .org-tabulated-history-table tr td.thirds {
        flex-basis: 33%;
        margin-top: 20px;
    }

    .org-tabulated-history-table tr td.half {
        flex-basis: 50%;
    }

    .org-tabulated-history-table tr td.fifth {
        flex-basis: 20%;
    }

    .org-tabulated-history-table tr td.title {
        display: flex;
        flex-flow: row wrap;
    }

    .org-tabulated-history-table tr td.status {
        width: unset;
    }


    .org-tabulated-history-table tr td:last-child {
        display: table-cell;
        /*margin-bottom: 17px;*/
    }

    .org-tabulated-history-table:not(.auth-table) tr td:last-child {
        margin-bottom: 17px;
    }

    .org-tabulated-history-table tr td.title a {
        flex-basis: 100%;
    }

    .org-tabulated-history-table tr td.title span.location {
        flex-basis: 100%;
    }

    /*            .course-search-container #learning-history-table tr td p {
                margin: 0;
            }
*/
    .org-tabulated-history-table .mobile-ref {
        display: inline-block;
        margin-right: 5px;
    }
    /* 
    .course-search-container #learning-history-table tr td.action-mobile a {
        display: inline-block;
        width: auto;
        height: auto;
    }*/

    .org-tabulated-history-table:not(.auth-table) th {
        display: none;
    }
}


.pager {
    display: flex;
    /*flex-direction: column*/
}

.generic-modal .pager {
    margin-left: 30px;
    margin-right: 30px;
}

.pager .cta {
    align-self: flex-end;
    padding: 12px 18px;
}

    .pager .cta:first-child {
        margin-left: auto;
    }

    .pager .cta.prev, .pager .cta.next {
        padding: 12px 16px;
    }

        .pager .cta.prev::before {
            width: 11px;
            height: 11px;
            content: "";
            display: inline-block;
            position: relative;
            right: -2px;
            top: 6px;
            transform: rotate(45deg);
            border-top: 1px solid #080C10;
            border-left: 1px solid #080C10;
            z-index: 40;
            transform: translatey(-50%) rotate(-45deg);
        }

        .pager .cta.next::before {
            width: 11px;
            height: 11px;
            content: "";
            display: inline-block;
            position: relative;
            right: 3px;
            top: 6px;
            transform: rotate(135deg);
            border-top: 1px solid #080C10;
            border-left: 1px solid #080C10;
            z-index: 40;
            transform: translatey(-50%) rotate(135deg);
        }
button.cta {
    border:0;
}
.cta, .cta:visited {
    line-height: 20px;
    height: 44px;
    cursor: pointer;
    /*margin-top: 20px;*/
    display: inline-block;
    width: auto;
    padding: 12px 24px;
    text-decoration: none !important;
    color: #fff;
    border-radius: 60px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 14px;
    font-weight: 600;
    vertical-align: 0;
    background-color: #0B7192 !important;
    border-color: #0B7192;
}

    .cta:disabled {
        opacity: 0.3
    }

    .cta.thin {
        padding: 4px 24px;
        height: 28px;
        font-size: 14px;
    }

        .cta.thin.narrow {
            padding: 4px 16px;
            height: 28px;
        }


    .cta:hover {
        background-color: #2FB7DA !important;
        color: #ffffff;
        border-color: #2FB7DA;
    }

    .cta.secondary {
        background-color: #080C10 !important;
        border-color: #080C10;
    }

        .cta.secondary:hover {
            background-color: #485A6E !important;
            border-color: #485A6E;
        }

    .cta.outline {
        color: #080C10;
        background-color: transparent !important;
        border-color: #080C10;
        border-width: 2px;
        border-style: solid;
        line-height: 16px;
    }

        .cta.outline:hover {
            background-color: #E5E8EB !important;
        }

    .cta.ghost {
        color: #080C10;
        background-color: transparent !important;
        border: none;
        /*line-height: 16px;*/
    }

        .cta.ghost:hover, .cta.ghost.active {
            background-color: #E5E8EB !important;
        }

    .cta.inactive {
        color: #A7B1BC;
        background-color: #E5E8EB !important;
        /*        border-color: #080C10;
    border-width: 1px;
    border-style: solid;*/
    }

    .cta.back, .cta.bottom {
        margin-bottom: 30px;
    }

        .cta.back::before {
            width: 11px;
            height: 11px;
            content: "";
            display: inline-block;
            position: relative;
            right: 2px;
            top: 6px;
            transform: rotate(45deg);
            border-top: 1px solid #080C10;
            border-left: 1px solid #080C10;
            z-index: 40;
            transform: translatey(-50%) rotate(-45deg);
        }

    .cta.right {
        margin-left: 16px;
    }

/*    .cta.envelope svg {
        position: relative;
        top: -5px
    }*/

    .cta.envelope.outline {
        padding: 4px 16px 4px 40px;
        align-items: center;
        color: #080C10;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 16px; /* 142.857% */
        position: relative;
    }
        .cta.envelope.outline:before {
            content: url('../../images/myqa/envelope.svg');
            position: absolute;
            left: 16px;
            top: 2px;
        }
        .generic-modal > .cta.right {
    margin-right: 30px;
}

.inline-filters {
    display: flex;
    align-items: flex-end;
}

    .inline-filters label {
        margin-left: 16px;
        font-size: 14px;
        font-weight: 600;
    }

        .inline-filters label:first-child {
            margin-left: auto;
            line-height: 30px;
            margin-bottom: 6px;
            padding-top: 3px;
        }

.org-tabulated-history.license-detail {
    border: 2px solid #111820;
    padding: 32px;
    font-size: 16px;
    font-weight: 400;
}

@media (min-width: 600px) {
    .org-tabulated-history.license-detail div:first-child {
        width: calc(60% - 10px);
        margin-right: 10px;
    }

    .org-tabulated-history.license-detail div:last-child {
        width: calc(40% - 10px);
        margin-left: 10px;
    }
}

.org-tabulated-history.license-detail strong {
    font-size: 20px;
    font-weight: 400;
    display: block;
    line-height: 32px;
    margin-top: 5px;
}

.org-tabulated-history.license-detail div:last-child {
    background-color: #F6F7F8;
    border-radius: 8px;
    padding: 32px;
}

    .org-tabulated-history.license-detail div:last-child dl {
        display: flex;
        flex-wrap: wrap;
        margin: 0;
    }

        .org-tabulated-history.license-detail div:last-child dl > dt {
            width: 35%;
            margin-right: 24px;
            margin-bottom: 0;
        }

        .org-tabulated-history.license-detail div:last-child dl > dd {
            width: calc(65% - 24px);
            margin-bottom: 0;
        }

/* Booking view/ amend pages */

.booking-history {
    /*    display: flex;
    flex-wrap: wrap;*/
    font-size: 14px;
    font-weight: 400;
    padding: 24px 0; /*!important;*/
    border-radius: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
}

    .booking-history > div {
        width: 100%;
        padding: 0 25px 16px 25px;
    }

        .booking-history > div:first-child {
            border-bottom: 2px solid #EDEFF1;
            width: 100%;
            margin: 0 0 20px 0;
            display: flex;
        }

            .booking-history > div:first-child h2 {
                margin: 0 auto 0 0;
                line-height: 32px;
            }

                .booking-history > div:first-child h2 a {
                    color: #080C10;
                }

            .booking-history > div:first-child h4 {
                align-self: flex-end;
                font-size: 16px;
                font-weight: 400;
                margin-bottom: 0;
                line-height: 32px;
                vertical-align: middle
            }

        .booking-history > div:nth-of-type(2) {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .booking-history > div:nth-of-type(2) > label,
            .booking-history > div:nth-of-type(2) > p,
            .booking-history > div:nth-of-type(2) > h5 {
                width: 100%;
            }

#changeCourseDate > div > h5 {
    margin-bottom: 20px;
}

.booking-history > div:nth-of-type(2) > label.half-width {
    width: 50%;
}

#reports.booking-history > div:nth-of-type(2) > div {
    width: calc(50% - 12px);
}

    #reports.booking-history > div:nth-of-type(2) > div:first-child {
        margin-right: 24px;
    }

    #reports.booking-history > div:nth-of-type(2) > div:last-child {
        display: flex;
        flex-wrap: wrap;
    }

    #reports.booking-history > div:nth-of-type(2) > div:first-child > label {
        width: 100%;
    }

    #reports.booking-history > div:nth-of-type(2) > div:last-child > label {
        width: calc(50% - 12px);
    }

        #reports.booking-history > div:nth-of-type(2) > div:last-child > label:first-child {
            margin-right: 24px;
        }

@media (max-width: 767px) {
    #reports.booking-history > div:nth-of-type(2) > div {
        width: 100%;
    }

        #reports.booking-history > div:nth-of-type(2) > div:first-child {
            margin-right: 0;
        }
}

@media (max-width: 600px) {
    #reports.booking-history > div:nth-of-type(2) > div:last-child > label {
        width: 100%;
    }

        #reports.booking-history > div:nth-of-type(2) > div:last-child > label:first-child {
            margin-right: 0;
        }
}

.booking-history .info-block, #milestone-detail .info-block {
    color: #05607E;
    background-color: #EBF7FA;
    padding: 16px 16px 12px 48px;
    border-radius: 4px;
    margin-bottom: 32px;
    position: relative;
    width: 100%;
}

#milestone-detail .info-block {
    margin-top: 16px;
    margin-bottom: 0px;
}

    .booking-history .info-block h4, #milestone-detail .info-block h4 {
        /*color: #05607E;*/
        font-size: 16px;
        font-weight: 600;
        margin: 0;
    }

        .booking-history .info-block h4::before, #milestone-detail .info-block h4::before {
            content: url('../../images/myqa/information.png');
            display: block;
            top: 15px;
            left: 15px;
            position: absolute;
        }

    .booking-history .info-block p, #milestone-detail .info-block p, #milestone-detail .info-block p a {
        font-size: 14px;
        color: #05607E;
    }

.booking-history dl {
    font-size: 16px;
}

.booking-history .info-block .part-bundle {
    display: flex;
}

    .booking-history .info-block .part-bundle p {
        margin: 0 auto 18px 0;
    }

    .booking-history .info-block .part-bundle span {
        align-self: flex-start;
        font-size: 16px;
        font-weight: 600;
    }

        .booking-history .info-block .part-bundle span a {
            text-decoration: underline;
        }

.booking-history .info-block img {
    width: 24px;
    height: 24px;
}

.booking-history .info-block.success {
    background-color: #E6F5EE;
    color: #027842;
}

.booking-history .info-block.error {
    background-color: #FCEAE9;
    color: #B4241C;
}

.booking-history .info-block.warning {
    background-color: #FEF5E6;
    color: #9F6401;
}

.booking-history .info-block.success a {
    color: #027842;
}

.booking-history .info-block.error a {
    color: #B4241C;
}

.booking-history .info-block.warning a {
    color: #9F6401;
}

.booking-history .info-block.success h4::before {
    content: url('../../images/myqa/success_circle.png');
}

.booking-history .info-block.error h4::before {
    content: url('../../images/myqa/error_circle.png');
}

.booking-history .info-block.warning h4::before {
    content: url('../../images/myqa/warning_circle.png');
}

.booking-history dl {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 auto 0;
}

    .booking-history dl > dt {
        width: 35%;
        margin-right: 24px;
        margin-bottom: 0;
    }

    .booking-history dl > dd {
        width: calc(65% - 24px);
        margin-bottom: 0;
    }

        .booking-history dl > dd .cta {
            margin-right: 16px;
        }

.booking-history section {
    /*font-size: 20px;*/
    margin: 32px 0 0 0;
    border-top: 2px solid #EDEFF1;
    padding-top: 32px;
    width: 100%
}

.booking-history h4 {
    font-size: 20px;
    margin: 0 0 32px 0;
    font-weight: 700;
}

.org-tabulated-history-table h5 {
    font-size: 16px;
}

.org-tabulated-history-table tr.alt-row {
    background-color: #F6F7F8;
}

.org-tabulated-history-table tr.active {
    background-color: #D5F1F8;
}

.org-tabulated-history-table tr .deselectEvent {
    display: none;
}

.org-tabulated-history-table tr .selectEvent {
    display: block;
}

.org-tabulated-history-table tr.active .deselectEvent {
    display: block;
}

.org-tabulated-history-table tr.active .selectEvent {
    display: none;
}

.org-tabulated-history-table .courseTableDetails tr {
    position: relative;
}

    .org-tabulated-history-table .courseTableDetails tr.active th:first-child::before {
        background-color: #D5F1F8;
        width: 24px;
        height: 100%;
        content: " ";
        display: table-cell;
        position: absolute;
        left: -24px;
        top: 0px;
    }

    .org-tabulated-history-table .courseTableDetails tr.active td:last-child::after {
        background-color: #D5F1F8;
        width: 24px;
        height: 100%;
        content: " ";
        display: table-cell;
        position: absolute;
        left: 100%;
        top: 0px;
    }

td.pcTabCTFee {
    color: #027842;
}

td.pcTabCTTotal {
    color: #D90A47;
}

.org-tabulated-history-table .courseTableMax h5 {
    min-height: 28px;
}

.org-tabulated-history-table .courseTableDetails {
    width: 100%;
    margin-bottom: 1rem;
}

.org-tabulated-history-table .courseTableDetails {
    width: 100%;
    margin-bottom: 1rem;
}

.org-tabulated-history-table .expandCentre,
.org-tabulated-history-table .hideCentre {
    margin-right: 8px;
}

.org-tabulated-history-table .courseTableDetails th:last-child,
.org-tabulated-history-table .courseTableDetails td:last-child {
    padding-right: 8px;
}

.org-tabulated-history-table.courseTableMain a.change-dates {
    font-family: Figtree;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-transform: none;
    color: #080C10;
    margin-right: 10px;
}

.org-tabulated-history-table.courseTableMain .early a.change-dates::after {
    width: 11px;
    height: 11px;
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-top: 1px solid #080C10;
    border-left: 1px solid #080C10;
    z-index: 40;
    transform: translatey(15%) rotate(135deg);
}

.org-tabulated-history-table.courseTableMain .late a.change-dates::before {
    width: 11px;
    height: 11px;
    content: "";
    display: inline-block;
    transform: rotate(45deg);
    border-top: 1px solid #080C10;
    border-left: 1px solid #080C10;
    z-index: 40;
    transform: translatey(15%) rotate(-45deg);
}

.cta.expandCentre::after {
    width: 11px;
    height: 11px;
    content: "";
    display: inline-block;
    position: relative;
    right: -5px;
    top: 4px;
    transform: rotate(45deg);
    border-top: 1px solid #080C10;
    border-left: 1px solid #080C10;
    z-index: 40;
    transform: translatey(-50%) rotate(-135deg);
}

.cta.hideCentre::after {
    width: 11px;
    height: 11px;
    content: "";
    display: inline-block;
    position: relative;
    right: -5px;
    top: 10px;
    transform: rotate(45deg);
    border-top: 1px solid #080C10;
    border-left: 1px solid #080C10;
    z-index: 40;
    transform: translatey(-50%) rotate(45deg);
}

.address-block {
    display: flex;
    margin-bottom: 32px;
}

    .address-block > div:first-child {
        width: 250px
    }

    .address-block > div:last-child {
        margin-left: auto;
        width: 350px;
    }

.table-rounded-border-wrapper {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #EDEFF1;
    width: 100%;
    padding-bottom: 15px;
    margin: 0 0 18px;
}

.org-tabulated-history-table.bordered-table {
    margin-top: 12px;
    margin-bottom: 15px;
}

.table-rounded-border-wrapper > label, .table-rounded-border-wrapper > p {
    margin-left: 12px;
}

#chooseDelegate {
    text-align: right;
    width: 100%;
}

    #chooseDelegate p {
        text-align: left;
    }

    #chooseDelegate label {
        width: 100%;
    }

        #chooseDelegate label:not(.checkbox) {
            margin-bottom: 16px;
        }

        #chooseDelegate label input:not([type="checkbox"]):not([type="radio"]), #chooseDelegate label textarea {
            width: 50%;
        }

    #chooseDelegate .cta {
        margin: 0 50% 0 auto;
    }

@media (max-width:767px) {
    #chooseDelegate label input:not([type="checkbox"]):not([type="radio"]), #chooseDelegate label textarea {
        width: 100%;
    }

    #chooseDelegate .cta {
        margin: 0 0 0 auto;
    }
}

#FeesCharges {
    width: 100%;
}

#total.booking-history {
    background-color: #D5F1F8;
}

    #total.booking-history > div:first-child {
        border: none;
        margin: 0;
        padding-bottom: 0;
    }

    #total.booking-history > div p {
        margin-bottom: 0;
        font-size: 20px;
    }

        #total.booking-history > div p strong {
            font-weight: 600;
        }

.udf-edit {
    font-size: 14px;
    font-weight: 400;
    padding: 24px 0;
    border-radius: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
}

    .udf-edit > div {
        width: 100%;
        padding: 0 25px 16px 25px;
    }

        .udf-edit > div:first-child {
            border-bottom: 2px solid #EDEFF1;
            width: 100%;
            margin: 0 0 20px 0;
            display: flex;
        }

            .udf-edit > div:first-child h2 {
                margin: 0 auto 0 0;
                line-height: 32px;
            }

                .udf-edit > div:first-child h2 a {
                    color: #080C10;
                }

        /*.udf-edit > div:first-child h4 {
    align-self: flex-end;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 32px;
    vertical-align: middle
}*/

        .udf-edit > div:nth-of-type(2) {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .udf-edit > div:nth-of-type(2) > div {
                width: 100%;
                display: flex;
                flex-wrap: wrap;
                border-bottom: 2px solid #EDEFF1;
                width: 100%;
                padding-bottom: 24px;
                margin-bottom: 24px;
                /*    overflow: visible;
opacity: 1*/
            }

                .udf-edit > div:nth-of-type(2) > div > input {
                    width: 100%;
                    margin-bottom: 24px;
                }

                .udf-edit > div:nth-of-type(2) > div .select-replace {
                    margin-bottom: 0;
                }

                .udf-edit > div:nth-of-type(2) > div > div {
                    width: 35%;
                }

                    .udf-edit > div:nth-of-type(2) > div > div:last-of-type {
                        width: 15%;
                    }

                    .udf-edit > div:nth-of-type(2) > div > div:first-of-type {
                        width: calc(50% - 24px);
                        margin-right: 24px;
                    }

@media (max-width:767px) {
    .udf-edit > div:nth-of-type(2) > div > div {
        width: 60%;
        margin-bottom: 6px;
    }

        .udf-edit > div:nth-of-type(2) > div > div:last-of-type {
            width: 40%;
        }

        .udf-edit > div:nth-of-type(2) > div > div:first-of-type {
            width: 100%;
            margin-right: 0;
        }
}

.udf-edit-list > p:first-of-type {
    margin-bottom: 44px;
}

.udf-list-items {
    padding: 0px 30px 0px 30px;
}

    .udf-list-items p {
        padding: 0;
    }

        .udf-list-items p:not(:last-of-type) {
            padding-bottom: 18px;
            border-bottom: 2px solid #EDEFF1;
        }

.auth-hierarchy {
    font-size: 14px;
    font-weight: 400;
    padding: 24px 0;
    border-radius: 10px;
    background-color: #ffffff;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 30px;
}

    .auth-hierarchy > div {
        width: 100%;
        padding: 0 25px 16px 25px;
    }

        .auth-hierarchy > div:first-child {
            border-bottom: 2px solid #EDEFF1;
            width: 100%;
            margin: 0 0 20px 0;
            display: flex;
            flex-wrap: wrap
        }

            .auth-hierarchy > div:first-child > *:not(a) {
                width: calc(40% - 24px);
                margin-right: 24px;
            }

            .auth-hierarchy > div:first-child > a {
                margin: 0 0 0 8px;
            }

                .auth-hierarchy > div:first-child > a:first-of-type {
                    margin: 0 0 0 auto;
                }

@media (max-width:767px) {
    .auth-hierarchy > div:first-child > *:not(a) {
        width: 100%;
        margin-right: 0;
    }
}

.auth-hierarchy .list-tree {
    margin: 0;
    font-size: 16px;
}

.auth-hierarchy img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.auth-hierarchy .list-tree a {
    text-decoration: none;
}

.auth-hierarchy .list-tree {
    list-style: none;
    margin: 12px 0;
}

    .auth-hierarchy .list-tree li {
        margin-bottom: 12px;
    }

.auth-hierarchy:not(.generic-modal) .list-tree.top-level {
    padding-left: 0
}

.auth-hierarchy .list-tree li > .open {
    display: inline;
}

.auth-hierarchy .list-tree li > .close {
    display: none;
}

.auth-hierarchy .list-tree li:before {
    display: none;
}

.auth-hierarchy .list-tree li.in > .open {
    display: none;
}

.auth-hierarchy .list-tree li.in > .close {
    display: inline;
}

.auth-hierarchy .list-tree li.in > ul > li {
    display: block;
}

.auth-hierarchy .list-tree li ul {
    margin-top: 12px;
    padding-left: 32px
}

.auth-hierarchy .list-tree li li {
    display: none;
}

.auth-hierarchy .list-tree li input,
.auth-hierarchy .list-tree li checkbox {
    /*float: left;*/
    margin: 5px;
}

.auth-hierarchy.hierarchy-setup > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

    .auth-hierarchy.hierarchy-setup > div > div {
        width: calc(50% - 12px)
    }

        .auth-hierarchy.hierarchy-setup > div > div:first-child {
            margin-right: 24px;
        }

@media (max-width:1000px) {
    .auth-hierarchy.hierarchy-setup > div > div {
        width: 100%;
        margin-right: 0;
    }

    .auth-hierarchy.hierarchy-setup > div:last-child > div:first-child {
        margin-right: 0;
    }
}

.auth-hierarchy.hierarchy-setup table th {
    padding-top: 0
}

.auth-hierarchy.hierarchy-setup table td {
    display: flex;
}

    .auth-hierarchy.hierarchy-setup table td > * {
        align-self: flex-start
    }

    .auth-hierarchy.hierarchy-setup table td > span {
        margin: 0 0 auto 0;
        width: 100%;
        text-wrap: wrap;
    }

    .auth-hierarchy.hierarchy-setup table td a {
        visibility: hidden;
    }

    .auth-hierarchy.hierarchy-setup table td:hover a,
    .auth-hierarchy.hierarchy-setup table td.selected a {
        visibility: visible;
    }

    .auth-hierarchy.hierarchy-setup table td:hover,
    .auth-hierarchy.hierarchy-setup table td.selected {
        background-color: #E5E8EB
    }

.auth-hierarchy:not(.move-tree) .cta:not(.delete) {
    position: relative;
    padding-left: 48px;
}

.auth-hierarchy:not(.move-tree) .cta:before {
    position: absolute;
    top: 12px;
    left: 18px;
}

.auth-hierarchy:not(.move-tree) .cta.outline:before {
    top: 10px; /* outline has different line height because of borders */
}

.auth-hierarchy .cta.thin.narrow:not(.delete) {
    padding-left: 34px;
}

.auth-hierarchy .cta.thin.outline:before {
    top: 2px;
    left: 10px;
}

.cta.edit::before {
    content: url('../../images/myqa/edit.png');
}

.cta.move::before {
    content: url('../../images/myqa/move.png');
}

.cta.add_black::before {
    content: url('../../images/myqa/add_black.png');
}

.cta.add_white::before {
    content: url('../../images/myqa/add_white.png');
}

.cta.email::before {
    content: url('../../images/myqa/email.png');
}

.cta.delete {
    color: #D90A47
}

.auth-hierarchy table .cta {
    margin-left: 8px;
}

.generic-modal.move-tree ul {
    padding: 0px 30px 0px 30px;
}

.generic-modal.move-tree img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.generic-modal.move-tree ul.top-level {
    height: 50%;
    max-height: 400px;
    overflow-y: scroll;
}

.generic-modal.move-tree ul li label input,
.generic-modal.move-tree ul li label checkbox {
    margin-left: 15px;
}

/* Event Checklist */

#event-tabs {
    font-size: 14px;
}

    #event-tabs .tabs {
        border-bottom: 5px solid #080C10;
        position: relative;
    }

        #event-tabs .tabs:after {
            content: '';
            height: 5px;
            width: 300%;
            display: block;
            background-color: #C0C6CE;
            position: absolute;
            bottom: -10px;
            left: -50%;
        }

        #event-tabs .tabs ul {
            display: flex;
            margin: 0;
            padding: 0;
        }

        #event-tabs .tabs li {
            list-style: none;
            font-weight: 600;
            border-right: 2px solid #C0C6CE;
            flex-grow: 1;
            flex-basis: 0;
            padding: 10px;
            position: relative;
        }

            #event-tabs .tabs li:not(:first-child).active:before {
                content: '';
                height: 100%;
                width: 2px;
                display: block;
                background-color: #080C10;
                position: absolute;
                left: -2px;
                top: 0;
            }

            #event-tabs .tabs li:last-child {
                border-right: 0;
            }

            #event-tabs .tabs li.active {
                background-color: #080C10;
            }

            #event-tabs .tabs li:not(:last-child).active {
                border-right: 2px solid #080C10;
            }

            #event-tabs .tabs li a {
                color: #080C10;
                width: 100%
            }

            #event-tabs .tabs li.active a {
                color: white
            }

    #event-tabs section {
        font-size: 14px;
        font-weight: 400;
        padding: 24px 0; /*!important;*/
        border-radius: 10px;
        background-color: #ffffff;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 30px;
        display: none;
    }

        #event-tabs section.tab-in {
            display: block;
        }

        #event-tabs section > div {
            width: 50%;
            margin: 0 auto;
        }

        #event-tabs section.delegates > div {
            width: calc(100% - 48px);
            margin: 0 24px;
        }

        #event-tabs section h3 {
            font-family: Figtree;
            font-size: 20px;
            font-weight: 700;
            line-height: 32px;
            text-align: left;
        }

#ContactForm div.dateChange {
    min-height: 500px;
}

#event-tabs .control-group {
    margin-bottom: 16px;
}

.hidden {
    display: none;
}

.right {
    float: right;
}

header.head.eventchecklist h1 {
    width: 100%;
}

    header.head.eventchecklist h1 span {
        font-size: 14px;
        font-weight: 400;
    }

.registration {
    font-size: 14px;
    font-weight: 400;
    padding: 24px 0;
    border-radius: 10px;
    background-color: #ffffff;
    margin: 16px auto 30px auto;
}

    .registration > div {
        width: 100%;
        padding: 0 25px 16px 25px;
    }

        .registration > div:first-child {
            border-bottom: 2px solid #EDEFF1;
            width: 100%;
            margin: 0 0 20px 0;
            display: flex;
        }

            .registration > div:first-child h1 {
                margin: 0 auto 0 0;
                line-height: 32px;
                font-family: Figtree;
                font-size: 24px;
                font-weight: 700;
            }

        .registration > div:nth-of-type(2) {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            .registration > div:nth-of-type(2) > fieldset {
                width: 73%;
                /*padding: 0 25px 16px 25px;*/
                margin: 58px auto 32px auto;
                border: 1px solid #080C10;
                counter-increment: tracker;
                position: relative;
                padding: 20px;
            }

    .registration fieldset legend {
        position: absolute;
        top: -60px;
        left: -1px;
        display: block;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
        margin: 0;
        /*padding: 20px 20px 20px 10px;*/
        color: #080C10;
        /*padding: 1rem 0 0.5rem;*/
    }

        .registration fieldset legend::before {
            display: inline-block;
            content: counter(tracker);
            width: 40px;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
            font-size: 16px;
            background-color: #ffffff;
            border: 1px solid #080C10;
            margin: 0 10px 0 0;
        }

    .registration fieldset label {
        width: 65%;
        display: block;
        color: #080C10;
        font-family: 'Figtree', Arial, sans-serif;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0;
        margin: 0 auto 16px auto;
    }

        .registration fieldset label[data-validation="required"] > *:first-child:after {
            content: '*';
            display: block;
        }

        .registration fieldset label span:not(.error) {
            font-weight: 400;
            display: inline-block;
        }

    .registration fieldset ul, .registration fieldset p {
        width: 65%;
        display: block;
        margin: 8px auto;
        padding: 0;
        list-style: none;
    }

        .registration fieldset ul ul {
            width: 100%;
            display: block;
            margin: 0 auto;
            padding-left: 16px;
            list-style: none;
        }

div.special_reqs {
    display: flex;
    width: 65%;
    margin: 0 auto;
    flex-wrap: wrap;
}

.registration fieldset div.special_reqs label, .registration fieldset div.special_reqs label.checkbox:first-child {
    width: 50%;
    margin: 0;
}

.registration fieldset ul li::before {
    display: inline-block;
    content: "";
    font-size: 1rem;
    position: static;
    background-image: url(_i/myqa.icons.2e2d2c.svg);
    background-position: -65px -15px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 100px 100px;
    width: 20px;
    height: 20px;
    margin-right: 3px;
    vertical-align: -20%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.registration fieldset ul ul li::before {
    display: none;
}

.registration fieldset .strength {
    width: 65%;
    margin: 0 auto 16px auto;
    padding: 5px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 3px;
    color: #f0f0f0;
    background-size: 200% 200%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background-position: 0% 0%;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #00519c));
    background-image: linear-gradient(to right, transparent 50%, #00519c 50%);
}

    .registration fieldset .strength.zero {
        display: none;
    }

    .registration fieldset .strength.error {
        color: #2e2d2c;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(202, 30, 23, 0.8)));
        background-image: linear-gradient(to right, transparent 50%, rgba(202, 30, 23, 0.8) 50%);
    }

    .registration fieldset .strength.done {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(5, 118, 61, 0.8)));
        background-image: linear-gradient(to right, transparent 50%, rgba(5, 118, 61, 0.8) 50%);
    }

    .registration fieldset .strength.warning {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, rgba(223, 223, 32, 0.95)));
        background-image: linear-gradient(to right, transparent 50%, rgba(223, 223, 32, 0.95) 50%);
        color: #2e2d2c;
    }

    .registration fieldset .strength::before {
        display: inline-block;
        content: "";
        font-size: 1rem;
        position: static;
        background-image: url(_i/myqa.icons.2e2d2c.svg);
        background-position: 9999px;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-size: 100px 100px;
        width: 20px;
        height: 20px;
        margin-right: 3px;
        vertical-align: -30%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .registration fieldset .strength.error.zero::before {
        display: inline-block;
        background-position: -65px -15px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        background-image: url(_i/myqa.icons.2e2d2c.svg);
    }

    .registration fieldset .strength.done::before {
        display: inline-block;
        background-position: -15px -15px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        background-image: url(_i/myqa.icons.f0f0f0.svg);
    }

    .registration fieldset .strength.error::before {
        display: inline-block;
        background-position: -65px -15px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        background-image: url(_i/myqa.icons.2e2d2c.svg);
    }

    .registration fieldset .strength.warning::before {
        display: inline-block;
        background-position: -40px -64px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .registration fieldset .strength span {
        display: block;
        font-size: 10px;
        line-height: 20px;
        padding-left: 26px;
    }


@media (max-width:767px) {
    .registration > div:nth-of-type(2) > fieldset {
        width: 100%;
    }

    .registration fieldset label, .registration fieldset ul {
        width: 100%;
    }

    div.special_reqs {
        width: 100%;
    }

        div.special_reqs label {
            width: 50%;
        }

    .registration fieldset .strength {
        width: 100%;
    }
}



#UnpaidBookings:empty, #bj #UnpaidBookings:empty {
    display: none;
}
#UnpaidBookings, #bj #UnpaidBookings {
    border-radius: 10px;
    padding: 12px 16px;
    background-color: #FEF5E6;
    margin: 32px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#bj #UnpaidBookings {
    width:100%;
    /*margin-top:0;*/
}

#bj header.head a.cta {
    margin-bottom : 0
}
header.head:has(+ #UnpaidBookings) {
    margin-bottom: 0;
    padding-bottom: 0;
}

header.head:has(+ .container #UnpaidBookings) {
    margin-bottom: 0;
}


    #UnpaidBookings h2, #bj #UnpaidBookings h2 {
        font-family: Figtree;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
        margin: 0;
        color: #482D00;
        margin-left: 8px;
        flex-basis:100%
    }
        #UnpaidBookings h2::before {
            content: url('../../images/myqa/warning--alt.svg');
            display: inline-block;
            left: -8px;
            position: relative;
            width: 24px;
            height: 24px;
            line-height: 24px;
            color: #482D00;
            top: 5px;
        }
#UnpaidBookings p {
    font-family: Figtree;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    color: #482D00;
    margin: 0;
    margin-left: 32px;
}
#UnpaidBookings a.cta {
    margin-left: 32px;
    padding-right: 10px;
    padding-left: 16px;
}

    #UnpaidBookings a.cta::after {
        /*flex-shrink: 0;*/
        content: url('../../images/myqa/Right-Icon.svg');
        display: inline-block;
        margin-left: .255em;
        /*vertical-align: .255em;*/
        border: 0;
        float: right;
    }

span.status-pill {
    display: inline-block;
    padding-top: 4px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 8px;
    border-radius: 4px;
    background: #FCEACC;
    font-family: Figtree;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    vertical-align: middle;
    color: #482D00;
}

    span.status-pill:not(:last-of-type) {
        margin-bottom: 4px;
    }
    /*    span.status-pill + span.status-pill {
        margin-top: 4px;
    }*/

    span.status-pill.green {
        background: #CDEADC;
        color: #013C21;
    }
    span.status-pill.grey {
        background: grey;
        color: #080C10;
    }

    span.status-pill.red {
        background: #F9D5D3;
        color: #5A120E;
    }

.prov-bookings div.prov-filter {
    display: flex;
    flex-wrap:wrap;
}
    .prov-bookings div.prov-filter p {
        flex-grow: 1;
    }
    .prov-bookings div.prov-filter label {
        font-size: 16px;
    }
    /*.prov-bookings label.form-check {
    display: inline-block;
    font-size: 16px;
    margin-left: auto
}
.prov-bookings label.form-check input {
    margin-top:4px;*/
    /*margin-left: auto*/
    /*}*/
    div.booking-details-container {
        display: flex;
        flex-wrap: wrap;
        gap: 24px;
        margin-top: 32px;
        align-items: flex-start;
        margin-bottom: 32px;
    }

    div.booking-details-container .booking-details {
        width: 755px;
        background-color: #ffffff;
        padding: 24px;
        flex-grow: 1;
        
    }

.booking-details-header {
    display: flex;
    flex-wrap: nowrap;
    flex-direction:row;
 
}
    .booking-details-header > div {
        flex-grow: 1
    }

    .booking-details-header > :first-child {
        width: 44px;
        display: flex;
        align-items: center;
        flex-grow: 0;
    }
        .booking-details-header > :first-child img {
            width: 32px;
            height: 32px;
            margin-right:auto;
        }

    .booking-details-header > .audit-button {
        width: 149px;
        display: flex;
        align-items: center;
        flex-grow: 0;
        flex-shrink: 0;
    }
        .booking-details-header > :last-child .cta {
            margin-left: auto;
            padding-left: 40px;
            position: relative;
        }
        .booking-details-header > :last-child .cta:before {
            content: url('../../images/myqa/HistoryIcon.png');
            position: absolute;
            left: 16px;
            top: 2px;
        }

    .booking-details-header .course-code {
        font-size: 14px;
        line-height: 20px;
    }
    .booking-details-header h2 {
        margin: 0;
        line-height: 32px;
    }

    .booking-details-header dl {
        display: flex;
        flex-wrap: nowrap;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
    }
.booking-details > h2 {
    color: #080C10;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; /* 160% */
    margin: 0 0 8px 0;
}
.booking-details > p {
    margin-bottom: 24px;
    color: #485A6E;
    font-weight: 400;
}

.booking-details > p a {
    color: #485A6E;
}

.booking-details > label {
    color: #111820;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

#booking-cancel-form .booking-details > label {
    font-weight: 600;
}

.booking-details dd + dt {
    padding-top: 0px;
    margin-left: 5px;
    margin-right: 24px;
    font-weight: 400;
}
.booking-details dt {
    font-weight: 400;
}

.booking-details dt + dt {
    margin-left: calc(30% + 5px);
}

.booking-details > dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}
    .booking-details > dl > dt {
        flex-grow: 1;
        width:60%
        /*        margin-right: 24px;
        margin-bottom: 16px;*/
    }
    .booking-details > dl > dd {
        width: 30%;
        flex-grow: 0;
        /*margin-bottom: 16px;*/
    }

.booking-details dt span.status-pill{
    margin: 0 10px 0 0;
    position: relative;
}
.booking-details dt span.status-pill:not(.green, .red, .grey) {
    padding-left: 30px;
}
    .booking-details dt span.status-pill:not(.green, .red, .grey):before {
        content: url('../../images/myqa/WarningIcon.png');
        position: absolute;
        left: 6px;
        top: 3px;
    }

.booking-details hr {
    border: 0;
    border-top: 1px solid #000000;
    margin: 24px 0;
}

.booking-details h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin: 24px 0;
}

.booking-details h4.delegates {
    margin-bottom: 4px;
    /*color: #485A6E;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

.booking-details h4 {
    color: #080C10;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.booking-details h3:has(+ h4) {
        margin-bottom: 0;
}

.booking-details table {
    width: 100%;
    font-size: 16px;
    color: #080C10;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}

    .booking-details table a {
        color: #080C10;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px; /* 142.857% */
        text-decoration: inherit;
    }

/*    .booking-details table a.cancel {
                
    }*/
    .booking-details table thead th {
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        color: #485A6E;
        font-style: normal;
        margin-right: 16px;
    }
    .booking-details table:not(.org-tabulated-history-table,.picker__table,.bundle__table) thead th:first-child {
        width: 35%;
    }
.booking-details table thead th:last-child {
    /*width: 65%;*/
}
.booking-details .bundle__table td:first-child {
    width: 50%;
}

div.booking-details-container .booking-left-footer {
    display: flex;
    gap: 32px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #000000;
}
    div.booking-details-container .booking-left-footer div {
        flex-basis: 50%;
    }
    div.booking-details-container .booking-left-footer h2 {
        color: #080C10;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 32px; /* 160% */
        margin: 0 0 10px 0;
    }
    div.booking-details-container .booking-left-footer p {
        color: #080C10;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
        margin: 10px 0 0 0;
    }
        div.booking-details-container .booking-left-footer p a {
            color: #080C10;
            text-decoration: underline;
        }
        div.booking-details-container .booking-left-footer p small {
            display: block;
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px; /* 133.333% */
            margin: 10px 0 0 0;
        }

div.booking-details-container .booking-right {
    width: 437px;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

div.booking-details-container .booking-financial {
    width: 100%;
    background-color: #ffffff;
    padding: 24px;
}

.booking-right h2 {
    margin: 0 0 0 0;
}
.booking-financial > dl {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 0 0;
}

    .booking-financial > dl > dd {
        width: 70%;
        flex-grow: 0;
        margin-bottom: 12px;
    }

    .booking-financial > dl > dt {
        flex-grow: 1;
        width: 30%;
        margin-bottom: 12px;
    }
    .booking-financial > dl > dd:last-of-type {
        margin-bottom: 0;
    }

    .booking-financial > dl > dt:last-of-type {
        margin-bottom: 0;
    }

.booking-financial p {
    margin: 24px 0;
}
.booking-details hr, .booking-financial hr {
    border: 0;
    border-top: 1px solid #000000;
    margin: 12px 0;
}

#choose-delegate .booking-details hr,
#review-confirm .booking-details hr {
    margin: 24px 0;
}

.booking-financial .booking-total {
    margin-bottom:24px;
}
.booking-financial .booking-total dd {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}

.booking-financial .booking-total dt {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
}
.booking-financial dd + dt {
    padding-top: 0px;
/*    margin-left: 5px;
    margin-right: 20px;
    font-weight: 400;*/
}

.booking-financial .cta {
    width: 100%;
    text-align: center;
    margin-bottom:10px;
}

div.booking-details-container .booking-amend {
    width: 100%;
    background-color: #ffffff;
    padding: 24px;
    display: flex;
    gap: 24px;
    flex-direction: column;
}

.booking-amend .amend-item {
    display: flex;
    width: 100%;
    /*height: 96px;*/
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid #080C10;
}

.booking-amend .amend-item .top {
    display: flex;
    padding: 16px;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    text-decoration: none;
}

    .booking-amend .amend-item .top a {
        
    }
    .booking-amend .amend-item .top:hover {
        cursor: pointer !important;
    }

    .booking-amend .amend-item .top h3 {
        color: #080C10;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        flex: 1 0 0;
        margin: 0;
    }

    .booking-amend .amend-item .bottom {
        display: flex;
        padding: 8px 16px;
        align-items: flex-start;
        gap: 12px;
        align-self: stretch;
    }

    .booking-amend .amend-item.amend-delegate .bottom {
        background: #E6F5EE;
    }

    .booking-amend .amend-item.amend-date .bottom {
        background: #F6F7F8;
    }

    .booking-amend .amend-item.amend-cancel .bottom {
        background: #F6F7F8;
    }

    .booking-amend .amend-item div {
        flex: 1 0 0;
        color: #080C10;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

        .booking-amend .amend-item div.fee {
            color: #027842;
            text-align: right;
        }
        .booking-amend .amend-item div small {
            font-size: 12px;
            font-style: normal;
            font-weight: 400;
            line-height: 16px;
            display: block;
            text-wrap: nowrap;
        }


        #audit_modal h2 {
            font-size: 40px;
            line-height: 44px;
            margin: 0
        }

.booking-details .info-block {
    color: #05607E;
    background-color: #EBF7FA;
    padding: 16px 16px 12px 48px;
    border-radius: 4px;
    margin-bottom: 32px;
    position: relative;
    width: 100%;
}


.booking-details .info-block h4 {
    color: #05607E;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.booking-details .info-block h4::before {
    content: url('../../images/myqa/information.png');
    display: block;
    top: 15px;
    left: 15px;
    position: absolute;
}

    .booking-details .info-block p {
        font-size: 14px;
        color: #05607E;
        flex-grow: 1;
    }

.booking-details .info-block .part-bundle {
    display: flex;
}

.booking-details.info-block .part-bundle p {
    margin: 0 auto 18px 0;
}

.booking-details .info-block .part-bundle span {
    align-self: flex-start;
    font-size: 16px;
    font-weight: 600;
}

.booking-details .info-block .part-bundle span a {
    text-decoration: underline;
}

.booking-details .info-block img {
    width: 24px;
    height: 24px;
}

.booking-details .info-block.success {
    background-color: #E6F5EE;
    color: #027842;
}

.booking-details .info-block.error {
    background-color: #FCEAE9;
    color: #B4241C;
}

.booking-details .info-block.error h4, .booking-details .info-block.error p {
    color: #B4241C;
}

.booking-details .info-block.warning {
    background-color: #FEF5E6;
    color: #9F6401;
}

.booking-details .info-block.success a {
    color: #027842;
}

.booking-details .info-block.error a {
    color: #B4241C;
}

.booking-details .info-block.warning a {
    color: #9F6401;
}

.booking-details .info-block.success h4::before {
    content: url('../../images/myqa/success_circle.png');
}

.booking-details .info-block.error h4::before {
    content: url('../../images/myqa/error_circle.svg');
}

.booking-details .info-block.warning h4::before {
    content: url('../../images/myqa/warning_circle.png');
}

ol.booking-breadcrumbs {
    display: flex;
    height: 28px;
    align-items: center;
    list-style: none;
    margin: 0 0 8px 0;
}

    ol.booking-breadcrumbs li {
        color: #485A6E;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
    }
    ol.booking-breadcrumbs li a {
        color: #111820;
    }

ol.booking-breadcrumbs + h1{
    margin: 0;
}

.booking-details .delegate_search {
    margin-bottom: 24px;
    display: flex;
    gap: 8px;
    flex-direction: column;
    max-width: 435px;
}

    .booking-details .delegate_search ul.delegate_search_results {
        margin: 0;
        top: 77px;
        background: white;
        z-index: 10;
        width:100%
    }
        .booking-details .delegate_search ul.delegate_search_results li {
            cursor: pointer;
        }

.booking-details-container label:not(.error):has(+ input[data-rule-required="true"]:not(.ignore))::after {
    content: "*";
}
/*.booking-details-container .myqa2025__delegate_selected .myqa2025__delegate_someoneElse:not(:first-of-type) {
    display: none;
}*/
/*.booking-details-container .myqa2025__delegate_someoneElse {
    display: block;
}*/

.booking-details-container .myqa2025__delegate_selected .delegate_search,
.booking-details-container .myqa2025__delegate_selected .new-delegate {
    display: none;
}

.booking-details-container .selected_delegate {
    display: none;
}

.booking-details-container .myqa2025__delegate_selected .selected_delegate {
    display: block;
}

.booking-details-container .selected_delegate p {
    display: flex;
}

.booking-details-container .selected_delegate .delegate--remove {
    background: black;
    border-radius: 30px;
    height: 25px;
    width: 25px;
    text-indent: -9000em;
    position: relative;
    border: 0px;
    display: block;
    margin-left: 10px;
    min-width: 25px;
}

@media(max-width:1339px) {
    .booking-details-container .selected_delegate .delegate--remove {
        height: 20px;
        width: 20px;
        margin-left: 6px;
        min-width: 20px;
    }
}

.booking-details-container .selected_delegate .delegate--remove::after,
.booking-details-container .selected_delegate .delegate--remove::before {
    content: "";
    display: block;
    height: 14px;
    width: 2px;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-45deg);
}

@media(max-width:1339px) {
    .booking-details-container .selected_delegate .delegate--remove::after,
    .booking-details-container .selected_delegate .delegate--remove::before {
        height: 12px;
    }
}

.booking-details-container .selected_delegate .delegate--remove::before {
    transform: translate(-50%, -50%) rotate(45deg);
}

        .booking-details .new-delegate {
            display: flex;
            flex-wrap: wrap;
            gap: 24px;
        }

    .booking-details .new-delegate > div {
        display: flex;
        /*height: 72px;*/
        flex-direction: column;
        /*justify-content: center;*/
        align-items: flex-start;
        gap: 8px;
        flex: 1 0 0;
    }

            .booking-details .delegate-search label,
            .booking-details .new-delegate label,
            .booking-details .special-requirements label {
                display: flex;
                flex-wrap: wrap;
                gap: 24px;
                color: #111820;
                font-size: 16px;
                font-style: normal;
                font-weight: 400;
                line-height: 24px; /* 150% */
            }
/*.booking-details .special-requirements label,*/
.booking-details label:has(+ input) {
    display: inline-block
}
    .booking-details .new-delegate input {
        padding: 12px 16px;

        align-self: stretch;
    }

.booking-details .special-requirements {
    max-width: 60%;
    /*display: flex;*/
}

    .booking-details .special-requirements .myqa2025__delegateSpecialRequirements {
        /*display: flex;*/
        gap: 16px 0;
        flex-direction: row;
        flex: inherit;
        flex-wrap: wrap;
        margin-bottom: 24px;
    }

        .booking-details .special-requirements .myqa2025__delegateSpecialRequirements > div {
/*            width: 45%;
            flex-shrink: 0;
            flex-grow: 1;*/
        }
        .booking-details .special-requirements .myqa2025__delegateSpecialRequirements label {
            color: #080C10;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 24px; /* 150% */
        }

#choose-delegate .myqa2025__wizardSteps,
#review-confirm .myqa2025__wizardSteps {
    margin-top: 16px;
}


#review-confirm {
    display: none;
}
.booking-details .changes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    /*flex-direction:column;*/
}

    .booking-details .changes > div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        flex-shrink: 1;
        flex-grow: 1;
    }

    .booking-details .changes h4 {
        margin: 0 0 4px 0;
        color: #080C10;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

    .booking-details .changes > div > div {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        padding: 24px 0;
        color: #080C10;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 155.556% */
    }
        .booking-details .changes > div > div .new_name {
            font-weight: 700;
        }

        .booking-details .changes > div > div.new {
            padding: 24px;
            background: #EEE;
        }

#MeetsPrereqs + label {
    color: #080C10;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
}

.booking-details .event-search-filters {
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
}

.booking-details .event-search-filters label {
    width:calc(20% - ((24px*4)/5));
    color: #111820;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; /* 150% */
}
.booking-details .event-search-filters label > :first-child{
    margin-top:8px;
}

.booking-details .org-tabulated-history-table .location {
    font-size: inherit;
}

.booking-details.skills-license-payment .org-tabulated-history-table th:nth-of-type(5),
.booking-details.skills-license-payment .org-tabulated-history-table td:nth-of-type(5) {
    display: none;
}


.booking-details .org-tabulated-history-table tr.selected {
    background-color: #F6F7F8;
}
    .booking-details .org-tabulated-history-table tr.selected button,
    .booking-details .org-tabulated-history-table span.cta.secondary:not(.current) {
        display: none;
    }
    .booking-details .org-tabulated-history-table tr.selected span.cta.secondary {
        display: inline-block;
    }
.booking-details .org-tabulated-history-table span.full {
    color: #5A120E;
}
.booking-details .org-tabulated-history-table span.limited {
    color: #9F6401;
}

.select-date-error {
    border-radius: 4px;
    background: #FCEAE9;
    color: #5A120E;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 142.857% */
    padding: 12px 16px;
}

p.queries {
    color: #080C10;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
p.queries a {
    color: #080C10;
    font-weight: 600;
}

.org-tabulated-history-table .myQA-oi {
    width:20px;
    height:20px;
}



input[type="checkbox"],
input[type="radio"] {
    position: absolute;
    left: -9000em;
}

    input[type="checkbox"] + label:not(.error),
    input[type="radio"] + label:not(.error),
    input[type="checkbox"] + label.error + label,
    input[type="radio"] + label.error + label {
        position: relative;
        display: flex;
        align-content: flex-start;
        gap: 20px;
    }

.tree-folder input[type="checkbox"] + label,
.tree-folder input[type="radio"] + label {
    display: inline-block
}

@media(max-width:1339px) {
    input[type="checkbox"] + label:not(.error),
    input[type="radio"] + label:not(.error),
    input[type="checkbox"] + label.error + label,
    input[type="radio"] + label.error + label {
        gap: 14px;
    }
    input[type="checkbox"] + label.tree-folder-text {
        gap: 0px
    }
}

input[type="checkbox"] + label:not(.error) a,
input[type="radio"] + label:not(.error) a,
input[type="checkbox"] + label.error + label a,
input[type="radio"] + label.error + label a {
    text-decoration: underline;
}

input[type="checkbox"] + label:not(.error):before,
input[type="radio"] + label:not(.error):before,
input[type="checkbox"] + label.error + label:before,
input[type="radio"] + label.error + label:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    min-width: 20px;
    border: 2px solid black;
    position: relative;
    top: 1px;
    background: white;
}

@media(max-width:1339px) {
    input[type="checkbox"] + label:not(.error):before,
    input[type="radio"] + label:not(.error):before,
    input[type="checkbox"] + label.error + label:before,
    input[type="radio"] + label.error + label:before {
        height: 16px;
        width: 16px;
        min-width: 16px;
        top: 1px;
    }
}

@media(max-width:767px) {
    input[type="checkbox"] + label:not(.error):before,
    input[type="radio"] + label:not(.error):before,
    input[type="checkbox"] + label.error + label:before,
    input[type="radio"] + label.error + label:before {
        top: 1px;
    }
}

input[type="radio"] + label:not(.error):before,
input[type="radio"] + label.error + label:before {
    border-radius: 10px;
}

input[type="checkbox"] + label:not(.error)::after,
input[type="radio"] + label:not(.error)::after,
input[type="checkbox"] + label.error + label::after,
input[type="radio"] + label.error + label::after {
    content: "";
    display: block;
    opacity: 0;
    width: 10px;
    height: 6px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    position: absolute;
    left: 5px;
    top: 7px;
    transform: rotate(-46deg) translatey(100%);
    transition: 0.25s all;
}

@media(max-width:1339px) {
    input[type="checkbox"] + label:not(.error)::after,
    input[type="radio"] + label:not(.error)::after,
    input[type="checkbox"] + label.error + label::after,
    input[type="radio"] + label.error + label::after {
        width: 10px;
        height: 6px;
        left: 3px;
        top: 7px;
    }
}

@media(max-width:767px) {
    input[type="checkbox"] + label:not(.error)::after,
    input[type="radio"] + label:not(.error)::after,
    input[type="checkbox"] + label.error + label::after,
    input[type="radio"] + label.error + label::after {
        top: 5px;
    }
}


input[type="checkbox"]:checked + label:not(.error):before,
input[type="radio"]:checked + label:not(.error):before,
input[type="checkbox"]:checked + label.error + label::before,
input[type="radio"]:checked + label.error + label::before {
    background: black;
}

input[type="checkbox"]:checked + label:not(.error)::after,
input[type="radio"]:checked + label:not(.error)::after,
input[type="checkbox"]:checked + label.error + label::after,
input[type="radio"]:checked + label.error + label::after {
    opacity: 1;
    transform: rotate(-46deg) translatey(0%);
}



/* Temp to make reg page layour work*/

@media (min-width: 800px) {
    #bj .form-item.checkbox[data-layout~="horizontal"] {
        padding-left: 40%;
    }
}

@media (min-width: 800px) {
    #bj .form-item[data-layout~="horizontal"][data-layout~="w_25"] {
        width: 25%;
        padding: 0 10px 20px 20px;
        float: left;
    }
}

.hidden {
    display: none !important;
    visibility: hidden;
}