@charset "utf-8";
/* START sx2lib/StypedPage/01-overlay.css */
#sx-overlay {
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
}

#sx-overlay.dropdown {
    opacity: 0;
}
/* END sx2lib/StypedPage/01-overlay.css */
/* START sx2lib/StyledPage/sx-breadcrumbs.css */
ul.sx-breadcrumbs {
    font-size: 1.1rem;
    font-weight: bold;
}

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

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

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

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

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

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

ul.sx-breadcrumbs li:first-child::before {
    border-left-color: transparent;
}
/* END sx2lib/StyledPage/sx-breadcrumbs.css */
/* START sx2lib/StyledPage/sx-button.css */
.sx-button {
    display: inline-block;

    cursor: pointer;
    position: relative;
    overflow: visible;
    white-space: nowrap;

    text-align: center;
    text-decoration: none;
    outline: none;

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

    /* theme.css
    background-color: #DDD;
    border-color: #BABABA;
    */
}

/* theme.css
.sx-button-theme {
    background-color: #DDD;
    border-color: #BABABA;
    color: #0B56A6;
}

.sx-button-theme:hover,
.sx-button:hover {
    background-color: #8CADE0;
}
*/

.sx-button:active {
    cursor: wait;
}

.sx-button span {
    cursor: inherit;

    display: inline-block;
    font-size: 1rem;
    font-weight: bold;

    line-height: 2.5em;
    padding: 0 1.15em;

    /* theme.css
    color: #0B56A6;
    */
}

.sx-button.small span {
    line-height: 1.5em;
    padding: 0 0.5em;
}

.sx-button.img-button {
    line-height: 2.5em;
    padding: 0 1em;
}

.sx-button .sx-link-label {
    padding-right: 0;
}

.sx-button .sx-link-label + .sx-link {
    margin-right: 1em;
}

.sx-button span.sx-link {
    padding: 0;
}

.sx-button-theme.active,
.sx-button-theme:hover,
.sx-button:hover span {
    color: #000;
}

button.sx-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
/* END sx2lib/StyledPage/sx-button.css */
/* START sx2lib/StyledPage/sx-components.css */
.sx-label-link {
    cursor: pointer;
    text-decoration: none;
}

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

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

a.sx-label-link.disabled .sx-label {
    text-decoration: none;
}
/* END sx2lib/StyledPage/sx-components.css */
/* START sx2lib/StypedPage/sx-dropdown.css */
.sx-dropdown {
    cursor: pointer;
    position: relative;
}

.sx-dropdown .current .label {
    background-color: #EEE;
    border-top: 1px solid #ABABAB;
    border-left: 1px solid #ABABAB;
    border-bottom: 1px solid #DBDBDB;
    border-right: 1px solid #DBDBDB;

    padding: 0.5em 1.5em 0.5em 0.5em;

    line-height: 20px;
}

.sx-dropdown .current .icon {
    display: none;
}

/* Use CSS down-arrow technique */
.sx-dropdown .current .label::after {
    content: "";
    border-width: 0.5em;
    border-style: solid;
    border-color: #999 transparent transparent;

    position: absolute;
    right: 0.5em;
    top: 0.55em;
}

.sx-dropdown .no-selection {
    font-style: italic;
}

.sx-dropdown .current + .dropdown {
    display: none;
}

.sx-dropdown .current.open + .dropdown:not(.is-empty) {
    display: block;
}

.sx-dropdown .dropdown {
    position: absolute;
    top: 24px;
    /* sx-overlay z-index: 10000 */
    z-index: 10001;

    max-width: 220px;
    max-height: 400px;

    overflow-x: hidden;
    overflow-y: auto;
    white-space: nowrap;

    background-color: #EEE;
    border: 1px solid #ABABAB;
    border-top: 1px dotted #ABABAB;
}

.sx-dropdown .dropdown > li {
    cursor: pointer;
    margin: 6px 0;
    min-width: 120px;
    padding: 3px 12px;
    text-align: left;
}

