@charset "utf-8"; /* START StyledPage/00reset.css */ /* * http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } /* END StyledPage/00reset.css */ /* START StyledPage/01colours-1.css */ /* theme.css .itms-style-1 .itms-fg.invert, .itms-style-1.invert .itms-fg { color: #0793D8; } .itms-style-1 .itms-bg { background-color: #0793D8; } .itms-style-1.invert svg { fill: #0793D8; } .itms-style-1 .itms-bg.color-2 { background-color: #8AB2C7; } .itms-style-1.invert .color-2 svg { fill: #8AB2C7; } .itms-style-1.invert .itms-selectable.selected { background-color: #BDCEE8; } */ .itms-style-1 .itms-fg { color: #FFF; } .itms-style-1 .itms-bg.transparent { background-color: transparent; } .itms-style-1 .itms-bg.disabled { background-color: #A5A5A5; } .itms-style-1.invert .itms-bg { background-color: #FFF; } .itms-style-1 svg { fill: #FFF; } .itms-style-1 .itms-bg.disabled svg { fill: #DDD; } .itms-style-1.invert .itms-link-disabled svg { fill: #A5A5A5; } .itms-style-1 .itms-shadow { -webkit-box-shadow: 0 1px 3px rgba(50,50,50,0.8); -moz-box-shadow: 0 1px 3px rgba(50,50,50,0.8); box-shadow: 0 1px 3px rgba(50,50,50,0.8); } .itms-style-1.invert .itms-hover:hover { background-color: #DDD !important; } /* END StyledPage/01colours-1.css */ /* START StyledPage/01defaults.css */ :root { /* 10pt, 13px, 0.8em (browser=12pt/16px -> 0.8em=10pt) */ font-size: 0.8em; } html, body { color: #555; font-family: Verdana,sans-serif; height: 100%; line-height: 16px; } /* default theme - text shown against background .body-text { color: #555; } */ a { color: #0B56A6; } a:hover { color: #000; } a > svg { pointer-events: none; vertical-align: middle; } b, strong { font-weight: bold; } i, em { font-style: italic; } /* * If you don't set a border, FF alters border on focus. * For a will use different font size unless you inherit the font. *

will use monospace unless you inherit the font.
 */
input, textarea, select {
    background-color: #FFF;
    border: 1px solid #999;
    font: inherit;
}

td, th {
    vertical-align: middle;
}

input[type='checkbox'],
input[type='radio'] {
    vertical-align: middle;
    /* For IE10 */
    background-color: transparent;
    border: none;
}

.clearfix {
    display: block;
}

.clearfix:after {
    content: '';
    display: table;
    clear: both;
}

/* Suppress underlines in Wicket trees by default. */
.tree-theme-windows span.tree-content a:hover {
    text-decoration: none;
}

/* Headings */
h1 {
    color: #4F4F4F;
    font-size: 1.5rem;
    line-height: 1em;
}

h2 {
    color: #4F4F4F;
    font-size: 1.3rem;
    line-height: 1.1em;
}

.section-title {
    color: #005DA3;
}

h2.main-title {
    font-size: 1.4rem;
    margin: 5px 0 12px;
}

h3 {
    color: #005DA3;
    font-size: 1.2rem;
    line-height: 1em;
}

/* Restore stuff for embedded HTML */
.itms-html {
    word-wrap: break-word;
}

.itms-html p + p {
    margin-top: 0.5em;
}

.itms-html ul,
.itms-html ol,
.itms-html dl {
    margin: 0.5em 0;
    padding-left: 2em;
}

.itms-html ul {
    list-style-type: disc;
}

.itms-html ol {
    list-style-type: decimal;
}

.itms-html li {
    margin-left: auto;
    padding-left: 0;
}

.itms-html dt {
    font-weight: bold;
}

.itms-html dd {
    margin-left: 16px;
}

.itms-html blockquote {
    margin-left: 30px;
}

.itms-html pre {
    font-family: monospace;
}

.itms-html h1,
.itms-html h2,
.itms-html h3 {
    color: #4F4F4F;
    font-weight: bold;
    margin-bottom: 0.5em;
}

.itms-html h3 {
    font-size: 1.2rem;
}

.itms-html .itms-link {
    margin-right: 0;
}

.itms-stripe .itms-html li,
.itms-stripe .itms-html li:nth-child(2n) {
    background-color: transparent !important;
}
/* END StyledPage/01defaults.css */
/* START StyledPage/02layout.css */
/* Footer technique from http://ryanfait.com/sticky-footer/layout.css */
#wrap {
    height: auto;
    min-height: 100%;
    margin-bottom: -30px;
}

