/* roboto-100 - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-100.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-300 - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-300.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-100italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-100italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-300italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-300italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-500 - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-500.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-regular - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-regular.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-500italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-500italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-700italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-700italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-900 - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-900.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-700 - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-700.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-900italic - latin-ext */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-ext-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-ext-900italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* roboto-100 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 100;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-100.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-100.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-100italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 100;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-100italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-100italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-300 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-300.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-300italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 300;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-300italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-regular - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-regular.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 400;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-500 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-500.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-700 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 700;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-700.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-500italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 500;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-500italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-500italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-700italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 700;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-700italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-900 - latin */
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 900;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-900.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* roboto-900italic - latin */
@font-face {
font-family: 'Roboto';
font-style: italic;
font-weight: 900;
src: local(''), url('../../../fonts/roboto-v27/roboto-v27-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('../../../fonts/roboto-v27/roboto-v27-latin-900italic.woff') format('woff');
/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Focus control */
:root {
--clr-outline: #3f5502;
--focus-outline-style: solid;
--focus-outline-thickness: 1px;
--focus-outline-offset: 1px;
}
*:focus {
outline: 1px solid #3f5502;
outline: 1px solid var(--clr-outline);
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
box-shadow: 0px -2px 0 0 #000 inset;
outline: none;
}
.a-mouse-user textarea:focus,
.a-mouse-user input[type="text"]:focus,
.a-mouse-user input[type="submit"]:focus,
.a-mouse-user input[type="password"]:focus {
box-shadow: 0px -2px 0 0 #000 inset;
outline: none;
}
.a-mouse-user *:focus {
outline: none;
box-shadow: none;
}
.a-keyboard-user *:not(input):not(fieldset):focus {
box-shadow: 0px -2px 0px 0px #000 inset, #fff 0 0 12px inset;
outline: none;
}
.a-keyboard-user input[type="radio"]:focus,
.a-keyboard-user input[type="checkbox"]:focus,
.a-keyboard-user input[type="checkbox"]:focus + label,
.a-keyboard-user .bb-option.focus {
outline: 1px solid #3f5502;
outline: var(--focus-outline-thickness) var(--focus-outline-style) var(--clr-outline);
outline-offset: var(--focus-outline-offset);
box-shadow: none;
}
.a-keyboard-user *:not(input):not(fieldset):focus {
box-shadow: 0px 0px 0px 0px #000 inset, #fff 0 0 12px inset;
}
.bb-p-asterisk-stick {
white-space: nowrap;
/*
* sup rule is to match current themes
* asterisk before we added sup with
* before astersik.
*/
}
.bb-p-asterisk-stick sup {
margin-left: -2pt;
vertical-align: baseline;
}
.bb-input-wrap {
display: inline-flex !important;
align-items: center;
}
.bb-input-unit {
flex: 0 1 auto;
white-space: nowrap;
}
.bb-input-unit--post {
padding-left: 0.5ch;
padding-inline-start: 0.5ch;
}
.bb-input-unit--pre {
padding-right: 0.5ch;
padding-inline-end: 0.5ch;
}
#bb-cases-filter {
height: 32px;
height: 2rem;
margin-top: 12px;
min-width: 220px;
width: 70%;
}
.bb-p-filter-clear-button,
.bb-p-filter-clear-button:hover {
background-color: transparent;
border: none;
color: #181818;
}
.columns[data-when="hasModels"] {
height: 90%;
height: calc(100vh - 70px - 95px - 70px - 30px);
}
.columns[data-when="hasModels"] .column {
overflow: auto;
}
.columns[data-when="hasModels"] #bb-cases {
border-left: 1px solid #ccc;
max-width: 90vw;
overflow: auto;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top {
border: none;
margin-top: 1.25rem;
margin-bottom: 35px;
table-layout: auto;
width: 100%;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top thead tr th {
border: none;
color: #ec0000;
overflow: auto;
padding: 10px 10px 10px 0;
text-align: left;
text-transform: capitalize;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody thead {
display: none;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody tr td {
border: none;
border-bottom: thin solid #ccc;
color: #181818;
overflow: auto;
padding: 10px 10px 10px 0;
text-align: left;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody tr td button,
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody tr td a {
background-color: transparent;
border: none;
color: #ec0000;
margin: 0;
padding: 0 5px;
text-align: left;
text-decoration: none;
width: 100%;
}
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody tr td button.bb-case-delete,
.columns[data-when="hasModels"] #bb-cases #bb-cases-table-top tbody tr td a.bb-case-delete {
color: #bc0000;
}
.columns[data-when="hasModels"] #bb-cases span {
display: inline-block;
margin-top: 5px;
}
@media (min-width: 100025px) {
.columns[data-when="hasModels"] #bb-cases {
padding: 0px 20px 16px 20px;
}
}
@media (max-width: 100025px) {
.columns[data-when="hasModels"] {
height: calc(100vh - 70px - 95px);
}
.columns[data-when="hasModels"] .column {
overflow: auto;
}
.columns[data-when="hasModels"] #bb-cases {
border-left: none;
overflow: auto;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top {
border: none !important;
width: 100%;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top tbody {
display: block;
position: relative;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top tr {
border: 1px solid #d8d8d8;
box-shadow: 0px 0px 10px #ccc;
display: block;
margin-bottom: 1rem;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top th:not(.bb-celltype-button) {
display: none;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top thead {
border: none !important;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top thead * {
border: none !important;
box-shadow: none !important;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td {
border: none !important;
border-bottom: 1px solid #e5e6e6 !important;
display: block;
line-height: 20px;
min-height: 20px;
padding-left: 30% !important;
position: relative;
text-align: left;
vertical-align: middle;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td[data-column=""] {
margin: 0;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td:not([data-column=""]):before {
content: attr(data-column);
display: inline-block;
left: 10px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
width: 25%;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td.bb-celltype-checkbox:before {
content: '';
display: none;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td.bb-celltype-checkbox:after {
content: attr(data-column);
display: inline-block;
vertical-align: middle;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top td.bb-celltype-button {
border: none;
display: inline-block;
padding: 5px !important;
width: 50px;
}
.columns[data-when="hasModels"] #bb-cases table#bb-cases-table-top input[type="checkbox"] {
vertical-align: middle;
}
}
/*
This is the default rendering, but
can be overridden per layer.
*/
:root {
--p-custom-checkbox-color: green;
--p-custom-checkbox-image-thick: url('../../../plugins/custom-checkboxes/live/images/check.svg');
--p-custom-checkbox-image-slim: url('../../../plugins/custom-checkboxes/live/images/slim.svg');
--p-custom-checkbox-image: var(--p-custom-checkbox-image-thick);
--p-custom-checkbox-size-thick: 12px;
--p-custom-checkbox-size-slim: 18px;
--p-custom-checkbox-size: var(--p-custom-checkbox-size-thick);
}
.p-custom-checkboxes + label.custom-checkbox {
background-color: white;
border: thin solid lightgrey;
display: inline-block;
height: 25px;
position: relative;
transition: background-color 100ms linear;
vertical-align: middle;
width: 25px;
z-index: 1;
}
.p-custom-checkboxes:checked + label.custom-checkbox {
background: var(--p-custom-checkbox-color) var(--p-custom-checkbox-image) center no-repeat;
background-size: var(--p-custom-checkbox-size);
border: thin solid var(--p-custom-checkbox-color);
}
/*
* Default colors, can override per theme if needed.
*/
:root {
--end-tools-hovered-size: 13px;
}
.bb-p-end-tools-container {
background-color: white;
color: #114476;
margin: 10px 0;
max-height: 0px;
overflow: hidden;
padding: 0px;
position: relative;
text-align: center;
transition: all 500ms ease;
width: 100%;
}
.bb-p-end-tools-container.showing {
max-height: 200px;
}
.bb-p-end-tools-container .container {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: thin solid #cccccc;
text-align: left;
min-height: 50px;
}
.bb-p-end-tools-container .container a,
.bb-p-end-tools-container .container label,
.bb-p-end-tools-container .container button {
background-color: transparent;
border: none;
color: #114476;
padding: 0;
font-family: "RijksOverheidSans", "Droid Sans", Arial, Verdana, sans-serif;
font-size: 13px;
margin: 0;
text-decoration: none;
text-transform: none;
transition: all 200ms ease-out;
}
.bb-p-end-tools-container .container a.centered,
.bb-p-end-tools-container .container label.centered,
.bb-p-end-tools-container .container button.centered {
margin: auto;
text-align: center;
}
.bb-p-end-tools-container .container a:focus svg,
.bb-p-end-tools-container .container button:focus svg,
.bb-p-end-tools-container .container a:hover svg,
.bb-p-end-tools-container .container button:hover svg {
color: #114476;
}
.bb-p-end-tools-container .container svg {
color: #114476;
margin-right: 20px;
transition: color 200ms ease-out;
align-self: center;
}
.bb-p-end-tools-container .container .prepping,
.bb-p-end-tools-container .container .prepping svg {
animation: prepping 1s infinite;
}
.bb-p-end-tools-container .container .prepping::after {
color: inherit;
content: attr(data-loading-text);
display: inline;
height: 16px;
width: 100%;
}
.bb-p-end-tools-container .container .impossible,
.bb-p-end-tools-container .container .impossible svg {
color: red !important;
}
.bb-p-end-tools-container .container .impossible::after {
color: inherit;
content: attr(data-impossible-text);
display: inline;
height: 16px;
width: 100%;
}
.bb-p-end-tools-container .email-container {
justify-content: flex-start;
position: relative;
text-align: left;
}
.bb-p-end-tools-container .email-container .opt-for-email,
.bb-p-end-tools-container .email-container .email-send {
color: #114476;
}
.bb-p-end-tools-container .email-container .opt-for-email {
color: #114476;
background-color: transparent;
}
.bb-p-end-tools-container .email-container .email-send {
border-bottom: thin solid transparent;
cursor: not-allowed;
color: #525252;
font-size: 13px;
margin-left: 10px;
pointer-events: all;
}
.bb-p-end-tools-container .email-container .email-send.validated {
color: #114476;
cursor: pointer;
}
.bb-p-end-tools-container .email-container input.email-address {
transition: width 500ms ease;
font-size: 13px;
}
.bb-p-end-tools-container .email-container input.email-address.set {
display: initial;
font-size: 13px;
padding: 5px 10px;
width: 60%;
}
.bb-p-end-tools-container .email-container input.email-address.ready {
border: none;
padding: 0;
width: 0;
display: none;
}
.bb-p-end-tools-container .feedback-container label {
text-align: center;
}
.bb-p-end-tools-container .feedback-container .feedback-button {
font-weight: bold;
height: 30px;
padding: 0;
width: 30px;
}
.bb-p-end-tools-container .feedback-container .feedback-button[data-value="Negatief"] {
transform: rotate(180deg);
}
.bb-p-end-tools-container .feedback-container .feedback-button svg {
margin-right: 0;
}
@keyframes prepping {
from {
color: #114476;
}
50% {
color: #114476;
}
to {
color: #114476;
}
}
@media not all and (hover: none) {
.bb-p-end-tools-container {
align-items: center;
display: flex;
column-gap: 10px;
justify-content: space-between;
}
.bb-p-end-tools-container .container {
border-bottom: none;
border-left: thin solid #cccccc;
padding-left: 10px;
display: inline-flex;
flex-grow: 1;
justify-content: center;
}
.bb-p-end-tools-container .container a,
.bb-p-end-tools-container .container label:not(.centered),
.bb-p-end-tools-container .container button {
font-size: 0;
}
.bb-p-end-tools-container .container a:focus,
.bb-p-end-tools-container .container label:not(.centered):focus,
.bb-p-end-tools-container .container button:focus,
.bb-p-end-tools-container .container a:hover,
.bb-p-end-tools-container .container label:not(.centered):hover,
.bb-p-end-tools-container .container button:hover {
font-size: var(--end-tools-hovered-size);
text-decoration: underline;
text-underline-offset: 2px;
}
.bb-p-end-tools-container .container a,
.bb-p-end-tools-container .container button {
font-size: var(--end-tools-non-hovered-size, 0);
display: flex;
}
.bb-p-end-tools-container .container.email-container.set label {
font-size: 13px;
}
.bb-p-end-tools-container .container.feedback-container label {
font-size: 13px;
padding: 0 15px;
}
.bb-p-end-tools-container .container:first-of-type {
border-left: none;
}
}
.endtools-rotated {
transform-origin: center center;
transform: rotate(180deg);
}
/* CSS regions */
.card {
width: 100%;
}
.card td:first-child {
width: 10px;
}
.card tr:first-child td {
border-top-color: transparent;
}
.tabs {
margin-top: 15px;
display: flexbox;
display: -webkit-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
flex-direction: row;
border-left: 1px solid #d6d6d6;
}
.tabs > * {
padding: 1ex;
background-color: #eee;
border: 1px solid #d6d6d6;
border-left: none;
border-bottom: none;
cursor: pointer;
display: inline-block;
display: flex;
-webkit-flex-grow: 1;
flex-grow: 1;
max-width: 33%;
align-items: baseline;
justify-content: space-between;
-webkit-transition: background-color 200ms;
-moz-transition: background-color 200ms;
-o-transition: background-color 200ms;
transition: background-color 200ms;
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
padding-top: 10px;
padding-bottom: 15px;
margin-top: -7px;
}
.tabs > *:last-child {
border-right: 1px solid #d6d6d6;
}
.tabs > *.selected {
background-color: #fff;
box-shadow: 0 1px 5px #ccc inset;
box-shadow: none;
}
.tabs > *.tab_plus {
background-color: transparent;
border: none;
display: inline-block;
-webkit-flex-grow: 0;
flex-grow: 0;
max-width: 16px;
}
.tabs > *.tab_plus > button {
float: none;
}
.tabs > *.tab_plus > button:hover {
background-color: #000;
}
.tabs > * > button {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
padding: 3px !important;
margin-left: 1ex;
float: right;
color: #5f6062;
background-image: none;
background-color: transparent;
min-width: 18px;
max-width: 18px;
-webkit-transition: background-color 0ms;
-moz-transition: background-color 0ms;
-o-transition: background-color 0ms;
transition: background-color 0ms;
}
.tabs > * > button:hover {
background-color: #f75b3c;
color: #fff;
-webkit-transition: background-color 0ms;
-moz-transition: background-color 0ms;
-o-transition: background-color 0ms;
transition: background-color 0ms;
}
legend,
.bb-text,
.bb-questionlabelgroup {
position: relative;
}
.bb-p-info-inline-block {
background-color: white;
border: thin solid #ec0000;
margin-bottom: 20px;
margin-top: 10px;
padding: 25px 15px;
position: relative;
}
.bb-p-info-inline_item h5 {
font-weight: bold;
padding-top: 0;
margin-top: 0.4375rem;
padding-bottom: 0.375rem;
}
.bb-p-info-inline_item ul,
.bb-p-info-inline_item ol {
margin: 1rem;
}
.bb-p-info-inline_item ul {
list-style: disc;
}
.bb-p-info-inline_item ol {
list-style: decimal;
}
.bb-p-info-inline-close {
border: 0;
border-radius: 0;
cursor: pointer;
padding: 0;
position: absolute;
text-indent: -9999px;
width: 20px;
height: 20px;
}
.bb-p-info-inline-close,
.bb-p-info-inline-close:hover,
.bb-p-info-inline-close:focus {
background: #ec0000 url("../images/generic-icons.svg") no-repeat;
background-position: -30px -29px;
box-shadow: none;
}
.a-keyboard-user fieldset[disabled] .bb-p-info-inline-close {
background-color: #f4f4f4;
}
.bb-p-info-inline-link,
.bb-option-info--button {
border: 0;
border-radius: 0;
cursor: pointer;
padding: 0;
position: relative;
text-indent: -9999px;
width: 20px;
height: 20px;
background-position: -30px -1px;
display: inline-block;
left: -25px;
margin: 0;
min-width: 20px !important;
position: absolute;
}
.bb-p-info-inline-link,
.bb-option-info--button,
.a-keyboard-user .bb-p-info-inline-link:focus-visible,
.a-keyboard-user .bb-option-info--button:focus-visible,
.bb-p-info-inline-link:hover,
.bb-option-info--button:hover {
background: #ec0000 url("../images/generic-icons.svg") no-repeat;
background-position: -30px -1px;
}
.bb-p-info-inline-link:focus-visible .a-keyboard-user .bb-p-info-inline-link:focus-visible,
.bb-p-info-inline-link:focus-visible .a-keyboard-user .bb-option-info--button:focus-visible,
.bb-option-info--button:focus-visible .a-keyboard-user .bb-p-info-inline-link:focus-visible,
.bb-option-info--button:focus-visible .a-keyboard-user .bb-option-info--button:focus-visible,
.a-keyboard-user .bb-p-info-inline-link:focus,
.a-keyboard-user .bb-option-info--button:focus,
.bb-p-info-inline-link:hover,
.bb-option-info--button:hover {
background-color: var(--clr-button-hvr-back, #ec0000);
box-shadow: none;
}
.bb-p-info-inline-link:focus-visible .a-keyboard-user .bb-p-info-inline-link:focus-visible,
.bb-p-info-inline-link:focus-visible .a-keyboard-user .bb-option-info--button:focus-visible,
.bb-option-info--button:focus-visible .a-keyboard-user .bb-p-info-inline-link:focus-visible,
.bb-option-info--button:focus-visible .a-keyboard-user .bb-option-info--button:focus-visible,
.a-keyboard-user .bb-p-info-inline-link:focus,
.a-keyboard-user .bb-option-info--button:focus {
outline: revert;
outline-offset: 4px;
}
.a-keyboard-user fieldset[disabled] .bb-p-info-inline-link,
.a-keyboard-user fieldset[disabled] .bb-option-info--button {
background-color: #f4f4f4;
}
legend .bb-p-info-inline-link,
legend .bb-option-info--button,
h2 .bb-p-info-inline-link,
h2 .bb-option-info--button,
h3 .bb-p-info-inline-link,
h3 .bb-option-info--button {
top: 0px;
}
.bb-option-info--button {
top: 0;
}
.bb-p-info-inline-close {
right: 0px;
top: -5px;
}
.bb-p-info-inline-close,
.bb-p-info-inline-close:hover {
background-position: -30px -29px;
}
.p-lightbox--dialog {
--lightbox-max-width: 800px;
background: none;
border: none;
display: flex;
flex-direction: column;
max-width: min(var(--lightbox-max-width), calc(100vw - 2em - 6px));
}
.p-lightbox--dialog::backdrop {
background: rgba(0, 0, 0, 0.5);
}
.p-lightbox--dialog-close {
color: #ddd;
align-self: end;
background: none;
font-size: 2.5rem;
padding: 0;
}
.p-lightbox--dialog-close:hover,
.p-lightbox--dialog-close:focus {
background: none;
}
.p-lightbox--dialog-close:focus {
color: #ddd;
}
.p-lightbox--dialog-close:hover {
color: #fff;
}
.p-lightbox--innerdiv {
background-color: #fff;
padding: 1rem;
}
button[data-type="lightbox"] {
color: #004699;
background: none;
padding: 0;
min-width: 0;
font-size: inherit;
line-height: inherit;
text-align: start;
display: block;
margin-bottom: 0.3125rem;
}
button[data-type="lightbox"]:hover,
button[data-type="lightbox"]:focus {
background: none;
color: #004699;
text-decoration: underline;
}
.p-max-chars-indicator {
color: grey;
font-size: 12px;
min-width: fit-content;
padding: 5px;
}
#bb-p-model-filter {
height: 32px;
height: 2rem;
margin-top: 12px;
min-width: 220px;
width: 70%;
}
#bb-p-model-filter-taxonomy label {
display: inline-block;
margin: 10px;
width: 45px;
}
#bb-p-model-filter-nomatches {
color: #bc0000;
}
.bb-p-preview-outside {
position: absolute;
right: 15px;
top: 20px;
}
.bb-p-preview-outside svg {
vertical-align: middle;
}
#bb-p-preview > .bb-p-preview-outside {
right: 0;
top: -100px;
}
#bb-p-tab-content-audit {
padding-top: 16px;
}
#bb-p-previews-name {
padding-left: 0;
}
.bb-p-previews-widget p {
max-width: 200px;
}
.bb-when-previews {
display: none;
}
.hasPreviews .bb-when-previews {
display: block;
}
#bb-p-previews li {
margin: 1em 0;
}
#bb-p-previews a {
word-break: break-word;
min-height: 32px;
display: inline-block;
padding: 6px 6px 0 0;
background-position: 2px;
-webkit-transition: color 500ms;
-moz-transition: color 500ms;
-o-transition: color 500ms;
transition: color 500ms;
}
#bb-p-previews a.selected {
color: darkgreen;
text-decoration: none;
}
#bb-p-preview {
position: relative;
padding: 1em 0 1em 0.5em;
}
#bb-p-preview li {
margin-left: 1em;
}
#bb-p-preview ul > li {
list-style-type: none;
margin-bottom: 10px;
}
#bb-p-preview ol > li {
list-style-type: none;
margin-bottom: 10px;
}
#bb-p-preview .bb-p-preview-new {
border-left: 10px solid #181818;
padding-left: 10px;
}
#bb-p-preview td:first-child {
padding-left: 0;
}
#bb-p-preview .enumeration {
position: relative;
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
}
#bb-p-preview .radio ~ li,
#bb-p-preview .enumeration + dd {
display: none;
}
#bb-p-preview .radio:before {
content: ' ';
display: inline-block;
font-size: 10px;
border: 0.1em solid #525252;
margin-right: 0.6em;
border-radius: 50%;
width: 0.8em;
height: 0.8em;
}
#bb-p-preview .radio.selected:before {
border-color: #525252;
border-width: 0.5em;
width: 0;
height: 0;
}
#bb-p-preview {
display: none;
}
.hasTextInside #bb-p-preview {
display: block;
}
.p-progress-line {
--progress-value: #2863a9;
--progress-bar: #ccc;
--progress-height: 3px;
max-width: min(920px, 100vw);
margin: 0 auto;
height: var(--progress-height);
clear: left;
position: relative;
}
.p-progress-line__inner {
width: var(--progress-width, 100%);
border-radius: 0;
background-color: var(--progress-bar);
border: none;
height: var(--progress-height);
position: absolute;
}
::-webkit-progress-inner-element {
height: var(--progress-height, initial);
}
::-webkit-progress-bar {
background-color: var(--progress-bar, initial);
}
::-moz-progress-bar {
background-color: var(--progress-value, initial);
transition: width 200ms;
}
::-webkit-progress-value {
background-color: var(--progress-value, initial);
transition: width 200ms;
}
.progress {
background-color: rgba(255, 255, 255, 0.6);
height: 100%;
left: 0;
display: none;
position: fixed;
text-align: center;
top: 0;
width: 100%;
z-index: 100;
}
.progress img {
bottom: 48%;
left: 48%;
position: absolute;
}
.bb-questionlabelgroup:after {
content: '';
clear: both;
display: block;
}
.group.bb-screenmode-clear > legend {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.p-session-timeout-indicator {
background-color: #e6e6e6;
border-radius: 5px;
color: black;
padding: 20px;
min-width: 320px;
text-align: center;
}
.p-session-timeout-indicator.annoying {
animation: flashy 0.8s linear 0s infinite alternate;
}
.p-session-timeout-indicator strong {
color: #ca0000;
}
.p-session-timeout-indicator button {
background-color: white !important;
border: thin solid #757575 !important;
border-radius: 0;
color: #757575 !important;
margin-top: 25px !important;
}
.p-session-timeout-indicator button:hover,
.p-session-timeout-indicator button:focus {
color: white !important;
background: #757575 !important;
}
.p-session-timeout-indicator .countdown {
color: inherit;
font-weight: bold;
}
@keyframes flashy {
from {
background-color: #e6e6e6;
}
to {
background-color: white;
}
}
.p-step-x-of-n {
font-weight: bold;
white-space: nowrap;
}
.p-step-x-of-n--step,
.p-step-x-of-n--current {
color: #004699;
}
.p-step-x-of-n--of {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.p-step-x-of-n--total {
color: #717171;
}
.p-step-x-of-n--total::before {
content: '/' / '';
}
.p-step-x-of-n--last {
color: #004699;
}
table[data-type="grid"],
#preview table {
display: table;
max-width: 800px;
min-width: 300px;
}
table[data-type="grid"] tr,
#preview table tr {
width: 100%;
}
table[data-type="grid"] tr th,
#preview table tr th {
padding-right: 5px;
text-align: left;
}
table[data-type="grid"] tr td,
#preview table tr td {
text-align: left;
}
table[data-type="grid"] tr th,
#preview table tr th,
table[data-type="grid"] tr td,
#preview table tr td {
display: table-cell;
position: relative;
width: auto;
}
table[data-type="grid"] tr th button[name="update"],
#preview table tr th button[name="update"],
table[data-type="grid"] tr td button[name="update"],
#preview table tr td button[name="update"] {
height: 25px;
line-height: 25px;
margin-top: 0;
min-width: unset;
padding: 0;
width: 25px;
}
div.bb-p-wrap-table {
width: 100%;
}
table[data-type="grid"] {
border-collapse: separate;
border-left: thin solid #181818;
}
table[data-type="grid"] tr:first-child td:not(.bb-celltype-button),
table[data-type="grid"] tr:first-child th {
border-top: thin solid #181818;
}
table[data-type="grid"] tr td:not(.bb-celltype-button),
table[data-type="grid"] tr th {
border-bottom: thin solid #181818;
}
table[data-type="grid"] tr th {
border-top: thin solid #181818;
}
table[data-type="grid"] tr td {
display: table-cell;
padding: 0.25rem;
vertical-align: top;
width: auto;
}
table[data-type="grid"] tr td input,
table[data-type="grid"] tr td textarea {
background-color: white;
max-width: 100%;
width: auto;
}
table[data-type="grid"] tr td textarea[data-type="memo"] {
height: 100px;
min-width: 150px;
padding: 0.25rem;
}
table[data-type="grid"] tr td input[data-datatype="Standard String"],
table[data-type="grid"] tr td input[data-datatype="Email address"] {
min-width: 150px;
}
table[data-type="grid"] tr td input[data-datatype="Text"] {
min-width: 150px;
}
table[data-type="grid"] tr td input[data-type="numedit"],
table[data-type="grid"] tr td input[data-datatype="Price"],
table[data-type="grid"] tr td input[data-datatype="Postcode"],
table[data-type="grid"] tr td input[data-type="datetimepicker"] {
min-width: 100px;
}
table[data-type="grid"] tr td input[data-type="numedit"] ~ .bb-num-buttons,
table[data-type="grid"] tr td input[data-datatype="Price"] ~ .bb-num-buttons,
table[data-type="grid"] tr td input[data-datatype="Postcode"] ~ .bb-num-buttons,
table[data-type="grid"] tr td input[data-type="datetimepicker"] ~ .bb-num-buttons {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
table[data-type="grid"] tr td input[data-type="datetimepicker"] {
min-width: 11ch;
}
table[data-type="grid"] tr td input[data-datatype="Postcode"] {
min-width: 7ch;
}
table[data-type="grid"] tr td input[data-datatype="Price"],
table[data-type="grid"] tr td input[data-type="numedit"],
table[data-type="grid"] tr td input[data-type="datetimepicker"] {
text-align: right;
}
table[data-type="grid"] tr td button[name="update"] {
line-height: 25px;
max-height: 25px;
max-width: 25px;
min-width: 25px;
width: 25px;
}
table[data-type="grid"] tr:nth-of-type(2n) td:not(.bb-celltype-button) {
background-color: #FFFFFF;
}
table[data-type="grid"] tr:nth-of-type(2n-1) td:not(.bb-celltype-button) {
background-color: white;
}
table[data-type="grid"] tr td:not(.bb-celltype-button) {
border-right: thin solid #181818;
}
table[data-type="grid"] tr td.bb-celltype-button {
text-align: right;
vertical-align: top;
}
table[data-type="grid"] tr td.bb-celltype-button:last-of-type {
text-align: left;
}
table[data-type="grid"] thead tr {
background-color: white !important;
}
table[data-type="grid"] thead tr th {
font-weight: bold;
padding: 10px;
}
table[data-type="grid"] thead tr th[data-rowtype="numedit"],
table[data-type="grid"] thead tr th[data-rowtype="datetimepicker"] {
text-align: right;
}
table[data-type="grid"] thead tr th:last-child {
border-right: thin solid #181818;
}
table[data-type="grid"] strong.errortext {
background-color: white;
left: 2px;
padding: 0;
position: relative;
top: 5px;
z-index: 100;
}
#preview table {
border: none !important;
}
#preview table td {
border: none !important;
}
.p-upload__uploads-cell-delete {
padding: 10px;
}
.bb-p-wrap-table {
overflow-x: auto;
}
/* hide */
[data-visible=false] {
font-size: 0 !important;
margin: 0;
opacity: 0;
padding: 0;
max-height: 0;
overflow: hidden;
}
/* reveal */
[data-visible] {
/* unshrink, then fade in */
transition: font-size 0.08s ease-in, margin 0.08s ease-in, padding 0.08s ease-in, opacity 0.16s 0.08s ease-in;
}
.bb-programmatically-changed {
animation: programmatically-changed 600ms;
}
@keyframes programmatically-changed {
0% {
background-color: #fff;
}
50% {
background-color: #fbfb00;
}
0% {
background-color: #fff;
}
}
[hidden] {
display: none !important;
}
.a-offscreen {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.a-just-on-focus:focus {
position: relative;
width: auto;
height: auto;
overflow: visible;
clip: auto;
}
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
img {
max-width: 100%;
}
.reset-blank,
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
li,
fieldset,
form,
label,
legend,
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,
main {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
p + p,
ul + p,
ol + p,
blockquote + p,
pre + p,
div[data-datatype="Text"] + div[data-datatype="Text"] {
margin-top: 1em;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
display: block;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.reset-list {
list-style: none;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul {
list-style: none;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ol {
list-style: none;
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Additional Showdown Resets */
.bb-p-showdown-labels ul,
.bb-p-showdown-labels ol {
list-style: initial;
}
/* Tell fieldset not to grow with along with wide content */
fieldset {
min-width: 0;
}
@supports not (display: flow-root) {
@-moz-document url-prefix() {
/* Only target Gecko. (Breaks layout in IE.) */
fieldset {
display: table-cell;
}
}
}
legend {
float: left;
width: 100%;
}
legend + * {
clear: left;
}
fieldset {
min-width: 100%;
}
fieldset legend ~ * {
clear: both;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a {
color: inherit;
}
p,
ol,
ul {
margin: 0;
}
li p {
margin: 0;
vertical-align: text-top;
}
p:not(:first-child) {
margin-top: 10px;
}
[data-datatype]:not(:first-of-type) {
margin-top: 1em;
}
.bb-with-normal-lists ul,
.bb-p-showdown-labels ul,
.bb-itype-listlabel ul {
list-style-type: disc;
margin-top: 0.5rem;
padding-left: 30px;
}
.bb-with-normal-lists ul ul,
.bb-p-showdown-labels ul ul,
.bb-itype-listlabel ul ul {
padding-left: 16px;
padding-left: 1rem;
list-style-type: circle;
}
.bb-with-normal-lists ol,
.bb-p-showdown-labels ol,
.bb-itype-listlabel ol {
list-style-type: decimal;
margin-top: 0.5rem;
padding-left: 30px;
}
.bb-with-normal-lists ol ol,
.bb-p-showdown-labels ol ol,
.bb-itype-listlabel ol ol {
padding-left: 16px;
padding-left: 1rem;
}
.bb-with-normal-lists li,
.bb-p-showdown-labels li,
.bb-itype-listlabel li {
list-style-position: outside;
}
.bb-with-normal-lists li p,
.bb-p-showdown-labels li p,
.bb-itype-listlabel li p {
display: inline-block;
}
/* Fix for Chrome, so grids get horizontal scrolls */
td {
overflow-x: auto;
}
/*
An example conf less structure:
*/
.font {
font-family: "Roboto", sans-serif;
font-weight: 400;
}
/*
End of example.
*/
/* Color overrides for plugins */
.columns #bbq-column {
background-color: white;
}
section.bb-p-tabs-content {
background-color: white;
}
body:not(.hasCases) .when-cases,
body:not(.hasInformationsources) .when-info,
body:not(.hasJumplist) .when-jumplist,
body:not(.hasMessage) .when-message,
body:not(.hasModel) .when-model,
body:not(.hasModels) .when-models,
body:not(.hasNoNext) .when-no-next,
body.hasNoNext .when-next,
body:not(.hasTextInside) .when-text-inside,
body:not(.isLoggedIn) .when-logged-in,
body.isLoggedIn .not-when-logged-in {
display: none;
}
body.hasNoPrior .when-prior {
visibility: hidden;
}
@font-face {
font-family: "fontawesomesubset";
src: url("../fonts/fontawesome/font/fontawesomesubset.eot?65676077");
src: url("../fonts/fontawesome/font/fontawesomesubset.eot?65676077#iefix") format("embedded-opentype"), url("../fonts/fontawesome/font/fontawesomesubset.woff2?65676077") format("woff2"), url("../fonts/fontawesome/font/fontawesomesubset.woff?65676077") format("woff"), url("../fonts/fontawesome/font/fontawesomesubset.ttf?65676077") format("truetype"), url("../fonts/fontawesome/font/fontawesomesubset.svg?65676077#fontawesomesubset") format("svg");
font-weight: normal;
font-style: normal;
}
body {
color: #181818;
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
line-height: 120%;
}
.topbar {
font-size: 0.8125rem;
line-height: 1.875rem;
}
main {
font-size: 1rem;
line-height: 1.25rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif;
font-family: "amsterdam sans", sans-serif;
font-weight: 400;
font-weight: normal;
text-rendering: optimizeLegibility;
}
h1 {
color: #181818;
font-size: 2rem;
line-height: 2rem;
}
h2 {
color: #181818;
font-size: 1.75rem;
line-height: 1.75rem;
}
h3 {
color: #181818;
font-size: 1.5rem;
line-height: 1.5rem;
}
h4 {
font-size: 1.25rem;
line-height: 1.25rem;
}
h1 {
margin: 1.5rem 0;
}
h2,
h3 {
margin: 1rem 0;
}
fieldset legend h2 {
margin-top: 0;
}
h4,
h5,
h6 {
margin: 0.5rem 0;
}
strong {
font-weight: bold;
}
em {
font-style: oblique;
}
.bbm-standard-remark {
color: #49555f;
font-size: var(--body-size, 16px);
}
a.report {
color: #49555f;
font-size: var(--body-size, 16px);
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
}
.u-content-width {
margin-left: auto;
margin-right: auto;
max-width: 920px;
width: 100%;
padding-right: 0.625rem;
}
@media (min-width: 920px) {
padding-right: 0;
}
.u-center-self {
margin-left: auto;
margin-right: auto;
}
.u-rel {
position: relative;
}
.u-inset {
padding: 0 1.25rem 1.25rem;
margin-bottom: 1.25rem;
}
.u-pad {
padding: 0.625rem 1.25rem;
}
.u-link {
text-decoration: underline;
}
.u-noselect {
-moz-user-select: -moz- none !important;
-khtml-user-select: none !important;
-webkit-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
}
.u-flex {
display: flex;
align-items: baseline;
justify-content: space-between;
}
.u-flex-start {
display: flex;
align-items: baseline;
justify-content: space-between;
justify-content: flex-start;
}
.u-flex_item {
margin-left: 0.5rem;
}
.u-flex_item:first-child {
margin-left: 0;
}
.u-flex_item--grow {
flex-grow: 1;
}
@media (min-width: 100025px) {
.u-fit-wrapper {
bottom: 0;
left: 0;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
}
.u-scroll-v {
overflow-y: auto;
}
}
/*
* jQuery UI CSS Framework
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jquit.com/builder/#gcc=ffffff&gcb=d4d4d4&gct=525252&gci=d4d4d4&pcc=d4d4d4&acb=525252&o=ffffff&ghc=669933&ght=ffffff&ghi=ffffff&gdc=d4d4d4&gdb=d4d4d4&gdt=525252&tdc=669933&tdb=669933&tdt=ffffff&tdi=ffffff&ddc=d4d4d4&ddb=d4d4d4&ddt=525252&pxd=000000&asc=669933&ast=ffffff&goc=9fc47a&gob=9fc47a&got=ffffff&toc=9fc47a&tob=9fc47a&tot=ffffff&toi=ffffff&doc=9fc47a&dob=9fc47a&dot=ffffff&pxa=525252&gac=669933&gab=669933&gat=ffffff&tac=ffffff&tab=d4d4d4&tat=525252&tai=d4d4d4&dac=669933&dab=669933&dat=ffffff&dic=d4d4d4&dib=669933&dit=ffffff&gic=efdca9&gib=efdca9&git=525252&gii=525252&ec=d30909&eb=d30909&et=ffffff&ei=ffffff
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: Helvetica, Arial, sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #444444;
}
.ui-widget-content a {
color: #444444;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #dddddd;
color: #444444;
font-weight: bold;
}
.ui-widget-header a {
color: #444444;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #cccccc;
background: #ffffff;
color: #444444;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #444444;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #ff0084;
background: #ffffff;
color: #222222;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #222222;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #222222;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: normal;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: alpha(opacity=70);
font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: alpha(opacity=35);
background-image: none;
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
-moz-border-radius-topleft: 0;
-webkit-border-top-left-radius: 0;
-khtml-border-top-left-radius: 0;
border-top-left-radius: 0;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
-moz-border-radius-topright: 0;
-webkit-border-top-right-radius: 0;
-khtml-border-top-right-radius: 0;
border-top-right-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
-khtml-border-bottom-left-radius: 0;
border-bottom-left-radius: 0;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
-khtml-border-bottom-right-radius: 0;
border-bottom-right-radius: 0;
}
/* Overlays */
.ui-widget-overlay {
background: #eeeeee;
opacity: 0.8;
filter: alpha(opacity=80);
}
.ui-widget-shadow {
margin: -4px 0 0 -4px;
padding: 4px;
background: #aaaaaa;
opacity: 0.6;
filter: alpha(opacity=60);
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
/*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 2px;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
/*
* jQuery UI Autocomplete 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
}
/* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.16
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
display: inline-block;
position: relative;
padding: 0;
margin-right: 0.1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
line-height: 1.4;
}
.ui-button-text-only .ui-button-text {
padding: 0.4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
padding: 0.4em 1em;
}
/*button icon element(s) */
/*.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
*/
/*button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -12px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -12px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: 0.35em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.35em;
}
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: 0.35em;
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.3em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: hidden;
}
.ui-dialog .ui-dialog-titlebar {
padding: 0.4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 16px 0.1em 0;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: 0.5em 0 0 0;
padding: 0.3em 1em 0.5em 0.4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 2px;
bottom: 2px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*
* jQuery UI Tabs 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs {
position: relative;
padding: 0.2em;
zoom: 1;
}
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 1px;
margin: 0 0.2em 1px 0;
border-bottom: 0 !important;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li a {
float: left;
padding: 0.5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
cursor: text;
}
.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
cursor: pointer;
}
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tabs .ui-tabs-hide {
display: none !important;
}
/*
* jQuery UI Datepicker 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
display: none;
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 35%;
margin: 0 1px;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: normal;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none;
/*sorry for IE5*/
position: absolute;
/*must have*/
z-index: -1;
/*must have*/
filter: mask();
/*must have*/
top: -4px;
/*must have*/
left: -4px;
/*must have*/
width: 200px;
/*must have*/
height: 200px;
/*must have*/
}
/*
* jQuery UI Progressbar 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 2em;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
/* General */
.ui-widget {
font-family: "Segoe UI", Helvetica, Verdana;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 2px solid #dddddd;
background: inherit;
font-weight: bold;
text-decoration: none;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
font-weight: bold;
color: #ffffff;
border-width: 2px;
}
.ui-state-hover a,
.ui-state-hover a:hover {
color: #ffffff;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #dddddd;
font-weight: bold;
color: #ff0084;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ff0084;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Accordion */
.ui-accordion-header {
border: 2px solid;
}
.ui-accordion .ui-accordion-header {
margin-top: 2px;
}
.ui-accordion-content {
border: 2px solid;
border-top: none;
margin-bottom: 3px !important;
}
.ui-accordion .ui-accordion-header a {
font-size: 1em;
padding: 0.6em 0.3em 0.5em 2.9em;
font-weight: bold;
}
.ui-accordion > .ui-state-active a,
.ui-accordion > div > h3.ui-state-active a {
padding-bottom: 0.8em;
}
/*.ui-accordion .ui-accordion-header .ui-icon{margin-top:-12px;}*/
.ui-accordion > .ui-state-active,
.ui-accordion > div > h3.ui-state-active {
border-bottom: none !important;
}
.ui-accordion-header > .ui-icon {
margin: 4px;
}
/* Tabs */
.ui-tabs {
padding: 0;
border: none;
position: relative;
top: -3px;
}
.ui-tabs-nav {
padding: 0px 0px 0px 0px !important;
border: none;
border-bottom: 2px solid;
background-color: #ffffff;
}
.ui-tabs-nav .ui-state-default {
border: none;
padding: 0px !important;
margin-right: 2px !important;
background: none !important;
}
.ui-tabs-nav .ui-state-default a {
border: 2px solid;
position: relative;
top: 2px;
font-weight: bold;
margin-bottom: 4px;
height: 16px;
}
/*.ui-tabs-nav .ui-tabs-selected a{border:2px solid;height:1.8em;border-bottom:none !important;}*/
.ui-tabs-nav .ui-state-active a {
border: 2px solid;
border-bottom: none !important;
margin-bottom: 0;
height: 22px;
}
.ui-tabs .ui-widget-content {
border: 2px solid !important;
border-top: none !important;
}
.ui-tabs .ui-widget-content .ui-tabs {
border: none !important;
}
.ui-tabs-nav .ui-state-hover {
border: none;
}
/* Dialog */
.ui-dialog {
border-width: 2px;
padding: 0;
}
.ui-dialog-titlebar {
border: none;
border-bottom-width: 2px;
padding: 0.6em 1em 0.6em 1em !important;
font-weight: bold;
font-size: 1.1em;
}
.ui-dialog-buttonpane {
border-top-width: 2px !important;
margin-top: 0 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
width: 24px;
height: 24px;
margin: -13px 0px 0px 0px;
padding: 0;
}
.ui-dialog-titlebar-close > .ui-icon {
margin: 4px !important;
}
/* Datepicker*/
.ui-datepicker {
border: 2px solid;
padding: 0 !important;
}
.ui-datepicker .ui-datepicker-header {
border: none;
padding: 0.4em 1em 0.4em 1em;
}
.ui-datepicker .ui-datepicker-header .ui-state-default,
.ui-datepicker .ui-datepicker-header .ui-state-hover {
background: none;
border: none;
padding: 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
width: 24px;
height: 24px;
margin: 0;
display: none;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
position: relative;
top: 0;
left: 0;
margin: 0;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
top: 2px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 2px;
top: 2px;
}
.ui-datepicker table {
margin: 0px;
border: 1px solid;
}
.ui-datepicker-calendar .ui-state-default,
.ui-datepicker-calendar .ui-state-hover,
.ui-datepicker-calendar .ui-state-highlight,
.ui-datepicker-calendar .ui-state-active {
border-width: 2px;
}
.ui-datepicker .ui-icon {
margin: 4px !important;
}
/* Button */
.ui-button {
border-width: 2px !important;
border-bottom-style: solid;
font-weight: bold !important;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -1px;
}
/* Additional states */
.ui-state-highlight {
border: 2px solid;
}
.ui-state-error {
border: 2px solid;
}
/*.ui-state-highlight .ui-icon, .ui-state-error .ui-icon{position:relative;top:-4px;}*/
/* Slider */
.ui-slider {
border: none;
}
.ui-slider .ui-slider-handle {
width: 0.8em;
height: 0.8em;
border: none;
margin: -0.4em;
}
.ui-slider-horizontal .ui-slider-handle {
margin-top: 0;
top: 0;
}
.ui-slider-vertical .ui-slider-handle {
margin-left: 0;
left: 0;
}
/* Progressbar */
.ui-progressbar {
border: none;
height: 0.8em;
}
.ui-progressbar .ui-progressbar-value {
border: none;
}
/* Autocomplete */
.ui-autocomplete {
border: solid 2px #bbbbbb;
padding: 0;
}
.ui-autocomplete .ui-menu-item a {
padding: 5px;
border: none;
margin: 0 !important;
}
/* Icon states */
.ui-icon {
width: 16px;
height: 16px;
}
/* General */
.ui-icon,
.ui-widget-content .ui-icon,
.ui-widget-header .ui-icon {
background-image: url(metro-theme/images/ui-icons_d4d4d4_0.png);
}
.ui-state-default .ui-icon {
background-image: url(metro-theme/images/ui-icons_525252_0.png);
}
.ui-state-active .ui-icon,
.ui-state-hover .ui-icon {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
}
.ui-widget-overlay {
background: #ffffff;
}
.ui-widget-content {
color: #525252;
}
/* Button states */
.ui-state-default,
.ui-widget-content .ui-state-default {
background-color: #d4d4d4;
border-color: #d4d4d4;
color: #525252;
}
.ui-state-focus,
.ui-widget-content .ui-state-focus {
background-color: #004699;
border-color: #004699;
color: #ffffff;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover {
background-color: #004699;
border-color: #004699;
color: #ffffff;
}
.ui-state-active,
.ui-widget-content .ui-state-active {
background-color: #004699;
border-color: #004699;
color: #ffffff;
}
/* Accordion */
.ui-accordion-content {
border-color: #d4d4d4;
background: #ffffff;
}
.ui-accordion-header.ui-state-active,
.ui-accordion-header.ui-state-active.ui-state-hover {
background-color: #ffffff !important;
color: #525252;
border-color: #d4d4d4 !important;
background-image: url(metro-theme/images/ui-icons_d4d4d4_0.png) !important;
background-position: -230px -213px !important;
}
.ui-accordion-header.ui-state-active a {
color: #525252 !important;
}
.ui-accordion-header.ui-state-default {
border-color: #004699;
background: #004699;
}
.ui-accordion-header.ui-state-default a {
color: #ffffff;
}
.ui-accordion-header.ui-state-hover {
background: #004699;
border-color: #004699;
}
.ui-accordion-header.ui-state-hover a {
color: #ffffff;
}
.ui-accordion-header.ui-state-active .ui-icon {
background-image: url(metro-theme/images/ui-icons_d4d4d4_0.png) !important;
}
.ui-accordion-header.ui-state-default .ui-icon {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
}
.ui-accordion-header.ui-state-hover .ui-icon {
background-image: url(metro-theme/images/ui-icons_9fc47a_0.png);
}
.ui-accordion-header {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png) !important;
background-position: -230px -214px !important;
background-repeat: no-repeat !important;
}
.ui-accordion-header.ui-state-hover {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png) !important;
background-position: -230px -166px !important;
}
/* Tabs states */
.ui-tabs-nav > .ui-state-default a {
border-color: #004699;
background: #004699;
color: #ffffff;
}
.ui-tabs-nav > .ui-state-active a {
border-color: #d4d4d4 !important;
background: #ffffff !important;
color: #525252 !important;
}
.ui-tabs-nav > .ui-state-hover a {
background: #004699;
border-color: #004699;
color: #ffffff;
}
.ui-tabs-nav > .ui-state-focus a {
background: #004699;
border-color: ;
color: #ffffff;
}
.ui-tabs .ui-widget-content {
border-color: #d4d4d4 !important;
background-color: #ffffff;
}
.ui-tabs-nav {
border-color: #d4d4d4;
}
/* Dialog states */
.ui-dialog {
border-color: #004699;
background-color: #ffffff !important;
}
.ui-dialog-titlebar {
border-color: #004699;
color: #ffffff;
background-color: #004699;
}
.ui-dialog-buttonpane {
border-color: #004699 !important;
background-color: #ffffff;
}
.ui-dialog-content {
background-color: #ffffff !important;
}
.ui-dialog-titlebar .ui-icon {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
}
.ui-dialog-titlebar .ui-state-hover .ui-icon {
background-image: url(metro-theme/images/ui-icons_669933_0.png) !important;
}
.ui-dialog-titlebar-close {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png) !important;
background-position: -232px -216px !important;
}
.ui-dialog-titlebar-close.ui-state-hover {
background: url(metro-theme/images/ui-icons_ffffff_0.png) !important;
background-position: -232px -168px !important;
}
/* Slider */
.ui-slider {
background: #d4d4d4;
}
.ui-slider .ui-slider-range {
background: #004699;
}
.ui-slider .ui-state-default {
background-color: #000000;
}
.ui-slider .ui-state-active {
background-color: #525252 !important;
}
.ui-slider .ui-state-focus {
background-color: #000000;
}
.ui-slider .ui-state-hover {
background-color: #525252;
}
/* Progressbar */
.ui-progressbar {
background: #d4d4d4;
}
.ui-progressbar .ui-progressbar-value {
background-color: #004699;
}
/* Autocomplete */
.ui-autocomplete {
border-color: #525252;
}
.ui-autocomplete a {
background-color: #ffffff;
color: #525252;
}
.ui-autocomplete .ui-state-hover {
background: #004699;
color: #ffffff;
}
/* Datepicker */
.ui-datepicker {
border-color: #004699;
}
.ui-datepicker .ui-datepicker-header {
background-color: #004699;
color: #ffffff;
}
.ui-datepicker table {
border-color: #ffffff;
}
.ui-datepicker-calendar {
background: #ffffff;
}
.ui-datepicker-calendar .ui-state-default {
background-color: #d4d4d4;
border-color: #d4d4d4;
color: #525252;
}
.ui-datepicker-calendar .ui-state-hover {
background-color: #004699 !important;
border-color: #004699 !important;
color: #ffffff !important;
}
.ui-datepicker-calendar .ui-state-highlight {
background-color: #d4d4d4;
border-color: #004699;
color: #ffffff;
}
.ui-datepicker-calendar .ui-state-active {
background-color: #004699;
border-color: #004699;
color: #ffffff;
}
.ui-datepicker .ui-icon {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
}
.ui-datepicker .ui-state-hover .ui-icon {
background-image: url(metro-theme/images/ui-icons_669933_0.png);
}
.ui-datepicker-next,
.ui-datepicker-prev {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
background-position: -232px -216px;
}
.ui-datepicker-next-hover,
.ui-datepicker-prev-hover {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png) !important;
background-position: -232px -168px !important;
opacity: 1;
}
.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-prev.ui-state-disabled {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
background-position: -232px -216px;
}
/* Highlight */
.ui-state-highlight {
border-color: #efdca9;
color: #525252;
background: #efdca9;
}
.ui-state-highlight .ui-icon {
background-image: url(metro-theme/images/ui-icons_525252_0.png);
}
/* Error */
.ui-state-error {
border-color: #d30909;
color: #ffffff;
background: #d30909;
}
.ui-state-error .ui-icon {
background-image: url(metro-theme/images/ui-icons_ffffff_0.png);
}
.fa::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "";
font-family: FontAwesomeSubset;
padding-right: 0.2em;
}
a[type="application/pdf"]::before,
a[type="application/msword"]::before,
a[type="text/html"]::before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
content: "";
font-family: FontAwesomeSubset;
padding-right: 0.2em;
}
.fa-attach::before {
content: "\e809";
}
a[type="application/pdf"]::before,
.fa-file-pdf::before {
content: "\e800";
}
a[type="application/msword"]::before,
.fa-file-word::before {
content: "\e801";
}
a[type="application/json"]::before,
.fa-file-word::before {
content: "\e80c";
}
a[type="text/html"]::before,
.fa-file-code::before {
content: "\e80c";
}
.fa-binoculars::before {
content: "\e804";
}
a.html::before,
.fa-doc::before {
content: "\e802";
}
.fa-file-image::before {
content: "\e803";
}
.fa-leanpub::before {
content: "\e805";
}
.fa-pencil::before {
content: "\e806";
}
.fa-info::before {
content: "\e807";
}
.fa-hamburger::before {
content: "\e808";
}
.fa-resize-full::before {
content: "\e80a";
}
a[type] {
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
a[type]:before {
background-repeat: no-repeat;
background-size: contain;
content: ' ';
display: inline-block;
min-height: 22px;
min-width: 22px;
padding-right: 3px;
vertical-align: middle;
box-sizing: content-box;
}
.group table a[type]:before {
vertical-align: bottom;
}
a[href$=".jpg"]:before,
a[href$=".png"]:before {
background-image: url('../images/img.png');
background-position: bottom left;
background-size: initial;
}
a.rtf:before,
a[type="application/rtf"]:before,
a.doc:before,
a[type="application/msword"]:before {
background-image: url('../images/word.png');
}
a.pdf:before,
a[type="application/pdf"]:before {
background-image: url('../images/pdf.png');
}
a.json:before,
a[type="application/json"]:before {
background-image: url('../images/download.png');
}
a.html:before,
a[type="text/html"]:before {
background-image: url('../images/html.png');
}
a[href*=".xsl?"]:before,
a[type="text/csv"]:before {
background-image: url('../images/report.png');
}
[disabled] + .bb-num-buttons,
[disabled] .bb-num-buttons {
pointer-events: none;
}
.bb-num-buttons {
bottom: auto;
display: inline-block;
margin-left: 0;
margin-right: 0;
padding-left: 3px;
padding-right: 3px;
position: static;
top: auto;
width: 18px;
height: 20px;
}
.bb-num-up,
.bb-num-down {
cursor: pointer;
height: 50%;
width: 100%;
border-width: 6px;
border-style: solid;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: border-color 300ms;
-moz-transition: border-color 300ms;
-o-transition: border-color 300ms;
transition: border-color 300ms;
}
.bb-num-up {
border-color: transparent transparent hsla(0, 0%, 0%, 0.2) transparent;
border-style: none solid solid solid;
margin-bottom: 3pt;
}
.bb-num-up:hover {
border-bottom-color: hsl(0, 0%, 0%);
}
.bb-num-down {
border-color: hsla(0, 0%, 0%, 0.2) transparent transparent transparent;
}
.bb-num-down:hover {
border-top-color: hsl(0, 0%, 0%);
}
.bb-num {
display: inline;
display: inline-flex;
padding-right: 0;
}
input,
select,
textarea {
border: 1px solid silver;
font: inherit;
vertical-align: baseline;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
box-shadow: 5px 0px 0 0 #ec0000 inset !important;
}
input:not([type="checkbox"]):not([type="radio"]),
select:not([data-type="listbox"]) {
box-sizing: content-box;
padding: 13px 16px;
padding: 0.8rem 1rem;
}
select[data-type="listbox"] {
box-sizing: content-box;
padding: 13px 16px;
padding: 0.8rem 1rem;
}
textarea {
box-sizing: content-box;
min-height: 70px;
padding: 16px;
padding: 1rem;
}
option {
padding: 2px 5px;
}
a.bb-external {
display: block;
margin: 15px 0;
}
.bb-p-asterisk-stick sup {
margin-left: 0pt;
vertical-align: text-bottom;
}
[data-type="label"],
[data-type="label"] + * {
flex-basis: 100%;
}
[data-type="label"].bbm-force-vertical {
min-width: 100%;
}
.bbm-label,
.bb-label,
.bb-questionlabelgroup label {
color: #181818;
display: block;
font-weight: var(--weight-label, bold);
margin-block-end: var(--label-margin-block-end, 0.5rem);
padding-right: 10px;
}
.bb-questionlabelgroup {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 1rem 0;
}
.bb-questionlabelgroup.bb-itype-checkbox {
flex-wrap: nowrap;
justify-content: start;
}
.bb-questionlabelgroup > input[type="checkbox"] {
flex-basis: auto !important;
flex-grow: 0 !important;
min-width: auto !important;
}
.bb-questionlabelgroup > input[type="checkbox"] + label {
min-width: auto;
}
.bb-questionlabelgroup > table {
flex-basis: 100%;
}
.bb-questionlabelgroup > input.p-option-filter {
flex-basis: 100%;
max-width: 500px;
margin-bottom: 10px;
}
.bb-questionlabelgroup > input.p-option-filter + * {
flex-basis: 100%;
}
.bb-questionlabelgroup.bb-itype-checkbox [data-type="label"] {
display: inline-block;
flex-basis: 90% !important;
padding-inline-start: var(--checkbox-label-padding-inline-start, 1%);
vertical-align: top;
}
.bb-questionlabelgroup input,
.bb-questionlabelgroup select,
.bb-questionlabelgroup textarea {
width: 100%;
}
.bb-questionlabelgroup select {
background-color: white;
}
.bb-option input[type="radio"] + span,
.bb-option input[type="checkbox"] + span {
display: inline-block;
max-width: 90%;
padding-left: 1%;
vertical-align: top;
}
#bb-login .bb-questionlabelgroup {
display: block;
}
#bb-login input {
max-width: 300px;
}
input[type="submit"],
button {
background: #004699;
border: 0;
color: white;
cursor: pointer;
font-size: inherit;
margin-top: 0.3125rem;
padding: 0.3rem 2rem;
text-indent: 0;
text-transform: capitalize;
transition: all 200ms ease-out;
width: auto;
}
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
button[disabled] {
cursor: default;
}
[role="button"] {
cursor: pointer;
vertical-align: text-top;
}
.bb-prior {
float: left;
margin-right: 5px;
}
.bb-next,
.bb-skip,
.bb-restart,
.bb-p-broadcast-fields_all {
float: right;
margin-left: 5px;
}
.nav-button,
.bb-p-broadcast-fields_all {
padding: 0.3rem 1.3rem;
}
.nav-button svg,
.bb-p-broadcast-fields_all svg {
vertical-align: middle;
}
.nav-button {
font-size: 0;
}
.errortext {
background-color: #fff;
color: #bc0000;
display: block;
padding: 20px;
position: relative;
border: none;
margin: 0;
}
.bb-option__label {
cursor: pointer;
}
td[data-column] {
padding: 1px;
}
code {
background-color: #252525;
border-radius: 7px;
color: white;
display: block;
font-family: monospace;
font-size: 13px;
margin: 5px 0;
padding: 5px;
width: fit-content;
}
@media (min-width: 100025px) {
[data-type="label"],
[data-type="label"] + * {
flex: 1;
min-width: 330px;
}
.bb-itype-memo > [data-type="label"],
.bb-itype-listbox > [data-type="label"] {
margin-right: 2rem;
}
.errortext {
min-width: 100%;
}
input[type="submit"]:hover,
button:hover {
color: white;
background: #004699;
}
}
.bb-p-grid-to-card-toggle,
.bb-p-wrap-table {
min-width: 100%;
}
@media (min-width: 1350px) {
.nav-button {
font-size: 16px;
padding: 0.3rem 2rem;
}
}
body:not(.isSettled) {
opacity: 0;
}
body.isSettled {
opacity: 1;
transition: opacity 200ms;
}
.master-bg {
background: none;
background-size: cover;
left: 0;
height: 100%;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
width: 100vw;
z-index: -1;
}
.mask {
background-color: white;
left: 0;
height: 100%;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
width: 100vw;
z-index: -1;
}
.topbar {
background-color: white;
min-height: 95px;
}
.topbar img {
left: 0;
padding: 16px 5px 0 0;
max-height: 100%;
max-width: 250px;
height: auto;
width: 153px;
}
.topbar a {
cursor: pointer;
padding-left: 30px;
}
.topbar a:hover,
.topbar a:focus,
.topbar a:active {
color: #ec0000;
text-decoration: underline;
}
.topbar--content {
align-items: center;
display: flex;
flex-wrap: wrap;
margin: auto;
}
body:not(.hasMIS) .topbar--content {
max-width: 920px;
}
.topbar--menu {
margin-left: auto;
}
.topbar--menu button {
background-color: transparent;
color: #004699;
font-size: 16px;
margin-left: 10px;
}
.topbar--menu button svg {
vertical-align: sub;
}
.header-main {
align-items: stretch;
background-color: white;
display: flex;
flex-direction: column;
justify-content: space-between;
margin: auto;
margin-bottom: 10px;
min-height: 70px;
padding: 0 5px;
}
body:not(.hasMIS) .header-main {
max-width: 920px;
}
.header-main h1.bb-info-header {
color: #bebebe;
line-height: 70px;
margin: 0;
}
main {
display: flex;
padding: 0 5px;
min-height: 90%;
min-height: calc(100vh - 70px - 95px - 70px - 30px);
}
body:not(.hasMIS) main {
max-width: 920px;
}
body:not(.hasTabs) main .columns[data-when="hasModel"] {
padding-top: 50px;
}
main .columns {
min-width: 100%;
}
main #bb-login {
color: #181818;
padding: 25px;
}
main #bb-login label {
text-transform: capitalize;
}
main #bb-login input:not([type="submit"]) {
border: thin solid #181818;
height: 35px;
padding: 0 10px;
}
main #bb-q {
min-height: calc(100% - 48px);
padding: 0 25px 16px 25px;
}
.hasInformationsources main #bb-q {
padding: 0 25px 16px 25px;
}
main nav {
padding: 5px 16px;
}
.c-card {
background-color: #fff;
padding-top: 0.625rem;
}
.c-card_slug {
font-size: 0.6875rem;
}
.c-card_heading {
margin-bottom: 0.625rem;
}
.c-card_slug ~ .c-card_heading {
margin-top: 0;
}
.c-card p ~ p {
margin-top: 1.25rem;
}
.c-card-holder .c-card {
margin-top: 1.25rem;
}
.c-card-shy {
color: #ccc;
float: right;
font-size: 0.8125rem;
font-family: Arial;
text-decoration: none;
margin-left: 1em;
}
.c-card:hover .c-card-shy {
color: #004699;
}
.c-card:hover .c-card-shy:hover,
.c-card:hover .c-card-shy:focus {
color: #181818;
}
.column {
overflow: auto;
}
@media (min-width: 100025px) {
.column-header {
display: block;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
position: relative;
}
html.eq-ie9 .column-header {
float: left;
}
.column-header {
height: auto;
}
.column-header + .column {
height: auto;
padding-bottom: 16px;
}
}
/* Layout */
@media (min-width: 100025px) {
.header-main {
flex-direction: row;
padding: 0 30px;
}
.topbar img {
max-width: initial;
}
main {
padding: 0 30px;
}
.hasJumplist main #bb-q,
.hasChapters main #bb-q {
padding: 0px 8px 16px 30px;
}
.hasJumplist main nav,
.hasChapters main nav {
padding: 5px 16px 5px 30px;
}
.nav-list li.selected,
.nav-list li.current {
border-right: none !important;
}
.columns {
border-bottom: 20px solid transparent;
display: flex;
flex-basis: 100%;
justify-content: center;
margin: 0 auto;
min-width: 100%;
}
.columns[data-if="ui-ready"] {
opacity: 0;
justify-content: flex-start;
}
.columns[data-when="hasModels"] {
justify-content: space-between;
}
.column {
box-sizing: border-box;
display: block;
float: left;
height: 90%;
height: calc(100vh - 70px - 95px - 70px - 30px);
max-height: 800px;
overflow: auto;
position: relative;
transition: width 200ms ease;
}
.column--half,
.column--6 {
width: 50%;
}
.column--third {
width: 33%;
}
.column--quarter {
width: 25%;
}
.column--0 {
border: none !important;
overflow: hidden !important;
padding: 0;
width: 0%;
}
.column--0-5 {
overflow: hidden !important;
width: 4.16666667%;
}
.column--1 {
width: 8.33333333%;
}
.column--2 {
width: 16.66666667%;
}
.column--3 {
width: 25%;
}
.column--4 {
width: 33.33333333%;
}
.column--5 {
width: 41.66666667%;
}
.column--7 {
width: 58.33333333%;
}
.column--8 {
width: 66.66666667%;
}
.column--9 {
width: 75%;
}
.column--10 {
width: 83.33333333%;
}
.column--11-5 {
width: 95.83333333%;
}
.column--12 {
width: 100%;
}
#tabs-column {
border-left: 1vw solid transparent;
}
#tabs-column,
#jumplist-column {
margin-top: 0px;
}
}
.jumplist-title {
color: #181818;
text-transform: capitalize;
}
.nav-container {
align-items: stretch;
display: flex;
height: 100%;
overflow: auto;
}
.nav-list {
background-color: transparent;
max-width: 100%;
flex-basis: 100%;
}
.nav-list li {
margin-bottom: 5px;
}
.nav-list button {
border: none;
border-radius: 0;
box-shadow: none;
color: #181818;
cursor: pointer;
display: block;
font-family: inherit;
font-size: inherit;
font-weight: inherit;
height: auto;
line-height: 30px;
margin-top: 0;
max-width: 100%;
min-height: 30px;
overflow: hidden;
padding: 0 15px;
text-align: left;
text-overflow: ellipsis;
text-transform: none;
transition: background-color 200ms ease-out;
white-space: nowrap;
width: 100%;
}
.nav-list button:not(.selected) {
background-color: transparent;
}
.nav-list button:hover:not(.p-chapters-chapter--done):not(.p-chapters-chapter--forbidden):not(.selected):not(.current) {
background-color: transparent;
}
.nav-list button.selected,
.nav-list button.p-chapters-chapter--current {
background-color: transparent;
color: #ec0000;
font-weight: bold;
}
.nav-list li.selected,
.nav-list li.current {
background-color: transparent;
position: relative;
padding-right: 1px;
}
.nav-list button.p-chapters-chapter--done {
color: #00a03c;
cursor: default;
}
.nav-list button.p-chapters-chapter--forbidden {
color: #bebebe;
cursor: not-allowed;
}
.hasJumplist #jumplist-column,
.hasChapters #jumplist-column {
border: thin solid #ccc;
margin-right: 0px;
margin-bottom: 20px;
overflow: visible;
position: relative;
z-index: 1;
}
#bb-models div.bb-model,
#p-docsgrabber-models div.bb-model {
border-bottom: thin solid #ccc;
display: block;
padding: 1rem 0;
}
#bb-models div.bb-model .bb-model-name,
#p-docsgrabber-models div.bb-model .bb-model-name {
color: #ec0000;
display: block;
font-size: inherit;
font-weight: bold;
overflow: hidden;
padding-right: 15px;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
}
#bb-models div.bb-model button,
#p-docsgrabber-models div.bb-model button {
margin-right: 5px;
min-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#bb-models div.bb-model button.bb-newcase,
#p-docsgrabber-models div.bb-model button.bb-newcase {
min-width: 100px;
}
/*
Make the scroll bar nicer, otherwise
it detracks from the beauty of the tabs ;-)
*/
::-webkit-scrollbar {
width: 7px;
/* for vertical scrollbars */
height: 7px;
/* for horizontal scrollbars */
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #ccc;
}
body {
scrollbar-face-color: #ccc;
scrollbar-shadow-color: #ccc;
scrollbar-highlight-color: #f1f1f1;
scrollbar-3dlight-color: #f1f1f1;
scrollbar-darkshadow-color: #ccc;
scrollbar-track-color: #f1f1f1;
scrollbar-arrow-color: #ccc;
}
/**
* Do not edit directly, this file was auto-generated.
*/
:root {
--ams-aspect-ratio-9-16: 9 / 16;
--ams-aspect-ratio-3-4: 3 / 4;
--ams-aspect-ratio-1-1: 1 / 1;
--ams-aspect-ratio-4-3: 4 / 3;
--ams-aspect-ratio-16-9: 16 / 9;
--ams-aspect-ratio-16-5: 16 / 5;
--ams-border-width-s: 0.0625rem;
--ams-border-width-m: 0.125rem;
--ams-border-width-l: 0.1875rem;
--ams-border-width-xl: 0.25rem;
--ams-color-interactive-secondary: #181818;
/** Use `currentColor` instead */
--ams-color-interactive-contrast: #181818;
--ams-color-interactive: #004699;
--ams-color-interactive-disabled: #767676;
--ams-color-interactive-hover: #003677;
--ams-color-interactive-invalid: #ec0000;
--ams-color-interactive-invalid-hover: #b70000;
--ams-color-interactive-inverse: #ffffff;
--ams-color-background: #ffffff;
--ams-color-feedback-error: #ec0000;
--ams-color-feedback-info: #009de6;
--ams-color-feedback-success: #00a03c;
--ams-color-feedback-warning: #ff9100;
--ams-color-highlight-azure: #009de6;
--ams-color-highlight-green: #00a03c;
--ams-color-highlight-lime: #bed200;
--ams-color-highlight-magenta: #e50082;
--ams-color-highlight-orange: #ff9100;
--ams-color-highlight-purple: #a00078;
--ams-color-highlight-yellow: #ffe600;
--ams-color-separator: #d1d1d1;
--ams-color-text: #181818;
--ams-color-text-inverse: #ffffff;
--ams-color-text-secondary: #767676;
--ams-cursor-disabled: not-allowed;
--ams-cursor-interactive: pointer;
--ams-focus-outline-offset: 0.25rem;
--ams-space-xs: clamp(0.25rem, 0.2143rem + 0.1786vw, 0.375rem);
--ams-space-s: clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem);
--ams-space-m: clamp(1rem, 0.8571rem + 0.7143vw, 1.5rem);
--ams-space-l: clamp(1.5rem, 1.2857rem + 1.0714vw, 2.25rem);
--ams-space-xl: clamp(2.25rem, 1.8214rem + 2.1429vw, 3.75rem);
--ams-space-2xl: clamp(3rem, 2.25rem + 3.75vw, 5.625rem);
--ams-typography-heading-0-font-size: clamp(2.435rem, 2.0409rem + 1.9709vw, 3.8147rem);
/** Use Heading size 1 instead. */
--ams-typography-heading-0-line-height: 1.1;
/** Use Heading size 1 instead. */
--ams-typography-heading-1-font-size: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);
--ams-typography-heading-1-line-height: 1.2;
--ams-typography-heading-2-line-height: 1.3;
--ams-typography-heading-3-line-height: 1.3;
--ams-typography-heading-4-line-height: 1.4;
--ams-typography-heading-5-line-height: 1.4;
--ams-typography-heading-6-line-height: 1.4;
/** Use Heading size 5 instead. */
--ams-typography-heading-font-weight: 800;
--ams-typography-heading-text-wrap: balance;
--ams-typography-font-family: 'Amsterdam Sans', Arial, sans-serif;
--ams-typography-hyphenate-limit-chars: 12 8 4;
--ams-typography-body-text-font-size: clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem);
--ams-typography-body-text-font-weight: 400;
--ams-typography-body-text-line-height: 1.8;
--ams-typography-body-text-bold-font-weight: 800;
--ams-typography-body-text-small-font-size: 1rem;
--ams-typography-body-text-small-line-height: 1.6;
--ams-typography-body-text-large-font-size: clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem);
--ams-typography-body-text-large-line-height: 1.6;
--ams-typography-body-text-x-large-font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
--ams-typography-body-text-x-large-line-height: 1.4;
--ams-inputs-border-color: currentColor;
--ams-inputs-border-style: solid;
--ams-inputs-line-height: 1.4;
--ams-links-text-decoration-thickness: 0.125rem;
/** 2px */
--ams-links-text-underline-offset: 0.15625rem;
/** 2.5px */
--ams-links-hover-text-decoration-thickness: 0.1875rem;
/** 3px */
--ams-links-hover-text-underline-offset: 0.09375rem;
/** 1.5px */
--ams-links-subtle-text-decoration-line: none;
--ams-links-subtle-hover-text-decoration-line: underline;
--ams-accordion-button-padding-inline: 0;
--ams-accordion-panel-padding-block: 0;
--ams-accordion-panel-padding-inline: 0;
--ams-alert-border-style: solid;
--ams-avatar-border-style: solid;
--ams-breadcrumb-separator-background-image: url("data:image/svg+xml;utf8,");
--ams-breadcrumb-separator-block-size: 1ex;
--ams-breadcrumb-separator-inline-size: 1ex;
--ams-button-border-style: solid;
--ams-button-secondary-border-color: currentColor;
--ams-button-tertiary-background-color: transparent;
--ams-button-tertiary-border-color: transparent;
--ams-button-tertiary-hover-border-color: currentColor;
--ams-call-to-action-link-background-color: #00a03c;
--ams-call-to-action-link-hover-background-color: #007c2e;
--ams-date-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-date-input-disabled-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-date-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-date-input-hover-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-date-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-date-input-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-description-list-narrow-grid-template-columns: 1fr 4fr;
--ams-description-list-medium-grid-template-columns: 1fr 2fr;
--ams-description-list-wide-grid-template-columns: 1fr 1fr;
--ams-dialog-border-style: solid;
--ams-dialog-max-inline-size: 48rem;
--ams-dialog-backdrop-background-color: rgba(24, 24, 24, 0.625);
--ams-dialog-body-padding-block: 0;
--ams-file-input-border-style: dashed;
--ams-file-list-file-preview-width: clamp(2.5rem, 10vw, 5rem);
--ams-grid-column-count: 4;
--ams-grid-medium-column-count: 8;
--ams-grid-wide-column-count: 12;
--ams-icon-button-hover-background-color: rgba(0, 70, 153, 0.125);
--ams-icon-button-contrast-hover-background-color: rgba(0, 0, 0, 0.125);
--ams-image-slider-thumbnails-thumbnail-background-color: transparent;
--ams-image-slider-thumbnails-thumbnail-opacity: 40%;
--ams-image-slider-thumbnails-thumbnail-in-view-opacity: 100%;
--ams-image-slider-thumbnails-thumbnail-hover-opacity: 100%;
--ams-link-font-family: inherit;
--ams-link-font-size: inherit;
--ams-link-line-height: inherit;
--ams-logo-min-block-size: 2.5rem;
--ams-logo-emblem-color: #ec0000;
--ams-logo-title-color: #ec0000;
--ams-menu-wide-max-inline-size: 8rem;
--ams-ordered-list-list-style-type: decimal;
--ams-ordered-list-item-margin-inline-start: 2.25rem;
/** Divide your total indentation width over margin and padding to position the marker. */
--ams-ordered-list-item-padding-inline-start: 0.25rem;
/** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
--ams-ordered-list-ordered-list-list-style-type: lower-alpha;
--ams-ordered-list-ordered-list-item-margin-inline-start: 1.5rem;
/** Indent less than the parent to start-align the child’s marker with the parent text. */
--ams-ordered-list-ordered-list-item-padding-inline-start: 0.25rem;
/** The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. */
--ams-page-footer-spotlight-background-color: #004699;
--ams-page-max-inline-size: 90rem;
--ams-page-with-menu-max-inline-size: 120rem;
--ams-search-field-input-cancel-button-background-image: url("data:image/svg+xml;utf8,");
--ams-select-background-image: url("data:image/svg+xml;utf8,");
--ams-select-disabled-background-image: url("data:image/svg+xml;utf8,");
--ams-select-hover-background-image: url("data:image/svg+xml;utf8,");
--ams-switch-background-color: #767676;
--ams-switch-inline-size: 3.5rem;
--ams-switch-thumb-block-size: 1.75rem;
--ams-switch-thumb-inline-size: 1.75rem;
--ams-time-input-disabled-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-time-input-disabled-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-time-input-hover-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-time-input-hover-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-time-input-calender-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-time-input-calendar-picker-indicator-background-image: url("data:image/svg+xml;utf8,");
--ams-unordered-list-list-style-type: '\2022';
--ams-unordered-list-item-margin-inline-start: 1.625rem;
/** Divide your total indentation width over margin and padding to position the marker. */
--ams-unordered-list-item-padding-inline-start: 0.875rem;
/** The total level 1 indentation for Amsterdam is 40 pixels, or 2.5rem. */
--ams-unordered-list-unordered-list-list-style-type: '\2013';
--ams-unordered-list-unordered-list-item-margin-inline-start: 0.875rem;
/** Indent less than the parent to start-align the child’s marker with the parent text. */
--ams-unordered-list-unordered-list-item-padding-inline-start: 0.875rem;
/** The total level >=2 indentation for Amsterdam is 28 pixels, or 1.75rem. */
--ams-typography-heading-2-font-size: var(--ams-typography-body-text-x-large-font-size);
--ams-typography-heading-3-font-size: var(--ams-typography-body-text-large-font-size);
--ams-typography-heading-4-font-size: var(--ams-typography-body-text-font-size);
--ams-typography-heading-5-font-size: var(--ams-typography-body-text-small-font-size);
--ams-typography-heading-6-font-size: var(--ams-typography-body-text-small-font-size);
/** Use Heading size 5 instead. */
--ams-inputs-background-color: var(--ams-color-background);
--ams-inputs-border-width: var(--ams-border-width-m);
--ams-inputs-color: var(--ams-color-text);
--ams-inputs-font-family: var(--ams-typography-font-family);
--ams-inputs-font-size: var(--ams-typography-body-text-font-size);
--ams-inputs-font-weight: var(--ams-typography-body-text-font-weight);
--ams-inputs-outline-offset: var(--ams-focus-outline-offset);
--ams-inputs-padding-block: var(--ams-space-s);
--ams-inputs-padding-inline: var(--ams-space-m);
--ams-inputs-disabled-color: var(--ams-color-interactive-disabled);
--ams-inputs-hover-box-shadow: inset 0 0 0 var(--ams-border-width-s);
--ams-inputs-invalid-border-color: var(--ams-color-interactive-invalid);
--ams-inputs-invalid-hover-border-color: var(--ams-color-interactive-invalid-hover);
--ams-inputs-invalid-hover-box-shadow: inset 0 0 0 var(--ams-border-width-s) var(--ams-color-interactive-invalid-hover);
--ams-inputs-placeholder-color: var(--ams-color-text-secondary);
--ams-links-color: var(--ams-color-interactive);
--ams-links-hover-color: var(--ams-color-interactive-hover);
--ams-links-contrast-color: var(--ams-color-interactive-contrast);
--ams-links-contrast-hover-color: var(--ams-color-interactive-contrast);
--ams-links-inverse-color: var(--ams-color-interactive-inverse);
--ams-links-inverse-hover-color: var(--ams-color-interactive-inverse);
--ams-accordion-button-font-family: var(--ams-typography-font-family);
--ams-accordion-button-font-weight: var(--ams-typography-heading-font-weight);
--ams-accordion-button-line-height: var(--ams-typography-heading-3-line-height);
--ams-accordion-button-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-accordion-button-color: var(--ams-color-interactive);
--ams-accordion-button-cursor: var(--ams-cursor-interactive);
--ams-accordion-button-gap: var(--ams-space-s);
--ams-accordion-button-outline-offset: var(--ams-focus-outline-offset);
--ams-accordion-button-padding-block: var(--ams-space-s);
--ams-accordion-button-hover-color: var(--ams-color-interactive-hover);
--ams-accordion-gap: var(--ams-space-s);
--ams-action-group-gap: var(--ams-space-m);
--ams-alert-background-color: var(--ams-color-background);
--ams-alert-border-color: var(--ams-color-feedback-info);
--ams-alert-border-width: var(--ams-border-width-xl);
--ams-alert-severity-indicator-background-color: var(--ams-color-feedback-info);
--ams-alert-severity-indicator-padding-block: var(--ams-space-m);
--ams-alert-severity-indicator-padding-inline: var(--ams-space-s);
--ams-alert-content-gap: var(--ams-space-s);
--ams-alert-content-padding-block: var(--ams-space-m);
--ams-alert-content-padding-inline: var(--ams-space-m);
--ams-alert-error-border-color: var(--ams-color-feedback-error);
--ams-alert-error-severity-indicator-background-color: var(--ams-color-feedback-error);
--ams-alert-success-border-color: var(--ams-color-feedback-success);
--ams-alert-success-severity-indicator-background-color: var(--ams-color-feedback-success);
--ams-alert-warning-border-color: var(--ams-color-feedback-warning);
--ams-alert-warning-severity-indicator-background-color: var(--ams-color-feedback-warning);
--ams-avatar-aspect-ratio: var(--ams-aspect-ratio-1-1);
--ams-avatar-background-color: var(--ams-color-highlight-purple);
--ams-avatar-border-color: var(--ams-color-highlight-purple);
--ams-avatar-border-width: var(--ams-border-width-m);
--ams-avatar-color: var(--ams-color-text-inverse);
--ams-avatar-font-family: var(--ams-typography-font-family);
--ams-avatar-font-size: var(--ams-typography-body-text-small-font-size);
--ams-avatar-font-weight: var(--ams-typography-body-text-font-weight);
--ams-avatar-line-height: var(--ams-typography-body-text-small-line-height);
--ams-avatar-padding-block: var(--ams-space-xs);
--ams-avatar-padding-inline: var(--ams-space-xs);
--ams-avatar-forced-colors-border-width: var(--ams-border-width-m);
--ams-avatar-azure-background-color: var(--ams-color-highlight-azure);
--ams-avatar-azure-border-color: var(--ams-color-highlight-azure);
--ams-avatar-azure-color: var(--ams-color-text-inverse);
--ams-avatar-green-background-color: var(--ams-color-highlight-green);
--ams-avatar-green-border-color: var(--ams-color-highlight-green);
--ams-avatar-green-color: var(--ams-color-text-inverse);
--ams-avatar-lime-background-color: var(--ams-color-highlight-lime);
--ams-avatar-lime-border-color: var(--ams-color-highlight-lime);
--ams-avatar-lime-color: var(--ams-color-text);
--ams-avatar-magenta-background-color: var(--ams-color-highlight-magenta);
--ams-avatar-magenta-border-color: var(--ams-color-highlight-magenta);
--ams-avatar-magenta-color: var(--ams-color-text-inverse);
--ams-avatar-orange-background-color: var(--ams-color-highlight-orange);
--ams-avatar-orange-border-color: var(--ams-color-highlight-orange);
--ams-avatar-orange-color: var(--ams-color-text);
--ams-avatar-yellow-background-color: var(--ams-color-highlight-yellow);
--ams-avatar-yellow-border-color: var(--ams-color-highlight-yellow);
--ams-avatar-yellow-color: var(--ams-color-text);
--ams-badge-background-color: var(--ams-color-feedback-success);
--ams-badge-color: var(--ams-color-text-inverse);
--ams-badge-font-family: var(--ams-typography-font-family);
--ams-badge-font-size: var(--ams-typography-body-text-font-size);
--ams-badge-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-badge-line-height: var(--ams-typography-body-text-line-height);
--ams-badge-padding-inline: var(--ams-space-xs);
--ams-badge-azure-background-color: var(--ams-color-feedback-info);
--ams-badge-azure-color: var(--ams-color-text-inverse);
--ams-badge-lime-background-color: var(--ams-color-highlight-lime);
--ams-badge-lime-color: var(--ams-color-text);
--ams-badge-magenta-background-color: var(--ams-color-highlight-magenta);
--ams-badge-magenta-color: var(--ams-color-text-inverse);
--ams-badge-orange-background-color: var(--ams-color-feedback-warning);
--ams-badge-orange-color: var(--ams-color-text);
--ams-badge-purple-background-color: var(--ams-color-highlight-purple);
--ams-badge-purple-color: var(--ams-color-text-inverse);
--ams-badge-red-background-color: var(--ams-color-feedback-error);
--ams-badge-red-color: var(--ams-color-text-inverse);
--ams-badge-yellow-background-color: var(--ams-color-highlight-yellow);
--ams-badge-yellow-color: var(--ams-color-text);
--ams-blockquote-color: var(--ams-color-text);
--ams-blockquote-font-family: var(--ams-typography-font-family);
--ams-blockquote-font-size: var(--ams-typography-body-text-x-large-font-size);
--ams-blockquote-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-blockquote-line-height: var(--ams-typography-body-text-x-large-line-height);
--ams-blockquote-inverse-color: var(--ams-color-text-inverse);
--ams-breadcrumb-font-family: var(--ams-typography-font-family);
--ams-breadcrumb-font-size: var(--ams-typography-body-text-font-size);
--ams-breadcrumb-font-weight: var(--ams-typography-body-text-font-weight);
--ams-breadcrumb-line-height: var(--ams-typography-body-text-line-height);
--ams-breadcrumb-separator-margin-inline: var(--ams-space-s);
--ams-breadcrumb-link-outline-offset: var(--ams-focus-outline-offset);
--ams-breadcrumb-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-breadcrumb-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-breadcrumb-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-breadcrumb-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-button-border-width: var(--ams-border-width-m);
--ams-button-cursor: var(--ams-cursor-interactive);
--ams-button-font-family: var(--ams-typography-font-family);
--ams-button-font-size: var(--ams-typography-body-text-font-size);
--ams-button-font-weight: var(--ams-typography-body-text-font-weight);
--ams-button-line-height: var(--ams-inputs-line-height);
--ams-button-gap: var(--ams-space-s);
--ams-button-outline-offset: var(--ams-focus-outline-offset);
--ams-button-padding-block: var(--ams-space-s);
--ams-button-padding-inline: var(--ams-space-m);
--ams-button-disabled-cursor: var(--ams-cursor-disabled);
--ams-button-icon-only-padding-block: var(--ams-space-s);
--ams-button-icon-only-padding-inline: var(--ams-space-s);
--ams-button-primary-background-color: var(--ams-color-interactive);
--ams-button-primary-border-color: var(--ams-color-interactive);
--ams-button-primary-color: var(--ams-color-text-inverse);
--ams-button-primary-disabled-background-color: var(--ams-color-interactive-disabled);
--ams-button-primary-disabled-border-color: var(--ams-color-interactive-disabled);
--ams-button-primary-hover-background-color: var(--ams-color-interactive-hover);
--ams-button-primary-hover-border-color: var(--ams-color-interactive-hover);
--ams-button-secondary-background-color: var(--ams-color-background);
--ams-button-secondary-color: var(--ams-color-interactive);
--ams-button-secondary-disabled-border-color: var(--ams-color-interactive-disabled);
--ams-button-secondary-disabled-color: var(--ams-color-interactive-disabled);
--ams-button-secondary-hover-box-shadow: inset 0 0 0 var(--ams-border-width-s);
--ams-button-secondary-hover-color: var(--ams-color-interactive-hover);
--ams-button-tertiary-color: var(--ams-color-interactive);
--ams-button-tertiary-disabled-color: var(--ams-color-interactive-disabled);
--ams-button-tertiary-hover-color: var(--ams-color-interactive-hover);
--ams-call-to-action-link-color: var(--ams-color-text-inverse);
--ams-call-to-action-link-font-family: var(--ams-typography-font-family);
--ams-call-to-action-link-font-size: var(--ams-typography-body-text-font-size);
--ams-call-to-action-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-call-to-action-link-line-height: var(--ams-typography-body-text-line-height);
--ams-call-to-action-link-outline-offset: var(--ams-focus-outline-offset);
--ams-call-to-action-link-padding-block: var(--ams-space-xs);
--ams-call-to-action-link-padding-inline: var(--ams-space-m);
--ams-call-to-action-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-call-to-action-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-call-to-action-link-hover-text-decoration-thickness: var(--ams-links-hover-text-decoration-thickness);
--ams-call-to-action-link-hover-text-underline-offset: var(--ams-links-hover-text-underline-offset);
--ams-card-heading-margin-block-end: var(--ams-space-xs);
--ams-card-heading-group-gap: var(--ams-space-xs);
--ams-card-heading-group-margin-block-end: var(--ams-space-xs);
--ams-card-image-margin-block-end: var(--ams-space-s);
--ams-card-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-card-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-card-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-card-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-card-outline-offset: var(--ams-focus-outline-offset);
--ams-character-count-color: var(--ams-color-text);
--ams-character-count-font-family: var(--ams-typography-font-family);
--ams-character-count-font-size: var(--ams-typography-body-text-small-font-size);
--ams-character-count-font-weight: var(--ams-typography-body-text-font-weight);
--ams-character-count-line-height: var(--ams-typography-body-text-small-line-height);
--ams-character-count-error-color: var(--ams-color-feedback-error);
--ams-checkbox-hover-text-decoration-thickness: var(--ams-border-width-m);
/** Use `ams.checkbox.text-decoration-thickness` instead */
--ams-checkbox-hover-color: var(--ams-color-interactive-hover);
--ams-checkbox-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-checkbox-rectangle-checked-disabled-hover-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-checked-disabled-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-checked-hover-disabled-invalid-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-checked-hover-fill: var(--ams-color-interactive-hover);
--ams-checkbox-rectangle-checked-fill: var(--ams-color-interactive);
--ams-checkbox-rectangle-checked-invalid-fill: var(--ams-color-interactive-invalid);
--ams-checkbox-rectangle-checked-invalid-hover-fill: var(--ams-color-interactive-invalid-hover);
--ams-checkbox-rectangle-hover-disabled-invalid-stroke: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-hover-stroke: var(--ams-color-interactive-hover);
--ams-checkbox-rectangle-indeterminate-disabled-hover-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-indeterminate-disabled-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-indeterminate-hover-disabled-invalid-fill: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-indeterminate-hover-fill: var(--ams-color-interactive-hover);
--ams-checkbox-rectangle-indeterminate-fill: var(--ams-color-interactive);
--ams-checkbox-rectangle-indeterminate-invalid-fill: var(--ams-color-interactive-invalid);
--ams-checkbox-rectangle-indeterminate-invalid-hover-fill: var(--ams-color-interactive-invalid-hover);
--ams-checkbox-rectangle-fill: var(--ams-color-background);
--ams-checkbox-rectangle-stroke: var(--ams-color-interactive);
--ams-checkbox-rectangle-disabled-stroke: var(--ams-color-interactive-disabled);
--ams-checkbox-rectangle-invalid-stroke: var(--ams-color-interactive-invalid);
--ams-checkbox-rectangle-invalid-hover-stroke: var(--ams-color-interactive-invalid-hover);
--ams-checkbox-color: var(--ams-color-text);
--ams-checkbox-cursor: var(--ams-cursor-interactive);
--ams-checkbox-font-family: var(--ams-typography-font-family);
--ams-checkbox-font-size: var(--ams-typography-body-text-font-size);
--ams-checkbox-font-weight: var(--ams-typography-body-text-font-weight);
--ams-checkbox-gap: var(--ams-space-s);
--ams-checkbox-line-height: var(--ams-typography-body-text-line-height);
--ams-checkbox-outline-offset: var(--ams-focus-outline-offset);
--ams-checkbox-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-checkbox-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-checkbox-disabled-cursor: var(--ams-cursor-disabled);
--ams-checkbox-disabled-color: var(--ams-color-interactive-disabled);
--ams-checkbox-checked-indicator-stroke: var(--ams-color-interactive-inverse);
--ams-checkbox-hover-indicator-hover-stroke: var(--ams-color-interactive-hover);
--ams-checkbox-hover-indicator-invalid-hover-stroke: var(--ams-color-interactive-invalid-hover);
--ams-checkbox-indeterminate-indicator-stroke: var(--ams-color-interactive-inverse);
--ams-column-gap-x-small: var(--ams-space-xs);
--ams-column-gap-small: var(--ams-space-s);
--ams-column-gap-medium: var(--ams-space-m);
--ams-column-gap-large: var(--ams-space-l);
--ams-column-gap-x-large: var(--ams-space-xl);
--ams-date-input-disabled-cursor: var(--ams-cursor-disabled);
--ams-date-input-calender-picker-indicator-cursor: var(--ams-cursor-interactive);
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-date-input-border-color: var(--ams-inputs-border-color);
--ams-date-input-border-style: var(--ams-inputs-border-style);
--ams-date-input-line-height: var(--ams-inputs-line-height);
--ams-date-input-calendar-picker-indicator-cursor: var(--ams-cursor-interactive);
--ams-description-list-color: var(--ams-color-text);
--ams-description-list-column-gap: var(--ams-space-l);
--ams-description-list-font-family: var(--ams-typography-font-family);
--ams-description-list-font-size: var(--ams-typography-body-text-font-size);
--ams-description-list-line-height: var(--ams-typography-body-text-line-height);
--ams-description-list-row-gap: var(--ams-space-s);
--ams-description-list-inverse-color: var(--ams-color-text-inverse);
--ams-description-list-term-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-description-list-description-font-weight: var(--ams-typography-body-text-font-weight);
--ams-description-list-description-padding-inline-start: var(--ams-space-l);
--ams-dialog-background-color: var(--ams-color-background);
--ams-dialog-border-width: var(--ams-border-width-m);
--ams-dialog-gap: var(--ams-space-m);
--ams-dialog-inline-size: calc(100% - 2 * var(--ams-space-l));
--ams-dialog-max-block-size: calc(100dvh - 2 * var(--ams-space-l));
--ams-dialog-medium-inline-size: calc(100% - 2 * var(--ams-space-xl));
--ams-dialog-medium-max-block-size: calc(100dvh - 2 * var(--ams-space-xl));
--ams-dialog-header-gap: var(--ams-space-m);
--ams-dialog-header-padding-block: var(--ams-space-l) 0;
--ams-dialog-header-padding-inline: var(--ams-space-l);
--ams-dialog-header-medium-padding-block: var(--ams-space-xl) 0;
--ams-dialog-header-medium-padding-inline: var(--ams-space-xl);
--ams-dialog-body-padding-inline: var(--ams-space-l);
--ams-dialog-body-medium-padding-inline: var(--ams-space-xl);
--ams-dialog-footer-padding-block: 0 var(--ams-space-l);
--ams-dialog-footer-padding-inline: var(--ams-space-l);
--ams-dialog-footer-medium-padding-block: 0 var(--ams-space-xl);
--ams-dialog-footer-medium-padding-inline: var(--ams-space-xl);
--ams-error-message-color: var(--ams-color-feedback-error);
--ams-error-message-font-family: var(--ams-typography-font-family);
--ams-error-message-font-size: var(--ams-typography-body-text-font-size);
--ams-error-message-font-weight: var(--ams-typography-body-text-font-weight);
--ams-error-message-gap: var(--ams-space-xs);
--ams-error-message-line-height: var(--ams-typography-body-text-line-height);
--ams-field-set-invalid-border-inline-start: var(--ams-border-width-l) solid var(--ams-color-feedback-error);
--ams-field-set-invalid-padding-inline-start: var(--ams-space-m);
--ams-field-set-legend-color: var(--ams-color-text);
--ams-field-set-legend-font-family: var(--ams-typography-font-family);
--ams-field-set-legend-font-weight: var(--ams-typography-heading-font-weight);
--ams-field-set-legend-line-height: var(--ams-typography-heading-3-line-height);
--ams-field-set-legend-margin-block-end: var(--ams-space-s);
--ams-field-set-legend-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-field-set-legend-in-fieldset-font-weight: var(--ams-typography-body-text-font-weight);
--ams-field-gap: var(--ams-space-s);
--ams-field-invalid-border-inline-start: var(--ams-border-width-l) solid var(--ams-color-feedback-error);
--ams-field-invalid-padding-inline-start: var(--ams-space-m);
--ams-figure-gap: var(--ams-space-s);
--ams-figure-caption-color: var(--ams-color-text);
--ams-figure-caption-font-family: var(--ams-typography-font-family);
--ams-figure-caption-font-size: var(--ams-typography-body-text-small-font-size);
--ams-figure-caption-font-weight: var(--ams-typography-body-text-font-weight);
--ams-figure-caption-line-height: var(--ams-typography-body-text-small-line-height);
--ams-figure-caption-inverse-color: var(--ams-color-text-inverse);
--ams-file-input-border-color: var(--ams-inputs-border-color);
--ams-file-input-cursor: var(--ams-cursor-interactive);
--ams-file-input-line-height: var(--ams-inputs-line-height);
--ams-file-input-padding-block: var(--ams-space-m);
--ams-file-input-padding-inline: var(--ams-space-m);
--ams-file-input-disabled-cursor: var(--ams-cursor-disabled);
--ams-file-input-file-selector-button-border-color: var(--ams-button-secondary-border-color);
--ams-file-input-file-selector-button-border-style: var(--ams-button-border-style);
--ams-file-input-file-selector-button-margin-inline-end: var(--ams-space-m);
--ams-file-list-gap: var(--ams-space-m);
--ams-file-list-padding-block: var(--ams-space-m);
--ams-file-list-file-font-family: var(--ams-typography-font-family);
--ams-file-list-file-font-size: var(--ams-typography-body-text-small-font-size);
--ams-file-list-file-font-weight: var(--ams-typography-body-text-font-weight);
--ams-file-list-file-gap: var(--ams-space-s);
--ams-file-list-file-line-height: var(--ams-typography-body-text-small-line-height);
--ams-file-list-file-details-color: var(--ams-color-text-secondary);
--ams-grid-column-gap: var(--ams-space-xl);
--ams-grid-padding-block-l: var(--ams-space-l);
--ams-grid-padding-block-xl: var(--ams-space-xl);
--ams-grid-padding-block-2xl: var(--ams-space-2xl);
--ams-grid-padding-inline: var(--ams-space-l);
--ams-grid-row-gap-l: var(--ams-space-l);
--ams-grid-row-gap-xl: var(--ams-space-xl);
--ams-grid-row-gap-2xl: var(--ams-space-2xl);
--ams-grid-medium-padding-inline: var(--ams-space-xl);
--ams-grid-wide-padding-inline: var(--ams-space-2xl);
--ams-heading-1-font-size: var(--ams-typography-heading-1-font-size);
--ams-heading-1-line-height: var(--ams-typography-heading-1-line-height);
--ams-heading-2-line-height: var(--ams-typography-heading-2-line-height);
--ams-heading-3-line-height: var(--ams-typography-heading-3-line-height);
--ams-heading-4-line-height: var(--ams-typography-heading-4-line-height);
--ams-heading-5-line-height: var(--ams-typography-heading-5-line-height);
--ams-heading-6-line-height: var(--ams-typography-heading-6-line-height);
--ams-heading-color: var(--ams-color-text);
--ams-heading-font-family: var(--ams-typography-font-family);
--ams-heading-font-weight: var(--ams-typography-heading-font-weight);
--ams-heading-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-heading-inverse-color: var(--ams-color-text-inverse);
--ams-hint-font-weight: var(--ams-typography-body-text-font-weight);
--ams-hint-in-fieldset-color: var(--ams-color-text-secondary);
--ams-icon-button-color: var(--ams-color-interactive);
--ams-icon-button-cursor: var(--ams-cursor-interactive);
--ams-icon-button-outline-offset: var(--ams-focus-outline-offset);
--ams-icon-button-hover-color: var(--ams-color-interactive-hover);
--ams-icon-button-disabled-color: var(--ams-color-interactive-disabled);
--ams-icon-button-disabled-cursor: var(--ams-cursor-disabled);
--ams-icon-button-contrast-color: var(--ams-color-interactive-contrast);
--ams-icon-button-contrast-hover-color: var(--ams-color-interactive-contrast);
--ams-icon-button-contrast-disabled-color: var(--ams-color-interactive-disabled);
--ams-icon-button-inverse-background-color: var(--ams-color-interactive);
--ams-icon-button-inverse-color: var(--ams-color-interactive-inverse);
--ams-icon-button-inverse-hover-background-color: var(--ams-color-interactive-hover);
--ams-icon-button-inverse-hover-color: var(--ams-color-interactive-inverse);
--ams-icon-button-inverse-disabled-color: var(--ams-color-interactive-inverse);
--ams-icon-button-inverse-disabled-background-color: var(--ams-color-interactive-disabled);
--ams-icon-heading-0-font-size: var(--ams-typography-heading-0-font-size);
/** Deprecated. Use ‘heading 1’ instead. */
--ams-icon-heading-0-line-height: var(--ams-typography-heading-0-line-height);
/** Deprecated. Use ‘heading 1’ instead. */
--ams-icon-font-size: var(--ams-typography-body-text-font-size);
--ams-icon-line-height: var(--ams-typography-body-text-line-height);
--ams-icon-small-font-size: var(--ams-typography-body-text-small-font-size);
--ams-icon-small-line-height: var(--ams-typography-body-text-small-line-height);
--ams-icon-large-font-size: var(--ams-typography-body-text-large-font-size);
--ams-icon-large-line-height: var(--ams-typography-body-text-large-line-height);
--ams-icon-heading-1-font-size: var(--ams-typography-heading-1-font-size);
--ams-icon-heading-1-line-height: var(--ams-typography-heading-1-line-height);
--ams-icon-heading-2-line-height: var(--ams-typography-heading-2-line-height);
--ams-icon-heading-3-line-height: var(--ams-typography-heading-3-line-height);
--ams-icon-heading-4-line-height: var(--ams-typography-heading-4-line-height);
--ams-icon-heading-5-line-height: var(--ams-typography-heading-5-line-height);
--ams-icon-heading-6-line-height: var(--ams-typography-heading-6-line-height);
--ams-icon-inverse-color: var(--ams-color-text-inverse);
--ams-image-slider-gap: var(--ams-space-xs);
--ams-image-slider-scroller-gap: var(--ams-space-xs);
--ams-image-slider-scroller-outline-offset: var(--ams-focus-outline-offset);
--ams-image-slider-thumbnails-gap: var(--ams-space-xs);
--ams-image-slider-thumbnails-thumbnail-cursor: var(--ams-cursor-interactive);
--ams-image-slider-thumbnails-thumbnail-outline-offset: var(--ams-focus-outline-offset);
--ams-image-aspect-ratio: var(--ams-aspect-ratio-16-9);
--ams-invalid-form-alert-outline-offset: var(--ams-focus-outline-offset);
--ams-label-color: var(--ams-color-text);
--ams-label-font-family: var(--ams-typography-font-family);
--ams-label-font-weight: var(--ams-typography-heading-font-weight);
--ams-label-line-height: var(--ams-typography-heading-3-line-height);
--ams-label-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-label-in-fieldset-font-weight: var(--ams-typography-body-text-font-weight);
--ams-link-list-gap: var(--ams-space-s);
--ams-link-list-link-font-family: var(--ams-typography-font-family);
--ams-link-list-link-font-size: var(--ams-typography-body-text-font-size);
--ams-link-list-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-link-list-link-gap: var(--ams-space-s);
--ams-link-list-link-line-height: var(--ams-typography-body-text-line-height);
--ams-link-list-link-outline-offset: var(--ams-focus-outline-offset);
--ams-link-list-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-link-list-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-link-list-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-link-list-link-small-font-size: var(--ams-typography-body-text-small-font-size);
--ams-link-list-link-small-line-height: var(--ams-typography-body-text-small-line-height);
--ams-link-list-link-large-font-size: var(--ams-typography-body-text-large-font-size);
--ams-link-list-link-large-line-height: var(--ams-typography-body-text-large-line-height);
--ams-link-list-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-link-outline-offset: var(--ams-focus-outline-offset);
--ams-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-link-hover-text-decoration-thickness: var(--ams-links-hover-text-decoration-thickness);
--ams-link-hover-text-underline-offset: var(--ams-links-hover-text-underline-offset);
--ams-logo-block-size: var(--ams-space-xl);
--ams-logo-subsite-color: var(--ams-color-text);
--ams-mark-background-color: var(--ams-color-highlight-yellow);
--ams-menu-link-gap: var(--ams-space-s);
--ams-menu-link-outline-offset: var(--ams-focus-outline-offset);
--ams-menu-link-padding-block: var(--ams-space-s);
--ams-menu-link-padding-inline: var(--ams-space-s);
--ams-menu-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-menu-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-menu-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-menu-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-menu-link-wide-gap: var(--ams-space-xs);
--ams-menu-background-color: var(--ams-color-interactive);
--ams-menu-font-family: var(--ams-typography-font-family);
--ams-menu-font-size: var(--ams-typography-body-text-font-size);
--ams-menu-font-weight: var(--ams-typography-body-text-font-weight);
--ams-menu-line-height: var(--ams-typography-body-text-line-height);
--ams-menu-padding-block: var(--ams-space-m);
--ams-menu-wide-padding-inline: var(--ams-space-s);
--ams-menu-list-gap: var(--ams-space-m);
--ams-ordered-list-color: var(--ams-color-text);
--ams-ordered-list-font-family: var(--ams-typography-font-family);
--ams-ordered-list-font-size: var(--ams-typography-body-text-font-size);
--ams-ordered-list-font-weight: var(--ams-typography-body-text-font-weight);
--ams-ordered-list-gap: var(--ams-space-s);
--ams-ordered-list-line-height: var(--ams-typography-body-text-line-height);
--ams-ordered-list-small-font-size: var(--ams-typography-body-text-small-font-size);
--ams-ordered-list-small-line-height: var(--ams-typography-body-text-small-line-height);
--ams-ordered-list-inverse-color: var(--ams-color-text-inverse);
--ams-ordered-list-ordered-list-gap: var(--ams-space-s);
--ams-ordered-list-ordered-list-padding-block-end: var(--ams-space-s);
--ams-ordered-list-ordered-list-padding-block-start: var(--ams-space-s);
--ams-page-footer-menu-column-gap: var(--ams-space-l);
--ams-page-footer-menu-padding-block: var(--ams-space-l);
--ams-page-footer-menu-row-gap: var(--ams-space-xs);
--ams-page-footer-menu-link-font-family: var(--ams-typography-font-family);
--ams-page-footer-menu-link-font-size: var(--ams-typography-body-text-font-size);
--ams-page-footer-menu-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-page-footer-menu-link-line-height: var(--ams-typography-body-text-line-height);
--ams-page-footer-menu-link-outline-offset: var(--ams-focus-outline-offset);
--ams-page-footer-menu-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-page-footer-menu-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-page-footer-menu-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-page-footer-menu-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-page-header-font-family: var(--ams-typography-font-family);
--ams-page-header-padding-block: var(--ams-space-l);
--ams-page-header-logo-link-column-gap: var(--ams-space-m);
--ams-page-header-logo-link-outline-offset: var(--ams-focus-outline-offset);
--ams-page-header-brand-name-color: var(--ams-color-text);
--ams-page-header-brand-name-font-weight: var(--ams-typography-heading-font-weight);
--ams-page-header-brand-name-line-height: var(--ams-typography-heading-3-line-height);
--ams-page-header-brand-name-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-page-header-mega-menu-button-cursor: var(--ams-cursor-interactive);
--ams-page-header-mega-menu-button-label-open-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-page-header-menu-column-gap: var(--ams-space-l);
--ams-page-header-menu-row-gap: var(--ams-space-xs);
--ams-page-header-menu-item-column-gap: var(--ams-space-xs);
--ams-page-header-menu-item-font-family: var(--ams-typography-font-family);
--ams-page-header-menu-item-font-size: var(--ams-typography-body-text-font-size);
--ams-page-header-menu-item-font-weight: var(--ams-typography-body-text-font-weight);
--ams-page-header-menu-item-line-height: var(--ams-typography-body-text-line-height);
--ams-page-header-menu-item-outline-offset: var(--ams-focus-outline-offset);
--ams-page-header-menu-item-padding-block: var(--ams-space-xs);
--ams-page-header-menu-link-gap: var(--ams-space-xs);
--ams-page-header-menu-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-page-header-menu-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-page-header-menu-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-page-header-menu-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-page-header-navigation-column-gap: var(--ams-space-l);
--ams-page-header-navigation-row-gap: var(--ams-space-s);
--ams-page-heading-color: var(--ams-color-text);
--ams-page-heading-font-family: var(--ams-typography-font-family);
--ams-page-heading-font-size: var(--ams-typography-heading-0-font-size);
--ams-page-heading-font-weight: var(--ams-typography-heading-font-weight);
--ams-page-heading-line-height: var(--ams-typography-heading-0-line-height);
--ams-page-heading-text-wrap: var(--ams-typography-heading-text-wrap);
--ams-page-heading-inverse-color: var(--ams-color-text-inverse);
--ams-page-background-color: var(--ams-color-background);
--ams-pagination-font-family: var(--ams-typography-font-family);
--ams-pagination-font-size: var(--ams-typography-body-text-font-size);
--ams-pagination-font-weight: var(--ams-typography-body-text-font-weight);
--ams-pagination-line-height: var(--ams-typography-body-text-line-height);
--ams-pagination-link-gap: var(--ams-space-xs);
--ams-pagination-link-outline-offset: var(--ams-focus-outline-offset);
--ams-pagination-link-padding-inline: var(--ams-space-s);
--ams-pagination-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-pagination-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-pagination-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-pagination-link-current-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-pagination-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-paragraph-color: var(--ams-color-text);
--ams-paragraph-font-family: var(--ams-typography-font-family);
--ams-paragraph-font-size: var(--ams-typography-body-text-font-size);
--ams-paragraph-font-weight: var(--ams-typography-body-text-font-weight);
--ams-paragraph-line-height: var(--ams-typography-body-text-line-height);
--ams-paragraph-inverse-color: var(--ams-color-text-inverse);
--ams-paragraph-small-font-size: var(--ams-typography-body-text-small-font-size);
--ams-paragraph-small-line-height: var(--ams-typography-body-text-small-line-height);
--ams-paragraph-large-font-size: var(--ams-typography-body-text-large-font-size);
--ams-paragraph-large-line-height: var(--ams-typography-body-text-large-line-height);
--ams-password-input-border-color: var(--ams-inputs-border-color);
--ams-password-input-border-style: var(--ams-inputs-border-style);
--ams-password-input-line-height: var(--ams-inputs-line-height);
--ams-password-input-disabled-cursor: var(--ams-cursor-disabled);
--ams-radio-color: var(--ams-color-text);
--ams-radio-cursor: var(--ams-cursor-interactive);
--ams-radio-font-family: var(--ams-typography-font-family);
--ams-radio-font-size: var(--ams-typography-body-text-font-size);
--ams-radio-font-weight: var(--ams-typography-body-text-font-weight);
--ams-radio-gap: var(--ams-space-s);
--ams-radio-line-height: var(--ams-typography-body-text-line-height);
--ams-radio-outline-offset: var(--ams-focus-outline-offset);
--ams-radio-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-radio-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-radio-checked-indicator-fill: var(--ams-color-interactive);
--ams-radio-checked-indicator-disabled-fill: var(--ams-color-interactive-disabled);
--ams-radio-checked-indicator-disabled-invalid-fill: var(--ams-color-interactive-disabled);
--ams-radio-checked-indicator-disabled-invalid-hover-fill: var(--ams-color-interactive-disabled);
--ams-radio-checked-indicator-hover-fill: var(--ams-color-interactive-hover);
--ams-radio-checked-indicator-invalid-fill: var(--ams-color-interactive-invalid);
--ams-radio-checked-indicator-invalid-hover-fill: var(--ams-color-interactive-invalid-hover);
--ams-radio-hover-indicator-hover-stroke: var(--ams-color-interactive-hover);
--ams-radio-hover-indicator-invalid-hover-stroke: var(--ams-color-interactive-invalid-hover);
--ams-radio-circle-fill: var(--ams-color-background);
--ams-radio-circle-stroke: var(--ams-color-interactive);
--ams-radio-circle-disabled-stroke: var(--ams-color-interactive-disabled);
--ams-radio-circle-disabled-invalid-stroke: var(--ams-color-interactive-disabled);
--ams-radio-circle-disabled-invalid-hover-stroke: var(--ams-color-interactive-disabled);
--ams-radio-circle-hover-stroke: var(--ams-color-interactive-hover);
--ams-radio-circle-invalid-stroke: var(--ams-color-interactive-invalid);
--ams-radio-circle-invalid-hover-stroke: var(--ams-color-interactive-invalid-hover);
--ams-radio-disabled-color: var(--ams-color-interactive-disabled);
--ams-radio-disabled-cursor: var(--ams-cursor-disabled);
--ams-radio-hover-color: var(--ams-color-interactive-hover);
--ams-radio-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-row-gap-x-small: var(--ams-space-xs);
--ams-row-gap-small: var(--ams-space-s);
--ams-row-gap-medium: var(--ams-space-m);
--ams-row-gap-large: var(--ams-space-l);
--ams-row-gap-x-large: var(--ams-space-xl);
--ams-search-field-input-border-color: var(--ams-inputs-border-color);
--ams-search-field-input-border-style: var(--ams-inputs-border-style);
--ams-search-field-input-line-height: var(--ams-inputs-line-height);
--ams-search-field-input-cancel-button-block-size: var(--ams-typography-body-text-font-size);
--ams-search-field-input-cancel-button-color: var(--ams-color-interactive);
--ams-search-field-input-cancel-button-cursor: var(--ams-cursor-interactive);
--ams-search-field-input-cancel-button-inline-size: var(--ams-typography-body-text-font-size);
--ams-select-background-position: right var(--ams-space-m) center;
--ams-select-border-color: var(--ams-inputs-border-color);
--ams-select-border-style: var(--ams-inputs-border-style);
--ams-select-line-height: var(--ams-inputs-line-height);
--ams-select-disabled-cursor: var(--ams-cursor-disabled);
--ams-select-option-disabled-color: var(--ams-color-interactive-disabled);
--ams-skip-link-background-color: var(--ams-color-interactive);
--ams-skip-link-color: var(--ams-color-text-inverse);
--ams-skip-link-font-family: var(--ams-typography-font-family);
--ams-skip-link-font-size: var(--ams-typography-body-text-font-size);
--ams-skip-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-skip-link-line-height: var(--ams-typography-body-text-line-height);
--ams-skip-link-outline-offset: var(--ams-focus-outline-offset);
--ams-skip-link-padding-block: var(--ams-space-s);
--ams-skip-link-padding-inline: var(--ams-space-m);
--ams-skip-link-hover-background-color: var(--ams-color-interactive-hover);
--ams-spotlight-background-color: var(--ams-color-highlight-purple);
--ams-spotlight-azure-background-color: var(--ams-color-highlight-azure);
--ams-spotlight-green-background-color: var(--ams-color-highlight-green);
--ams-spotlight-lime-background-color: var(--ams-color-highlight-lime);
--ams-spotlight-magenta-background-color: var(--ams-color-highlight-magenta);
--ams-spotlight-orange-background-color: var(--ams-color-highlight-orange);
--ams-spotlight-yellow-background-color: var(--ams-color-highlight-yellow);
--ams-standalone-link-hover-text-decoration-thickness: var(--ams-links-hover-text-decoration-thickness);
/** Use `ams.standalone-link.text-decoration-thickness` instead */
--ams-standalone-link-hover-text-underline-offset: var(--ams-links-hover-text-underline-offset);
/** Use `ams.standalone-link.text-underline-offset` instead */
--ams-standalone-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-standalone-link-with-icon-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
/** Use `ams.standalone-link.text-decoration-line` instead */
--ams-standalone-link-with-icon-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
/** Use `ams.standalone-link.text-decoration-thickness` instead */
--ams-standalone-link-with-icon-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
/** Use `ams.standalone-link.hover.text-decoration-line` instead */
--ams-standalone-link-column-gap: var(--ams-space-s);
--ams-standalone-link-font-family: var(--ams-typography-font-family);
--ams-standalone-link-font-size: var(--ams-typography-body-text-font-size);
--ams-standalone-link-font-weight: var(--ams-typography-body-text-font-weight);
--ams-standalone-link-line-height: var(--ams-typography-body-text-line-height);
--ams-standalone-link-outline-offset: var(--ams-focus-outline-offset);
--ams-standalone-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-standalone-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-standalone-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-switch-cursor: var(--ams-cursor-interactive);
--ams-switch-outline-offset: var(--ams-focus-outline-offset);
--ams-switch-thumb-background-color: var(--ams-color-background);
--ams-switch-thumb-hover-color: var(--ams-color-interactive-hover);
--ams-switch-thumb-hover-box-shadow: 0 0 0 var(--ams-border-width-m) var(--ams-switch-thumb-hover-color);
--ams-switch-checked-background-color: var(--ams-color-interactive);
--ams-switch-disabled-background-color: var(--ams-color-interactive-disabled);
--ams-switch-disabled-cursor: var(--ams-cursor-disabled);
--ams-table-of-contents-heading-font-weight: var(--ams-typography-heading-font-weight);
--ams-table-of-contents-heading-line-height: var(--ams-typography-heading-4-line-height);
--ams-table-of-contents-font-family: var(--ams-typography-font-family);
--ams-table-of-contents-font-size: var(--ams-typography-body-text-font-size);
--ams-table-of-contents-font-weight: var(--ams-typography-body-text-font-weight);
--ams-table-of-contents-gap: var(--ams-space-s);
--ams-table-of-contents-line-height: var(--ams-typography-body-text-line-height);
--ams-table-of-contents-link-outline-offset: var(--ams-focus-outline-offset);
--ams-table-of-contents-link-text-decoration-line: var(--ams-links-subtle-text-decoration-line);
--ams-table-of-contents-link-text-decoration-thickness: var(--ams-links-text-decoration-thickness);
--ams-table-of-contents-link-text-underline-offset: var(--ams-links-text-underline-offset);
--ams-table-of-contents-link-hover-text-decoration-line: var(--ams-links-subtle-hover-text-decoration-line);
--ams-table-of-contents-list-gap: var(--ams-space-s);
--ams-table-of-contents-list-list-padding-block-start: var(--ams-space-s);
--ams-table-of-contents-list-list-padding-inline-start: var(--ams-space-l);
--ams-table-color: var(--ams-color-text);
--ams-table-font-family: var(--ams-typography-font-family);
--ams-table-font-size: var(--ams-typography-body-text-font-size);
--ams-table-font-weight: var(--ams-typography-body-text-font-weight);
--ams-table-line-height: var(--ams-typography-body-text-line-height);
--ams-table-caption-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-table-cell-border-block-end: var(--ams-border-width-s) solid var(--ams-color-separator);
--ams-table-cell-padding-block: var(--ams-space-s);
--ams-table-cell-padding-inline: var(--ams-space-m);
--ams-table-header-cell-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-tabs-gap: var(--ams-space-m);
--ams-tabs-list-box-shadow: inset 0 calc(var(--ams-border-width-m) * -1) var(--ams-color-separator);
--ams-tabs-button-color: var(--ams-color-interactive);
--ams-tabs-button-cursor: var(--ams-cursor-interactive);
--ams-tabs-button-font-family: var(--ams-typography-font-family);
--ams-tabs-button-font-size: var(--ams-typography-body-text-font-size);
--ams-tabs-button-font-weight: var(--ams-typography-body-text-font-weight);
--ams-tabs-button-line-height: var(--ams-typography-body-text-line-height);
--ams-tabs-button-outline-offset: calc(var(--ams-focus-outline-offset) * -1);
--ams-tabs-button-padding-block: var(--ams-space-s);
--ams-tabs-button-padding-inline: var(--ams-space-m);
--ams-tabs-button-hover-box-shadow: inset 0 calc(var(--ams-border-width-m) * -1);
--ams-tabs-button-hover-color: var(--ams-color-interactive-hover);
--ams-tabs-button-selected-box-shadow: inset 0 calc(var(--ams-border-width-xl) * -1);
--ams-tabs-button-selected-font-weight: var(--ams-typography-body-text-bold-font-weight);
--ams-tabs-button-disabled-color: var(--ams-color-interactive-disabled);
--ams-tabs-button-disabled-cursor: var(--ams-cursor-disabled);
--ams-text-area-border-color: var(--ams-inputs-border-color);
--ams-text-area-border-style: var(--ams-inputs-border-style);
--ams-text-area-line-height: var(--ams-inputs-line-height);
--ams-text-area-min-block-size: calc(var(--ams-typography-body-text-line-height) * 1em + 2 * var(--ams-text-area-padding-block));
--ams-text-area-disabled-cursor: var(--ams-cursor-disabled);
--ams-text-input-border-color: var(--ams-inputs-border-color);
--ams-text-input-border-style: var(--ams-inputs-border-style);
--ams-text-input-line-height: var(--ams-inputs-line-height);
--ams-text-input-disabled-cursor: var(--ams-cursor-disabled);
--ams-time-input-disabled-cursor: var(--ams-cursor-disabled);
--ams-time-input-calender-picker-indicator-cursor: var(--ams-cursor-interactive);
/** Use the token with ‘calendar’ spelled correctly instead */
--ams-time-input-border-color: var(--ams-inputs-border-color);
--ams-time-input-border-style: var(--ams-inputs-border-style);
--ams-time-input-line-height: var(--ams-inputs-line-height);
--ams-time-input-calendar-picker-indicator-cursor: var(--ams-cursor-interactive);
--ams-unordered-list-color: var(--ams-color-text);
--ams-unordered-list-font-family: var(--ams-typography-font-family);
--ams-unordered-list-font-size: var(--ams-typography-body-text-font-size);
--ams-unordered-list-font-weight: var(--ams-typography-body-text-font-weight);
--ams-unordered-list-gap: var(--ams-space-s);
--ams-unordered-list-line-height: var(--ams-typography-body-text-line-height);
--ams-unordered-list-inverse-color: var(--ams-color-text-inverse);
--ams-unordered-list-small-font-size: var(--ams-typography-body-text-small-font-size);
--ams-unordered-list-small-line-height: var(--ams-typography-body-text-small-line-height);
--ams-unordered-list-unordered-list-gap: var(--ams-space-s);
--ams-unordered-list-unordered-list-padding-block-end: var(--ams-space-s);
--ams-unordered-list-unordered-list-padding-block-start: var(--ams-space-s);
--ams-accordion-button-font-size: var(--ams-typography-heading-3-font-size);
--ams-breadcrumb-link-color: var(--ams-links-color);
--ams-breadcrumb-link-hover-color: var(--ams-links-hover-color);
--ams-card-link-color: var(--ams-links-color);
--ams-card-link-hover-color: var(--ams-links-hover-color);
--ams-checkbox-icon-container-block-size: calc(var(--ams-checkbox-font-size) * var(--ams-checkbox-line-height));
--ams-checkbox-icon-container-inline-size: var(--ams-checkbox-font-size);
--ams-date-input-disabled-color: var(--ams-inputs-disabled-color);
--ams-date-input-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-date-input-background-color: var(--ams-inputs-background-color);
--ams-date-input-border-width: var(--ams-inputs-border-width);
--ams-date-input-color: var(--ams-inputs-color);
--ams-date-input-font-family: var(--ams-inputs-font-family);
--ams-date-input-font-size: var(--ams-inputs-font-size);
--ams-date-input-font-weight: var(--ams-inputs-font-weight);
--ams-date-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-date-input-padding-block: var(--ams-inputs-padding-block);
--ams-date-input-padding-inline: var(--ams-inputs-padding-inline);
--ams-date-input-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-date-input-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-date-input-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-dialog-border-color: var(--ams-dialog-background-color);
--ams-field-set-legend-font-size: var(--ams-typography-heading-3-font-size);
--ams-file-input-background-color: var(--ams-inputs-background-color);
--ams-file-input-border-width: var(--ams-inputs-border-width);
--ams-file-input-color: var(--ams-inputs-color);
--ams-file-input-font-family: var(--ams-inputs-font-family);
--ams-file-input-font-size: var(--ams-inputs-font-size);
--ams-file-input-font-weight: var(--ams-inputs-font-weight);
--ams-file-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-file-input-disabled-color: var(--ams-inputs-disabled-color);
--ams-file-input-file-selector-button-background-color: var(--ams-button-secondary-background-color);
--ams-file-input-file-selector-button-border-width: var(--ams-button-border-width);
--ams-file-input-file-selector-button-color: var(--ams-button-secondary-color);
--ams-file-input-file-selector-button-cursor: var(--ams-button-cursor);
--ams-file-input-file-selector-button-line-height: var(--ams-button-line-height);
--ams-file-input-file-selector-button-padding-block: var(--ams-button-padding-block);
--ams-file-input-file-selector-button-padding-inline: var(--ams-button-padding-inline);
--ams-file-input-file-selector-button-disabled-color: var(--ams-button-secondary-disabled-color);
--ams-file-input-file-selector-button-disabled-cursor: var(--ams-button-disabled-cursor);
--ams-file-input-file-selector-button-hover-box-shadow: var(--ams-button-secondary-hover-box-shadow);
--ams-file-input-file-selector-button-hover-color: var(--ams-button-secondary-hover-color);
--ams-heading-2-font-size: var(--ams-typography-heading-2-font-size);
--ams-heading-3-font-size: var(--ams-typography-heading-3-font-size);
--ams-heading-4-font-size: var(--ams-typography-heading-4-font-size);
--ams-heading-5-font-size: var(--ams-typography-heading-5-font-size);
--ams-heading-6-font-size: var(--ams-typography-heading-6-font-size);
--ams-icon-heading-2-font-size: var(--ams-typography-heading-2-font-size);
--ams-icon-heading-3-font-size: var(--ams-typography-heading-3-font-size);
--ams-icon-heading-4-font-size: var(--ams-typography-heading-4-font-size);
--ams-icon-heading-5-font-size: var(--ams-typography-heading-5-font-size);
--ams-icon-heading-6-font-size: var(--ams-typography-heading-6-font-size);
--ams-label-font-size: var(--ams-typography-heading-3-font-size);
--ams-link-list-link-color: var(--ams-links-color);
--ams-link-list-link-hover-color: var(--ams-links-hover-color);
--ams-link-list-link-contrast-color: var(--ams-links-contrast-color);
--ams-link-list-link-contrast-hover-color: var(--ams-links-contrast-hover-color);
--ams-link-list-link-inverse-color: var(--ams-links-inverse-color);
--ams-link-list-link-inverse-hover-color: var(--ams-links-inverse-hover-color);
--ams-link-color: var(--ams-links-color);
--ams-link-hover-color: var(--ams-links-hover-color);
--ams-link-contrast-color: var(--ams-links-contrast-color);
--ams-link-contrast-hover-color: var(--ams-links-contrast-hover-color);
--ams-link-inverse-color: var(--ams-links-inverse-color);
--ams-link-inverse-hover-color: var(--ams-links-inverse-hover-color);
--ams-menu-link-contrast-color: var(--ams-links-contrast-color);
/** The menu has a dark background now, so this is no longer needed. */
--ams-menu-link-contrast-hover-color: var(--ams-links-contrast-hover-color);
/** The menu has a dark background now, so this is no longer needed. */
--ams-menu-link-inverse-color: var(--ams-links-inverse-color);
/** The menu has a dark background now, so this is no longer needed. */
--ams-menu-link-inverse-hover-color: var(--ams-links-inverse-hover-color);
/** The menu has a dark background now, so this is no longer needed. */
--ams-menu-link-color: var(--ams-links-inverse-color);
--ams-menu-link-hover-color: var(--ams-links-inverse-hover-color);
--ams-menu-wide-padding-block: calc(var(--ams-logo-block-size) + 2 * var(--ams-page-header-padding-block)) var(--ams-space-m);
--ams-page-footer-menu-padding-inline: var(--ams-grid-padding-inline);
--ams-page-footer-menu-medium-padding-inline: var(--ams-grid-medium-padding-inline);
--ams-page-footer-menu-wide-padding-inline: var(--ams-grid-wide-padding-inline);
--ams-page-footer-menu-link-color: var(--ams-links-color);
--ams-page-footer-menu-link-hover-color: var(--ams-links-hover-color);
--ams-page-header-padding-inline: var(--ams-grid-padding-inline);
/** Must be the Grid inline padding, to make sure Header and Grid line up */
--ams-page-header-medium-padding-inline: var(--ams-grid-medium-padding-inline);
--ams-page-header-wide-padding-inline: var(--ams-grid-wide-padding-inline);
--ams-page-header-brand-name-font-size: var(--ams-typography-heading-3-font-size);
--ams-page-header-menu-item-color: var(--ams-links-color);
--ams-page-header-menu-item-hover-color: var(--ams-links-hover-color);
--ams-page-with-menu-area-skip-link-margin-inline-end: var(--ams-grid-padding-inline);
/** Must be the Grid inline padding, to make sure Skip Link and Grid line up */
--ams-pagination-link-color: var(--ams-links-color);
--ams-pagination-link-hover-color: var(--ams-links-hover-color);
--ams-password-input-background-color: var(--ams-inputs-background-color);
--ams-password-input-border-width: var(--ams-inputs-border-width);
--ams-password-input-color: var(--ams-inputs-color);
--ams-password-input-font-family: var(--ams-inputs-font-family);
--ams-password-input-font-size: var(--ams-inputs-font-size);
--ams-password-input-font-weight: var(--ams-inputs-font-weight);
--ams-password-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-password-input-padding-block: var(--ams-inputs-padding-block);
--ams-password-input-padding-inline: var(--ams-inputs-padding-inline);
--ams-password-input-disabled-color: var(--ams-inputs-disabled-color);
--ams-password-input-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-password-input-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-password-input-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-password-input-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-password-input-placeholder-color: var(--ams-inputs-placeholder-color);
--ams-radio-icon-container-block-size: calc(var(--ams-radio-font-size) * var(--ams-radio-line-height));
--ams-radio-icon-container-inline-size: var(--ams-radio-font-size);
--ams-search-field-input-background-color: var(--ams-inputs-background-color);
--ams-search-field-input-border-width: var(--ams-inputs-border-width);
--ams-search-field-input-color: var(--ams-inputs-color);
--ams-search-field-input-font-family: var(--ams-inputs-font-family);
--ams-search-field-input-font-size: var(--ams-inputs-font-size);
--ams-search-field-input-font-weight: var(--ams-inputs-font-weight);
--ams-search-field-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-search-field-input-padding-block: var(--ams-inputs-padding-block);
--ams-search-field-input-padding-inline: var(--ams-inputs-padding-inline);
--ams-search-field-input-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-search-field-input-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-search-field-input-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-search-field-input-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-search-field-input-placeholder-color: var(--ams-inputs-placeholder-color);
--ams-select-background-color: var(--ams-inputs-background-color);
--ams-select-border-width: var(--ams-inputs-border-width);
--ams-select-color: var(--ams-inputs-color);
--ams-select-font-family: var(--ams-inputs-font-family);
--ams-select-font-size: var(--ams-inputs-font-size);
--ams-select-font-weight: var(--ams-inputs-font-weight);
--ams-select-outline-offset: var(--ams-inputs-outline-offset);
--ams-select-padding-block: var(--ams-inputs-padding-block);
--ams-select-padding-inline: var(--ams-inputs-padding-inline) calc(2 * var(--ams-inputs-padding-inline) + 1em);
--ams-select-disabled-color: var(--ams-inputs-disabled-color);
--ams-select-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-select-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-select-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-select-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-standalone-link-hover-color: var(--ams-links-hover-color);
--ams-standalone-link-color: var(--ams-links-color);
--ams-standalone-link-contrast-color: var(--ams-links-contrast-color);
--ams-standalone-link-contrast-hover-color: var(--ams-links-contrast-hover-color);
--ams-standalone-link-inverse-color: var(--ams-links-inverse-color);
--ams-standalone-link-inverse-hover-color: var(--ams-links-inverse-hover-color);
--ams-table-of-contents-heading-font-size: var(--ams-typography-heading-4-font-size);
--ams-table-of-contents-link-color: var(--ams-links-color);
--ams-table-of-contents-link-hover-color: var(--ams-links-hover-color);
--ams-text-area-background-color: var(--ams-inputs-background-color);
--ams-text-area-border-width: var(--ams-inputs-border-width);
--ams-text-area-color: var(--ams-inputs-color);
--ams-text-area-font-family: var(--ams-inputs-font-family);
--ams-text-area-font-size: var(--ams-inputs-font-size);
--ams-text-area-font-weight: var(--ams-inputs-font-weight);
--ams-text-area-outline-offset: var(--ams-inputs-outline-offset);
--ams-text-area-padding-block: var(--ams-inputs-padding-block);
--ams-text-area-padding-inline: var(--ams-inputs-padding-inline);
--ams-text-area-disabled-color: var(--ams-inputs-disabled-color);
--ams-text-area-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-text-area-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-text-area-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-text-area-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-text-area-placeholder-color: var(--ams-inputs-placeholder-color);
--ams-text-input-background-color: var(--ams-inputs-background-color);
--ams-text-input-border-width: var(--ams-inputs-border-width);
--ams-text-input-color: var(--ams-inputs-color);
--ams-text-input-font-family: var(--ams-inputs-font-family);
--ams-text-input-font-size: var(--ams-inputs-font-size);
--ams-text-input-font-weight: var(--ams-inputs-font-weight);
--ams-text-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-text-input-padding-block: var(--ams-inputs-padding-block);
--ams-text-input-padding-inline: var(--ams-inputs-padding-inline);
--ams-text-input-disabled-color: var(--ams-inputs-disabled-color);
--ams-text-input-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-text-input-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-text-input-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-text-input-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
--ams-text-input-placeholder-color: var(--ams-inputs-placeholder-color);
--ams-time-input-disabled-color: var(--ams-inputs-disabled-color);
--ams-time-input-hover-box-shadow: var(--ams-inputs-hover-box-shadow);
--ams-time-input-background-color: var(--ams-inputs-background-color);
--ams-time-input-border-width: var(--ams-inputs-border-width);
--ams-time-input-color: var(--ams-inputs-color);
--ams-time-input-font-family: var(--ams-inputs-font-family);
--ams-time-input-font-size: var(--ams-inputs-font-size);
--ams-time-input-font-weight: var(--ams-inputs-font-weight);
--ams-time-input-outline-offset: var(--ams-inputs-outline-offset);
--ams-time-input-padding-block: var(--ams-inputs-padding-block);
--ams-time-input-padding-inline: var(--ams-inputs-padding-inline);
--ams-time-input-invalid-border-color: var(--ams-inputs-invalid-border-color);
--ams-time-input-invalid-hover-border-color: var(--ams-inputs-invalid-hover-border-color);
--ams-time-input-invalid-hover-box-shadow: var(--ams-inputs-invalid-hover-box-shadow);
}
:root {
--ams-typography-heading-1-font-size: clamp(2rem, 1.7143rem + 1.4286vw, 3rem);
--ams-typography-heading-2-font-size: clamp(1.5rem, 1.3571rem + 0.7143vw, 2rem);
--ams-typography-heading-3-font-size: clamp(1.3125rem, 1.2411rem + 0.3571vw, 1.5625rem);
--h2-size: var(--ams-typography-heading-3-font-size);
--h3-size: var(--ams-typography-heading-3-font-size);
--body-size: clamp(1.125rem, 1.0893rem + 0.1786vw, 1.25rem);
--progress-width: calc(100% - 25px - 25px);
}
main {
font-size: var(--body-size);
}
h1 {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
color: #181818;
font-size: 40px;
font-weight: 700;
line-height: normal;
}
h2 {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
color: #181818;
font-weight: 700;
font-size: var(--body-size);
line-height: normal;
}
h3 {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-family: "amsterdam sans", sans-serif;
color: #181818;
font-size: var(--body-size);
line-height: normal;
font-weight: 700;
}
h4 {
font-size: 1.25rem;
line-height: normal;
}
#bb-models div.bb-model .bb-model-name {
color: #181818;
}
.topbar button {
opacity: 0.9;
}
.topbar button:hover,
.topbar button:focus {
opacity: 1;
}
body:not(.isAdmin) .topbar button {
display: none;
}
button {
text-transform: none;
border-radius: 0px;
}
main #bb-q {
min-height: calc(100% - 80px);
}
@media screen and (max-width: 540px) {
main #bb-q {
min-height: calc(100vh - 240px);
}
}
.header-main h1.bb-info-header {
border-bottom: var(--modeltitle-border-bottom, thin solid #bebebe);
color: #181818;
font-size: var(--modeltitle-size, 40px);
font-weight: 700;
line-height: 1.5;
width: 100%;
}
.bbm-standard-remark {
padding: 15px 10px;
background-color: #e8e8e8;
margin: 5px 0;
color: black;
}
@media (min-width: 1025px) {
.header-main {
margin-right: calc(max(0px, ((100vw - var(--wmax-content)) / 2)));
}
main {
padding: 0 5px;
}
}
.topbar--menu button {
color: black;
}
fieldset.group img[data-type="picture"] {
max-width: 100%;
max-height: 100%;
}
input:not([type="checkbox"]):not([type="radio"]),
textarea,
select {
border-color: #bebebe;
}
input:not([type="checkbox"]):not([type="radio"]):hover,
textarea:hover,
select:hover {
border-color: black;
}
input:not([type="checkbox"]):not([type="radio"]):focus,
textarea:focus,
select:focus {
border-color: black;
box-shadow: none !important;
border-width: 2px;
}
input:not([type="checkbox"]):not([type="radio"]),
select:not([data-type="listbox"]) {
padding: 0.7rem 1rem;
}
.bb-option input[type="radio"] + span,
.bb-option input[type="checkbox"] + span {
color: black;
}
.bb-option {
position: relative;
}
.bb-option label {
display: inline;
}
.bb-option.checked .bb-option-info {
display: block !important;
}
.bb-option.checked .bb-option-info--button {
opacity: 0.5;
background-color: grey;
cursor: default;
}
.bb-option.checked .bb-p-info-inline-close {
display: none;
}
.bb-option-info {
padding: 15px;
margin-block-end: 10px;
position: relative;
border: 1px solid #ec0000;
}
a {
color: #2863a9;
text-decoration: underline;
}
details {
margin-block-start: 1em;
}
details > section {
padding-inline: 0.5rem;
}
details > summary:first-of-type {
list-style-type: none;
cursor: pointer;
color: #004699;
font-weight: bold;
}
details summary {
line-height: 2rem;
display: flex;
gap: 0.5rem;
}
details summary:focus:focus-visible {
outline: -webkit-focus-ring-color auto 1px;
}
details summary::before {
content: "";
background-color: currentColor;
mask-image: url('../conf/images/accordion-caret.svg');
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: 20px 16px;
transition: rotate 0.3s ease;
width: 20px;
height: 2rem;
display: inline-block;
vertical-align: bottom;
transition: transform 200ms;
}
details[open] summary::before {
transform: rotate(-180deg);
}
details > summary:first-of-type {
list-style-type: none;
}
::-webkit-details-marker {
display: none;
}
button[data-type="lightbox"] {
display: flex;
margin-block: 1em;
}
button[data-type="lightbox"]::before {
background: url('../conf/images/icon-lightbox.svg') left -0.25em no-repeat transparent;
content: "";
display: inline-block;
width: 24px;
height: 22px;
vertical-align: text-bottom;
}
.bb-option-list {
--weight-label: normal;
}
.p-progress-line__inner {
left: 25px;
}
::picker(select) {
appearance: base-select;
}
select::picker-icon {
color: red;
transition: 0.4s rotate;
}
:root {
--ams-select-background-image: url("data:image/svg+xml;utf8,");
--ams-select-background-position: right clamp(0.75rem, 0.6786rem + 0.3571vw, 1rem) center;
}
select {
background-image: var(--ams-select-background-image);
background-position: var(--ams-select-background-position);
background-repeat: no-repeat;
background-size: 1em 1em;
appearance: none;
}
.bb-p-end-tools-container .container {
border-bottom: none;
}
.font {
font-family: "amsterdam sans", sans-serif;
}
@font-face {
font-family: amsterdam sans;
font-style: normal;
font-weight: 300;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Light.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Light.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Light.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Light.woff) format("woff");
}
@font-face {
font-family: amsterdam sans;
font-style: normal;
font-weight: 400;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Regular.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Regular.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Regular.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Regular.woff) format("woff");
}
@font-face {
font-family: amsterdam sans;
font-style: italic;
font-weight: 400;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Italic.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Italic.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Italic.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Italic.woff) format("woff");
}
@font-face {
font-family: amsterdam sans;
font-style: normal;
font-weight: 700;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Bold.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-Bold.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-Bold.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-Bold.woff) format("woff");
}
@font-face {
font-family: amsterdam sans;
font-style: italic;
font-weight: 700;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-BoldItalic.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-BoldItalic.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-BoldItalic.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-BoldItalic.woff) format("woff");
}
@font-face {
font-family: amsterdam sans;
font-style: normal;
font-weight: 800;
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-ExtraBold.eot?#iefix);
src: url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/eot/AmsterdamSans-ExtraBold.eot?#iefix) format("eot"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff2/AmsterdamSans-ExtraBold.woff2) format("woff2"), url(https://www.amsterdam.nl/views/core/fonts/AmsterdamSans/woff/AmsterdamSans-ExtraBold.woff) format("woff");
}
body {
font-family: "amsterdam sans", arial, sans-serif;
}
.jumplist-title {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
}
.hasJumplist #jumplist-column .nav-container {
overflow: hidden;
flex-shrink: 0;
}
.hasJumplist #jumplist-column .nav-container .nav-list {
counter-set: step;
margin-right: 20px;
}
.hasJumplist #jumplist-column .nav-container .nav-list > ul {
display: flex;
}
.hasJumplist #jumplist-column .nav-container .nav-list ul li button {
display: none;
}
.columns {
display: flex;
flex-direction: column;
}
.column {
height: auto;
}
#jumplist-column {
align-self: stretch;
display: flex;
column-gap: 1rem;
justify-content: space-between;
}
.hasJumplist #jumplist-column {
border: none;
}
.p-screentitle {
margin: 0 0 0 25px;
}
.hasInformationsources .p-screentitle {
margin-inline-start: 25px;
}
main nav {
align-items: center;
background-color: var(--nav-bg, #e5e5e5);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: var(--nav-padding, 0 20px 0 20px);
border-top: var(--nav-border-top, none);
min-height: 65px;
margin: 0 auto;
width: calc(100% - 25px - 25px);
}
.nav-button {
font-family: "amsterdam sans", arial, sans-serif;
font-size: inherit;
height: 44px;
margin: 0;
padding: 0;
flex-shrink: 0;
font-weight: 400;
column-gap: 0.5rem;
}
.bb32-prior {
margin-inline-end: auto;
}
.bb-prior,
.bb-skip {
background-color: transparent;
border-bottom: thin solid transparent;
color: #004699;
}
.bb-prior:hover,
.bb-skip:hover,
.bb-prior:focus,
.bb-skip:focus {
border-color: #004699;
background-color: transparent;
color: #004699;
}
.bb-prior .text,
.bb-skip .text {
vertical-align: middle;
}
.bb-next {
align-items: center;
background-color: var(--ams-color-interactive);
border-color: initial;
border-image: initial;
border-style: none;
border-width: initial;
cursor: pointer;
color: white;
display: inline-flex;
height: 44px;
line-height: 20px;
padding: 12px 15px;
position: relative;
text-decoration: none;
transition: color 0.1s ease-in-out 0s, background-color 0.1s ease-in-out 0s;
white-space: nowrap;
z-index: 0;
-webkit-box-align: center;
}
.bb-next:hover,
.bb-next:focus {
background-color: var(--ams-color-interactive-hover);
}
.bb-next:hover::after,
.bb-next:focus::after {
border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #bc0000;
}
.bb-next--feedback {
background-color: transparent;
color: #004699;
font-weight: normal;
border-bottom: thin solid transparent;
padding-inline: 0;
}
.bb-next--feedback svg {
display: none;
}
.bb-next--feedback::after {
content: '';
background-color: currentColor;
mask-image: url('../conf/images/Question.svg');
mask-position: 50%;
mask-repeat: no-repeat;
mask-size: 20px 16px;
transition: rotate 0.3s ease;
width: 20px;
height: 16px;
display: inline-block;
vertical-align: bottom;
transition: transform 200ms;
}
.bb-next--feedback:hover,
.bb-next--feedback:focus {
background-color: transparent;
color: #004699;
border-color: currentColor;
}
.bb-option-list,
.bb-itype-checkbox {
--clr-hover: var(--ams-color-interactive-hover);
--clr-interactive: var(--ams-color-interactive);
--clr-text-interactive: var(--ams-color-interactive);
--gap: clamp(0.5rem, 0.4286rem + 0.3571vw, 0.75rem);
--ams-checkbox-font-size: var(--body-size);
--ams-checkbox-line-height: 1.8;
--checkbox-height: calc(var(--ams-checkbox-font-size) * var(--ams-checkbox-line-height));
--checkbox-width: var(--ams-checkbox-font-size);
--clr-invalid: var(--ams-color-interactive-invalid);
--clr-invalid-hover: var(--ams-color-interactive-invalid-hover);
--checkbox-label-padding-inline-start: 15px;
}
.bb-itype-checkbox {
--label-margin-block-end: 0;
}
.bb-option-list.error {
--clr-interactive: var(--clr-invalid);
--clr-hover: var(--clr-invalid-hover);
}
.radiogroup.bb-option-list .bb-option {
margin-bottom: 12px;
}
.radiogroup.bb-option-list .bb-option .bb-option__label {
display: flex;
align-items: center;
}
.radiogroup.bb-option-list .bb-option .bb-option__label .bb-option__span {
margin-top: 3px;
}
label.p-custom-radios-label {
border: 2px solid var(--clr-interactive);
border-radius: 50%;
box-sizing: border-box;
display: inline-block;
margin: 0 var(--gap) 0 0;
height: 1rem;
width: 1rem;
vertical-align: middle;
position: relative;
}
label.p-custom-radios-label:hover {
border-width: 2px;
border-color: var(--clr-hover);
}
input.p-custom-radios:checked ~ .p-custom-radios-label::before {
background-color: var(--clr-interactive);
border-radius: 50%;
content: "";
display: inline-block;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
border: var(--inner-border-width, 3px) solid white;
box-sizing: border-box;
}
.checklist.bb-option-list {
padding: 5px 0 0 0;
}
.checklist.bb-option-list label.bb-option__label {
align-items: center;
display: flex;
justify-content: flex-start;
}
.checklist.bb-option-list label.bb-option__label .bb-option__span {
padding-left: 15px;
}
.a-keyboard-user input[type="checkbox"]:focus {
outline: none !important;
outline-offset: initial;
}
.p-custom-checkboxes + label.custom-checkbox {
background-color: white;
border: 2px solid var(--clr-interactive);
display: inline-block;
height: var(--checkbox-width);
width: var(--checkbox-width);
margin: 0;
padding: 0;
position: relative;
transition: background-color 100ms linear;
vertical-align: middle;
z-index: 1;
}
.p-custom-checkboxes + label.custom-checkbox:hover {
border-width: 2px;
}
body.a-keyboard-user .p-custom-checkboxes + label.custom-checkbox input[type="checkbox"]:focus {
outline: none;
}
.p-custom-checkboxes:checked + label.custom-checkbox {
background-color: var(--clr-interactive);
background-image: url('../conf/images/check.svg?v=2');
background-size: 16px;
border: 2px solid var(--clr-interactive);
color: white;
}
.p-custom-checkboxes:checked ~ label.bb-label {
font-weight: 700;
}
.bb-itype-checkbox:hover,
.bb-option__label:hover {
--inner-border-width: 2px;
}
.bb-itype-checkbox:hover .p-custom-radios-label,
.bb-option__label:hover .p-custom-radios-label,
.bb-itype-checkbox:hover .custom-checkbox,
.bb-option__label:hover .custom-checkbox {
border-width: 3px;
border-color: var(--clr-hover);
}
.bb-itype-checkbox:hover .bb-option__span,
.bb-option__label:hover .bb-option__span,
.bb-itype-checkbox:hover [data-type="label"],
.bb-option__label:hover [data-type="label"] {
text-decoration: underline;
text-decoration-thickness: 0.125rem;
text-underline-offset: 0.15625rem;
color: var(--clr-text-interactive);
}
.bb-itype-checkbox [data-type="label"]:hover {
cursor: pointer;
}
#tabs-column,
#bb-p-tabs-nav-container {
display: none;
}
:root {
--nav-bg: transparent;
--nav-padding: 20px 0 0 0;
--nav-border-top: 1px solid #ccc;
--modeltitle-border-bottom: none;
--modeltitle-size: 22px;
--modeltitle-line-height: 1.25;
--wmax-content: 920px;
}
.header-main h1.bb-info-header {
margin-inline-end: 25px;
}
.topbar {
float: left;
margin-left: calc(max(0px, (100vw - var(--wmax-content))) / 2);
}
main {
clear: left;
}
body:not(.hasTabs) main .columns[data-when="hasModel"] {
padding-top: 0px;
}
.header-main {
flex-direction: row;
text-align: end;
}
h1.bb-info-header {
align-self: center;
padding-block-start: 7.5px;
}
main {
display: flex;
padding-block-start: 20px;
}
.p-step-x-of-n {
margin-right: 25px;
}
/*# sourceMappingURL=style.unless.css.map */