.sx-dropdown .dropdown > li:hover,
.sx-dropdown .dropdown > li.selected:hover {
    background-color: #CCC;
}

.sx-dropdown li.selected {
    font-weight: bold;
    background-color: #DDD;
}
/* END sx2lib/StypedPage/sx-dropdown.css */
/* START sx2lib/StyledPage/sx-feedback.css */
.feedbackPanel {
    display: block;
    padding: 0.5em 1em 0.5em 4em;

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

    /* 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;

    background-color: #FFF2CF;
    border-color: #CF9D33;
    color: #933;
}

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

.sx-feedback.compact .feedbackPanel {
    background-image: none;
    padding: 0.5em 1em;
    min-height: auto;
}

.feedbackPanelERROR {
    color: #933;
}

.feedbackPanelINFO {
    color: #5F440C;
}

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

svg.itms-alert.error {
    fill: #C34141;
}
/* END sx2lib/StyledPage/sx-feedback.css */
/* START sx2lib/StyledPage/sx-help-content.css */

/* 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 .screenshot-popup {
    background-image: url(img/help/screenshot-closed.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 30px;
}

#help-content p.screenshot-popup {
    display: block;
    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/help/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/help/tip.png);
    padding-left: 16px;
}

#help-content div.admonition.note > p.admonition-title {
    background-image: url(img/help/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 .blue {
    color: blue;
    font-weight: bold;
    font-style: normal;
}

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

#help-content .sx-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/help/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 sx2lib/StyledPage/sx-help-content.css */
/* START sx2lib/StyledPage/sx-help.css */

/* Two-column layout for HelpContent */
#help-main {
    display: flex;
}

#help-left {
    flex: 0 0 250px;

    border-right: 1px solid #C3CEFF;
    box-sizing: border-box;
    margin-right: 10px;
}

#help-panel {
    flex: 2;
}

#help-panel #help-content {
    max-width: 800px;
    padding: 0 0 10px 10px;
}

/* HelpIndex TOC styling */
#help-index {
    font-size: 1rem;
    line-height: 1.5em;
}

#help-index a:not(:hover) {
    text-decoration: none;
}

#help-index li.home {
    background-color: #D2DFF4;
    border-bottom: 2px solid #C3CEFF;
    cursor: pointer;
    font-weight: bold;
    font-size: larger;
    padding: 3px 0;
}

#help-index li.help-topic.home {
    padding-left: 0;
}

#help-index li.home > a {
    background-image: url(img/help/home.png);
    background-repeat: no-repeat;
    background-position: 3px center;
    color: #0B56A6;
    cursor: pointer;
    padding-left: 23px;
}

#help-index li.help-category > ul {
    display: none;
}

#help-index li.help-category.expand > ul {
    display: block;
}

#help-index li.help-category > span {
    border-bottom: 1px solid #C3CEFF;
    cursor: pointer;
    display: block;
    font-size: 1.2rem;
    font-variant: small-caps;
    padding: 0.2em 0.3em 0.2em 20px;
    position: relative;
}

#help-index li.help-category > span::before {
    content: "";
    position: absolute;
    border: 0.5em solid;
    border-color: transparent transparent transparent #555;
    left: 0.5em;
    top: 0.4em;
}

#help-index li.help-category.expand > span::before {
    border-left-color: transparent;
    border-top-color: #555;
    left: 0.2em;
    top: 0.7em;
}

#help-index li.help-category.expand > span {
    background-color: #F0F4FF;
}

#help-index li.help-category > ul {
    margin-bottom: 6px;
}

#help-index li.help-category li.help-category {
    padding-left: 10px;
}

#help-index li.help-topic {
    padding-left: 6px;
}

#help-index li.help-topic li.help-topic {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 10px;
}

#help-index li.help-topic a.selected {
    font-weight: bold;
}

/* HelpCategory index */
#help-content.overview.category {
    border-left: none;
    padding-bottom: 0;
}

#help-category-index h2 {
    font-size: 14pt;
    margin: 6px 0;
}

#help-category-index div.help-items ul {
    line-height: 16pt;
}