#footer, #footer-push {
    height: 30px;
}

#footer {
    font-size: 0.825rem;
    line-height: 30px;
}

header, #footer {
    min-width: 970px;
}

#main {
    padding: 10px;
    min-width: 950px;
}

/* Flex layout, center justified, top aligned */
.layout-center-top {
    /* IE10 */
    display: -ms-flexbox;
    -ms-flex-align: start;
    -ms-flex-pack: center;

/* The reset */
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

/* Standard column layout */
.itms-cols .itms-col {
    float: left;
}

.itms-cols:after {
    content: '';
    display: table;
    clear: both;
}

/* jquery-ui tooltip plugin customisations */
.ui-tooltip {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
 * Wicket-6 ModalWindow fixed positioning is broken in Safari when the
 * viewport is scrolled.  As IE and FF already require absolute positioning,
 * might as well make them all absolute.
 */
div.wicket-modal {
    position: absolute;
}

div.wicket-modal h3.w_captionText {
    font-size: 11pt;
}

.itms-flex {
    display: -ms-flexbox;
    display: flex;
}

.itms-flex-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.itms-flex-center {
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;

display: flex;
    justify-content: center;
    align-items: center;
}
/* END StyledPage/02layout.css */
/* START StyledPage/02links.css */
.itms-link,
.itms-date + .yui-skin-sam > img {
    background-color: transparent;
    background-image: url(theme-css/sprites);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;

width: 16px !important;
    height: 16px !important;
    padding: 0 !important;
    margin-right: 0.6em;
    vertical-align: middle;

text-align: left !important;
    text-indent: -9999em;
    overflow: hidden;
}

.itms-link.itms-link-none {
    cursor: default;
}

.link-compact .itms-link {
    margin-right: 0;
}

.disabled .itms-link,
.itms-link.itms-link-disabled,
.itms-label-link.itms-link-disabled {
    cursor: default;
}

.itms-link-disabled {
    color: #557;
    font-style: italic;
}

.itms-link-disabled svg {
    fill: #A5A5A5;
}

.itms-link-edit {
    background-position: -2px -2px;
}

.itms-link-preview {
    background-position: -22px -2px;
}

.itms-link-delete {
    background-position: -42px -2px;
}

.itms-link-begin {
    background-position: -62px -2px;
}

.itms-link-assign {
    background-position: -82px -2px;
}

.itms-link-action {
    background-position: -2px -22px;
}

.itms-link-approve {
    background-position: -22px -22px;
}

.itms-link-amend,
.itms-link-reset {
    background-position: -42px -22px;
}

.itms-link-notes {
    background-position: -62px -22px;
    margin-right: 0;
}

.itms-link-notes.unviewed {
    background-position: -82px -22px;
}

.itms-link-deactivate,
.itms-link-toggle.on {
    background-position: -42px -42px;
}

.itms-link-activate,
.itms-link-toggle {
    background-position: -62px -42px;
}

.itms-link-configure {
    background-position: -82px -42px;
}

.itms-link-close {
    background-position: -2px -62px;
}

.itms-link-stats {
    background-position: -22px -62px;
}

.itms-link-schedule,
.itms-date + .yui-skin-sam > img {
    background-position: -42px -62px;
}

/* Replaces the default calendar icon with the background image. */
.itms-date + .yui-skin-sam > img {
    box-sizing: border-box;
    padding-left: 16px !important;
}

.itms-link-undo {
    background-position: -62px -62px;
}

.itms-link-redo {
    background-position: -82px -62px;
}

.itms-link-filter {
    background-position: -2px -82px;
}

.itms-link-chain,
.itms-link-filter-toggle.filter-on {
    background-position: -22px -82px;
}

.itms-link-filter-toggle {
    background-position: -42px -82px;
}

.itms-link-add {
    background-position: -62px -82px;
}

.itms-link-remove {
    background-position: -82px -82px;
}

.itms-link-top,
.itms-nav-up,
.itms-link-arrowc-up {
    background-position: -2px -102px;
}

.itms-nav-down,
.itms-link-arrowc-down {
    background-position: -22px -102px;
}

.itms-link-arrowc-left,
.itms-nav-prev {
    background-position: -42px -102px;
}

.itms-link-arrowc-right,
.itms-nav-next {
    background-position: -62px -102px;
}

.itms-link-copy {
    background-position: -82px -102px;
}

.itms-link-move {
    background-position: -2px -122px;
}

.itms-link-sort {
    background-position: -22px -122px;
}

.itms-link-document {
    background-position: -42px -122px;
}

.itms-link-template {
    background-position: -62px -122px;
}

.itms-link-home,
.itms-nav-home {
    background-position: -82px -122px;
}

.itms-link-url {
    background-position: -2px -142px;
}

.itms-link-tick {
    background-position: -22px -142px;
}

/* Not a link: displays a red asterisk */
.itms-link-pending,
.itms-link-alert {
    background-position: -42px -142px;
    cursor: default;
}

.itms-link-attr {
    background-position: -62px -142px;
}

.itms-link-members {
    background-position: -82px -142px;
}

.itms-link-user {
    background-position: -2px -162px;
}

.itms-link-download {
    background-position: -22px -162px;
}

.itms-link-print {
    background-position: -42px -162px;
}

.itms-link-flag {
    background-position: -62px -162px;
}

.itms-link-license {
    background-position: -82px -162px;
}

.itms-link-license.ok {
    background-position: -2px -182px;
}

.itms-link-license.expired,
.itms-link-license.deactivated,
.itms-link-license.invalid {
    background-position: -22px -182px;
}

.itms-link-anchor {
    background-position: -42px -182px;
}

.itms-link-exclaim {
    background-position: -62px -182px;
}

.itms-link-fav {
    background-position: -82px -182px;
}

.itms-link-fav.on {
    background-position: -2px -202px;
}

.itms-link-calc {
    background-position: -22px -202px;
}

.itms-check,
.itms-check-off,
.itms-radio,
.itms-radio-off {
    background-position: -42px -202px;
}

.itms-check.on,
.itms-check-on {
    background-position: -62px -202px;
}

.itms-radio.on,
.itms-radio-on {
    background-position: -82px -202px;
}

.itms-link-info {
    background-position: -2px -222px;
    cursor: help;
}

.itms-link-help {
    background-position: -22px -222px;
    cursor: help;
}

.itms-link-spinner {
    background-position: -42px -222px;
}

.itms-link-camera {
    background-position: -62px -222px;
}

.itms-link-alert-msg {
    background-position: -82px -222px;
}

.itms-link-alert-msg.on {
    background-position: -2px -242px;
}

.itms-link-clock {
    background-position: -22px -242px;
}

/* Show link icon when hovering over a text link. */
.show-on-hover .itms-link {
    visibility: hidden;
    margin-left: 0.5em;
    margin-right: 0;
}

.show-on-hover:hover .itms-link {
    visibility: visible;
}

.show-on-hover.itms-link-disabled:hover .itms-link,
.show-on-hover:hover .itms-link-disabled .itms-link {
    visibility: hidden;
}

/* Link with icon and label */
.itms-label-link {
    cursor: pointer;
    text-decoration: none;
}

.itms-label-link .itms-link {
    margin-right: 0;
}

.itms-label-link .itms-label {
    vertical-align: middle;
}

a.itms-label-link .itms-label {
    text-decoration: underline;
}

a.itms-label-link.itms-link-disabled .itms-label {
    text-decoration: none;
}

/* Spinner effect */
.spinner {
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.itms-link.spinner {
    margin-right: 0;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* END StyledPage/02links.css */
/* START StyledPage/03buttons.css */
.buttons {
    background-color: transparent;
    padding: 10px 3px 3px;
}

.itmsButton {
    background: #DDD;
    border: 1px solid #CCC;
    cursor: pointer !important;
    margin: 0 2px 0 2px;
    overflow: visible;
    position: relative;
    white-space: nowrap;
}

.itmsButton:hover {
    background: #8CADE0;
    cursor: pointer !important;
}

.itmsButton span {
    color: #0B56A6;
    cursor:pointer !important;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 1.15em;
}

.itmsButton:hover span {
    cursor: pointer !important;      
    color: black;
}

.itmsButton.small span,
a.itmsButton.small > span {
    height: 1.5em;
    line-height: 1.5em;
    padding: 0 0.5em;
}

/* Suppress Firefox-only button padding. */
button.itmsButton::-moz-focus-inner {
    padding: 0;
    border: 0;
}

a.itmsButton {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
}

a.itmsButton:active {
    cursor: wait;
}

button.itmsButton:disabled,
a.itmsButton.itms-link-disabled {
    background: #EEE;
}

button.itmsButton:disabled span,
a.itmsButton.itms-link-disabled span {
    color: #999;
    cursor: default;
    font-style: normal;
}

.itmsButton.itms-link-disabled span.itms-link {
    opacity: 0.5;
}

/* Button with image-only or text-and-image */
.itmsButton.img-button {
    line-height: 2.5em;
}

.itmsButton.img-button .itms-link {
    margin: 0 0.75em;
}

.itmsButton.img-button .img-button-text {
    padding-left: 0.75em;
    padding-right: 0;
}

.itmsButton.img-button .img-button-text + .itms-link {
    margin-left: 0;
}

.itmsButton.img-button.disabled .itms-link {
    opacity: 0.5;
}

/* CSS for button with label-and-icon (icon on right) */
.itmsButton.icon .itms-label {
    padding-left: 0.6em;
    padding-right: 0;
}

.itmsButton.icon .itms-link {
    margin-right: 0.7em;
}

.itmsButton.small.icon .itms-link {
    margin-bottom: 2px;
}

.itmsButton.icon-only {
    line-height: 2.5em;
    padding: 0 6px;
}

.itmsButton.icon-only .itms-link {
    margin: 0;
}
/* END StyledPage/03buttons.css */
/* START StyledPage/04form.css */
div.row {
    overflow: hidden;
    padding: 3px 0;
    margin-left:10px;
}

div.row label {
    display: block;
    float: left;
    width: 160px;
}

div.row input,
div.row select {
    float: left;
}

/** Styling for div-based form layout.  Replaces the old uni-form.css */
.itms-form fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

.itms-form fieldset .itms-form-input {
    clear: both;
    padding: 7px;
}

.itms-form fieldset .itms-form-input + .itms-form-input {
    border-top: 1px solid #DFDFDF;
}

.itms-form fieldset .itms-form-input label {
    display: block;
    position: relative;
    float: left;
    width: 45%;
    margin: 0.3em 2% 0 0;
}
/* END StyledPage/04form.css */
/* START StyledPage/06feedback.css */
.feedbackPanel {
    background-color: #FFF2CF;
    border: solid 1px #CF9D33;
    color: #933;
    display: block;
    padding: 0.5em 1em;
}

ul.feedbackPanel {
    /* exclamation-triangle.svg with #C34141 fill */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiB3aWR0aD0iNTc2IiBoZWlnaHQ9IjUxMiI+PHBhdGggZmlsbD0iI0MzNDE0MSIgZD0iTTI0OC43NDcgMjA0LjcwNWw2LjU4OCAxMTJjLjM3MyA2LjM0MyA1LjYyNiAxMS4yOTUgMTEuOTc5IDExLjI5NWg0MS4zN2ExMiAxMiAwIDAgMCAxMS45NzktMTEuMjk1bDYuNTg4LTExMmMuNDA1LTYuODkzLTUuMDc1LTEyLjcwNS0xMS45NzktMTIuNzA1aC01NC41NDdjLTYuOTAzIDAtMTIuMzgzIDUuODEyLTExLjk3OCAxMi43MDV6TTMzMCAzODRjMCAyMy4xOTYtMTguODA0IDQyLTQyIDQycy00Mi0xOC44MDQtNDItNDIgMTguODA0LTQyIDQyLTQyIDQyIDE4LjgwNCA0MiA0MnptLS40MjMtMzYwLjAxNWMtMTguNDMzLTMxLjk1MS02NC42ODctMzIuMDA5LTgzLjE1NCAwTDYuNDc3IDQ0MC4wMTNDLTExLjk0NSA0NzEuOTQ2IDExLjExOCA1MTIgNDguMDU0IDUxMkg1MjcuOTRjMzYuODY1IDAgNjAuMDM1LTM5Ljk5MyA0MS41NzctNzEuOTg3TDMyOS41NzcgMjMuOTg1ek01My4xOTEgNDU1LjAwMkwyODIuODAzIDU3LjAwOGMyLjMwOS00LjAwMiA4LjA4NS00LjAwMiAxMC4zOTQgMGwyMjkuNjEyIDM5Ny45OTNjMi4zMDggNC0uNTc5IDguOTk4LTUuMTk3IDguOTk4SDU4LjM4OGMtNC42MTcuMDAxLTcuNTA0LTQuOTk3LTUuMTk3LTguOTk3eiIvPjwvc3ZnPgo=);
    background-position: 7px center;
    background-repeat: no-repeat;
    background-size: 3em;
    min-height:50px;
    max-width: 650px;
    padding-left: 4em;
    margin-bottom: 20px;
}

.itms-feedback.info ul.feedbackPanel {
    /* check-circle.svg with #21B409 fill */
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiI+PHBhdGggZmlsbD0iIzIxQjQwOSIgZD0iTTI1NiA4QzExOS4wMzMgOCA4IDExOS4wMzMgOCAyNTZzMTExLjAzMyAyNDggMjQ4IDI0OCAyNDgtMTExLjAzMyAyNDgtMjQ4UzM5Mi45NjcgOCAyNTYgOHptMCA0OGMxMTAuNTMyIDAgMjAwIDg5LjQ1MSAyMDAgMjAwIDAgMTEwLjUzMi04OS40NTEgMjAwLTIwMCAyMDAtMTEwLjUzMiAwLTIwMC04OS40NTEtMjAwLTIwMCAwLTExMC41MzIgODkuNDUxLTIwMCAyMDAtMjAwbTE0MC4yMDQgMTMwLjI2N2wtMjIuNTM2LTIyLjcxOGMtNC42NjctNC43MDUtMTIuMjY1LTQuNzM2LTE2Ljk3LS4wNjhMMjE1LjM0NiAzMDMuNjk3bC01OS43OTItNjAuMjc3Yy00LjY2Ny00LjcwNS0xMi4yNjUtNC43MzYtMTYuOTctLjA2OWwtMjIuNzE5IDIyLjUzNmMtNC43MDUgNC42NjctNC43MzYgMTIuMjY1LS4wNjggMTYuOTcxbDkwLjc4MSA5MS41MTZjNC42NjcgNC43MDUgMTIuMjY1IDQuNzM2IDE2Ljk3LjA2OGwxNzIuNTg5LTE3MS4yMDRjNC43MDQtNC42NjggNC43MzQtMTIuMjY2LjA2Ny0xNi45NzF6Ii8+PC9zdmc+Cg==);
}

.itms-feedback.compact ul.feedbackPanel {
    background-image: none;
    padding: 5px 10px;
    min-height: auto;
    margin-bottom: 0;
}

li.feedbackPanelERROR {
    color: #933;
}

li.feedbackPanelINFO {
    color: #5F440C;
}

svg.itms-alert {
    width: 50px;
    height: 50px;
    fill: #21B409;
}

svg.itms-alert.error {
    fill: #C34141;
}
/* END StyledPage/06feedback.css */
/* START StyledPage/06panel.css */
.border-panel {
    border-style: solid;
    border-width: 1px;
    position: relative;
    color: #333;

/* default theme
    border-color: #CCC;
    */
}

.border-panel.with-margin,
.box-border.with-margin .border-panel,
.itms-border.with-margin .border-panel {
    margin: 0.5em 7px 1em;
}

.border-title {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.75em;
    padding: 0 0.5em;

/* default theme
    background: #D6E3F7;
    border-bottom-color: #CCC;
    */
}

.border-title.center {
    text-align: center;
}

.border-content {
    padding: 10px 5px;

/* default theme
    background-color: #F1F1F1;
    color: #555;
    */
}

.border-shadow {
    -webkit-box-shadow: 3px 3px 6px #666;
    -moz-box-shadow: 3px 3px 6px #666;
    box-shadow: 3px 3px 6px #666;
}

/* Standard titled panel */
.itms-panel {
    border: 1px solid #CCC;
}

.itms-panel.white {
    background-color: #FFF;
}

.itms-panel .itms-panel-heading,
.itms-panel.wizard .wizard-step-title {
    background-color: #EEE;
    border-bottom: 1px solid #CCC;
    color: #005DA3;
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 6px;
    text-align: left;
}

.itms-panel .itms-panel-heading a.itms-link {
    margin: -1px 0;
}

.itms-panel .itms-panel-heading .itms-links a.itms-link {
    margin-right: 0.5em;
}

.itms-panel.hideable .itms-panel-heading {
    background-color: #FFF;
    color: #333;
    font-weight: bold;
}

.itms-panel.hideable .itms-panel-body {
    padding: 10px;
}
/* END StyledPage/06panel.css */
/* START StyledPage/07breadcrumbs.css */
ul.itms-breadcrumbs {
    font-size: 1.1rem;
    font-weight: bold;
    margin: 10px 0 0;
    padding: 4px 0;
}

ul.itms-breadcrumbs a {
    text-decoration: none;
}

ul.itms-breadcrumbs a:hover {
    text-decoration: underline;
}

ul.itms-breadcrumbs a.itms-link {
    vertical-align: middle;
}

ul.itms-breadcrumbs li {
    display: inline-block;
    position: relative;
}

ul.itms-breadcrumbs li + li {
    margin-left: 0.5em;
    padding-left: 1.5em;
}

ul.itms-breadcrumbs li::before {
    content: "";
    position: absolute;
    border: 0.5em solid;
    border-color: transparent transparent transparent #003766;
    left: 0.3em;
    top: 0.1em;
}

ul.itms-breadcrumbs li:first-child::before {
    border-left-color: transparent;
}
/* END StyledPage/07breadcrumbs.css */
/* START StyledPage/08password.css */
#pws-indicator .pws-bar {
    background-color: white;
    border: 1px solid #CCC;
    display: inline-block;
    height: 8px;
    width: 150px;
    vertical-align: middle;
}

#pws-indicator .pws-bar > .pws-value {
    background-color: #999;
    height: 8px;
    width: 0;
}

