@charset "UTF-8";
/**
context-menu-container

Sets position to relative so context menu's are positioned correctly.

Styleguide context-menu.mixins.context-menu-container
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@-ms-viewport {
  width: device-width;
}
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a, .link-list__item {
  background-color: transparent;
}

a:active:not(:focus), .link-list__item:active:not(:focus),
a:hover:not(:focus),
.link-list__item:hover:not(:focus) {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  background-image: none;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
  background-image: none;
}

input:-ms-input-placeholder {
  opacity: 1;
}

input::placeholder {
  opacity: 1;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

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

html {
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
}

body {
  height: 100%;
  font-family: "Segoe UI", "Segoe", Verdana, "Lucida Sans", "Dejavu Sans", sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #333;
  background-color: #fff;
}

.body__wrap {
  min-height: 100%;
}

section + section {
  margin-top: 2em;
}

footer {
  display: flex;
  overflow: hidden;
  height: 80px;
  padding: 0 15px;
  border-top: 1px solid #d9d9d9;
  margin-top: -80px;
  align-items: center;
  font-size: 12px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.footer__copyright {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}

main {
  padding-bottom: 80px;
}

aside {
  padding: 30px 30px 15px;
  margin: 150px 0 15px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

.main__content {
  background: #fff;
  margin-right: auto;
  margin-left: auto;
  padding-top: 61px;
  padding-right: 15px;
  padding-bottom: 30px;
  padding-left: 15px;
}

.page--normal .main__content {
  max-width: 1170px;
}

.page--fullscreen .main__content {
  padding: 0;
}
.page--fullscreen .main__header {
  margin-top: 20px;
  margin-left: 15px;
  margin-right: 15px;
}
.page--fullscreen main {
  padding-bottom: 0;
}
@media not screen and (min-width: 769px) {
  .page--fullscreen main {
    padding-top: 41px;
  }
}
@media screen and (min-width: 769px) {
  .page--fullscreen {
    overflow: hidden;
  }
  .page--fullscreen .body__wrap {
    height: 100%;
  }
  .page--fullscreen main {
    position: absolute;
    top: 41px;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  .page--fullscreen .main__content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
}

.page--lite .body__wrap {
  height: 100%;
}
.page--lite main {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.page--lite .main__content {
  padding: 0;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

output {
  display: inline;
  font-weight: bold;
}

a, .link-list__item {
  color: #333;
  text-decoration: none;
}

.tree__node:link:hover .tree__node-caption, .tree__node:link:active .tree__node-caption, .tr--link:hover a, .tr--link:hover .link-list__item, .link-list__item:hover .link-list__caption, .filelist__link:hover .filelist__small, .filelist__link:hover .filelist__caption, .explorer__item:hover .explorer__caption, .clickable:hover .caption, a:hover, .link-list__item:hover,
.link-list__item:focus .link-list__caption,
.filelist__link:focus .filelist__small,
.filelist__link:focus .filelist__caption,
.explorer__item:focus .explorer__caption,
.clickable:focus .caption,
a:focus,
.link-list__item:focus {
  color: #333;
  text-decoration: underline;
}

.tree__node--active:hover .tree__node-caption, .tree__node--active:active .tree__node-caption, .tree__item.context-menu--open > .tree__node, .link-list__item:active .link-list__caption, .explorer__wrapper.context-menu--open .explorer__item .explorer__caption, a:active, .link-list__item:active {
  color: #1a1a1a;
}

abbr[title] {
  cursor: help;
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #d9d9d9;
}

address {
  white-space: pre;
}

code,
kbd,
pre,
samp {
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
}

pre {
  margin: 0;
  font-size: 90%;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

[role=button] {
  cursor: pointer;
}

.link-list__caption,
.markdown h1,
.markdown h2,
.markdown h3,
dt,
.markdown h4, h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-family: inherit;
  color: inherit;
  margin: 0;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.link-list__caption > a,
.link-list__caption > .link-list__item,
.markdown h1 > a,
.markdown h1 > .link-list__item,
.markdown h2 > a,
.markdown h2 > .link-list__item,
.markdown h3 > a,
.markdown h3 > .link-list__item,
dt > a,
dt > .link-list__item,
.markdown h4 > a,
.markdown h4 > .link-list__item, h1 > a, h1 > .link-list__item,
.h1 > a,
.h1 > .link-list__item,
h2 > a,
h2 > .link-list__item,
.h2 > a,
.h2 > .link-list__item,
h3 > a,
h3 > .link-list__item,
.h3 > a,
.h3 > .link-list__item,
h4 > a,
h4 > .link-list__item,
.h4 > a,
.h4 > .link-list__item,
h5 > a,
h5 > .link-list__item,
.h5 > a,
.h5 > .link-list__item,
h6 > a,
h6 > .link-list__item,
.h6 > a,
.h6 > .link-list__item {
  display: inline-block;
  padding: 5px;
  margin: -5px;
}

h1,
.h1,
h2,
.h2,
.link-list__caption,
.markdown h1,
h3,
.h3 {
  margin-bottom: 20px;
  font-weight: 500;
  line-height: 1.1;
}

.markdown h2, h4,
.h4 {
  margin-bottom: 10px;
  font-weight: bold;
}

.markdown h3, dt, h5,
.h5,
.markdown h4,
h6,
.h6 {
  font-weight: bold;
}

h1,
.h1 {
  font-size: 36px;
}

h2,
.h2 {
  font-size: 30px;
}
@media not screen and (min-width: 769px) {
  h2,
.h2 {
    font-size: 24px;
  }
}

.link-list__caption, .markdown h1, h3,
.h3 {
  font-size: 24px;
}
@media not screen and (min-width: 769px) {
  .link-list__caption, .markdown h1, h3,
.h3 {
    font-size: 18px;
  }
}

.markdown h2, h4,
.h4 {
  font-size: 18px;
}
@media not screen and (min-width: 769px) {
  .markdown h2, h4,
.h4 {
    font-size: 16px;
  }
}

.markdown h3, dt, h5,
.h5 {
  font-size: 16px;
}
@media not screen and (min-width: 769px) {
  .markdown h3, dt, h5,
.h5 {
    font-size: 14px;
  }
}

.markdown h4, h6,
.h6 {
  font-size: 14px;
}

header {
  margin-bottom: 2em;
  position: relative;
}
header .link-list__caption,
header .markdown h1,
.markdown header h1,
header .markdown h2,
.markdown header h2,
header .markdown h3,
.markdown header h3,
header dt,
header .markdown h4,
.markdown header h4, header h1,
header .h1,
header h2,
header .h2,
header h3,
header .h3,
header h4,
header .h4,
header h5,
header .h5,
header h6,
header .h6 {
  margin-bottom: 5px;
}

.header--with-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 30px;
}
.header--with-toolbar > .link-list__caption,
.markdown .header--with-toolbar > h1,
.markdown .header--with-toolbar > h2,
.markdown .header--with-toolbar > h3,
.header--with-toolbar > dt,
.markdown .header--with-toolbar > h4, .header--with-toolbar > h1,
.header--with-toolbar > .h1,
.header--with-toolbar > h2,
.header--with-toolbar > .h2,
.header--with-toolbar > h3,
.header--with-toolbar > .h3,
.header--with-toolbar > h4,
.header--with-toolbar > .h4,
.header--with-toolbar > h5,
.header--with-toolbar > .h5,
.header--with-toolbar > h6,
.header--with-toolbar > .h6,
.header--with-toolbar > p {
  flex: 1 1 auto;
  margin-right: 15px;
  margin-bottom: 0;
}
.header--with-toolbar > .toolbar {
  flex-shrink: 1;
  margin-bottom: 0;
}

.header--with-badge {
  display: flex;
  flex-wrap: wrap;
  justify-items: stretch;
}
.header--with-badge > .badge {
  margin-bottom: 5px;
  margin-left: auto;
  -ms-grid-row-align: center;
      align-self: center;
}

.header__back {
  order: -1;
  margin-right: 15px;
}

p {
  margin: 0 0 10px;
}

.p--lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .p--lead {
    font-size: 21px;
  }
}

small,
.small {
  font-size: 85%;
}

mark,
.mark {
  color: black;
  background: yellow;
  padding: 0;
}

.text-muted {
  color: #6c6c6c;
}

.fade-text {
  opacity: 0.65;
}

ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}

dl {
  margin: 0;
  margin-bottom: 1em;
}

dt {
  margin-bottom: 0;
}
dt.h3 {
  margin-bottom: 1em;
}

dd + dt,
dd + dt.h4 {
  margin-top: 1em;
}

dd + dt.h3 {
  margin-top: 2em;
}

dd {
  margin-left: 0;
  margin-right: 0;
}

.dl--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  /* autoprefixer: ignore next */
  grid-gap: 5px;
}
.dl--grid dd,
.dl--grid dt,
.dl--grid dd + dt {
  margin-top: 0;
}

*::selection {
  color: white;
  background: #333;
}

/**
 * Sets float: right
 * @deprecated: don't use floats where possible; use RTL compatible classes where possible.
 */
.pull-right {
  float: right !important;
}

.u--text--nowrap {
  white-space: nowrap;
}

.u--text--pre-line {
  white-space: pre-line;
}

.u--text--placeholder {
  font-style: italic;
  color: #999;
}

.clickable:hover {
  text-decoration: none;
}
.clickable:focus {
  text-decoration: none;
}
.clickable .icon-mini + .caption {
  margin-left: 4px;
}

::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #d9d9d9;
  border-radius: 4px;
  width: 10px;
  padding: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #e6e6e6;
  border-color: #2e2e2e;
}

::-webkit-scrollbar-thumb:window-inactive {
  background-color: #d9d9d9;
}

.vertical {
  text-orientation: sideways-right;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}

/**
.animation-container

Container which prevents margin-collapse.
Use to prevent jerk when adding or removing DOM-nodes with vertical margin next to other DOM-nodes with vertical margin.

Styleguide: utilities.animation.animation-container
*/
.animation-container {
  padding-top: 1px;
  padding-bottom: 1px;
}

.u--focus-trap {
  width: 0;
  height: 0;
}

@media not screen and (min-width: 769px) {
  .u--hidden--xs {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .u--hidden--sm-up {
    display: none !important;
  }
}
/**
 * @deprecated Use the classes in _form.scss or _form-control.scss.
 */
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}

label,
.label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}

input[type=search] {
  box-sizing: border-box;
  -webkit-appearance: none;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

select[multiple],
select[size] {
  height: auto;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: thin dotted;
  outline-offset: -4px;
}

select[size].form-control option {
  min-height: 2.3em;
}

.textarea--full-height {
  flex: 1 1 auto;
  resize: none;
}

.textarea-2 textarea,
textarea[rows="2"] {
  height: 54px;
  min-height: 54px;
  resize: none;
  overflow: auto;
}

.textarea-3 textarea,
textarea[rows="3"] {
  height: 75px;
  min-height: 75px;
  resize: none;
  overflow: auto;
}

.textarea-4 textarea,
textarea[rows="4"] {
  height: 96px;
  min-height: 96px;
  resize: none;
  overflow: auto;
}

.textarea-5 textarea,
textarea[rows="5"] {
  height: 117px;
  min-height: 117px;
  resize: none;
  overflow: auto;
}

.textarea-6 textarea,
textarea[rows="6"] {
  height: 138px;
  min-height: 138px;
  resize: none;
  overflow: auto;
}

.textarea-7 textarea,
textarea[rows="7"] {
  height: 159px;
  min-height: 159px;
  resize: none;
  overflow: auto;
}

.textarea-8 textarea,
textarea[rows="8"] {
  height: 180px;
  min-height: 180px;
  resize: none;
  overflow: auto;
}

.textarea-9 textarea,
textarea[rows="9"] {
  height: 201px;
  min-height: 201px;
  resize: none;
  overflow: auto;
}

.textarea-10 textarea,
textarea[rows="10"] {
  height: 222px;
  min-height: 222px;
  resize: none;
  overflow: auto;
}

.textarea-resizable textarea,
.textarea-resizable,
textarea.textarea--resizable {
  resize: vertical;
  overflow: auto;
}

.alert {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  flex-shrink: 0;
}

.alert--preview {
  pointer-events: none;
}

.alert__content {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  flex: 1 1 auto;
  overflow: hidden;
  word-wrap: break-word;
  min-height: 1.5em;
  display: block;
}
.alert__content *:first-child {
  margin-top: 0;
}
.alert__content *:last-child {
  margin-bottom: 0;
}
.alert__content a, .alert__content .link-list__item {
  font-weight: bold;
  color: inherit;
  text-decoration: underline;
}
.alert__content h4 {
  color: inherit;
}
.alert__content blockquote {
  border-color: currentColor;
}
.alert__content code,
.alert__content pre {
  background-color: inherit;
  color: inherit;
  border-color: inherit;
}
.alert__content p:last-child {
  padding-bottom: 0;
}

.alert__icon {
  flex: 0 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.alert__close {
  flex: 0 0 auto;
  order: 3;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  opacity: 1;
}
.alert__close:focus {
  outline: 1px dotted;
}
.alert__close > .icon-btn {
  flex: 0 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}

.alert--hiding {
  overflow-y: hidden;
  height: 0;
  margin-bottom: 0;
  transition: height ease-in-out 500ms, margin ease-in-out, 500ms;
}

.alert--success {
  background-color: #ebf2e2;
  border-color: #d7e2be;
  color: #80a549;
}
.alert--success hr {
  border-top-color: #ccdaad;
}

.alert--info {
  background-color: #95d5ea;
  border-color: #6acde1;
  color: #1a6680;
}
.alert--info hr {
  border-top-color: #55c6dd;
}

.alert--warning {
  background-color: #fefcf7;
  border-color: #fae5c9;
  color: #e9a827;
}
.alert--warning hr {
  border-top-color: #f7dab2;
}

.alert--danger {
  background-color: #f2d0d0;
  border-color: #edbcc0;
  color: #ae2f2f;
}
.alert--danger hr {
  border-top-color: #e7a8ad;
}

/**
Badge

A small, contrasting badge to be shown next to some text. Usually contains a number.

Styleguide: badge
 */
/**
.badge

Markup:
	<span class="badge {{modifier_class}}">3</span>

.badge--success     - Shows the badge in the success state.
.badge--info        - Shows the badge in the info state.
.badge--warning     - Shows the badge in the warning state.
.badge--danger      - Shows the badge in the danger state.
.badge--navbar      - Indicates this badge is located in the navbar, makes color depend on active state of the .navbar__item it is in.

Styleguide: badge.badge
 */
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  margin-left: 0.5em;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #d9d9d9;
  border-radius: 2px;
}
.badge:empty {
  display: none;
}
.badge:first-child {
  margin-left: 0;
}

.badge--danger {
  color: #ae2f2f;
  background-color: #f2d0d0;
}

.badge--success {
  color: #80a549;
  background-color: #ebf2e2;
}

.badge--warning {
  color: #e9a827;
  background-color: #fefcf7;
}

.badge--info {
  color: #1a6680;
  background-color: #95d5ea;
}

.badge--navbar {
  color: #333;
  background-color: #e2e2e2;
  padding-bottom: 2px;
}

.navbar__item--active .badge--navbar {
  color: #e2e2e2;
  background-color: #333;
}

.breadcrumbs {
  display: flex;
  align-items: baseline;
  margin-top: 15px;
  margin-bottom: 15px;
}
.main__header > .breadcrumbs {
  margin-top: 5px;
  margin-bottom: 5px;
}

.breadcrumbs__item {
  color: #6c6c6c;
  margin: 0;
}
.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  margin-left: 15px;
  margin-right: 15px;
}

.breadcrumbs__item--active {
  color: #333;
}

.breadcrumbs--size--2 .breadcrumbs__item {
  font-size: 30px;
  line-height: 1.1;
}

.breadcrumbs--size--3 .breadcrumbs__item {
  font-size: 24px;
  line-height: 1.1;
}

.btn, input[type=color].form__control {
  font-weight: normal;
  cursor: pointer;
  border: 1px solid transparent;
  transition: opacity 0.2s ease-in-out, color 0.1s ease-in-out, background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}
.btn:focus, input[type=color].form__control:focus, .btn:active:focus, .btn.button--active:focus {
  outline: thin dotted;
  outline-offset: -4px;
}
.btn:hover, input[type=color].form__control:hover, .btn:focus, input[type=color].form__control:focus {
  text-decoration: none;
}
.btn:active, input[type=color].form__control:active, .btn.button--active, input.button--active[type=color].form__control {
  outline: 0;
  background-image: none;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
}
.btn[disabled], input[disabled][type=color].form__control, fieldset[disabled] .btn, fieldset[disabled] input[type=color].form__control {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
  box-shadow: none;
}
.btn h1, input[type=color].form__control h1, .btn h2, input[type=color].form__control h2, .btn h3, input[type=color].form__control h3, .btn h4, input[type=color].form__control h4, .btn h5, input[type=color].form__control h5, .btn h6, input[type=color].form__control h6 {
  color: inherit;
}

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #4d4d4d;
}
.btn-default:hover, .btn-default:focus {
  color: #333;
  background-color: #e0e0e0;
  border-color: #2e2e2e;
}
.btn-default:active, .btn-default.button--active, .btn-default.button--drop {
  color: #333;
  background-color: #cccccc;
  border-color: #2e2e2e;
}

.btn-primary {
  color: #fff;
  background-color: #333;
  border-color: #262626;
}
.btn-primary:hover, .btn-primary:focus {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #080808;
}
.btn-primary:active, .btn-primary.button--active, .btn-primary.button--drop {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #080808;
}

.btn-toolbar, input[type=color].form__control {
  color: #333;
  background-color: #fff;
  border-color: #d9d9d9;
}
.btn-toolbar:hover, input[type=color].form__control:hover, .btn-toolbar:focus, input[type=color].form__control:focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #bababa;
}
.btn-toolbar:active, input[type=color].form__control:active, .btn-toolbar.button--active, input.button--active[type=color].form__control, .btn-toolbar.button--drop, input.button--drop[type=color].form__control {
  color: #333;
  background-color: #e6e6e6;
  border-color: #bababa;
}

.btn-info {
  color: #fff;
  background-color: #28a;
  border-color: #1e7795;
}
.btn-info:hover, .btn-info:focus {
  color: #fff;
  background-color: #1a6680;
  border-color: #144e62;
}
.btn-info:active, .btn-info.button--active, .btn-info.button--drop {
  color: #fff;
  background-color: #1a6680;
  border-color: #144e62;
}

.btn-info-default, .btn-help {
  color: #28a;
  background-color: #f4f9fb;
  border-color: #1e7795;
}
.btn-info-default:hover, .btn-help:hover, .btn-info-default:focus, .btn-help:focus {
  color: #28a;
  background-color: #cfe5ed;
  border-color: #144e62;
}
.btn-info-default:active, .btn-help:active, .btn-info-default.button--active, .button--active.btn-help, .btn-info-default.button--drop, .button--drop.btn-help {
  color: #28a;
  background-color: #cfe5ed;
  border-color: #144e62;
}

.btn-success {
  color: #fff;
  background-color: #9b6;
  border-color: #8db354;
}
.btn-success:hover, .btn-success:focus {
  color: #fff;
  background-color: #80a549;
  border-color: #6d8c3e;
}
.btn-success:active, .btn-success.button--active, .btn-success.button--drop {
  color: #fff;
  background-color: #80a549;
  border-color: #6d8c3e;
}

.btn-success-default {
  color: #333;
  background-color: #fafcf7;
  border-color: #f2f2f2;
}
.btn-success-default:hover, .btn-success-default:focus {
  color: #333;
  background-color: #e3eed2;
  border-color: #6d8c3e;
}
.btn-success-default:active, .btn-success-default.button--active, .btn-success-default.button--drop {
  color: #333;
  background-color: #e3eed2;
  border-color: #6d8c3e;
}

.btn-warning {
  color: #fff;
  background-color: #eb5;
  border-color: #ecb23e;
}
.btn-warning:hover, .btn-warning:focus {
  color: #fff;
  background-color: #e9a827;
  border-color: #d79615;
}
.btn-warning:active, .btn-warning.button--active, .btn-warning.button--drop {
  color: #fff;
  background-color: #e9a827;
  border-color: #d79615;
}

.btn-danger {
  color: #fff;
  background-color: #c44;
  border-color: #c23535;
}
.btn-danger:hover, .btn-danger:focus {
  color: #fff;
  background-color: #ae2f2f;
  border-color: #922828;
}
.btn-danger:active, .btn-danger.button--active, .btn-danger.button--drop {
  color: #fff;
  background-color: #ae2f2f;
  border-color: #922828;
}

.btn-danger-default, .button--invalid {
  color: #333;
  background-color: #fcf6f6;
  border-color: #c23535;
}
.btn-danger-default:hover, .button--invalid:hover, .btn-danger-default:focus, .button--invalid:focus {
  color: #333;
  background-color: #efd0d0;
  border-color: #922828;
}
.btn-danger-default:active, .button--invalid:active, .btn-danger-default.button--active, .button--active.button--invalid, .btn-danger-default.button--drop, .button--drop.button--invalid {
  color: #333;
  background-color: #efd0d0;
  border-color: #922828;
}

/**
Button

Styles the element as a button. Usually applied to &lt;button&gt; elements.
Take care of accessibility issues when applying to &lt;a&gt; elements.

Styleguide: button
 */
/**
.button

A button.
Currently still relies on .btn and other bootstrap classes for layout, but these *will* be deprecated in the future.

Markup:
	<button class="button {{modifier_class}} type="button">
		<span class="button__icon icon-btn" role="presentation"></span>
		<span class="button__caption">Caption</span>
	</button>

.button--select	     - Button that functions as a &lt;select&gt;.
.button--active	     - Mark this button as active.
.button--invalid     - When used as a form control: mark this button as invalid.
.button--placeholder - When used as a form control: mark this button as showing placeholder text.
.button--block       - Use block layout: render icon and caption on the vertical axis.
.button--large       - Makes the button large.
.button--small       - Makes the button small.
.button--drop        - Indicates something is being dragged over this button.
.button--back        - This is a back button, hide the caption on small screens.

Styleguide: button.button
 */
.button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5em 0.75em;
  white-space: normal;
  touch-action: manipulation;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.button__icon,
.button__caption {
  margin: 0 0.25em;
}

.button--select {
  text-align: left;
  align-items: flex-start;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
}
.button--select > .button__caption {
  flex-grow: 1;
}
.button--select > .button__caption::after {
  content: " ";
}
.button--select .button__dropdown-arrow {
  flex: 0 0 auto;
  -ms-grid-row-align: center;
      align-self: center;
}
.button--select .button__dropdown-arrow + .button__dropdown-arrow {
  margin-left: 12px;
}

.button__dropdown {
  display: inline-block;
  vertical-align: middle;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -94px;
  width: 16px;
  height: 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .button__dropdown {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}
* + .button__dropdown {
  margin-left: 5px;
}

.button--placeholder {
  color: #999;
}

.button--block {
  flex-direction: column;
  padding: 0.25em 1em;
  min-width: 8em;
}
.button--block .button__icon,
.button--block .button__caption {
  margin: 0.25em 0;
}

.button--small {
  padding: 0.25em 0.75em;
  font-size: 12px;
  border-radius: 3px;
}

.button--large {
  font-size: 1.25em;
  border-radius: 6px;
}

.button--drop {
  outline: 2px solid black;
  outline-offset: 2px;
}

@media not screen and (min-width: 769px) {
  .button--back .button__caption {
    display: none;
  }
}
.form__control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
}
.form__control:-ms-input-placeholder {
  color: #999;
}
.form__control::placeholder {
  color: #999;
}

textarea.form__control {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
textarea.form__control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
textarea.form__control.form__control--invalid, .address-control--invalid textarea.form__control.address-control__preview {
  border-color: #c44;
}
textarea.form__control.form__control--invalid:focus, .address-control--invalid textarea.form__control.address-control__preview:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}
textarea.form__control:read-only {
  color: #555555;
  background-color: #f2f2f2;
}
textarea.form__control:read-only:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
textarea.form__control[readonly] {
  color: #555555;
  background-color: #f2f2f2;
}
textarea.form__control[readonly]:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
textarea.form__control:disabled {
  color: #555555;
  background-color: #f2f2f2;
}

input[type=email].form__control,
input[type=number].form__control,
input[type=password].form__control,
input[type=search].form__control,
input[type=tel].form__control,
input[type=text].form__control,
input[type=url].form__control {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 34px;
}
input[type=email].form__control:focus,
input[type=number].form__control:focus,
input[type=password].form__control:focus,
input[type=search].form__control:focus,
input[type=tel].form__control:focus,
input[type=text].form__control:focus,
input[type=url].form__control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
input[type=email].form__control:read-only,
input[type=number].form__control:read-only,
input[type=password].form__control:read-only,
input[type=search].form__control:read-only,
input[type=tel].form__control:read-only,
input[type=text].form__control:read-only,
input[type=url].form__control:read-only {
  color: #555555;
  background-color: #f2f2f2;
}
input[type=email].form__control:read-only:focus,
input[type=number].form__control:read-only:focus,
input[type=password].form__control:read-only:focus,
input[type=search].form__control:read-only:focus,
input[type=tel].form__control:read-only:focus,
input[type=text].form__control:read-only:focus,
input[type=url].form__control:read-only:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
input[type=email].form__control[readonly],
input[type=number].form__control[readonly],
input[type=password].form__control[readonly],
input[type=search].form__control[readonly],
input[type=tel].form__control[readonly],
input[type=text].form__control[readonly],
input[type=url].form__control[readonly] {
  color: #555555;
  background-color: #f2f2f2;
}
input[type=email].form__control[readonly]:focus,
input[type=number].form__control[readonly]:focus,
input[type=password].form__control[readonly]:focus,
input[type=search].form__control[readonly]:focus,
input[type=tel].form__control[readonly]:focus,
input[type=text].form__control[readonly]:focus,
input[type=url].form__control[readonly]:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
input[type=email].form__control:disabled,
input[type=number].form__control:disabled,
input[type=password].form__control:disabled,
input[type=search].form__control:disabled,
input[type=tel].form__control:disabled,
input[type=text].form__control:disabled,
input[type=url].form__control:disabled {
  color: #555555;
  background-color: #f2f2f2;
}
input[type=email].form__control--invalid, .address-control--invalid input[type=email].address-control__preview,
input[type=number].form__control--invalid,
.address-control--invalid input[type=number].address-control__preview,
input[type=password].form__control--invalid,
.address-control--invalid input[type=password].address-control__preview,
input[type=search].form__control--invalid,
.address-control--invalid input[type=search].address-control__preview,
input[type=tel].form__control--invalid,
.address-control--invalid input[type=tel].address-control__preview,
input[type=text].form__control--invalid,
.address-control--invalid input[type=text].address-control__preview,
input[type=url].form__control--invalid,
.address-control--invalid input[type=url].address-control__preview {
  border-color: #c44;
}
input[type=email].form__control--invalid:focus, .address-control--invalid input[type=email].address-control__preview:focus,
input[type=number].form__control--invalid:focus,
.address-control--invalid input[type=number].address-control__preview:focus,
input[type=password].form__control--invalid:focus,
.address-control--invalid input[type=password].address-control__preview:focus,
input[type=search].form__control--invalid:focus,
.address-control--invalid input[type=search].address-control__preview:focus,
input[type=tel].form__control--invalid:focus,
.address-control--invalid input[type=tel].address-control__preview:focus,
input[type=text].form__control--invalid:focus,
.address-control--invalid input[type=text].address-control__preview:focus,
input[type=url].form__control--invalid:focus,
.address-control--invalid input[type=url].address-control__preview:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}

input[type=color].form__control {
  height: 34px;
  padding: 6px;
}

div.form__control {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #555555;
  background-color: #f2f2f2;
  min-height: 34px;
  overflow-wrap: break-word;
}
div.form__control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
div.form__control:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
div.form__control--invalid, .address-control--invalid div.address-control__preview {
  border-color: #c44;
}
div.form__control--invalid:focus, .address-control--invalid div.address-control__preview:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}
div.form__control--disabled {
  color: #555555;
  background-color: #f2f2f2;
}

select.form__control {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 34px;
  cursor: default;
  padding: 0 0 0 9px;
}
select.form__control:-moz-focusring, select.form__control::-moz-focus-inner {
  outline-offset: -4px;
}
select.form__control:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
select.form__control {
  outline: none !important;
}
select.form__control:disabled {
  color: #555555;
  background-color: #f2f2f2;
}
select.form__control.form__control--invalid, .address-control--invalid select.form__control.address-control__preview {
  border-color: #c44;
}
select.form__control.form__control--invalid:focus, .address-control--invalid select.form__control.address-control__preview:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}
select.form__control option {
  padding: 0.5em 2em 0.5em 1em;
  min-height: 34px;
  background: #fff;
}
select.form__control + .form__tag::after, select.form__control + .address-control__tag::after {
  right: 16px;
}

.form__tag, .address-control__tag {
  width: 0;
  height: 100%;
  z-index: 10;
}
.form__tag::after, .address-control__tag::after {
  content: " ";
  opacity: 0;
  transform: scale(0.8);
  transition: transform ease-in-out 0.25s, opacity ease-in-out 0.25s;
  width: 24px;
  height: 24px;
  display: block;
  position: relative;
  right: 0;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -114px -26px;
  width: 24px;
  height: 24px;
  margin-left: -27px;
  margin-top: 5px;
  pointer-events: none;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .form__tag::after, .address-control__tag::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.form__control--invalid + .form__tag::after, .address-control--invalid .address-control__preview + .form__tag::after, .form__control--invalid + .address-control__tag::after, .address-control--invalid .address-control__preview + .address-control__tag::after,
.form__tag--invalid::after {
  opacity: 1;
  transform: none;
  transition: none;
}

.form__tag--table {
  position: absolute;
  left: auto;
  right: 8px;
  top: 9px;
}

.form__tag--datepicker::after {
  right: 62px;
}

samp {
  display: block;
  white-space: pre;
  overflow: auto;
  padding: 2px 4px;
  font-size: 90%;
  -webkit-user-select: contain;
          user-select: contain;
  -ms-user-select: element;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
samp:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}

.button-group {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}

.button-group__item:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: -1px;
}
.button-group__item:not(:last-child):not(.button-group__item--last) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group__item.button--active {
  z-index: 1;
}
.button-group__item:hover {
  z-index: 2;
}

/*
Address control

The address control is a bit special, and therefor has CSS separate from other controls.

Styleguide: address-control
*/
/*
.address-control

The root element of an address control.

Markup:
	<div class="address-control {{modifier_class}}">
		<div class="address-control__preview">A preview,
		with a line break.</div>
		<div class="address-control__tag" role="presentation"></div>
		<div class="address-control__buttons" role="presentation">
			<button class="address-control__button button btn btn-primary" type="button">A button</button>
			<button class="address-control__button button btn btn-primary" type="button">Second button</button>
		</div>
	</div>

.address-control--invalid	- The value entered is invalid.
.address-control--multiline - The control should display multiple lines.

Styleguide: address-control.address-control
*/
.address-control__preview {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #555555;
  background-color: #f2f2f2;
  -webkit-user-select: contain;
      -ms-user-select: element;
          user-select: contain;
}
.address-control__preview:-ms-input-placeholder {
  color: #999;
}
.address-control__preview::placeholder {
  color: #999;
}
.address-control__preview:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
.address-control__preview:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}

.address-control__buttons {
  display: flex;
}
.address-control__buttons .address-control__button {
  width: 60px;
  border-radius: 0;
}
.address-control__buttons .address-control__button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.address-control--multiline .address-control__preview {
  min-height: 74px;
  white-space: pre-line;
}
.address-control--multiline .address-control__buttons {
  flex-direction: column;
}
.address-control--multiline .address-control__button {
  flex: 1 1 auto;
  border-radius: 0;
}
.address-control--multiline .address-control__button:first-child {
  border-top-right-radius: 4px;
}
.address-control--multiline .address-control__button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
}

/**
Chart

Styleguide: chart
*/
/**
.chart

This is the chart that gives a graphical image of the use of useres, documents and folders within DSO.

Markup:
	<div class="chart {{modifier_class}}">
		<div class="chart__wrapper">
			<canvas></canvas>
		</div>
	</div>

.chart--wide - A wide chart.
.chart--tall - A tall chart.

Styleguide: chart.chart
*/
.chart {
  position: relative;
  flex: 1 1 50%;
  padding: 15px;
  border: 1px solid #d9d9d9;
  min-width: 500px;
}
.chart h4 {
  margin-bottom: 30px;
}
.chart .table {
  margin-bottom: 0;
}

.chart--wide {
  flex: 1 1 100%;
}

.chart--tall .chart__wrapper {
  height: 500px;
}

.chart--loading .chart__wrapper,
.chart--loading .chart__toolbar {
  opacity: 0;
}

.chart__wrapper {
  position: relative;
  height: 300px;
  width: 100%;
  transition: opacity 0.5s ease-in-out;
}

.chart__button {
  margin: 4px;
}

/**
	based on https://github.com/flatlogic/awesome-bootstrap-checkbox
*/
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 34px;
  padding-right: 4px;
  margin-top: 7.5px;
  margin-bottom: 7.5px;
  min-height: 19px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkbox label:empty {
  padding-left: 19px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  top: 0.5px;
  border: 1px solid #949494;
  border-radius: 3px;
  background-color: #fff;
  transition: border 0.2s ease-in-out, color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  overflow: hidden;
  text-align: center;
}
.checkbox label::after {
  padding-left: 3px;
}
.checkbox label:focus::before {
  border-color: #333;
  outline: 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(51, 51, 51, 0.6);
}
.checkbox input[type=checkbox] {
  position: absolute;
  outline: none;
  opacity: 0;
}
.checkbox input[type=checkbox]:checked + label::before {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -21px;
  width: 19px;
  height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .checkbox input[type=checkbox]:checked + label::before {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}
.checkbox input[type=checkbox]:indeterminate + label::before {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -63px;
  width: 19px;
  height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .checkbox input[type=checkbox]:indeterminate + label::before {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}
.checkbox input[type=checkbox]:focus + label {
  outline: 1px dotted #333;
  outline-offset: 4px;
}
.checkbox input[type=checkbox]:focus + label::before {
  border-color: #333;
}
.checkbox input[type=checkbox]:disabled + label {
  cursor: not-allowed;
}
.checkbox input[type=checkbox]:disabled + label::before {
  background-color: #f2f2f2;
  cursor: not-allowed;
}
.checkbox input[type=checkbox]:checked:disabled + label::before {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px 0;
  width: 19px;
  height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .checkbox input[type=checkbox]:checked:disabled + label::before {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}
.checkbox input[type=checkbox]:indeterminate:disabled + label::before {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -42px;
  width: 19px;
  height: 19px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .checkbox input[type=checkbox]:indeterminate:disabled + label::before {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.checkbox--invalid label {
  color: #ae2f2f;
}
.checkbox--invalid label::before {
  border-color: #c44;
}

.checkbox-group {
  flex-wrap: wrap;
}
.checkbox-group .checkbox {
  margin-right: 22.5px;
}
.checkbox-group .checkbox label {
  padding-left: 26.5px;
  font-weight: normal;
  font-style: normal;
}

.datepicker {
  position: relative;
}

.datepicker__view {
  left: 0;
}
.datepicker__view .datepicker__previous-button,
.datepicker__view .datepicker__next-button,
.datepicker__view .button.numeric__button {
  padding: 0;
  min-width: 2.5em;
  width: auto;
}

.datepicker--block .datepicker__view {
  width: 100%;
}

.datepicker--inline .datepicker__view {
  min-width: 300px;
  font-size: 1rem;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
}

.datepicker--book {
  display: flex;
  width: 100%;
}

.datepicker--opening {
  z-index: 100;
}
.datepicker--opened {
  z-index: 100;
}
.datepicker--closing {
  z-index: 100;
}
.datepicker--align--right .datepicker__view {
  left: auto;
  right: 0;
}

.datepicker__year {
  flex: 1 0 125px;
}
.datepicker__year input {
  text-align: center;
}

.datepicker__month {
  flex: 1 0 200px;
}
.datepicker__month select {
  text-align: center;
}

.datepicker__decade {
  flex: 1 0 200px;
}
.datepicker__decade .datepicker__select-button {
  flex-grow: 1;
  text-align: center;
}

.calendar {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.calendar:focus {
  outline: 1px dotted;
}

.calendar--days {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  /* fake auto grid placement for IE 11 */
}
.calendar--days > div:nth-child(8n+1), .calendar--days button:nth-child(8n+1) {
  -ms-grid-column: 1;
}
.calendar--days > div:nth-child(8n+2), .calendar--days button:nth-child(8n+2) {
  -ms-grid-column: 2;
}
.calendar--days > div:nth-child(8n+3), .calendar--days button:nth-child(8n+3) {
  -ms-grid-column: 3;
}
.calendar--days > div:nth-child(8n+4), .calendar--days button:nth-child(8n+4) {
  -ms-grid-column: 4;
}
.calendar--days > div:nth-child(8n+5), .calendar--days button:nth-child(8n+5) {
  -ms-grid-column: 5;
}
.calendar--days > div:nth-child(8n+6), .calendar--days button:nth-child(8n+6) {
  -ms-grid-column: 6;
}
.calendar--days > div:nth-child(8n+7), .calendar--days button:nth-child(8n+7) {
  -ms-grid-column: 7;
}
.calendar--days > div:nth-child(8n+8), .calendar--days button:nth-child(8n+8) {
  -ms-grid-column: 8;
}
.calendar--days > div:nth-child(n+9):nth-child(-n+16), .calendar--days button:nth-child(n+9):nth-child(-n+16) {
  -ms-grid-row: 2;
}
.calendar--days > div:nth-child(n+17):nth-child(-n+24), .calendar--days button:nth-child(n+17):nth-child(-n+24) {
  -ms-grid-row: 3;
}
.calendar--days > div:nth-child(n+25):nth-child(-n+32), .calendar--days button:nth-child(n+25):nth-child(-n+32) {
  -ms-grid-row: 4;
}
.calendar--days > div:nth-child(n+33):nth-child(-n+40), .calendar--days button:nth-child(n+33):nth-child(-n+40) {
  -ms-grid-row: 5;
}
.calendar--days > div:nth-child(n+41):nth-child(-n+48), .calendar--days button:nth-child(n+41):nth-child(-n+48) {
  -ms-grid-row: 6;
}
.calendar--days > div:nth-child(n+49):nth-child(-n+56), .calendar--days button:nth-child(n+49):nth-child(-n+56) {
  -ms-grid-row: 7;
}

.calendar--weekdays {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  /* fake auto grid placement for IE 11 */
}
.calendar--weekdays > div:nth-child(7n+1), .calendar--weekdays button:nth-child(7n+1) {
  -ms-grid-column: 1;
}
.calendar--weekdays > div:nth-child(7n+2), .calendar--weekdays button:nth-child(7n+2) {
  -ms-grid-column: 2;
}
.calendar--weekdays > div:nth-child(7n+3), .calendar--weekdays button:nth-child(7n+3) {
  -ms-grid-column: 3;
}
.calendar--weekdays > div:nth-child(7n+4), .calendar--weekdays button:nth-child(7n+4) {
  -ms-grid-column: 4;
}
.calendar--weekdays > div:nth-child(7n+5), .calendar--weekdays button:nth-child(7n+5) {
  -ms-grid-column: 5;
}
.calendar--weekdays > div:nth-child(7n+6), .calendar--weekdays button:nth-child(7n+6) {
  -ms-grid-column: 6;
}
.calendar--weekdays > div:nth-child(7n+7), .calendar--weekdays button:nth-child(7n+7) {
  -ms-grid-column: 7;
}
.calendar--weekdays > div:nth-child(n+8):nth-child(-n+14), .calendar--weekdays button:nth-child(n+8):nth-child(-n+14) {
  -ms-grid-row: 2;
}
.calendar--weekdays > div:nth-child(n+15):nth-child(-n+21), .calendar--weekdays button:nth-child(n+15):nth-child(-n+21) {
  -ms-grid-row: 3;
}
.calendar--weekdays > div:nth-child(n+22):nth-child(-n+28), .calendar--weekdays button:nth-child(n+22):nth-child(-n+28) {
  -ms-grid-row: 4;
}
.calendar--weekdays > div:nth-child(n+29):nth-child(-n+35), .calendar--weekdays button:nth-child(n+29):nth-child(-n+35) {
  -ms-grid-row: 5;
}
.calendar--weekdays > div:nth-child(n+36):nth-child(-n+42), .calendar--weekdays button:nth-child(n+36):nth-child(-n+42) {
  -ms-grid-row: 6;
}

.calendar--months {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.calendar--months > div:nth-child(6n+1), .calendar--months button:nth-child(6n+1) {
  -ms-grid-column: 1;
}
.calendar--months > div:nth-child(6n+2), .calendar--months button:nth-child(6n+2) {
  -ms-grid-column: 2;
}
.calendar--months > div:nth-child(6n+3), .calendar--months button:nth-child(6n+3) {
  -ms-grid-column: 3;
}
.calendar--months > div:nth-child(6n+4), .calendar--months button:nth-child(6n+4) {
  -ms-grid-column: 4;
}
.calendar--months > div:nth-child(6n+5), .calendar--months button:nth-child(6n+5) {
  -ms-grid-column: 5;
}
.calendar--months > div:nth-child(6n+6), .calendar--months button:nth-child(6n+6) {
  -ms-grid-column: 6;
}
.calendar--months > div:nth-child(n+7):nth-child(-n+12), .calendar--months button:nth-child(n+7):nth-child(-n+12) {
  -ms-grid-row: 2;
}
.calendar--months > div:nth-child(n+13):nth-child(-n+18), .calendar--months button:nth-child(n+13):nth-child(-n+18) {
  -ms-grid-row: 3;
}

.calendar--years {
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.calendar--years > div:nth-child(5n+1), .calendar--years button:nth-child(5n+1) {
  -ms-grid-column: 1;
}
.calendar--years > div:nth-child(5n+2), .calendar--years button:nth-child(5n+2) {
  -ms-grid-column: 2;
}
.calendar--years > div:nth-child(5n+3), .calendar--years button:nth-child(5n+3) {
  -ms-grid-column: 3;
}
.calendar--years > div:nth-child(5n+4), .calendar--years button:nth-child(5n+4) {
  -ms-grid-column: 4;
}
.calendar--years > div:nth-child(5n+5), .calendar--years button:nth-child(5n+5) {
  -ms-grid-column: 5;
}
.calendar--years > div:nth-child(n+6):nth-child(-n+10), .calendar--years button:nth-child(n+6):nth-child(-n+10) {
  -ms-grid-row: 2;
}
.calendar--years > div:nth-child(n+11):nth-child(-n+15), .calendar--years button:nth-child(n+11):nth-child(-n+15) {
  -ms-grid-row: 3;
}

.calendar__day-of-week,
.calendar__week-number,
.calendar__day {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px;
  min-height: 20px;
  border: none;
  background: none;
  color: #333;
}

.calendar__day-caption {
  flex: 0 0 auto;
}

.calendar__day-of-week {
  font-weight: bold;
}

.calendar__week-number {
  border-right: 1px solid #555555;
  color: #a6a6a6;
  font-size: 80%;
}

.calendar__day:hover {
  outline: 2px solid rgba(51, 51, 51, 0.5);
  outline-offset: -4px;
}

.calendar__day--focus {
  outline: 2px solid currentColor;
  outline-offset: -4px;
}

.calendar__day--today {
  justify-content: space-around;
}
.calendar__day--today::before, .calendar__day--today::after {
  content: "";
  display: inline-block;
  flex: 0 0 auto;
  height: 0;
  width: 0.5em;
}
.calendar__day--today::after {
  background: #28a;
  height: 0.5em;
  width: 0.5em;
  border-radius: 50%;
}
.calendar__day--today.calendar__day--selected::after {
  background-color: currentColor;
}

.calendar__day--other-month {
  color: #bfbfbf;
}

.calendar__day--selected {
  color: #fff;
  background: #333;
}
.calendar__day--selected:hover {
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: -4px;
}
.calendar__day--selected.calendar__day--other-month {
  color: #fff;
  background: rgba(51, 51, 51, 0.5);
}

/**
Dialog

A modal dialog that is shown as a overlay over the screen.
A user must interact with it before they can interact with the rest of the page.

Styleguide: dialog
*/
/**
.page--dialog-open

Signifies the page that a dialog is open, so it shouldn't scroll the page when the user scrolls.

Styleguide: page.page--dialog-open
*/
.page--dialog-open {
  overflow: hidden;
}

/**
.dialog__wrapper

A wrapper containing the dialog it self, and the backdrop.

Markup:
<div class="dialog__wrapper {{modifier_class}}" role="presentation">
	<div class="dialog" role="dialog">(dialog contents)</div>
	<div class="dialog__backdrop" role="presentation"></div>
</div>

.dialog__wrapper--visible			- When this dialog should be visible.
.dialog__wrapper--transition--in	- When the dialog in transitioning to a visible state.
.dialog__wrapper--transition--out	- When the dialog in transitioning to a hidden state.

Styleguide: dialog.dialog__wrapper
*/
.dialog__wrapper {
  display: flex;
  align-items: flex-start;
  visibility: collapse;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  padding: 15px;
}
@media not screen and (min-width: 769px) {
  .dialog__wrapper {
    padding: 7.5px;
  }
}
.kss-modifier__example .dialog__wrapper {
  position: unset;
}

.dialog__wrapper--visible {
  visibility: visible;
}
.dialog__wrapper--visible .dialog {
  opacity: 1;
  transform: scale(1);
}
.dialog__wrapper--visible .dialog__backdrop {
  opacity: 0.5;
}
.dialog__wrapper--visible + .dialog__wrapper--visible {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media not screen and (min-width: 769px) {
  .dialog__wrapper--visible + .dialog__wrapper--visible {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.dialog__wrapper--visible + .dialog__wrapper--visible + .dialog__wrapper--visible {
  padding-top: 45px;
  padding-bottom: 45px;
}
@media not screen and (min-width: 769px) {
  .dialog__wrapper--visible + .dialog__wrapper--visible + .dialog__wrapper--visible {
    padding-top: 22.5px;
    padding-bottom: 22.5px;
  }
}

.dialog__wrapper--transition--in .dialog__body {
  margin-bottom: 1px;
}

.dialog__wrapper--transition--in,
.dialog__wrapper--transition--out {
  visibility: visible;
}
.dialog__wrapper--transition--in .dialog:focus,
.dialog__wrapper--transition--out .dialog:focus {
  outline: none;
}

.dialog__wrapper--transition--out .dialog {
  transform: scale(0.7);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53), opacity 0.2s linear;
}
.dialog__wrapper--transition--out .dialog__backdrop {
  transition: opacity 0.2s linear;
  opacity: 0;
}

/**
.dialog

The dialog itself. It consists of a header, a body and optionally a footer.

Markup:
<div class="dialog {{modifier_class}}" role="dialog">
	<div class="dialog__header">
		<h4 class="dialog__title">Dialog title</h4>
	</div>
	<div class="dialog__body">(dialog body)</div>
	<div class="dialog__footer">(dialog footer)</div>
</div>

.dialog--width--narrow		- Indicates this dialog should be narrow.
.dialog--width--wide		- Indicates this dialog should be wide, if there is room.
.dialog--width--stretch		- Indicates that this dialog should fill the entire screen.
.dialog--height--high		- Indicates this dialog should have a minimum height.
.dialog--height--fit		- Indicates that this dialog's height should not exceed that op the page. This does have some sideeffects (menu's won't always appear correctly) so only use if needed.
.dialog--height--stretch	- Indicates that this dialog should fill the entire screen.
.dialog--position--center	- Indicates that this dialog should be shown centered on screen instead of aligned to the top of the page.
.dialog--state--danger		- Indicates this dialog should be in the danger state.
.dialog--state--warning		- Indicates this dialog should be in the warning state.

Styleguide: dialog.dialog
*/
.dialog {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  margin: 0;
  z-index: 1;
  transform: scale(1.1);
  opacity: 0;
  transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.3s linear;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  will-change: transform, opacity;
}
.dialog:focus {
  outline: 1px dotted currentColor;
  outline-offset: -2px;
}
@media screen and (min-width: 769px) {
  .dialog {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    width: 600px;
    margin: 0 auto;
  }
}
.kss-modifier__example .dialog {
  opacity: 1;
  transform: none;
}

@media screen and (min-width: 769px) {
  .dialog--width--narrow {
    width: 450px;
  }
}

.dialog--width--wide {
  width: 100%;
  max-width: 900px;
}

.dialog--width--stretch {
  width: 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

.dialog--height--high .dialog__body {
  min-height: 400px;
}

.dialog--height--fit {
  max-height: 100%;
  overflow-y: auto;
}
.dialog--height--fit .dialog__body {
  overflow-y: auto;
}

.dialog--height--stretch {
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
}
.dialog--height--stretch .dialog__body {
  overflow-y: auto;
}

.dialog--position--center {
  -ms-grid-row-align: center;
      align-self: center;
}

.dialog--state--danger {
  border-color: #edbcc0;
}
.dialog--state--danger:focus {
  outline-color: #ae2f2f;
}
.dialog--state--danger .dialog__title {
  color: #ae2f2f;
}

.dialog--state--warning {
  border-color: #fae5c9;
}
.dialog--state--warning:focus {
  outline-color: #e9a827;
}
.dialog--state--warning .dialog__title {
  color: #e9a827;
}

/**
.dialog__activity

The dialog directly contains an activity, hide the heading of the first frame,
because we are showing it in the dialog title.

Styleguide: dialog.dialog__activity
*/
.dialog__activity .activity__frame-heading:first-child {
  display: none;
}

/**
.dialog__header

The header of the dialog. It has a title, and optionally a close button.

Markup:
<div class="dialog__header">
	<button class="dialog__close-button" type="button">
		<span class="icon-btn icon-close"></span>
	</button>
	<h4 class="dialog__title">Dialog title</h4>
</div>

Styleguide: dialog.dialog__header
*/
.dialog__header {
  padding-top: 15px;
  padding-right: 63px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-bottom: 1px solid #d9d9d9;
  min-height: 16.428571429px;
  flex: 0 0 auto;
}

.dialog__close-button {
  position: absolute;
  top: 13px;
  right: 13px;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  height: 22px;
  width: 22px;
}
.dialog__close-button:focus {
  outline: 1px dotted;
}
.dialog__close-button .icon-close {
  position: absolute;
  top: 2px;
  right: 2px;
}

.dialog__title {
  margin: 0;
  line-height: 1.428571429;
}

/**
.dialog__body

The body of the dialog.

.dialog__body--tabs		- A dialog body in which the only or first item in the content is a tab control. This removes padding so the tabs are integrated nicely in the dialog.

Styleguide: dialog.dialog__body
*/
.dialog__body {
  flex: 1 1 auto;
  position: relative;
  padding: 15px;
  transition: opacity ease-in-out 0.5s;
}
.dialog__body > table:last-child,
.dialog__body > .pagination:last-child {
  margin-bottom: 0;
}

/**
.dialog__footer

The footer of the dialog. Its contents are end-aligned, usually there are only some buttons in the footer.

Markup:
<div class="dialog__footer">
	<button class="btn btn-primary">OK</button>
	<button class="btn btn-default">Cancel</button>
</div>

Styleguide: dialog.dialog__footer.
*/
.dialog__footer {
  display: flex;
  justify-content: flex-end;
  flex: 0 0 auto;
  padding: 15px;
  border-top: 1px solid #d9d9d9;
  margin-top: 0;
  transition: opacity ease-in-out 0.5s;
}
.dialog__footer .btn, .dialog__footer input[type=color].form__control {
  min-width: 100px;
}
.dialog__footer .btn + .btn, .dialog__footer input[type=color].form__control + .btn, .dialog__footer .btn + input[type=color].form__control, .dialog__footer input[type=color].form__control + input[type=color].form__control {
  margin-left: 15px;
  margin-bottom: 0;
}

/**
.dialog__menu

The content of this dialog is a single .menu.

Markup:
	<div class="dialog__body menu dialog__menu">
		<button class="menu__item" type="button">...</button>
	</div>

Styleguide: dialog.dialog__menu
*/
.dialog__menu.menu, .dialog__menu.droplist-content, .dialog__menu.datepicker__view {
  display: block;
  position: relative;
  border: none;
  box-shadow: none;
  opacity: 1;
}

/**
.dialog__backdrop

The backdrop behind the dialog.

Styleguide: dialog.dialog__backdrop
*/
.dialog__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  background-color: #000;
  will-change: opacity;
  transition: opacity 0.2s linear;
  opacity: 0;
}
.kss-modifier__example .dialog__backdrop {
  position: absolute;
}

/**
#global-error-dialog

The global error dialog has the class #global-error-dialog. By default it has a red border and a different animation when opening and closing.

Styleguide: dialog._global-error-dialog
*/
#global-error-dialog.dialog__wrapper--visible {
  padding: 45px;
}
.page--lite #global-error-dialog.dialog__wrapper--visible {
  padding: 22.5px;
}
@media not screen and (min-width: 769px) {
  .page--lite #global-error-dialog.dialog__wrapper--visible {
    padding: 0;
  }
}
#global-error-dialog.dialog__wrapper--visible .dialog {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.3s cubic-bezier(0.55, 0.09, 0.68, 0.53), opacity 0.3s linear;
}
#global-error-dialog .dialog {
  transform: translateY(-100px);
  opacity: 0;
  transition: transform 0.1s linear, opacity 0.1s linear, visibility 1s;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  border: 1px solid #edbcc0;
}
@media not screen and (min-width: 769px) {
  .page--lite #global-error-dialog .dialog {
    border-top: none;
    border-left: none;
    border-right: none;
  }
}
@media screen and (min-width: 769px) {
  #global-error-dialog .dialog {
    width: auto;
    min-width: 660px;
    max-width: 100%;
  }
}

.drop-element {
  position: absolute;
  display: none;
  max-width: 100%;
  max-height: 100%;
}
.drop-element.drop-open {
  display: block;
}

.drop-content {
  max-width: 300px;
  padding: 1px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
  padding: 9px 14px;
}
.drop-content:before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-width: 10px;
  border-style: solid;
}
.drop-content hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.drop-content ul {
  list-style-position: inside;
  padding-left: 0;
}
.drop-content ul:last-child {
  margin-bottom: 0;
}

.drop-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-center .drop-content {
  margin-top: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-center .drop-content:before {
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle .drop-content {
  margin-top: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-middle .drop-content:before {
  bottom: 100%;
  left: 10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
  margin-left: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
  top: 10px;
  right: 100%;
  border-right-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
  margin-top: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
  bottom: 100%;
  left: 10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
  margin-top: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
  bottom: 100%;
  right: 10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle .drop-content {
  margin-top: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-middle .drop-content:before {
  bottom: 100%;
  right: 10px;
  border-bottom-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
  margin-right: 10px;
}
.drop-element.drop--arrow.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
  top: 10px;
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-center .drop-content {
  margin-bottom: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle .drop-content {
  margin-bottom: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-middle .drop-content:before {
  top: 100%;
  left: 10px;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle .drop-content {
  margin-bottom: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-middle .drop-content:before {
  top: 100%;
  right: 10px;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
  margin-bottom: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
  top: 100%;
  left: 10px;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
  margin-bottom: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
  top: 100%;
  right: 10px;
  border-top-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
  margin-right: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
  bottom: 10px;
  left: 100%;
  border-left-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
  margin-left: 10px;
}
.drop-element.drop--arrow.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
  bottom: 10px;
  right: 100%;
  border-right-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-right.drop-element-attached-middle .drop-content {
  margin-right: 10px;
}
.drop-element.drop--arrow.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
  left: 100%;
  top: 50%;
  margin-top: -10px;
  border-left-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-right.drop-target-attached-center .drop-content {
  left: 20px;
}
.drop-element.drop--arrow.drop-element-attached-left.drop-element-attached-middle .drop-content {
  margin-left: 10px;
}
.drop-element.drop--arrow.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
  right: 100%;
  top: 50%;
  margin-top: -10px;
  border-right-color: rgba(0, 0, 0, 0.2);
}
.drop-element.drop--arrow.drop-element-attached-left.drop-target-attached-center .drop-content {
  left: -20px;
}

.drop--info {
  border-color: #6acde1;
  padding: 0;
}
.drop--info .drop-title {
  color: #1a6680;
  background-color: #95d5ea;
  border-bottom-color: rgba(106, 205, 225, 0.5);
}
.drop--info.right > .arrow {
  border-right-color: #6acde1;
}
.drop--info.left > .arrow {
  border-left-color: #6acde1;
}
.drop--info hr {
  color: #6acde1;
  border-color: #6acde1;
}

/**
Explorer

A view of a file system, allow the user to browse through folders and files.

Styleguide: explorer
*/
/**
.explorer

The root of an explorer element. Contains 0 or more items.

Markup:
	<div class="explorer explorer--view--tiles">
		<div class="explorer__wrapper">
			<span class="explorer__item">
				<span class="explorer__icon icon-file" role="presentation"></span>
				<span class="explorer__labels">
					<span class="explorer__caption">item</span>
				</span>
			</span>
		</div>
		<div class="explorer__padding"></div>
	</div>

Styleguide: explorer.explorer
*/
.explorer {
  position: relative;
  padding-bottom: 30px;
  min-height: 100px;
}
@media not screen and (min-width: 769px) {
  .explorer .explorer__item {
    align-items: center;
    word-wrap: break-word;
    cursor: pointer;
  }
  .explorer .explorer__item:hover {
    background-color: whitesmoke;
  }
  .explorer .explorer__labels {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-left: 10px;
  }
  .explorer .explorer__icon--48 {
    flex: 0 0 48px;
  }
  .explorer .explorer__icon--64,
.explorer .explorer__icon--32 {
    display: none;
  }
  .explorer .explorer__property {
    font-size: 85%;
    opacity: 0.65;
  }
  .explorer .explorer__property--detailed {
    display: none;
  }
  .explorer .explorer__padding {
    height: 48px;
  }
}
.explorer .form__row {
  padding: 0 7.5px 7.5px;
}

/**
.explorer--view

Sets the view for an explorer. Only effective for breakpoint sm and up.
Breakpoint xs-down always uses list-small.

.explorer--view--tiles		- Tiles view, shows multiple items per row.
.explorer--view--details	- Details view, table with multiple columns.
.explorer--view--list		- Details view, table with multiple columns.

Markup:
	<div class="explorer {modifier_class}">
		<div class="explorer__wrapper">[item]</div>
	</div>

Styleguide: explorer.explorer--view
*/
@media screen and (min-width: 769px) {
  .explorer--view--tiles {
    display: flex;
    flex-wrap: wrap;
  }
  .explorer--view--tiles .explorer__item,
.explorer--view--tiles .explorer__padding {
    width: 300px;
    margin: 7.5px;
  }
  .explorer--view--tiles .explorer__padding {
    min-height: 64px;
  }
  .explorer--view--tiles .explorer__item {
    align-items: center;
    height: 64px;
    word-wrap: break-word;
    cursor: pointer;
  }
  .explorer--view--tiles .explorer__item .explorer__icon--64 {
    flex: 0 0 64px;
  }
  .explorer--view--tiles .explorer__item .explorer__icon--48,
.explorer--view--tiles .explorer__item .explorer__icon--32 {
    display: none;
  }
  .explorer--view--tiles .explorer__labels {
    flex: 1 1 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-left: 10px;
  }
  .explorer--view--tiles .explorer__caption {
    display: block;
  }
  .explorer--view--tiles .explorer__property {
    display: block;
    font-size: 85%;
    opacity: 0.65;
    text-overflow: ellipsis;
  }

  .explorer--view--details .explorer__item {
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    padding: 3.75px;
    margin: 0;
    cursor: pointer;
  }
  .explorer--view--details .explorer__item:hover, .explorer--view--details .explorer__item:focus {
    background-color: whitesmoke;
  }
  .explorer--view--details .explorer__item .explorer__icon--32 {
    flex: 0 0 32px;
  }
  .explorer--view--details .explorer__item .explorer__icon--64,
.explorer--view--details .explorer__item .explorer__icon--48 {
    display: none;
  }
  .explorer--view--details .explorer__padding {
    height: 32px;
  }
  .explorer--view--details .explorer__spinner {
    padding: 3.75px;
  }
  .explorer--view--details .explorer__labels {
    flex: 1 1 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    margin-left: 10px;
  }
  .explorer--view--details .explorer__labels .explorer__caption,
.explorer--view--details .explorer__labels .explorer__property {
    display: block;
    flex: 1 1 100px;
    min-width: 200px;
  }
  .explorer--view--details .explorer__labels .explorer__caption:not(:last-child),
.explorer--view--details .explorer__labels .explorer__property:not(:last-child) {
    padding-right: 15px;
  }
  .explorer--view--details .explorer__labels .explorer__caption--size--2,
.explorer--view--details .explorer__labels .explorer__property--size--2 {
    flex: 2 2 200px;
  }
  .explorer--view--details .explorer__labels .explorer__caption--size--3,
.explorer--view--details .explorer__labels .explorer__property--size--3 {
    flex: 3 3 300px;
  }

  .explorer--view--list .explorer__item {
    align-items: center;
    word-wrap: break-word;
    cursor: pointer;
  }
  .explorer--view--list .explorer__item:hover {
    background-color: whitesmoke;
  }
  .explorer--view--list .explorer__labels {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-left: 10px;
  }
  .explorer--view--list .explorer__item .explorer__icon--64 {
    flex: 0 0 64px;
  }
  .explorer--view--list .explorer__item .explorer__icon--48,
.explorer--view--list .explorer__item .explorer__icon--32 {
    display: none;
  }
  .explorer--view--list .explorer__property {
    font-size: 85%;
    opacity: 0.65;
  }
  .explorer--view--list .explorer__padding {
    height: 64px;
  }

  .explorer--view--list-small .explorer__item {
    align-items: center;
    word-wrap: break-word;
    cursor: pointer;
  }
  .explorer--view--list-small .explorer__item:hover {
    background-color: whitesmoke;
  }
  .explorer--view--list-small .explorer__labels {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin-left: 10px;
  }
  .explorer--view--list-small .explorer__icon--48 {
    flex: 0 0 48px;
  }
  .explorer--view--list-small .explorer__icon--64,
.explorer--view--list-small .explorer__icon--32 {
    display: none;
  }
  .explorer--view--list-small .explorer__property {
    font-size: 85%;
    opacity: 0.65;
  }
  .explorer--view--list-small .explorer__property--detailed {
    display: none;
  }
  .explorer--view--list-small .explorer__padding {
    height: 48px;
  }
}
/**
.explorer--loading

Puts the explorer into loading state.

Styleguide explorer.explorer--loading
 */
/**
.explorer__item

A single item in an explorer. Contains all relevant icons, and a labels container.

Markup:
	<div class="explorer__item">
		<span class="explorer__icon explorer__icon--64 icon-file icon-normal" role="presentation"></span>
		<span class="explorer__icon explorer__icon--48 icon-file icon-small"  role="presentation"></span>
		<span class="explorer__icon explorer__icon--32 icon-file icon-tiny"   role="presentation"></span>
		<span class="explorer__labels">
			[labels]
		</span>
	</div>

Styleguide explorer.explorer__item
 */
.explorer__item {
  display: flex;
  margin: 7.5px 0;
  color: #333;
  opacity: 1;
  transition: opacity 0.25s ease 0.25s;
}
.explorer__item:hover {
  text-decoration: none;
}
.explorer__item:focus {
  text-decoration: none;
  outline: 1px dotted #333;
}
.explorer__wrapper + .explorer__header {
  padding-top: 15px;
}

/**
.explorer__icon

The icon of an item.
Always add the correct explorer__icon--[size] class, to show and hide the icon for various views.

Styleguide: explorer.explorer__caption
 */
.explorer__icon {
  display: none;
}

/**
.explorer__labels

Contains all labels for an item. Should contain one caption, and zero or more properties.

Markup:
	<span class="explorer__labels">
		<span class="explorer__caption">caption</span>
		<span class="explorer__property">property</span>
	</span>

Styleguide: explorer.explorer__labels
 */
.explorer__labels {
  overflow: hidden;
}

/**
.explorer__caption

The caption of an item.

Styleguide: explorer.explorer__caption
 */
.explorer__caption {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
.explorer__property

An extra property of an item.

.explorer__property--detailed	- Property is only shown in views with a bit more room.

Styleguide: explorer.explorer__caption
 */
.explorer__property {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/**
.explorer__spinner

A spinner inside a .explorer__wrapper.

Include this if the item should have a loading state.

Styleguide: explorer.explorer__spinner
 */
.explorer__spinner {
  justify-content: flex-start;
  padding: 4px;
}

/**
.explorer__wrapper

Wraps an explorer item.

Contains an item.
Can contain a spinner and/or context menu.

.explorer__wrapper--loading		- Hides the item and shows the spinner.
.explorer__wrapper--removing	- Shows the removing animation for this item.

Markup:
	<div class="explorer__wrapper {{modifier_class}}">
		<div class="explorer__item">[item]</div>
		<div class="explorer__spinner">[spinner]</div>
		<div class="context-menu">[context-menu]</div>
	</div>

Styleguide explorer.explorer__wrapper
 */
.explorer__wrapper {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.explorer__wrapper.context-menu--open .explorer__item {
  background-color: #ebebeb;
  outline: 1px dotted #1a1a1a;
}
.explorer__wrapper--loading .explorer__item {
  opacity: 0;
  transition: opacity 0.25s ease 0s;
}
.explorer__wrapper--loading .explorer__spinner {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease 0.25s, visibility 0.25s ease 0.25s;
}

.explorer__wrapper--removing {
  height: 0;
  opacity: 0;
  transition: height 500ms ease-in-out, opacity 500ms ease-in-out;
}
.explorer__wrapper--removing .explorer__item {
  overflow: hidden;
}

/**
.explorer__padding

Add to the bottom of an explorer to ensure there is always is some whitespace visible, for the user to click to show the main context menu.

Styleguide: explorer.explorer__padding
 */
/**
.explorer__element

An element that appears before an explorer, such as an alert, search pane etc.

Styleguide: explorer.explorer__element
 */
.explorer__element {
  margin-top: 0;
  margin-bottom: 15px;
}

/**
.explorer__search

Gives a search pane some extra borders and background color.

Styleguide: explorer.explorer__search
 */
.explorer__search {
  padding-top: 7.5px;
  padding-right: 15px;
  padding-bottom: 7.5px;
  padding-left: 15px;
  background-color: #d9d9d9;
  border-radius: 6px;
}

.filelist {
  font-size: 18px;
  margin: 0;
  padding-left: 2px;
}

.filelist--adding {
  overflow: hidden;
}

.filelist__item {
  position: relative;
  display: block;
  margin: 5px -5px;
  transition: height 500ms ease-in-out, opacity 500ms ease-in-out;
}

.filelist__item--removing {
  height: 0;
  min-height: 0 !important;
  opacity: 0;
  overflow: hidden;
}

.filelist__item--adding {
  height: 0 !important;
  min-height: 0 !important;
  opacity: 0;
  overflow: hidden;
  transition: none;
}

.filelist__link {
  display: block;
  padding: 5px;
  width: 100%;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  background: none;
  border: none;
}
.filelist__link:hover {
  text-decoration: none;
}
.filelist__link:hover .filelist__small {
  text-decoration: none;
}
.filelist__link:focus {
  outline: 1px dotted;
  text-decoration: none;
}
.filelist__link:focus .filelist__small {
  text-decoration: none;
}

.filelist__icon {
  margin-right: 5px;
}

.filelist__caption {
  vertical-align: baseline;
}

.filelist__small {
  vertical-align: baseline;
  opacity: 0.65;
}

/*
Form

Styleguide: form
*/
/*
.form

A part of a page that allows the user to input data. Typically a collection of input controls next to labels.

.form--no-margin		-	Don't add spacing around this form.

Styleguide: form.form
*/
.form {
  margin-left: 7.5px;
  margin-right: 7.5px;
}
.form + hr {
  margin-top: 5px;
}

/*
.form__row

A single row in the form. Can contain one or more .form__column s or one or more form__item s.

.form__row--text	 - Arranges items more compactly for keeping labels with text together more neatly when items are wrapped.
.form__row--narrow   - Arranges items more compactly for narrower spaces.
.form__row--indent   - Indicates that this row is indented compared to the rest of the rows in this form.
.form__row--below-toolbar - Indicates that this row is shown directly below a toolbar to which it belongs.
.form__row--vertical - Arranges labels and controls vertically.

Styleguide: form.form__row
*/
.form__row {
  margin-bottom: 0;
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.form__row--text {
  align-items: baseline;
}

.form__row--below-toolbar {
  margin-top: -15px;
  margin-bottom: 15px;
}

/*
.form__column

A column in the form. Can contain one or more .form__row s or one or more form__item s.
If there are more than one column next to each other, a rule is drawn between them.

Styleguide: form.form__column
*/
.form__column {
  margin-bottom: 0;
  margin-left: 7.5px;
  margin-right: 7.5px;
}
.form__column:not(:first-child):empty::before {
  content: " ";
  height: 100%;
  width: 1px;
  background: #d9d9d9;
  left: -8.5px;
  position: relative;
}
.form__column:not(:first-child) > .form__row {
  margin-left: -8.5px;
  border-left: 1px #d9d9d9 solid;
}

.form__row,
.form__column {
  display: flex;
  flex-wrap: wrap;
  flex: 1 1 300px;
}

.form__row--indent {
  margin-left: 15px;
}

.form__row--vertical .form__label {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

/*
.form__item

A single 'item' in a form, usually resides in a form__row or form__column.

Styleguide form.form__item
*/
.form__item {
  margin: 7.5px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}
.form__item:focus-within {
  z-index: 100;
}
.form__item[data-focus-within] {
  z-index: 100;
  background: url(#);
}
.form__item > .form__row,
.form__item > .form__column {
  margin-top: -7.5px;
}

.form__item--active {
  z-index: 100;
  background: url(#);
}

.form__item--size--fixed {
  flex: 0 0 auto;
}

.form__item--size--1 {
  display: block;
  flex: 1 1 100px;
}

.form__item--size--2 {
  flex: 2 2 200px;
}

.form__label,
.form__no-label {
  flex: 1 1 150px;
  width: 150px;
  max-width: 300px;
  padding-top: 6px;
  font-size: 14px;
  line-height: 1.428571429;
}

.form__label--minimal {
  flex: 0 1 auto;
  width: auto;
}

.form__label--text {
  padding-top: 0;
  margin-bottom: -3.75px;
}

.form__item--part {
  flex: 1 0 250px;
}

.form__item--control,
.form__item--text,
.form__item--toolbar {
  flex: 2 1 300px;
  display: flex;
  z-index: 0;
  background-image: url(#);
}

.form__item--control {
  align-self: flex-start;
}
.form__item--control > .alert {
  flex: 1 1 auto;
  margin-bottom: 0;
}

.form__item--text::before {
  content: " ";
}

.form__text, .timepicker__label {
  padding-top: 7px;
  margin-bottom: 5px;
}

.form__row--text .form__text, .form__row--text .timepicker__label {
  padding-top: 0;
  margin-top: 0;
}

.form__row--compact-text {
  margin-top: -7.5px;
}
.form__row--compact-text .form__text, .form__row--compact-text .timepicker__label {
  margin-top: 0;
  padding-top: 0;
}

.form__row--narrow {
  max-width: 80em;
}
.form__row--narrow .form__item--control,
.form__row--narrow .form__item--text {
  flex-basis: 200px;
}
.form__row--narrow .form__label,
.form__row--narrow .form__no-label {
  flex-basis: 100px;
}

.form__item--book.form__label {
  flex: 0 1 140px;
  word-break: break-word;
}
.form__item--book.form__item--control, .form__item--book.form__item--text {
  flex: 1 1 250px;
}

.form__label--book {
  flex: 0 0 150px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  text-overflow: "... :";
}

/**
Hash marker

A marker to display next to obfuscated or hashed data, to help a user to easily see similarities
and differences in large amounts alpha numeric data.

Markup:
<p>
	<span class="hash-marker {{modifier_class}}"></span>
	<span>some hash</span>
</p>

.hash-marker--1 - Marker 1 ◼
.hash-marker--2 - Marker 2 🞓
.hash-marker--3 - Marker 3 🞑
.hash-marker--4 - Marker 4 ◻
.hash-marker--5 - Marker 5 ▣
.hash-marker--6 - Marker 6 ⬒
.hash-marker--7 - Marker 7 ◨
.hash-marker--8 - Marker 8 ⬓
.hash-marker--9 - Marker 9 ◧
.hash-marker--10 - Marker 10 ◫
.hash-marker--11 - Marker 11 ⊟
.hash-marker--12 - Marker 12 ⊞
.hash-marker--13 - Marker 13 ⬕
.hash-marker--14 - Marker 14 ⬔
.hash-marker--15 - Marker 15 ⚫
.hash-marker--16 - Marker 16 🞉
.hash-marker--17 - Marker 17 🞇
.hash-marker--18 - Marker 18 ○
.hash-marker--19 - Marker 19 ◉
.hash-marker--20 - Marker 20 ◓
.hash-marker--21 - Marker 21 ◑
.hash-marker--22 - Marker 22 ◒
.hash-marker--23 - Marker 23 ◐
.hash-marker--24 - Marker 24 ◔
.hash-marker--25 - Marker 25 ◕
.hash-marker--26 - Marker 26 ⦶
.hash-marker--27 - Marker 27 ⊖
.hash-marker--28 - Marker 28 ⊕
.hash-marker--29 - Marker 29 ◰
.hash-marker--30 - Marker 30 ◱
.hash-marker--31 - Marker 31 ◲
.hash-marker--32 - Marker 32 ◳
.hash-marker--33 - Marker 33 ◴
.hash-marker--34 - Marker 34 ◵
.hash-marker--35 - Marker 35 ◶
.hash-marker--36 - Marker 36 ◷
.hash-marker--37 - Marker 37
.hash-marker--38 - Marker 38
.hash-marker--39 - Marker 39
.hash-marker--40 - Marker 40
.hash-marker--41 - Marker 41
.hash-marker--42 - Marker 42
.hash-marker--43 - Marker 43
.hash-marker--44 - Marker 44
.hash-marker--45 - Marker 45 ▲
.hash-marker--46 - Marker 46 △
.hash-marker--47 - Marker 47 ▶
.hash-marker--48 - Marker 48 ▷
.hash-marker--49 - Marker 49 ▼
.hash-marker--50 - Marker 50 ▽
.hash-marker--51 - Marker 51 ◀
.hash-marker--52 - Marker 52 ◁
.hash-marker--53 - Marker 53 ◤
.hash-marker--54 - Marker 54 ◸
.hash-marker--55 - Marker 55 ◥
.hash-marker--56 - Marker 56 ◹
.hash-marker--57 - Marker 57 ◢
.hash-marker--58 - Marker 58 ◿
.hash-marker--59 - Marker 59 ◣
.hash-marker--60 - Marker 60 ◺
.hash-marker--61 - Marker 61 ◆
.hash-marker--62 - Marker 62 ◇
.hash-marker--63 - Marker 63 ◈
.hash-marker--64 - Marker 64 ⬢


Styleguide: hashmarker
*/
.hash-marker {
  display: inline-block;
  margin-right: 5px;
  position: relative;
}

.hash-marker--1 {
  height: 0.8em;
  width: 0.8em;
  background: currentColor;
}

.hash-marker--2,
.hash-marker--3,
.hash-marker--4,
.hash-marker--5 {
  height: 0.8em;
  width: 0.8em;
  border: 0.2em solid currentColor;
}

.hash-marker--2 {
  border-width: 0.3em;
}

.hash-marker--3 {
  border-width: 0.2em;
}

.hash-marker--4 {
  border-width: 0.1em;
}

.hash-marker--5::after {
  content: " ";
  position: absolute;
  top: 25%;
  left: 25%;
  height: 50%;
  width: 50%;
  background: currentColor;
}

.hash-marker--6,
.hash-marker--7,
.hash-marker--8,
.hash-marker--9 {
  height: 0.8em;
  width: 0.8em;
  border: 0.1em solid currentColor;
}

.hash-marker--6 {
  border-top-width: 0.45em;
}

.hash-marker--7 {
  border-right-width: 0.45em;
}

.hash-marker--8 {
  border-bottom-width: 0.45em;
}

.hash-marker--9 {
  border-left-width: 0.45em;
}

.hash-marker--10,
.hash-marker--11,
.hash-marker--12,
.hash-marker--29,
.hash-marker--30,
.hash-marker--31,
.hash-marker--32 {
  height: 0.8em;
  width: 0.8em;
  border: 0.1em solid currentColor;
}

.hash-marker--10::after,
.hash-marker--11::after,
.hash-marker--12::before,
.hash-marker--12::after,
.hash-marker--26::after,
.hash-marker--27::after,
.hash-marker--28::before,
.hash-marker--28::after {
  content: "";
  position: absolute;
  background: currentColor;
}

.hash-marker--10::after,
.hash-marker--12::after,
.hash-marker--26::after,
.hash-marker--28::after {
  top: 0;
  left: 40%;
  height: 100%;
  width: 20%;
}

.hash-marker--11::after,
.hash-marker--12::before,
.hash-marker--27::after,
.hash-marker--28::before {
  top: 40%;
  left: 0;
  height: 20%;
  width: 100%;
}

.hash-marker--13,
.hash-marker--14 {
  height: 0.8em;
  width: 0.8em;
  background: currentColor;
}
.hash-marker--13::after,
.hash-marker--14::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}

.hash-marker--13::after {
  border-width: 0 0.6em 0.6em 0;
  border-right-color: white;
  top: 0.1em;
  right: 0.1em;
}

.hash-marker--14::after {
  border-width: 0.6em 0 0 0.6em;
  border-left-color: white;
  bottom: 0.1em;
  left: 0.1em;
}

.hash-marker--15 {
  height: 0.8em;
  width: 0.8em;
  background: currentColor;
  border-radius: 50%;
}

.hash-marker--16 {
  height: 0.8em;
  width: 0.8em;
  border: 0.3em solid currentColor;
  border-radius: 50%;
}

.hash-marker--17 {
  height: 0.8em;
  width: 0.8em;
  border: 0.2em solid currentColor;
  border-radius: 50%;
}

.hash-marker--18 {
  height: 0.8em;
  width: 0.8em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
}

.hash-marker--19 {
  height: 0.8em;
  width: 0.8em;
  border: 0.2em solid currentColor;
  border-radius: 50%;
}
.hash-marker--19::after {
  content: " ";
  position: absolute;
  top: 25%;
  left: 25%;
  height: 50%;
  width: 50%;
  background: currentColor;
  border-radius: 50%;
}

.hash-marker--20,
.hash-marker--21,
.hash-marker--22,
.hash-marker--23,
.hash-marker--24,
.hash-marker--25,
.hash-marker--26,
.hash-marker--27,
.hash-marker--28,
.hash-marker--33,
.hash-marker--34,
.hash-marker--35,
.hash-marker--36 {
  height: 0.8em;
  width: 0.8em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
}

.hash-marker--20::after,
.hash-marker--21::after,
.hash-marker--22::after,
.hash-marker--23::after,
.hash-marker--24::after,
.hash-marker--25::after {
  content: "";
  position: absolute;
  background: currentColor;
  height: 50%;
  width: 50%;
}

.hash-marker--20::after {
  top: 0;
  left: 0;
  width: 100%;
  border-top-left-radius: 25% 50%;
  border-top-right-radius: 25% 50%;
}

.hash-marker--21::after {
  top: 0;
  right: 0;
  height: 100%;
  border-top-right-radius: 50% 25%;
  border-bottom-right-radius: 50% 25%;
}

.hash-marker--22::after {
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 25% 50%;
  border-bottom-right-radius: 25% 50%;
}

.hash-marker--23::after {
  top: 0;
  left: 0;
  height: 100%;
  border-bottom-left-radius: 50% 25%;
  border-top-left-radius: 50% 25%;
}

.hash-marker--24::after,
.hash-marker--25::after {
  top: 0;
  right: 0;
  height: 50%;
  border-top-right-radius: 50%;
}

.hash-marker--25::before {
  content: "";
  position: absolute;
  background: currentColor;
  height: 50%;
  left: 0;
  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 25% 50%;
  border-bottom-right-radius: 25% 50%;
}

.hash-marker--29::after,
.hash-marker--30::after,
.hash-marker--31::after,
.hash-marker--32::after,
.hash-marker--33::after,
.hash-marker--34::after,
.hash-marker--35::after,
.hash-marker--36::after {
  content: "";
  position: absolute;
  background: currentColor;
  height: 55%;
  width: 55%;
}

.hash-marker--29::before,
.hash-marker--30::before,
.hash-marker--31::before,
.hash-marker--32::before,
.hash-marker--33::before,
.hash-marker--34::before,
.hash-marker--35::before,
.hash-marker--36::before {
  content: "";
  position: absolute;
  background: currentColor;
  height: 55%;
  width: 55%;
}

.hash-marker--29::before,
.hash-marker--32::before,
.hash-marker--33::before,
.hash-marker--36::before {
  width: 10%;
  left: 45%;
  top: 0;
}

.hash-marker--30::before,
.hash-marker--31::before,
.hash-marker--34::before,
.hash-marker--35::before {
  width: 10%;
  left: 45%;
  bottom: 0;
}

.hash-marker--29::after,
.hash-marker--30::after,
.hash-marker--33::after,
.hash-marker--34::after {
  height: 10%;
  top: 45%;
  left: 0;
}

.hash-marker--31::after,
.hash-marker--32::after,
.hash-marker--35::after,
.hash-marker--36::after {
  height: 10%;
  top: 45%;
  right: 0;
}

.hash-marker--37,
.hash-marker--38,
.hash-marker--39,
.hash-marker--40 {
  height: 0.8em;
  width: 0.8em;
  background: currentColor;
}

.hash-marker--41,
.hash-marker--42,
.hash-marker--43,
.hash-marker--44 {
  height: 0.8em;
  width: 0.8em;
  border: 0.1em solid currentColor;
}

.hash-marker--37,
.hash-marker--41 {
  border-top-left-radius: 60%;
}

.hash-marker--38,
.hash-marker--42 {
  border-top-right-radius: 60%;
}

.hash-marker--39,
.hash-marker--43 {
  border-bottom-right-radius: 60%;
}

.hash-marker--40,
.hash-marker--44 {
  border-bottom-left-radius: 60%;
}

.hash-marker--45,
.hash-marker--46,
.hash-marker--47,
.hash-marker--48,
.hash-marker--49,
.hash-marker--50,
.hash-marker--51,
.hash-marker--52,
.hash-marker--53,
.hash-marker--54,
.hash-marker--55,
.hash-marker--56,
.hash-marker--57,
.hash-marker--58,
.hash-marker--59,
.hash-marker--60 {
  width: 0;
  height: 0;
  border: 0 solid transparent;
  vertical-align: -0.1em;
}

.hash-marker--46::after,
.hash-marker--48::after,
.hash-marker--50::after,
.hash-marker--52::after,
.hash-marker--54::after,
.hash-marker--56::after,
.hash-marker--58::after,
.hash-marker--60::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
}

.hash-marker--45,
.hash-marker--46 {
  border-width: 0 0.4em 0.69em 0.4em;
  border-bottom-color: currentColor;
}

.hash-marker--46::after {
  top: 0.22em;
  left: -0.2em;
  border-width: 0 0.2em 0.35em 0.2em;
  border-bottom-color: white;
}

.hash-marker--47,
.hash-marker--48 {
  border-width: 0.4em 0 0.4em 0.69em;
  border-left-color: currentColor;
}

.hash-marker--48::after {
  top: -0.2em;
  left: -0.58em;
  border-width: 0.2em 0 0.2em 0.35em;
  border-left-color: white;
}

.hash-marker--49,
.hash-marker--50 {
  border-width: 0.69em 0.4em 0 0.4em;
  border-top-color: currentColor;
}

.hash-marker--50::after {
  top: -0.58em;
  left: -0.2em;
  border-width: 0.35em 0.2em 0 0.2em;
  border-top-color: white;
}

.hash-marker--51,
.hash-marker--52 {
  border-width: 0.4em 0.69em 0.4em 0;
  border-right-color: currentColor;
}

.hash-marker--52::after {
  top: -0.2em;
  left: 0.22em;
  border-width: 0.2em 0.35em 0.2em 0;
  border-right-color: white;
}

.hash-marker--53,
.hash-marker--54 {
  border-width: 0.8em 0.8em 0 0;
  border-top-color: currentColor;
}

.hash-marker--55,
.hash-marker--56 {
  border-width: 0 0.8em 0.8em 0;
  border-right-color: currentColor;
}

.hash-marker--57,
.hash-marker--58 {
  border-width: 0 0 0.8em 0.8em;
  border-bottom-color: currentColor;
}

.hash-marker--59,
.hash-marker--60 {
  border-width: 0.8em 0 0 0.8em;
  border-left-color: currentColor;
}

.hash-marker--54::after {
  top: -0.68em;
  left: 0.12em;
  border-width: 0.4em 0.4em 0 0;
  border-top-color: white;
}

.hash-marker--56::after {
  top: 0.12em;
  left: 0.28em;
  border-width: 0 0.4em 0.4em 0;
  border-right-color: white;
}

.hash-marker--58::after {
  top: 0.28em;
  left: -0.52em;
  border-width: 0 0 0.4em 0.4em;
  border-bottom-color: white;
}

.hash-marker--60::after {
  top: -0.52em;
  left: -0.68em;
  border-width: 0.4em 0 0 0.4em;
  border-left-color: white;
}

.hash-marker--61 {
  height: 0.565685em;
  width: 0.565685em;
  background: currentColor;
  transform: rotate(45deg);
}

.hash-marker--62,
.hash-marker--63 {
  height: 0.565685em;
  width: 0.565685em;
  transform: rotate(45deg);
  border: 0.1em solid currentColor;
}

.hash-marker--63::after {
  content: " ";
  position: absolute;
  top: 25%;
  left: 25%;
  height: 50%;
  width: 50%;
  background: currentColor;
}

.hash-marker--64 {
  width: 0.8em;
  height: 0.4619em;
  background-color: currentColor;
  margin: 0.2309em 0;
}
.hash-marker--64::before, .hash-marker--64::after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 0.4em solid transparent;
  border-right: 0.4em solid transparent;
}
.hash-marker--64::before {
  bottom: 100%;
  border-bottom: 0.2309em solid currentColor;
}
.hash-marker--64::after {
  top: 100%;
  width: 0;
  border-top: 0.2309em solid currentColor;
}

/**
Icon panel.

Displays content next to an icon.

See also: with-icon

Styleguide: icon-panel
 */
/**
.icon-panel

The root of an icon-panel.

Markup:
	<div class="icon-panel" role="presentation">
		<span class="icon-panel__icon icon-small icon-file" role="presentation"></span>
		<div class="icon-panel__content" role="presentation">
			<p>Some content.</p>
		</div>
	</div>

Styleguide: icon-panel.icon-panel
*/
.icon-panel {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 15px;
  -ms-grid-columns: auto 15px 1fr;
  grid-template-columns: auto 1fr;
      grid-template-areas: "icon-panel__icon icon-panel__content";
}

/**
.icon-panel__icon

The icon of an icon-panel.

The icon must never convey information not available otherwise in the content, as it is invisible to screen-readers.

Styleguide: icon-panel.icon-panel__icon
 */
.icon-panel__icon {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: icon-panel__icon;
}
@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .icon-panel__icon {
    margin-right: 15px;
  }
}

/**
.icon-panel__content

The content of an icon-panel.

Styleguide: icon-panel.icon-panel__content
 */
.icon-panel__content {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: icon-panel__content;
}

/**
With icon.

Displays text to an icon.

See also: icon-panel.

Styleguide: with-icon
 */
/**
.with-icon

The root of an with-icon.

.with-icon--large		- Indicates this has a large icon: more space between icon and text.

Markup:
	<p class="with-icon {{modifier_class}}" role="presentation">
		<span class="with-icon__icon icon-mini icon-file" role="presentation"></span>
		<span class="with-icon__text">Some text.</span>
	</p>

Styleguide: with-icon.with-icon
*/
.with-icon {
  display: flex;
}

span.with-icon {
  display: inline-flex;
}

/**
.with-icon__icon

The icon of an icon-panel.

The icon must never convey information not available otherwise in the content, as it is invisible to screen-readers.

Styleguide: icon-panel.icon-panel__icon
 */
.with-icon__icon {
  align-self: flex-start;
  margin-right: 0.5em;
  flex: 0 0 auto;
}
.with-icon--large .with-icon__icon {
  margin-right: 15px;
}
.with-icon__icon.icon-mini, .with-icon__icon.icon--sprite--16 {
  -ms-grid-row-align: center;
      align-self: center;
}

/**
.with-icon__text

The content of an icon-panel.

Styleguide: icon-panel.icon-panel__content
 */
.with-icon__text {
  -ms-grid-row-align: center;
      align-self: center;
}

.input-group, .address-control {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

.form__item > .input-group, .form__item > .address-control {
  flex: 1 0 auto;
}

.input-group__item, .address-control__preview, .address-control__buttons {
  flex: 0 1 auto;
  z-index: 2;
}
.input-group__item.button--active, .button--active.address-control__preview, .button--active.address-control__buttons {
  z-index: 3;
}
.input-group__item:hover, .address-control__preview:hover, .address-control__buttons:hover, .input-group__item:active, .address-control__preview:active, .address-control__buttons:active, .input-group__item:focus, .address-control__preview:focus, .address-control__buttons:focus, .input-group__item:focus-within, .address-control__preview:focus-within, .address-control__buttons:focus-within, .input-group__item[data-focus-within], [data-focus-within].address-control__preview, [data-focus-within].address-control__buttons {
  z-index: 4;
}
.input-group__item ~ .input-group__item, .address-control__preview ~ .input-group__item, .address-control__buttons ~ .input-group__item, .input-group__item ~ .address-control__preview, .address-control__preview ~ .address-control__preview, .address-control__buttons ~ .address-control__preview, .input-group__item ~ .address-control__buttons, .address-control__preview ~ .address-control__buttons, .address-control__buttons ~ .address-control__buttons, .input-group__item ~ .input-group__item.form__control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group__item ~ .input-group__item--main .form__control, .address-control__preview ~ .input-group__item--main .form__control, .address-control__buttons ~ .input-group__item--main .form__control, .input-group__item ~ .address-control__preview .form__control, .address-control__preview ~ .address-control__preview .form__control, .address-control__buttons ~ .address-control__preview .form__control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group__item ~ .input-group__item--button > .button, .address-control__preview ~ .input-group__item--button > .button, .address-control__buttons ~ .input-group__item--button > .button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group__item:not(:last-child):not(.input-group__item--last), .address-control__preview:not(:last-child):not(.input-group__item--last), .address-control__buttons:not(:last-child):not(.input-group__item--last) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group__item:not(:last-child):not(.input-group__item--last).input-group__item--main .form__control, .address-control__buttons:not(:last-child):not(.input-group__item--last).input-group__item--main .form__control, .address-control__preview:not(:last-child):not(.input-group__item--last) .form__control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group__item:not(:last-child):not(.input-group__item--last).input-group__item--button > .button, .address-control__preview:not(:last-child):not(.input-group__item--last).input-group__item--button > .button, .address-control__buttons:not(:last-child):not(.input-group__item--last).input-group__item--button > .button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group__item--main, .address-control__preview {
  flex: 1 1 auto;
  z-index: 1;
}

.input-group__item--start {
  margin-right: -1px;
}

.input-group__item--end {
  margin-left: -1px;
}

.input-group__item--label {
  display: flex;
  align-items: center;
  padding: 0 12px;
  color: #000;
  text-align: center;
  background-color: #f2f2f2;
  border: 1px solid #949494;
  border-radius: 4px;
  font-weight: inherit;
  margin-bottom: 0;
}

.input-group__item--label-invalid {
  border-color: #edbcc0;
  color: #ae2f2f;
  background-color: #f2d0d0;
}

.input-group__item--button > .button {
  height: 100%;
  min-width: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 2px;
  padding-bottom: 2px;
}
.input-group__item--button:last-child > .button {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.jumbotron {
  margin: 30px 0 50px;
  padding: 48px;
  max-width: 100%;
  color: inherit;
  background-color: #d9d9d9;
  border-radius: 6px;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border-top-color: #bfbfbf;
}
@media screen and (min-width: 769px) {
  .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.jumbotron.jumbotron--danger {
  color: inherit;
  background-color: #fdf8f8;
}
.jumbotron.jumbotron--danger h2,
.jumbotron.jumbotron--danger h3 {
  color: inherit;
}
.jumbotron.jumbotron--danger hr {
  border-top-color: inherit;
}
.jumbotron.jumbotron--danger a:not(.btn):not(input[type=color].form__control), .jumbotron.jumbotron--danger .link-list__item:not(.btn):not(input[type=color].form__control) {
  color: #ae2f2f;
}
.jumbotron.jumbotron--danger a:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--danger .link-list__item:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--danger a:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--danger .link-list__item:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--danger a:not(.btn):not(input[type=color].form__control):active, .jumbotron.jumbotron--danger .link-list__item:not(.btn):not(input[type=color].form__control):active {
  color: #862424;
}
.jumbotron.jumbotron--danger .clickable:hover, .jumbotron.jumbotron--danger .clickable:focus {
  text-decoration: none;
}
.jumbotron.jumbotron--danger .clickable:hover .caption, .jumbotron.jumbotron--danger .clickable:focus .caption {
  color: #862424;
}
.jumbotron.jumbotron--warning {
  color: inherit;
  background-color: #fffefd;
}
.jumbotron.jumbotron--warning h2,
.jumbotron.jumbotron--warning h3 {
  color: inherit;
}
.jumbotron.jumbotron--warning hr {
  border-top-color: inherit;
}
.jumbotron.jumbotron--warning a:not(.btn):not(input[type=color].form__control), .jumbotron.jumbotron--warning .link-list__item:not(.btn):not(input[type=color].form__control) {
  color: #e9a827;
}
.jumbotron.jumbotron--warning a:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--warning .link-list__item:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--warning a:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--warning .link-list__item:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--warning a:not(.btn):not(input[type=color].form__control):active, .jumbotron.jumbotron--warning .link-list__item:not(.btn):not(input[type=color].form__control):active {
  color: #c98d14;
}
.jumbotron.jumbotron--warning .clickable:hover, .jumbotron.jumbotron--warning .clickable:focus {
  text-decoration: none;
}
.jumbotron.jumbotron--warning .clickable:hover .caption, .jumbotron.jumbotron--warning .clickable:focus .caption {
  color: #c98d14;
}
.jumbotron.jumbotron--success {
  color: inherit;
  background-color: #fafcf8;
}
.jumbotron.jumbotron--success h2,
.jumbotron.jumbotron--success h3 {
  color: inherit;
}
.jumbotron.jumbotron--success hr {
  border-top-color: inherit;
}
.jumbotron.jumbotron--success a:not(.btn):not(input[type=color].form__control), .jumbotron.jumbotron--success .link-list__item:not(.btn):not(input[type=color].form__control) {
  color: #80a549;
}
.jumbotron.jumbotron--success a:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--success .link-list__item:not(.btn):not(input[type=color].form__control):hover, .jumbotron.jumbotron--success a:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--success .link-list__item:not(.btn):not(input[type=color].form__control):focus, .jumbotron.jumbotron--success a:not(.btn):not(input[type=color].form__control):active, .jumbotron.jumbotron--success .link-list__item:not(.btn):not(input[type=color].form__control):active {
  color: #65813a;
}
.jumbotron.jumbotron--success .clickable:hover, .jumbotron.jumbotron--success .clickable:focus {
  text-decoration: none;
}
.jumbotron.jumbotron--success .clickable:hover .caption, .jumbotron.jumbotron--success .clickable:focus .caption {
  color: #65813a;
}

.jumbotron--center {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.page--home-personal-index .jumbotron h3 {
  padding: 30px 0 30px 0;
  margin: 0;
}
@media not screen and (max-width: 992px) {
  .page--home-personal-index .jumbotron {
    padding: 30px;
  }
  .page--home-personal-index .jumbotron h2 {
    padding-top: 0;
  }
  .page--home-personal-index .jumbotron ul {
    padding-bottom: 20px;
  }
  .page--home-personal-index .jumbotron ul:empty {
    padding-bottom: 0;
  }
  .page--home-personal-index .jumbotron [class^=col]:not(:last-child) ul,
.page--home-personal-index .jumbotron h3.admin {
    border-bottom: 1px solid rgba(51, 51, 51, 0.5);
  }
}
@media not screen and (min-width: 769px) {
  .page--home-personal-index .jumbotron {
    padding: 15px 15px 30px 15px;
    margin-top: 10px;
  }
  .page--home-personal-index .jumbotron h2 {
    padding-top: 10px;
  }
}

.page--popup .jumbotron,
.page--lite .jumbotron {
  margin: 15px;
}

.markdown blockquote {
  border-left: 2px solid #bfbfbf;
  margin-left: 0;
  padding-left: 30px;
}
.markdown table {
  table-layout: auto;
  border-collapse: collapse;
  margin-bottom: 15px;
}
.markdown th {
  text-align: center;
  font-weight: bold;
}
.markdown td,
.markdown th {
  border-collapse: collapse;
  padding: 7.5px;
  border: solid 1px;
}

.metadataselection__wrapper {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  color: #555555;
  background-color: #f2f2f2;
  -webkit-user-select: contain;
      -ms-user-select: element;
          user-select: contain;
}
.metadataselection__wrapper:-ms-input-placeholder {
  color: #999;
}
.metadataselection__wrapper::placeholder {
  color: #999;
}
.metadataselection__wrapper:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
.metadataselection__wrapper:focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}
.metadataselection__wrapper ul {
  list-style: inside;
  padding-left: 0;
  margin-bottom: 0;
}

.metadata__checkbox {
  list-style: none;
}

.message-list {
  list-style: none;
  padding-left: 5px;
  padding-bottom: 30px;
}
.message-list > li {
  padding: 5px 0;
}
.message-list > li > ul {
  list-style: none;
  padding: 0;
}
.message-list > li a, .message-list > li .link-list__item,
.message-list > li a:hover,
.message-list > li a:focus {
  text-decoration: none;
}
.message-list > li a:hover .caption, .message-list > li .link-list__item:hover .caption,
.message-list > li a:focus .caption,
.message-list > li .link-list__item:focus .caption {
  text-decoration: underline;
}
.message-list > li,
.message-list > li .caption {
  color: #333;
}
.message-list > li .error {
  color: #ae2f2f;
}
.message-list > li ul {
  list-style: inside none square;
  padding: 2px 0 0 10px;
}

.message-danger {
  color: #ae2f2f;
  border-color: #edbcc0;
}
.message-danger a, .message-danger .link-list__item,
.message-danger a[onclick],
.message-danger a[href],
.message-danger a:link {
  color: #ae2f2f;
  font-weight: bold;
}
.message-danger a:hover, .message-danger .link-list__item:hover,
.message-danger a:active,
.message-danger .link-list__item:active,
.message-danger a:focus,
.message-danger .link-list__item:focus {
  color: #5e1a1a;
}

.message-success {
  color: #80a549;
  border-color: #d7e2be;
}
.message-success a, .message-success .link-list__item,
.message-success a[onclick],
.message-success a[href],
.message-success a:link {
  color: #80a549;
  font-weight: bold;
}
.message-success a:hover, .message-success .link-list__item:hover,
.message-success a:active,
.message-success .link-list__item:active,
.message-success a:focus,
.message-success .link-list__item:focus {
  color: #495e2a;
}

.message-icon + .message-text {
  margin-left: 6px;
}

.link-list {
  padding-left: 0;
}
.link-list > li {
  display: block;
}

.link-list__item {
  display: flex;
  margin-bottom: 20px;
  padding: 4px;
  align-items: baseline;
  background: none;
  border: none;
}
.link-list__item:hover, .link-list__item:focus, .link-list__item:active {
  text-decoration: none;
}
.link-list__icon {
  -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}

.link-list__caption {
  margin-bottom: 0;
  -ms-grid-row-align: center;
      align-self: center;
}

.list {
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
}

.list__item {
  padding: 4px;
  overflow: hidden;
  min-height: 24px;
  text-overflow: ellipsis;
  display: flex;
}

.list__item-icon {
  -ms-grid-row-align: center;
      align-self: center;
  margin-right: 8px;
}
.list__item-icon.icon-mini {
  flex: 0 0 16px;
}

.list__item-text {
  flex-grow: 1;
}

.listbox:not(.listbox--no-border) {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 2px;
  cursor: default;
}
.listbox:not(.listbox--no-border):-ms-input-placeholder {
  color: #999;
}
.listbox:not(.listbox--no-border)::placeholder {
  color: #999;
}
.listbox:not(.listbox--no-border):focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}

.input-group + .listbox, .address-control + .listbox,
.form + .listbox {
  margin-top: 15px;
}

.listbox--stretch {
  flex: 1;
  overflow-y: auto;
}

.listbox--disabled:not(.listbox--no-border) {
  color: #555555;
  background-color: #f2f2f2;
}

.listbox--readonly:not(.listbox--no-border) {
  color: #555555;
  background-color: #f2f2f2;
}
.listbox--readonly:not(.listbox--no-border):focus {
  border-color: #949494;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(148, 148, 148, 0.8);
}

.listbox--fixed-height--sm {
  min-height: 60px;
}
@media screen and (min-width: 769px) {
  .listbox--fixed-height--sm {
    overflow-y: auto;
    height: 204px;
  }
}

.listbox__item, .listbox__placeholder {
  display: flex;
  padding: 4px 6px;
  overflow: hidden;
  min-height: 24px;
  text-overflow: ellipsis;
  align-items: center;
}
.listbox__item:focus, .listbox__placeholder:focus {
  outline: 1px dotted currentColor;
  outline-offset: -2px;
}
.listbox__item:last-child, .listbox__placeholder:last-child {
  margin-bottom: 2px;
}

.listbox__item-icon {
  align-self: flex-start;
  flex: 0 0 auto;
  margin-right: 7.5px;
}
.listbox__item-icon.icon-mini {
  margin-top: 2px;
  margin-bottom: 2px;
}

.listbox__item-caption {
  flex-grow: 1;
}

.listbox__item-button {
  -ms-grid-row-align: stretch;
      align-self: stretch;
  margin-left: 2px;
}
.listbox__item-button + .listbox__item-button {
  margin-left: 0.5em;
}

.listbox__item-extra {
  text-align: center;
  width: 100px;
}

.listbox__item--disabled .listbox__item-caption {
  opacity: 0.5;
}
.listbox__item--disabled .listbox__item-icon {
  opacity: 0.5;
}

.listbox__item--selected {
  color: #fff;
  background-color: #333;
}
.listbox__item--selected .listbox__item-caption {
  color: #fff;
}

.listbox__separator {
  display: block;
  height: 1px;
  margin: 2px 0;
  padding: 0;
  background: #d9d9d9;
}

.listbox__placeholder {
  opacity: 0.5;
}

.navbar {
  display: flex;
  position: fixed;
  width: 100%;
  top: 0;
  height: 41px;
  z-index: 1000;
  margin-bottom: 20px;
  background-color: #333;
  border: 0 solid transparent;
  border-bottom-width: 1px;
  border-bottom-color: #222222;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.kss-modifier__example .navbar {
  position: static !important;
}

@media print {
  .navbar {
    display: none;
  }
}

.navbar__container {
  display: flex;
}

.navbar__container--primary {
  flex: 1 1 auto;
}

.navbar__container--secondary {
  flex: 0 0 auto;
  margin-left: 15px;
}

.navbar__container--collapsed .navbar__icon + .navbar__caption {
  display: none;
}
.navbar__container--collapsed .navbar__item--collapsed-only {
  display: flex;
}
.navbar__container--collapsed .navbar__item--expanded-only {
  display: none;
}

.navbar__item {
  display: flex;
  position: relative;
}

.navbar__item--hidden {
  display: none;
}

.navbar__item--collapsed-only {
  display: none;
}

.navbar__link {
  cursor: pointer;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: #e2e2e2;
  padding: 10px 15px;
  line-height: 20px;
}
.navbar__link:hover, .navbar__link:focus {
  text-decoration: none;
  color: #fcfcfc;
  background-color: #262626;
  outline-offset: -2px;
}
.navbar__link:hover .navbar__caption, .navbar__link:focus .navbar__caption {
  text-decoration: underline;
}
.menu--open .navbar__link {
  color: #fcfcfc;
  background-color: #262626;
}
.navbar__item--active .navbar__link {
  color: #fcfcfc;
  background-color: #1a1a1a;
}

.navbar__icon + .navbar__caption,
.navbar__caption + .navbar__icon,
.navbar__caption + .navbar__badge {
  margin-left: 6px;
}

.navbar__separator {
  width: 1px;
  height: 30px;
  margin: 5px 15px;
  overflow: hidden;
  background-color: #e2e2e2;
}

.numeric input[type=number] {
  -moz-appearance: textfield;
  min-width: 60px;
}
.numeric input::-webkit-outer-spin-button,
.numeric input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.numeric .numeric-prefix.empty:first-child + .form-control.numeric {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.numeric .numeric-prefix.empty,
.numeric .numeric-postfix.empty {
  display: none;
}

.numeric--small .numeric__button {
  min-width: auto;
}

.input-group.numeric, .numeric.address-control {
  flex: 1 1 auto;
}

/**
Pagination

Control for splitting up content into multiple pages.

Styleguide: pagination
*/
/**
.pagination

The main pagination control.
Uses a select for going directly to a specific page.

Markup:
	<div class="pagination">
		<button class="pagination__button button btn btn-toolbar">
			<span class="button__icon icon-tiny icon-chevron-left" role="presentation"></span>
			<span class="button__caption">Previous</span>
		</button>
		<span class="pagination__dropdown button btn btn-toolbar">
			<select class="pagination__select">
				<option>1</option>
				<option>2</option>
				<option>3</option>
			</select>
			<span class="pagination__text">1 / 3</span>
		</span>
		<button class="pagination__button button btn btn-toolbar">
			<span class="button__caption">Next</span>
			<span class="button__icon icon-tiny icon-chevron-right" role="presentation"></span>
		</button>
	</div>

Styleguide: pagination.pagination
*/
.pagination {
  display: inline-flex;
  padding-left: 0;
  border-radius: 4px;
}

@media not screen and (min-width: 769px) {
  .pagination__button > .button__caption {
    display: none;
  }
  .pagination__button .button__icon + .button__caption,
.pagination__button .button__caption + .button__icon {
    margin-left: 0;
  }
}
.pagination__button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination__button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagination__dropdown {
  position: relative;
  width: 100px;
  overflow: hidden;
  padding: 7px 12px;
  line-height: 1.428571429;
  margin-left: -1px;
  margin-right: -1px;
  z-index: 1;
  border-radius: 0;
  cursor: default;
}
.pagination__dropdown:focus-within {
  outline: 1px dotted;
  outline-offset: -4px;
}
.pagination__dropdown[data-focus-within] {
  outline: 1px dotted;
  outline-offset: -4px;
}

.pagination__select {
  position: absolute;
  z-index: 2;
  height: 46px;
  width: 100px;
  top: 7px;
  left: 0;
  margin: -6px -12px -6px -1px;
  padding: 46px 100px 0 0;
  border: none;
  text-align: center;
  vertical-align: middle;
  background: none transparent;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  text-overflow: "";
}
.pagination__select::-ms-expand {
  display: none;
}
.pagination__select:focus {
  outline: none;
}
.pagination__select option {
  color: #333;
  padding-left: 10px;
}

@media (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .pagination__select {
    padding-top: 0;
    margin-left: 1px;
  }
}
@supports (-ms-ime-align: auto) {
  .pagination__select {
    padding-top: 0;
    margin-left: 1px;
  }
}
.pagination__button:hover,
.pagination__dropdown:hover {
  z-index: 2;
}

.pagination__text {
  display: block;
  text-align: center;
  z-index: 1;
}

@media (max-width: 480px) {
  .pagination {
    display: flex;
    width: 100%;
  }

  .pagination__button {
    width: 58px;
  }

  .pagination__dropdown {
    flex-grow: 1;
    padding: 6px 0;
  }
  .pagination__dropdown select {
    padding: 6px 100% 6px 0;
    margin: -6px 0;
    left: 0;
  }

  .pagination__text {
    width: 100%;
  }
}
.progressbar {
  display: flex;
  height: 1em;
  width: 100%;
  flex: 1 1 auto;
  background: #f2f2f2;
  margin: 15px 0;
}

.form__item > .progressbar {
  margin: 0;
}

.progressbar__item {
  background-color: #333;
}

.progressbar__item--state--none {
  background: transparent;
}

.progressbar__item--state--danger {
  background: repeating-linear-gradient(-45deg, #c44, #c44 10px, #ae2f2f 10px, #ae2f2f 20px) #c44;
}

.progressbar__item--state--success {
  background-color: #9b6;
}

.progressbar__item--state--warning {
  background-color: #eb5;
}

.progressbar__item--state--info {
  background-color: #28a;
}

.progressbar__item--busy {
  transition: width ease-out 0.25s;
  overflow: hidden;
}
.progressbar__item--busy::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #fff0, #fff4 80px, #fff0 80px) transparent;
  transform: translateX(-80px);
  animation: progressbar--busy 10s linear infinite;
}

@keyframes progressbar--busy {
  from {
    transform: translateX(-80px);
  }
  50% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(100%);
  }
}
.popover-element {
  position: absolute;
  display: none;
  max-width: 100%;
  max-height: 100%;
  z-index: 1060;
  transition: opacity 400ms ease-in-out;
}
.popover-element.popover-open {
  display: block;
}
.popover-element.popover-pinned {
  opacity: 0.8;
}

.popover-main {
  max-width: 300px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

.popover-body {
  padding: 9px 14px;
}
.popover-body hr {
  margin-top: 10px;
  margin-bottom: 10px;
}
.popover-body ul {
  list-style-position: inside;
  padding-left: 0;
}
.popover-body ul:last-child {
  margin-bottom: 0;
}

.popover-element.popover--arrow .popover-arrow {
  border-width: 11px;
}
.popover-element.popover--arrow .popover-arrow, .popover-element.popover--arrow .popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover-element.popover--arrow .popover-arrow:after {
  border-width: 10px;
  content: "";
}
.popover-element.popover--arrow.popover-element-attached-left {
  margin-left: 10px;
}
.popover-element.popover--arrow.popover-element-attached-left .popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover-element.popover--arrow.popover-element-attached-left .popover-arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover-element.popover--arrow.popover-element-attached-right {
  margin-right: 10px;
}
.popover-element.popover--arrow.popover-element-attached-right .popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover-element.popover--arrow.popover-element-attached-right .popover-arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.popover-element.popover--arrow.popover-element-attached-bottom {
  margin-bottom: 10px;
}
.popover-element.popover--arrow.popover-element-attached-bottom .popover-arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover-element.popover--arrow.popover-element-attached-bottom .popover-arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover-element.popover--arrow.popover-element-attached-top {
  margin-top: 10px;
}
.popover-element.popover--arrow.popover-element-attached-top .popover-arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover-element.popover--arrow.popover-element-attached-top .popover-arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

.popover.popover--info {
  border-color: #6acde1;
  padding: 0;
}
.popover.popover--info .popover-title {
  color: #1a6680;
  background-color: #95d5ea;
  border-bottom-color: rgba(106, 205, 225, 0.5);
}
.popover.popover--info.right > .arrow {
  border-right-color: #6acde1;
}
.popover.popover--info.left > .arrow {
  border-left-color: #6acde1;
}
.popover.popover--info hr {
  color: #6acde1;
  border-color: #6acde1;
}

/**
	based on https://github.com/flatlogic/awesome-bootstrap-checkbox
*/
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 34px;
  padding-right: 4px;
  min-height: 19px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  top: 1px;
  border: 1px solid #949494;
  border-radius: 50%;
  background-color: #fff;
  transition: border 0.2s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 4px;
  top: 5px;
  border-radius: 50%;
  background-color: #6c6c6c;
  transform: scale(0, 0);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type=radio] {
  position: absolute;
  outline: none;
  opacity: 0;
}
.radio input[type=radio]:checked + label::after {
  transform: scale(1, 1);
}
.radio input[type=radio]:focus + label {
  outline: 1px dotted #333;
  outline-offset: 4px;
}
.radio input[type=radio]:focus + label::before {
  border-color: #333;
}
.radio input[type=radio]:disabled + label {
  cursor: not-allowed;
  opacity: 0.85;
}
.radio input[type=radio]:disabled + label::before {
  background-color: #f2f2f2;
  cursor: not-allowed;
}

.radio--invalid > label,
.radio-group--invalid > .radio > label {
  color: #ae2f2f;
}
.radio--invalid > label::before,
.radio-group--invalid > .radio > label::before {
  border-color: #c44;
}
.radio--invalid > label::after,
.radio-group--invalid > .radio > label::after {
  background-color: #c44;
}

.radio-group {
  display: block;
}
.radio-group .radio {
  display: block;
}
.radio-group .radio + .radio {
  margin-top: 7.5px;
}

.skiplink:active,
.skiplink:focus {
  width: auto;
  overflow: visible;
  clip: auto;
  display: inline-block;
  z-index: 2000;
  position: absolute;
  outline: none;
}
.skiplink:active .skiplink__text,
.skiplink:focus .skiplink__text {
  top: 0.5em;
  left: 0.5em;
  padding: 0.5em;
  margin: 0.5em;
  outline: 1px dotted;
  position: relative;
  display: block;
  background: #fff;
  box-shadow: 0 0 0 4px #fff, 0 0 8px 4px #000;
}

@supports (display: grid) {
  .exceptions {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    /* autoprefixer: ignore next */
    grid-gap: 1em;
  }
  .exceptions .exceptions__exception {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    grid-column: -1;
    /* autoprefixer: ignore next */
    grid-gap: 1em;
  }
  .exceptions .exceptions__exception dt,
.exceptions .exceptions__exception dd {
    margin: 0;
  }
  .exceptions .exceptions__caused-by {
    grid-column: -1;
    -ms-grid-column-align: center;
        justify-self: center;
  }
}
.exceptions__caused-by {
  text-align: center;
}

pre.stacktrace {
  display: block;
  padding: 9.5px;
  border: 1px solid #949494;
  border-radius: 4px;
  color: #333;
  background-color: #f2f2f2;
  font-size: 12px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
}

.stacktrace__line--external {
  opacity: 0.5;
}

.stacktrace__line--lambda {
  font-style: italic;
}

.stacktrace__line--internal .stacktrace__method {
  text-decoration: underline;
}

.stacktrace__keyword {
  color: #80a549;
}
.stacktrace__keyword:not(:first-child):before {
  content: "\a    ";
}

.stacktrace__type,
.stacktrace__param-type {
  color: #1a6680;
}

.stacktrace__line-number {
  color: #80a549;
}

.stacktrace__collapse {
  overflow: hidden;
  height: 0;
  display: block;
  width: 0;
  float: left;
}

.stacktrace__collapse-button {
  opacity: 0.5;
  background: none;
  border: none;
  padding: 0;
}
.stacktrace__collapse-button:hover {
  text-decoration: underline;
}

.button__spinner, .spinwrapper, .explorer__spinner {
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.25s ease 0s, visibility 0.25s ease 0s;
  display: none;
  align-items: center;
}
.button__spinner .spinner, .spinwrapper .spinner, .explorer__spinner .spinner {
  will-change: contents;
}

.upload--uploading .spinwrapper, .button--spinner.button--spinning .button__spinner, .page--loading .spinwrapper, .loading .spinwrapper, .explorer--loading .spinwrapper {
  display: flex;
  opacity: 1;
  visibility: visible;
  transition: opacity 0.25s ease 0.25s, visibility 0.25s ease 0.25s;
}

.upload--uploading .upload__label,
.upload--uploading .upload__file, .button--spinner.button--spinning > *, .loading .transparent-on-loading {
  opacity: 0;
  transition: opacity 0.25s ease 0s;
}

.spinwrapper {
  justify-content: center;
}

.spin__container {
  position: relative;
  min-height: 50px;
}

.table-spinner {
  text-align: center;
  padding: 50px;
}

.loading .hide-on-loading, .loading footer {
  display: none;
}

.transparent-on-loading {
  opacity: 1;
  transition: opacity 0.25s ease 0.25s;
}
.transparent-on-page-loading, .main__content {
  opacity: 1;
  transition: opacity 0.25s ease 0.25s;
}

.page--loading .transparent-on-page-loading, .page--loading .main__content {
  opacity: 0;
  transition: opacity 0.25s ease 0.25s;
}

.page--loading:not(.page--loading--out):not(.page--loading--in) .transparent-on-page-loading, .page--loading:not(.page--loading--out):not(.page--loading--in) .main__content {
  display: none;
}

.spinner > div,
.button__spinner > div {
  width: 1.5em;
  height: 1.5em;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  animation: bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  animation-fill-mode: both;
}
.spinner .bounce1,
.button__spinner .bounce1 {
  animation-delay: -0.32s;
}
.spinner .bounce2,
.button__spinner .bounce2 {
  animation-delay: -0.16s;
}

.button__spinner {
  justify-content: center;
}
.button__spinner .bounce1,
.button__spinner .bounce2 {
  margin-right: 0.5em;
}
.button__spinner .bounce1,
.button__spinner .bounce2,
.button__spinner .bounce3 {
  width: 1.25em;
  height: 1.25em;
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.button--spinner {
  position: relative;
}
.button--spinner > * {
  opacity: 1;
  transition: opacity 0.25s ease 0.25s;
}
.button--spinner .spinwrapper,
.button--spinner .button__spinner {
  margin: 2px;
}

.tabs {
  padding-top: 10px;
}

header + .tabs {
  margin-top: -10px;
}

.tabs--stretch {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.tabs--stretch .tablist {
  flex: 0 0 auto;
}
.tabs--stretch .tabpanel {
  flex: 1 1 auto;
  overflow: auto;
}
.tabs--stretch .tabpanel > .form__row {
  flex: 0 1 auto;
}

@media screen and (min-width: 769px) {
  .tabs--stretch--sm {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
  }
  .tabs--stretch--sm .tablist {
    flex: 0 0 auto;
  }
  .tabs--stretch--sm .tabpanel {
    flex: 1 1 auto;
    overflow: auto;
  }
  .tabs--stretch--sm .tabpanel > .form__row {
    flex: 0 1 auto;
  }
}

.tablist {
  padding: 0 2.5px;
  display: flex;
  border-bottom: 1px solid #ddd;
  flex-wrap: wrap-reverse;
}

.tablist__item {
  display: flex;
}

.tablist__item--button {
  -ms-grid-row-align: center;
      align-self: center;
}

.tablist__tab {
  margin: 5px 2.5px -1px;
}

.tablist__button {
  margin: 0 5px;
}

.tab {
  display: block;
  padding-top: 10px;
  padding-left: 16px;
  padding-bottom: 13px;
  padding-right: 16px;
  color: #333;
  border: 1px solid transparent;
  background: transparent;
  margin-bottom: -1px;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: default;
}
.tab:hover, .tab:focus {
  color: #505050;
  background: rgba(255, 255, 255, 0.5);
  border-color: rgba(221, 221, 221, 0.5);
  border-bottom-color: #ddd;
}
.tab:focus, .tablist--interactive:focus .tab.tab--active {
  outline: 1px dotted;
  outline-offset: -4px;
}
.tab.tab--active {
  color: #6c6c6c;
  background: #fff;
  border-color: #ddd;
  border-bottom-color: #fff;
}
.tablist--interactive:focus .tab.tab--active {
  background: linear-gradient(to bottom, white, #fff);
}

a.tab, .tab.link-list__item {
  cursor: pointer;
}

.tab--state--error .tab__caption {
  color: #ae2f2f;
  text-decoration: underline;
}
.tab--state--error:hover, .tab--state--error:focus {
  border-color: rgba(174, 47, 47, 0.5);
  border-bottom-color: #ddd;
}
.tab--state--error.tab--active {
  border-color: #ae2f2f;
  border-bottom-color: #fff;
}

.tabpanel {
  position: relative;
  padding: 15px;
  border: #ddd solid 1px;
  background-color: #fff;
}
.tabpanel h3:first-child {
  margin-top: 10px;
}

.tabpanel--no-padding {
  padding: 0;
}

.tabpanel--borderless {
  border: none;
}

.tabs__tabpanel {
  border-top: none;
}

.dialog__body--tabs {
  padding: 0;
}
.dialog__body--tabs .tablist {
  padding: 15px 15px 0;
  background: linear-gradient(to top, #e6e6e6 0, #fff 6px, #fff) #fff;
}
.dialog__body--tabs .tabpanel {
  border: none;
}

.tab-selector {
  display: flex;
  padding: 15px;
  z-index: 110;
  background: linear-gradient(to top, rgba(255, 255, 255, 0) 0, #fff 15px);
}
@supports (position: sticky) {
  @media not screen and (min-width: 769px) {
    .tab-selector {
      position: sticky;
      top: 41px;
    }
  }
}

.tab-selector__button {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 4px;
}
.tab-selector__button:hover {
  z-index: 2;
}

.tab-selector__button--prev {
  margin-right: -1px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.tab-selector__button--next {
  margin-left: -1px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.tab-selector__dropdown {
  flex: 1 1 auto;
  position: relative;
  z-index: 1;
  text-align: left;
}
.tab-selector__dropdown button {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 0;
  min-height: 42px;
}

.tab-selector__caption {
  font-family: inherit;
  font-weight: 500;
  font-size: 24px;
  line-height: 1.1;
  text-align: left;
  flex: 1 1 auto;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  padding: 0;
  margin: 0;
  min-width: 0;
  white-space: normal;
}

.tab-selector__chevron {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -114px 0;
  width: 24px;
  height: 24px;
  flex: none;
  margin-left: auto;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .tab-selector__chevron {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.tab-selector__menu.menu, .tab-selector__menu.droplist-content, .tab-selector__menu.datepicker__view {
  font-size: 18px;
  width: 100%;
  border-color: #2e2e2e;
  border-top-color: #e6e6e6;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -2px;
  padding-top: 5px;
}
.tab-selector__menu.menu .menu__item-badge, .tab-selector__menu.droplist-content .menu__item-badge, .tab-selector__menu.datepicker__view .menu__item-badge {
  flex: 0 0 auto;
  -ms-grid-row-align: center;
      align-self: center;
}

/**
Table

Must only be used to represent tabular data — that is, information presented in a two-dimensional table comprised of rows and columns of cells containing data.

Tables within tables are explicitly not supported.

Often, a table is not what you are looking for, consider using a &lt;ol&gt;, &lt;ul&gt;, &lt;dl&gt; or .listbox.

Styleguide: table
*/
/**
<table>

The root element of a table.

Markup:
    <table class="{{modifier_class}}">
    	<colgroup>
    		<col/>
    		<col/>
		</colgroup>
		<thead>
			<tr>
				<th scope="col">Column 1</th>
				<th scope="col">Column 2</th>
				<th scope="col">Column 3</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<th scope="row">Row 1</th>
				<td>Data for row 1, column 2</td>
				<td>Data for row 1, column 3</td>
			</tr>
			<tr>
				<th scope="row">Row 2</th>
				<td>Data for row 2, column 2</td>
				<td>Data for row 2, column 3</td>
			</tr>
		</tbody>
    </table>

.table--sticky-header      - Sticks the header to the top of the page, when scrolling the page. (Not supported in IE 11)
.table--no-lines           - Removes lines between rows. Only use if rows are otherwise clearly visible.

Styleguide: table.table
*/
table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
}
table > tbody + tbody {
  border-top: 2px solid #d9d9d9;
}

.table--sticky-header thead {
  top: 0;
  position: sticky;
  background: #fff;
  z-index: 1;
}

/**
<tr>

A row in the table.

Markup:
    <table>
    	<thead>
    		<tr>
				<th scope="col">Column 1</th>
				<th scope="col">Column 2</th>
    		</tr>
    	</thead>
    	<tbody>
			<tr class="{{modifier_class}}">
				<td><a href="#">some link</a></td>
				<td>Some text</td>
			</tr>
			<tr class="{{modifier_class}}">
				<td><a href="#">some link</a></td>
				<td>Some text</td>
			</tr>
			<tr class="{{modifier_class}}">
				<td><a href="#">some link</a></td>
				<td>Some text</td>
			</tr>
		</tbody>
	</table>

.tr--striped     - This row should be striped. Usually only applied to rows in a tbody.
.tr--link        - This row is also a link. Hovering the entire row will show links in the row as being hovered.
.tr--active      - This row is currently active, often combined with .tr--link.

Styleguide: table.tr
 */
.tr--striped:nth-of-type(odd):not(.tr--active) {
  background-color: #f2f2f2;
}

.tr--link {
  cursor: pointer;
}
.tr--link .tr--link__ignore {
  cursor: default;
}

.tr--active {
  color: #fff;
  background-color: #333;
}
.tr--active a, .tr--active .link-list__item {
  color: #fff;
}
.tr--active a:hover, .tr--active .link-list__item:hover,
.tr--active a:focus,
.tr--active .link-list__item:focus, .tr--active.tr--link:hover a, .tr--active.tr--link:hover .link-list__item {
  color: #fff;
  text-decoration: underline;
}

/**
.tr__selected

A marker for indicating a row is currently selected.

Markup:
    <table>
    	<thead>
    		<tr>
				<th scope="col">Column 1</th>
				<th scope="col">Column 2</th>
    		</tr>
    	</thead>
    	<tbody>
			<tr class="{{modifier_class}}">
				<td>
					<span class="tr__selected">Selected</span>
					some text
				</td>
				<td>Some text</td>
			</tr>
		</tbody>
	</table>

.tr--active      - Can be used in combination with .tr--active on the parent row.

Styleguide: table.tr__selected
 */
.tr__selected {
  display: inline-block;
  padding: 0 0.5em;
  border-radius: 4px;
  margin-right: 1em;
  color: #fff;
  background-color: #333;
  font-size: 12px;
}
.tr--active .tr__selected {
  color: black;
  background: rgba(255, 255, 255, 0.75);
}

colgroup + thead tr:first-child th,
colgroup + thead tr:first-child td,
thead:first-child tr:first-child th,
thead:first-child tr:first-child td {
  border-top: 0;
}

th,
td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #d9d9d9;
}

.table--no-lines th,
.table--no-lines td {
  border-top: none;
}

th {
  text-align: left;
}

thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #d9d9d9;
}

/**
Tree

Styleguide: tree
*/
/**
.tree

A tree like structure on the page.

Markup:
	<div class="tree">
		<div class="tree__node">Node 1</div>
		<hr class="tree__separator" />
		<div class="tree__node">Node 2</div>
		<div class="tree__subtree">
			<div class="tree__node">Node 2 a</div>
			<div class="tree__node">Node 2 b</div>
		</div>
	</div>

Styleguide: tree.tree
*/
.tree {
  padding: 0;
}
.tabpanel .tree {
  margin: -7.5px;
}

/**
.tree__item

An optional wrapper around a .tree__node, can be used to ensure that a tree__node has the same parent an a context-menu.

Styleguide: tree.tree__item
 */
.tree__item {
  position: relative;
}
.tree__item.context-menu--open > .tree__node {
  outline: 1px dotted #1a1a1a;
  background: #ebebeb;
}

/**
.tree__node

A single node in a tree, consists of a caption and optionally an icon.

Markup:
	<button class="tree__node {{modifier_class}}">
		<span class="tree__node-icon icon-tiny icon-folder"></span>
		<span class="tree__node-caption">Caption</span>
	</button>

.tree__node--active    - Mark a tree node as being currently active.
.tree__node--selected  - Mark a tree node as being selected, for example in a file browse dialog.
.tree__node--drop      - Mark a tree node as being dragged over.
.tree__node--created   - Mark a tree node as created in a change set.
.tree__node--deleted   - Mark a tree node as deleted in a change set.

Styleguide: tree.tree__node
*/
.tree__node {
  display: flex;
  width: 100%;
  min-height: 20px;
  padding: 2px;
  align-items: center;
  cursor: default;
  text-decoration: none;
  color: #333;
  background: transparent;
  border: none;
  text-align: left;
}
.tree__node:link {
  cursor: pointer;
}
.tree__node:link:hover, .tree__node:link:active {
  color: #333;
}
.tree__node:link:hover .tree__node-badge, .tree__node:link:active .tree__node-badge {
  text-decoration: none;
}
.tree__node:focus {
  outline: 1px solid currentColor;
}

.tree__node-caption {
  display: block;
  flex: 1 1 auto;
  padding-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tree__node-icon {
  -ms-grid-row-align: center;
      align-self: center;
  flex: 0 0 auto;
}

.tree__node--active {
  cursor: default;
  font-weight: bold;
  color: #333;
}
.tree__node--selected {
  background-color: #333;
}
.tree__node--selected:hover .tree__node-caption, .tree__node--selected:active .tree__node-caption {
  color: #fff;
  background-color: #333;
}
.tree__node--selected .tree__node-caption {
  color: #fff;
  background-color: #333;
}

.tree__node--drop {
  outline: 2px solid black;
}

.tree__node--created .tree__node-caption {
  font-style: italic;
}

.tree__node--deleted .tree__node-caption {
  text-decoration: line-through;
}

/**
.tree__subtree

A subtree in a tree. Adds a dotted line to indicate which items belong to which node.

.tree__subtree--checkbox	-	Adjusts the position of the dotted line to align it with a checkbox in the parent node.

Styleguide: tree.tree__subtree
*/
.tree__subtree {
  margin-left: 17px;
  margin-bottom: 5px;
  border-left: 1px dotted #6c6c6c;
  padding-left: 8px;
}

.tree__subtree--checkbox {
  margin-left: 9.5px;
}

/**
.tree__separator

A separator between two items in a tree.

Styleguide: tree.tree__separator
*/
.tree__separator {
  background-color: #d9d9d9;
  display: block;
  height: 1px;
  margin-top: 16px;
  margin-bottom: 10px;
  margin-left: 0;
  margin-right: 0;
}

/**
.tree__between

A marker for dropping items between two items in a tree.

.tree__between--drop - The the marker is active.

Styleguide: tree.tree__between
*/
.tree__between {
  height: 2px;
}

.tree__between--drop {
  background: black;
}

.tab-pane > .folder-tree {
  margin: -10px -10px 10px;
}

.toasts-container {
  bottom: 0;
  right: 0;
  position: fixed;
  width: 330px;
  z-index: 1070;
}
@media not screen and (min-width: 769px) {
  .toasts-container {
    width: 100%;
    position: fixed;
  }
}

.toast {
  display: none;
  margin: 15px;
  align-items: flex-start;
  overflow: hidden;
  border-radius: 4px;
}
@media not screen and (min-width: 769px) {
  .toast {
    margin: 0;
  }
  .toast:nth-last-child(1n+2) {
    display: none;
  }
}
.kss-modifier__example .toast {
  display: flex;
}

.toast--state--success {
  background-color: #ebf2e2;
  color: #80a549;
  border: #d7e2be;
}

.toast--state--info {
  background-color: #95d5ea;
  color: #1a6680;
  border: #6acde1;
}

.toast--state--danger {
  background-color: #f2d0d0;
  color: #ae2f2f;
  border: #edbcc0;
}

.toast--state--warning {
  background-color: #fefcf7;
  color: #e9a827;
  border: #fae5c9;
}

.toast--show {
  display: flex;
  transition: height ease-in-out 250ms;
}

.toast--showing {
  display: flex;
  opacity: 0;
}

.toast--hiding {
  display: flex;
  transition: opacity ease-in-out 250ms;
  opacity: 0;
}

.toast__icon {
  flex: 0 0 auto;
  margin: 15px;
}

.toast__content {
  flex: 1 1 auto;
  word-wrap: break-word;
  margin: 15px 0;
}

.toast__close-button {
  border: 0;
  background: transparent;
  padding: 0;
  margin: 15px;
  line-height: 1;
}

.toolbar {
  margin-bottom: 15px;
  margin-left: -3.75px;
  margin-right: -3.75px;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
}
.main__header + .toolbar {
  margin-top: -15px;
}

.toolbar--main {
  padding-bottom: 7.5px;
  border-bottom: 1px solid #d9d9d9;
}
.main__content > .toolbar--main {
  padding-top: 8px;
  padding-left: 8px;
  padding-right: 8px;
}

.toolbar--bottom {
  margin-bottom: 0;
  margin-top: 15px;
}
.toolbar--bottom.toolbar--main {
  padding-top: 7.5px;
  padding-bottom: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom: 0;
}
.toolbar--bottom > .toolbar__item,
.toolbar--bottom > .toolbar__separator {
  margin-top: 7.5px;
  margin-bottom: 0;
}

.toolbar--end {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}

.toolbar--start {
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  margin-left: 15px;
  margin-right: 15px;
}

.toolbar--sticky, .page--documents-index .u--sticky-toolbar-with-filter, .page--drafts-index .u--sticky-toolbar-with-filter {
  position: sticky;
  top: 40px;
  padding-top: 8.5px;
  background-color: #fff;
  z-index: 1;
}

.toolbar--vertical {
  flex-direction: column;
  flex-wrap: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: -3.75px;
  margin-right: -3.75px;
}
.toolbar--vertical .toolbar__item {
  display: block;
  text-align: left;
}
.toolbar--vertical .toolbar__item + .toolbar__item {
  margin-top: 5px;
}

.toolbar__attachment {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 15px;
  padding-right: 0;
}

.toolbar__item {
  margin-top: 0;
  margin-bottom: 7.5px;
  margin-left: 3.75px;
  margin-right: 3.75px;
  vertical-align: middle;
}

.toolbar__item--right {
  margin-top: 0;
  margin-bottom: 7.5px;
  margin-left: 3.75px;
  margin-right: 3.75px;
  vertical-align: middle;
  horiz-align: right;
}

.toolbar__separator {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 7px;
  margin-left: 3.75px;
  margin-right: 3.75px;
  border-left: 1px solid #d9d9d9;
  border-radius: 0;
  padding: 0;
  vertical-align: middle;
}

.toolbar__space {
  min-width: 15px;
  margin-right: auto;
}

.toolbar__text {
  display: inline;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  border-radius: 4px;
}

.table__toolbar {
  flex-wrap: nowrap;
  margin-bottom: 0;
}
.table__toolbar .toolbar__item {
  margin-bottom: 0;
}

.form__item--toolbar .toolbar .toolbar__item {
  margin-bottom: 0;
}

/**
Upload

A control for uploading a file to the server.

Styleguide: upload
*/
/**
.upload

The upload control.

Markup:
	<div class="upload {{modifier_class}}">
		<div class="upload__label">Label</div>
		<div class="upload__file">
			<span class="upload__icon icon-small"></span>
			<span class="upload__caption">Caption</span>
			<button type="button" class="button btn btn-toolbar upload__button">
				<span class="button__icon icon-btn"></span>
				<span class="button__caption">Browse...</span>
			</button>
		</div>
	</div>

.upload--dragdrop	- The upload control supports drag and drop operations, indicated by a dashed border.
.upload--dragging	- The upload control currently is being dragged over.
.upload--uploading	- Indicates that the selected file is currently being uploaded.
.upload--invalid	- Indicates that the selected file is invalid.

Styleguide: upload.upload
*/
.upload {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}

.upload--dragdrop, .kss-modifier__example .upload--invalid, .kss-modifier__example .upload--dragging {
  padding: 15px;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
}

.upload--dragging {
  border-color: #6c6c6c;
  border-style: solid;
  background-color: #f2f2f2;
}
.kss-modifier__example .upload--dragging {
  border-color: #6c6c6c;
  border-style: solid;
  background-color: #f2f2f2;
}

.upload--invalid {
  border-color: #c44;
}
.kss-modifier__example .upload--invalid {
  border-color: #c44;
}

.upload__label {
  margin-bottom: 15px;
  font-weight: bold;
}

.upload__file {
  display: flex;
}

.upload__icon {
  flex: 0 0 auto;
  margin-right: 15px;
}

.upload__caption {
  flex: 1 1 auto;
  -ms-grid-row-align: center;
      align-self: center;
}

.upload__button {
  -ms-grid-row-align: center;
      align-self: center;
  flex: 0 0 auto;
}

/**
Menu

Any dropdown menu, which is not a context-menu.
Dropdown menu's are usually added to buttons, or to navbar-items.

Styleguide: menu
*/
[data-menu],
[data-menu] * {
  -webkit-touch-callout: none;
}

.menu__container {
  position: relative;
}

/**
.menu

Markup:
<div class="menu {{modifier_class}}" role="menu">
	<a class="menu__item" href="...">Item 1</a>
	<button class="menu__item menu__item--active">Item 2</button>
	<hr/>
	<button class="menu__item menu__item--disabled">Item 3</button>
</div>

.menu--touch		- Added when the user used a touch event to trigger this control.
.menu--navbar		- This menu is in the navigation bar.
.menu--right		- This menu is aligned right, and should open to the left instead of to the right.
.menu--full-width	- This menu is as wide as its container.
					  Use .menu__container on the direct parent to make the menu as wide as the button to which it belongs.
.menu--scroll		- This menu shows a scrollbar if it exeeds the page.
.menu--up			- This appears above the control is is bound to.
					  Can be set by script if .menu--scroll is set.
.menu--opening		- This menu is currently opening.
.menu--opened		- This menu is opened.
.menu--closing		- This menu is currently closing.

Styleguide: menu.menu
*/
.menu, .droplist-content, .datepicker__view {
  display: none;
  top: 100%;
  padding: 3px 0;
  position: absolute;
  margin-top: 2px;
  z-index: 1010;
  min-width: 160px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
  overflow: hidden;
}
.menu hr, .droplist-content hr, .datepicker__view hr {
  margin: 5px 0;
  padding: 0;
}
.kss-modifier__example .menu, .kss-modifier__example .droplist-content, .kss-modifier__example .datepicker__view {
  display: block;
  position: relative;
  opacity: 1;
}

.menu--opening, .datepicker--opening .datepicker__view {
  display: block;
}

.menu--opened, .datepicker--opened .datepicker__view {
  display: block;
  opacity: 1;
}

.menu--closing, .datepicker--closing .datepicker__view {
  display: block;
  opacity: 0;
}

.menu--full-width {
  width: 100%;
}
.menu--full-width .menu__item {
  white-space: normal;
}

.menu--scroll {
  overflow-y: auto;
  min-height: 5em;
}

.menu--up {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
  margin-top: 0;
}

.menu.menu--touch, .menu--touch.droplist-content, .menu--touch.datepicker__view {
  padding: 0;
}
.menu.menu--touch .menu__item, .menu--touch.droplist-content .menu__item, .menu--touch.datepicker__view .menu__item {
  padding-top: 15px;
  padding-bottom: 15px;
}
.menu.menu--touch .menu__item:last-child, .menu--touch.droplist-content .menu__item:last-child, .menu--touch.datepicker__view .menu__item:last-child {
  border-bottom: none;
}

/**
.menu__item

A single menu item. Can be a button or link.

Markup:
	<button class="menu__item {{modifier_class}}" role="menuitem">
		<span class="menu__item-icon icon-missing" role="presentation"></span>
		<span class="menu__item-caption">Caption</span>
	</button>

.menu__item--active		- The item is currently active.
.menu__item--disabled	- The item is disabled.
.menu__item--hidden		- The item is hidden.

Styleguide: menu.menu__item
*/
.menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 15px;
  line-height: 1.428571429;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  color: #333;
  background-color: transparent;
  border: none;
  text-align: left;
  text-overflow: ellipsis;
}
.menu__item.menu__item--active {
  background-color: #d9d9d9;
}
.menu__item.menu__item--active .menu__item-caption {
  color: #333;
}
.menu__item:hover, .menu__item:focus {
  text-decoration: none;
  outline-offset: -1px;
  background-color: #333;
}
.menu__item:hover .menu__item-caption, .menu__item:focus .menu__item-caption {
  color: #fff;
}
.menu__item.menu__item--disabled {
  cursor: default;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.menu__item.menu__item--disabled .menu__item-caption {
  color: #d9d9d9;
}
.menu__item.menu__item--disabled:hover, .menu__item.menu__item--disabled:focus {
  text-decoration: none;
  background-color: unset;
}
.menu__item.menu__item--disabled:hover .menu__item-caption, .menu__item.menu__item--disabled:focus .menu__item-caption {
  color: #d9d9d9;
}
.menu__item.menu__item--hidden {
  display: none;
}

.menu__item--state--error .menu__item-caption {
  color: #ae2f2f;
  text-decoration: underline;
}
.menu__item--state--error:hover, .menu__item--state--error:focus {
  text-decoration: underline;
  outline-offset: -1px;
  background-color: #f2d0d0;
}
.menu__item--state--error:hover .menu__item-caption, .menu__item--state--error:focus .menu__item-caption {
  color: #ae2f2f;
}

.menu__item-icon {
  flex: 0 0 auto;
  margin-top: 2px;
}
.menu__item-icon + .menu__item-caption {
  margin-left: 7.5px;
}
.menu__item-icon.icon-tiny + .menu__item-caption {
  margin-left: 15px;
}

.menu__item-caption {
  flex: 1 1 auto;
  color: #333;
  margin-left: 5px;
  margin-right: 28px;
}
.menu__item-caption::after {
  content: " ";
}

[data-context-menu],
[data-context-menu] * {
  -webkit-touch-callout: none;
}

.context-menu {
  display: none;
  margin: 0;
  position: absolute;
  opacity: 0;
  transition: opacity ease-in-out 0.2s;
}
.context-menu hr {
  margin: 5px 0;
  padding: 0;
}
.kss-modifier__example .context-menu {
  display: block;
  opacity: 1;
  position: relative;
}

.context-menu--opening {
  display: block;
}

.context-menu--opened {
  display: block;
  opacity: 1;
}

.context-menu--closing {
  display: block;
  opacity: 0;
}

.context-menu__content {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  overflow: hidden;
}

.context-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 3px 15px;
  line-height: 1.428571429;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  outline: none;
  color: #333;
  background-color: transparent;
  border: none;
  text-align: left;
  text-overflow: ellipsis;
}
.context-menu__item:disabled {
  color: #6c6c6c;
  cursor: default;
}

.context-menu__item--disabled {
  color: #6c6c6c;
  cursor: default;
}

.context-menu__item--default {
  font-weight: bold;
}

.context-menu__item-caption {
  flex: 1 1 auto;
  margin: 0 5px;
  -ms-grid-row-align: center;
      align-self: center;
}
.context-menu__item-caption:last-child {
  margin-right: 26px;
}
.context-menu__item-caption::after {
  content: " ";
}

.context-menu__item-icon {
  flex: 0 0 auto;
  align-self: flex-start;
  margin: 0 5px;
}

.context-menu__header {
  color: #333;
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.context-menu--popup {
  margin-top: 2px;
  font-size: 14px;
  top: 100%;
  left: 0;
  z-index: 1010;
}
.context-menu--popup .context-menu__content {
  min-width: 160px;
  padding: 5px 0;
}
.context-menu--popup .context-menu__item,
.context-menu--popup .context-menu__header {
  line-height: 1.428571429;
  white-space: nowrap;
}
.context-menu--popup .context-menu__item {
  padding: 3px 5px;
  color: #333;
  cursor: pointer;
  outline: none;
}
.context-menu--popup .context-menu__item:hover {
  text-decoration: none;
}
.context-menu--popup .context-menu__item:focus {
  text-decoration: none;
  outline-offset: -1px;
  color: #fff;
  background-color: #333;
}
.context-menu--popup .context-menu__item.context-menu__item--active {
  color: #333;
  background-color: #d9d9d9;
}
.context-menu--popup .context-menu__header {
  padding: 5px 10px;
  margin-bottom: 2px;
  margin-top: -5px;
}
.context-menu--popup .context-menu__item--dialog-only,
.context-menu--popup .context-menu__header--dialog-only {
  display: none !important;
  visibility: collapse !important;
}
.context-menu--popup .context-menu__item-icon {
  margin-top: 2px;
}
.context-menu--dialog {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1010;
}
.context-menu--dialog .context-menu__content {
  width: 100%;
  max-width: 500px;
  overflow: auto;
  max-height: 100%;
  z-index: 1010;
}
.context-menu--dialog .context-menu__item,
.context-menu--dialog .context-menu__header {
  padding: 10px 15px;
}
.context-menu--dialog .context-menu__item:first-child,
.context-menu--dialog .context-menu__header:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.context-menu--dialog .context-menu__item:last-child,
.context-menu--dialog .context-menu__header:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.context-menu--dialog .context-menu__item--popup-only,
.context-menu--dialog .context-menu__header--popup-only {
  display: none;
  visibility: collapse;
}
.context-menu--dialog .context-menu__header {
  font-size: 16px;
  padding: 15px 15px;
}
.context-menu--dialog .context-menu__header:not(:first-child) {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.context-menu--dialog .context-menu__header:not(:last-child) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.context-menu__backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1009;
  background-color: #000;
  opacity: 0.5;
}

.droplist-element {
  opacity: 0;
  transition: opacity 50ms ease-in;
  display: none;
}
.droplist-element.droplist-after-open {
  transition: opacity 200ms ease-in;
  opacity: 1;
}
.droplist-element.droplist-open-transitionend {
  display: block;
}

.droplist-content {
  display: block;
  position: static;
  opacity: inherit;
}

/**
Feed item

An item in the a RSS feed.

Styleguide: feed-item
 */
/**
.feed-item

A single item in a RSS feed.

Markup:
	<article class="feed-item">
		<h3>
			<a class="feed-item__title-link" href="" target="_blank">Article title.</a>
			<time class="feed-item__pubdate" title="1-10-2019 10:00:42">publish date</time>
		</h3>
		<p>Preview text...</p>
		<div aria-label="Tags">
			<a class="feed-item__tag" href="" target="_blank">Tag 1</a>
			<a class="feed-item__tag" href="" target="_blank">Tag 2</a>
		</div>
	</article>

Styleguide: feed-item.feed-item
 */
.feed-item {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.feed-item + .feed-item {
  margin-top: 3rem;
}

.feed-item__title-link,
.feed-item__title-text {
  display: inline;
}

.feed-item__pubdate {
  display: inline;
  margin-left: 1em;
  opacity: 0.65;
}

.feed-item__tag {
  font-size: 90%;
  padding: 0.125em 0.5em;
  color: #1a6680;
  background-color: #95d5ea;
  opacity: 0.8;
  border-width: 1px;
  border-style: solid;
  border-color: #95d5ea;
  border-radius: 4px;
  white-space: nowrap;
}
.feed-item__tag:hover, .feed-item__tag:focus, .feed-item__tag:active {
  color: #95d5ea;
  background-color: #1a6680;
  text-decoration: none;
  opacity: 1;
}

.metadataselection__body {
  padding-left: 0;
}

.metadataselection__search {
  margin-bottom: 7.5px;
}

.activity__frame + .activity__frame {
  margin-top: 15px;
}
.activity__frame .activity__frame-heading {
  margin-top: 5px;
  margin-bottom: 15px;
}

.activity__element .input-group, .activity__element .address-control {
  align-self: flex-start;
}

.activity__element[data-focus-within] {
  z-index: 100;
}

.activity__element--active {
  z-index: 100;
  position: relative;
}

.activity__help-button {
  width: 35px;
  min-width: 35px !important;
  padding: 0;
}

.activity__control {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 50px;
  grid-template-columns: 1fr 50px;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
      grid-template-areas: "activity__control-label activity__control-help" "activity__control-input activity__control-input";
}

.activity__control-label {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: activity__control-label;
  word-break: break-word;
  width: auto;
  max-width: auto;
}

.activity__frame--wide .activity__control > .activity__control-label {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.activity__control-input {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  display: flex;
  grid-area: activity__control-input;
}

.activity__frame--wide .activity__control > .activity__control-input {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.activity__control-help {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: activity__control-help;
}

.activity__frame--wide .activity__control > .activity__control-help {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.activity__frame--wide {
  /** workaround to get this working with autoprefixer */
}
.activity__frame--wide .activity__control {
  -ms-grid-columns: 1fr 3fr 50px;
  grid-template-columns: 1fr 3fr 50px;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
      grid-template-areas: "activity__control-label activity__control-input activity__control-help";
}
.activity__frame--wide .activity__control-label {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.activity__frame--wide .activity__control-input {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}
.activity__frame--wide .activity__control-help {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.page--admin--content-migration .main__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-columns: auto;
  grid-template-columns: auto;
      grid-template-areas: "main__header" "page-layout--normal";
  overflow: clip;
}
.page--admin--content-migration .page-layout--normal {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: page-layout--normal;
  margin-left: 15px;
  margin-right: 15px;
}
.page--admin--content-migration .main__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: main__header;
  margin-bottom: 20px;
}
.page--admin--content-migration .page__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-columns: 90vh 5fr;
  grid-template-columns: 90vh 5fr;
      grid-template-areas: "button__bar button__bar" "file__tree diff__view";
}
.page--admin--content-migration .button__bar {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: button__bar;
  margin-bottom: 0;
}
.page--admin--content-migration .diffset__toolbar {
  margin-top: 15px;
  margin-bottom: 8px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
}
.page--admin--content-migration .filtree__listbox {
  width: max-content;
}
.page--admin--content-migration .filtree__listbox .with-icon__text {
  -webkit-text-decoration-color: #00000040;
          text-decoration-color: #00000040;
}
.page--admin--content-migration .file__tree--checkbox {
  float: left;
}
.page--admin--content-migration .file__tree--text {
  padding-top: 7px;
  padding-left: 5px;
  font-weight: 500;
}
.page--admin--content-migration .file__tree {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: file__tree;
  height: 100%;
  white-space: nowrap;
  overflow: auto;
}
.page--admin--content-migration .file__tree-sub-item {
  margin-left: 62px;
}
.page--admin--content-migration .diff__view {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  height: 100%;
  grid-area: diff__view;
  overflow: hidden;
  margin-left: 20px;
  border: solid 1px silver;
  padding: 10px;
}
.page--admin--content-migration .listbox__item, .page--admin--content-migration .listbox__placeholder {
  padding: 0 4px;
}
.page--admin--content-migration .file__tree-rootitem .toggle-icon {
  margin-top: 8px;
}
.page--admin--content-migration .file__tree-rootitem .file__tree-showchildren {
  display: block;
}
.page--admin--content-migration .file__tree-rootitem .file__tree-hidechildren {
  display: none;
}
.page--admin--content-migration table.overview {
  width: 100%;
  table-layout: fixed;
}
.page--admin--content-migration table.overview td.environment {
  max-width: 50%;
  width: 50%;
  padding: 20px;
}
.page--admin--content-migration table.overview td.environment:first-child {
  border-right: solid 2px silver;
}
.page--admin--content-migration .diffset_detail.inserted {
  background-color: #00800054;
}
.page--admin--content-migration .diffset_detail.deleted {
  background-color: #ff000045;
}
.page--admin--content-migration .diffset_detail.modified {
  background-color: #006e801f;
}
.page--admin--content-migration .diffset_detail div.diffLine {
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
  font-size: 1em;
}
.page--admin--content-migration .wizard {
  height: calc(100vh - 190px);
}
.page--admin--content-migration .page__content,
.page--admin--content-migration .wizard-step {
  height: 100%;
}
.page--admin--content-migration .clickable,
.page--admin--content-migration .tab {
  cursor: pointer;
}
.page--admin--content-migration .tabpanel {
  overflow-y: scroll;
  height: calc(100vh - 385px);
}
.page--admin--content-migration .newMigrationButton {
  position: absolute;
  right: 40px;
  margin-top: -40px;
}
.page--admin--content-migration table.migrationsOverview tr td {
  vertical-align: middle;
}
.page--admin--content-migration table.migrationsOverview .align-right {
  text-align: right;
}
.page--admin--content-migration table.migrationsOverview .btn, .page--admin--content-migration table.migrationsOverview input[type=color].form__control {
  display: inline-block;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.page--admin--content-migration fieldset.textblockdiff {
  border: 1px solid #c0c0c0;
  margin: 10px;
  padding: 0.75em;
}

.model-input-column {
  background: #fff;
  padding: 0;
  scroll-behavior: smooth;
}
@media screen and (min-width: 769px) {
  .model-input-column {
    position: fixed;
    width: 50%;
    left: 0;
    top: 41px;
    bottom: 0;
    border-right: 1px solid #cccccc;
  }
}

@media screen and (min-width: 769px) {
  .model-input-form,
.model-input-fieldset {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
  }
}

@media screen and (min-width: 769px) {
  .model-input-fieldset {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto 1fr;
    grid-template-rows: auto 1fr;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .model-input-fieldset > .tab-selector {
    -ms-grid-row: 1;
    grid-row: 1;
  }
}

.model-tab-content {
  position: relative;
  padding: 0 15px 15px;
}
.model-tab-content .model-frame:not(:last-child) {
  border-bottom: 3px solid white;
  padding-bottom: 15px;
}
@media screen and (min-width: 769px) {
  .model-tab-content {
    -ms-grid-row: 2;
    grid-row: 2;
    overflow-y: auto;
  }
}
@media not screen and (min-width: 769px) {
  .model-tab-content {
    padding-bottom: 30px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 15px;
  }
}

.model-output-column {
  background: #f8f8f8;
}
@media screen and (min-width: 769px) {
  .model-output-column {
    position: fixed;
    width: 50%;
    right: 0;
    top: 41px;
    bottom: 0;
    background: linear-gradient(to top, #d5d5d5 0, #eee 6px, #eee) #eee;
  }
}
@media not screen and (min-width: 769px) {
  .model-output-column {
    background: linear-gradient(to top, #e6e6e6 0, #fff 6px, #fff) #fff;
  }
}
.model-output-column .tablist {
  border-bottom-color: #cccccc;
}
.model-output-column .tab:hover, .model-output-column .tab:focus {
  background-color: #f3f3f3;
  border-color: rgba(204, 204, 204, 0.5) rgba(204, 204, 204, 0.5) #cccccc;
}
.model-output-column .tab.tab--active {
  background-color: #f8f8f8;
  border-color: #cccccc #cccccc transparent;
}
.model-output-column .tabpanel {
  background: #f8f8f8;
  border: none;
}
@media screen and (min-width: 769px) {
  .model-output-column .tabpanel {
    display: flex;
    flex-direction: column;
  }
}
.model-output-column p {
  margin: 0;
  padding-bottom: 30px;
}

.model-tab {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0 15px;
}
@media screen and (min-width: 769px) {
  .model-tab {
    -ms-grid-row: 2;
    grid-row: 2;
    overflow-y: auto;
  }
}

.preview__toolbar {
  margin-top: 15px;
  margin-right: 0;
  margin-bottom: 8px;
  margin-left: 0;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
}

.preview-tab-content {
  flex: 1 1 auto;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  user-drag: none;
  overflow-y: auto;
  border-top: 1px solid #cccccc;
}

.preview-wrapper {
  overflow: auto;
}
.preview-wrapper > * {
  padding: 0;
  margin: 0;
  vertical-align: baseline;
  transition: all ease-out 0.1s;
}
.preview-wrapper > img {
  box-shadow: 0 1px 8px #666;
  border: 1px solid #cccccc;
}
.preview-wrapper > .preview__frame--type--html {
  border: none;
}
.preview-wrapper.loading > * {
  opacity: 0.2;
  transition: opacity ease-out 2s;
}

.previewspinner {
  position: absolute;
  margin-top: 53%;
  margin-left: 38%;
  font-size: 5em;
}

.textarea-resizable textarea,
.textarea--resizable {
  resize: vertical;
  overflow: auto;
}

.textarea--monospace {
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
  font-size: 12px;
}

.textarea-fixed-size textarea {
  resize: none;
  overflow: auto;
}

.preview-wrapper--type--image {
  line-height: 1px;
  overflow: hidden;
  padding-top: 30px;
  padding-right: 30px;
  padding-bottom: 60px;
  padding-left: 30px;
}
.preview-wrapper--type--image > img {
  width: 100%;
}

.preview__wrapper--type--html {
  margin: 15px;
  background-color: white;
  border: 1px solid #ccc;
  transition: height 0.25s ease-out;
}
.preview__wrapper--type--html iframe,
.preview__wrapper--type--html iframe a,
.preview__wrapper--type--html iframe .link-list__item {
  pointer-events: none;
}

.model-control--date--opening,
.model-control--date--opened,
.model-control--date--closing {
  z-index: 5;
}
.model-control--date--opening .input-group__item, .model-control--date--opening .address-control__preview, .model-control--date--opening .address-control__buttons,
.model-control--date--opened .input-group__item,
.model-control--date--opened .address-control__preview,
.model-control--date--opened .address-control__buttons,
.model-control--date--closing .input-group__item,
.model-control--date--closing .address-control__preview,
.model-control--date--closing .address-control__buttons {
  z-index: 4;
}

.page--reopen .model-input__reopen-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 15px;
  display: flex;
}
.page--reopen .model-input__reopen-header > button {
  flex: 1 1 auto;
  text-align: left;
}
.page--reopen #model-input-form {
  position: absolute;
  top: 76px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

.model__field__binding__dialog .checkbox + input {
  width: calc(100% - 30px);
  margin-left: 7.5px;
}
.model__field__binding__dialog .form__label {
  margin-top: 1px;
}

body {
  overflow-y: scroll;
}

.tree__node:focus {
  outline: none;
}

.lookuptable_details_container table {
  display: table;
  table-layout: fixed;
  margin-bottom: 5px;
}
.lookuptable_details_container table tr td {
  border: none;
  padding: 6px 6px 1px 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lookuptable_details_container table tr td table tr th {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lookuptable_details_container fieldset {
  border-radius: 10px;
  border: 1px solid #c0c0c0;
  padding: 20px;
}
.lookuptable_details_container .pull-right {
  float: right;
  position: relative;
  padding: 0.5em 0.25em;
}

.textblock-control--list::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -94px;
  width: 16px;
  height: 8px;
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  margin-bottom: 3px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .textblock-control--list::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}
.textblock-control--list:hover::after, .textblock-control--list:focus::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -93px -84px;
  width: 16px;
  height: 8px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .textblock-control--list:hover::after, .textblock-control--list:focus::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

/**
Textblock

A textblock, usually on the edit page, in which a user can input data.
The textblock has a gutter on the left side. This gutter is used by (kss:gutter-item)[gutter-item]s to print meta-information and buttons,
so that the content of the textblock it self isn't interrupted.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p>Some textblock content.</p>
		</div>
	</div>

Styleguide: textblock
*/
/**
.textblock

The root of a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p>Some textblock content.</p>
		</div>
	</div>

Styleguide: textblock.textblock
*/
.textblock {
  padding: 0;
  padding-left: 47px;
  border: 1px solid #949494;
  border-radius: 4px;
  margin: 1px 0;
  margin-bottom: 15px;
  color: #000;
  background: #fff;
  background: linear-gradient(to right, #eee 0, #eee 43px, #ccc 54px, #ddd 100%) #fff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
@media not screen and (min-width: 769px) {
  .textblock {
    border-left: none;
    border-right: none;
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
}

/**
.textblock__content

The root of the content of a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p>Some textblock content.</p>
		</div>
	</div>

Styleguide: textblock.textblock__content
*/
.textblock__content {
  border-left: 1px solid #949494;
  background: #fff;
  padding: 24px;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
@media not screen and (min-width: 769px) {
  .textblock__content {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}

.textblock__ol {
  counter-increment: ol;
  position: relative;
  display: block !important;
}
.textblock__ol::before {
  content: counter(ol) ".";
  width: 10px;
  display: block;
  position: absolute;
  left: -15px;
}

.textblock__ul {
  position: relative;
  display: block !important;
}
.textblock__ul::before {
  content: "●";
  width: 10px;
  display: block;
  position: absolute;
  left: -15px;
}

/**
.textblock__preview-only

A block of preview-only content.
This represents content that is only shown while creating a standard document,
and doesn't end up in the finished document.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p class="textblock__preview-only">Text content.</p>
		</div>
	</div>

Styleguide: textblock.textblock__preview-only
*/
.textblock__preview-only {
  display: block;
  margin-left: -24px;
  margin-right: -24px;
  padding-left: 24px;
  padding-right: 24px;
  background: rgba(34, 136, 170, 0.1);
}
.textblock__content > .textblock__preview-only {
  border-left: 2px dotted #28a;
}
.textblock__content > .textblock__preview-only:first-child {
  margin-top: -24px;
  padding-top: 24px;
}
.textblock__content > .textblock__preview-only:last-child {
  margin-bottom: -24px;
  padding-bottom: 24px;
}
.textblock__content > .textblock__paragraph > .textblock__preview-only {
  border-left: 2px dotted #28a;
  margin-top: -6px;
  margin-bottom: -6px;
  padding-top: 6px;
  padding-bottom: 6px;
}

/**
.textblock__paragraph

A paragraph in a textblock.
Can be a in the root of a textblock or inside a table cell.
The element should be a p if possible, but can be a span otherwise.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p class="textblock__paragraph">Text content.</p>
		</div>
	</div>

Styleguide: textblock.textblock__paragraph
*/
.textblock__paragraph {
  display: block;
  min-height: 1.428571429em;
  padding: 0;
  margin: 6px 0;
  white-space: pre-wrap;
  overflow-wrap: break-word;
}
.textblock__paragraph > * {
  white-space: normal;
}

/**
.textblock__if

A if in a textblock.
Can be a in the root of a textblock or inside a paragraph.
Visibility of the content is not controlled by css, but should be done by explicitly setting visibility.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<span class="textblock__if"><p>Conditional block content</p></span>
			<p class="textblock__paragraph">before<span class="textblock__if"> conditional inline content </span>after</p>
		</div>
	</div>

Styleguide: textblock.textblock__if
*/
.textblock__content > .textblock__if {
  border-left: 1px dashed #9b6;
  display: block;
  margin-left: -12px;
  margin-right: -12px;
  padding-left: 12px;
  padding-right: 12px;
}
.textblock__paragraph .textblock__if {
  display: inline;
  border-bottom: 1px dashed #9b6;
}
.textblock__paragraph .textblock__if .textblock__paragraph {
  border-bottom: 1px dashed #9b6;
}

/**
.textblock__tab

A tab in a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p>before<span class="textblock__tab"></span>after</p>
		</div>
	</div>

Styleguide: textblock.textblock__tab
*/
.textblock__tab, .tbe-preview__tab {
  display: inline-block;
  width: 4em;
}

/**
.textblock__line

A horizontal line in a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<hr class="textblock__line {{modifier_class}}" style="width: 50%" />
		</div>
	</div>

.textblock__line--align--left	- The line is aligned left.
.textblock__line--align--center	- The line is aligned center. (default)
.textblock__line--align--right	- The line is aligned right.

Styleguide: textblock.textblock__line
*/
.textblock__line, .tbe-preview__line {
  border-color: black;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
}

.textblock__line--align--left {
  margin-left: 0;
}

.textblock__line--align--right {
  margin-right: 0;
}

/**
.textblock__page

Indicates the start of a new page in a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<div class="textblock__page"></div>
		</div>
	</div>

Styleguide: textblock.textblock__page
*/
.textblock__page, .tbe-preview__page {
  display: block;
  margin-top: 1.428571429em;
  margin-bottom: 1.428571429em;
  border-width: 1px 0 0;
  border-style: dashed none none;
  border-color: #aaa transparent transparent;
}

/**
.textblock__field

A field in a textblock.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p class="textblock__paragraph">Lorem ipsum <span data-fieldtype="field-type" class="textblock__field {{modifier_class}}">dolor</span> sit amet.</p>
		</div>
	</div>

.textblock__field--type--docproperty	- Hides the type prefix from docproperties.


Styleguide: textblock.textblock__field
*/
.textblock__field, .tbe-preview__field {
  background: rgba(34, 136, 170, 0.1);
  border-bottom: 1px dotted #28a;
  display: inline;
  font-style: italic;
}
.textblock__field::before, .tbe-preview__field::before {
  content: attr(data-fieldtype) " ";
}
.textblock__field.textblock__field--type--docproperty::before, .textblock__field--type--docproperty.tbe-preview__field::before {
  content: "";
}

/**
.textblock__expression

An expression in a textblock.
Usually contains server-side calculated text.

<div class="textblock">
	<div class="textblock__content">
		<p class="textblock__paragraph">Lorem ipsum <span class="textblock__expression">dolor</span> sit amet.</p>
	</div>
</div>

Styleguide: textblock.textblock__expression
*/
.textblock__expression, .tbe-preview__expression, .textblock__expression--keep-together {
  border-bottom: 1px dotted #eb5;
  display: inline;
  background: rgba(238, 187, 85, 0.1);
}

.textblock__expression--keep-together {
  white-space: nowrap;
}

/**
.textblock__run

Various helper classes for

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<p>Lorem ipsum dolor sit amet, <span class="{{modifier_class}}">consectetur adipiscing</span>elit.</p>
		</div>
	</div>

.textblock__run--bold					- The text is displayed as bold.
.textblock__run--underline				- The text is displayed as underlined.
.textblock__run--italic					- The text is displayed as italic.
.textblock__run--strikethrough			- The text is displayed with a line through it.
.textblock__run--double-strikethrough	- The text is displayed with two lines through it.
.textblock__run--superscript				- The text is displayed as superscript.
.textblock__run--subscript				- The text is displayed as subscript.
.textblock__run--small-caps				- The text is displayed in small caps.
.textblock__run--all-caps				- The text is displayed in all caps.

Styleguide: textblock.textblock__run
*/
.textblock__run--bold, .tbe-preview__b {
  font-weight: 700;
}

.textblock__run--underline, .tbe-preview__u {
  text-decoration: underline;
}

.textblock__run--italic, .tbe-preview__i {
  font-style: italic;
}

.textblock__run--strikethrough, .tbe-preview__st {
  text-decoration: line-through;
}

.textblock__run--double-strikethrough, .tbe-preview__dst {
  text-decoration: line-through;
  -webkit-text-decoration-style: double;
          text-decoration-style: double;
}

.textblock__run--superscript, .tbe-preview__sup,
.textblock__run--subscript,
.tbe-preview__sub {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.textblock__run--superscript, .tbe-preview__sup {
  top: -0.5em;
}

.textblock__run--subscript, .tbe-preview__sub {
  bottom: -0.25em;
}

.textblock__run--small-caps, .tbe-preview__sc {
  font-variant-caps: small-caps;
  -ms-font-feature-settings: "smcp" 1;
}

.textblock__run--all-caps, .tbe-preview__ac {
  text-transform: uppercase;
}

/**
Gutter item

A item that has contents in the gutter next to a (kss:textblock)[textblock].

Styleguide: gutter-item
*/
/**
.gutter-item

The root element of a gutter item.
It consists of a container for the control and a container for the contents.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<div class="gutter-item">
				<div class="gutter-item__control">
					<!-- control -->
				</div>
				<div class="gutter-item__content">
					<p>Content</p>
				</div>
			</div>
		</div>
	</div>

Styleguide: gutter-item.gutter-item
*/
.gutter-item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48px 1fr;
  grid-template-columns: 48px 1fr;
  margin-left: -72px;
  margin-right: -24px;
}

/**
.gutter-item__control

Contains the control for this gutter-item. The control is displayed inside the gutter.
Currently only can contain a single (kss:gutter-item.gutter-item__button)[button].

Styleguide: gutter-item.gutter-item__control
*/
.gutter-item__control {
  display: flex;
  width: 48px;
  min-width: 48px;
  min-height: 32px;
  text-align: center;
}

/**
.gutter-item__button

A button in the gutter. Only an icon is shown on the button, so an accessible title is a must.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<div class="gutter-item">
				<div class="gutter-item__control">
					<button class="gutter-item__button {{modifier_class}}" title="Accessible title" type="button">
						<span class="gutter-item__icon icon-btn" role="presentation"></span>
					</button>
				</div>
				<div class="gutter-item__content">
					<p>Content</p>
				</div>
			</div>
		</div>
	</div>

.gutter-item__button--success	- Styles the button as a success button.
.gutter-item__button--warning	- Styles the button as a warning button.
.gutter-item__button--danger	- Styles the button as a danger button.
.gutter-item__button--info		- Styles the button as a info button.

Styleguide: gutter-item.gutter-item__button
*/
.gutter-item__button {
  position: relative;
  width: 100%;
  padding: 8px;
  min-height: 28px;
  background: transparent;
  border: none;
  transition: background-color linear 0.125s;
}
.gutter-item__button:hover, .gutter-item__button:focus {
  background-color: rgba(51, 51, 51, 0.15);
}
.gutter-item__button:focus {
  outline: 1px dotted rgba(51, 51, 51, 0.5);
  outline-offset: -2px;
}
.gutter-item__button .gutter-item__icon {
  position: absolute;
  top: 6px;
  left: 16px;
}

.gutter-item__button--success:hover, .gutter-item__button--success:focus {
  background-color: rgba(153, 187, 102, 0.15);
  outline-color: #9b6;
}
.gutter-item__button--success.popover-enabled {
  background-color: rgba(153, 187, 102, 0.85);
}

.gutter-item__button--danger:hover, .gutter-item__button--danger:focus {
  background-color: rgba(204, 68, 68, 0.15);
  outline-color: #c44;
}
.gutter-item__button--danger.popover-enabled {
  background-color: rgba(204, 68, 68, 0.85);
}

.gutter-item__button--warning:hover, .gutter-item__button--warning:focus {
  background-color: rgba(238, 187, 85, 0.15);
  outline-color: #eb5;
}
.gutter-item__button--warning.popover-enabled {
  background-color: rgba(238, 187, 85, 0.85);
}

.gutter-item__button--info:hover, .gutter-item__button--info:focus {
  background-color: rgba(34, 136, 170, 0.15);
  outline-color: #28a;
}
.gutter-item__button--info.popover-enabled {
  background-color: rgba(34, 136, 170, 0.85);
}

/**
.gutter-item__content

Contains the content of the gutter-item.
It displays a line next to the content to show how far the item reaches.

Markup:
	<div class="textblock">
		<div class="textblock__content">
			<div class="gutter-item">
				<div class="gutter-item__control">
					<!-- control -->
				</div>
				<div class="gutter-item__content {{modifier_class}}">
					<p>Content</p>
				</div>
			</div>
		</div>
	</div>

.gutter-item__content--line--default	- Displays the line next to the contents in the default state.
.gutter-item__content--line--success	- Displays the line next to the contents in the success state.
.gutter-item__content--line--warning	- Displays the line next to the contents in the warning state.
.gutter-item__content--line--danger		- Displays the line next to the contents in the danger state.
.gutter-item__content--line--info		- Displays the line next to the contents in the info state.

Styleguide: gutter-item.gutter-item__content
*/
.gutter-item__content {
  position: relative;
  min-height: 32px;
  padding: 4px 24px 2px;
  border-left: 2px solid #6c6c6c;
  -ms-grid-column: 2;
}
.gutter-item__content > .textblock__preview-only:first-child {
  margin-top: -4px;
  padding-top: 4px;
}
.gutter-item__content > .textblock__preview-only:last-child {
  margin-bottom: -4px;
  padding-bottom: 4px;
}
.gutter-item__content > .textblock__repeater,
.gutter-item__content > .textblock__optional {
  margin-left: 48px;
  margin-right: 0;
}
.gutter-item__content > .textblock__repeater .gutter-item__content,
.gutter-item__content > .textblock__optional .gutter-item__content {
  padding-left: 4px;
  padding-right: 4px;
}

.gutter-item__content--line--default {
  border-left-color: #333;
}

.gutter-item__content--line--success {
  border-left-color: #9b6;
}

.gutter-item__content--line--danger {
  border-left-color: #c44;
}

.gutter-item__content--line--warning {
  border-left-color: #eb5;
}

.gutter-item__content--line--info {
  border-left-color: #28a;
}

.textblock-control--text {
  display: inline-block;
  max-width: 100%;
}

.textblock-control--text__input, .tbe-preview__value-of {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 2px 4px;
  margin: 1px 0;
  max-width: 100%;
  min-width: 40px;
  width: 40px;
}
.textblock-control--text__input:focus, .tbe-preview__value-of:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
.textblock-control--text__input.textblock-control--invalid, .textblock-control--invalid.tbe-preview__value-of {
  border-color: #c44;
}
.textblock-control--text__input.textblock-control--invalid:focus, .textblock-control--invalid.tbe-preview__value-of:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}
.textblock-control--text__input::-ms-clear, .tbe-preview__value-of::-ms-clear {
  display: none;
}

.textblock__shim {
  border: 1px solid #949494;
  padding: 2px 6px;
  position: absolute;
  visibility: hidden;
  white-space: pre;
  max-width: 100%;
  top: 0;
  left: 0;
}

.textblock-textarea-input {
  height: 100%;
}

.textblock-multiline {
  position: relative;
}
.textblock-multiline textarea {
  position: absolute;
  overflow: hidden;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 2px 4px;
  margin: 1px 0;
  resize: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.textblock-multiline textarea:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}

.textblock-multiline--invalid textarea {
  border-color: #c44;
}
.textblock-multiline--invalid textarea:focus {
  border-color: #c44;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(204, 68, 68, 0.8);
}

.textblock__content > .textblock-multiline--block {
  margin: 10px 0;
}

.textblock-multiline__shim {
  border: 1px solid #949494;
  padding: 2px 6px;
  visibility: hidden;
  display: block;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.textblock-control--list {
  /* can't be inline-block due to a weird chrome issue: doesn't render right border */
  display: inline;
  position: relative;
  cursor: pointer;
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 2px 4px;
  margin: 1px 0;
}
.textblock-control--list:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}

.textblock-control--list__content {
  max-height: 75vh;
  overflow: auto;
}

.textblock-control--list__value {
  color: inherit;
}

.textblock__date {
  display: inline-block;
}
.textblock__date .button {
  padding: 2px 4px;
  width: auto;
}

.textblock__number-button {
  opacity: 0.65;
}

.textblock__number--active .textblock__number-button,
.textblock__number-button:active,
.textblock__number-button:focus,
.textblock__number-button:hover {
  opacity: 1;
}

.textblock__number {
  display: inline-flex;
  vertical-align: text-bottom;
}

.textblock__number-input,
.textblock__number-button {
  border-radius: 0;
}
.textblock__number-input:first-child,
.textblock__number-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.textblock__number-input:not(:first-child),
.textblock__number-button:not(:first-child) {
  margin-left: -1px;
}
.textblock__number-input:last-child,
.textblock__number-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.input-group__item--button > .textblock__number-button {
  min-width: unset;
}

.textblock__number-input {
  color: #000;
  background-color: #fff;
  border: 1px solid #949494;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  padding: 2px 4px;
  margin: 1px 0;
  margin: 0;
  width: 60px;
  min-width: 60px;
  -moz-appearance: textfield;
}
.textblock__number-input:focus {
  border-color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(51, 51, 51, 0.8);
  outline: none;
}
.textblock__number-input::-webkit-outer-spin-button, .textblock__number-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.textblock-control--checkbox {
  display: inline-block;
}
.textblock-control--checkbox label {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

.textblock-control--radio {
  display: block;
}
.textblock-control--radio label {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  vertical-align: bottom;
}

.textblock-control--invalid {
  border-color: #ae2f2f;
}
.textblock-control--invalid:focus {
  border-color: #862424;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d76c6c;
}

.textblock-control--placeholder,
.textblock-multiline--placeholder {
  color: #999;
}

.textblock__table {
  display: -ms-grid;
  display: grid;
}

.textblock__th,
.textblock__td {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 20.000000006px;
  min-width: 10px;
  padding: 2px;
}
.textblock__th > .textblock__paragraph:last-child,
.textblock__td > .textblock__paragraph:last-child {
  margin-bottom: 0;
}
.textblock__th > .textblock__preview-only,
.textblock__td > .textblock__preview-only {
  margin-left: -2px;
  margin-right: -2px;
  padding-left: 0px;
  padding-right: 2px;
}
.textblock__th > .textblock__preview-only:first-child,
.textblock__td > .textblock__preview-only:first-child {
  margin-top: -2px;
  padding-top: 2px;
}
.textblock__th > .textblock__preview-only:last-child,
.textblock__td > .textblock__preview-only:last-child {
  margin-bottom: -2px;
  padding-bottom: 2px;
}
.textblock__th > .textblock__repeater,
.textblock__th > .textblock__optional,
.textblock__td > .textblock__repeater,
.textblock__td > .textblock__optional {
  margin-left: 72px;
  margin-right: 24px;
}
.textblock__th > .textblock__repeater .gutter-item__content,
.textblock__th > .textblock__optional .gutter-item__content,
.textblock__td > .textblock__repeater .gutter-item__content,
.textblock__td > .textblock__optional .gutter-item__content {
  padding-left: 4px;
  padding-right: 4px;
}

.textblock__td--align--top {
  justify-content: flex-start;
}

.textblock__td--align--middle {
  justify-content: center;
}

.textblock__td--align--bottom {
  justify-content: flex-end;
}

.textblock__td--align--left {
  align-items: flex-start;
}

.textblock__td--align--center {
  align-items: center;
}

.textblock__td--align--right {
  align-items: flex-end;
}

.timepicker {
  display: flex;
  flex-grow: 1;
}

.timepicker__hour,
.timepicker__minute {
  flex: 1 1 auto;
}

.timepicker__label {
  flex: 0 0 auto;
  margin-left: 5px;
  margin-right: 5px;
}

.wizard-step-button {
  min-width: 100px;
}

.chart--color--finished {
  color: #9b6;
}

.chart--color--unfinished {
  color: #c44;
}

.chart--color--other {
  color: #333333;
}

.chart--color--0 {
  color: #333333;
}

.chart--color--1 {
  color: #4ea0bb;
}

.chart--color--2 {
  color: #c2d6a3;
}

.chart--color--3 {
  color: #f8e4bb;
}

.chart--color--4 {
  color: #d15757;
}

.chart--color--5 {
  color: #6b8e9a;
}

.chart--color--6 {
  color: #b3bba6;
}

.chart--color--7 {
  color: #917744;
}

.chart--color--8 {
  color: #996363;
}

.chart--color--9 {
  color: #333333;
}

.chart--color--10 {
  color: #4ea0bb;
}

.chart--color--11 {
  color: #c2d6a3;
}

.chart--color--12 {
  color: #f8e4bb;
}

.chart--color--13 {
  color: #d15757;
}

.chart--color--14 {
  color: #6b8e9a;
}

.chart--color--15 {
  color: #b3bba6;
}

.chart--color--16 {
  color: #917744;
}

.chart--color--17 {
  color: #996363;
}

.chart--color--18 {
  color: #333333;
}

.chart--color--19 {
  color: #4ea0bb;
}

.chart--color--20 {
  color: #c2d6a3;
}

.chart--color--21 {
  color: #f8e4bb;
}

.chart--color--22 {
  color: #d15757;
}

.chart--color--23 {
  color: #6b8e9a;
}

.chart--color--24 {
  color: #b3bba6;
}

.chart--color--25 {
  color: #917744;
}

.chart--color--26 {
  color: #996363;
}

.chart--color--27 {
  color: #333333;
}

.chart--color--28 {
  color: #4ea0bb;
}

.chart--color--29 {
  color: #c2d6a3;
}

.chart--color--30 {
  color: #f8e4bb;
}

.chart--color--31 {
  color: #d15757;
}

.chart--color--32 {
  color: #6b8e9a;
}

.chart--color--33 {
  color: #b3bba6;
}

.chart--color--34 {
  color: #917744;
}

.chart--color--35 {
  color: #996363;
}

.chart--color--36 {
  color: #333333;
}

.chart--color--37 {
  color: #4ea0bb;
}

.chart--color--38 {
  color: #c2d6a3;
}

.chart--color--39 {
  color: #f8e4bb;
}

.chart--color--40 {
  color: #d15757;
}

.chart--color--41 {
  color: #6b8e9a;
}

.chart--color--42 {
  color: #b3bba6;
}

.chart--color--43 {
  color: #917744;
}

.chart--color--44 {
  color: #996363;
}

.chart--color--45 {
  color: #333333;
}

.chart--color--46 {
  color: #4ea0bb;
}

.chart--color--47 {
  color: #c2d6a3;
}

.chart--color--48 {
  color: #f8e4bb;
}

.chart--color--49 {
  color: #d15757;
}

.page--account-deleted .main__content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.page--home-index .button--login {
  margin-right: 2em;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.page--home-index .button--faq {
  margin-left: auto;
  margin-bottom: 1rem;
  margin-top: 1rem;
  -ms-grid-row-align: center;
      align-self: center;
}

.page--home-personal-index .home-grid {
  margin: -2rem 0;
}
.page--home-personal-index .home-grid__item {
  padding: 2rem 0;
}
.page--home-personal-index .home-grid__item + .home-grid__item {
  border-top: 1px solid #b0b0b0;
}
@media screen and (min-width: 992px) {
  .page--home-personal-index .home-grid {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 50% 50%;
    margin: 0 -1rem;
  }
  .page--home-personal-index .home-grid__item {
    padding: 0 1rem;
  }
  .page--home-personal-index .home-grid__item + .home-grid__item {
    -ms-grid-column: 2;
    border-top: none;
    border-left: 1px solid #b0b0b0;
  }
}

/**
.page--new

Page specific layout for the new page.

Styleguide: page.page--new
*/
.page--new .p--search-label {
  flex: 0 1 250px;
}
.page--new .p--summary-link {
  color: #999;
  cursor: pointer;
}
.page--new .main__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "page--new--header page--new--header" "page--new--tree page--new--explorer";
}
@media not screen and (min-width: 769px) {
  .page--new .main__content {
    display: block;
  }
}
.page--new .main__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: page--new--header;
}
.page--new .main__current-folder {
  padding: 0 15px;
}
.page--new .main__tree {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: page--new--tree;
  margin-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  min-width: 300px;
  overflow: auto;
  scrollbar-width: thin;
}
@media screen and (min-width: 769px) {
  .page--new .main__tree {
    border-right: 1px solid #d9d9d9;
    max-width: 600px;
  }
}
.page--new .main__tree .tree {
  margin-top: 1px;
}
.page--new .main__explorer {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: page--new--explorer;
  padding: 0 15px;
  overflow: auto;
}
@media not screen and (min-width: 769px) {
  .page--new .main__explorer {
    overflow: visible;
  }
}
.page--new .main__explorer .explorer {
  margin-top: 2.5px;
}

.file-preview {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  overflow: hidden !important;
}
.file-preview .file-preview__content {
  overflow: auto;
  position: relative;
}
.file-preview .file-preview__image {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-position: top left;
  object-fit: scale-down;
}

/**
.page--drafts-index

Page specific layout for the drafts index page.

Styleguide: page.page--drafts-index
*/
/**
.page--documents-index

Page specific layout for the finished documents index page.

Styleguide: page.page--documents-index
*/
.page--edit .body__wrap {
  background-color: #f8f8f8;
}

@supports (display: grid) {
  /* autoprefixer: off */
  .page--textblock-editor {
    user-select: none;
  }
  .page--textblock-editor .main__content {
    display: grid;
    grid-template-areas: "textblock-editor__header     textblock-editor__header" "textblock-editor__toolbar    textblock-editor__toolbar" "textblock-editor__tree       textblock-editor__secondary";
    grid-template-rows: auto auto 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .page--textblock-editor .main__header {
    grid-area: textblock-editor__header;
  }
  .page--textblock-editor .main__toolbar {
    grid-area: textblock-editor__toolbar;
    padding-left: 15px;
    padding-right: 15px;
  }
  .page--textblock-editor .main__tree {
    grid-area: textblock-editor__tree;
    margin: 0;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    padding: 2px 7.5px 2px 15px;
    overflow: auto;
  }
  .page--textblock-editor .main__tree:focus {
    outline: 1px dotted;
    outline-offset: -1px;
  }
  .page--textblock-editor .main__secondary {
    grid-area: textblock-editor__secondary;
    position: relative;
    margin: 0;
    padding: 2px;
    overflow: auto;
  }
  .page--textblock-editor .main__secondary > .tabs {
    padding-top: 0;
  }
  .page--textblock-editor .tree__node--hover {
    background: rgba(51, 51, 51, 0.25);
  }
  .page--textblock-editor .tree__node--comment .tree__node-caption {
    font-style: italic;
    color: #80a549;
  }
  .page--textblock-editor .tree__subtree {
    margin-left: 9px;
    margin-bottom: 2px;
    padding-left: 4px;
  }
  .page--textblock-editor .tree__node-caption--hint,
.page--textblock-editor .listbox__item--hint {
    opacity: 70%;
  }
  .page--textblock-editor .tree__node--selected.tree__node--hover {
    background: #333;
  }
  .page--textblock-editor .tree__node--selected.tree__node--comment .tree__node-caption {
    color: #fff;
  }
  .page--textblock-editor .tree__node--selected .tree__node-icon {
    filter: contrast(50%) brightness(10000%);
  }
  .page--textblock-editor .tree__node--selected ~ .tree__subtree {
    border-left: #333 solid 2px;
    padding-left: 3px;
  }
  .page--textblock-editor .form__control--unknown,
.page--textblock-editor .form__control--regex {
    font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
  }

  .tbe-preview__body {
    padding: 2px;
    color: black;
  }

  .tbe-preview--hover {
    outline: 2px solid rgba(26, 102, 128, 0.5);
  }

  .tbe-preview--selected {
    outline: 2px solid #1a6680;
  }

  .tbe-preview__include,
.tbe-preview__mso-document {
    padding: 2px;
    border: 1px solid #d7e2be;
    color: #80a549;
    background: #ebf2e2;
  }

  .tbe-preview__if--block {
    display: block;
    border-left: 2px dashed #9b6;
    padding-left: 2px;
  }

  .tbe-preview__if--line {
    display: inline;
    border-bottom: 2px dashed #9b6;
  }

  .tbe-preview__optional {
    border-left: 2px solid #80a549;
    padding-left: 2px;
  }

  .tbe-preview__p {
    margin: 0;
  }
  .tbe-preview__p::after {
    content: " ";
  }

  .tbe-preview__p--preview-only {
    background: rgba(34, 136, 170, 0.1);
  }

  .tbe-preview__picture--position--float {
    float: left;
  }

  .tbe-preview__table {
    margin: 0;
  }
  .tbe-preview__table th,
.tbe-preview__table td {
    padding: 0;
    border: none;
  }

  .tbe--columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "tbe--columns__toolbar tbe--columns__column-properties" "tbe--columns__listbox tbe--columns__column-properties";
  }
  .tbe--columns > .listbox {
    grid-area: tbe--columns__listbox;
    overflow: auto;
  }
  .tbe--columns > .toolbar {
    grid-area: tbe--columns__toolbar;
  }

  .tbe--columns__column-properties {
    grid-area: tbe--columns__column-properties;
  }

  .tbe-templates {
    display: grid;
    grid-template-columns: minmax(auto, 30em) 1fr;
    grid-template-rows: auto 1fr;
    grid-template-areas: "tbe-templates__dynamic-data tbe-templates__properties" "tbe-templates__listbox      tbe-templates__properties";
    column-gap: 30px;
  }

  .tbe-templates__listbox {
    display: grid;
    grid-area: tbe-templates__listbox;
    grid-template-rows: 1fr auto;
  }

  .tbe-templates__properties {
    grid-area: tbe-templates__properties;
    margin: 0;
  }

  .tbe-properties {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "textblock-editor__properties-header" "textblock-editor__properties-content";
  }
  .tbe-properties > header {
    grid-area: textblock-editor__properties-header;
  }

  .tbe-properties__content {
    grid-area: textblock-editor__properties-content;
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    overflow: auto;
  }
  .tbe-properties__content .tabs {
    padding-top: 0;
  }

  .tbe-properties__content--text {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-areas: "textblock-editor__properties-content--text-toolbar" "textblock-editor__properties-content--text-input";
  }
  .tbe-properties__content--text > .toolbar {
    grid-area: textblock-editor__properties-content--text-toolbar;
  }
  .tbe-properties__content--text > .form__row {
    grid-area: textblock-editor__properties-content--text-input;
  }

  .tbe-properties--text {
    align-self: stretch;
    resize: none;
  }

  .tbe-static-data {
    display: grid;
    grid-template-columns: minmax(auto, 30em) 1fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "tbe-static-data__listbox tbe-static-data__properties-header" "tbe-static-data__listbox tbe-static-data__properties" "tbe-static-data__toolbar tbe-static-data__properties";
    column-gap: 30px;
    padding-right: 0;
  }

  .tbe-static-data__listbox {
    grid-area: tbe-static-data__listbox;
  }

  .tbe-static-data__toolbar {
    grid-area: tbe-static-data__toolbar;
  }

  .tbe-static-data__properties-header {
    grid-area: tbe-static-data__properties-header;
    margin-bottom: 1em;
    margin-right: 15px;
  }

  .tbe-static-data__properties {
    grid-area: tbe-static-data__properties;
    overflow: auto;
  }

  .tbe-dynamic-data {
    display: grid;
    grid-template-columns: minmax(auto, 30em) 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas: "tbe-dynamic-data__data       tbe-dynamic-data__properties" "tbe-dynamic-data__templates  tbe-dynamic-data__properties";
    row-gap: 15px;
    column-gap: 30px;
    padding-right: 0;
  }
  .tbe-dynamic-data > section {
    margin: 0;
  }

  .tbe-dynamic-data__data {
    grid-area: tbe-dynamic-data__data;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }

  .tbe-dynamic-data__templates {
    grid-area: tbe-dynamic-data__templates;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }

  .tbe-dynamic-data__properties {
    grid-area: tbe-dynamic-data__properties;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
  }

  .tbe-dynamic-data__properties-header {
    grid-area: tbe-dynamic-data__properties-header;
    margin-bottom: 1em;
    margin-right: 15px;
  }

  .tbe-dynamic-data__properties-content {
    overflow: auto;
  }

  table .toolbar {
    flex-wrap: nowrap;
    margin: 0;
    height: 34px;
  }

  table .toolbar__item {
    margin-bottom: 0;
  }

  .toolbar--bottom {
    margin-top: 0;
    margin-bottom: 0;
  }
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}

.cm-fat-cursor {
  caret-color: transparent;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror {
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
}

.CodeMirror__hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0;
  background: #fff;
  font-size: 90%;
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror__hint {
  padding: 0 4px;
  border-radius: 2px;
  margin: 0;
  color: #333;
  background-color: transparent;
  white-space: pre;
  cursor: pointer;
}

li.CodeMirror__hint--active {
  color: white;
  background: #333;
}

/* theme */
.cm-s-dso.cm-header {
  color: blue;
}

.cm-s-dso.cm-quote {
  color: #090;
}

.cm-negative {
  color: #e61919;
}

.cm-positive {
  color: #6ea604;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-dso .cm-atom {
  color: #3471b1;
  background: rgba(52, 113, 177, 0.1);
}
.cm-s-dso .cm-comment {
  color: #555555;
}
.cm-s-dso .cm-string {
  color: #e22d2d;
  font-weight: bold;
}
.cm-s-dso .cm-meta {
  color: #424242;
}
.cm-s-dso .cm-bracket {
  color: #702d70;
}
.cm-s-dso .cm-tag {
  color: #702d70;
}
.cm-s-dso .cm-attribute {
  color: #c3066c;
}
.cm-s-dso .cm-hr {
  color: #d9d9d9;
}
.cm-s-dso .cm-link {
  color: #00c;
}
.cm-s-dso .cm-error {
  color: #f00;
  font-style: italic;
}

.cm-invalidchar {
  color: #f00;
  font-style: italic;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

.CodeMirror-foldmarker {
  color: #424242;
  background: rgba(66, 66, 66, 0.2);
  cursor: pointer;
}

.CodeMirror-foldgutter {
  width: 1em;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}

.CodeMirror-foldgutter-open:after {
  content: "-";
  font-weigth: bold;
}

.CodeMirror-foldgutter-folded:after {
  content: "+";
  font-weigth: bold;
}

.page--xml-edit .main__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto auto 1fr;
  grid-template-rows: auto auto 1fr;
}
.page--xml-edit .main__content .toolbar {
  padding-left: 15px;
  padding-right: 15px;
}
.page--xml-edit .main__content .xml-edit__code-wrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-top: 1px solid #d9d9d9;
}
.page--xml-edit .CodeMirror {
  width: 100%;
  height: 100%;
}

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker {
  color: black;
}

.CodeMirror-guttermarker-subtle {
  color: #999;
}

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}

.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}

.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}

.cm-fat-cursor {
  caret-color: transparent;
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}

.cm-s-default .cm-quote {
  color: #090;
}

.cm-negative {
  color: #d44;
}

.cm-positive {
  color: #292;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-default .cm-keyword {
  color: #708;
}

.cm-s-default .cm-atom {
  color: #219;
}

.cm-s-default .cm-number {
  color: #164;
}

.cm-s-default .cm-def {
  color: #00f;
}

.cm-s-default .cm-variable-2 {
  color: #05a;
}

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085;
}

.cm-s-default .cm-comment {
  color: #a50;
}

.cm-s-default .cm-string {
  color: #a11;
}

.cm-s-default .cm-string-2 {
  color: #f50;
}

.cm-s-default .cm-meta {
  color: #555;
}

.cm-s-default .cm-qualifier {
  color: #555;
}

.cm-s-default .cm-builtin {
  color: #30a;
}

.cm-s-default .cm-bracket {
  color: #997;
}

.cm-s-default .cm-tag {
  color: #170;
}

.cm-s-default .cm-attribute {
  color: #00c;
}

.cm-s-default .cm-hr {
  color: #999;
}

.cm-s-default .cm-link {
  color: #00c;
}

.cm-s-default .cm-error {
  color: #f00;
}

.cm-invalidchar {
  color: #f00;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}

.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}

.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  font-variant-ligatures: contextual;
}

.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}

.CodeMirror-rtl pre {
  direction: rtl;
}

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}

.CodeMirror-measure pre {
  position: static;
}

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}

div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected {
  background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}

.CodeMirror-crosshair {
  cursor: crosshair;
}

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: "";
}

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

.CodeMirror {
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
}

.CodeMirror__hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin: 0;
  background: #fff;
  font-size: 90%;
  font-family: Consolas, Menlo, Monaco, "Dejavu Sans Mono", monospace;
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  max-height: 20em;
  overflow-y: auto;
}

.CodeMirror__hint {
  padding: 0 4px;
  border-radius: 2px;
  margin: 0;
  color: #333;
  background-color: transparent;
  white-space: pre;
  cursor: pointer;
}

li.CodeMirror__hint--active {
  color: white;
  background: #333;
}

/* theme */
.cm-s-dso.cm-header {
  color: blue;
}

.cm-s-dso.cm-quote {
  color: #090;
}

.cm-negative {
  color: #e61919;
}

.cm-positive {
  color: #6ea604;
}

.cm-header, .cm-strong {
  font-weight: bold;
}

.cm-em {
  font-style: italic;
}

.cm-link {
  text-decoration: underline;
}

.cm-strikethrough {
  text-decoration: line-through;
}

.cm-s-dso .cm-atom {
  color: #3471b1;
  background: rgba(52, 113, 177, 0.1);
}
.cm-s-dso .cm-comment {
  color: #555555;
}
.cm-s-dso .cm-string {
  color: #e22d2d;
  font-weight: bold;
}
.cm-s-dso .cm-meta {
  color: #424242;
}
.cm-s-dso .cm-bracket {
  color: #702d70;
}
.cm-s-dso .cm-tag {
  color: #702d70;
}
.cm-s-dso .cm-attribute {
  color: #c3066c;
}
.cm-s-dso .cm-hr {
  color: #d9d9d9;
}
.cm-s-dso .cm-link {
  color: #00c;
}
.cm-s-dso .cm-error {
  color: #f00;
  font-style: italic;
}

.cm-invalidchar {
  color: #f00;
  font-style: italic;
}

.CodeMirror-composing {
  border-bottom: 2px solid;
}

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}

.CodeMirror-activeline-background {
  background: #e8f2ff;
}

.CodeMirror-foldmarker {
  color: #424242;
  background: rgba(66, 66, 66, 0.2);
  cursor: pointer;
}

.CodeMirror-foldgutter {
  width: 1em;
}

.CodeMirror-foldgutter-open,
.CodeMirror-foldgutter-folded {
  cursor: pointer;
}

.CodeMirror-foldgutter-open:after {
  content: "-";
  font-weigth: bold;
}

.CodeMirror-foldgutter-folded:after {
  content: "+";
  font-weigth: bold;
}

.page--settings .tabpanel {
  padding: 30px;
}
.page--settings .tabpanel h3,
.page--settings .tabpanel h4 {
  margin-top: 30px;
}

.page--settings-account section + section {
  border-top: 1px solid #d9d9d9;
}
.page--settings-account .listbox--max-height {
  max-height: 20em;
  overflow-y: auto;
}

.account-settings__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.account-settings__image {
  border-radius: 50%;
  background-color: #eee;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: 0 -120px;
  width: 128px;
  height: 128px;
  margin-bottom: -15px;
  transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
  perspective: 128px;
  transform-origin: 64px 100%;
  transform-style: preserve-3d;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .account-settings__image {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.account-settings__username {
  margin-bottom: 15px;
}

.admin #markdownResult .alert {
  margin-bottom: 0;
}
.admin .string:before, .admin .uri:before {
  content: open-quote;
}
.admin .string::after, .admin .uri::after {
  content: close-quote ";";
}
.admin .string:last-of-type::after, .admin .uri:last-of-type::after {
  content: close-quote;
}
.application-setting__list-value {
  display: block;
}
.application-setting__list-value .application-setting__value {
  display: block;
}

.page--admin--dependency-viewer.page--fullscreen .main__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 300px 1fr;
  grid-template-columns: 300px 1fr;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
      grid-template-areas: "dependency-viewer--header dependency-viewer--header" "dependency-viewer--tabs dependency-viewer--viewer";
}
.page--admin--dependency-viewer.page--fullscreen .main__header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: dependency-viewer--header;
  margin-bottom: 0;
}
.page--admin--dependency-viewer.page--fullscreen .tabs {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: dependency-viewer--tabs;
  position: static;
  padding-top: 0;
  margin: 15px;
}
.page--admin--dependency-viewer.page--fullscreen .tablist {
  padding-top: 0;
}
.page--admin--dependency-viewer.page--fullscreen .tablist__tab {
  margin-top: 0;
}
.page--admin--dependency-viewer.page--fullscreen #dependency-viewer {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  grid-area: dependency-viewer--viewer;
  position: relative;
  overflow: hidden;
  margin: 15px;
  margin-left: 0;
}
.page--admin--dependency-viewer.page--fullscreen #dependency-viewer-bottom {
  position: absolute;
  bottom: 0;
  margin: 0;
}
.page--admin--dependency-viewer.page--fullscreen .graph {
  background-color: #fff;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  cursor: grab;
}
.page--admin--dependency-viewer.page--fullscreen .graph.graph--grabbing,
.page--admin--dependency-viewer.page--fullscreen .graph.graph--grabbing .graph-node {
  cursor: grabbing;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-legend {
  font-size: 0.7em;
  text-anchor: end;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-legend-bg {
  fill: #fff;
  fill-opacity: 0.75;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-node {
  stroke-width: 1.5px;
  stroke: #666;
  fill: #fff;
  cursor: pointer;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-node.graph-node--selected {
  stroke: #333;
  fill: red;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-node.graph-node--ancestor {
  stroke: #333;
  fill: yellow;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-node.graph-node--decendant {
  stroke: #333;
  fill: royalblue;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-edge {
  stroke: #333;
  stroke-opacity: 0.4;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-edge.selected {
  stroke: black;
  stroke-opacity: 0.7;
}
.page--admin--dependency-viewer.page--fullscreen .graph .graph-overlay {
  fill: none;
  pointer-events: all;
}

.page--admin--rights .main__content {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 1fr;
  grid-template-rows: auto 1fr;
  -ms-grid-columns: 400px 1fr;
  grid-template-columns: 400px 1fr;
}
.page--admin--rights header {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
  -ms-grid-row: 1;
  grid-row: 1;
}
.page--admin--rights .rights-tree {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  padding: 0 15px;
  overflow: auto;
  scrollbar-width: thin;
}
.page--admin--rights .rights-properties {
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 2;
  grid-row: 2;
  padding: 0 15px 15px;
  border-left: 1px solid #d9d9d9;
  overflow: auto;
}

.statistics-layout {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.api--none {
  font-style: italic;
}

.page--api-overview section {
  padding-top: 2em;
  border-top: 1px solid #d9d9d9;
}
.page--api-overview dl {
  margin-top: 2em;
}

#kss-node .kss-section {
  max-width: unset;
}

.kss-style pre {
  overflow: auto;
  padding: 0;
}

.icon-btn-xs {
  width: 12px;
  height: 12px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -322px -80px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-btn-xs {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-btn-xs.disabled {
  opacity: 0.5;
}
.icon-btn-xs.icon-none {
  background: none;
}

.overlay-btn-xs {
  position: relative;
}
.overlay-btn-xs::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  content: " ";
  display: block;
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-btn-xs::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-btn-xs.overlay-none::after {
  content: none;
}

.icon-mini, .context-menu--popup .context-menu__item-icon {
  width: 16px;
  height: 16px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -270px -1140px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-mini, .context-menu--popup .context-menu__item-icon {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-mini.disabled {
  opacity: 0.5;
}
.icon-mini.icon-none {
  background: none;
}

.overlay-mini, .context-menu--popup .context-menu__item-overlay {
  position: relative;
}
.overlay-mini::after, .context-menu--popup .context-menu__item-overlay::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -252px -1140px;
  content: " ";
  display: block;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-mini::after, .context-menu--popup .context-menu__item-overlay::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-mini.overlay-none::after {
  content: none;
}

.icon-btn {
  width: 18px;
  height: 18px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -540px -1102px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-btn {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-btn.disabled {
  opacity: 0.5;
}
.icon-btn.icon-none {
  background: none;
}

.overlay-btn {
  position: relative;
}
.overlay-btn::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -520px -1102px;
  content: " ";
  display: block;
  height: 18px;
  width: 18px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-btn::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-btn.overlay-none::after {
  content: none;
}

.icon-tiny, .context-menu--dialog .context-menu__item-icon {
  width: 32px;
  height: 32px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -34px -932px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-tiny, .context-menu--dialog .context-menu__item-icon {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-tiny.disabled {
  opacity: 0.5;
}
.icon-tiny.icon-none {
  background: none;
}

.overlay-tiny, .context-menu--dialog .context-menu__item-overlay {
  position: relative;
}
.overlay-tiny::after, .context-menu--dialog .context-menu__item-overlay::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: 0 -932px;
  content: " ";
  display: block;
  height: 32px;
  width: 32px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-tiny::after, .context-menu--dialog .context-menu__item-overlay::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-tiny.overlay-none::after {
  content: none;
}

.icon-small {
  width: 48px;
  height: 48px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -600px -580px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-small {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-small.disabled {
  opacity: 0.5;
}
.icon-small.icon-none {
  background: none;
}

.overlay-small {
  position: relative;
}
.overlay-small::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -550px -580px;
  content: " ";
  display: block;
  height: 48px;
  width: 48px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-small::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-small.overlay-none::after {
  content: none;
}

.icon-normal {
  width: 64px;
  height: 64px;
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -462px -250px;
  background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon-normal {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.icon-normal.disabled {
  opacity: 0.5;
}
.icon-normal.icon-none {
  background: none;
}

.overlay-normal {
  position: relative;
}
.overlay-normal::after {
  background-image: url("sprite.png?v=1712304704174");
  background-size: 1122px 1194px;
  background-position: -396px -250px;
  content: " ";
  display: block;
  height: 64px;
  width: 64px;
  position: absolute;
  top: 0;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .overlay-normal::after {
    background-image: url("sprite@2.png?v=1712304704174");
  }
}

.overlay-normal.overlay-none::after {
  content: none;
}

.context-menu--popup .icon-explorer-file.context-menu__item-icon, .icon-explorer-file.icon-mini, .context-menu--popup .icon-standard-package.context-menu__item-icon, .icon-standard-package.icon-mini, .context-menu--popup .icon-folderfile.context-menu__item-icon, .icon-folderfile.icon-mini, .context-menu--popup .icon-file.context-menu__item-icon, .icon-file.icon-mini {
  background-position: -702px -1122px;
}

.context-menu--dialog .icon-explorer-file.context-menu__item-icon, .icon-explorer-file.icon-tiny, .context-menu--dialog .icon-standard-package.context-menu__item-icon, .icon-standard-package.icon-tiny, .context-menu--dialog .icon-folderfile.context-menu__item-icon, .icon-folderfile.icon-tiny, .context-menu--dialog .icon-file.context-menu__item-icon, .icon-file.icon-tiny {
  background-position: -918px -864px;
}

.icon-explorer-file.icon-small, .icon-standard-package.icon-small, .icon-folderfile.icon-small, .icon-file.icon-small {
  background-position: -394px -186px;
}

.icon-explorer-file.icon-normal, .icon-standard-package.icon-normal, .icon-folderfile.icon-normal, .icon-file.icon-normal {
  background-position: -262px -120px;
}

.context-menu--dialog .icon-lic.context-menu__item-icon, .icon-lic.icon-tiny, .context-menu--dialog .icon-license.context-menu__item-icon, .icon-license.icon-tiny {
  background-position: -680px -898px;
}

.context-menu--dialog .overlay-lic.context-menu__item-overlay::after, .overlay-lic.overlay-tiny::after, .context-menu--dialog .overlay-license.context-menu__item-overlay::after, .overlay-license.overlay-tiny::after {
  background-position: -374px -966px;
}

.icon-lic.icon-small, .icon-license.icon-small {
  background-position: -50px -580px;
}

.context-menu--dialog .icon-licenses.context-menu__item-icon, .icon-licenses.icon-tiny {
  background-position: -714px -898px;
}

.context-menu--dialog .icon-download-license.context-menu__item-icon, .icon-download-license.icon-tiny {
  background-position: -374px -864px;
}

.context-menu--popup .icon-onedrive-license.context-menu__item-icon, .icon-onedrive-license.icon-mini {
  background-position: -540px -1140px;
}

.context-menu--popup .icon-sharepoint-license.context-menu__item-icon, .icon-sharepoint-license.icon-mini {
  background-position: -486px -1158px;
}

.context-menu--popup .icon-powerpoint-license.context-menu__item-icon, .icon-powerpoint-license.icon-mini {
  background-position: -1080px -1140px;
}

.context-menu--dialog .icon-content-search-license.context-menu__item-icon, .icon-content-search-license.icon-tiny {
  background-position: -748px -830px;
}

.context-menu--popup .icon-csv.context-menu__item-icon, .icon-csv.icon-mini {
  background-position: -180px -1122px;
}

.context-menu--dialog .icon-csv.context-menu__item-icon, .icon-csv.icon-tiny {
  background-position: -816px -830px;
}

.icon-csv.icon-small {
  background-position: -602px -66px;
}

.icon-csv.icon-normal {
  background-position: -470px 0;
}

.context-menu--popup .icon-dll.context-menu__item-icon, .icon-dll.icon-mini {
  background-position: -324px -1122px;
}

.context-menu--dialog .icon-dll.context-menu__item-icon, .icon-dll.icon-tiny {
  background-position: 0 -864px;
}

.icon-dll.icon-small {
  background-position: -734px -66px;
}

.icon-dll.icon-normal {
  background-position: -536px 0;
}

.context-menu--popup .icon-doc.context-menu__item-icon, .icon-doc.icon-mini {
  background-position: -342px -1122px;
}

.context-menu--dialog .icon-doc.context-menu__item-icon, .icon-doc.icon-tiny {
  background-position: -34px -864px;
}

.icon-doc.icon-small {
  background-position: -800px -66px;
}

.icon-doc.icon-normal {
  background-position: -602px 0;
}

.context-menu--popup .icon-docm.context-menu__item-icon, .icon-docm.icon-mini {
  background-position: -360px -1122px;
}

.context-menu--dialog .icon-docm.context-menu__item-icon, .icon-docm.icon-tiny {
  background-position: -68px -864px;
}

.icon-docm.icon-small {
  background-position: -866px -66px;
}

.icon-docm.icon-normal {
  background-position: -668px 0;
}

.context-menu--popup .icon-docx.context-menu__item-icon, .icon-docx.icon-mini {
  background-position: -396px -1122px;
}

.context-menu--dialog .icon-docx.context-menu__item-icon, .icon-docx.icon-tiny {
  background-position: -204px -864px;
}

.icon-docx.icon-small {
  background-position: -998px -66px;
}

.icon-docx.icon-normal {
  background-position: -800px 0;
}

.context-menu--popup .icon-dot.context-menu__item-icon, .icon-dot.icon-mini {
  background-position: -414px -1122px;
}

.context-menu--dialog .icon-dot.context-menu__item-icon, .icon-dot.icon-tiny {
  background-position: -238px -864px;
}

.icon-dot.icon-small {
  background-position: -1064px 0;
}

.icon-dot.icon-normal {
  background-position: -866px 0;
}

.context-menu--popup .icon-dotm.context-menu__item-icon, .icon-dotm.icon-mini {
  background-position: -432px -1122px;
}

.context-menu--dialog .icon-dotm.context-menu__item-icon, .icon-dotm.icon-tiny {
  background-position: -272px -864px;
}

.icon-dotm.icon-small {
  background-position: -1064px -50px;
}

.icon-dotm.icon-normal {
  background-position: -932px 0;
}

.context-menu--popup .icon-dotx.context-menu__item-icon, .icon-dotx.icon-mini {
  background-position: -450px -1122px;
}

.context-menu--dialog .icon-dotx.context-menu__item-icon, .icon-dotx.icon-tiny {
  background-position: -306px -864px;
}

.icon-dotx.icon-small {
  background-position: -130px -186px;
}

.icon-dotx.icon-normal {
  background-position: -998px 0;
}

.context-menu--popup .icon-application.context-menu__item-icon, .icon-application.icon-mini, .context-menu--popup .icon-cmd.context-menu__item-icon, .icon-cmd.icon-mini, .context-menu--popup .icon-bat.context-menu__item-icon, .icon-bat.icon-mini, .context-menu--popup .icon-com.context-menu__item-icon, .icon-com.icon-mini, .context-menu--popup .icon-exe.context-menu__item-icon, .icon-exe.icon-mini {
  background-position: -630px -1122px;
}

.context-menu--dialog .icon-application.context-menu__item-icon, .icon-application.icon-tiny, .context-menu--dialog .icon-cmd.context-menu__item-icon, .icon-cmd.icon-tiny, .context-menu--dialog .icon-bat.context-menu__item-icon, .icon-bat.icon-tiny, .context-menu--dialog .icon-com.context-menu__item-icon, .icon-com.icon-tiny, .context-menu--dialog .icon-exe.context-menu__item-icon, .icon-exe.icon-tiny {
  background-position: -714px -864px;
}

.icon-application.icon-small, .icon-cmd.icon-small, .icon-bat.icon-small, .icon-com.icon-small, .icon-exe.icon-small {
  background-position: -328px -186px;
}

.icon-application.icon-normal, .icon-cmd.icon-normal, .icon-bat.icon-normal, .icon-com.icon-normal, .icon-exe.icon-normal {
  background-position: -196px -120px;
}

.context-menu--popup .icon-htm.context-menu__item-icon, .icon-htm.icon-mini, .context-menu--popup .icon-html.context-menu__item-icon, .icon-html.icon-mini {
  background-position: -882px -1122px;
}

.context-menu--dialog .icon-htm.context-menu__item-icon, .icon-htm.icon-tiny, .context-menu--dialog .icon-html.context-menu__item-icon, .icon-html.icon-tiny {
  background-position: -238px -898px;
}

.icon-htm.icon-small, .icon-html.icon-small {
  background-position: -1054px -186px;
}

.icon-htm.icon-normal, .icon-html.icon-normal {
  background-position: -856px -120px;
}

.context-menu--popup .icon-logo.context-menu__item-icon, .icon-logo.icon-mini, .context-menu--popup .icon-jpe.context-menu__item-icon, .icon-jpe.icon-mini, .context-menu--popup .icon-jpg.context-menu__item-icon, .icon-jpg.icon-mini, .context-menu--popup .icon-gif.context-menu__item-icon, .icon-gif.icon-mini, .context-menu--popup .icon-bmp.context-menu__item-icon, .icon-bmp.icon-mini, .context-menu--popup .icon-png.context-menu__item-icon, .icon-png.icon-mini, .context-menu--popup .icon-image.context-menu__item-icon, .icon-image.icon-mini {
  background-position: -918px -1122px;
}

.context-menu--dialog .icon-logo.context-menu__item-icon, .icon-logo.icon-tiny, .context-menu--dialog .icon-jpe.context-menu__item-icon, .icon-jpe.icon-tiny, .context-menu--dialog .icon-jpg.context-menu__item-icon, .icon-jpg.icon-tiny, .context-menu--dialog .icon-gif.context-menu__item-icon, .icon-gif.icon-tiny, .context-menu--dialog .icon-bmp.context-menu__item-icon, .icon-bmp.icon-tiny, .context-menu--dialog .icon-png.context-menu__item-icon, .icon-png.icon-tiny, .context-menu--dialog .icon-image.context-menu__item-icon, .icon-image.icon-tiny {
  background-position: -306px -898px;
}

.context-menu--dialog .overlay-logo.context-menu__item-overlay::after, .overlay-logo.overlay-tiny::after, .context-menu--dialog .overlay-jpe.context-menu__item-overlay::after, .overlay-jpe.overlay-tiny::after, .context-menu--dialog .overlay-jpg.context-menu__item-overlay::after, .overlay-jpg.overlay-tiny::after, .context-menu--dialog .overlay-gif.context-menu__item-overlay::after, .overlay-gif.overlay-tiny::after, .context-menu--dialog .overlay-bmp.context-menu__item-overlay::after, .overlay-bmp.overlay-tiny::after, .context-menu--dialog .overlay-png.context-menu__item-overlay::after, .overlay-png.overlay-tiny::after, .context-menu--dialog .overlay-image.context-menu__item-overlay::after, .overlay-image.overlay-tiny::after {
  background-position: -306px -966px;
}

.icon-logo.icon-small, .icon-jpe.icon-small, .icon-jpg.icon-small, .icon-gif.icon-small, .icon-bmp.icon-small, .icon-png.icon-small, .icon-image.icon-small {
  background-position: -858px -514px;
}

.overlay-logo.overlay-small::after, .overlay-jpe.overlay-small::after, .overlay-jpg.overlay-small::after, .overlay-gif.overlay-small::after, .overlay-bmp.overlay-small::after, .overlay-png.overlay-small::after, .overlay-image.overlay-small::after {
  background-position: -650px -630px;
}

.icon-logo.icon-normal, .icon-jpe.icon-normal, .icon-jpg.icon-normal, .icon-gif.icon-normal, .icon-bmp.icon-normal, .icon-png.icon-normal, .icon-image.icon-normal {
  background-position: -922px -120px;
}

.context-menu--popup .icon-images.context-menu__item-icon, .icon-images.icon-mini, .context-menu--popup .icon-logo-group.context-menu__item-icon, .icon-logo-group.icon-mini {
  background-position: -936px -1122px;
}

.context-menu--dialog .icon-images.context-menu__item-icon, .icon-images.icon-tiny, .context-menu--dialog .icon-logo-group.context-menu__item-icon, .icon-logo-group.icon-tiny {
  background-position: -340px -898px;
}

.context-menu--dialog .overlay-images.context-menu__item-overlay::after, .overlay-images.overlay-tiny::after, .context-menu--dialog .overlay-logo-group.context-menu__item-overlay::after, .overlay-logo-group.overlay-tiny::after {
  background-position: -340px -966px;
}

.icon-images.icon-small, .icon-logo-group.icon-small {
  background-position: -908px -514px;
}

.overlay-images.overlay-small::after, .overlay-logo-group.overlay-small::after {
  background-position: -700px -630px;
}

.icon-images.icon-normal, .icon-logo-group.icon-normal {
  background-position: -988px -120px;
}

.context-menu--popup .icon-infopathxml.context-menu__item-icon, .icon-infopathxml.icon-mini {
  background-position: -1044px -1122px;
}

.context-menu--dialog .icon-infopathxml.context-menu__item-icon, .icon-infopathxml.icon-tiny {
  background-position: -510px -898px;
}

.icon-infopathxml.icon-small {
  background-position: -1008px -514px;
}

.icon-infopathxml.icon-normal {
  background-position: 0 -250px;
}

.context-menu--popup .icon-json.context-menu__item-icon, .icon-json.icon-mini {
  background-position: -36px -1140px;
}

.context-menu--dialog .icon-json.context-menu__item-icon, .icon-json.icon-tiny {
  background-position: -578px -898px;
}

.icon-json.icon-small {
  background-position: -1058px -514px;
}

.icon-json.icon-normal {
  background-position: -66px -250px;
}

.context-menu--popup .icon-settings-logs.context-menu__item-icon, .icon-settings-logs.icon-mini, .context-menu--popup .icon-log.context-menu__item-icon, .icon-log.icon-mini {
  background-position: -216px -1140px;
}

.context-menu--dialog .icon-settings-logs.context-menu__item-icon, .icon-settings-logs.icon-tiny, .context-menu--dialog .icon-log.context-menu__item-icon, .icon-log.icon-tiny {
  background-position: -1020px -898px;
}

.icon-settings-logs.icon-small, .icon-log.icon-small {
  background-position: -250px -580px;
}

.icon-settings-logs.icon-normal, .icon-log.icon-normal {
  background-position: -264px -250px;
}

.context-menu--popup .icon-mdb.context-menu__item-icon, .icon-mdb.icon-mini {
  background-position: -234px -1140px;
}

.context-menu--dialog .icon-mdb.context-menu__item-icon, .icon-mdb.icon-tiny {
  background-position: -1088px -898px;
}

.icon-mdb.icon-small {
  background-position: -500px -580px;
}

.icon-mdb.icon-normal {
  background-position: -330px -250px;
}

.context-menu--popup .icon-odp.context-menu__item-icon, .icon-odp.icon-mini {
  background-position: -414px -1140px;
}

.context-menu--dialog .icon-odp.context-menu__item-icon, .icon-odp.icon-tiny {
  background-position: -476px -932px;
}

.icon-odp.icon-small {
  background-position: -750px -580px;
}

.icon-odp.icon-normal {
  background-position: -660px -250px;
}

.context-menu--popup .icon-ods.context-menu__item-icon, .icon-ods.icon-mini {
  background-position: -450px -1140px;
}

.context-menu--dialog .icon-ods.context-menu__item-icon, .icon-ods.icon-tiny {
  background-position: -544px -932px;
}

.icon-ods.icon-small {
  background-position: -850px -580px;
}

.icon-ods.icon-normal {
  background-position: -792px -250px;
}

.context-menu--popup .icon-odt.context-menu__item-icon, .icon-odt.icon-mini {
  background-position: -486px -1140px;
}

.context-menu--dialog .icon-odt.context-menu__item-icon, .icon-odt.icon-tiny {
  background-position: -612px -932px;
}

.icon-odt.icon-small {
  background-position: -950px -580px;
}

.icon-odt.icon-normal {
  background-position: -924px -250px;
}

.context-menu--popup .icon-one.context-menu__item-icon, .icon-one.icon-mini {
  background-position: -522px -1140px;
}

.context-menu--dialog .icon-one.context-menu__item-icon, .icon-one.icon-tiny {
  background-position: -680px -932px;
}

.icon-one.icon-small {
  background-position: -1050px -580px;
}

.icon-one.icon-normal {
  background-position: -1056px -250px;
}

.context-menu--popup .icon-onepkg.context-menu__item-icon, .icon-onepkg.icon-mini {
  background-position: -558px -1140px;
}

.context-menu--dialog .icon-onepkg.context-menu__item-icon, .icon-onepkg.icon-tiny {
  background-position: -714px -932px;
}

.icon-onepkg.icon-small {
  background-position: 0 -630px;
}

.icon-onepkg.icon-normal {
  background-position: 0 -316px;
}

.context-menu--popup .icon-onetoc2.context-menu__item-icon, .icon-onetoc2.icon-mini, .context-menu--popup .icon-onetoc.context-menu__item-icon, .icon-onetoc.icon-mini {
  background-position: -576px -1140px;
}

.context-menu--dialog .icon-onetoc2.context-menu__item-icon, .icon-onetoc2.icon-tiny, .context-menu--dialog .icon-onetoc.context-menu__item-icon, .icon-onetoc.icon-tiny {
  background-position: -748px -932px;
}

.icon-onetoc2.icon-small, .icon-onetoc.icon-small {
  background-position: -50px -630px;
}

.icon-onetoc2.icon-normal, .icon-onetoc.icon-normal {
  background-position: -66px -316px;
}

.context-menu--popup .icon-pdf.context-menu__item-icon, .icon-pdf.icon-mini {
  background-position: -864px -1140px;
}

.context-menu--dialog .icon-pdf.context-menu__item-icon, .icon-pdf.icon-tiny {
  background-position: 0 -1000px;
}

.icon-pdf.icon-small {
  background-position: -400px -680px;
}

.icon-pdf.icon-normal {
  background-position: -726px -316px;
}

.context-menu--popup .icon-pot.context-menu__item-icon, .icon-pot.icon-mini {
  background-position: -1026px -1140px;
}

.context-menu--dialog .icon-pot.context-menu__item-icon, .icon-pot.icon-tiny {
  background-position: -204px -1000px;
}

.icon-pot.icon-small {
  background-position: -600px -680px;
}

.icon-pot.icon-normal {
  background-position: -1056px -316px;
}

.context-menu--popup .icon-potm.context-menu__item-icon, .icon-potm.icon-mini {
  background-position: -1044px -1140px;
}

.context-menu--dialog .icon-potm.context-menu__item-icon, .icon-potm.icon-tiny {
  background-position: -238px -1000px;
}

.icon-potm.icon-small {
  background-position: -650px -680px;
}

.icon-potm.icon-normal {
  background-position: 0 -382px;
}

.context-menu--popup .icon-potx.context-menu__item-icon, .icon-potx.icon-mini {
  background-position: -1062px -1140px;
}

.context-menu--dialog .icon-potx.context-menu__item-icon, .icon-potx.icon-tiny {
  background-position: -272px -1000px;
}

.icon-potx.icon-small {
  background-position: -700px -680px;
}

.icon-potx.icon-normal {
  background-position: -66px -382px;
}

.context-menu--popup .icon-pps.context-menu__item-icon, .icon-pps.icon-mini {
  background-position: -1098px -1140px;
}

.context-menu--dialog .icon-pps.context-menu__item-icon, .icon-pps.icon-tiny {
  background-position: -340px -1000px;
}

.icon-pps.icon-small {
  background-position: -750px -680px;
}

.icon-pps.icon-normal {
  background-position: -132px -382px;
}

.context-menu--popup .icon-ppsm.context-menu__item-icon, .icon-ppsm.icon-mini {
  background-position: 0 -1158px;
}

.context-menu--dialog .icon-ppsm.context-menu__item-icon, .icon-ppsm.icon-tiny {
  background-position: -374px -1000px;
}

.icon-ppsm.icon-small {
  background-position: -800px -680px;
}

.icon-ppsm.icon-normal {
  background-position: -198px -382px;
}

.context-menu--popup .icon-ppsx.context-menu__item-icon, .icon-ppsx.icon-mini {
  background-position: -18px -1158px;
}

.context-menu--dialog .icon-ppsx.context-menu__item-icon, .icon-ppsx.icon-tiny {
  background-position: -408px -1000px;
}

.icon-ppsx.icon-small {
  background-position: -850px -680px;
}

.icon-ppsx.icon-normal {
  background-position: -264px -382px;
}

.context-menu--popup .icon-ppt.context-menu__item-icon, .icon-ppt.icon-mini {
  background-position: -54px -1158px;
}

.context-menu--dialog .icon-ppt.context-menu__item-icon, .icon-ppt.icon-tiny {
  background-position: -476px -1000px;
}

.icon-ppt.icon-small {
  background-position: -950px -680px;
}

.icon-ppt.icon-normal {
  background-position: -396px -382px;
}

.context-menu--popup .icon-pptm.context-menu__item-icon, .icon-pptm.icon-mini {
  background-position: -72px -1158px;
}

.context-menu--dialog .icon-pptm.context-menu__item-icon, .icon-pptm.icon-tiny {
  background-position: -510px -1000px;
}

.icon-pptm.icon-small {
  background-position: -1000px -680px;
}

.icon-pptm.icon-normal {
  background-position: -462px -382px;
}

.context-menu--popup .icon-pptx.context-menu__item-icon, .icon-pptx.icon-mini {
  background-position: -90px -1158px;
}

.context-menu--dialog .icon-pptx.context-menu__item-icon, .icon-pptx.icon-tiny {
  background-position: -544px -1000px;
}

.icon-pptx.icon-small {
  background-position: -1050px -680px;
}

.icon-pptx.icon-normal {
  background-position: -528px -382px;
}

.context-menu--popup .icon-pub.context-menu__item-icon, .icon-pub.icon-mini {
  background-position: -162px -1158px;
}

.context-menu--dialog .icon-pub.context-menu__item-icon, .icon-pub.icon-tiny {
  background-position: -646px -1000px;
}

.icon-pub.icon-small {
  background-position: -150px -730px;
}

.icon-pub.icon-normal {
  background-position: -660px -382px;
}

.context-menu--popup .icon-pubhtml.context-menu__item-icon, .icon-pubhtml.icon-mini {
  background-position: -180px -1158px;
}

.context-menu--dialog .icon-pubhtml.context-menu__item-icon, .icon-pubhtml.icon-tiny {
  background-position: -680px -1000px;
}

.icon-pubhtml.icon-small {
  background-position: -200px -730px;
}

.icon-pubhtml.icon-normal {
  background-position: -726px -382px;
}

.context-menu--popup .icon-pubmhtml.context-menu__item-icon, .icon-pubmhtml.icon-mini {
  background-position: -198px -1158px;
}

.context-menu--dialog .icon-pubmhtml.context-menu__item-icon, .icon-pubmhtml.icon-tiny {
  background-position: -714px -1000px;
}

.icon-pubmhtml.icon-small {
  background-position: -250px -730px;
}

.icon-pubmhtml.icon-normal {
  background-position: -792px -382px;
}

.context-menu--popup .icon-rtf.context-menu__item-icon, .icon-rtf.icon-mini {
  background-position: -342px -1158px;
}

.context-menu--dialog .icon-rtf.context-menu__item-icon, .icon-rtf.icon-tiny {
  background-position: -1020px -1000px;
}

.icon-rtf.icon-small {
  background-position: -350px -730px;
}

.icon-rtf.icon-normal {
  background-position: -858px -382px;
}

.context-menu--popup .icon-thmx.context-menu__item-icon, .icon-thmx.icon-mini {
  background-position: -954px -1158px;
}

.context-menu--dialog .icon-thmx.context-menu__item-icon, .icon-thmx.icon-tiny {
  background-position: -1088px -1034px;
}

.icon-thmx.icon-small {
  background-position: -950px -730px;
}

.icon-thmx.icon-normal {
  background-position: -462px -448px;
}

.context-menu--popup .icon-api-concepts.context-menu__item-icon, .icon-api-concepts.icon-mini, .context-menu--popup .icon-txt.context-menu__item-icon, .icon-txt.icon-mini {
  background-position: -972px -1158px;
}

.context-menu--dialog .icon-api-concepts.context-menu__item-icon, .icon-api-concepts.icon-tiny, .context-menu--dialog .icon-txt.context-menu__item-icon, .icon-txt.icon-tiny {
  background-position: -102px -1068px;
}

.icon-api-concepts.icon-small, .icon-txt.icon-small {
  background-position: -1000px -730px;
}

.icon-api-concepts.icon-normal, .icon-txt.icon-normal {
  background-position: -528px -448px;
}

.context-menu--popup .icon-url-file.context-menu__item-icon, .icon-url-file.icon-mini, .context-menu--popup .icon-url.context-menu__item-icon, .icon-url.icon-mini {
  background-position: -1044px -1158px;
}

.context-menu--dialog .icon-url-file.context-menu__item-icon, .icon-url-file.icon-tiny, .context-menu--dialog .icon-url.context-menu__item-icon, .icon-url.icon-tiny {
  background-position: -204px -1068px;
}

.icon-url-file.icon-small, .icon-url.icon-small {
  background-position: -1050px -730px;
}

.icon-url-file.icon-normal, .icon-url.icon-normal {
  background-position: -594px -448px;
}

.context-menu--popup .icon-vsdx.context-menu__item-icon, .icon-vsdx.icon-mini {
  background-position: -1098px -1158px;
}

.context-menu--dialog .icon-vsdx.context-menu__item-icon, .icon-vsdx.icon-tiny {
  background-position: -272px -1068px;
}

.icon-vsdx.icon-small {
  background-position: -50px -780px;
}

.icon-vsdx.icon-normal {
  background-position: -726px -448px;
}

.context-menu--popup .icon-vssx.context-menu__item-icon, .icon-vssx.icon-mini {
  background-position: 0 -1176px;
}

.context-menu--dialog .icon-vssx.context-menu__item-icon, .icon-vssx.icon-tiny {
  background-position: -306px -1068px;
}

.icon-vssx.icon-small {
  background-position: -100px -780px;
}

.icon-vssx.icon-normal {
  background-position: -792px -448px;
}

.context-menu--popup .icon-vstx.context-menu__item-icon, .icon-vstx.icon-mini {
  background-position: -18px -1176px;
}

.context-menu--dialog .icon-vstx.context-menu__item-icon, .icon-vstx.icon-tiny {
  background-position: -340px -1068px;
}

.icon-vstx.icon-small {
  background-position: -150px -780px;
}

.icon-vstx.icon-normal {
  background-position: -858px -448px;
}

.context-menu--popup .icon-xls.context-menu__item-icon, .icon-xls.icon-mini {
  background-position: -126px -1176px;
}

.context-menu--dialog .icon-xls.context-menu__item-icon, .icon-xls.icon-tiny {
  background-position: -510px -1068px;
}

.icon-xls.icon-small {
  background-position: -400px -780px;
}

.icon-xls.icon-normal {
  background-position: -66px -514px;
}

.context-menu--popup .icon-xlsb.context-menu__item-icon, .icon-xlsb.icon-mini {
  background-position: -144px -1176px;
}

.context-menu--dialog .icon-xlsb.context-menu__item-icon, .icon-xlsb.icon-tiny {
  background-position: -544px -1068px;
}

.icon-xlsb.icon-small {
  background-position: -450px -780px;
}

.icon-xlsb.icon-normal {
  background-position: -132px -514px;
}

.context-menu--popup .icon-xlsm.context-menu__item-icon, .icon-xlsm.icon-mini {
  background-position: -162px -1176px;
}

.context-menu--dialog .icon-xlsm.context-menu__item-icon, .icon-xlsm.icon-tiny {
  background-position: -578px -1068px;
}

.icon-xlsm.icon-small {
  background-position: -500px -780px;
}

.icon-xlsm.icon-normal {
  background-position: -198px -514px;
}

.context-menu--popup .icon-xlsx.context-menu__item-icon, .icon-xlsx.icon-mini {
  background-position: -180px -1176px;
}

.context-menu--dialog .icon-xlsx.context-menu__item-icon, .icon-xlsx.icon-tiny {
  background-position: -612px -1068px;
}

.icon-xlsx.icon-small {
  background-position: -550px -780px;
}

.icon-xlsx.icon-normal {
  background-position: -264px -514px;
}

.context-menu--popup .icon-xlt.context-menu__item-icon, .icon-xlt.icon-mini {
  background-position: -198px -1176px;
}

.context-menu--dialog .icon-xlt.context-menu__item-icon, .icon-xlt.icon-tiny {
  background-position: -646px -1068px;
}

.icon-xlt.icon-small {
  background-position: -600px -780px;
}

.icon-xlt.icon-normal {
  background-position: -330px -514px;
}

.context-menu--popup .icon-xltm.context-menu__item-icon, .icon-xltm.icon-mini {
  background-position: -216px -1176px;
}

.context-menu--dialog .icon-xltm.context-menu__item-icon, .icon-xltm.icon-tiny {
  background-position: -680px -1068px;
}

.icon-xltm.icon-small {
  background-position: -650px -780px;
}

.icon-xltm.icon-normal {
  background-position: -396px -514px;
}

.context-menu--popup .icon-xltx.context-menu__item-icon, .icon-xltx.icon-mini {
  background-position: -234px -1176px;
}

.context-menu--dialog .icon-xltx.context-menu__item-icon, .icon-xltx.icon-tiny {
  background-position: -714px -1068px;
}

.icon-xltx.icon-small {
  background-position: -700px -780px;
}

.icon-xltx.icon-normal {
  background-position: -462px -514px;
}

.context-menu--popup .icon-xlw.context-menu__item-icon, .icon-xlw.icon-mini {
  background-position: -252px -1176px;
}

.context-menu--dialog .icon-xlw.context-menu__item-icon, .icon-xlw.icon-tiny {
  background-position: -748px -1068px;
}

.icon-xlw.icon-small {
  background-position: -750px -780px;
}

.icon-xlw.icon-normal {
  background-position: -528px -514px;
}

.context-menu--popup .icon-xml.context-menu__item-icon, .icon-xml.icon-mini {
  background-position: -306px -1176px;
}

.context-menu--dialog .icon-xml.context-menu__item-icon, .icon-xml.icon-tiny {
  background-position: -850px -1068px;
}

.icon-xml.icon-small {
  background-position: -800px -780px;
}

.icon-xml.icon-normal {
  background-position: -594px -514px;
}

.context-menu--popup .icon-xsf.context-menu__item-icon, .icon-xsf.icon-mini {
  background-position: -324px -1176px;
}

.context-menu--dialog .icon-xsf.context-menu__item-icon, .icon-xsf.icon-tiny {
  background-position: -884px -1068px;
}

.icon-xsf.icon-small {
  background-position: -850px -780px;
}

.icon-xsf.icon-normal {
  background-position: -660px -514px;
}

.context-menu--popup .icon-xsn.context-menu__item-icon, .icon-xsn.icon-mini {
  background-position: -342px -1176px;
}

.context-menu--dialog .icon-xsn.context-menu__item-icon, .icon-xsn.icon-tiny {
  background-position: -918px -1068px;
}

.icon-xsn.icon-small {
  background-position: -900px -780px;
}

.icon-xsn.icon-normal {
  background-position: -726px -514px;
}

.context-menu--popup .icon-zip.context-menu__item-icon, .icon-zip.icon-mini {
  background-position: -378px -1176px;
}

.context-menu--dialog .icon-zip.context-menu__item-icon, .icon-zip.icon-tiny {
  background-position: -952px -1068px;
}

.icon-zip.icon-small {
  background-position: -950px -780px;
}

.icon-zip.icon-normal {
  background-position: -792px -514px;
}

.context-menu--dialog .icon-api-definition.context-menu__item-icon, .icon-api-definition.icon-tiny {
  background-position: -34px -830px;
}

.icon-api-definition.icon-small {
  background-position: -206px -66px;
}

.icon-api-definition.icon-normal {
  background-position: -206px 0;
}

.context-menu--popup .icon-word-wizard.context-menu__item-icon, .icon-word-wizard.icon-mini, .context-menu--popup .icon-msword-model-file.context-menu__item-icon, .icon-msword-model-file.icon-mini {
  background-position: -72px -1176px;
}

.context-menu--dialog .icon-word-wizard.context-menu__item-icon, .icon-word-wizard.icon-tiny, .context-menu--dialog .icon-msword-model-file.context-menu__item-icon, .icon-msword-model-file.icon-tiny {
  background-position: -408px -1068px;
}

.icon-word-wizard.icon-small, .icon-msword-model-file.icon-small {
  background-position: -200px -780px;
}

.icon-word-wizard.icon-normal, .icon-msword-model-file.icon-normal {
  background-position: -990px -448px;
}

.context-menu--popup .icon-documentserver-model-file.context-menu__item-icon, .icon-documentserver-model-file.icon-mini {
  background-position: -378px -1122px;
}

.context-menu--dialog .icon-documentserver-model-file.context-menu__item-icon, .icon-documentserver-model-file.icon-tiny {
  background-position: -170px -864px;
}

.icon-documentserver-model-file.icon-small {
  background-position: -932px -66px;
}

.icon-documentserver-model-file.icon-normal {
  background-position: -734px 0;
}

.context-menu--popup .icon-powerpoint-wizard.context-menu__item-icon, .icon-powerpoint-wizard.icon-mini, .context-menu--popup .icon-msppt-model-file.context-menu__item-icon, .icon-msppt-model-file.icon-mini {
  background-position: -36px -1158px;
}

.context-menu--dialog .icon-powerpoint-wizard.context-menu__item-icon, .icon-powerpoint-wizard.icon-tiny, .context-menu--dialog .icon-msppt-model-file.context-menu__item-icon, .icon-msppt-model-file.icon-tiny {
  background-position: -442px -1000px;
}

.icon-powerpoint-wizard.icon-small, .icon-msppt-model-file.icon-small {
  background-position: -900px -680px;
}

.icon-powerpoint-wizard.icon-normal, .icon-msppt-model-file.icon-normal {
  background-position: -330px -382px;
}

.context-menu--popup .icon-signature.context-menu__item-icon, .icon-signature.icon-mini, .context-menu--popup .icon-msoutlook-signature-model-file.context-menu__item-icon, .icon-msoutlook-signature-model-file.icon-mini {
  background-position: -504px -1158px;
}

.context-menu--dialog .icon-signature.context-menu__item-icon, .icon-signature.icon-tiny, .context-menu--dialog .icon-msoutlook-signature-model-file.context-menu__item-icon, .icon-msoutlook-signature-model-file.icon-tiny {
  background-position: -170px -1034px;
}

.icon-signature.icon-small, .icon-msoutlook-signature-model-file.icon-small {
  background-position: -550px -730px;
}

.icon-signature.icon-normal, .icon-msoutlook-signature-model-file.icon-normal {
  background-position: -1056px -382px;
}

.context-menu--popup .icon-outlook-wizard.context-menu__item-icon, .icon-outlook-wizard.icon-mini, .context-menu--popup .icon-msoutlook-message-model-file.context-menu__item-icon, .icon-msoutlook-message-model-file.icon-mini {
  background-position: -612px -1140px;
}

.context-menu--dialog .icon-outlook-wizard.context-menu__item-icon, .icon-outlook-wizard.icon-tiny, .context-menu--dialog .icon-msoutlook-message-model-file.context-menu__item-icon, .icon-msoutlook-message-model-file.icon-tiny {
  background-position: -918px -932px;
}

.icon-outlook-wizard.icon-small, .icon-msoutlook-message-model-file.icon-small {
  background-position: -150px -630px;
}

.icon-outlook-wizard.icon-normal, .icon-msoutlook-message-model-file.icon-normal {
  background-position: -198px -316px;
}

.context-menu--popup .icon-excel-wizard.context-menu__item-icon, .icon-excel-wizard.icon-mini, .context-menu--popup .icon-msexcel-model-file.context-menu__item-icon, .icon-msexcel-model-file.icon-mini {
  background-position: -612px -1122px;
}

.context-menu--dialog .icon-excel-wizard.context-menu__item-icon, .icon-excel-wizard.icon-tiny, .context-menu--dialog .icon-msexcel-model-file.context-menu__item-icon, .icon-msexcel-model-file.icon-tiny {
  background-position: -680px -864px;
}

.icon-excel-wizard.icon-small, .icon-msexcel-model-file.icon-small {
  background-position: -262px -186px;
}

.icon-excel-wizard.icon-normal, .icon-msexcel-model-file.icon-normal {
  background-position: -130px -120px;
}

.context-menu--popup .icon-dso-package.context-menu__item-icon, .icon-dso-package.icon-mini, .context-menu--popup .icon-package.context-menu__item-icon, .icon-package.icon-mini, .context-menu--popup .icon-dsop.context-menu__item-icon, .icon-dsop.icon-mini {
  background-position: -792px -1140px;
}

.context-menu--dialog .icon-dso-package.context-menu__item-icon, .icon-dso-package.icon-tiny, .context-menu--dialog .icon-package.context-menu__item-icon, .icon-package.icon-tiny, .context-menu--dialog .icon-dsop.context-menu__item-icon, .icon-dsop.icon-tiny {
  background-position: -1020px -966px;
}

.icon-dso-package.icon-small, .icon-package.icon-small, .icon-dsop.icon-small {
  background-position: -300px -680px;
}

.icon-dso-package.icon-normal, .icon-package.icon-normal, .icon-dsop.icon-normal {
  background-position: -594px -316px;
}

.context-menu--dialog .icon-snapshot.context-menu__item-icon, .icon-snapshot.icon-tiny {
  background-position: -340px -1034px;
}

.context-menu--popup .icon-standard-text.context-menu__item-icon, .icon-standard-text.icon-mini {
  background-position: -684px -1158px;
}

.context-menu--dialog .icon-standard-text.context-menu__item-icon, .icon-standard-text.icon-tiny {
  background-position: -544px -1034px;
}

.icon-standard-text.icon-small {
  background-position: -850px -730px;
}

.icon-standard-text.icon-normal {
  background-position: -330px -448px;
}

.context-menu--popup .icon-standard-word-text.context-menu__item-icon, .icon-standard-word-text.icon-mini {
  background-position: -90px -1176px;
}

.context-menu--dialog .icon-standard-word-text.context-menu__item-icon, .icon-standard-word-text.icon-tiny {
  background-position: -442px -1068px;
}

.icon-standard-word-text.icon-small {
  background-position: -250px -780px;
}

.icon-standard-word-text.icon-normal {
  background-position: -1056px -448px;
}

.context-menu--popup .icon-standard-document.context-menu__item-icon, .icon-standard-document.icon-mini {
  background-position: -648px -1158px;
}

.context-menu--dialog .icon-standard-document.context-menu__item-icon, .icon-standard-document.icon-tiny {
  background-position: -476px -1034px;
}

.icon-standard-document.icon-small {
  background-position: -750px -730px;
}

.icon-standard-document.icon-normal {
  background-position: -198px -448px;
}

.context-menu--popup .icon-api-post.context-menu__item-icon, .icon-api-post.icon-mini, .context-menu--popup .icon-envelope.context-menu__item-icon, .icon-envelope.icon-mini {
  background-position: -594px -1122px;
}

.icon-api-post.icon-btn, .icon-envelope.icon-btn {
  background-position: -160px -1102px;
}

.context-menu--dialog .icon-api-post.context-menu__item-icon, .icon-api-post.icon-tiny, .context-menu--dialog .icon-envelope.context-menu__item-icon, .icon-envelope.icon-tiny {
  background-position: -612px -864px;
}

.context-menu--popup .icon-standard-presentation.context-menu__item-icon, .icon-standard-presentation.icon-mini {
  background-position: -666px -1158px;
}

.context-menu--dialog .icon-standard-presentation.context-menu__item-icon, .icon-standard-presentation.icon-tiny {
  background-position: -510px -1034px;
}

.icon-standard-presentation.icon-small {
  background-position: -800px -730px;
}

.icon-standard-presentation.icon-normal {
  background-position: -264px -448px;
}

.icon-standard-leaflet.icon-small {
  background-position: -50px -730px;
}

.icon-standard-prepress-model-file.icon-small {
  background-position: 0 -730px;
}

.context-menu--popup .icon-slide-chooser-slide.context-menu__item-icon, .icon-slide-chooser-slide.icon-mini {
  background-position: -558px -1158px;
}

.context-menu--dialog .icon-slide-chooser-slide.context-menu__item-icon, .icon-slide-chooser-slide.icon-tiny {
  background-position: -272px -1034px;
}

.icon-slide-chooser-slide.icon-small {
  background-position: -700px -730px;
}

.icon-slide-chooser-slide.icon-normal {
  background-position: -132px -448px;
}

.context-menu--popup .icon-powerpoint-slide.context-menu__item-icon, .icon-powerpoint-slide.icon-mini {
  background-position: -540px -1158px;
}

.context-menu--dialog .icon-powerpoint-slide.context-menu__item-icon, .icon-powerpoint-slide.icon-tiny {
  background-position: -238px -1034px;
}

.icon-powerpoint-slide.icon-small {
  background-position: -650px -730px;
}

.icon-powerpoint-slide.icon-normal {
  background-position: -66px -448px;
}

.context-menu--popup .icon-book-browse.context-menu__item-icon, .icon-book-browse.icon-mini, .context-menu--popup .icon-book-closed.context-menu__item-icon, .icon-book-closed.icon-mini, .context-menu--popup .icon-book.context-menu__item-icon, .icon-book.icon-mini {
  background-position: -1100px -1102px;
}

.context-menu--dialog .icon-book-browse.context-menu__item-icon, .icon-book-browse.icon-tiny, .context-menu--dialog .icon-book-closed.context-menu__item-icon, .icon-book-closed.icon-tiny, .context-menu--dialog .icon-book.context-menu__item-icon, .icon-book.icon-tiny {
  background-position: -204px -830px;
}

.context-menu--dialog .overlay-book-browse.context-menu__item-overlay::after, .overlay-book-browse.overlay-tiny::after, .context-menu--dialog .overlay-book-closed.context-menu__item-overlay::after, .overlay-book-closed.overlay-tiny::after, .context-menu--dialog .overlay-book.context-menu__item-overlay::after, .overlay-book.overlay-tiny::after {
  background-position: -1020px -932px;
}

.icon-book-browse.icon-small, .icon-book-closed.icon-small, .icon-book.icon-small {
  background-position: -272px -66px;
}

.context-menu--popup .icon-book-open.context-menu__item-icon, .icon-book-open.icon-mini {
  background-position: -18px -1122px;
}

.icon-book-open.icon-btn {
  background-position: -1100px -730px;
}

.context-menu--dialog .icon-book-open.context-menu__item-icon, .icon-book-open.icon-tiny {
  background-position: -238px -830px;
}

.context-menu--dialog .overlay-book-open.context-menu__item-overlay::after, .overlay-book-open.overlay-tiny::after {
  background-position: -1054px -932px;
}

.context-menu--popup .icon-media-folder.context-menu__item-icon, .icon-media-folder.icon-mini, .context-menu--popup .icon-media-shortcuts-folder.context-menu__item-icon, .icon-media-shortcuts-folder.icon-mini, .context-menu--popup .icon-slide-chooser-category.context-menu__item-icon, .icon-slide-chooser-category.icon-mini, .context-menu--popup .icon-slide-chooser-folder.context-menu__item-icon, .icon-slide-chooser-folder.icon-mini, .context-menu--popup .icon-presentation-folder.context-menu__item-icon, .icon-presentation-folder.icon-mini, .context-menu--popup .icon-folder.context-menu__item-icon, .icon-folder.icon-mini {
  background-position: -774px -1122px;
}

.context-menu--dialog .icon-media-folder.context-menu__item-icon, .icon-media-folder.icon-tiny, .context-menu--dialog .icon-media-shortcuts-folder.context-menu__item-icon, .icon-media-shortcuts-folder.icon-tiny, .context-menu--dialog .icon-slide-chooser-category.context-menu__item-icon, .icon-slide-chooser-category.icon-tiny, .context-menu--dialog .icon-slide-chooser-folder.context-menu__item-icon, .icon-slide-chooser-folder.icon-tiny, .context-menu--dialog .icon-presentation-folder.context-menu__item-icon, .icon-presentation-folder.icon-tiny, .context-menu--dialog .icon-folder.context-menu__item-icon, .icon-folder.icon-tiny {
  background-position: -1088px -864px;
}

.icon-media-folder.icon-small, .icon-media-shortcuts-folder.icon-small, .icon-slide-chooser-category.icon-small, .icon-slide-chooser-folder.icon-small, .icon-presentation-folder.icon-small, .icon-folder.icon-small {
  background-position: -658px -186px;
}

.icon-media-folder.icon-normal, .icon-media-shortcuts-folder.icon-normal, .icon-slide-chooser-category.icon-normal, .icon-slide-chooser-folder.icon-normal, .icon-presentation-folder.icon-normal, .icon-folder.icon-normal {
  background-position: -526px -120px;
}

.context-menu--popup .icon-browse.context-menu__item-icon, .icon-browse.icon-mini, .context-menu--popup .icon-open.context-menu__item-icon, .icon-open.icon-mini, .context-menu--popup .icon-explore.context-menu__item-icon, .icon-explore.icon-mini, .context-menu--popup .icon-folder-open.context-menu__item-icon, .icon-folder-open.icon-mini {
  background-position: -756px -1122px;
}

.icon-browse.icon-btn, .icon-open.icon-btn, .icon-explore.icon-btn, .icon-folder-open.icon-btn {
  background-position: -240px -1102px;
}

.context-menu--dialog .icon-browse.context-menu__item-icon, .icon-browse.icon-tiny, .context-menu--dialog .icon-open.context-menu__item-icon, .icon-open.icon-tiny, .context-menu--dialog .icon-explore.context-menu__item-icon, .icon-explore.icon-tiny, .context-menu--dialog .icon-folder-open.context-menu__item-icon, .icon-folder-open.icon-tiny {
  background-position: -1054px -864px;
}

.icon-browse.icon-small, .icon-open.icon-small, .icon-explore.icon-small, .icon-folder-open.icon-small {
  background-position: -592px -186px;
}

.icon-browse.icon-normal, .icon-open.icon-normal, .icon-explore.icon-normal, .icon-folder-open.icon-normal {
  background-position: -460px -120px;
}

.context-menu--popup .icon-folder-empty.context-menu__item-icon, .icon-folder-empty.icon-mini {
  background-position: -738px -1122px;
}

.context-menu--dialog .icon-folder-empty.context-menu__item-icon, .icon-folder-empty.icon-tiny {
  background-position: -1020px -864px;
}

.icon-folder-empty.icon-small {
  background-position: -526px -186px;
}

.icon-folder-empty.icon-normal {
  background-position: -394px -120px;
}

.context-menu--popup .icon-folder-empty-open.context-menu__item-icon, .icon-folder-empty-open.icon-mini {
  background-position: -720px -1122px;
}

.context-menu--dialog .icon-folder-empty-open.context-menu__item-icon, .icon-folder-empty-open.icon-tiny {
  background-position: -986px -864px;
}

.icon-folder-empty-open.icon-small {
  background-position: -460px -186px;
}

.icon-folder-empty-open.icon-normal {
  background-position: -328px -120px;
}

.icon-parent-folder.icon-small {
  background-position: -350px -680px;
}

.context-menu--popup .icon-favourites.context-menu__item-icon, .icon-favourites.icon-mini, .context-menu--popup .icon-favourite.context-menu__item-icon, .icon-favourite.icon-mini {
  background-position: -666px -1122px;
}

.context-menu--popup .overlay-favourites.context-menu__item-overlay::after, .overlay-favourites.overlay-mini::after, .context-menu--popup .overlay-favourite.context-menu__item-overlay::after, .overlay-favourite.overlay-mini::after {
  background-position: -702px -1140px;
  left: -3px;
}

.context-menu--dialog .icon-favourites.context-menu__item-icon, .icon-favourites.icon-tiny, .context-menu--dialog .icon-favourite.context-menu__item-icon, .icon-favourite.icon-tiny {
  background-position: -816px -864px;
}

.context-menu--dialog .overlay-favourites.context-menu__item-overlay::after, .overlay-favourites.overlay-tiny::after, .context-menu--dialog .overlay-favourite.context-menu__item-overlay::after, .overlay-favourite.overlay-tiny::after {
  background-position: -136px -966px;
}

.overlay-favourites.overlay-small::after, .overlay-favourite.overlay-small::after {
  background-position: -450px -630px;
}

.overlay-favourites.overlay-normal::after, .overlay-favourite.overlay-normal::after {
  background-position: -396px -316px;
}

.context-menu--dialog .icon-recent.context-menu__item-icon, .icon-recent.icon-tiny {
  background-position: -782px -1000px;
}

.context-menu--popup .overlay-shared.context-menu__item-overlay::after, .overlay-shared.overlay-mini::after {
  background-position: -774px -1140px;
  left: 3px;
}

.context-menu--dialog .overlay-shared.context-menu__item-overlay::after, .overlay-shared.overlay-tiny::after {
  background-position: -850px -966px;
}

.overlay-shared.overlay-small::after {
  background-position: -100px -680px;
}

.overlay-shared.overlay-normal::after {
  background-position: -528px -316px;
}

.context-menu--popup .overlay-readonly.context-menu__item-overlay::after, .overlay-readonly.overlay-mini::after {
  background-position: -756px -1140px;
  left: 3px;
}

.context-menu--dialog .overlay-readonly.context-menu__item-overlay::after, .overlay-readonly.overlay-tiny::after {
  background-position: -680px -966px;
}

.overlay-readonly.overlay-small::after {
  background-position: -1050px -630px;
}

.overlay-readonly.overlay-normal::after {
  background-position: -462px -316px;
}

.context-menu--popup .icon-new.context-menu__item-icon, .icon-new.icon-mini {
  background-position: -324px -1140px;
}

.context-menu--popup .overlay-new.context-menu__item-overlay::after, .overlay-new.overlay-mini::after {
  background-position: -720px -1140px;
  left: -3px;
}

.context-menu--dialog .icon-new.context-menu__item-icon, .icon-new.icon-tiny {
  background-position: -204px -932px;
}

.context-menu--dialog .overlay-new.context-menu__item-overlay::after, .overlay-new.overlay-tiny::after {
  background-position: -510px -966px;
}

.overlay-new.overlay-small::after {
  background-position: -850px -630px;
}

.icon-edited.icon-btn-xs, .icon-edit.icon-btn-xs {
  background-position: -256px -80px;
}

.context-menu--popup .icon-edited.context-menu__item-icon, .icon-edited.icon-mini, .context-menu--popup .icon-edit.context-menu__item-icon, .icon-edit.icon-mini {
  background-position: -558px -1122px;
}

.context-menu--popup .overlay-edited.context-menu__item-overlay::after, .overlay-edited.overlay-mini::after, .context-menu--popup .overlay-edit.context-menu__item-overlay::after, .overlay-edit.overlay-mini::after {
  background-position: -684px -1140px;
  left: -3px;
}

.context-menu--dialog .icon-edited.context-menu__item-icon, .icon-edited.icon-tiny, .context-menu--dialog .icon-edit.context-menu__item-icon, .icon-edit.icon-tiny {
  background-position: -544px -864px;
}

.context-menu--dialog .overlay-edited.context-menu__item-overlay::after, .overlay-edited.overlay-tiny::after, .context-menu--dialog .overlay-edit.context-menu__item-overlay::after, .overlay-edit.overlay-tiny::after {
  background-position: -102px -966px;
}

.context-menu--popup .icon-preview.context-menu__item-icon, .icon-preview.icon-mini {
  background-position: -108px -1158px;
}

.context-menu--dialog .icon-preview.context-menu__item-icon, .icon-preview.icon-tiny {
  background-position: -578px -1000px;
}

.context-menu--dialog .overlay-updated.context-menu__item-overlay::after, .overlay-updated.overlay-tiny::after {
  background-position: -952px -966px;
}

.context-menu--popup .icon-update-document.context-menu__item-icon, .icon-update-document.icon-mini, .context-menu--popup .icon-refresh.context-menu__item-icon, .icon-refresh.icon-mini {
  background-position: -270px -1158px;
}

.icon-update-document.icon-btn, .icon-refresh.icon-btn {
  background-position: -740px -1102px;
}

.context-menu--dialog .icon-update-document.context-menu__item-icon, .icon-update-document.icon-tiny, .context-menu--dialog .icon-refresh.context-menu__item-icon, .icon-refresh.icon-tiny {
  background-position: -850px -1000px;
}

.context-menu--dialog .overlay-auto-refresh.context-menu__item-overlay::after, .overlay-auto-refresh.overlay-tiny::after {
  background-position: -986px -932px;
}

.icon-api-delete.icon-btn-xs, .icon-deleted.icon-btn-xs, .icon-delete.icon-btn-xs {
  background-position: -190px -66px;
}

.context-menu--popup .icon-api-delete.context-menu__item-icon, .icon-api-delete.icon-mini, .context-menu--popup .icon-deleted.context-menu__item-icon, .icon-deleted.icon-mini, .context-menu--popup .icon-delete.context-menu__item-icon, .icon-delete.icon-mini {
  background-position: -288px -1122px;
}

.context-menu--popup .overlay-api-delete.context-menu__item-overlay::after, .overlay-api-delete.overlay-mini::after, .context-menu--popup .overlay-deleted.context-menu__item-overlay::after, .overlay-deleted.overlay-mini::after, .context-menu--popup .overlay-delete.context-menu__item-overlay::after, .overlay-delete.overlay-mini::after {
  background-position: -648px -1140px;
  left: 3px;
}

.icon-api-delete.icon-btn, .icon-deleted.icon-btn, .icon-delete.icon-btn {
  background-position: -40px -1102px;
}

.context-menu--dialog .icon-api-delete.context-menu__item-icon, .icon-api-delete.icon-tiny, .context-menu--dialog .icon-deleted.context-menu__item-icon, .icon-deleted.icon-tiny, .context-menu--dialog .icon-delete.context-menu__item-icon, .icon-delete.icon-tiny {
  background-position: -986px -830px;
}

.context-menu--dialog .overlay-api-delete.context-menu__item-overlay::after, .overlay-api-delete.overlay-tiny::after, .context-menu--dialog .overlay-deleted.context-menu__item-overlay::after, .overlay-deleted.overlay-tiny::after, .context-menu--dialog .overlay-delete.context-menu__item-overlay::after, .overlay-delete.overlay-tiny::after {
  background-position: -34px -966px;
}

.icon-api-delete.icon-small, .icon-deleted.icon-small, .icon-delete.icon-small {
  background-position: -668px -66px;
}

.overlay-api-delete.overlay-small::after, .overlay-deleted.overlay-small::after, .overlay-delete.overlay-small::after {
  background-position: -350px -630px;
}

.overlay-api-delete.overlay-normal::after, .overlay-deleted.overlay-normal::after, .overlay-delete.overlay-normal::after {
  background-position: -264px -316px;
}

.context-menu--popup .icon-reopen.context-menu__item-icon, .icon-reopen.icon-mini {
  background-position: -288px -1158px;
}

.icon-reopen.icon-btn {
  background-position: -760px -1102px;
}

.context-menu--dialog .icon-reopen.context-menu__item-icon, .icon-reopen.icon-tiny {
  background-position: -884px -1000px;
}

.icon-reopen.icon-small {
  background-position: -300px -730px;
}

.icon-assume-ownership.icon-btn {
  background-position: -1100px -650px;
}

.icon-give-ownership-user.icon-btn {
  background-position: -260px -1102px;
}

.context-menu--dialog .icon-give-ownership-user.context-menu__item-icon, .icon-give-ownership-user.icon-tiny {
  background-position: -68px -898px;
}

.context-menu--dialog .icon-settings-offergroups.context-menu__item-icon, .icon-settings-offergroups.icon-tiny, .context-menu--dialog .icon-give-ownership-group.context-menu__item-icon, .icon-give-ownership-group.icon-tiny {
  background-position: -34px -898px;
}

.context-menu--popup .icon-api-get.context-menu__item-icon, .icon-api-get.icon-mini, .context-menu--popup .icon-download.context-menu__item-icon, .icon-download.icon-mini {
  background-position: -486px -1122px;
}

.context-menu--popup .overlay-api-get.context-menu__item-overlay::after, .overlay-api-get.overlay-mini::after, .context-menu--popup .overlay-download.context-menu__item-overlay::after, .overlay-download.overlay-mini::after {
  background-position: -666px -1140px;
  left: 3px;
}

.icon-api-get.icon-btn, .icon-download.icon-btn {
  background-position: -80px -1102px;
}

.context-menu--dialog .icon-api-get.context-menu__item-icon, .icon-api-get.icon-tiny, .context-menu--dialog .icon-download.context-menu__item-icon, .icon-download.icon-tiny {
  background-position: -408px -864px;
}

.context-menu--dialog .overlay-api-get.context-menu__item-overlay::after, .overlay-api-get.overlay-tiny::after, .context-menu--dialog .overlay-download.context-menu__item-overlay::after, .overlay-download.overlay-tiny::after {
  background-position: -68px -966px;
}

.icon-api-get.icon-small, .icon-download.icon-small {
  background-position: -196px -186px;
}

.overlay-api-get.overlay-small::after, .overlay-download.overlay-small::after {
  background-position: -400px -630px;
}

.overlay-api-get.overlay-normal::after, .overlay-download.overlay-normal::after {
  background-position: -330px -316px;
}

.context-menu--popup .icon-api-put.context-menu__item-icon, .icon-api-put.icon-mini, .context-menu--popup .icon-upload.context-menu__item-icon, .icon-upload.icon-mini {
  background-position: -1026px -1158px;
}

.icon-api-put.icon-btn, .icon-upload.icon-btn {
  background-position: -1060px -1102px;
}

.context-menu--dialog .icon-api-put.context-menu__item-icon, .icon-api-put.icon-tiny, .context-menu--dialog .icon-upload.context-menu__item-icon, .icon-upload.icon-tiny {
  background-position: -170px -1068px;
}

.context-menu--dialog .overlay-api-put.context-menu__item-overlay::after, .overlay-api-put.overlay-tiny::after, .context-menu--dialog .overlay-upload.context-menu__item-overlay::after, .overlay-upload.overlay-tiny::after {
  background-position: -986px -966px;
}

.overlay-api-put.overlay-small::after, .overlay-upload.overlay-small::after {
  background-position: -250px -680px;
}

.context-menu--popup .icon-back.context-menu__item-icon, .icon-back.icon-mini {
  background-position: -1104px -204px;
}

.icon-back.icon-btn {
  background-position: -1100px -680px;
}

.context-menu--dialog .icon-back.context-menu__item-icon, .icon-back.icon-tiny {
  background-position: -136px -830px;
}

.icon-wizard-previous.icon-btn, .icon-arrow-left.icon-btn {
  background-position: -1084px -100px;
}

.icon-wizard-next.icon-btn, .icon-arrow-right.icon-btn {
  background-position: -1100px -600px;
}

.icon-move-up.icon-btn, .icon-arrow-up.icon-btn {
  background-position: -1100px -630px;
}

.icon-move-down.icon-btn, .icon-arrow-down.icon-btn {
  background-position: -1064px -100px;
}

.context-menu--popup .icon-next-file.context-menu__item-icon, .icon-next-file.icon-mini {
  background-position: -342px -1140px;
}

.context-menu--popup .icon-previous-file.context-menu__item-icon, .icon-previous-file.icon-mini {
  background-position: -126px -1158px;
}

.icon-previous-decade.icon-btn, .icon-previous-month.icon-btn, .icon-chevron-left.icon-btn {
  background-position: -1026px -1068px;
}

.context-menu--dialog .icon-previous-decade.context-menu__item-icon, .icon-previous-decade.icon-tiny, .context-menu--dialog .icon-previous-month.context-menu__item-icon, .icon-previous-month.icon-tiny, .context-menu--dialog .icon-chevron-left.context-menu__item-icon, .icon-chevron-left.icon-tiny {
  background-position: -544px -830px;
}

.icon-next-decade.icon-btn, .icon-next-month.icon-btn, .icon-chevron-right.icon-btn {
  background-position: -1046px -1068px;
}

.context-menu--dialog .icon-next-decade.context-menu__item-icon, .icon-next-decade.icon-tiny, .context-menu--dialog .icon-next-month.context-menu__item-icon, .icon-next-month.icon-tiny, .context-menu--dialog .icon-chevron-right.context-menu__item-icon, .icon-chevron-right.icon-tiny {
  background-position: -612px -830px;
}

.icon-chevron-up.icon-btn {
  background-position: -1066px -1068px;
}

.icon-chevron-down.icon-btn {
  background-position: -1006px -1068px;
}

.context-menu--dialog .icon-chevron-down.context-menu__item-icon, .icon-chevron-down.icon-tiny {
  background-position: -476px -830px;
}

.icon-chevron-down.icon-small {
  background-position: -536px -66px;
}

.icon-password-reveal.icon-btn {
  background-position: -180px -1102px;
}

.context-menu--popup .icon-undo.context-menu__item-icon, .icon-undo.icon-mini {
  background-position: -1008px -1158px;
}

.icon-undo.icon-btn {
  background-position: -1020px -1102px;
}

.context-menu--popup .icon-redo.context-menu__item-icon, .icon-redo.icon-mini {
  background-position: -234px -1158px;
}

.context-menu--popup .icon-cut.context-menu__item-icon, .icon-cut.icon-mini {
  background-position: -198px -1122px;
}

.context-menu--popup .icon-copy.context-menu__item-icon, .icon-copy.icon-mini {
  background-position: -162px -1122px;
}

.context-menu--popup .icon-paste.context-menu__item-icon, .icon-paste.icon-mini {
  background-position: -828px -1140px;
}

.icon-paste.icon-normal {
  background-position: -660px -316px;
}

.context-menu--popup .icon-indent.context-menu__item-icon, .icon-indent.icon-mini {
  background-position: -1008px -1122px;
}

.context-menu--popup .icon-unindent.context-menu__item-icon, .icon-unindent.icon-mini {
  background-position: -990px -1122px;
}

.context-menu--popup .icon-auto-indent.context-menu__item-icon, .icon-auto-indent.icon-mini {
  background-position: -972px -1122px;
}

.context-menu--popup .icon-tbe-comment.context-menu__item-icon, .icon-tbe-comment.icon-mini, .context-menu--popup .icon-xml-comment.context-menu__item-icon, .icon-xml-comment.icon-mini {
  background-position: -270px -1176px;
}

.context-menu--dialog .icon-tbe-comment.context-menu__item-icon, .icon-tbe-comment.icon-tiny, .context-menu--dialog .icon-xml-comment.context-menu__item-icon, .icon-xml-comment.icon-tiny {
  background-position: -782px -1068px;
}

.context-menu--popup .icon-tbe-text.context-menu__item-icon, .icon-tbe-text.icon-mini {
  background-position: -288px -1176px;
}

.context-menu--dialog .icon-tbe-text.context-menu__item-icon, .icon-tbe-text.icon-tiny {
  background-position: -816px -1068px;
}

.context-menu--popup .icon-exception.context-menu__item-icon, .icon-exception.icon-mini, .context-menu--popup .icon-danger.context-menu__item-icon, .icon-danger.icon-mini {
  background-position: -216px -1122px;
}

.context-menu--dialog .icon-exception.context-menu__item-icon, .icon-exception.icon-tiny, .context-menu--dialog .icon-danger.context-menu__item-icon, .icon-danger.icon-tiny {
  background-position: -850px -830px;
}

.context-menu--popup .icon-warning.context-menu__item-icon, .icon-warning.icon-mini {
  background-position: -36px -1176px;
}

.context-menu--dialog .icon-warning.context-menu__item-icon, .icon-warning.icon-tiny {
  background-position: -374px -1068px;
}

.icon-warning.icon-normal {
  background-position: -924px -448px;
}

.context-menu--popup .icon-about.context-menu__item-icon, .icon-about.icon-mini, .context-menu--popup .icon-info.context-menu__item-icon, .icon-info.icon-mini {
  background-position: -1026px -1122px;
}

.icon-about.icon-btn, .icon-info.icon-btn {
  background-position: -400px -1102px;
}

.context-menu--popup .icon-wizard-finish.context-menu__item-icon, .icon-wizard-finish.icon-mini, .context-menu--popup .icon-ok.context-menu__item-icon, .icon-ok.icon-mini, .context-menu--popup .icon-no-warnings.context-menu__item-icon, .icon-no-warnings.icon-mini, .context-menu--popup .icon-success.context-menu__item-icon, .icon-success.icon-mini {
  background-position: -756px -1158px;
}

.icon-wizard-finish.icon-btn, .icon-ok.icon-btn, .icon-no-warnings.icon-btn, .icon-success.icon-btn {
  background-position: -1000px -1102px;
}

.context-menu--dialog .icon-wizard-finish.context-menu__item-icon, .icon-wizard-finish.icon-tiny, .context-menu--dialog .icon-ok.context-menu__item-icon, .icon-ok.icon-tiny, .context-menu--dialog .icon-no-warnings.context-menu__item-icon, .icon-no-warnings.icon-tiny, .context-menu--dialog .icon-success.context-menu__item-icon, .icon-success.icon-tiny {
  background-position: -680px -1034px;
}

.context-menu--popup .icon-user-selected.context-menu__item-icon, .icon-user-selected.icon-mini, .context-menu--popup .icon-book-item-selected.context-menu__item-icon, .icon-book-item-selected.icon-mini {
  background-position: 0 -1122px;
}

.icon-faq.icon-btn, .icon-help.icon-btn {
  background-position: -320px -1102px;
}

.context-menu--dialog .icon-faq-edit.context-menu__item-icon, .icon-faq-edit.icon-tiny {
  background-position: -782px -864px;
}

.context-menu--popup .icon-status-unknown.context-menu__item-icon, .icon-status-unknown.icon-mini {
  background-position: -630px -1158px;
}

.context-menu--popup .icon-api-patch.context-menu__item-icon, .icon-api-patch.icon-mini {
  background-position: -846px -1140px;
}

.icon-api-patch.icon-btn {
  background-position: -640px -1102px;
}

.context-menu--dialog .icon-api-patch.context-menu__item-icon, .icon-api-patch.icon-tiny {
  background-position: -1088px -966px;
}

.icon-settings-admin.icon-btn, .icon-admin.icon-btn {
  background-position: -114px -72px;
}

.context-menu--dialog .icon-settings-admin.context-menu__item-icon, .icon-settings-admin.icon-tiny, .context-menu--dialog .icon-admin.context-menu__item-icon, .icon-admin.icon-tiny {
  background-position: -1000px -780px;
}

.context-menu--dialog .icon-support.context-menu__item-icon, .icon-support.icon-tiny {
  background-position: -748px -1034px;
}

.context-menu--dialog .icon-document-new.context-menu__item-icon, .icon-document-new.icon-tiny {
  background-position: -136px -864px;
}

.context-menu--dialog .icon-document-edit.context-menu__item-icon, .icon-document-edit.icon-tiny {
  background-position: -102px -864px;
}

.icon-properties.icon-btn-xs, .icon-details.icon-btn-xs {
  background-position: -190px -94px;
}

.context-menu--popup .icon-properties.context-menu__item-icon, .icon-properties.icon-mini, .context-menu--popup .icon-details.context-menu__item-icon, .icon-details.icon-mini {
  background-position: -306px -1122px;
}

.context-menu--dialog .icon-properties.context-menu__item-icon, .icon-properties.icon-tiny, .context-menu--dialog .icon-details.context-menu__item-icon, .icon-details.icon-tiny {
  background-position: -1088px -830px;
}

.context-menu--popup .icon-containing-folder.context-menu__item-icon, .icon-containing-folder.icon-mini {
  background-position: -144px -1122px;
}

.context-menu--dialog .icon-containing-folder.context-menu__item-icon, .icon-containing-folder.icon-tiny {
  background-position: -714px -830px;
}

.context-menu--popup .icon-export.context-menu__item-icon, .icon-export.icon-mini, .context-menu--popup .icon-save.context-menu__item-icon, .icon-save.icon-mini {
  background-position: -360px -1158px;
}

.icon-export.icon-btn, .icon-save.icon-btn {
  background-position: -820px -1102px;
}

.context-menu--dialog .icon-export.context-menu__item-icon, .icon-export.icon-tiny, .context-menu--dialog .icon-save.context-menu__item-icon, .icon-save.icon-tiny {
  background-position: -1054px -1000px;
}

.icon-export.icon-small, .icon-save.icon-small {
  background-position: -400px -730px;
}

.context-menu--popup .icon-reexport.context-menu__item-icon, .icon-reexport.icon-mini {
  background-position: -252px -1158px;
}

.icon-reexport.icon-btn {
  background-position: -700px -1102px;
}

.context-menu--dialog .icon-reexport.context-menu__item-icon, .icon-reexport.icon-tiny {
  background-position: -816px -1000px;
}

.context-menu--popup .icon-yes.context-menu__item-icon, .icon-yes.icon-mini {
  background-position: -360px -1176px;
}

.context-menu--popup .icon-no.context-menu__item-icon, .icon-no.icon-mini {
  background-position: -360px -1140px;
}

.icon-close.icon-btn {
  background-position: -1086px -1068px;
}

.icon-wizard-cancel.icon-btn, .icon-cancel.icon-btn {
  background-position: -986px -1068px;
}

.context-menu--dialog .icon-wizard-cancel.context-menu__item-icon, .icon-wizard-cancel.icon-tiny, .context-menu--dialog .icon-cancel.context-menu__item-icon, .icon-cancel.icon-tiny {
  background-position: -374px -830px;
}

.icon-reset.icon-btn {
  background-position: -780px -1102px;
}

.context-menu--dialog .icon-reset.context-menu__item-icon, .icon-reset.icon-tiny {
  background-position: -986px -1000px;
}

.context-menu--popup .icon-dropdown.context-menu__item-icon, .icon-dropdown.icon-mini {
  background-position: -522px -1122px;
}

.icon-dropdown.icon-btn {
  background-position: -120px -1102px;
}

.context-menu--dialog .icon-tree-item.context-menu__item-icon, .icon-tree-item.icon-tiny {
  background-position: -68px -1068px;
}

.context-menu--popup .icon-user.context-menu__item-icon, .icon-user.icon-mini {
  background-position: -1062px -1158px;
}

.context-menu--popup .icon-settings-account.context-menu__item-icon, .icon-settings-account.icon-mini, .context-menu--popup .icon-person.context-menu__item-icon, .icon-person.icon-mini {
  background-position: -918px -1140px;
}

.context-menu--dialog .icon-settings-account.context-menu__item-icon, .icon-settings-account.icon-tiny, .context-menu--dialog .icon-person.context-menu__item-icon, .icon-person.icon-tiny {
  background-position: -34px -1000px;
}

.context-menu--dialog .overlay-settings-account.context-menu__item-overlay::after, .overlay-settings-account.overlay-tiny::after, .context-menu--dialog .overlay-person.context-menu__item-overlay::after, .overlay-person.overlay-tiny::after {
  background-position: -578px -966px;
}

.icon-settings-account.icon-small, .icon-person.icon-small {
  background-position: -450px -680px;
}

.overlay-settings-account.overlay-small::after, .overlay-person.overlay-small::after {
  background-position: -950px -630px;
}

.icon-settings-account.icon-normal, .icon-person.icon-normal {
  background-position: -792px -316px;
}

.context-menu--popup .icon-signer.context-menu__item-icon, .icon-signer.icon-mini {
  background-position: -522px -1158px;
}

.context-menu--dialog .icon-signer.context-menu__item-icon, .icon-signer.icon-tiny {
  background-position: -204px -1034px;
}

.context-menu--dialog .overlay-signer.context-menu__item-overlay::after, .overlay-signer.overlay-tiny::after {
  background-position: -884px -966px;
}

.icon-signer.icon-small {
  background-position: -600px -730px;
}

.overlay-signer.overlay-small::after {
  background-position: -150px -680px;
}

.icon-signer.icon-normal {
  background-position: 0 -448px;
}

.context-menu--popup .icon-adres.context-menu__item-icon, .icon-adres.icon-mini {
  background-position: -1104px -100px;
}

.context-menu--dialog .icon-adres.context-menu__item-icon, .icon-adres.icon-tiny {
  background-position: -1034px -780px;
}

.context-menu--dialog .overlay-adres.context-menu__item-overlay::after, .overlay-adres.overlay-tiny::after {
  background-position: -952px -932px;
}

.icon-adres.icon-small {
  background-position: -140px -66px;
}

.overlay-adres.overlay-small::after {
  background-position: -200px -630px;
}

.icon-adres.icon-normal {
  background-position: -140px 0;
}

.context-menu--popup .icon-settings-users.context-menu__item-icon, .icon-settings-users.icon-mini, .context-menu--popup .icon-persons.context-menu__item-icon, .icon-persons.icon-mini {
  background-position: -936px -1140px;
}

.context-menu--dialog .icon-settings-users.context-menu__item-icon, .icon-settings-users.icon-tiny, .context-menu--dialog .icon-persons.context-menu__item-icon, .icon-persons.icon-tiny {
  background-position: -68px -1000px;
}

.context-menu--dialog .overlay-settings-users.context-menu__item-overlay::after, .overlay-settings-users.overlay-tiny::after, .context-menu--dialog .overlay-persons.context-menu__item-overlay::after, .overlay-persons.overlay-tiny::after {
  background-position: -612px -966px;
}

.icon-settings-users.icon-small, .icon-persons.icon-small {
  background-position: -500px -680px;
}

.overlay-settings-users.overlay-small::after, .overlay-persons.overlay-small::after {
  background-position: -1000px -630px;
}

.icon-settings-users.icon-normal, .icon-persons.icon-normal {
  background-position: -858px -316px;
}

.context-menu--popup .icon-group.context-menu__item-icon, .icon-group.icon-mini, .context-menu--popup .icon-settings-usergroups.context-menu__item-icon, .icon-settings-usergroups.icon-mini {
  background-position: -828px -1122px;
}

.context-menu--dialog .icon-group.context-menu__item-icon, .icon-group.icon-tiny, .context-menu--dialog .icon-settings-usergroups.context-menu__item-icon, .icon-settings-usergroups.icon-tiny {
  background-position: -136px -898px;
}

.context-menu--dialog .overlay-group.context-menu__item-overlay::after, .overlay-group.overlay-tiny::after, .context-menu--dialog .overlay-settings-usergroups.context-menu__item-overlay::after, .overlay-settings-usergroups.overlay-tiny::after {
  background-position: -238px -966px;
}

.icon-group.icon-small, .icon-settings-usergroups.icon-small {
  background-position: -856px -186px;
}

.overlay-group.overlay-small::after, .overlay-settings-usergroups.overlay-small::after {
  background-position: -550px -630px;
}

.icon-group.icon-normal, .icon-settings-usergroups.icon-normal {
  background-position: -724px -120px;
}

.icon-my-documents.icon-btn {
  background-position: -580px -1102px;
}

.context-menu--dialog .icon-my-documents.context-menu__item-icon, .icon-my-documents.icon-tiny {
  background-position: -136px -932px;
}

.icon-all-documents.icon-btn {
  background-position: -114px -92px;
}

.context-menu--dialog .icon-all-documents.context-menu__item-icon, .icon-all-documents.icon-tiny {
  background-position: 0 -830px;
}

.context-menu--dialog .icon-sort.context-menu__item-icon, .icon-sort.icon-tiny {
  background-position: -374px -1034px;
}

.context-menu--dialog .icon-tiles-view.context-menu__item-icon, .icon-tiles-view.icon-tiny {
  background-position: 0 -1068px;
}

.context-menu--dialog .icon-details-view.context-menu__item-icon, .icon-details-view.icon-tiny {
  background-position: -1054px -830px;
}

.context-menu--popup .icon-api-home.context-menu__item-icon, .icon-api-home.icon-mini, .context-menu--popup .icon-home.context-menu__item-icon, .icon-home.icon-mini, .context-menu--popup .icon-house.context-menu__item-icon, .icon-house.icon-mini {
  background-position: -864px -1122px;
}

.icon-api-home.icon-btn, .icon-home.icon-btn, .icon-house.icon-btn {
  background-position: -360px -1102px;
}

.context-menu--dialog .icon-api-home.context-menu__item-icon, .icon-api-home.icon-tiny, .context-menu--dialog .icon-home.context-menu__item-icon, .icon-home.icon-tiny, .context-menu--dialog .icon-house.context-menu__item-icon, .icon-house.icon-tiny {
  background-position: -204px -898px;
}

.context-menu--dialog .overlay-api-home.context-menu__item-overlay::after, .overlay-api-home.overlay-tiny::after, .context-menu--dialog .overlay-home.context-menu__item-overlay::after, .overlay-home.overlay-tiny::after, .context-menu--dialog .overlay-house.context-menu__item-overlay::after, .overlay-house.overlay-tiny::after {
  background-position: -272px -966px;
}

.icon-api-home.icon-small, .icon-home.icon-small, .icon-house.icon-small {
  background-position: -988px -186px;
}

.overlay-api-home.overlay-small::after, .overlay-home.overlay-small::after, .overlay-house.overlay-small::after {
  background-position: -600px -630px;
}

.icon-api-home.icon-normal, .icon-home.icon-normal, .icon-house.icon-normal {
  background-position: -790px -120px;
}

.context-menu--popup .icon-location.context-menu__item-icon, .icon-location.icon-mini {
  background-position: -180px -1140px;
}

.context-menu--dialog .icon-location.context-menu__item-icon, .icon-location.icon-tiny {
  background-position: -952px -898px;
}

.context-menu--dialog .overlay-location.context-menu__item-overlay::after, .overlay-location.overlay-tiny::after {
  background-position: -442px -966px;
}

.icon-location.icon-small {
  background-position: -150px -580px;
}

.overlay-location.overlay-small::after {
  background-position: -800px -630px;
}

.icon-location.icon-normal {
  background-position: -198px -250px;
}

.context-menu--popup .icon-location-pin.context-menu__item-icon, .icon-location-pin.icon-mini {
  background-position: -162px -1140px;
}

.context-menu--dialog .icon-location-pin.context-menu__item-icon, .icon-location-pin.icon-tiny {
  background-position: -918px -898px;
}

.context-menu--dialog .overlay-location-pin.context-menu__item-overlay::after, .overlay-location-pin.overlay-tiny::after {
  background-position: -408px -966px;
}

.icon-location-pin.icon-small {
  background-position: -100px -580px;
}

.overlay-location-pin.overlay-small::after {
  background-position: -750px -630px;
}

.icon-location-pin.icon-normal {
  background-position: -132px -250px;
}

.context-menu--popup .icon-chair.context-menu__item-icon, .icon-chair.icon-mini {
  background-position: -90px -1122px;
}

.context-menu--dialog .icon-chair.context-menu__item-icon, .icon-chair.icon-tiny {
  background-position: -408px -830px;
}

.context-menu--dialog .overlay-chair.context-menu__item-overlay::after, .overlay-chair.overlay-tiny::after {
  background-position: 0 -966px;
}

.icon-chair.icon-small {
  background-position: -470px -66px;
}

.overlay-chair.overlay-small::after {
  background-position: -300px -630px;
}

.icon-chair.icon-normal {
  background-position: -404px 0;
}

.context-menu--popup .icon-company.context-menu__item-icon, .icon-company.icon-mini, .context-menu--popup .icon-buildings.context-menu__item-icon, .icon-buildings.icon-mini {
  background-position: -54px -1122px;
}

.context-menu--dialog .icon-company.context-menu__item-icon, .icon-company.icon-tiny, .context-menu--dialog .icon-buildings.context-menu__item-icon, .icon-buildings.icon-tiny {
  background-position: -306px -830px;
}

.context-menu--dialog .overlay-company.context-menu__item-overlay::after, .overlay-company.overlay-tiny::after, .context-menu--dialog .overlay-buildings.context-menu__item-overlay::after, .overlay-buildings.overlay-tiny::after {
  background-position: -1088px -932px;
}

.icon-company.icon-small, .icon-buildings.icon-small {
  background-position: -338px -66px;
}

.overlay-company.overlay-small::after, .overlay-buildings.overlay-small::after {
  background-position: -250px -630px;
}

.icon-company.icon-normal, .icon-buildings.icon-normal {
  background-position: -272px 0;
}

.context-menu--popup .icon-organization.context-menu__item-icon, .icon-organization.icon-mini, .context-menu--popup .icon-office-buildings.context-menu__item-icon, .icon-office-buildings.icon-mini {
  background-position: -504px -1140px;
}

.context-menu--dialog .icon-organization.context-menu__item-icon, .icon-organization.icon-tiny, .context-menu--dialog .icon-office-buildings.context-menu__item-icon, .icon-office-buildings.icon-tiny {
  background-position: -646px -932px;
}

.context-menu--dialog .overlay-organization.context-menu__item-overlay::after, .overlay-organization.overlay-tiny::after, .context-menu--dialog .overlay-office-buildings.context-menu__item-overlay::after, .overlay-office-buildings.overlay-tiny::after {
  background-position: -544px -966px;
}

.icon-organization.icon-small, .icon-office-buildings.icon-small {
  background-position: -1000px -580px;
}

.overlay-organization.overlay-small::after, .overlay-office-buildings.overlay-small::after {
  background-position: -900px -630px;
}

.icon-organization.icon-normal, .icon-office-buildings.icon-normal {
  background-position: -990px -250px;
}

.context-menu--popup .icon-server.context-menu__item-icon, .icon-server.icon-mini {
  background-position: -432px -1158px;
}

.context-menu--dialog .icon-server.context-menu__item-icon, .icon-server.icon-tiny {
  background-position: -34px -1034px;
}

.context-menu--dialog .overlay-server.context-menu__item-overlay::after, .overlay-server.overlay-tiny::after {
  background-position: -782px -966px;
}

.icon-server.icon-small {
  background-position: -450px -730px;
}

.overlay-server.overlay-small::after {
  background-position: 0 -680px;
}

.icon-server.icon-normal {
  background-position: -924px -382px;
}

.context-menu--popup .icon-servers.context-menu__item-icon, .icon-servers.icon-mini {
  background-position: -450px -1158px;
}

.context-menu--dialog .icon-servers.context-menu__item-icon, .icon-servers.icon-tiny {
  background-position: -68px -1034px;
}

.context-menu--dialog .overlay-servers.context-menu__item-overlay::after, .overlay-servers.overlay-tiny::after {
  background-position: -816px -966px;
}

.icon-servers.icon-small {
  background-position: -500px -730px;
}

.overlay-servers.overlay-small::after {
  background-position: -50px -680px;
}

.icon-servers.icon-normal {
  background-position: -990px -382px;
}

.context-menu--popup .icon-database.context-menu__item-icon, .icon-database.icon-mini {
  background-position: -252px -1122px;
}

.context-menu--popup .icon-tbe-dynamic-data.context-menu__item-icon, .icon-tbe-dynamic-data.icon-mini {
  background-position: -234px -1122px;
}

.context-menu--dialog .icon-tbe-dynamic-data.context-menu__item-icon, .icon-tbe-dynamic-data.icon-tiny {
  background-position: -884px -830px;
}

.context-menu--popup .icon-person-email.context-menu__item-icon, .icon-person-email.icon-mini, .context-menu--popup .icon-user-email-claim.context-menu__item-icon, .icon-user-email-claim.icon-mini {
  background-position: -882px -1140px;
}

.context-menu--popup .icon-person-sms.context-menu__item-icon, .icon-person-sms.icon-mini {
  background-position: -900px -1140px;
}

.context-menu--dialog .icon-import-replace.context-menu__item-icon, .icon-import-replace.icon-tiny {
  background-position: -442px -898px;
}

.context-menu--dialog .icon-import-insert.context-menu__item-icon, .icon-import-insert.icon-tiny {
  background-position: -408px -898px;
}

.context-menu--dialog .icon-import-ignore-duplicates.context-menu__item-icon, .icon-import-ignore-duplicates.icon-tiny {
  background-position: -374px -898px;
}

.context-menu--popup .icon-settings-plugins.context-menu__item-icon, .icon-settings-plugins.icon-mini, .context-menu--popup .icon-plugin.context-menu__item-icon, .icon-plugin.icon-mini {
  background-position: -990px -1140px;
}

.context-menu--dialog .icon-settings-plugins.context-menu__item-icon, .icon-settings-plugins.icon-tiny, .context-menu--dialog .icon-plugin.context-menu__item-icon, .icon-plugin.icon-tiny {
  background-position: -170px -1000px;
}

.icon-settings-plugins.icon-small, .icon-plugin.icon-small {
  background-position: -550px -680px;
}

.icon-settings-plugins.icon-normal, .icon-plugin.icon-normal {
  background-position: -990px -316px;
}

.context-menu--popup .icon-super-admin.context-menu__item-icon, .icon-super-admin.icon-mini, .context-menu--popup .icon-settings-rights.context-menu__item-icon, .icon-settings-rights.icon-mini, .context-menu--popup .icon-key.context-menu__item-icon, .icon-key.icon-mini {
  background-position: -54px -1140px;
}

.context-menu--dialog .icon-super-admin.context-menu__item-icon, .icon-super-admin.icon-tiny, .context-menu--dialog .icon-settings-rights.context-menu__item-icon, .icon-settings-rights.icon-tiny, .context-menu--dialog .icon-key.context-menu__item-icon, .icon-key.icon-tiny {
  background-position: -612px -898px;
}

.icon-search.icon-btn {
  background-position: -860px -1102px;
}

.context-menu--dialog .icon-search.context-menu__item-icon, .icon-search.icon-tiny {
  background-position: -1088px -1000px;
}

.icon-filter.icon-btn {
  background-position: -200px -1102px;
}

.context-menu--dialog .icon-filter.context-menu__item-icon, .icon-filter.icon-tiny {
  background-position: -952px -864px;
}

.context-menu--dialog .overlay-filter.context-menu__item-overlay::after, .overlay-filter.overlay-tiny::after {
  background-position: -170px -966px;
}

.context-menu--popup .icon-api-options.context-menu__item-icon, .icon-api-options.icon-mini, .context-menu--popup .icon-settings-general.context-menu__item-icon, .icon-settings-general.icon-mini, .context-menu--popup .icon-settings.context-menu__item-icon, .icon-settings.icon-mini {
  background-position: -468px -1158px;
}

.context-menu--dialog .icon-api-options.context-menu__item-icon, .icon-api-options.icon-tiny, .context-menu--dialog .icon-settings-general.context-menu__item-icon, .icon-settings-general.icon-tiny, .context-menu--dialog .icon-settings.context-menu__item-icon, .icon-settings.icon-tiny {
  background-position: -136px -1034px;
}

.icon-log-out.icon-btn {
  background-position: -460px -1102px;
}

.icon-log-in.icon-btn {
  background-position: -440px -1102px;
}

.icon-calendar.icon-btn {
  background-position: -1102px -800px;
}

.icon-disable.icon-btn-xs, .icon-removed.icon-btn-xs, .icon-remove.icon-btn-xs {
  background-position: -322px -66px;
}

.icon-disable.icon-btn, .icon-removed.icon-btn, .icon-remove.icon-btn {
  background-position: -500px -1102px;
}

.context-menu--dialog .overlay-disable.context-menu__item-overlay::after, .overlay-disable.overlay-tiny::after, .context-menu--dialog .overlay-removed.context-menu__item-overlay::after, .overlay-removed.overlay-tiny::after, .context-menu--dialog .overlay-remove.context-menu__item-overlay::after, .overlay-remove.overlay-tiny::after {
  background-position: -476px -966px;
}

.context-menu--popup .icon-created.context-menu__item-icon, .icon-created.icon-mini, .context-menu--popup .icon-enable.context-menu__item-icon, .icon-enable.icon-mini, .context-menu--popup .icon-added.context-menu__item-icon, .icon-added.icon-mini, .context-menu--popup .icon-add.context-menu__item-icon, .icon-add.icon-mini {
  background-position: -1008px -1140px;
}

.context-menu--popup .overlay-created.context-menu__item-overlay::after, .overlay-created.overlay-mini::after, .context-menu--popup .overlay-enable.context-menu__item-overlay::after, .overlay-enable.overlay-mini::after, .context-menu--popup .overlay-added.context-menu__item-overlay::after, .overlay-added.overlay-mini::after, .context-menu--popup .overlay-add.context-menu__item-overlay::after, .overlay-add.overlay-mini::after {
  background-position: -738px -1140px;
  left: 3px;
}

.icon-created.icon-btn, .icon-enable.icon-btn, .icon-added.icon-btn, .icon-add.icon-btn {
  background-position: -680px -1102px;
}

.context-menu--dialog .overlay-created.context-menu__item-overlay::after, .overlay-created.overlay-tiny::after, .context-menu--dialog .overlay-enable.context-menu__item-overlay::after, .overlay-enable.overlay-tiny::after, .context-menu--dialog .overlay-added.context-menu__item-overlay::after, .overlay-added.overlay-tiny::after, .context-menu--dialog .overlay-add.context-menu__item-overlay::after, .overlay-add.overlay-tiny::after {
  background-position: -646px -966px;
}

.icon-check.icon-btn-xs, .icon-select.icon-btn-xs {
  background-position: -388px -80px;
}

.icon-check.icon-btn, .icon-select.icon-btn {
  background-position: -920px -1102px;
}

.icon-select-all.icon-btn {
  background-position: -900px -1102px;
}

.context-menu--dialog .icon-settings-language.context-menu__item-icon, .icon-settings-language.icon-tiny {
  background-position: -646px -898px;
}

.icon-settings-language.icon-small {
  background-position: 0 -580px;
}

.context-menu--popup .icon-cache.context-menu__item-icon, .icon-cache.icon-mini, .context-menu--popup .icon-settings-cache.context-menu__item-icon, .icon-settings-cache.icon-mini {
  background-position: -126px -1122px;
}

.context-menu--dialog .icon-cache.context-menu__item-icon, .icon-cache.icon-tiny, .context-menu--dialog .icon-settings-cache.context-menu__item-icon, .icon-settings-cache.icon-tiny {
  background-position: -646px -830px;
}

.context-menu--dialog .icon-settings-contact.context-menu__item-icon, .icon-settings-contact.icon-tiny {
  background-position: -680px -830px;
}

.context-menu--popup .icon-unauthorized.context-menu__item-icon, .icon-unauthorized.icon-mini, .context-menu--popup .icon-lock.context-menu__item-icon, .icon-lock.icon-mini {
  background-position: -198px -1140px;
}

.context-menu--dialog .icon-unauthorized.context-menu__item-icon, .icon-unauthorized.icon-tiny, .context-menu--dialog .icon-lock.context-menu__item-icon, .icon-lock.icon-tiny {
  background-position: -986px -898px;
}

.icon-unauthorized.icon-small, .icon-lock.icon-small {
  background-position: -200px -580px;
}

.context-menu--dialog .icon-settings-persistent.context-menu__item-icon, .icon-settings-persistent.icon-tiny {
  background-position: -884px -864px;
}

.context-menu--dialog .icon-settings-servicemessages.context-menu__item-icon, .icon-settings-servicemessages.icon-tiny {
  background-position: -102px -1034px;
}

.context-menu--dialog .icon-settings-statistics.context-menu__item-icon, .icon-settings-statistics.icon-tiny {
  background-position: -442px -1034px;
}

.context-menu--dialog .icon-notfound.context-menu__item-icon, .icon-notfound.icon-tiny {
  background-position: -408px -932px;
}

.context-menu--dialog .icon-api.context-menu__item-icon, .icon-api.icon-tiny {
  background-position: -68px -830px;
}

.context-menu--popup .icon-api-head.context-menu__item-icon, .icon-api-head.icon-mini {
  background-position: -846px -1122px;
}

.context-menu--dialog .icon-api-head.context-menu__item-icon, .icon-api-head.icon-tiny {
  background-position: -170px -898px;
}

.icon-api-head.icon-small {
  background-position: -922px -186px;
}

.context-menu--dialog .icon-open-api.context-menu__item-icon, .icon-open-api.icon-tiny {
  background-position: -782px -932px;
}

.context-menu--dialog .icon-settings-email.context-menu__item-icon, .icon-settings-email.icon-tiny {
  background-position: -1054px -898px;
}

.context-menu--dialog .icon-node.context-menu__item-icon, .icon-node.icon-tiny {
  background-position: -374px -932px;
}

.context-menu--dialog .icon-node-explicit.context-menu__item-icon, .icon-node-explicit.icon-tiny {
  background-position: -272px -932px;
}

.context-menu--dialog .icon-node-inherit.context-menu__item-icon, .icon-node-inherit.icon-tiny {
  background-position: -340px -932px;
}

.context-menu--dialog .icon-node-inherit-explicit.context-menu__item-icon, .icon-node-inherit-explicit.icon-tiny {
  background-position: -306px -932px;
}

.context-menu--popup .icon-tbe-insert-node-above.context-menu__item-icon, .icon-tbe-insert-node-above.icon-mini {
  background-position: -1062px -1122px;
}

.context-menu--popup .icon-tbe-insert-node-below.context-menu__item-icon, .icon-tbe-insert-node-below.icon-mini {
  background-position: -1098px -1122px;
}

.context-menu--popup .icon-tbe-insert-node-child.context-menu__item-icon, .icon-tbe-insert-node-child.icon-mini {
  background-position: 0 -1140px;
}

.context-menu--popup .icon-tbe-insert-node-around.context-menu__item-icon, .icon-tbe-insert-node-around.icon-mini {
  background-position: -1080px -1122px;
}

.icon-new-window.icon-btn-xs {
  background-position: -322px -94px;
}

.context-menu--popup .icon-new-window.context-menu__item-icon, .icon-new-window.icon-mini {
  background-position: -306px -1140px;
}

.icon-new-window.icon-btn {
  background-position: -620px -1102px;
}

.context-menu--dialog .icon-new-window.context-menu__item-icon, .icon-new-window.icon-tiny {
  background-position: -170px -932px;
}

.icon-more.icon-btn {
  background-position: -560px -1102px;
}

.context-menu--dialog .icon-more.context-menu__item-icon, .icon-more.icon-tiny {
  background-position: -102px -932px;
}

.icon-bug.icon-btn {
  background-position: -1100px -750px;
}

.context-menu--popup .icon-test.context-menu__item-icon, .icon-test.icon-mini {
  background-position: -918px -1158px;
}

.context-menu--dialog .icon-test.context-menu__item-icon, .icon-test.icon-tiny {
  background-position: -1020px -1034px;
}

.context-menu--dialog .overlay-test.context-menu__item-overlay::after, .overlay-test.overlay-tiny::after {
  background-position: -918px -966px;
}

.icon-test.icon-small {
  background-position: -900px -730px;
}

.overlay-test.overlay-small::after {
  background-position: -200px -680px;
}

.icon-test.icon-normal {
  background-position: -396px -448px;
}

.context-menu--popup .icon-product.context-menu__item-icon, .icon-product.icon-mini {
  background-position: -144px -1158px;
}

.context-menu--dialog .icon-product.context-menu__item-icon, .icon-product.icon-tiny {
  background-position: -612px -1000px;
}

.icon-product.icon-small {
  background-position: -100px -730px;
}

.icon-product.icon-normal {
  background-position: -594px -382px;
}

.context-menu--popup .icon-styles.context-menu__item-icon, .icon-styles.icon-mini {
  background-position: -720px -1158px;
}

.context-menu--dialog .icon-styles.context-menu__item-icon, .icon-styles.icon-tiny {
  background-position: -612px -1034px;
}

.context-menu--dialog .icon-tbe-textbox.context-menu__item-icon, .icon-tbe-textbox.icon-tiny {
  background-position: -782px -830px;
}

.context-menu--popup .icon-tbe-static-data.context-menu__item-icon, .icon-tbe-static-data.icon-mini {
  background-position: -612px -1158px;
}

.context-menu--dialog .icon-tbe-static-data.context-menu__item-icon, .icon-tbe-static-data.icon-tiny {
  background-position: -408px -1034px;
}

.context-menu--popup .icon-tbe-field.context-menu__item-icon, .icon-tbe-field.icon-mini {
  background-position: -684px -1122px;
}

.context-menu--dialog .icon-tbe-field.context-menu__item-icon, .icon-tbe-field.icon-tiny {
  background-position: -850px -864px;
}

.context-menu--popup .icon-tbe-bookmark.context-menu__item-icon, .icon-tbe-bookmark.icon-mini {
  background-position: -36px -1122px;
}

.context-menu--dialog .icon-tbe-bookmark.context-menu__item-icon, .icon-tbe-bookmark.icon-tiny {
  background-position: -272px -830px;
}

.context-menu--popup .icon-tbe-paragraph.context-menu__item-icon, .icon-tbe-paragraph.icon-mini {
  background-position: -972px -1140px;
}

.context-menu--dialog .icon-tbe-paragraph.context-menu__item-icon, .icon-tbe-paragraph.icon-tiny {
  background-position: -136px -1000px;
}

.context-menu--popup .icon-tbe-bold.context-menu__item-icon, .icon-tbe-bold.icon-mini {
  background-position: -1104px -222px;
}

.context-menu--dialog .icon-tbe-bold.context-menu__item-icon, .icon-tbe-bold.icon-tiny {
  background-position: -170px -830px;
}

.context-menu--popup .icon-tbe-italic.context-menu__item-icon, .icon-tbe-italic.icon-mini {
  background-position: -18px -1140px;
}

.context-menu--dialog .icon-tbe-italic.context-menu__item-icon, .icon-tbe-italic.icon-tiny {
  background-position: -544px -898px;
}

.context-menu--popup .icon-tbe-underline.context-menu__item-icon, .icon-tbe-underline.icon-mini {
  background-position: -990px -1158px;
}

.context-menu--dialog .icon-tbe-underline.context-menu__item-icon, .icon-tbe-underline.icon-tiny {
  background-position: -136px -1068px;
}

.context-menu--popup .icon-tbe-subscript.context-menu__item-icon, .icon-tbe-subscript.icon-mini {
  background-position: -738px -1158px;
}

.context-menu--dialog .icon-tbe-subscript.context-menu__item-icon, .icon-tbe-subscript.icon-tiny {
  background-position: -646px -1034px;
}

.context-menu--popup .icon-tbe-superscript.context-menu__item-icon, .icon-tbe-superscript.icon-mini {
  background-position: -774px -1158px;
}

.context-menu--dialog .icon-tbe-superscript.context-menu__item-icon, .icon-tbe-superscript.icon-tiny {
  background-position: -714px -1034px;
}

.context-menu--popup .icon-tbe-strike-through.context-menu__item-icon, .icon-tbe-strike-through.icon-mini {
  background-position: -702px -1158px;
}

.context-menu--dialog .icon-tbe-strike-through.context-menu__item-icon, .icon-tbe-strike-through.icon-tiny {
  background-position: -578px -1034px;
}

.context-menu--popup .icon-tbe-double-strike-through.context-menu__item-icon, .icon-tbe-double-strike-through.icon-mini {
  background-position: -468px -1122px;
}

.context-menu--dialog .icon-tbe-double-strike-through.context-menu__item-icon, .icon-tbe-double-strike-through.icon-tiny {
  background-position: -340px -864px;
}

.context-menu--popup .icon-tbe-all-caps.context-menu__item-icon, .icon-tbe-all-caps.icon-mini {
  background-position: -1104px -186px;
}

.context-menu--dialog .icon-tbe-all-caps.context-menu__item-icon, .icon-tbe-all-caps.icon-tiny {
  background-position: -1068px -780px;
}

.context-menu--popup .icon-tbe-small-caps.context-menu__item-icon, .icon-tbe-small-caps.icon-mini {
  background-position: -576px -1158px;
}

.context-menu--dialog .icon-tbe-small-caps.context-menu__item-icon, .icon-tbe-small-caps.icon-tiny {
  background-position: -306px -1034px;
}

.context-menu--popup .icon-tbe-table.context-menu__item-icon, .icon-tbe-table.icon-mini {
  background-position: -900px -1158px;
}

.context-menu--dialog .icon-tbe-table.context-menu__item-icon, .icon-tbe-table.icon-tiny {
  background-position: -986px -1034px;
}

.context-menu--popup .icon-tbe-thead.context-menu__item-icon, .icon-tbe-thead.icon-mini {
  background-position: -864px -1158px;
}

.context-menu--dialog .icon-tbe-thead.context-menu__item-icon, .icon-tbe-thead.icon-tiny {
  background-position: -918px -1034px;
}

.context-menu--popup .icon-tbe-tbody.context-menu__item-icon, .icon-tbe-tbody.icon-mini {
  background-position: -810px -1158px;
}

.context-menu--dialog .icon-tbe-tbody.context-menu__item-icon, .icon-tbe-tbody.icon-tiny {
  background-position: -816px -1034px;
}

.context-menu--popup .icon-tbe-tr.context-menu__item-icon, .icon-tbe-tr.icon-mini {
  background-position: -882px -1158px;
}

.context-menu--dialog .icon-tbe-tr.context-menu__item-icon, .icon-tbe-tr.icon-tiny {
  background-position: -952px -1034px;
}

.context-menu--popup .icon-tbe-col.context-menu__item-icon, .icon-tbe-col.icon-mini {
  background-position: -846px -1158px;
}

.context-menu--dialog .icon-tbe-col.context-menu__item-icon, .icon-tbe-col.icon-tiny {
  background-position: -884px -1034px;
}

.context-menu--popup .icon-tbe-td.context-menu__item-icon, .icon-tbe-td.icon-mini {
  background-position: -828px -1158px;
}

.context-menu--dialog .icon-tbe-td.context-menu__item-icon, .icon-tbe-td.icon-tiny {
  background-position: -850px -1034px;
}

.context-menu--popup .icon-tbe-line.context-menu__item-icon, .icon-tbe-line.icon-mini {
  background-position: -90px -1140px;
}

.context-menu--dialog .icon-tbe-line.context-menu__item-icon, .icon-tbe-line.icon-tiny {
  background-position: -782px -898px;
}

.context-menu--popup .icon-tbe-tab.context-menu__item-icon, .icon-tbe-tab.icon-mini {
  background-position: -792px -1158px;
}

.context-menu--dialog .icon-tbe-tab.context-menu__item-icon, .icon-tbe-tab.icon-tiny {
  background-position: -782px -1034px;
}

.context-menu--popup .icon-tbe-picture.context-menu__item-icon, .icon-tbe-picture.icon-mini {
  background-position: -954px -1140px;
}

.context-menu--dialog .icon-tbe-picture.context-menu__item-icon, .icon-tbe-picture.icon-tiny {
  background-position: -102px -1000px;
}

.icon-tbe-picture.icon-normal {
  background-position: -924px -316px;
}

.context-menu--popup .icon-tbe-br.context-menu__item-icon, .icon-tbe-br.icon-mini {
  background-position: -72px -1140px;
}

.context-menu--dialog .icon-tbe-br.context-menu__item-icon, .icon-tbe-br.icon-tiny {
  background-position: -748px -898px;
}

.context-menu--popup .icon-tbe-page.context-menu__item-icon, .icon-tbe-page.icon-mini {
  background-position: -810px -1140px;
}

.context-menu--dialog .icon-tbe-page.context-menu__item-icon, .icon-tbe-page.icon-tiny {
  background-position: -1054px -966px;
}

.context-menu--popup .icon-tbe-section.context-menu__item-icon, .icon-tbe-section.icon-mini {
  background-position: -378px -1158px;
}

.context-menu--dialog .icon-tbe-section.context-menu__item-icon, .icon-tbe-section.icon-tiny {
  background-position: 0 -1034px;
}

.context-menu--popup .icon-tbe-list-reset.context-menu__item-icon, .icon-tbe-list-reset.icon-mini {
  background-position: -144px -1140px;
}

.context-menu--dialog .icon-tbe-list-reset.context-menu__item-icon, .icon-tbe-list-reset.icon-tiny {
  background-position: -884px -898px;
}

.context-menu--popup .icon-tbe-optional.context-menu__item-icon, .icon-tbe-optional.icon-mini {
  background-position: -540px -1122px;
}

.context-menu--dialog .icon-tbe-optional.context-menu__item-icon, .icon-tbe-optional.icon-tiny {
  background-position: -476px -864px;
}

.context-menu--popup .icon-tbe-template-expression.context-menu__item-icon, .icon-tbe-template-expression.icon-mini, .context-menu--popup .icon-tbe-expression.context-menu__item-icon, .icon-tbe-expression.icon-mini {
  background-position: -648px -1122px;
}

.context-menu--dialog .icon-tbe-template-expression.context-menu__item-icon, .icon-tbe-template-expression.icon-tiny, .context-menu--dialog .icon-tbe-expression.context-menu__item-icon, .icon-tbe-expression.icon-tiny {
  background-position: -748px -864px;
}

.context-menu--popup .icon-tbe-template-text.context-menu__item-icon, .icon-tbe-template-text.icon-mini, .context-menu--popup .icon-tbe-template.context-menu__item-icon, .icon-tbe-template.icon-mini, .context-menu--popup .icon-tbe-value-of.context-menu__item-icon, .icon-tbe-value-of.icon-mini {
  background-position: -936px -1158px;
}

.context-menu--dialog .icon-tbe-template-text.context-menu__item-icon, .icon-tbe-template-text.icon-tiny, .context-menu--dialog .icon-tbe-template.context-menu__item-icon, .icon-tbe-template.icon-tiny, .context-menu--dialog .icon-tbe-value-of.context-menu__item-icon, .icon-tbe-value-of.icon-tiny {
  background-position: -1054px -1034px;
}

.context-menu--popup .icon-tbe-template-date.context-menu__item-icon, .icon-tbe-template-date.icon-mini {
  background-position: -270px -1122px;
}

.context-menu--dialog .icon-tbe-template-date.context-menu__item-icon, .icon-tbe-template-date.icon-tiny {
  background-position: -918px -830px;
}

.context-menu--popup .icon-tbe-template-radio.context-menu__item-icon, .icon-tbe-template-radio.icon-mini {
  background-position: -216px -1158px;
}

.context-menu--dialog .icon-tbe-template-radio.context-menu__item-icon, .icon-tbe-template-radio.icon-tiny {
  background-position: -748px -1000px;
}

.context-menu--popup .icon-check-all.context-menu__item-icon, .icon-check-all.icon-mini, .context-menu--popup .icon-tbe-template-bool.context-menu__item-icon, .icon-tbe-template-bool.icon-mini {
  background-position: -108px -1122px;
}

.context-menu--dialog .icon-check-all.context-menu__item-icon, .icon-check-all.icon-tiny, .context-menu--dialog .icon-tbe-template-bool.context-menu__item-icon, .icon-tbe-template-bool.icon-tiny {
  background-position: -442px -830px;
}

.context-menu--popup .icon-tbe-template-int.context-menu__item-icon, .icon-tbe-template-int.icon-mini {
  background-position: -378px -1140px;
}

.context-menu--dialog .icon-tbe-template-int.context-menu__item-icon, .icon-tbe-template-int.icon-tiny {
  background-position: -442px -932px;
}

.context-menu--popup .icon-tbe-template-email.context-menu__item-icon, .icon-tbe-template-email.icon-mini {
  background-position: -576px -1122px;
}

.context-menu--dialog .icon-tbe-template-email.context-menu__item-icon, .icon-tbe-template-email.icon-tiny {
  background-position: -578px -864px;
}

.context-menu--popup .icon-tbe-template-list.context-menu__item-icon, .icon-tbe-template-list.icon-mini {
  background-position: -504px -1122px;
}

.context-menu--dialog .icon-tbe-template-list.context-menu__item-icon, .icon-tbe-template-list.icon-tiny {
  background-position: -442px -864px;
}

.context-menu--popup .icon-tbe-if.context-menu__item-icon, .icon-tbe-if.icon-mini {
  background-position: -900px -1122px;
}

.context-menu--dialog .icon-tbe-if.context-menu__item-icon, .icon-tbe-if.icon-tiny {
  background-position: -272px -898px;
}

.context-menu--popup .icon-tbe-include.context-menu__item-icon, .icon-tbe-include.icon-mini {
  background-position: -126px -1140px;
}

.context-menu--dialog .icon-tbe-include.context-menu__item-icon, .icon-tbe-include.icon-tiny {
  background-position: -850px -898px;
}

.context-menu--popup .icon-tbe-ds-repeat.context-menu__item-icon, .icon-tbe-ds-repeat.icon-mini {
  background-position: -306px -1158px;
}

.context-menu--dialog .icon-tbe-ds-repeat.context-menu__item-icon, .icon-tbe-ds-repeat.icon-tiny {
  background-position: -918px -1000px;
}

.context-menu--popup .icon-tbe-mso-include.context-menu__item-icon, .icon-tbe-mso-include.icon-mini {
  background-position: -108px -1140px;
}

.context-menu--dialog .icon-tbe-mso-include.context-menu__item-icon, .icon-tbe-mso-include.icon-tiny {
  background-position: -816px -898px;
}

.context-menu--popup .icon-split-text.context-menu__item-icon, .icon-split-text.icon-mini {
  background-position: -594px -1158px;
}

.context-menu--dialog .icon-nextmodel.context-menu__item-icon, .icon-nextmodel.icon-tiny {
  background-position: -238px -932px;
}

.context-menu--popup .icon-stddoc-report.context-menu__item-icon, .icon-stddoc-report.icon-mini, .context-menu--popup .icon-report.context-menu__item-icon, .icon-report.icon-mini {
  background-position: -324px -1158px;
}

.context-menu--dialog .icon-stddoc-report.context-menu__item-icon, .icon-stddoc-report.icon-tiny, .context-menu--dialog .icon-report.context-menu__item-icon, .icon-report.icon-tiny {
  background-position: -952px -1000px;
}

.context-menu--dialog .icon-dependency-viewer.context-menu__item-icon, .icon-dependency-viewer.icon-tiny {
  background-position: -1020px -830px;
}

.icon-logo-nologo.icon-small, .icon-logo-no-logo.icon-small {
  background-position: -450px -580px;
}

.icon-logo-colorlogo.icon-small, .icon-logo-color.icon-small, .icon-logo-default.icon-small {
  background-position: -350px -580px;
}

.icon-logo-bwlogo.icon-small, .icon-logo-bw.icon-small {
  background-position: -300px -580px;
}

.icon-logo-graylogo.icon-small, .icon-logo-gray.icon-small {
  background-position: -400px -580px;
}

.navbar__link .icon-faq.icon-btn, .navbar__link .icon-help.icon-btn {
  background-position: -300px -1102px;
}

.navbar__link .icon-dropdown.icon-btn {
  background-position: -100px -1102px;
}

.navbar__link .icon-api-home.icon-btn, .navbar__link .icon-home.icon-btn, .navbar__link .icon-house.icon-btn {
  background-position: -340px -1102px;
}

.navbar__link .icon-api-options.icon-btn, .navbar__link .icon-settings-general.icon-btn, .navbar__link .icon-settings.icon-btn {
  background-position: -960px -1102px;
}

.navbar__link .icon-log-in.icon-btn {
  background-position: -420px -1102px;
}

.context-menu__item .icon-faq.icon-btn, .context-menu__item .icon-help.icon-btn, .menu__item > .icon-faq.icon-btn, .menu__item > .icon-help.icon-btn {
  background-position: -300px -1102px;
}

.context-menu__item:focus > .icon-check.icon-btn, .context-menu__item:focus > .icon-select.icon-btn, .context-menu__item:hover > .icon-check.icon-btn, .context-menu__item:hover > .icon-select.icon-btn, .menu__item:focus > .icon-check.icon-btn, .menu__item:focus > .icon-select.icon-btn, .menu__item:hover > .icon-check.icon-btn, .menu__item:hover > .icon-select.icon-btn {
  background-position: -880px -1102px;
}

[disabled] .context-menu--dialog .icon-back.context-menu__item-icon, .context-menu--dialog [disabled] .icon-back.context-menu__item-icon, [disabled] .icon-back.icon-tiny, .disabled .context-menu--dialog .icon-back.context-menu__item-icon, .context-menu--dialog .disabled .icon-back.context-menu__item-icon, .disabled .icon-back.icon-tiny {
  background-position: -102px -830px;
}

[disabled] .context-menu--dialog .icon-previous-decade.context-menu__item-icon, .context-menu--dialog [disabled] .icon-previous-decade.context-menu__item-icon, [disabled] .icon-previous-decade.icon-tiny, [disabled] .context-menu--dialog .icon-previous-month.context-menu__item-icon, .context-menu--dialog [disabled] .icon-previous-month.context-menu__item-icon, [disabled] .icon-previous-month.icon-tiny, [disabled] .context-menu--dialog .icon-chevron-left.context-menu__item-icon, .context-menu--dialog [disabled] .icon-chevron-left.context-menu__item-icon, [disabled] .icon-chevron-left.icon-tiny, .disabled .context-menu--dialog .icon-previous-decade.context-menu__item-icon, .context-menu--dialog .disabled .icon-previous-decade.context-menu__item-icon, .disabled .icon-previous-decade.icon-tiny, .disabled .context-menu--dialog .icon-previous-month.context-menu__item-icon, .context-menu--dialog .disabled .icon-previous-month.context-menu__item-icon, .disabled .icon-previous-month.icon-tiny, .disabled .context-menu--dialog .icon-chevron-left.context-menu__item-icon, .context-menu--dialog .disabled .icon-chevron-left.context-menu__item-icon, .disabled .icon-chevron-left.icon-tiny {
  background-position: -510px -830px;
}

[disabled] .context-menu--dialog .icon-next-decade.context-menu__item-icon, .context-menu--dialog [disabled] .icon-next-decade.context-menu__item-icon, [disabled] .icon-next-decade.icon-tiny, [disabled] .context-menu--dialog .icon-next-month.context-menu__item-icon, .context-menu--dialog [disabled] .icon-next-month.context-menu__item-icon, [disabled] .icon-next-month.icon-tiny, [disabled] .context-menu--dialog .icon-chevron-right.context-menu__item-icon, .context-menu--dialog [disabled] .icon-chevron-right.context-menu__item-icon, [disabled] .icon-chevron-right.icon-tiny, .disabled .context-menu--dialog .icon-next-decade.context-menu__item-icon, .context-menu--dialog .disabled .icon-next-decade.context-menu__item-icon, .disabled .icon-next-decade.icon-tiny, .disabled .context-menu--dialog .icon-next-month.context-menu__item-icon, .context-menu--dialog .disabled .icon-next-month.context-menu__item-icon, .disabled .icon-next-month.icon-tiny, .disabled .context-menu--dialog .icon-chevron-right.context-menu__item-icon, .context-menu--dialog .disabled .icon-chevron-right.context-menu__item-icon, .disabled .icon-chevron-right.icon-tiny {
  background-position: -578px -830px;
}

.btn-primary .icon-book-browse.icon-btn, .btn-primary .icon-book-closed.icon-btn, .btn-primary .icon-book.icon-btn {
  background-position: -1100px -700px;
}

.btn-primary .icon-browse.icon-btn, .btn-primary .icon-open.icon-btn, .btn-primary .icon-explore.icon-btn, .btn-primary .icon-folder-open.icon-btn {
  background-position: -220px -1102px;
}

.btn-primary .icon-edited.icon-btn-xs, .btn-primary .icon-edit.icon-btn-xs {
  background-position: -256px -66px;
}

.btn-primary .icon-edited.icon-btn, .btn-primary .icon-edit.icon-btn {
  background-position: -140px -1102px;
}

.btn-primary .icon-update-document.icon-btn, .btn-primary .icon-refresh.icon-btn {
  background-position: -720px -1102px;
}

.btn-primary .icon-api-get.icon-btn, .btn-primary .icon-download.icon-btn {
  background-position: -60px -1102px;
}

.btn-primary .icon-api-put.icon-btn, .btn-primary .icon-upload.icon-btn {
  background-position: -1040px -1102px;
}

.btn-primary .icon-send.icon-btn {
  background-position: -940px -1102px;
}

.btn-primary .icon-wizard-next.icon-btn, .btn-primary .icon-arrow-right.icon-btn {
  background-position: -1100px -580px;
}

.btn-primary .icon-wizard-finish.icon-btn, .btn-primary .icon-ok.icon-btn, .btn-primary .icon-no-warnings.icon-btn, .btn-primary .icon-success.icon-btn {
  background-position: -980px -1102px;
}

.btn-primary .icon-properties.icon-btn-xs, .btn-primary .icon-details.icon-btn-xs {
  background-position: -190px -80px;
}

.btn-primary .icon-export.icon-btn, .btn-primary .icon-save.icon-btn {
  background-position: -800px -1102px;
}

.btn-primary .icon-dropdown.icon-btn {
  background-position: -100px -1102px;
}

.btn-primary .icon-search.icon-btn {
  background-position: -840px -1102px;
}

.btn-primary .icon-log-in.icon-btn {
  background-position: -420px -1102px;
}

.btn-primary .icon-calendar.icon-btn {
  background-position: -1102px -780px;
}

.btn-primary .icon-created.icon-btn, .btn-primary .icon-enable.icon-btn, .btn-primary .icon-added.icon-btn, .btn-primary .icon-add.icon-btn {
  background-position: -660px -1102px;
}

.btn-primary .icon-check.icon-btn-xs, .btn-primary .icon-select.icon-btn-xs {
  background-position: -388px -66px;
}

.btn-primary .icon-check.icon-btn, .btn-primary .icon-select.icon-btn {
  background-position: -880px -1102px;
}

.btn-primary .icon-new-window.icon-btn {
  background-position: -600px -1102px;
}

.btn-danger .icon-api-delete.icon-btn-xs, .btn-danger .icon-deleted.icon-btn-xs, .btn-danger .icon-delete.icon-btn-xs {
  background-position: -93px -104px;
}

.btn-danger .icon-api-delete.icon-btn, .btn-danger .icon-deleted.icon-btn, .btn-danger .icon-delete.icon-btn {
  background-position: -20px -1102px;
}

.btn-danger .context-menu--dialog .icon-api-delete.context-menu__item-icon, .context-menu--dialog .btn-danger .icon-api-delete.context-menu__item-icon, .btn-danger .icon-api-delete.icon-tiny, .btn-danger .context-menu--dialog .icon-deleted.context-menu__item-icon, .context-menu--dialog .btn-danger .icon-deleted.context-menu__item-icon, .btn-danger .icon-deleted.icon-tiny, .btn-danger .context-menu--dialog .icon-delete.context-menu__item-icon, .context-menu--dialog .btn-danger .icon-delete.context-menu__item-icon, .btn-danger .icon-delete.icon-tiny {
  background-position: -952px -830px;
}

.btn-danger .icon-wizard-next.icon-btn, .btn-danger .icon-arrow-right.icon-btn {
  background-position: -1100px -580px;
}

.btn-danger .icon-disable.icon-btn-xs, .btn-danger .icon-removed.icon-btn-xs, .btn-danger .icon-remove.icon-btn-xs {
  background-position: -256px -94px;
}

.btn-danger .icon-disable.icon-btn, .btn-danger .icon-removed.icon-btn, .btn-danger .icon-remove.icon-btn {
  background-position: -480px -1102px;
}

.btn-warning .icon-disable.icon-btn, .btn-warning .icon-removed.icon-btn, .btn-warning .icon-remove.icon-btn {
  background-position: -480px -1102px;
}

.btn-success .icon-created.icon-btn, .btn-success .icon-enable.icon-btn, .btn-success .icon-added.icon-btn, .btn-success .icon-add.icon-btn {
  background-position: -660px -1102px;
}

.btn-help .icon-faq.icon-btn, .btn-help .icon-help.icon-btn {
  background-position: -280px -1102px;
}

.alert .icon-exception.icon-btn, .alert .icon-danger.icon-btn {
  background-position: 0 -1102px;
}

.alert .icon-warning.icon-btn {
  background-position: -1080px -1102px;
}

.alert .icon-about.icon-btn, .alert .icon-info.icon-btn {
  background-position: -380px -1102px;
}

.icon-mini.icon-user + span {
  margin-left: 2px;
}

.icon, .icon-btn-xs, .context-menu--popup .context-menu__item-icon, .icon-mini, .icon-btn, .context-menu--dialog .context-menu__item-icon, .icon-tiny, .icon-small, .icon-normal {
  display: inline-block;
  vertical-align: middle;
}

.icon--disabled {
  opacity: 0.5;
}

.icon--spin {
  animation: spin 1s infinite ease;
}

.icon--rotate {
  transition: transform 0.2s ease;
}

.icon--rotate--90 {
  transform: rotate(90deg);
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(180deg);
  }
}
/**
 * Icons with their own sprites.
 */
.icon--sprite--64, .icon--sprite--48, .icon--sprite--32, .icon--sprite--16 {
  background-size: 132px 294px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon--sprite--64, .icon--sprite--48, .icon--sprite--32, .icon--sprite--16 {
    background-size: 66px 147px;
  }
}

.icon--sprite--16 {
  width: 16px;
  height: 16px;
  background-position: -99px -131px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon--sprite--16 {
    background-position: -49.5px -74.5px;
  }
}

.icon--sprite--32 {
  width: 32px;
  height: 32px;
  background-position: -99px -183px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon--sprite--32 {
    background-position: -0.5px -114.5px;
  }
}

.icon--sprite--48 {
  width: 48px;
  height: 48px;
  background-position: -67px -229px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon--sprite--48 {
    background-position: -0.5px -65.5px;
  }
}

.icon--sprite--64 {
  width: 64px;
  height: 64px;
  background-position: -1px -229px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) {
  .icon--sprite--64 {
    background-position: -0.5px -0.5px;
  }
}

/*!
 * Cropper.js v1.5.12
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2021-06-12T08:00:11.623Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #333;
  outline-color: #333;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #333;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #333;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #333;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

@font-face {
  font-family: "merriweather";
  src: url("merriweather-regular.ttf?v=1712304704174") format("truetype");
}
@font-face {
  font-family: "merriweather-sans";
  src: url("merriweathersans-regular.ttf?v=1712304704174") format("truetype");
}
/*** Fonts & Algemeen ***/
body {
  font-family: "merriweather", Verdana, Geneva, Segoe UI, sans-serif;
}

h1, h2, h3, h4, .link-list__caption, .markdown h1, .markdown h2, .markdown h3, dt, .markdown h4, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "merriweather", Verdana, Geneva, Segoe UI, sans-serif;
}

header.main__header h2 {
  position: relative;
  margin-bottom: 4rem;
  /*font-size: calc(20px + 2vw);*/
  font-size: 2em;
  margin-top: 1em;
  /*&:after {
      content: '';
      display: block;
      background: #db6015;
      position: absolute;
      height: 0.375rem;
      bottom: -1.5rem;
      width: 7.5rem;
      z-index: 4;
  }*/
}

.spinner > div, .button__spinner > div {
  background-color: #005ae5;
}

/*** Buttons ***/
button, .btn-primary, .toolbar--bottom > button {
  font-family: "merriweather-sans", Verdana, Geneva, Segoe UI, sans-serif;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-align: center;
  text-decoration: none;
  color: #fff;
  border: 0;
  border-radius: 20rem;
  background: #005ae5;
  color: #fff;
  padding: 10px 15px;
}
button:hover, .btn-primary:hover, .toolbar--bottom > button:hover {
  background: #0043ab;
  color: #fff;
}

button.menu__item.menu__item--active {
  border-radius: 0px;
}

.menu__item {
  border-radius: 0px;
}
.menu__item:hover, .menu__item:focus {
  background-color: #6f6259;
}

.btn-toolbar, input[type=color].form__control, .btn-danger {
  border-radius: 2rem;
}

span.pagination__dropdown.button.btn.btn-toolbar {
  border-radius: 0px;
}

.btn-warning {
  background: #005ae5;
  border-color: #005ae5;
  border-radius: 2em;
}
.btn-warning:hover {
  background: #0043ab;
  border-color: #0043ab;
}

.btn-toolbar:active,
input[type=color].form__control:active,
.btn-toolbar.button--active,
input.button--active[type=color].form__control,
.btn-toolbar.button--drop,
input.button--drop[type=color].form__control {
  background-color: #005ae5;
  border-color: #005ae5;
  color: #fff;
}

section .toolbar button.toolbar__item {
  border: 2px solid #ddeaff;
  background: #ddeaff;
  border-radius: 0px;
  position: relative;
  /* left to right */
  background: linear-gradient(to left, #ddeaff 50%, #eaf2ff 50%) right;
  background-size: 200%;
  transition: 0.2s ease-in-out;
}
section .toolbar button.toolbar__item:hover {
  background-position: left;
}

.btn:focus, input[type=color].form__control:focus,
.btn:active:focus,
.btn.button--active:focus {
  outline: none;
}

.btn-default {
  border: none;
}
.btn-default:hover {
  background: #eaeaea;
  border: none;
}

.form__item.form__item--control.datepicker {
  border: 1px solid #949494;
  border-radius: 4px;
}

/*** Inhoud ***/
/*#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(5),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(7),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(9),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(11),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(13),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(15),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(17),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(19),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(21),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(23),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(25),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(27),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(29),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(31),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(33),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(37),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(39),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(41),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(43),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(45),
#model-input-form > fieldset > div.model-tab-content > div > div > div:nth-child(45) {
    width: 100% !important;
    grid-template-columns: 51mm auto !important;
    -ms-grid-columns: 51mm auto !important;
}*/
.textblock__table[style*="grid-template-columns: 51mm 124mm;"] {
  width: 100% !important;
  -ms-grid-columns: 50mm 1fr !important;
  grid-template-columns: 50mm 1fr !important;
}

.textblock__table[style*="grid-template-columns: 10mm 30mm 111mm;"] {
  width: 100% !important;
  -ms-grid-columns: 0.25fr 1fr 1fr !important;
  grid-template-columns: 0.25fr 1fr 1fr !important;
}

.textblock__table[style*="grid-template-columns: 20mm 104mm;"] {
  width: 100% !important;
  -ms-grid-columns: 0.25fr 1fr !important;
  grid-template-columns: 0.25fr 1fr !important;
}

.textblock__table[style*="grid-template-columns: 6mm 83mm 10mm 25mm;"] {
  width: 100% !important;
  max-width: 220mm;
  -ms-grid-columns: 1fr 6fr 1fr 2fr !important;
  grid-template-columns: 1fr 6fr 1fr 2fr !important;
}

.textblock__table[style*="grid-template-columns: 89mm 10mm 25mm;"] {
  width: 100% !important;
  max-width: 220mm;
  -ms-grid-columns: 10fr 1fr 3fr !important;
  grid-template-columns: 10fr 1fr 3fr !important;
}

.jumbotron--default {
  background: #f2eeede6;
  box-shadow: none;
  margin-top: 20vh;
  border-radius: 0px;
}

button.button.btn.btn-default.tab-selector__button.tab-selector__button--prev,
.tab-selector__dropdown,
button.button.btn.btn-default.tab-selector__button.tab-selector__button--next {
  border: 1px solid #ccc;
}

.textblock-control--checkbox {
  margin-right: 10px;
  padding: 5px;
}

.badge--danger, .navbar__item--active .badge--navbar {
  color: #fff;
  background-color: #005ae5;
  font-family: "merriweather-sans", Verdana, Geneva, Segoe UI, sans-serif;
}

.model-output-column, .model-input-column {
  top: 55px;
}

.model-output-column {
  background: #ededee;
}

.tree__node {
  padding: 5px 15px;
}
.tree__node:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #333;
  padding: 5px 15px;
}

.textblock-multiline textarea, .textblock-control--text__input, .tbe-preview__value-of {
  overflow: hidden;
  color: #000;
  background-color: #fff;
  border: 2px solid #f2eeede6;
  border-radius: 0px;
  box-shadow: none;
  padding: 6px 8px;
  margin: 1px 0;
  resize: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 32px;
}
.textblock-multiline textarea:focus, .textblock-control--text__input:focus, .tbe-preview__value-of:focus {
  border-color: #005ae5;
  box-shadow: none;
}

.textblock-control--text input {
  width: 100% !important;
}

.textblock__preview-only {
  background: #f2eeede6;
  margin: 0px !important;
}
.textblock__preview-only p.textblock__paragraph {
  background: #f2eeede6;
  margin-bottom: 1px;
  margin-top: 0px;
  padding: 2px 3px;
}

.textblock-control--text__input.textblock-control--invalid, .textblock-control--invalid.tbe-preview__value-of {
  border-color: #ccc;
}
.textblock-control--text__input.textblock-control--invalid:focus, .textblock-control--invalid.tbe-preview__value-of:focus {
  border-color: #8b817a;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px rgba(111, 98, 89, 0.8);
}

/*** Navbar ***/
.navbar {
  background: #6f6259;
  font-family: "merriweather-sans", Verdana, Geneva, Segoe UI, sans-serif;
  height: 55px;
  border: none;
}
.navbar span.icon-btn {
  mix-blend-mode: lighten;
}
.navbar .navbar__item--active {
  background: #a8a09b;
}
.navbar .navbar__item--active a.navbar__link, .navbar .navbar__item--active .navbar__link.link-list__item {
  color: #fff;
  background: inherit;
}
.navbar .navbar__item--active a.navbar__link:after, .navbar .navbar__item--active .navbar__link.link-list__item:after {
  display: none;
}
.navbar .navbar__item--active a.navbar__link:hover, .navbar .navbar__item--active .navbar__link.link-list__item:hover {
  background-color: inherit;
  color: #fff;
  -webkit-text-decoration: auto;
          text-decoration: auto;
}
.navbar .navbar__item--active a.navbar__link:hover span.navbar__icon, .navbar .navbar__item--active .navbar__link.link-list__item:hover span.navbar__icon {
  filter: contrast(100%) grayscale(100%) invert(1) brightness(2);
}
.navbar .navbar__item--active span.navbar__icon {
  filter: contrast(100%) grayscale(100%) invert(1) brightness(2);
  mix-blend-mode: color-burn;
}
.navbar a.navbar__link, .navbar .navbar__link.link-list__item {
  color: #a8a09b;
  /*&:after {
      content: "";
      display: block;
      position: absolute;
      bottom: 18px;
      width: 80%;
      background: #fff;
      transform: scaleY(0);
      transform-origin: bottom center;
      opacity: 0;
      transition: 0.2s ease-in-out;
      height: 4PX;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
  }*/
}
.navbar a.navbar__link:hover, .navbar .navbar__link.link-list__item:hover {
  background-color: inherit;
  color: #fff;
  text-decoration: none;
  /*&:after {
      transform: scaleY(2);
      opacity: 0.3;
  }*/
}
.navbar a.navbar__link:hover .navbar__caption, .navbar .navbar__link.link-list__item:hover .navbar__caption {
  text-decoration: none;
}
.navbar a.navbar__link:hover span.navbar__icon, .navbar .navbar__link.link-list__item:hover span.navbar__icon {
  /*filter: contrast(100%) grayscale(100%) invert(1) brightness(2);*/
}
.navbar .navbar__item.menu--open {
  background: #8b817a;
  color: #fff;
}
.navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view {
  background: #8b817a;
  border-radius: 0px;
  color: #fff;
  top: 53px;
  border: none;
}
.navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item {
  background-color: #8b817a;
}
.navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item:hover, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item:hover, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item:hover, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item:hover, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item:hover, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item:hover, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item:hover, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item:hover, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item:hover, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item:hover, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item:focus, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item:focus, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item:focus, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item:focus, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item:focus, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item:focus, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item:focus, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item:focus, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item:focus, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item:focus, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item:focus-visible, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item:focus-visible, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item:focus-visible, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item:focus-visible, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item:focus-visible, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item:focus-visible, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item:focus-visible, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item:focus-visible, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item:focus-visible, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item:focus-visible, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item:active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item:active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item:active, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item:active, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item:active, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item:active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item:active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item:active, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item:active, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item:active {
  background-color: #6f6259;
}
.navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item .menu__item-caption, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item .menu__item-caption, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item .menu__item-caption, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item .menu__item-caption, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item .menu__item-caption, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item.link-list__item .menu__item-caption, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item.link-list__item .menu__item-caption, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item.link-list__item .menu__item-caption, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item.link-list__item .menu__item-caption, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item.link-list__item .menu__item-caption {
  color: #fff;
}
.navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened a.menu__item--active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view a.menu__item--active, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content a.menu__item--active, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view a.menu__item--active, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view a.menu__item--active, .navbar .navbar__item.menu--open .menu.menu--navbar.menu--opened .menu__item--active.link-list__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.datepicker__view .menu__item--active.link-list__item, .navbar .navbar__item.menu--open .menu--navbar.menu--opened.droplist-content .menu__item--active.link-list__item, .navbar .navbar__item.menu--open .datepicker--opened .menu--navbar.datepicker__view .menu__item--active.link-list__item, .datepicker--opened .navbar .navbar__item.menu--open .menu--navbar.datepicker__view .menu__item--active.link-list__item {
  background-color: #6f6259;
}
.navbar .navbar__container--secondary a.navbar__link, .navbar .navbar__container--secondary .navbar__link.link-list__item {
  color: #fff;
  background: inherit;
}
.navbar .navbar__container--secondary a.navbar__link:after, .navbar .navbar__container--secondary .navbar__link.link-list__item:after {
  display: none;
}
.navbar .navbar__container--secondary a.navbar__link:hover, .navbar .navbar__container--secondary .navbar__link.link-list__item:hover {
  background: #a8a09b;
}

body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item,
body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item.navbar__item--active {
  display: inline-block;
}
body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item a:before, body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item .link-list__item:before,
body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item.navbar__item--active a:before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-label='Go to homepage' width='150px' height='43px' viewBox='0 0 150 43' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Ontwerp-01-06-2022' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg transform='translate(-100.000000, -47.000000)'%3E%3Cg id='Group-16' transform='translate(100.000000, 47.000000)'%3E%3Cpath d='M56.1992678,30.9141638 L56.1992678,31.0128713 C56.1992678,35.2938285 53.1263213,37.9935427 48.5637138,37.9935427 C44.8110253,37.9935427 42.0702545,36.1642492 41.2141645,33.1338007 C41.0294799,32.4800237 40.9281598,31.7724063 40.9281598,31.0128713 L40.9281598,28.6663248 L40.9281598,20.2986207 C40.9281598,16.345193 43.6067278,13.732649 47.6742779,13.4019148 L38.688859,13.4019148 C37.2690962,15.267743 36.458536,17.6232629 36.458536,20.2986207 L36.458536,28.3772529 L36.458536,31.0128713 C36.458536,31.6897228 36.511761,32.3454226 36.610516,32.9786889 C37.4986694,38.6556521 42.2389075,42.4610186 48.5637138,42.4610186 C55.5939128,42.4610186 60.6688917,37.760875 60.6688917,31.0128713 L60.6688917,22.2657202 C60.3713443,25.944177 58.7373986,28.9912904 56.1992678,30.9141638' class='link-icon' id='Fill-1' fill='%23AB59A1'%3E%3C/path%3E%3Cpath d='M9.82355353,28.6665812 L4.65559101,28.6665812 L4.65559101,5.02613468 L9.82355353,5.02613468 C16.4350058,5.02613468 21.4170012,10.1916136 21.4170012,16.8460375 C21.4170012,23.5011023 16.4350058,28.6665812 9.82355353,28.6665812 M10.0095207,0.558658818 L0,0.558658818 L0,33.1340571 L10.0095207,33.1340571 C19.6477483,33.1340571 26.0725922,26.5257822 26.0725922,16.8460375 C26.0725922,7.16693373 19.6477483,0.558658818 10.0095207,0.558658818' id='Fill-3' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3Cpath d='M73.5636604,13.8214217 C76.5436234,13.8214217 78.6386394,15.1712788 79.7557247,17.6838334 L83.992569,16.1948884 C82.2701286,11.8671414 78.452031,9.35394584 73.5636604,9.35394584 C66.8124122,9.35394584 62.1100088,14.4264859 62.1100088,21.4533062 C62.1100088,28.4807675 66.8124122,33.5533076 73.5636604,33.5533076 C78.452031,33.5533076 82.2233162,31.086902 83.992569,26.712365 L79.7557247,25.269569 C78.6386394,27.7821235 76.5436234,29.0851907 73.5636604,29.0851907 C69.2800037,29.0851907 66.5796326,26.0143619 66.5796326,21.4533062 C66.5796326,16.8928915 69.2800037,13.8214217 73.5636604,13.8214217' id='Fill-5' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3Cpath d='M49.753647,8.94488657 C49.6074383,8.94039987 49.4612297,8.93463125 49.3130973,8.93463125 L47.538073,8.93463125 L38.5936952,8.93463125 C31.8424469,8.93463125 27.1400435,14.0071713 27.1400435,21.0339916 C27.1400435,27.3499898 30.9401857,32.0847451 36.6109008,32.9788812 C36.5115045,32.3456149 36.4582794,31.6899151 36.4582794,31.0130636 L36.4582794,28.3774451 C33.4340691,27.5172798 31.6096674,24.78039 31.6096674,21.0339916 C31.6096674,16.4735769 34.3100384,13.4021071 38.5936952,13.4021071 L38.6886025,13.4021071 L47.6746627,13.4021071 C47.9645149,13.3783917 48.2601385,13.3649316 48.5634573,13.3649316 C48.8994807,13.3649316 49.2252438,13.3841603 49.543953,13.4130034 C51.5927978,13.4687667 53.2677846,14.2513762 54.4303998,15.5826455 C55.4673269,16.6716328 56.0874311,18.1240432 56.1791321,19.8546293 C56.2208144,20.2366401 56.2503126,20.6269834 56.2503126,21.0339916 C56.2503126,21.3788269 56.2297921,21.711484 56.1990113,22.0383725 C55.8283596,26.0379492 53.2299499,28.6665171 49.3130973,28.6665171 L40.9279033,28.6665171 L40.9279033,31.0130636 C40.9279033,31.7725986 41.0292233,32.480216 41.2139079,33.133993 L49.3130973,33.133993 C51.9833288,33.133993 54.3348511,32.3270271 56.1990113,30.9143561 C58.7371421,28.9914827 60.3710878,25.9437284 60.6692765,22.2659125 L60.6692765,20.298813 C60.6692765,20.0501214 60.6596575,19.8059165 60.6461909,19.5629935 C60.4845919,16.7132951 59.3848207,14.2609906 57.60146,12.4291332 C55.672532,10.3312783 52.9542055,9.05320844 49.753647,8.94488657 Z' id='Fill-7' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3Cpath d='M99.0168538,14.8452236 C94.3144503,13.867763 91.1953326,12.3320281 91.1953326,8.79586388 C91.1953326,5.91027187 93.7090952,4.18865922 97.992752,4.18865922 C101.950004,4.18865922 103.998849,5.49172643 105.209559,8.74907397 L109.166812,7.44600676 C107.67651,2.28052785 104.138004,0 97.8061436,0 C90.9619118,0 86.7250675,3.30413746 86.7250675,8.65613508 C86.7250675,13.7748241 89.798014,16.8930838 96.9218378,18.2422999 C102.881123,19.3594894 105.628306,21.2208308 105.628306,24.6646971 C105.628306,27.5034992 102.462376,29.5039285 98.0389231,29.5039285 C93.3365197,29.5039285 90.3103856,27.2708315 90.1705896,23.6404465 L85.6547946,23.6404465 C85.6547946,24.1525718 85.7009657,24.757636 85.7939493,25.2691203 C86.9584883,30.574969 91.6140793,33.6925877 98.3185151,33.6925877 C105.348714,33.6925877 110.09793,30.1096336 110.09793,24.8037849 C110.09793,19.5453671 106.513253,16.3809585 99.0168538,14.8452236' id='Fill-9' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3Cpath d='M137.801197,14.0540894 L149.161865,14.0540894 L149.161865,9.86607112 L133.098794,9.86607112 L133.098794,13.3560863 C133.098794,21.9186416 145.250784,22.9428922 145.250784,28.9461029 L132.958998,28.9461029 L132.958998,33.1341212 L150,33.1341212 L150,29.6441059 C150,20.2431779 137.801197,19.9643613 137.801197,14.0540894' id='Fill-11' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3Cpath d='M126.170813,22.9892975 C126.170813,27.4099834 124.354747,29.6905113 120.863054,29.6905113 C117.603499,29.6905113 115.974684,27.1311668 115.974684,22.0586268 L115.974684,9.86568655 L111.504419,9.86568655 L111.504419,23.9199682 C111.504419,29.923179 114.856957,33.6926518 120.211528,33.6926518 C123.842376,33.6926518 125.332678,32.0171881 126.170813,30.8538497 L126.170813,38.9042797 L112.01679,38.9042797 L112.01679,43 L130.640437,43 L130.640437,9.86568655 L126.170813,9.86568655 L126.170813,22.9892975 Z' id='Fill-13' fill='%23FFFFFF' class='white-letter'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  width: 110px;
  height: 31px;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 3px;
}
body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item a span.navbar__caption, body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item .link-list__item span.navbar__caption,
body > div.body__wrap > nav > div.navbar__container.navbar__container--primary > div.navbar__item--home.navbar__item.navbar__item--active a span.navbar__caption {
  display: none;
}

/*** Tabs ***/
.page--settings .tabpanel, .model-output-column .tabpanel {
  background: #f5f5f5;
  border: none;
}

.tablist {
  border: none;
  padding: 0px;
}
.tablist a.tab, .tablist .tab.link-list__item {
  border: none;
}
.tablist a.tab.tablist__tab, .tablist .tab.tablist__tab.link-list__item {
  background: #ededed;
  margin: 5px 0px 0px 0px;
}
.tablist a.tab.tab.tab--active, .tablist .tab.tab.tab--active.link-list__item {
  background: #f5f5f5;
  border: none;
}

.tab.tablist__tab.tab--active {
  background: #f5f5f5;
  border: none;
  margin: 5px 0px 0px 0px;
}

/*** Footer ***/
footer {
  color: #fff;
  background: #333;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-around;
  height: auto;
  min-height: 110px;
  margin-top: -110px;
}
footer .footer__logo {
  background: url(logo.svg?v=1712304704174) no-repeat center;
  background-size: contain;
  height: 60px;
  width: 100px;
  margin-left: auto;
  display: flex;
  justify-content: left;
  filter: invert(1);
}
footer .footer__copyright {
  display: flex;
  flex: auto;
  align-items: center;
  min-width: 100px;
  justify-content: flex-end;
}
/*# sourceMappingURL=raetsheren.css.map */