@font-face {
    font-family: sisoBrand;
    font-display: auto;
    src: url(fonts/gt-pressura-light-webfont.ttf) format("truetype");
}
@font-face {
    font-family: sisoStandard, Arial;
    font-display: auto;
    src: local("Arial") format("truetype");
}
:root {
    --font-size-root: 12px;
    --font-size-24: 2rem;
    --font-size-23: 1.917rem;
    --font-size-22: 1.833rem;
    --font-size-21: 1.75rem;
    --font-size-20: 1.667rem;
    --font-size-19: 1.583rem;
    --font-size-18: 1.5rem;
    --font-size-17: 1.417rem;
    --font-size-16: 1.333rem;
    --font-size-15: 1.25rem;
    --font-size-14: 1.167rem;
    --font-size-13: 1.083rem;
    --font-size-12: 1rem;
    --font-size-11: 0.917rem;
    --font-size-10: 0.833rem;
}
html {
    font-size: var(--font-size-root);
}
html {
    min-height: 100%;
    position: relative;
}
body,
html {
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-14);
    font-weight: 400;
    height: 100% !important;
}
* {
    outline: 0;
}
.vue-hidden {
    display: none;
}
.labelhide {
    display: none;
}
body {
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    overflow-x: auto;
    overflow-y: auto;
    margin: 0;
    padding: 0;
    color: #333;
    color: var(--aui-main-colour, #333);
}
body[no-background-color="true"] {
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
}
body[page-no-scroll="yes"],
html[page-no-scroll="yes"] {
    overflow-x: hidden;
    overflow-y: hidden;
}
body[interface="MOBILE"][page-no-scroll="yes"],
body[interface="TABLET"][page-no-scroll="yes"],
html[interface="MOBILE"][page-no-scroll="yes"],
html[interface="TABLET"][page-no-scroll="yes"] {
    overflow-x: auto;
    overflow-y: hidden;
}
.link {
    font-weight: 100;
}
.link:link {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.link:visited {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.link:active {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.link:focus,
.link:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: none !important;
}
.alink {
    font-weight: 100;
}
.alink:link {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.alink:visited {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.alink:active {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
.alink:focus,
.alink:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: none !important;
}
a {
    color: inherit;
    font-weight: 100;
}
a:link {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
a:visited {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
a:active {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: underline;
}
a:focus,
a:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    text-decoration: none !important;
}
.material-symbols-outlined {
    font-variation-settings:
        "FILL" 1,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24;
}
.material-symbols-alt {
    font-variation-settings:
        "FILL" 0,
        "wght" 400,
        "GRAD" 0,
        "opsz" 24 !important;
}
.material-symbols-outlined:after {
    content: attr(data-icon);
}
.material-icons:after {
    content: attr(data-icon);
}
.docBody {
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-flow: column;
    height: auto;
    min-height: 100%;
    overflow-x: clip;
}
.docHeader {
    flex: 0 1 auto;
}
.docContent {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex: 1 1 auto;
    background-color: var(--aui-pale-background);
}
.docFooter {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 80px;
    line-height: 20px;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    color: #333;
    color: var(--aui-main-colour, #333);
    text-align: center;
    z-index: 13;
}
.infoContainer {
    display: flex;
    justify-content: flex-end;
    margin-left: 100px;
}
body[interface="MOBILE"] .infoContainer {
    right: 7px;
    top: 8px;
    height: 30px;
}
.infoIconItem {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    vertical-align: top;
}
.infoIcon {
    margin: 0 auto;
    height: 30px;
    width: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-radius: 100%;
    background-size: 32px 32px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
body[interface="MOBILE"] .infoIcon {
    height: 30px;
    width: 30px;
    background-size: 30px 30px;
}
.infoIconLabel {
    font-size: var(--font-size-11);
    line-height: 28px;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-left: 12px;
}
.store {
    display: flex;
    background-color: var(--aui-pale-background);
    border: 1px solid var(--aui-pale-border);
    height: 40px;
    border-radius: 20px;
    padding: 5px 10px 5px 5px;
    box-sizing: border-box;
    margin-right: 12px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.store:active,
.store:focus,
.store:hover {
    background-color: var(--theme-colour);
    border-color: var(--theme-colour);
    color: #fff;
}
.store:focus .help-bulb,
.store:hover .help-bulb {
    filter: brightness(0) invert(1);
}
@media only screen and (max-width: 640px) {
    .store {
        padding: 5px;
    }
    .infoIconLabel {
        display: none;
    }
    .pagesearch-searchcell {
        display: none !important;
    }
    #docMainMenuPrimary {
        width: 100% !important;
        flex-basis: 100% !important;
    }
    #docMainMenuSub {
        display: none !important;
    }
    .docMainMenuPrimarySub {
        display: block !important;
    }
    .docMainMenuItem[expanded="true"] {
        border-top: 1px solid #2c46cc;
        border-color: var(--theme-colour, #2c46cc);
    }
    .docMainMenuItem[expanded="true"]:after,
    .docMainMenuItem[expanded="true"]:before {
        display: none !important;
    }
    .docMainMenuItem {
        font-weight: 700 !important;
    }
}
.infoContainer a {
    font-weight: 400;
    text-decoration: none;
    font-size: var(--font-size-14);
    color: #333;
    color: var(--aui-main-colour, #333);
}
.infoIconItem:active .infoIconLabel,
.infoIconItem:focus .infoIconLabel,
.infoIconItem:hover .infoIconLabel {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.infoIcon[icon-type="account"] {
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-color: var(--aui-main-background);
    border: 1px solid var(--aui-pale-border);
}
.infoIcon[icon-type="disc"] div {
    color: #fff !important;
    font-size: var(--font-size-20);
    text-align: center;
    text-transform: uppercase;
    padding-top: 4px;
    width: inherit;
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    mix-blend-mode: lighten;
}
.infoIcon[icon-type="disc"]:focus div,
.infoIcon[icon-type="disc"]:hover div {
    mix-blend-mode: normal;
    color: #fff !important;
    color: var(--aui-font-selection, #fff) !important;
}
body[interface="MOBILE"] .infoIcon[icon-type="disc"] div {
    font-size: 24px;
    padding-top: 4px;
}
.push-notification-icon {
    margin: 0 auto;
    height: 40px;
    width: 40px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    background-size: 32px 40px;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-image: url(../images/svgs/notification.svg);
    background-image: var(--svg-notification);
    position: relative;
    -moz-transform-origin: top center;
    -webkit-transform-origin: top center;
    transform-origin: top center;
}
body[interface="MOBILE"] .push-notification-icon {
    height: 40px;
    width: 40px;
    background-size: 28px 34px;
}
.push-notification-icon:active,
.push-notification-icon:focus,
.push-notification-icon:hover {
    background-image: var(--svg-notification-hover);
}
.push-notification-icon[data-notifications="yes"][data-newnotifications="yes"]:after {
    content: attr(data-newmessages);
    position: absolute;
    top: -3px;
    left: calc(19% + 10px);
    font-size: var(--font-size-12);
    color: #fff;
    color: var(--aui-font-selection, #fff);
    width: 20px;
    height: 20px;
    line-height: 19px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 3px solid var(--aui-main-background);
}
.push-notification-icon[data-notifications="yes"][data-newnotifications="yes"]:after {
    background-color: #ed4956;
}
.notify-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 75%;
}
.notify-loader {
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--theme-colour);
    border-radius: 50%;
    width: 50px;
    height: 50px;
    z-index: 100;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
#loading-notification-modal {
    background-color: #f9f9f9;
    background-color: var(--aui-main-background, #fff);
    position: fixed;
    z-index: 12;
    right: 0;
    top: 98px;
    padding: 0 10px 0 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 330px !important;
    height: calc(100% - 175px) !important;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    border-radius: 20px 0 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
}
#loading-notification-modal::-webkit-scrollbar {
    display: none;
}
body[interface="MOBILE"] #loading-notification-modal {
    width: 100% !important;
    right: auto;
}
#loading-notification-modal:after,
#loading-notification-modal:before {
    bottom: 100%;
    left: calc(100% - 46px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: fixed;
    top: 60px;
}
#loading-notification-modal:after {
    border-bottom-color: #fff;
    border-bottom-color: var(--aui-main-background, #fff);
    border-width: 18px;
    margin-left: -1px;
    margin-top: 3px;
    display: none;
}
#loading-notification-modal:before {
    border-bottom-color: #d6d6d6;
    border-bottom-color: var(--aui-pale-border, #d6d6d6);
    border-width: 19px;
    margin-left: -2px;
    margin-top: 1px;
    display: none;
}
#notification-container {
    display: flex;
    position: absolute;
    justify-content: center;
    right: 0;
    height: 100%;
    top: 0 !important;
    width: 330px;
    top: 60px;
    pointer-events: none;
}
.notifications-list {
    position: relative;
    height: 100%;
}
#notification-modal {
    flex-direction: column;
    background-color: #f9f9f9;
    background-color: var(--aui-main-background, #fff);
    position: sticky;
    z-index: 12;
    right: 0;
    top: 60px;
    margin-top: 60px;
    padding: 0 10px 0 10px;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 330px !important;
    height: 90%;
    max-height: 680px;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    border-radius: 20px 0 0 20px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease-in-out;
}
.notification-inner-modal {
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    max-height: 680px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    transition: all 0.3s ease-in-out;
}
#notification-modal::-webkit-scrollbar {
    display: none;
}
body[interface="MOBILE"] #notification-modal {
    width: 100% !important;
    right: auto;
}
#notification-modal:after,
#notification-modal:before {
    bottom: 100%;
    left: calc(100% - 46px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: fixed;
    top: 60px;
}
#notification-modal:after {
    border-bottom-color: #fff;
    border-bottom-color: var(--aui-main-background, #fff);
    border-width: 18px;
    margin-left: -1px;
    margin-top: 3px;
    display: none;
}
#notification-modal:before {
    border-bottom-color: #d6d6d6;
    border-bottom-color: var(--aui-pale-border, #d6d6d6);
    border-width: 19px;
    margin-left: -2px;
    margin-top: 1px;
    display: none;
}
#notification-modal-toolbar {
    padding-left: 9px;
    padding-top: 7px;
}
.notification-empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 85%;
    width: 100%;
    padding: 28px;
    position: absolute;
    box-sizing: border-box;
}
.notification-empty-state i {
    height: 54px;
    color: var(--aui-pale-border);
    opacity: 0.5;
    font-size: 5em !important;
    height: 90px;
}
.notification-empty-state h3 {
    font-size: 24px;
    opacity: 0.3;
    margin-top: 0;
    text-align: center;
}
h3:has(+ p) {
    margin: 0;
}
.notification-empty-state p {
    margin-top: 8px;
    margin-bottom: 32px;
    opacity: 0.3;
    text-align: center;
    max-width: 315px;
}
.notification-empty-state-btn-rack {
    display: flex;
    gap: 10px;
}
.notification-item {
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    padding: 10px;
    padding-left: 25px;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    position: relative;
    margin: auto;
    border-radius: 0;
    border-bottom: 1px solid var(--aui-pale-border);
}
.notification-item:last-of-type {
    border-bottom: 0;
}
.notification-item-header {
    display: flex;
    justify-content: space-between;
}
body[interface="DESKTOP"] .notification-item:active,
body[interface="DESKTOP"] .notification-item:focus,
body[interface="DESKTOP"] .notification-item:hover {
    background-color: var(--aui-pale-background, #f9f9f9);
    border-left: transparent;
    border-right: transparent;
}
body[interface="MOBILE"] .notification-item {
    width: 100%;
}
.notification-item[read="false"]::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    left: 6px;
    top: 24px;
    background-color: var(--theme-colour);
    border-radius: 100%;
}
.nf-name {
    font-size: var(--font-size-14);
    margin-top: 12px;
}
.nf-content {
    font-size: var(--font-size-14);
    margin-top: 8px;
}
.nf-button {
    width: 100% !important;
    max-width: 250px;
    height: 35px !important;
    background-image: none !important;
    padding: 6px 40px;
    background-color: var(--theme-colour, #2c46cc);
    display: block;
    color: #fff;
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: rgba(0, 0, 0, 0.2) !important;
    border-radius: 30px;
    margin: 0 auto;
    text-align: center;
    display: block !important;
    cursor: pointer;
    margin: 12px auto 0 auto;
    font-size: var(--font-size-14);
    justify-content: center;
}
.nofication-item-header {
    display: flex;
    flex-wrap: nowrap;
}
.notification-subject {
    font-size: var(--font-size-14);
    margin-bottom: 6px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
.notification-category:before {
    content: "";
    position: absolute;
    left: 25px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #ccc;
    margin-top: 1px;
}
.notification-category {
    font-size: var(--font-size-15);
    margin-bottom: 4px;
    margin-left: 24px;
    margin-top: 10px;
}
.notification-date {
    font-size: var(--font-size-13);
    margin-bottom: 5px;
    margin-top: 10px;
    opacity: 0.7;
}
.notification-summary {
    max-width: 345px;
    font-size: var(--font-size-14);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 20px;
    text-align: justify;
    word-break: break-word;
}
.notification-remove {
    width: 30px;
    height: 30px;
    left: 25px;
    top: 4px;
}
.notification-remove .form-checkbox-wrapper {
    width: 30px !important;
}
.notification-remove + .notification-subject {
    margin-left: 10px;
}
.select-alert-checkbox-wrapper {
    width: 30px !important;
    position: relative;
    top: 0;
    min-height: 34px;
}
.select-alert-inner {
    padding-left: 3px !important;
}
#nav-bar {
    position: sticky;
    display: flex;
    flex-direction: column;
    top: 0;
    width: 100%;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    z-index: 13;
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6);
    border-top-left-radius: 4px;
}
body[interface="MOBILE"] #nav-bar {
    right: 0;
    width: 100%;
}
.notification-filter {
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    width: 305px;
    overflow: hidden;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.notification-filter::-webkit-scrollbar {
    display: none;
}
.notification-edit-alerts,
.notification-filter-type {
    display: flex;
    height: 100%;
    width: 30px;
    margin-top: 0;
    filter: contrast(90%);
    position: absolute;
    right: 0;
    top: 20px;
}
.notification-edit-alerts svg circle,
.notification-filter-type svg circle {
    fill: var(--aui-pale-background, #444);
}
.notification-edit-alerts svg path,
.notification-filter-type svg path {
    stroke: var(--aui-main-colour, #333);
}
.notification-edit-alerts svg path:first-of-type {
    fill: var(--aui-main-colour, #333);
}
.notification-edit-alerts svg:focus,
.notification-edit-alerts svg:hover,
.notification-filter-type svg:focus,
.notification-filter-type svg:hover {
    filter: brightness(90%);
    cursor: pointer;
}
.notification-edit-alerts {
    position: absolute;
    top: 20px;
    right: 42px;
}
#push-toggle-checkbox {
    display: none;
}
#push-toggle-container {
    display: none;
}
.notification-push-toggle-container {
    position: absolute;
    top: 20px;
    right: 84px;
}
#push-toggle-checkbox + label {
    cursor: pointer;
    font-size: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: var(--aui-pale-background, #444);
    color: var(--main-colour, #333);
    filter: contrast(100%);
}
#push-toggle-icon {
    font-size: 22px;
}
#push-toggle-label:hover {
    filter: brightness(90%);
}
#push-toggle-checkbox:checked + label {
    color: #fff;
    background-color: var(--success-colour, #16bf76);
}
.notification-filter-cont {
    width: 462px;
    box-sizing: border-box;
}
.notification-filter-title {
    list-style: none;
    font-size: var(--font-size-15);
    font-weight: 600;
    line-height: 26px;
    padding-left: 20px;
    cursor: pointer;
}
.notification-filter-title-container {
    overflow: hidden;
}
.notification-filter-title:focus,
.notification-filter-title:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.notification-filter-title::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #ccc;
    position: absolute;
    left: 38px;
    margin-top: 7px;
}
.notification-category[subcategory="MESSAGE"]::before,
.notification-filter-title[category="MESSAGE"]::before {
    background-color: #834e9e !important;
}
.notification-category[subcategory="WARNING"]::before,
.notification-filter-title[category="WARNING"]::before {
    background-color: #c51212 !important;
}
.notification-category[subcategory="CAUTION"]::before,
.notification-filter-title[category="CAUTION"]::before {
    background-color: #e77a32 !important;
}
.notification-category[category="POPUPS"]::before,
.notification-filter-title[category="POPUPS"]::before {
    background-color: #834e9e;
}
.notification-category[category="ALERTS"]::before,
.notification-category[category="GLOBALALERTS"]::before,
.notification-filter-title[category="ALERTS"]::before,
.notification-filter-title[category="GLOBALALERTS"]::before {
    background-color: #834e9e;
}
.notification-category[category="NOTIFICATIONS"]::before,
.notification-filter-title[category="NOTIFICATIONS"]::before {
    background-color: #ca3961;
}
.notification-category[category="RISKS"]::before,
.notification-filter-title[category="RISKS"]::before {
    background-color: #b0c559;
}
.notification-category[category="CHARGES"]::before,
.notification-filter-title[category="CHARGES"]::before {
    background-color: #53bfbf;
}
.notification-filter-title[category="ALL"]::before {
    background-color: #ccc;
}
.notification-filter-title[read="false"]::before {
    background-color: var(--theme-color);
}
.filter-by {
    font-size: var(--font-size-15);
    margin: 12px 0 0 20px;
    text-transform: uppercase;
}
.pageheading {
    font-size: 24px;
}
.trial-message,
.version-message {
    min-height: 30px;
    font-size: var(--font-size-12);
    color: #000;
    background-color: #2fc1c1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px;
    text-align: center;
}
.version-message {
    background-color: #834e9e;
    color: #fff;
}
.trial-message span,
.version-message span {
    font-weight: 700;
}
.trial-expired {
    background-color: #b54b50 !important;
}
.docMenu {
    position: relative;
    font-family: sisoStandard, Helvetica, sans-serif;
}
#docMainMenuSide {
    display: none;
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    z-index: 9999;
    left: 0;
    top: 0;
    box-sizing: border-box;
    transition: all 0.3 ease-in;
}
#docMainMenuSide nav {
    display: flex;
    flex-wrap: nowrap;
    align-content: flex-start;
    flex-direction: row;
    height: 100%;
    min-height: 100%;
    box-sizing: border-box;
    transition: transform 0.2s linear;
    will-change: transform;
}
.docMainMenuSearch {
    box-sizing: border-box;
    height: 68px;
    padding: 20px;
}
.docMainMenuSearch .form-input {
    border: 1px solid var(--aui-pale-border) !important;
    background-color: var(--aui-pale-background) !important;
    border-radius: 30px !important;
    padding: 0 36px !important;
    height: 40px !important;
    line-height: 40px;
}
#docMainMenuPrimary {
    width: 300px;
    flex-basis: 300px;
    height: 100%;
    min-height: 100%;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    box-sizing: border-box;
}
#docMainMenuPrimary::-webkit-scrollbar {
    width: 10px;
}
#docMainMenuPrimary::-webkit-scrollbar-track {
    background: #f1f1f1;
}
#docMainMenuPrimary::-webkit-scrollbar-thumb {
    background: #888;
}
#docMainMenuPrimary::-webkit-scrollbar-thumb:hover {
    background: #555;
}
#docMainMenuSub {
    width: 300px;
    flex-basis: 300px;
    height: 100%;
    min-height: 100%;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    box-sizing: border-box;
}
.docMainMenuSubHeading {
    font-family: sisoStandard, Helvetica, sans-serif;
    box-sizing: border-box;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff;
    color: var(--aui-font-selection, #fff);
    height: 150px;
    user-select: none;
    position: relative;
    overflow: hidden;
}
.docMainMenuSubHeading-bg {
    position: absolute;
    z-index: 0;
    top: -65px;
    left: 39px;
    width: 100%;
}
.docMainMenuSubHeading-bg circle {
    fill: var(--aui-font-selection, #fff);
    opacity: 0.1;
}
.docMainMenuSubHeading-text {
    position: absolute;
    z-index: 1;
    padding: 0 26px 0 26px;
    bottom: 12px;
    width: 100%;
    box-sizing: border-box;
}
.docMainMenuSubHeading-text h2 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-18);
    font-weight: 400;
}
.docMainMenuSubHeading-text h3 {
    margin: 0;
    padding: 0;
    font-size: var(--font-size-12);
    font-weight: 400;
    margin-top: 10px;
}
.docMainMenuFavouritesOpenAll {
    color: #fff;
    color: var(--aui-font-selection, #fff);
    border: 1px solid #fff !important;
    border-color: var(--aui-font-selection, #fff) !important;
    border-radius: 20px;
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-14);
    box-sizing: border-box;
    padding: 6px 20px 6px 20px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    margin-top: 10px;
}
.docMainMenuFavouritesOpenAll:focus,
.docMainMenuFavouritesOpenAll:hover {
    color: #fff;
    background-color: var(--aui-font-selection, #fff);
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.docMainMenuPrimarySub {
    display: none;
    border-bottom: 1px solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
}
#docMainMenuSide:after {
    position: absolute;
    z-index: -1;
    content: "";
    width: 100%;
    height: 100%;
    min-height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    pointer-events: none;
    transition: all 0.3s ease;
}
.docMainMenuItem {
    font-weight: 400;
}
.docMainMenuItem,
.docMainMenuSubItem {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-14);
    box-sizing: border-box;
    padding: 12px 10px 12px 26px;
    cursor: pointer;
    position: relative;
    user-select: none;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    transition: all 0.25s cubic-bezier(0, -0.01, 0.55, 1);
    transition-property: color, border-color, background-color;
}
.docMainMenuSubItem {
    padding: 0;
    padding-right: 10px;
}
.docMainMenuItem span,
.docMainMenuSubItem a {
    flex-basis: 100%;
    display: flex;
}
.docMainMenuItem span,
.docMainMenuSubItem span {
    margin-right: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.docMainMenuSwitch {
    height: 40px;
    width: 100%;
    background-image: var(--svg-switchinstance-hover);
    background-repeat: no-repeat;
    background-position: 30px 50%;
    background-size: 16px;
    cursor: pointer;
    outline: 0;
}
.docMainMenuSwitch span {
    display: block;
    line-height: 40px;
    margin-left: 56px;
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-14);
    color: var(--theme-colour) !important;
}
.docMainMenuSwitch:focus,
.docMainMenuSwitch:hover {
    background-image: var(--svg-switchinstance-font);
    background-color: var(--theme-colour, #2c46cc);
    border-color: var(--theme-colour, #2c46cc);
}
.docMainMenuSwitch:focus span,
.docMainMenuSwitch:hover span {
    color: #fff !important;
}
.docMainMenuInstances {
    display: grid;
    gap: 10px;
    grid-template-columns: 50% 50%;
    margin-right: 5px;
    padding-bottom: 10px;
}
.docMainMenuInstanceItem {
    height: 145px;
    align-content: center;
    font-size: 22px;
    box-sizing: border-box;
    padding: 12px;
    cursor: pointer;
    text-align: center;
    user-select: none;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: var(--instance-color);
    box-shadow:
        0 0.4688rem 2.1875rem rgba(45, 62, 80, 0.03),
        0 0.9375rem 1.4063rem rgba(45, 62, 80, 0.03),
        0 0.25rem 0.5313rem rgba(45, 62, 80, 0.03),
        0 0.125rem 0.1875rem rgba(45, 62, 80, 0.03);
}
.docMainMenuInstanceItem:focus,
.docMainMenuInstanceItem:hover {
    background-color: var(--theme-colour, #2c46cc);
    color: var(--font-selection, #fff);
}
.i-item-icon {
    flex-basis: 20px;
    width: 20px;
    height: 20px;
}
.i-item-icon[icon="new"] {
    display: flex;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff;
    color: var(--aui-font-selection, #fff);
    width: 30px;
    flex-basis: 30px;
    height: 11px;
    font-size: 9px;
    border-radius: 3px;
    border: none;
    border-bottom: none;
    border-right: none;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 3px;
    font-style: normal;
}
.i-item-icon[icon="new-plain"] {
    display: flex;
    background-color: #2c46cc;
    background-color: #fff;
    color: var(--theme-colour);
    color: var(--aui-font-selection, #fff);
    width: 30px;
    flex-basis: 30px;
    height: 11px;
    font-size: 9px;
    border-radius: 3px;
    border: none;
    border-bottom: none;
    border-right: none;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    padding: 3px;
    font-style: normal;
}
.i-item-icon[icon="newwindow"] {
    position: relative;
    display: flex;
    width: 12px;
    flex-basis: 12px;
    height: 9px;
    border-radius: 2px;
    border: 1px solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    margin-top: 2px;
    margin-left: 4px;
}
.i-item-icon[icon="newwindow"]:after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 9px;
    border-radius: 2px;
    border: 1px solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.i-item-icon[icon="favourite"] {
    flex-basis: auto;
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 1.2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid var(--aui-pale-border, #d6d6d6);
    border-left: 0.3em solid transparent;
    font-size: 8px;
}
.i-item-icon[icon="favourite"]:after,
.i-item-icon[icon="favourite"]:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0.6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid var(--aui-pale-border, #d6d6d6);
    border-left: 1em solid transparent;
    transform: rotate(-35deg);
    box-sizing: inherit;
    -webkit-font-smoothing: antialiased;
}
.i-item-icon[icon="favourite"]:after {
    transform: rotate(35deg);
}
@keyframes tilt-shaking {
    0% {
        transform: rotate(0);
    }
    25% {
        transform: rotate(10deg);
    }
    50% {
        transform: rotate(0eg);
    }
    75% {
        transform: rotate(-10deg);
    }
    100% {
        transform: rotate(0);
    }
}
.docMainMenuItem:hover .i-item-icon[icon="favourite"][added="true"],
.docMainMenuItem:hover .i-item-icon[icon="favourite"][added="true"]:after,
.docMainMenuItem:hover .i-item-icon[icon="favourite"][added="true"]:before,
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"][added="true"],
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"][added="true"]:after,
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"][added="true"]:before {
    border-bottom: 0.7em solid;
    border-bottom-color: gold !important;
}
.docMainMenuItem .i-item-icon[icon="favourite"][added="true"],
.docMainMenuSubItem .i-item-icon[icon="favourite"][added="true"] {
    -webkit-animation: tilt-shaking 0.3s ease both;
    animation: tilt-shaking 0.3s ease both;
}
.i-item-icon[icon="favourite"][added="true"],
.i-item-icon[icon="favourite"][added="true"]:after,
.i-item-icon[icon="favourite"][added="true"]:before {
    border-bottom: 0.7em solid;
    border-bottom-color: var(--theme-colour, #2c46cc);
}
.docMainMenuItem[expanded="true"]:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
}
.docMainMenuItem:not([expanded="true"]):focus,
.docMainMenuItem:not([expanded="true"]):hover {
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff;
    color: var(--aui-font-selection, #fff);
}
.docMainMenuItem:not([expanded="true"]):hover .menu-icon {
    filter: invert(0) brightness(100);
}
.docMainMenuItem[expanded="true"] {
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.docMainMenuItem[expanded="true"]:after {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    top: calc(50% - 7px);
    right: 10px;
    border: solid #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.docMainMenuSubItem {
    font-weight: 400;
    box-sizing: border-box;
}
#docMainMenuPrimary .docMainMenuSubItem {
    font-weight: 400;
}
.docMainMenuSubItem a {
    padding: 12px 0 12px 26px;
}
.docMainMenuSubItem a:active,
.docMainMenuSubItem a:hover,
.docMainMenuSubItem a:link,
.docMainMenuSubItem a:visited {
    text-decoration: none;
}
.docMainMenuSubItem a[aria-selected="true"] {
    text-decoration: underline;
}
.docMainMenuPrimarySub .docMainMenuSubItem {
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.docMainMenuSubItem:focus,
.docMainMenuSubItem:focus-within,
.docMainMenuSubItem:hover {
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
}
.docMainMenuSubItem:focus a,
.docMainMenuSubItem:focus-within a,
.docMainMenuSubItem:hover a {
    color: #fff !important;
    color: var(--aui-font-selection, #fff) !important;
}
.docMainMenuSubItem:focus .i-item-icon[icon="favourite"],
.docMainMenuSubItem:focus .i-item-icon[icon="favourite"]:after,
.docMainMenuSubItem:focus .i-item-icon[icon="favourite"]:before,
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"],
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"]:after,
.docMainMenuSubItem:hover .i-item-icon[icon="favourite"]:before {
    border-bottom-color: var(--aui-pale-border, #d6d6d6);
}
.docMainMenuSubItem:focus .i-item-icon[icon="newwindow"],
.docMainMenuSubItem:focus .i-item-icon[icon="newwindow"]:after,
.docMainMenuSubItem:hover .i-item-icon[icon="newwindow"],
.docMainMenuSubItem:hover .i-item-icon[icon="newwindow"]:after {
    border-color: var(--aui-font-selection, #fff);
    background-color: var(--theme-colour, #2c46cc);
}
.docMenu-container {
    display: table;
    width: 100%;
    height: auto;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 0;
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    padding: 12px;
}
body[interface="MOBILE"] .docMenu-container {
    padding-top: 4px;
    height: 60px;
}
.docMenu-row {
    display: table-row;
}
.docMenu-addressbar {
    display: table-cell;
    width: 100%;
}
.docMenu-right {
    display: table-cell;
}
.docBasicToolbar,
.docToolbar {
    font-family: sisoStandard, Helvetica, sans-serif;
    margin-bottom: 10px;
    white-space: nowrap;
    overflow: hidden;
    display: table;
    border-collapse: collapse;
    font-size: var(--font-size-21);
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.leftSideTools {
    display: table-cell;
    vertical-align: top;
}
.rightSideTools {
    display: table-cell;
    vertical-align: top;
    text-align: right;
}
.pageHeadings .pageHeading,
.pageHeadings h2,
h1 {
    font-size: 21px !important;
    font-weight: 400 !important;
    margin: 0;
    padding: 0;
    border: none;
    width: auto !important;
    text-align: left !important;
}
.pageFavourite {
    display: table-cell;
    vertical-align: top;
    width: 25px;
    background-image: url(../images/svgs/bookmark.svg);
    background-image: var(--svg-bookmark);
    background-size: 18px 18px;
    background-position: 0 4px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.pageFavourite:active,
.pageFavourite:focus,
.pageFavourite:hover {
    background-image: var(--svg-bookmark-hover);
}
.pageFavourite[data-on="yes"] {
    background-image: var(--svg-bookmark-selected-hover);
}
.pageFavourite[aria-describedby] {
    cursor: help;
}
.pageHeadingsSub {
    font-size: inherit;
    font-weight: 400 !important;
    position: relative;
}
.pageHeadingsSub:before {
    content: "";
    height: auto;
    width: 10px;
    border-left: 1px solid #333;
    border-left: 1px solid var(--aui-main-colour, #333);
    margin-left: 5px;
    margin-right: 5px;
}
.pageHeadingsSubError {
    color: #fff;
    color: var(--aui-font-selection, #fff);
    font-size: var(--font-size-13);
    font-weight: 700;
    border: 1px solid red;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: red;
    padding-left: 3px;
    padding-right: 3px;
}
.pageItemHeading {
    height: 35px;
    line-height: 34px;
    font-size: 21px;
    font-weight: 400 !important;
    margin-bottom: 5px;
}
.hrbar {
    height: 5px;
    margin-left: -25px;
    margin-right: -25px;
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    margin-bottom: 5px;
    margin-top: 15px;
}
hr {
    height: 1px;
    border: none;
    margin: 0;
    padding: 0;
    background-color: none;
    border-bottom: 1px solid #d6d6d6;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6);
}
.pageItems {
    margin-top: 10px;
}
#docFooterInfo {
    display: none;
    max-width: 600px;
    max-height: 200px;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    position: fixed;
    z-index: 3;
    bottom: 76px;
    right: 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    overflow-y: auto;
    overflow-x: hidden;
    padding: 12px;
    border-radius: 6px;
}
#docFooterInfo h1 {
    padding: 0;
    margin: 0;
    border: none;
    font-size: var(--font-size-18) !important;
    color: #333 !important;
    color: var(--aui-main-colour, #333) !important;
    text-align: center;
}
.docFooter .poweredby:before {
    content: url(../images/siso_powered_by.svg);
    position: relative;
}
.docFooter .poweredby {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 7px;
    left: 15px;
    height: 60px;
    background-repeat: no-repeat;
    font-family: sisoBrand;
    font-size: 22px;
    gap: 5px;
}
.docFooter .poweredbysiso {
    color: #f63;
}
.footer-right {
    display: flex;
    width: 32.5%;
}
body[isie] .docFooter .poweredby {
    display: none;
}
body[interface="MOBILE"] .docFooter .poweredby,
body[interface="TABLET"] .docFooter .poweredby {
    display: none;
}
body[interface="MOBILE"] .docFooter .footer-info-section,
body[interface="TABLET"] .docFooter .footer-info-section {
    width: 100% !important;
}
.footer-left {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 32.5%;
    min-width: 380px;
    height: 80px;
    padding-left: 10px;
    box-sizing: border-box;
}
.footer-info-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    width: 80%;
    height: 80px;
    padding-left: 15px;
    box-sizing: border-box;
}
.docFooter .copyright {
    font-size: var(--font-size-12);
    top: 15px;
    margin: 0 auto;
    font-size: var(--font-size-12);
    text-align: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body[interface="MOBILE"] .docFooter .copyright,
body[interface="TABLET"] .docFooter .copyright {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 6px 0 6px;
    white-space: nowrap;
}
.docLanguageSelection {
    position: relative;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%;
    margin: 0 auto;
    text-align: left;
    font-size: var(--font-size-10);
}
.docLanguageSelection > ul {
    margin: 0;
    list-style: none;
    list-style-image: none;
    padding: 0;
    border: none;
}
.docLanguageSelection > ul > li {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: middle;
    padding: 0 10px 0 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer;
}
.docLanguageSelection > ul > li:last-child {
    padding-right: 0;
}
.docLanguageSelection > ul > li:first-child {
    padding-left: 0;
}
.language-selected {
    text-decoration: underline;
}
.docFooter_infobtn {
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    font-family: sisoStandard, Helvetica, sans-serif;
    color: #fff;
    color: var(--aui-font-selection, #fff);
    z-index: 1;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: relative;
    bottom: -8px;
    right: 20px;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    cursor: pointer;
}
.docFooter_infobtn[pad-right] {
    right: 90px;
}
.standardTable {
    border-collapse: collapse;
    border: 1px solid #333;
    border: 1px solid var(--aui-main-colour, #333);
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    margin-bottom: 10px;
    width: 100%;
}
.standardHeading {
    color: #333;
    color: var(--aui-main-colour, #333);
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #333;
    border: 1px solid var(--aui-main-colour, #333);
    height: 25px;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.standardRow td {
    color: #333;
    color: var(--aui-main-colour, #333);
    vertical-align: middle;
    border: 1px solid #333;
    border: 1px solid var(--aui-main-colour, #333);
    min-height: 25px;
    padding-left: 2px;
    padding-right: 2px;
}
.sisoIconBtn,
.ui-button-disabled {
    padding: 6px 15px 6px 15px;
    font-size: var(--font-size-14);
    font-weight: 400 !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 18px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-family: sisoStandard, Helvetica, sans-serif;
    text-align: center;
    border: 1px solid #333;
    border: 1px solid var(--aui-main-colour, #333);
    color: #333 !important;
    color: var(--aui-main-colour, #333) !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    margin-left: 2px;
    display: inline-block;
    min-height: 24px;
    line-height: 18px;
    vertical-align: middle;
    text-decoration: none !important;
}
.sisoIconBtn img,
.ui-button img {
    margin-top: 0 !important;
}
.ui-button-disabled {
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    border: 1px solid #f9f9f9;
    border: 1px solid var(--aui-pale-background, #f9f9f9);
    color: #ccc;
    cursor: not-allowed;
}
.sisoIconBtn:hover,
.ui-button:hover {
    border: 1px solid #2c46cc;
    border: 1px solid var(--theme-colour, #2c46cc);
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff !important;
    color: var(--aui-main-background, #fff);
}
.sisoIconBtn:active,
.sisoIconBtn:focus,
.ui-button:active,
.ui-button:focus {
    border-color: #2c46cc;
    border-color: var(--theme-colour, #2c46cc);
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff !important;
    color: var(--aui-font-selection, #fff) !important;
}
.ui-button-disabled[large="true"],
.ui-button[large="true"] {
    padding: 0 15px 0 15px;
    font-size: 26px;
    line-height: 36px;
    height: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
}
.sisoImageBtn {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    line-height: 20px;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
}
.btn-margin {
    margin: 0 5px;
}
.rules--margin {
    margin: 7px 0 0 5px;
}
.rules--bottom-margin {
    margin-bottom: 45px;
}
.rules--right-margin {
    margin-right: 10px;
}
.sisoBtnSVGIcon {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline-block;
    vertical-align: top;
}
.sisoIconBtn .sisoBtnSVGIcon,
.ui-button .sisoBtnSVGIcon,
.ui-button-disabled .sisoBtnSVGIcon {
    height: 23px;
    width: 23px;
}
.ui-button .sisoBtnSVGIcon,
.ui-button-disabled .sisoBtnSVGIcon {
    margin-right: 6px;
}
.ui-button img,
.ui-button-disabled img {
    padding-right: 6px;
    padding-top: 0;
    height: 16px;
    width: 16px;
}
.sisoIconBtn[large="true"] .sisoBtnSVGIcon,
.ui-button-disabled[large="true"] .sisoBtnSVGIcon,
.ui-button[large="true"] .sisoBtnSVGIcon {
    height: 32px;
    width: 32px;
}
.ui-button-disabled[large="true"] .sisoBtnSVGIcon,
.ui-button[large="true"] .sisoBtnSVGIcon {
    margin-top: 3px;
    margin-right: 6px;
}
.ui-button-disabled[large="true"] img,
.ui-button[large="true"] img {
    padding-right: 6px;
    padding-top: 3px;
    height: 32px;
    width: 32px;
}
.assetsearch-list-toolbar .sisoImageBtn {
    margin-right: 10px;
    width: 35px !important;
    height: 35px !important;
}
.assetsearch-tile-toolbar .sisoImageBtn {
    margin: 0 5px;
}
.assetsearch-tile-toolbar .sisoImageBtn:nth-child(-n + 3) {
    margin-bottom: 5px;
}
.print-barcode {
    height: 45px;
}
.barcodeBtn {
    margin-top: 5px;
    float: right;
}
.printBtn {
    text-align: right;
}
.toolDialogCase {
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    min-width: 100px;
    position: absolute;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    padding: 5px;
    color: #000;
    font-size: var(--font-size-14);
}
.toolDialogCaseTopLeft {
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-left-radius: 0;
}
.toolDialogCaseTopRight {
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
}
.toolDialogCaseBottomLeft {
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
}
.toolDialogCaseBottomRight {
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
}
.popupDialogCase {
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    min-width: 100px;
    min-height: 60px;
    position: absolute;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    padding: 5px;
    color: #333;
    color: var(--aui-main-colour, #333);
    font-size: var(--font-size-14);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px;
    transform: scale(0);
    transition: all 0.2s ease;
    transform-origin: center center;
}
.popupDialogCase[aria-hidden="true"] {
    transform: scale(0);
}
.popupDialogCase[aria-hidden="false"] {
    transform: scale(1);
}
.forminput {
    height: 40px;
    font-size: var(--font-size-15) !important;
    font-family: sisoStandard, Helvetica, sans-serif;
    background-color: #fff !important;
    background-color: var(--aui-main-background, #fff) !important;
    border: 1px solid #333 !important;
    border: 1px solid var(--aui-main-colour, #333) !important;
    outline: 0;
    padding: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    resize: none;
    color: #333;
    color: var(--aui-main-colour, #333);
}
.forminput:focus:invalid,
.forminput[required]:invalid {
    -moz-box-shadow: none;
    box-shadow: none;
    background-image: url(../images/svgs/required.svg);
    background-image: var(--svg-required);
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: calc(100% - 3px) 50%;
}
.forminput[required][list] {
    background-image: none;
}
select.forminput {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down);
    background-repeat: no-repeat;
    background-position: calc(100% - 5px) 50%;
    padding: 0;
    padding-top: 2px;
    padding-right: 30px;
    padding-left: 6px;
    font-size: var(--font-size-15) !important;
    min-height: 25px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    color: #333;
    color: var(--aui-main-colour, #333);
    border: 1px solid #333 !important;
    border: 1px solid var(--aui-main-colour, #333) !important;
    background-color: transparent;
}
.forminput + .ui-button {
    vertical-align: middle;
}
.forminput:focus {
    border-color: #2c46cc !important;
    border-color: var(--theme-colour, #2c46cc) !important;
}
.forminput::-webkit-input-placeholder {
    color: #b2b2b2 !important;
}
.forminput::-moz-placeholder {
    color: #b2b2b2 !important;
}
.forminput:-ms-input-placeholder {
    color: #b2b2b2 !important;
}
.forminput:-moz-placeholder {
    color: #b2b2b2 !important;
}
.forminput:focus::-webkit-input-placeholder {
    color: #2c46cc !important;
    color: var(--theme-colour, #2c46cc) !important;
}
.forminput:focus::-moz-placeholder {
    color: #2c46cc !important;
    color: var(--theme-colour, #2c46cc) !important;
}
.forminput:focus:-ms-input-placeholder {
    color: #2c46cc !important;
    color: var(--theme-colour, #2c46cc) !important;
}
.forminput:focus:-moz-placeholder {
    color: #2c46cc !important;
    color: var(--theme-colour, #2c46cc) !important;
}
body[isie] select.forminput {
    background-image: none;
}
select.forminput::-ms-expand {
    display: none;
}
.forminput-invalid,
select.forminput-invalid {
    border: 1px solid #b54b50 !important;
    border-color: var(--aui-error-colour, #b54b50) !important;
}
.forminput-invalid:not(:checked) + label:before {
    background-color: #b54b50 !important;
    background-color: var(--aui-error-colour, #b54b50) !important;
}
form {
    margin: 0;
    padding: 0;
}
.buttons {
    cursor: pointer;
}
.inputSpacer,
.ui-spacer {
    padding-top: 14px;
}
.inputFootnote {
    margin-top: 5px;
    font-size: var(--font-size-12);
    color: #333;
    color: var(--aui-main-colour, #333);
    font-style: italic;
}
.divtable,
.tb-wrapper {
    display: table;
}
.tb-wrapper {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}
.divrow {
    display: table-row;
    height: 18px;
}
.tb-row {
    display: table-row;
}
.divcell,
.tb-cell {
    display: table-cell;
    vertical-align: top;
    padding: 2px;
}
.tb-cell {
    vertical-align: middle;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.divheadingcell {
    display: table-cell;
    vertical-align: top;
    padding: 2px;
    font-weight: 700;
}
.adc-container {
    width: 100%;
}
.ad-left-column {
    width: 225px;
    padding: 3px;
}
.ad-picture-column {
    width: 225px;
    padding: 3px;
}
.ad-body-column {
    display: table-cell;
    vertical-align: top;
    padding: 0;
}
.divcell.ad-label-column {
    width: 25%;
}
#ab-bodyscroll,
#bh-bodyscroll {
    width: 100%;
    height: 700px;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
#ab-body,
#bh-body {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    position: relative;
}
.ab-scrollframe {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.details-box {
    margin-top: 10px;
    width: 100%;
    line-height: 26px;
}
.ad__buttons {
    margin: 5px 0 5px -1px;
}
.ad-notice {
    margin: 5px 0 5px 0;
    font-size: var(--font-size-14);
    color: #b54b50;
    color: var(--aui-error-colour, #b54b50);
    text-align: left;
}
.ad-menu {
    list-style: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.ad-menu li {
    padding: 5px 5px 5px 0;
    text-align: right;
}
.ad-menu li a {
    font-size: var(--font-size-14);
}
.ad-heading-row {
    display: block;
    position: relative;
    font-size: var(--font-size-18);
    color: #333;
    color: var(--aui-main-colour, #333);
    height: 22px;
    width: 100%;
    line-height: 21px;
    padding: 0 5px 0 0;
    margin: 30px 10px 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-indent: 2px;
    font-weight: 700;
}
.ad-item-column {
    padding-left: 10px;
    font-size: var(--font-size-14);
    color: #333;
    color: var(--aui-main-colour, #333);
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.details-box .divrow:first-of-type .ad-item-column {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.details-box .divrow:last-of-type .ad-item-column {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.adt-table {
    display: table;
    table-layout: auto;
    width: 100%;
}
.adt-table-300 {
    width: 300px;
}
.adt-row {
    display: table-row;
    height: 18px;
}
.adt-cell {
    display: table-cell;
    vertical-align: top;
    padding: 2px;
}
.adt-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: start;
    line-height: 26px;
}
.adt-break {
    flex-basis: 100%;
    width: 0;
    height: 0;
}
.adt-label-column {
    font-size: var(--font-size-14);
    width: 225px;
    padding-right: 10px;
    text-align: left;
    line-height: 20px;
}
.adt-label-column-right {
    text-align: right;
}
.adt-label-column-nowidth {
    font-size: var(--font-size-14);
    padding-right: 10px;
    text-align: left;
    line-height: 20px;
}
.adt-item-column {
    padding-left: 10px;
    font-size: var(--font-size-14);
    line-height: 20px;
}
.adt-label-column-40 {
    width: 40% !important;
}
.adt-item-column-60 {
    width: 60% !important;
}
.ad-document {
    padding-left: 30px;
    background-image: url(../images/svgs/ru-file-layout.svg);
    background-image: var(--svg-ru-file-layout);
    background-repeat: no-repeat;
    min-height: 30px;
    padding-top: 4px;
}
.ad-urllinks {
    padding-left: 30px;
    background-image: url(../images/svgs/links.svg);
    background-image: var(--svg-links);
    background-repeat: no-repeat;
    min-height: 30px;
    padding-top: 4px;
}
.ad-favourite-asset,
.ad-favourite-lists {
    margin-left: 2px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-left: 3px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: top;
    margin-top: 10px;
    background-size: contain;
}
.ad-favourite-asset[data-added="yes"] {
    background-image: url(../images/svgs/heart-list-fave.svg);
}
.ad-favourite-asset[data-added="no"] {
    background-image: url(../images/svgs/heart-list.svg);
    background-image: var(--svg-heart-list);
}
.ad-favourite-asset[data-added="no"]:hover {
    background-image: var(--svg-heart-list-hover);
}
.ad-favourite-lists {
    margin-left: 6px;
    background-image: url(../images/svgs/add-list.svg);
    background-image: var(--svg-add-list);
}
.ad-favourite-lists:hover {
    background-image: var(--svg-add-list-hover);
}
.mylist-item {
    padding: 10px 6px 10px 36px;
    font-size: var(--font-size-16);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    background-image: url(../images/svgs/list-list.svg);
    background-image: var(--svg-list-list);
    background-repeat: no-repeat;
    background-position: 2px 50%;
    background-size: 25px 25px;
    cursor: pointer;
    position: relative;
}
.mylist-item:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
    background-image: url(../images/svgs/list-list.svg);
    background-image: var(--svg-list-list-hover);
    background-size: 25px 25px;
}
.mylist-item[data-id="FAVOURTIES"] {
    background-image: url(../images/svgs/heart-list.svg);
    background-image: var(--svg-heart-list);
    background-size: 25px 25px;
}
.mylist-item[data-id="FAVOURTIES"]:hover {
    background-image: url(../images/svgs/heart-list.svg);
    background-image: var(--svg-heart-list-hover);
    background-size: 25px 25px;
}
.mylist-item > div:first-child {
    padding: 5px 4px 5px 4px;
}
.ad-edit-inline-text {
    width: 100%;
    padding: 4px 2px 4px 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    font-size: var(--font-size-16);
    text-align: left;
    font-family: inherit;
    outline: 0;
    color: #333 !important;
    color: var(--aui-main-colour, #333) !important;
}
.mylist-item:last-child {
    border-bottom: none;
}
.mylist-item[data-added="yes"] {
    font-weight: 100;
}
.ad-icon-button {
    width: 25px;
    height: 25px;
    padding: 10px;
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}
.ad-edit-button {
    background-image: url(../images/svgs/pencil.svg);
    background-image: var(--svg-pencil);
    background-size: 25px;
}
.ad-edit-button:active,
.ad-edit-button:focus,
.ad-edit-button:hover {
    background-image: var(--svg-pencil-hover);
    background-size: 25px;
}
.ad-save-button {
    background-image: url(../images/svgs/active-tick.png);
    background-image: var(--svg-active-tick);
}
.ad-save-button:active,
.ad-save-button:focus,
.ad-save-button:hover {
    background-image: var(--svg-active-tick-hover);
    background-size: 25px;
}
.ad-remove-button {
    background-image: url(../images/svgs/disposal.svg);
    background-image: var(--svg-disposal);
    background-size: 25px;
}
.ad-remove-button:active,
.ad-remove-button:focus,
.ad-remove-button:hover {
    background-image: var(--svg-disposal-hover);
    background-size: 25px;
}
.pagesearch {
    font-family: sisoStandard, Helvetica, sans-serif;
    border: none;
    font-size: var(--font-size-20);
    height: 36px;
    width: calc(100% - 40px);
    background-color: var(--aui-pale-background);
    padding: 0 0 0 6px;
    margin: 0;
    outline: 0;
    color: #333;
    color: var(--aui-main-colour, #333);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    border-radius: 12px 0 0 12px;
}
body[interface="MOBILE"] .pagesearch {
    font-size: 28px;
    padding: 2px 0;
}
.pagesearch-container {
    display: table;
    width: 100%;
    white-space: nowrap;
    padding: 4px;
    position: relative;
}
.pagesearch-row {
    display: table-row;
}
.pagesearch-cell {
    display: table-cell;
    vertical-align: middle;
    width: 33.3% !important;
}
body[interface="MOBILE"] .pagesearch-cell {
    height: 40px;
}
.pagesearch-searchcell {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    outline: 0;
    position: relative;
}
.pagesearch-toolcell {
    display: table-cell;
    height: 60px;
    width: 30px;
    vertical-align: top;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    border-left: none;
}
.pagesearch-toolicon {
    width: 60px;
    height: 60px;
    background-position: 50% 45%;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: middle;
}
.pagesearch-toolicon[data-icon="favourite"] {
    background-image: var(--svg-bookmark);
}
.pagesearch-toolicon[data-icon="favourite"][data-on="yes"] {
    background-image: var(--svg-bookmark-selected);
}
.pagesearch-toolicon[data-icon="favourite"][data-on="no"]:hover {
    background-image: var(--svg-bookmark-hover);
}
.pagesearch-suggestion {
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-20);
    padding-left: 56px;
    position: absolute;
    color: #ccc;
    height: auto;
    top: 0;
    left: 0;
    z-index: 11;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 40px;
}
body[interface="MOBILE"] .pagesearch-suggestion {
    font-size: 28px;
    padding-left: 32px;
    overflow: hidden;
}
.search-arrow {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid var(--aui-main-colour);
    position: absolute;
    left: 37px;
    top: 15px;
    cursor: pointer;
}
.search-arrow:hover {
    border-top-color: var(--theme-colour);
}
.pagesearch-suggestion span {
    color: transparent;
}
.pagesearch-input {
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: middle;
    position: absolute;
    height: auto;
    top: 0;
    left: 50px;
    z-index: 11;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: calc(100% - 50px);
    overflow: hidden;
}
body[interface="MOBILE"] .pagesearch-input {
    left: 38px;
    width: calc(100% - 38px);
}
.pagesearch-input label {
    display: block;
    font-family: sisoStandard, Helvetica, sans-serif !important;
    pointer-events: none;
    position: absolute;
    height: 40px;
    width: auto;
    top: 0;
    left: 6px;
    text-align: left;
    font-size: var(--font-size-20);
    font-weight: 100;
    color: #333;
    color: var(--aui-main-colour, #333);
    line-height: 38px;
    opacity: 0.5;
}
body[interface="MOBILE"] .pagesearch-input label {
    top: 2px;
    left: 0;
    font-size: 28px;
}
.pagesearch-input-basic {
    left: 6px;
    width: calc(100% - 4px);
}
.pagesearch-reset {
    position: absolute;
    right: 14px;
    top: 0;
    height: 100%;
    width: 14px;
    background-image: url(../svg-images/close.svg);
    background-image: var(--svg-close);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 14px;
    cursor: pointer;
    outline: 0;
}
.pagesearch-reset:active,
.pagesearch-reset:focus,
.pagesearch-reset:hover {
    background-image: var(--svg-close-hover);
}
.pagesearch-options-container {
    width: 40px;
    height: 40px;
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 11;
}
.pagesearch-options-container .pagesearch-option:empty {
    background: 0 0;
}
body[interface="MOBILE"] .pagesearch-options-container {
    width: 30px;
    height: 40px;
}
.pagesearch-options {
    position: absolute;
    width: 72px;
    outline: 0;
}
body[interface="MOBILE"] .pagesearch-options {
    height: 40px;
}
.pagesearch-options[data-open="yes"] {
    position: absolute;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    left: -1px;
    top: -1px;
    z-index: 10;
    border-radius: 20px 0 6px 6px;
}
.pagesearch-option {
    width: 40px;
    height: 40px;
    display: none;
    position: relative;
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 12px 9px;
    cursor: pointer;
    background-image: url(../images/svgs/page-search.svg);
    background-image: var(--svg-page-search);
}
body[interface="MOBILE"] .pagesearch-option {
    width: 30px;
    height: 40px;
    background-size: 25px 25px;
    background-position: 8px 9px;
}
body[interface="MOBILE"] .pagesearch-option:not([data-selected]) {
    width: 60px;
    height: 40px;
    background-size: 28px 28px;
    background-position: 50% 18px;
}
.pagesearch-option[data-option="menusearch"][data-selected="no"],
.pagesearch-option[data-selected="yes"] {
    display: block;
    position: relative;
}
.pagesearch-option[data-selected="yes"]::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid var(--aui-main-colour);
    top: 17px;
    right: -8px;
}
.pagesearch-option[data-selected="yes"]:hover::after {
    border-top: 6px solid var(--theme-colour);
}
.pagesearch-option[data-option="menusearch"],
.pagesearch-option[data-option="menusearch"][data-selected="no"] {
    background-image: url(../images/svgs/magnify-glass.svg);
    background-image: var(--svg-magnify-glass);
}
.pagesearch-option[data-option="menusearch"]:hover {
    background-image: var(--svg-magnify-glass-hover);
}
.pagesearch-option[data-option="pagesearch"] {
    background-image: url(../images/svgs/page-search.svg);
    background-image: var(--svg-page-search);
}
.pagesearch-option[data-option="pagesearch"]:hover {
    background-image: var(--svg-page-search-hover);
}
.pagesearch-option[data-option="kitsearch"] {
    background-image: url(../images/svgs/kit-search.svg);
    background-image: var(--svg-kit-search);
}
.pagesearch-option[data-option="kitsearch"]:hover {
    background-image: var(--svg-kit-search-hover);
}
.pagesearch-option span {
    display: none;
    position: absolute;
    height: 20px;
    top: 38px;
    left: 5px;
    width: auto;
    font-size: var(--font-size-12);
    text-align: center;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 3px;
    padding-right: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pagesearch-option[data-option="kitsearch"]:hover.pagesearch-option span,
.pagesearch-option[data-option="menusearch"]:hover.pagesearch-option span,
.pagesearch-option[data-option="pagesearch"]:hover.pagesearch-option span {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.pagesearch-options[data-open="yes"] .pagesearch-option span {
    display: block;
}
.pagesearch-options[data-open="yes"] .pagesearch-option {
    min-height: 76px;
}
.pagesearch-search-container {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    max-width: 600px;
    min-width: 300px;
    background-color: var(--aui-pale-background);
    border: 1px solid var(--aui-pale-border);
    border-radius: 20px;
    margin: auto;
}
.pagesearch-searchcell[data-open="yes"] .pagesearch-search-container {
    border-radius: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom: none;
}
.pagesearch-searchcell:focus-within .pagesearch-search-container {
    border: 1px solid #2c46cc;
    border: 1px solid var(--theme-colour, #2c46cc);
}
#page-menu {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    z-index: 999;
    cursor: pointer;
}
#page-menu > div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 25px;
    height: 3px;
    background-color: #333;
    background-color: var(--aui-main-colour, #333);
    border-radius: 3px;
    transform: translate(-50%, -50%);
}
#page-menu > div::after,
#page-menu > div::before {
    position: absolute;
    content: "";
    width: 25px;
    height: 3px;
    background-color: #333;
    background-color: var(--aui-main-colour, #333);
    border-radius: 3px;
}
#page-menu:active > div,
#page-menu:active > div:after,
#page-menu:active > div:before,
#page-menu:focus > div,
#page-menu:focus > div:after,
#page-menu:focus > div:before,
#page-menu:hover > div,
#page-menu:hover > div:after,
#page-menu:hover > div:before {
    background-color: #2c46cc !important;
    background-color: var(--theme-colour, #2c46cc) !important;
    transition: all 0.2s ease-in-out;
}
#page-menu > div:before {
    transform: translateY(-11px);
    animation: animate3 1ms linear;
}
@keyframes animate3 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-5px) rotate(0);
    }
}
#page-menu > div:after {
    transform: translateY(11px);
    animation: animate4 1ms linear;
}
@keyframes animate4 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(5px) rotate(0);
    }
}
#page-menu[open] > div {
    visibility: hidden;
}
#page-menu[open] > div:after,
#page-menu[open] > div:before {
    visibility: visible;
    background-color: #333;
    background-color: var(--aui-main-colour, #333);
    transform-origin: center center;
    transform: translateY(0);
    transition: all 250ms linear;
}
#page-menu[open] > div:before {
    transform: rotate(-45deg);
    animation: animate1 250ms linear;
}
@keyframes burger1 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0) rotate(-45deg);
    }
}
#page-menu[open] > div:after {
    transform: rotate(45deg);
    animation: animate2 250ms linear;
}
@keyframes animate2 {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(0) rotate(45deg);
    }
}
#page-menu[open] {
    transition: height 150ms linear;
}
.pagesuggestsearch[data-selected="yes"] {
    font-weight: 700;
}
.pagesuggestsearch-result-container {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 38px;
    z-index: 10;
    max-height: 680px;
    width: 100%;
    max-width: 600px;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: var(--font-size-14);
    text-align: left;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-family: sisoStandard, Helvetica, sans-serif;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    border-top: none;
    scrollbar-width: thin;
}
.pagesearch-searchcell .pagesuggestsearch-result-container {
    border: 1px solid var(--aui-pale-border);
    border-top: none;
}
.pagesearch-searchcell:focus-within .pagesuggestsearch-result-container {
    border: 1px solid var(--theme-colour, #2c46cc);
}
body[interface="MOBILE"] .pagesuggestsearch-result-container {
    left: -1px;
    margin-top: -3px;
    top: 40px;
    font-size: var(--font-size-14);
}
.pagesuggestsearch-result-container div {
    font-family: sisoStandard, Helvetica, sans-serif;
    padding: 6px;
    margin-bottom: 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 400;
}
.pagesuggestsearch-result-container div:last-child {
    margin-bottom: 0;
}
.pagesuggestsearch-result-container div > span:first-child {
    font-weight: 400;
    color: #333;
    color: var(--aui-main-colour, #333);
}
.pagesuggestsearch-result-container div[data-favourite="yes"] {
    font-family: sisoStandard, Helvetica, sans-serif;
    padding-left: 30px;
    position: relative;
}
.pagesuggestsearch-result-container div[data-favourite="yes"]:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 30px;
    background-image: url(../images/svgs/bookmark-selected.svg);
    background-image: var(--svg-bookmark-selected-hover);
    background-repeat: no-repeat;
    background-position: 5px 50%;
    background-size: 20px 20px;
}
.pagesuggestsearch-result-container div[data-favourite="yes"]:hover::before,
.pagesuggestsearch-result-container div[data-highlight="yes"]:before {
    background-image: var(--svg-bookmark-selected-bg);
}
.pagesuggestsearch-result-container div:last-child {
    border-bottom: none;
}
.pagesuggestsearch-result-container div:hover,
.pagesuggestsearch-result-container div[data-highlight="yes"] {
    background-color: #2c46cc;
    background-color: var(--theme-colour, #2c46cc);
    color: #fff;
    color: var(--aui-font-selection, #fff);
}
.pagesuggestsearch-result-container div:hover > span:first-child,
.pagesuggestsearch-result-container div[data-highlight="yes"] > span:first-child {
    color: #c1dcfa;
}
.pagesuggestsearch-result-container div[data-subitem="yes"] {
    padding-left: 20px;
    font-size: var(--font-size-14);
}
body[interface="MOBILE"] #favouritepages-container,
body[interface="TABLET"] #favouritepages-container {
    display: none;
}
#favourite-pages {
    min-height: 30px;
    width: calc(100% - 25px);
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 5px;
    position: relative;
    top: -10px;
}
.draggable-favourites {
    display: flex;
    flex-wrap: wrap;
}
body[isie] #favourite-pages {
    display: block;
}
#favourite-pages:empty {
    display: none;
}
.favpage,
.openfavpages {
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    border-top: none;
    padding: 4px 24px 4px 4px;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 20px;
    text-align: left;
    position: relative;
    margin-left: -1px;
}
body[isie] .favpage,
body[isie] .openfavpages {
    display: -moz-inline-box;
    display: inline-block;
    zoom: 1;
    display: inline;
    vertical-align: middle;
}
.openfavpages {
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    background-image: url(../images/svgs/open-all-tabs.svg);
    background-image: var(--svg-open-all-tabs);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    width: 30px;
    height: 31px;
    margin-top: -1px;
    cursor: pointer;
}
.openfavpages:focus,
.openfavpages:hover {
    background-image: var(--svg-open-all-tabs-hover);
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.favpage div:first-child {
    display: flex;
    align-items: center;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.favpage-handle {
    cursor: grab;
    min-width: 10px;
}
.favpage svg path {
    fill: var(--aui-main-colour);
}
.favpage a {
    font-size: var(--font-size-13) !important;
    color: #333;
    color: var(--aui-main-colour, #333);
    text-decoration: none;
    font-weight: 400;
    display: block;
    margin: 1px 0 0 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.favpage a:active,
.favpage a:focus,
.favpage a:hover {
    color: #2c46cc;
    color: var(--theme-colour, #2c46cc);
}
.favpage:active,
.favpage:focus,
.favpage:hover {
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
}
.favpage:active {
    cursor: grabbing;
}
.rmfavpage {
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    background-image: url(../images/svgs/close.svg);
    background-image: var(--svg-close);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 10px 10px;
    position: absolute;
    z-index: 1;
    top: 5px;
    right: 6px;
}
.rmfavpage:active,
.rmfavpage:focus,
.rmfavpage:hover {
    background-image: var(--svg-close-hover);
}
#account-popup,
#push-notification-popup {
    display: none;
    width: 260px;
    min-height: 120px;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    position: absolute;
    z-index: 2;
    top: 65px;
    right: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    border-radius: 5px;
    box-shadow:
        0 0.4688rem 2.1875rem rgb(45 62 80 / 3%),
        0 0.9375rem 1.4063rem rgb(45 62 80 / 9%),
        0 0.25rem 0.5313rem rgb(45 62 80 / 12%),
        0 0.125rem 0.1875rem rgb(45 62 80 / 2%);
}
#push-notification-popup {
    min-height: 60px;
    right: 0;
    text-align: center;
    font-size: var(--font-size-16);
    line-height: 60px;
}
#account-popup:after,
#account-popup:before,
#push-notification-popup:after,
#push-notification-popup:before {
    bottom: 100%;
    left: calc(100% - 48px);
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}
#push-notification-popup:after,
#push-notification-popup:before {
    left: calc(100% - 23px);
}
#account-popup:after,
#push-notification-popup:after {
    border-bottom-color: #fff;
    border-bottom-color: var(--aui-main-background, #fff);
    border-width: 18px;
    margin-left: -18px;
    margin-top: 3px;
    z-index: 2;
}
#account-popup:before,
#push-notification-popup:before {
    border-bottom-color: 1px solid #d6d6d6;
    border-bottom-color: 1px solid var(--aui-pale-border, #d6d6d6);
    color: #d6d6d6;
    color: var(--aui-pale-border, #d6d6d6);
    border-width: 19px;
    margin-left: -19px;
    margin-top: 1px;
    z-index: 1;
}
body[interface="MOBILE"] #account-popup {
    position: fixed;
    width: 100%;
    width: calc(100% - 20px);
    top: 83px;
    left: 10px;
    right: 10px;
}
.account-photo {
    display: table-cell;
    width: 100px;
    height: 100px;
    vertical-align: middle;
}
.account-photo div {
    width: 75px;
    height: 75px;
    margin-left: 16px;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
}
.account-brief {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px;
    vertical-align: top;
    text-align: left;
    line-height: 32px;
    padding-left: 10px;
    max-width: 135px;
}
.account-banned {
    background-color: #b54b50;
    background-color: var(--aui-error-colour, #b54b50);
    color: #fff;
    height: 30px;
    font-size: var(--font-size-16);
    text-align: center;
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.account-brief div:first-child {
    height: 25px;
    font-size: var(--font-size-16);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.account-btn-wrapper {
    width: 100%;
    background-color: #f9f9f9;
    background-color: var(--aui-pale-background, #f9f9f9);
    padding: 4px 0 5px 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
#myaccount-btn {
    background-color: var(--theme-colour);
    color: #fff;
    border: 2px solid var(--theme-colour);
}
#myaccount-btn:hover {
    background-color: transparent !important;
    color: var(--theme-colour) !important;
}
#account-details {
    font-size: var(--font-size-14) !important;
    width: 100%;
    max-width: 720px;
    margin: auto;
    position: relative;
}
#enrollswrapper {
    margin-bottom: 10px;
}
@media only screen and (max-width: 500px) {
    #account-details {
        font-size: var(--font-size-14) !important;
        width: 100%;
        margin: auto;
    }
}
#account-details label[icon]::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -30px;
    background-size: 20px;
}
#account-details label[icon="user-level"]::before {
    background-image: url(../images/svgs/user-level-icon.svg);
    background-image: var(--svg-user-level-icon);
}
#account-details label[icon="details"]::before {
    background-image: url(../images/svgs/details-icon.svg);
    background-image: var(--svg-details-icon);
}
#account-details label[icon="password"]::before {
    background-image: url(../images/svgs/password-icon.svg);
    background-image: var(--svg-password-icon);
}
#account-details label[icon="addresses"]::before {
    background-image: url(../images/svgs/addresses-icon.svg);
    background-image: var(--svg-addresses-icon);
}
#account-details label[icon="usettings"]::before {
    background-image: url(../images/svgs/usettings.svg);
    background-image: var(--svg-usettings);
}
#account-details label[icon="lockers"]::before {
    background-image: url(../images/svgs/lockers.svg);
    background-image: var(--svg-lockers-icon);
}
#account-details label[icon="enrollments"]::before {
    background-image: url(../images/svgs/enrollments-icon.svg);
    background-image: var(--svg-enrollments-icon);
}
#account-details label[icon="changeimage"]::before {
    background-image: url(../images/svgs/changeimage.svg);
    background-image: var(--svg-changeimage-icon);
}
#account-details label[icon="balance"]::before {
    background-image: url(../images/svgs/balance-icon.svg);
    background-image: var(--svg-balance-icon);
}
#account-details label[icon="training"]::before {
    background-image: url(../images/svgs/training-icon.svg);
    background-image: var(--svg-training-icon);
}
#account-details label[icon="booking-stats"]::before {
    background-image: url(../images/svgs/booking-stats-icon.svg);
    background-image: var(--svg-booking-stats-icon);
}
#account-details label[icon="appearance"]::before {
    background-image: url(../images/svgs/appearance-icon.svg);
    background-image: var(--svg-appearance-icon);
}
#account-details .tb-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#account-details .expand {
    width: 100%;
    height: 16px;
    background-image: url(../images/svgs/down.svg);
    background-image: var(--svg-down);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    cursor: pointer;
    margin-top: 10px;
}
#account-details .expand:hover {
    background-image: var(--svg-down-hover);
}
#addresseshidden {
    display: none;
}
#trainingcontent {
    display: none;
    line-height: 26px;
}
.addressescontent {
    padding-top: 10px;
    padding-bottom: 10px;
}
.addresswrappers {
    margin-top: 15px;
    margin-bottom: 15px;
}
.trainingheader {
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 2px 50%;
    padding-left: 30px;
    margin-bottom: 5px;
}
.trainingicon-true {
    background-image: url(../images/svgs/confirm.svg);
    background-image: var(--svg-confirm);
}
.trainingicon-false {
    background-image: url(../images/svgs/remove.svg);
    background-image: var(--svg-remove);
}
.contactusicon {
    background-image: url(../images/svgs/contactus.svg);
    background-image: var(--svg-contactus);
}
.logouticon {
    background-image: url(../images/svgs/logout.svg);
    background-image: var(--svg-logout);
}
.knowledgebaseicon {
    background-image: url(../images/svgs/knowledgebase.svg);
    background-image: var(--svg-knowledgebase);
}
.bulbicon {
    background-image: url(../images/svgs/bulb.svg);
    background-image: var(--svg-bulb);
}
.kbbulb {
    background-image: url(../images/svgs/kbbulb.svg);
    background-image: var(--svg-kbbulb);
}
.kbemail {
    background-image: url(../images/svgs/kbemail.svg);
    background-image: var(--svg-kbemail);
}
.kbarticle {
    background-image: url(../images/svgs/article.svg);
    background-image: var(--svg-article);
}
.feedback {
    background-image: url(../images/svgs/feedback.svg);
    background-image: var(--svg-feedback);
}
.webinar {
    background-image: url(../images/svgs/webinar.svg);
    background-image: var(--svg-webinar);
}
.roadmap {
    background-image: url(../images/svgs/roadmap.svg);
    background-image: var(--svg-roadmap);
}
.video {
    background-image: url(../images/svgs/video.svg);
    background-image: var(--svg-video);
}
#password-message,
#password-text {
    font-size: var(--font-size-14);
    color: #333;
    color: var(--aui-main-colour, #333);
}
#password-text {
    margin-bottom: 10px;
}
#password-message {
    text-align: left;
    display: none;
}
#profile-image {
    width: 168px;
    height: 168px;
    display: block;
    background-color: #c6c6c6;
    border-radius: 100%;
    margin: auto;
    margin-bottom: 20px;
    padding-bottom: 5px;
}
#kb-profile-image {
    width: 168px;
    height: 168px;
    display: block;
    background-color: #fff;
    border-radius: 100%;
    margin: auto;
    cursor: pointer;
}
#kb-change-image {
    display: block;
    opacity: 0;
    width: 168px;
    height: 168px;
    background-color: #000;
    border-radius: 100%;
    margin: auto;
    position: absolute;
    cursor: pointer;
    transition: all 0.3s ease;
}
.popup-image {
    width: 100%;
    min-height: 412px;
    display: block;
    background-color: #c6c6c6;
    box-sizing: border-box;
    background-origin: content-box;
    padding: 50px 50px 50px 50px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    border: 1px solid var(--aenterui-main-colour, #333);
    border-radius: 5px;
}
#image-upload-button {
    margin: auto;
    width: 100%;
    height: inherit;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}
.en-name {
    width: 25%;
}
.en-year {
    width: 37.5%;
}
.en-syear {
    width: 37.5%;
}
.require-risk-assessment {
    width: 71px;
    height: 50px;
    margin: auto;
    background-image: url(../images/svgs/required-risk.svg);
    background-image: var(--svg-required-risk);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.booking-requirements:hover .require-risk-assessment {
    background-image: var(--svg-required-risk-hover);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.require-training {
    width: 71px;
    height: 50px;
    margin: auto;
    background-image: url(../images/svgs/required-training.svg);
    background-image: var(--svg-required-training);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.booking-requirements:hover .require-training {
    background-image: var(--svg-required-training-hover);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.require-workshop {
    width: 71px;
    height: 50px;
    margin: auto;
    background-image: url(../images/svgs/required-workshop.svg);
    background-image: var(--svg-required-workshop);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.booking-requirements:hover .require-workshop {
    background-image: var(--svg-required-workshop-hover);
    background-size: 71px 50px;
    background-repeat: no-repeat;
}
.account-input {
    border-bottom: 1px solid #d6d6d6 !important;
    border-bottom: 1px solid var(--aui-pale-border, #d6d6d6) !important;
    padding: 10px 0 !important;
    margin-bottom: 25px !important;
    width: 100% !important;
}
.account-input:focus {
    border-bottom: 1px solid #2c46cc !important;
    border-bottom: 1px solid var(--theme-colour, #2c46cc) !important;
}
.account-toggle-wrapper {
    float: left;
    margin: 20px 0;
}
.ui-legend {
    position: relative;
    font-weight: 400 !important;
    margin: 10px auto;
    font-size: var(--font-size-12) !important;
    margin: 0;
    list-style: none;
    list-style-image: none;
    padding: 0;
    border: none;
    display: flex;
    flex-direction: row;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.ui-legend > li {
    font-size: var(--font-size-14);
    color: #333;
    color: var(--aui-main-colour, #333);
    position: relative;
    flex: 0 0 auto;
    padding-left: 30px;
    align-content: center;
}
.ui-legend > li:before {
    position: absolute;
    content: "";
    background-color: var(--legend-colour);
    width: 20px;
    height: 20px;
    border-radius: 3px;
    box-sizing: border-box;
    left: 0;
    top: -2px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.legend_swatch input {
    visibility: hidden;
    width: 1px !important;
    height: 1px !important;
}
.legend_swatch {
    cursor: pointer;
}
.legend_swatch:focus:before,
.legend_swatch:hover:before {
    border: 1px solid var(--theme-colour, #2c46cc) !important;
}
.resized-input {
    height: 40px !important;
}
.uniform-length {
    width: 340px !important;
}
.mod__equal-length {
    width: 100% !important;
    max-width: 660px !important;
}
.mod__half-length {
    width: 100% !important;
    max-width: 329px !important;
}
.mod__third-length {
    width: 100% !important;
    max-width: 300px !important;
}
.mod__quater-length {
    width: 100% !important;
    max-width: 183px !important;
}
.mod__center {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.mod__l {
    margin: 10px 0;
}
.customFields {
    width: 100%;
    height: auto;
    padding: 10px;
    box-sizing: border-box;
}
.customField {
    width: 100%;
    height: 40px;
}
.make-payment {
    width: 320px;
    line-height: 30px;
    text-align: left;
    font-size: var(--font-size-16);
    position: absolute;
    right: 0;
    top: -30px;
    z-index: 999999999;
}
#docSideMenu {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    height: auto;
    background-color: #fff;
    background-color: var(--aui-main-background, #fff);
    width: 46px;
    border-top: 1px solid #d6d6d6;
    border-top: 1px solid var(--aui-pale-border, #d6d6d6);
    border-right: 1px solid #d6d6d6;
    border-right: 1px solid var(--aui-pale-border, #d6d6d6);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    overflow: hidden;
}
#docSideMenuToggle {
    margin-top: 10px;
    margin-bottom: 10px;
    height: 20px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url(../images/svgs/next.svg);
    background-image: var(--svg-next);
    background-position: calc(100% - 5px) 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;
}
#docSideMenu > ul {
    list-style: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    border: none;
}
#docSideMenu > ul li {
    padding: 14px 16px 16px 45px;
    height: 45px;
    white-space: nowrap;
    cursor: pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none !important;
    font-size: var(--font-size-14) !important;
    color: var(--aui-main-colour, #333);
}
#docSideMenu > ul li[fonticon] {
    padding-left: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
}
#docSideMenu > ul li[fonticon] i {
    color: var(--aui-main-colour);
    font-size: 26px;
}
#docSideMenu > ul li a {
    text-decoration: none !important;
    font-size: var(--font-size-14) !important;
    color: #333 !important;
    color: var(--aui-main-colour, #333) !important;
}
#docSideMenu > ul li[style] {
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 25px;
}
#docSideMenu > ul li span {
    opacity: 0;
    visibility: hidden;
    -webkit-transition:
        opacity 1s ease-in-out,
        visibility 1s ease-in-out;
    transition:
        opacity 1s ease-in-out,
        visibility 1s ease-in-out;
}
#docSideMenu > ul li:focus i,
#docSideMenu > ul li:focus span,
#docSideMenu > ul li:hover i,
#docSideMenu > ul li:hover span {
    color: #2c46cc !important;
    color: var(--theme-colour, #2c46cc) !important;
}
#docSideMenu[data-open="yes"] #docSideMenuToggle {
    background-image: url(../images/svgs/previous.svg);
    background-image: var(--svg-previous);
}
#docSideMenu #docSideMenuToggle:focus,
#docSideMenu #docSideMenuToggle:hover {
    background-image: var(--svg-next-hover);
}
#docSideMenu[data-open="yes"] #docSideMenuToggle:focus,
#docSideMenu[data-open="yes"] #docSideMenuToggle:hover {
    background-image: var(--svg-previous-hover);
}
#docSideMenu[data-open="yes"] {
    width: auto;
}
#docSideMenu[data-open="yes"] > ul li span {
    visibility: visible;
    opacity: 1;
}
.docBasicToolbar,
body[interface="MOBILE"] .docToolbar {
    font-size: var(--font-size-18);
}
body[interface="MOBILE"] .pageHeadings .pageHeading,
body[interface="MOBILE"] .pageHeadings h2,
h1 {
    font-size: var(--font-size-18);
}
kbd {
    border: 1px solid #333;
    border: 1px solid var(--aui-main-colour, #333);
    padding: 3px;
    font-family: sisoStandard, Helvetica, sans-serif !important;
}
#ui-main-menu {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    line-height: 30px !important;
    font-family: sisoStandard, Helvetica, sans-serif;
    font-size: var(--font-size-14) !important;
    font-weight: 400;
    background-color: var(--pale-background) !important;
    height: 100%;
}
.alert-page-manager-popup-body {
    display: flex;
}
.alert-page-section {
    display: flex;
    flex-direction: column;
    margin-right: 32px;
}
.alert-page-heading {
    font-weight: 700;
    margin-bottom: 5px;
}
#form_panel_alert_mediatype_1,
#form_panel_alert_mediatype_2 {
    width: 100%;
}
.fw-block {
    display: flex;
    width: 35% !important;
}
.fw-iframe {
    min-height: unset !important;
}
#fw-feed-items,
#fw-feed-items-scroll-area,
.fw-iframe {
    background-color: var(--aui-main-background, #fff) !important;
    color: var(--aui-main-colour, #333) !important;
}
.fw-loader-msg {
    display: none !important;
}
.feed-loader-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 56px;
    min-height: 56px;
    height: 100%;
    text-align: center;
    opacity: 0.8;
    z-index: 3000;
    margin: auto;
}
.feed-loader {
    position: absolute;
    border: 8px solid #f3f3f3;
    border-top: 8px solid var(--theme-colour);
    border-radius: 50%;
    width: 15px;
    height: 15px;
    z-index: 100;
    animation: spin 1.5s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
@media only screen and (max-width: 1350px) {
    .footer-right {
        display: none;
    }
    .fw-block {
        padding-right: 10px;
    }
    .docFooter {
        justify-content: space-between;
    }
    .footer-left,
    .fw-block {
        width: 50% !important;
    }
}
#ALLOWANCE_rules .moveableListItem,
#RENEWALS_rules .moveableListItem {
    background-color: var(--aui-main-background);
    border-radius: 12px;
}
#ALLOWANCE_rules .moveableListItem table,
#RENEWALS_rules .moveableListItem table {
    border-radius: 12px;
}
.duplicate-rule > span,
.remove-rule > span {
    display: inline-block;
}
#ALLOWANCE_rules .form-input,
#ALLOWANCE_rules .form-select,
#ALLOWANCE_rules .form-textarea,
#RENEWALS_rules .form-input,
#RENEWALS_rules .form-select,
#RENEWALS_rules .form-textarea,
#account-details .form-input:not(:disabled),
#account-details .form-select-input-item:not(:disabled),
#account-details .form-select:not(:disabled),
#assetname,
#repairwindow .form-input:not(:disabled),
#repairwindow .form-select-input-item:not(:disabled),
#repairwindow .form-textarea,
#tf-details .form-input,
#tf-details .form-textarea,
#update_documnet_description,
.additional-exceptions .form-input,
.additional-exceptions .form-select-input,
.maintenance-wrapper .form-input,
.maintenance-wrapper .form-select,
.maintenance-wrapper .form-select-input-item,
.maintenance-wrapper .form-textarea,
.maintenance-wrapper .ua-search-container,
.maintenance-wrapper .ua-search-search > input,
.ob-wrapper .form-input,
.ob-wrapper .form-select-input-item,
.pa-card .fb-input input,
.pa-card .fb-input textarea,
.pa-card .form-input,
.pa-card .form-select,
.pa-card .form-select-input,
.pa-card .form-select-input-item,
.pa-card .form-textarea,
.pa-card .ua-search-container,
.pa-card .ua-search-search > input,
.tf-wrapper .form-input,
.tf-wrapper .form-select,
.tf-wrapper .form-select-input,
.tf-wrapper .form-select-input-item,
.tf-wrapper .form-textarea,
.tf-wrapper .ua-search-bar,
.training-wrapper .form-input,
.training-wrapper .form-select,
.training-wrapper .form-select-input,
.training-wrapper .form-select-input-item,
.training-wrapper .form-textarea {
    background-color: var(--aui-pale-background) !important;
}
#images .imagemanager_image,
#repairwindow .info-card .form-input,
.card #assetname,
.card .form-selector-wrapper,
.card:not(.pa-card) .fb-input input,
.card:not(.pa-card) .fb-input textarea,
.pa-card .form-select-input[multiple] .form-select-input-item {
    background-color: var(--aui-main-background) !important;
}
.tf-wrapper .ua-search-search {
    border-radius: 6px;
}
.tf-wrapper .ua-search-bar #userids_search {
    background-color: transparent;
}
.card .fb-input input,
.card .fb-input textarea,
.maintenance-wrapper #list,
.pa-card .fb-input input,
.pa-card .fb-input textarea {
    border-color: var(--aui-pale-border) !important;
}
.skeleton {
    animation: skeleton-loading 1s linear infinite alternate;
    background-size: 300%;
    background-position-x: 100%;
    background-color: var(--aui-pale-background);
}
.skeleton-light {
    animation: skeleton-loading-light 1s linear infinite alternate;
    background-size: 300%;
    background-position-x: 100%;
    background-color: var(--aui-main-background);
}
.skeleton-border {
    animation: skeleton-loading 1s linear infinite alternate;
    background: linear-gradient(-45deg, var(--aui-pale-background) 40%, rgb(var(--aui-main-background-rgba), 0.2) 50%, var(--aui-pale-background) 60%);
    background-size: 300%;
    background-position-x: 110%;
}
.skeleton-container {
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px;
    background-color: var(--aui-main-background, #fff) !important;
}
.skeleton-fadeout-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.skeleton-fadeout-container:after {
    display: flex;
    content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    pointer-events: none;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--aui-main-background) 90%);
    width: 100%;
    height: 15em;
}
@keyframes shimmer {
    to {
        background-position-x: 0;
    }
}
@keyframes skeleton-loading {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}
@keyframes skeleton-loading-light {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.7;
    }
}
.skeleton-card {
    display: flex;
    flex-direction: column;
    padding: 12px;
    position: relative;
    width: 100%;
    height: 100%;
    margin-top: 0.5rem;
    border-radius: 8px;
    box-sizing: border-box;
}
.skeleton-body {
    display: flex;
}
.skeleton-square {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    overflow: hidden;
    margin-left: 0;
    border: none;
}
.skeleton-circle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    font-size: 25px;
    width: 7vw;
    max-width: 160px;
    height: 7vw;
    max-height: 160px;
    border-radius: 50%;
    margin-bottom: 20px;
}
.skeleton-circle-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    width: 5.8vw;
    max-width: 160px;
    height: 5.8vw;
    max-height: 160px;
    border-radius: 50%;
    background-color: var(--aui-main-background);
    padding: 5px;
    animation: none;
    position: absolute;
    margin-bottom: 20px;
}
.skeleton-text-container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.skeleton-text {
    width: 150px;
    height: 1rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    position: relative;
}
.skeleton-text-body {
    width: 100px;
    height: 0.8rem;
    margin-bottom: 0.5rem;
    border-radius: 0.25rem;
    position: relative;
}
.skeleton-footer {
    width: 30%;
}
.slide-npanel-enter-from {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(500px, 0);
    -webkit-transform: translate(500px, 0);
}
.slide-npanel-leave-to {
    transform: translate(500px, 0);
    -webkit-transform: translate(500px, 0);
}
.slidein-enter-from {
    transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 100px);
    -webkit-transform: translate(0, 100px);
    opacity: 0;
}
.slidein-leave-to {
    transform: translate(0, 150px);
    -webkit-transform: translate(0, 150px);
    opacity: 0;
}
.sortable-chosen {
    background-color: var(--aui-pale-background);
    opacity: 1;
}
.sortable-chosen.sortable-ghost {
    background-color: var(--aui-pale-background);
    opacity: 0;
}
.sortable-ghost {
    background-color: var(--aui-pale-background);
    opacity: 0 !important;
}
.sortable-fallback {
    opacity: 1 !important;
}
.custom-drag {
    opacity: 0;
    cursor: grabbing;
}
#vue-updateprompt {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 1001;
}
.updateprompt-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 10px;
    left: 10px;
    height: 100px;
    width: 280px;
    background-color: var(--aui-main-background);
    border: 1px solid var(--aui-pale-border);
    border-radius: 8px;
    padding: 10px 15px 15px 15px;
    z-index: 300;
    box-shadow: rgba(0, 0, 0, 0.25) 0 25px 50px -12px;
    transition: all 0.3s ease;
}
.updateprompt-header {
    display: flex;
    gap: 15px;
    justify-content: center;
    align-items: center;
}
.updateprompt-image-container {
    display: flex;
    width: 50px;
    max-height: 50px;
}
.updateprompt-image {
    display: flex;
    width: 45px;
    height: 45px;
}
.updateprompt-header p {
    margin: 0;
}
.updateprompt-btnrack {
    display: flex;
    gap: 10px;
}
.shake {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}
.btn-loader {
    width: 18px;
    height: 18px;
    border: 3px dotted #fff;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    animation: rotation 2s linear infinite;
}
@keyframes rotation {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
#form_panel_android-install div {
    background-color: transparent !important;
}
#form_panel_iphone-install div {
    background-color: transparent !important;
}
.promo-wrapper {
    display: flex;
    flex-direction: column;
    width: 25%;
}
.promo-btn-rack {
    display: flex;
    justify-content: center;
    gap: 12px;
}
.promo-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 200px !important;
    border-radius: 10px;
    border: 1px solid #d6d6d6;
    border: 1px solid var(--aui-pale-border, #d6d6d6);
    margin: 10px;
    padding: 25px;
    box-sizing: border-box;
    position: relative;
    background-color: #f63 !important;
    text-align: justify;
    overflow: hidden;
}
.promo-card label {
    color: #fff;
    font-size: var(--font-size-18);
    margin: 10px 0 5px 0;
    height: auto;
    padding: 0;
    text-align: center;
}
.promo-card p {
    color: #fff;
}
.promo-button,
.promo-button-alt {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 100;
    font-size: var(--font-size-14);
    background-color: #2c3541;
    color: #fff;
    border-radius: 30px;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    cursor: pointer;
    height: 30px;
    line-height: 18px !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 20px;
    padding-right: 20px;
    transition: all 0.2s ease;
}
.promo-button-alt {
    border: 2px solid #f63;
    background-color: transparent;
    color: #f63;
}
.promo-button-alt:hover {
    background-color: #f63;
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.05),
        0 2px 2px rgba(0, 0, 0, 0.05),
        0 4px 4px rgba(0, 0, 0, 0.05),
        0 8px 8px rgba(0, 0, 0, 0.05),
        0 16px 16px rgba(0, 0, 0, 0.05);
}
.promo-button:hover {
    background-color: #fff;
    color: #2c3541;
    transform: translateY(-1px);
    box-shadow:
        0 1px 1px rgba(0, 0, 0, 0.05),
        0 2px 2px rgba(0, 0, 0, 0.05),
        0 4px 4px rgba(0, 0, 0, 0.05),
        0 8px 8px rgba(0, 0, 0, 0.05),
        0 16px 16px rgba(0, 0, 0, 0.05);
}
.promo-smallprint {
    display: flex;
    position: relative;
    bottom: -15px;
    font-size: var(--font-size-10);
}
@media screen and (max-width: 1200px) {
    #account_menu_icon,
    #releasenotesbtn,
    #store-changer {
        display: none !important;
    }
}
@media screen and (max-width: 1000px) {
    * {
        -webkit-tap-highlight-color: transparent;
    }
    body[interface="MOBILE"] .docToolbar,
    body[interface="TABLET"] .docToolbar {
        display: none;
    }
    body[interface="MOBILE"] #favourite-pages,
    body[interface="TABLET"] #favourite-pages {
        display: none;
    }
    body[interface="MOBILE"] .infoContainer a,
    body[interface="TABLET"] .infoContainer a {
        font-size: var(--font-size-10);
    }
    body[interface="MOBILE"] .docFooter,
    body[interface="TABLET"] .docFooter {
        display: none;
    }
}
@media screen and (max-width: 700px) {
    .ticker-container {
        display: none;
    }
    #notification-modal {
        width: 100% !important;
        height: calc(100% - 65px);
        max-height: unset;
        position: fixed;
        left: 0;
        top: 5px;
        border-radius: 0;
        z-index: 1001;
    }
    .notification-inner-modal {
        max-height: unset;
    }
}