/* PasswordRequirementsLabel */
.pw-req {
    font-size: 0.85em;
    font-style: italic;
    margin-top: 0.2em;
}
/* END StyledPage/08password.css */
/* START StyledPage/10header.css */
#flat-header a {
    outline: 0;
    text-decoration: none;
}

.page-header {
    display: -ms-flexbox;
    -ms-flex-pack: justify;

display: flex;
    justify-content: space-between;

-webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px #000;
    box-shadow: 0px 0px 4px #000;

margin: 0 0 10px;
}

#flat-header-left {
    -ms-flex: 1 2 20%;

min-width: 130px;
    max-width: 300px;
}

@media (max-width: 1200px) {
    #flat-header-left {
        max-width: 130px;
    }
}

#flat-header-center {
    display: -ms-flexbox;
    -ms-flex-pack: center;

display: flex;
    justify-content: center;

-ms-flex: 1 1 30%;

min-width: 360px;
}

#flat-header-right {
    display: -ms-flexbox;
    -ms-flex-pack: end;

display: flex;
    justify-content: flex-end;

/*-ms-flex: 1 1 30%;*/
}

/* Same width as left */
.disabled #flat-header-right {
    width: 300px;
}

@media (max-width: 1400px) {
    .disabled #flat-header-right {
        width: 130px;
    }
}