#help-category-index div.help-items li {
    font-size: 11pt;
    padding: 3px;
}

#help-category-index div.help-items.category ul {
    max-width: 900px;
}

#help-category-index div.help-items.category li {
    background-image: url(img/help/category.png);
    background-position: left center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
    width: 160px;
}

#help-category-index div.help-items.topic ul {
    list-style-image: url(img/help/topic.png);
    list-style-position: inside;
}

#help-category-index div.help-items.topic ul > li > a {
    display: inline-block;
    width: 300px;
}

#help-category-index div.help-items.topic ul > li > span {
    color: #555;
    font-style: italic;
    margin-left: 8px;
}

#help-category-index div.help-items li:not(:hover) a {
    text-decoration: none;
}

.grey-icon {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);
}
/* END sx2lib/StyledPage/sx-help.css */
/* START sx2lib/StyledPage/sx-layout.css */
.sx-cols .sx-col {
    float: left;
}

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

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

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

.sx-flex-wrap {
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;

    display: flex;
    flex-wrap: wrap;
}

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

    display: flex;
    justify-content: center;
    align-items: center;
}

ul.sx-list-inline li {
    display: inline-block;
}

ul.sx-list-inline li + li {
    margin-left: 0.75em;
}
/* END sx2lib/StyledPage/sx-layout.css */
/* START StyledPage/sx-password.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/sx-password.css */
/* START StyledPage/sx-table.css */
table.sx-table {
    border: 1px solid #CCC;
    border-collapse: separate;
}

table.sx-table thead th {
    background-color: #FFF;
    border-bottom: 1px solid #CCC;

    font-weight: bold;
    text-align: left;
}

table.sx-table th,
table.sx-table td {
    padding: 0.3em;
}

table.sx-table.stripe tbody tr,
table.sx-stripe tbody tr,
ul.sx-stripe > li {
    background-color: #DADADA;
}

table.sx-table.stripe tbody tr:nth-child(even),
table.sx-stripe tbody tr:nth-child(even),
ul.sx-stripe > li:nth-child(even) {
    background-color: #F1F1F1;
}

table.sx-table thead th.wicket_orderNone,
table.sx-table thead th.wicket_orderDown,
table.sx-table thead th.wicket_orderUp,
table.sx-table thead th.sx-sort,
th.sx-sort {
    padding: 0;
}

th.wicket_orderDown,
th.wicket_orderUp,
th.sx-sort {
    position: relative;
}

th.wicket_orderNone a,
th.wicket_orderDown a,
th.wicket_orderUp a,
th.sx-sort a {
    display: block;
    padding: 0.3em;
}

th.wicket_orderDown a,
th.wicket_orderUp a,
th.sx-sort.sorting a {
    background-color: #E3E5F4;
    padding-left: 1.65em;
}

th.wicket_orderDown a::before,
th.wicket_orderUp a::before,
th.sx-sort.sorting a::before {
    content: "";
    position: absolute;
    border-width: 0.6em;
    border-style: solid;
    left: 0.25em;
}

th.wicket_orderUp a::before,
th.sx-sort.sorting.asc a::before {
    border-color: transparent transparent #688FB8;
    top: 0.2em;
}

th.wicket_orderDown a::before,
th.sx-sort.sorting.desc a::before {
    border-color: #688FB8 transparent transparent;
    top: 0.85em;
}
/* END StyledPage/sx-table.css */
/* 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/01defaults.css */
:root {
    /* 10pt, 13px, 0.8em (browser=12pt/16px -> 0.8em=10pt) */
    font-size: 0.8em;
    box-sizing: border-box;
}

*,
::before,
::after {
    box-sizing: inherit;
}

html, body {
    color: #555;
    font-family: Verdana,sans-serif;
    height: 100%;
    line-height: 16px;
}

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 <select> if you don't set the border, you get the native UI drop-down
 * widget.
 * <select> will use different font size unless you inherit the font.
 * <textarea> 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;
}

.truncate {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
}

