/* Minification failed. Returning unminified contents.
(3213,25): run-time error CSS1036: Expected expression, found ';'
(3229,11): run-time error CSS1030: Expected identifier, found ','
(3229,16): run-time error CSS1031: Expected selector, found ')'
(3229,16): run-time error CSS1025: Expected comma or open brace, found ')'
(3235,15): run-time error CSS1030: Expected identifier, found ','
(3235,20): run-time error CSS1031: Expected selector, found ')'
(3235,20): run-time error CSS1025: Expected comma or open brace, found ')'
(3240,15): run-time error CSS1030: Expected identifier, found ','
(3240,20): run-time error CSS1031: Expected selector, found ')'
(3240,20): run-time error CSS1025: Expected comma or open brace, found ')'
(3250,15): run-time error CSS1030: Expected identifier, found ','
(3250,20): run-time error CSS1031: Expected selector, found ')'
(3250,20): run-time error CSS1025: Expected comma or open brace, found ')'
(3918,64): run-time error CSS1030: Expected identifier, found ','
(3918,79): run-time error CSS1031: Expected selector, found ')'
(3918,79): run-time error CSS1025: Expected comma or open brace, found ')'
(6783,19): run-time error CSS1030: Expected identifier, found '#UnpaidBookings'
(6783,34): run-time error CSS1031: Expected selector, found ')'
(6783,34): run-time error CSS1025: Expected comma or open brace, found ')'
(6788,19): run-time error CSS1030: Expected identifier, found '.'
(6788,45): run-time error CSS1031: Expected selector, found ')'
(6788,45): run-time error CSS1025: Expected comma or open brace, found ')'
(7028,52): run-time error CSS1030: Expected identifier, found ','
(7028,65): run-time error CSS1031: Expected selector, found ')'
(7028,65): run-time error CSS1025: Expected comma or open brace, found ')'
(7032,52): run-time error CSS1030: Expected identifier, found ','
(7032,65): run-time error CSS1031: Expected selector, found ')'
(7032,65): run-time error CSS1025: Expected comma or open brace, found ')'
(7106,60): run-time error CSS1030: Expected identifier, found ','
(7106,90): run-time error CSS1031: Expected selector, found ')'
(7106,90): run-time error CSS1025: Expected comma or open brace, found ')'
(7512,57): run-time error CSS1030: Expected identifier, found '['
(7512,76): run-time error CSS1031: Expected selector, found '='
(7512,76): run-time error CSS1025: Expected comma or open brace, found '='
(7764,82): run-time error CSS1030: Expected identifier, found ','
(7764,91): run-time error CSS1031: Expected selector, found ')'
(7764,91): 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;
}
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:not(.cta),
select {
line-height: 24px;
margin: 0;
}
@media (min-width: 48.0625em) {
input,
button:not(.cta),
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 {
height: 36px;
}
@media (min-width: 48.0625em) {
input,
select {
height: 42px;
}
}*/
input,
textarea,
select {
line-height: 20px;
/*margin-bottom: 30px;*/
margin-bottom: 6px;
/*height: 52px;*/
border: 1px solid black;
box-shadow: none;
color: black;
background-color: #FFF;
border-radius: 0;
max-width: 100%;
padding: 12px 16px;
/* padding-right: 15px;*/
vertical-align: middle;
white-space: nowrap;
width: 100%;
}
select {
appearance: none;
padding-right: 63px;
cursor: pointer;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMy4zMzMgMTQiIHdpZHRoPSIyMyIgaGVpZ2h0PSIxNCIgZmlsbD0iYmxhY2siPgogIDxwYXRoIGQ9Ik0xMS42NjcgMTQgMCAyLjMzMyAyLjMzMyAwbDkuMzMzIDkuMzMzTDIxIDBsMi4zMzMgMi4zMzNaIiAvPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-position: right 20px center;
background-size: 20px auto;
}
@media(max-width:1339px) {
select {
padding-right: 43px;
background-position: right 15px center;
background-size: 15px auto;
}
}
.lt-ie9 input,
.lt-ie9 textarea,
.lt-ie9 select {
border: 1px solid #B9B9B9;
}
/*@media (min-width: 48.0625em) {
input,
textarea,
select {
padding: 6px 15px;
}
}*/
input[disabled],
textarea[disabled],
select[disabled] {
background: #F0F0F0;
border-color: #DDD;
color: #CCC;
cursor: not-allowed;
}
input[disabled]:hover,
textarea[disabled]:hover,
select[disabled]:hover,
input[disabled]:focus,
textarea[disabled]:focus,
select[disabled]:focus {
border-color: #CCC;
}
input[disabled]:-moz-placeholder,
textarea[disabled]:-moz-placeholder,
select[disabled]:-moz-placeholder {
color: #CCC;
opacity: 1;
}
input[disabled]::-moz-placeholder,
textarea[disabled]::-moz-placeholder,
select[disabled]::-moz-placeholder {
color: #CCC;
opacity: 1;
}
input[disabled]:-ms-input-placeholder,
textarea[disabled]:-ms-input-placeholder,
select[disabled]:-ms-input-placeholder {
color: #CCC;
}
input[disabled]::-webkit-input-placeholder,
textarea[disabled]::-webkit-input-placeholder,
select[disabled]::-webkit-input-placeholder {
color: #CCC;
}
input[readonly],
textarea[readonly],
select[readonly] {
cursor: not-allowed;
}
input[readonly]:hover,
textarea[readonly]:hover,
select[readonly]:hover,
.select-replace[readonly]:hover,
input[readonly]:focus,
textarea[readonly]:focus {
border-color: #CCC;
}
/*select {
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::-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;
}
.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;
}
.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;
}
.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;
}
}
.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: 0px 3px !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 !important;
visibility:visible;
}
.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;
}
@charset "UTF-8";
.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;
}*/
/* additions Buzzbar */
.dashboard-container {
background-color: #ffffff;
width: 90%;
margin: 0 auto;
border-radius: 0px;
padding: 0px !important;
margin-bottom: 30px;
}
.dashboard-container:last-of-type {
border-radius: 0px;
}
.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: 600;
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:not(.cta),
.dashboard-container .milestones li a:not(.cta):hover,
.dashboard-container .milestones li a:not(.cta):visited {
color: #080C10;
}
.dashboard-container .milestones li a:not(.cta):hover {
cursor: pointer;
}
.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: 600;
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: 600;
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: 600;
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 a.cta, .dashboard-container .milestones li button.cta {
justify-self: end;
float: right;
}
.dashboard-container .milestones li a.cta:hover {
text-decoration: none;
}
.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: 0px;
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*/
a:not(.cta,.btn) {
color: #0B7192;
text-decoration: underline;
font-weight:600;
}
a:not(.cta,.btn):hover, a:not(.cta,.btn):visited:hover {
color: #080C10;
text-decoration: underline;
}
a:not(.cta,.btn):focus-visible, a:not(.cta,.btn):visited:focus-visible {
color: #0B7192;
text-decoration: underline;
border-radius: 4px;
/* border: 2px solid #080C10;
padding: 2px;*/
outline: 2px solid #080C10;
outline-offset:2px;
}
a:not(.cta,.btn):visited {
color: #6F2DA8;
text-decoration: underline;
}
a[href^="tel:"], a[href^="mailto:"] {
font-weight: bold;
}
input.picker__input {
cursor: pointer;
}
/* a[href^="tel:"]:visited, a[href^="mailto:"]:visited {
color: unset;
}*/
/*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;
}
#myqa-dash table tr td:first-child, #myqa-dash table tr td:last-child {
width: 15%
}
#myqa-dash .all-link {
margin-right: 33px;
}
/*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: -3px;
left: 0;
}
#bj section .the_answer ul.nobullet li:before {
display:none;
}
#bj section .the_answer ul li ul li:before {
content: '\25E6';
}
#bj section .the_answer ul li {
font-size: 12px;
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 .is_questions > li .the_answer p .underline {
text-decoration: underline;
}
#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;
min-height: 84px;
}
.filter-filter {
float: right;
}
@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;
margin-bottom: 30px;
}
.dashboard-search form {
display: flex;
justify-content: space-between;
}
.dashboard-search h3 {
margin-bottom: 16px;
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: 13px;
left: 14px;
/*! background-color:orange;
display: inline-block;*/
}
.dashboard-search label {
padding: 10px 10px 10px 42px;
display: inline-block;
width: 75%;
border: 1px solid #111820; /*#485A6E*/
position: relative;
}
.dashboard-search input {
padding: 3px 0 0 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 form a {
height: 16px;
width: 130px;
color: #05607E;
font-family: 'Figtree',Arial,sans-serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 0;
line-height: 16px;
text-decoration: none;
align-self: center
}
.dashboard-search div {
display: flex;
gap: 18px;
margin: 0 0 18px;
flex-wrap: wrap;
}
.dashboard-search div .cta{
margin-right:0;
text-wrap:nowrap
}
@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;
}*/
#linked-accounts.dropdown-toggle svg {
/*flex-shrink: 0;*/
width: 1.25rem;
height: 1.25rem;
transition: transform .2s ease-in-out;
margin-left: .255em;
/*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;
display: inline-block;
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;
}
.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 .iconed {
max-width: 50%;
display: inline-block;
}
}
@media (min-width: 1000px) {
li.milestone-block .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: black;
color:white;
}
.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: 0px;
border-top-right-radius: 0px;
}
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;
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;
}
.existing-booking-check a.cta {
float: right
}
.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;
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;
margin-top: 0;
}
.dash-panel h2 a {
font-weight: 700;
}
.dash-panel a {
text-decoration: inherit;
}
.dash-panel a:not(.cta):hover, .dash-panel a:not(.cta):visited:hover {
color: #0C3843;
}
.dash-panel a:not(.cta):visited {
color: #0B7192;
}
.dash-panel a:not(.cta):focus-visible {
padding: 0;
border: 0;
outline: none;
color: #0C3843;
}
.dash-panel :not(.skills-licenses) li a:focus-visible {
padding-left: 10px;
}
.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.video a::before {
content: url('../../images/myqa/video-play-32x32.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 {
content: url('data:image/svg+xml;charset=UTF-8,');
width: 24px;
height: 24px;
display: inline-block;
position: relative;
left: 4px;
top: 6px;
}
.dash-panel h2 a:hover::after, .dash-panel h2 a:focus-visible::after {
content: url('data:image/svg+xml;charset=UTF-8,');
}
.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 :not(.skills-licenses) li a {
padding-left: 10px;
}
.dash-panel :not(.skills-licenses) li a::after {
content: url('data:image/svg+xml;charset=UTF-8,');
width: 20px;
height: 20px;
display: inline-block;
position: relative;
left: 4px;
top: 5px;
}
.dash-panel :not(.skills-licenses) li a:hover::after, .dash-panel :not(.skills-licenses) li a:focus-visible::after {
content: url('data:image/svg+xml;charset=UTF-8,');
}
/* 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 > div {
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));
margin-right: 0;
}
.myqa-support-footer > div:not(.images) {
margin-right: 16px;
}
}
@media (min-width:1000px) {
.myqa-support-footer > div {
width: 25%;
margin-right: 16px;
}
.myqa-support-footer > .images {
width: calc(50% - 32px);
margin-right: 0;
}
}
.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 .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;*/
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 input.picker__input {
cursor: pointer;
}
.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;
gap: 10px;
}
.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;
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: 14px;
font-weight: 600;
color: #485A6E;
}
.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, .org-tabulated-history-table .timezone {
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:not(:empty)::before {
content: url('data:image/svg+xml;charset=UTF-8,');
padding-right: 4px;
top: 4px;
position: relative;
}
/*.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;
}
}
.org-tabulated-history .full-width button[type=submit].cta {
align-self:flex-end;
}
.pager {
display: flex;
/*flex-direction: column*/
}
.generic-modal .pager {
margin-left: 30px;
margin-right: 30px;
}
.pager .cta {
align-self: flex-end;
padding: 7px 16px;
}
.pager .cta:has(img) {
padding: 9px 10px;
}
.pager img {
height:18px;
}
.pager .cta:first-child {
margin-left: auto;
}
.pager .cta {
margin-right: 0px;
}
.pager .cta:not(:first-child) {
margin-left: 10px;
}
/* .pager .cta{
padding: 12px 16px;
}*/
/* .pager .cta.prev, .pager .cta.next {
padding: 12px 16px;
}*/
/* .pager .cta.prev::before {
width: 11px;
height: 11px;
content: %22";
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 {
font-size: 14px;
line-height:20px;
font-weight: 600;
color: #fff;
border: 2px solid transparent;
display: inline-flex;
align-items: center;
margin-right: 22px;
padding: 12px 24px;
border-radius: 40px;
cursor: pointer;
margin-bottom: 0px;
position: relative;
transition: 0.1s all;
height: auto;
text-decoration:none;
}
.cta:not(.ghost) {
border-color: #000;
background: #000;
}
@media(max-width:767px) {
.cta {
font-size: 14px;
padding: 4px 15px;
}
}
.cta::after {
content: "";
display: block;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border: 4px solid #000;
border-color: inherit;
border-radius: 40px;
transition: .15s all;
opacity: 0;
margin-left:0;
}
.cta:not(.ghost):hover::after,
.cta.secondary:hover::after,
.cta:focus-visible::after,
.cta.secondary:focus-visible::after {
opacity: 1;
left: -9px;
top: -9px;
bottom: -9px;
right: -9px;
}
.cta::before {
content: "";
display: block;
position: absolute;
top: -4px;
left: -4px;
right: -4px;
bottom: -4px;
border: 2px solid #000000;
border-color: inherit;
border-radius: 40px;
transition: 0.15s all;
opacity: 0;
}
/*.cta.btn--bigger::before {
border: 2px solid #000000;
}*/
.cta:focus-visible{
outline:none;
}
.cta:not(.ghost):hover::before,
.cta.secondary:hover::before,
.cta:focus-visible::before,
.cta.secondary:focus-visible::before {
left: -16px;
top: -16px;
bottom: -16px;
right: -16px;
animation-duration: 0.15s;
animation-name: button-pulse;
}
.cta svg {
margin-right:8px
}
.cta.secondary svg path,
.cta.secondary svg path {
fill: black
}
.cta.secondary:hover svg path,
.cta.secondary:focus-visible svg path {
fill: white
}
/*.cta.btn--bigger.secondary::before {
top: -3px;
left: -3px;
right: -3px;
bottom: -3px;
}*/
/*.cta.ghost,*/
/*.cta:not(.ghost) {
border-color: #000;
}*/
/*.cta:not(.ghost) {
border-color: #000;
}*/
.cta.ghost {
color: #080C10;
background-color: #fff;
}
.cta:not(.ghost) /*,
.cta.ghost:hover,
.cta.ghost.active */ {
background-color: #000;
color: #fff;
}
.cta:not(.ghost):hover,
.cta:not(.ghost):focus-visible {
background: black;
border-color: black;
color: white;
}
.cta.ghost:hover,
.cta.ghost.active,
.cta.ghost:focus-visible {
background-color: #E5E8EB;
}
.cta.ghost:focus-visible::before,
.cta.ghost:focus-visible::after {
border-color: black;
border-width:2px;
}
.cta.secondary,
/*.cta.secondary:hover,*/
a.cta.secondary:visited:not(:hover):not(:active):not(:focus) {
background: white;
color: black;
}
.cta.delete, .cta.delete:hover, .cta.delete:focus-visible {
background-color: #D90A47;
border-color: #D90A47
}
.cta.delete::after {
border-color: #D90A47;
}
.cta.delete::before {
border-color: #D90A47;
}
.cta.disabled, .cta[disabled], fieldset[disabled] .cta {
background: #000;
border-color: #000;
opacity: 0.33;
color: white;
cursor: not-allowed;
pointer-events: none;
}
@keyframes button-pulse {
0% {
opacity: 0;
}
1% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.cta.thin {
padding: 4px 16px;
height: 28px;
font-size: 14px;
}
/* .cta.thin.narrow {
padding: 4px 16px;
height: 28px;
}*/
/* .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.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;*/
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;
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;
}
.udf-edit > div:nth-of-type(2) > div > input {
width: 100%;
margin-bottom: 24px;
}
.udf-edit > div:nth-of-type(2) > div > div {
width: 35%;
}
.udf-edit > div:nth-of-type(2) > div > div:nth-of-type(3) {
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:nth-of-type(3) {
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;
background-color: #ffffff;
margin: 0 auto;
margin-bottom: 0px;
margin-bottom: 30px;
}
.auth-hierarchy input {
margin-bottom:0;
}
.auth-hierarchy > div {
width: 100%;
padding: 0 24px 0 24px;
margin-bottom: 24px;
}
.auth-hierarchy > div:first-child {
border-bottom: 2px solid #EDEFF1;
width: 100%;
margin: 0 0 24px 0;
display: flex;
flex-wrap: wrap;
padding-bottom:24px;
}
.auth-hierarchy > div:first-child > *:not(a) {
width: calc(40% - 24px);
margin-right: 24px;
margin-bottom:0;
}
.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;
word-break: break-all;
}
.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.org-tabulated-history-table .cta {
margin-left: 8px;
margin-right: 0px;
}
.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;
/*align-items:flex-end;*/
}
#event-tabs .tabs li {
list-style: none;
font-weight: 600;
border-right: 2px solid #C0C6CE;
flex-grow: 1;
flex-basis: 0;
padding: 4px 10px 10px 10px;
position: relative;
margin-bottom: 0;
}
#event-tabs li:before {
display:none;
}
#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%;
display:inline-block;
}
#event-tabs .tabs li.active a {
color: white
}
#event-tabs section {
font-size: 14px;
font-weight: 400;
padding: 24px 0; /*!important;*/
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;
}
#UnpaidBookings:empty, #bj #UnpaidBookings:empty {
display: none;
}
#UnpaidBookings, #bj #UnpaidBookings {
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 {
align-self:center;
}
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;
text-wrap: nowrap;
}
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;*/
text-wrap:nowrap;
}
/* .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,
.booking-details td span.status-pill {
margin: 0 10px 0 0;
position: relative;
}
.booking-details dt span.status-pill:not(.green, .red, .grey),
.booking-details td span.status-pill:not(.green, .red, .grey) {
padding-left: 30px;
}
.booking-details dt span.status-pill:not(.green, .red, .grey):before,
.booking-details td 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 label {
font-size: 16px;
}
.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 .resend-doc form {
display: flex;
gap:20px;
}
.booking-details .bundle__table td:first-child {
width: 50%;
}
div.booking-details-container .booking-left {
flex-basis: 60%;
}
@media (max-width:991px) {
/* @media (max-width:1199px) {*/
div.booking-details-container {
flex-wrap: wrap;
}
div.booking-details-container .booking-left {
flex-basis: 100%;
}
}
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 {
max-width: 437px;
display: flex;
gap: 24px;
flex-direction: column;
flex-grow: 1;
}
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;
display:inline-block;
}
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: 0 12px;
align-self: stretch;
flex-wrap: wrap;
}
.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;*/
flex-basis: 100%;
}
#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;
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');
}
.booking-right .info-block {
background-color: #FEF5E6;
color: #9F6401;
padding: 16px 16px 12px 48px;
margin-bottom: 32px;
position: relative;
width: 100%;
}
.booking-right .info-block p {
font-size: 14px;
flex-grow: 1;
margin:0
}
.booking-right .info-block p::before {
display: block;
top: 15px;
left: 15px;
position: absolute;
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,
#tba-name-change .myqa2025__delegate_selected .new-delegate {
display: none;
}
#tba-name-change .new-delegate {
display:flex;
flex-direction:column
}
#tba-name-change .new-delegate > div:first-child {
display: flex;
gap:20px;
}
.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 {
flex-wrap:nowrap;
}
/*.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 p {
margin: 18px 0;
}
.booking-details .special-requirements .special-requirements-list {
margin-top: 18px;
}
.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,.call-us),
.booking-details .org-tabulated-history-table span.cta:not(.current,.call-us,.secondary) {
display: none;
}
.booking-details .org-tabulated-history-table tr.selected span.cta{
display: inline-flex;
}
.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: 4px;
}
}
@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: 4px;
}
}
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: 8px;
}
}
@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: 8px;
}
}
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;
}
.myQAtooltip {
position: relative; /* making the .tooltip span a container for the tooltip text */
border-bottom: 1px dashed #000; /* little indicater to indicate it's hoverable */
}
.myQAtooltip:before {
content: attr(data-tooltip-text); /* here's the magic */
position: absolute;
/* vertically center */
top: 25px;
/*transform: translateY(-50%);*/
/* move to right */
left: 0;
margin-left: 15px; /* and add a small left margin */
/* basic styles */
max-width: 166px;
padding: 4px 8px;
border-radius: 10px;
background: #2A3B4F;
color: #fff;
text-align: center;
display: none; /* hide by default */
font-family: Figtree;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 16px; /* 133.333% */
opacity: 0;
transition: .3s opacity;
z-index: 100;
}
.myQAtooltip:hover:before {
display: block;
opacity: 1;
}
.myQAtooltip:after {
content: "";
position: absolute;
/* position tooltip correctly */
left: 15px;
margin-left: 10px;
/* vertically center */
top: 10px;
/*transform: translateY(-50%);*/
/* the arrow */
border: 10px solid #2A3B4F;
border-color: transparent transparent #2A3B4F transparent;
display: none;
opacity: 0;
transition: .3s;
z-index: 100;
}
.myQAtooltip:hover:before, .myQAtooltip:hover:after {
display: block;
opacity: 1;
}