#flat-header-left .link-home {
    display: inline-block;
    vertical-align: bottom;
    height: 50px;
    overflow: hidden;
}

#flat-header-left .logo {
    float: left;
}

#flat-header-center .link-category {
    display: inline-block;
    height: 50px;
}

#flat-header-center .link-category + .link-category {
    margin-left: 0.5em;
}

@media (min-width: 1600px) {
    #flat-header-center .link-category + .link-category {
        margin-left: 1em;
    }
}

@media (max-width: 1400px) {
    #flat-header-center .link-category + .link-category {
        margin-left: 0.2em;
    }
}

/* .link = <a> for enabled, <span> for disabled */
#flat-header-center .link {
    display: inline-block;
    padding: 12px; /* (50 - 26) / 2 */
}

#flat-header-center svg {
    height: 26px;
    width: 26px;
    vertical-align: middle;
}
/* END StyledPage/10header.css */
/* START StyledPage/11footer.css */
#footer-links ul {
    float: right;
}

#footer-links li {
    display: inline;
}

#footer-links a {
    border-left: 1px solid #AAA;
    cursor: pointer;
    padding: 5px 10px;
    text-decoration: none;
}

#footer-links a:hover {
    color: #FFF;
    background-color: #CCC;
}

#footer-version {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

#footer-copyright {
    text-align: center;
}