h1.truncate,
h2.truncate,
h3.truncate,
h4.truncate,
h5.truncate,
h6.truncate {
    display: block;
}

th.truncate, td.truncate {
    display: table-cell;
}

/* 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;
}
/* END StyledPage/01defaults.css */
/* START StyledPage/02layout.css */
body {
    display: -ms-flexbox;

    display: flex;
    flex-flow: column;

    min-height: 100vh;
}

main {
    flex: 1 0 auto;
    margin: 1em;
}

/* Header & footer are fixed height _always_ */
header,
footer {
    flex: 0 0 auto;
}

@media (max-width: 800px) {
    main {
        margin: 0 0 0.5em;
    }

    main > nav.tabs {
        margin: 0.75em 0.75em 1em;
    }
}
/* END StyledPage/02layout.css */
/* START StyledPage/02html.css */
/* Restore stuff for embedded HTML */
.sx-html {
    word-wrap: break-word;
}

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

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

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

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

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

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

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

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

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

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

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

.sx-stripe .sx-html li,
.sx-stripe .sx-html li:nth-child(2n) {
    background-color: transparent !important;
}
/* END StyledPage/02html.css */
/* START StyledPage/02links.css */
.sx-link,
.sx-date button.ui-datepicker-trigger {
    background-color: transparent;
    background-image: url(theme-css/sprites);
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;

    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;

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

.sx-link-light .sx-link,
.sx-link.light {
    background-image: url(theme-css/sprites-light.png);
}

.sx-links .sx-link + .sx-link {
    margin-left: 0.4em;
}

.sx-link.not-implemented {
    cursor: default;
    visibility: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.sx-link-attach {
    background-position: -2px -42px;
}

.sx-link-cart {
    background-position: -22px -42px;
}

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

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

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

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

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

.sx-link-schedule,
.sx-date button.ui-datepicker-trigger {
    background-position: -42px -62px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sx-link-expand {
    background-position: -42px -242px;
}

.sx-link-collapse,
.sx-link-expand.on {
    background-position: -62px -242px;
}

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

@-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/06panel.css */
.border-panel {
    border-style: solid;
    border-width: 1px;
    position: relative;

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

.border-panel.with-margin,
.box-border.with-margin .border-panel,
.sx-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;
}

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

/* Standard titled panel */
.sx-panel {
    border-width: 1px;
    border-style: solid;

    /* theme.css
    border-color: #CCC;
    */
}

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

.sx-panel .sx-panel-heading,
.sx-panel.wizard .wizard-step-title {
    display: block;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 6px;
    text-align: left;

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

    /* theme.css
    background-color: #EEE;
    border-bottom-color: #CCC;
    color: #005DA3;
    */
}

.sx-panel.hideable .sx-panel-heading {
    font-weight: bold;

    /* theme.css
    background-color: #FFF;
    color: #333;
    */
}

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

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

.sx-panel.hideable .sx-panel-body {
    padding: 10px;
}
/* END StyledPage/06panel.css */
/* START StyledPage/10header.css */
header {
    display: -ms-flexbox;
    -ms-flex-pack: justify;

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

    height: 50px;

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

header a {
    outline: none;
    text-decoration: none;
}

header .link-home {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;

    height: 50px;
    padding: 0 1em;
}

header .link-home .logo {
    display: inline-block;
    float: left;

    object-fit: contain;
    object-position: center left;

    min-width: 50px;
    max-width: 120px;
}

header .link-home .logo.wide {
    max-width: 180px;
}

header #header-right {
    display: -ms-flexbox;
    -ms-flex-align: center;

    display: flex;
    align-items: center;
}

header #header-right .org {
    margin-right: 1em;
}

@media (max-width: 800px) {
    header,
    header .link-home,
    header .link-home .logo {
        height: 30px;
        min-width: 30px;
    }

    header .link-home .logo.wide {
        display: none;
    }
}
/* END StyledPage/10header.css */
/* START StyledPage/11footer.css */
footer {
    font-size: 0.85rem;
    height: 2.5em;
}

footer table {
    width: 100%;
    height: 100%;
    table-layout: fixed;
}

footer td {
    padding: 0 1em;

    white-space: nowrap;
    overflow: hidden;
}

footer .center {
    text-align: center;
}

footer .links {
    text-align: right;
}

footer .links a {
    cursor: pointer;
    padding: 0 0.5em;
}

footer .links a:hover {
    text-decoration: underline;
}

footer a + a {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #AAA;
}

@media (max-width: 1200px) {
    #footer-version .build {
        display: none;
    }
}

@media (max-width: 1000px) {
    #footer-copyright .w1000 {
        display: none;
    }
}