#footer-copyright .licence-cc-by a img {
    margin-left: 4px;
    border: none;
    vertical-align: middle;
}
/* END StyledPage/11footer.css */
/* START StyledPage/12help.css */
#itms-info-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
}

.itms-info-content {
    position: fixed;
    z-index: 10001;
}

#itms-info {
    position: fixed;
    z-index: 10001;
    width: 400px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -150px;
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;

/* theme.css
    background-color: #DEEEEF;
    border-color: #A6C2E9;
    */
}

#itms-info.itms-static {
    background-color: #FAFAFA;
    line-height: 1.25em;
}

#itms-info-header {
    position: relative;
    height: 32px;
    padding: 0 10px;

border-bottom-width: 1px;
    border-bottom-style: solid;

/* theme.css
    border-bottom-color: #A6C2E9;
    background-color: #C7D5D6;
    */
}

#itms-info-header h2 {
    color: #0B56A6;
    font-size: 1.3rem;
    padding: 8px 0;
}

#itms-info-content {
    overflow-y: auto;
    padding: 10px;
}

#itms-info-content h1 {
    font-size: 16pt;
    line-height: 20px;
    margin: 0 0 6px;
}

#itms-info-content > p + p {
    margin-top: 0.5em;
}

#itms-info-close {
    position: absolute;
    top: 9px;
    right: 6px;
    margin: 0;
}

/* Help & Release Notes content styling */
#help-content {
    line-height: 1.5em;
}

#help-content b,
#help-content strong {
    font-weight: bold;
}

#help-content i,
#help-content em {
    font-style: italic;
}

#help-content h1 {
    border-bottom: 1px solid #C3CEFF;
    color: #214F7A;
    margin: 0 0 6px 0;
    padding: 6px 0 10px;
    font-size: 1.75rem;
    font-weight: bold;
}

#new-release #help-content h1 {
    font-size: 1.4rem;
    padding: 0 0 6px;
}

#new-release .buttons {
    padding: 3px 3px 10px;
}

#help-content h2 {
    font-weight: normal;
    margin: 16px 0 6px;
}

#help-content h3 {
    font-weight: bold;
    margin: 16px 0 6px;
}

#help-content h2 a,
#help-content h3 a {
    color: #4F4F4F;
}

#help-content h1 + h2 {
    margin-top: 8px;
}

#help-content h1 + p,
#help-content h2 + p {
    margin-top: 6px;
}

/* <hr/> should only be used to mark end of topic intro */
#help-content hr {
    border: none;
    margin-top: 1.5em;
}

#help-content p,
#help-content li.last,
#help-content dd.last {
    margin-bottom: 8px;
}

#help-content ul,
#help-content ol,
#help-content dl {
    margin-left: 0;
    padding-left: 30px;
}