@media (max-width: 700px) {
    #footer-copyright .w700 {
        display: none;
    }
}

@media (max-width: 500px) {
    footer {
        display: none;
    }
}
/* END StyledPage/11footer.css */
/* START StyledPage/12info.css */
.sx-info-content {
    position: fixed;
    z-index: 10001;
}

.sx-info-border {
    border-width: 2px;
    border-style: solid;
    border-radius: 10px;

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

#sx-info {
    position: fixed;
    z-index: 10001;
    width: 400px;
    height: 300px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -150px;

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

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

#sx-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;
    */
}

#sx-info-header h2 {
    font-size: 1.3rem;
    padding: 8px 0;

    /* theme.css
    color: #0B56A6;
    */
}

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

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

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

#sx-info-close {
    position: absolute;
    top: 9px;
    right: 6px;
    margin: 0;
}
/* END StyledPage/12info.css */
/* START kare/StyledPage/16help.css */

/* Dingbats heavy north-east arrow */
body.help #help-content a.ext-link::after {
    content: "\279A";
    font-size: 13pt;
}

body.help #help-content.topic-qip-history em.page {
    display: inline-block;
    padding: 0.25em;
    color: #555;
    border: 1px solid #AAA;
    border-radius: 0.3em;
    font-style: normal;
    min-width: 30px;
    text-align: center;
}

body.help #help-content.topic-qip-alert em.alert {
    display: inline-block;
    width: 60px;

    font-style: normal;
    text-align: center;

    padding: 0.2em 0;
    margin-bottom: 0.2em;
}

body.help #help-content.topic-qip-alert em.alert.user {
    background-color: #C0EDBE;
}

body.help #help-content.topic-qip-alert em.alert.role {
    background-color: #C7E7F1;
}

body.help #help-content em.cl-bg {
    display: inline-block;
    width: 20px;
    height: 20px;
}

body.help #help-content em.cl-bg.status-ready {
    background-color: #D72B4D;
}

body.help #help-content em.cl-bg.status-inprogress {
    background-color: #F49020;
}

body.help #help-content em.cl-bg.status-pending {
    background-color: #8DBE40;
}

body.help #help-content em.cl-bg.status-approved {
    background-color: #0A905D;
}

body.help #help-content em.cl-bg.status-inactive {
    background-color: #999;
}

body.help #help-content em.icon-period {
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    background-color: #777;
    color: #FFF;
    padding: 2px 5px;
}
/* END kare/StyledPage/16help.css */
/* START StyledPage/99login.css */
#signIn {
    text-align: left;
    max-width: 500px;

    margin: 15vh auto;
}

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

#signIn .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 div.buttons {
    margin-top: 1em;
}

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

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

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

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

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

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

#signIn .sign-out .links {
    text-align: left;
}

#signIn .sign-out a {
    color: #666;
    font-size: 1.25rem;
}

#signIn .sign-out a + a {
    margin-left: 1.25em;
}

/* PasswordResetPage */
#pw-reset-err {
    font-size: 1.25rem;
    line-height: 1.5em;

    margin: 15vh 1em;
    text-align: center;
}

#pw-reset-err p + p {
    margin-top: 1em;
}

#signIn .pw-req {
    display: block;
    line-height: 1em;
    margin-top: 0.5em;
}

#signIn .pw-req br {
    margin-bottom: 0.25em;
}

#signIn.mfa .sx-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 .sx-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 .sx-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 .sx-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 */