#help-content ol {
    list-style-type: decimal;
}

#help-content ul {
    list-style-type: disc;
}

#help-content li {
    margin-left: auto;
    padding-left: 0;
}

#help-content dt {
    font-weight: bold;
}

#help-content dt a {
    font-weight: normal;
}

#help-content dd {
    margin-left: 16px;
}

#help-content img {
    vertical-align: middle;
}

#help-content img.screenshot {
    box-shadow: 0 0 4px #000;
    display: block;
    margin: 1em 0 1em 16px;
    /*margin: 1em auto;*/
    padding: 0;
}

#help-content li img.screenshot {
    margin-left: 0;
}

#help-content p.screenshot-popup {
    background-image: url(img/screenshot-closed.png);
    background-repeat: no-repeat;
    background-position: left top;
    cursor: pointer;
    min-height: 16px;
    margin-left: 16px;
}

#help-content li p.screenshot-popup {
    margin-left: 0;
}

#help-content p.screenshot-popup.open {
    background-image: url(img/screenshot-open.png);
}

#help-content p.screenshot-popup > img.screenshot {
    display: none;
}

#help-content p.screenshot-popup.open > img.screenshot {
    display: block;
    margin: 0 0 0 36px;
}

#help-content div.admonition {
    border-left: 2px solid #444;
    font-size: 1rem;
    font-style: italic;
    margin: 1.5em 0;
    max-width: 600px;
    padding-left: 0.5em;
}

#help-content div.admonition.tip > p.admonition-title {
    background-image: url(img/tip.png);
    padding-left: 16px;
}

#help-content div.admonition.note > p.admonition-title {
    background-image: url(img/note.png);
    padding-left: 16px;
}

#help-content p.admonition-title {
    background-repeat: no-repeat;
    background-position: left center;
    font-size: 1.2rem;
    font-style: normal;
    font-variant: small-caps;
    padding-bottom: 2px;
    margin-bottom: 2px;
}

/* Left-align bullet points within admonition block. */
#help-content div.admonition ul {
    padding-left: 19px;
}

#help-content pre {
    background-color: #F1F1F1;
    font-family: monospace;
    font-size: smaller;
    padding: 3px 6px;
}

#help-content .yellow {
    background-color: #F9FFB1;
}

#help-content .red {
    color: red;
    font-weight: bold;
    font-style: normal;
}

#help-content .orange {
    color: orange;
    font-weight: bold;
    font-style: normal;
}

#help-content .green {
    color: green;
    font-weight: bold;
    font-style: normal;
}

#help-content .grey {
    color: darkgray;
    font-weight: bold;
    font-style: normal;
}

/* Assessment '+' Extra tab symbol */
#help-content .plus {
    font-size: 1.75rem;
    font-weight: bold;
    vertical-align: top;
}

#help-content .itms-link {
    margin-right: 0;
}

#help-content.overview {
    padding: 0;
    max-width: 100%;
}

#help-content.overview p,
#help-content.overview li {
    max-width: 800px;
}

#help-content a.topic-disabled {
    color: #333;
}

#help-content a[name]:hover {
    color: #0B56A6;
}

#help-content a.nav-up {
    background-image: url(img/up.png);
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    padding: 2px;
    overflow: hidden;
    text-indent: -9999em;
    vertical-align: middle;
}

/* HelpContent table-of-contents stuff */
#help-toc {
    background-color: #F4F8FF;
    border: 1px solid #C3CEFF;
    display: inline-block;
    float: right;
    margin: 3px 0 10px 20px;
}

#help-toc h3 {
    background-color: #D2DFF4;
    border-bottom: 1px solid #C3CEFF;
    margin: 0;
    padding: 2px 0;
    text-align: center;
}

#help-toc ul {
    font-size: 1rem;
    list-style-position: inside;
    margin: 0;
    padding: 3px 0;
}

#help-toc ul > li {
    margin: 0;
    padding: 1px 6px;
}

#help-toc li li {
    list-style-type: circle;
    padding: 1px 3px 1px 12px;
}
/* END StyledPage/12help.css */
/* START StyledPage/99login.css */
#signIn {
    text-align: left;
    width: 500px;

margin: 15vh auto;
}

#signIn *,
#signIn ::before,
#signIn ::after {
    box-sizing: border-box;
}

#signIn .border-content {
    font-size: 1.2rem;
    line-height: 1.5em;
    padding: 1px 1.5em;
}

#signIn .border-content .feedbackPanel {
    margin: 1em 0 0 0;
}

#signIn .border-content div {
    margin: 0.5em 0;
}

#signIn input[type='text'],
#signIn input[type='password'],
#signIn input[type='email'] {
    color: #333;
    font-size: 1.4rem;
    padding: 0.5em 0.75em;
    width: 100%;
}

#signIn .border-content .buttons {
    margin-top: 1em;
    padding: 0;
}

#signIn .buttons button + a {
    margin-left: 1.25em;
}

#signIn .remember-me {
    float: right;
    line-height: 2.5em;
}

#signIn .links {
    text-align: right;
}

#signIn .links a {
    color: #777;
    margin-bottom: 1em;
}

#signIn .buttons .itmsButton {
    margin: 0;
}

#signIn .buttons .itmsButton span {
    font-size: 1.2rem;
    padding: 0 2em;
}

/* LogoutPage */
#signIn.sign-out p {
    font-size: larger;
    margin: 16px 0;
}

#signIn.sign-out .links {
    margin-bottom: 10px;
}

#signIn.sign-out .links > a {
    color: #668;
    font-size: 12pt;
    margin-right: 12px;
}

/* PasswordResetPage */
#signIn.pw-reset .itmsButton {
    margin: 6px 0 10px;
}

#pw-reset-err {
    font-size: 1.25rem;
    line-height: 26px;
    margin: 15vh auto;
    text-align: center;
}

#signIn.mfa .prompt p + p {
    margin-top: 0.5em;
}

#signIn .mfa-token fieldset {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
}

#signIn .mfa-token fieldset label {
    white-space: nowrap;
    margin-right: 10px;
}

#signIn .mfa-token fieldset input {
    font-size: 2rem;
    padding: 0.5em;
}

#signIn .mfa-token .links {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: 1.5em;
}

#signIn .mfa-token .links a {
    margin-bottom: 0.25em;
}

#signIn .mfa-token .prompt .mfa-dummy {
    display: flex;
    align-items: center;

color: red;
    background-color: #FDEBEE;
    border: 3px double red;
    font-size: 1.5rem;
    padding: 0.5em;
}

#signIn .mfa-token .prompt .mfa-dummy b {
    display: inline-block;
    background-color: red;
    color: white;
    font-size: 1.5rem;
    margin-right: 0.2em;
    padding: 0.25em;
}

#signIn .mfa-token .prompt .mfa-dummy .mfa-code {
    color: #555;
    background-color: white;
    border: 1px solid red;
    font-size: 2rem;
    margin-left: 0.2em;
    padding: 0.25em;
}

#signIn .mfa-choose .mfa-providers {
    font-size: 1.25rem;

border-top: 1px solid #CCC;
    margin: 0.5em 0 1em;
    padding-top: 1em;
}

#signIn .mfa-choose .mfa-providers li + li {
    margin-top: 0.5em;
}

#signIn .mfa-choose .mfa-providers li.method-dummy b {
    display: inline-block;
    background-color: red;
    color: white;
    font-size: 1.3rem;
    margin-left: 0.25em;
    padding: 0.2em;
}

@media (max-width: 800px) {
    #signIn.border-panel {
        border-style: solid;
    }
}

@media (max-width: 600px) {
    #signIn {
        margin: 0;
    }

#signIn.border-panel {
        border-style: none;
    }

#signIn .border-content {
        font-size: 1rem;
    }
}
/* END StyledPage/99login.css */