/* @import "debug.css"; */
/**
 * Base variables.
 */
:root {
  /* Base colors. */
  /* Status colors */ /* RGB: 191, 63, 63 */ /* RGB: 63, 191, 63 */ /* RGB: 249, 170, 0 */
  /* Theme colors. */        /* Primary color for links, buttons, etc. */ /* Prominent borders, link hover, etc. */        /* Fields bg color. */      /* Main dark, for inverted containers, etc. */          /* Table lines, header lines and some other borders. */
  /* Layout */
  /* Layout OLD - @TODO - refactor/remove */
  /* Typo */
  /* z-index */
  /* Elements */ /* Body text color. @TODO */        /* Footer color */ /* Footer bg color */
  /* Transitions */
}
/**
 * Layout custom media.
 */
/**
 * Mixins
 */
/**
 * Roboto
 */
@font-face {
  font-family: Roboto;
  src: url("/themes/custom/vibconnect/fonts/Roboto-Regular.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Roboto-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/themes/custom/vibconnect/fonts/Roboto-Light.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Roboto-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: Roboto;
  src: url("/themes/custom/vibconnect/fonts/Roboto-Italic.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Roboto-Italic.woff") format("woff");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: Roboto;
  src: url("/themes/custom/vibconnect/fonts/Roboto-Bold.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Roboto-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src:
    url("/themes/custom/vibconnect/fonts/RobotoMono-Bold.woff2") format("woff2"),
    url("/themes/custom/vibconnect/fonts/RobotoMono-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Mono";
  src:
    url("/themes/custom/vibconnect/fonts/RobotoMono-Italic.woff2") format("woff2"),
    url("/themes/custom/vibconnect/fonts/RobotoMono-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("/themes/custom/vibconnect/fonts/RobotoMono-Regular.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/RobotoMono-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
 * Rubik
 */
@font-face {
  font-family: Rubik;
  src: url("/themes/custom/vibconnect/fonts/Rubik-Black.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Rubik-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  src:
    url("/themes/custom/vibconnect/fonts/Rubik-BlackItalic.woff2") format("woff2"),
    url("/themes/custom/vibconnect/fonts/Rubik-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: Rubik;
  src: url("/themes/custom/vibconnect/fonts/Rubik-ExtraBold.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Rubik-ExtraBoldMedium.woff") format("woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  src: url("/themes/custom/vibconnect/fonts/Rubik-Medium.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Rubik-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Rubik;
  src: url("/themes/custom/vibconnect/fonts/Rubik-Regular.woff2") format("woff2"), url("/themes/custom/vibconnect/fonts/Rubik-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* Icons */
@font-face {
  font-family: "VIB Icons";
  src: url("/themes/custom/vibconnect/images/icons/vib.woff2") format("woff2"), url("/themes/custom/vibconnect/images/icons/vib.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/**
 * Basic elements.
 */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #000000;
  background-color: transparent;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
}
a {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  color: #009fe3;
}
a:hover {
    text-decoration: none;
    color: #000000;
  }
a:focus {
    text-decoration: none;
    color: #000000;
  }
h1 {
  margin-bottom: 2.875rem;
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.2;
}
h1 em {
    font-family: "Roboto Mono", monospace;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    margin-right: 1rem;
    padding-top: 0.1rem;
    border-top: 2px solid #000000;
  }
h4 {
  font-weight: 300;
}
p {
  margin-bottom: 24px;
}
ul {
  padding-left: 1.2rem;
  list-style: "\2013\0020" inside;
  text-indent: -1.2rem;
}
ul.links.inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 0;
    list-style: none;
    text-indent: 0;
  }
ul.links.inline li:not(:last-child) {
      margin-right: 6px;
    }
small {
  font-size: 12px;
  line-height: 1.5;
}
dd {
  margin-bottom: 18px;
}
/**
 * Classes
 */
.box-centered {
  max-width: 400px;
  margin: 0 auto;
}
.box-centered div.status-message {
    width: 100%;
  }
@media (min-width: 992px) {
.box-centered {

    max-width: calc(calc(calc(100% - calc(1.5625%*15))/16*8) + calc(1.5625%*7))
}
@media (min-width: 992px) {
    .box-centered {

    max-width: calc(calc(calc(100% - calc(1.5625%*15))/16*8) + calc(1.5625%*7));
    }
  }
@media (min-width: 992px) {
    .box-centered {

    max-width: calc(calc(calc(100% - calc(1.5625%*15))/16*8) + calc(1.5625%*7));
    }
  }
@media (min-width: 992px) {
    .box-centered {

    max-width: calc(calc(calc(100% - calc(1.5625%*15))/16*8) + calc(1.5625%*7));
    }
  }
@media (min-width: 992px) {
    .box-centered {

    max-width: calc(calc(calc(100% - calc(1.5625%*15))/16*8) + calc(1.5625%*7));
    }
  }
  }
.display-none {
    display: none !important;
  }
.display-block {
    display: block !important;
  }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete {
  list-style-position: inside;
  font-size: 0.9rem;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete li {
    margin-left: 1rem;
  }
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete li a:hover {
    color: #fff;
    border: none;
    background-color: #000000;
  }
.pager {
  margin: 1rem 0;
}
.pager .pager__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
.pager .pager__item {
    margin: 0 0.5rem;
  }
.pager .pager__item.is-active {
      font-family: "Roboto Mono", monospace;
      font-size: 16px;
      font-weight: bold;
      line-height: 24px;
    }
.tabledrag-toggle-weight-wrapper {
  margin-bottom: 1rem;
}
.inventory-state {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
@media (min-width: 992px) {
.inventory-state .inventory-label {
        display: none
    }
      }
.inventory-mode {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    border-radius: 50%;
  }
.inventory-status {
    display: inline-block;
    width: 27px;
    height: 27px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
@media (min-width: 992px) {
.inventory-status {
      width: 34px;
      height: 34px
  }
    }
/* UI icons. */
.icon-burger {
    background: url("../../images/icons/burger.svg") no-repeat center;
  }
.icon-close-white {
    background: url("../../images/icons/x-white.svg") no-repeat center;
  }
.icon-close-gray {
    background: url("../../images/icons/x-gray.svg") no-repeat center;
  }
.icon-filter-white {
    background: url("../../images/icons/filter-white.svg") no-repeat center;
  }
.icon-filter-gray {
    background: url("../../images/icons/filter-gray.svg") no-repeat center;
  }
.icon-link-add {
    color: #009fe3;
  }
.icon-link-add::before {
      font-family: "VIB Icons";
      font-weight: normal;
      -webkit-font-feature-settings: normal;
              font-feature-settings: normal;
      font-variant: normal;
      font-style: normal;
      letter-spacing: normal;
      line-height: 1;
      text-rendering: auto;
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;

      display: inline-block;
      margin-right: 0.4375em;
      content: "\e900";
      color: #009fe3;
      font-size: 13px;
      -webkit-transform: translateY(-1px);
              transform: translateY(-1px);
    }
/* File type icons. */
.icon-filetype {
    display: block;
    width: 42px;
    height: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
.icon-csv {
    background-image: url("../../images/icons/csv.svg");
  }
.icon-doc {
    background-image: url("../../images/icons/doc.svg");
  }
.icon-jpg {
    background-image: url("../../images/icons/jpg.svg");
  }
.icon-pdf {
    background-image: url("../../images/icons/pdf.svg");
  }
.icon-png {
    background-image: url("../../images/icons/png.svg");
  }
.icon-ppt {
    background-image: url("../../images/icons/ppt.svg");
  }
.icon-svg {
    background-image: url("../../images/icons/svg.svg");
  }
.icon-xls {
    background-image: url("../../images/icons/xls.svg");
  }
.icon-xml {
    background-image: url("../../images/icons/xml.svg");
  }
/* Status icons. */
.icon-admission {
    background-image: url("../../images/icons/admission.svg");
  }
.icon-maintenance {
    background-image: url("../../images/icons/maintenance.svg");
  }
.icon-operational {
    background-image: url("../../images/icons/operational.svg");
  }
.icon-ordered {
    background-image: url("../../images/icons/ordered.svg");
  }
.icon-outofservice {
    background-image: url("../../images/icons/outofservice.svg");
  }
.container {
  width: 100%;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 18px;
  padding-left: 18px;
}
@media (min-width: 992px) {
.container {
    max-width: calc(1200px + 24px);
    padding-right: calc(24px/2);
    padding-left: calc(24px/2)
}
  }
.display-only-small {
  display: none;
}
@media (max-width: 991px) {
.display-only-small {
    display: block
}
  }
.display-only-big {
  display: none;
}
@media (min-width: 992px) {
.display-only-big {
    display: block
}
  }
.d-block {
  display: block;
}
.mb-xs {
  margin-bottom: 6px;
}
.mb-gg {
  margin-bottom: 24px;
}
.mb-sm {
  margin-bottom: 18px;
}
.mb-md {
  margin-bottom: 42px;
}
.mb-lg {
  margin-bottom: 60px;
}
.mb-xl {
  margin-bottom: 72px;
}
@media (min-width: 992px) {
  .mb-res-xs {
    margin-bottom: 6px;
  }

  .mb-res-gg {
    margin-bottom: 24px;
  }

  .mb-res-sm {
    margin-bottom: 18px;
  }

  .mb-res-md {
    margin-bottom: 42px;
  }

  .mb-res-lg {
    margin-bottom: 60px;
  }

  .mb-res-xl {
    margin-bottom: 72px;
  }
}
html.responsive-menu-open {
    overflow: hidden;
  }
body.responsive-menu-open {
    overflow: hidden;
    height: 100vh;
  }
/* Custom design for user login form page. */
body.user-login .pagecontainer {
      background-color: #000000;
    }
body.user-login .region-content {
      padding: calc(24px*1.5);
      border-radius: 6px;
      background-color: #fff;
    }
body.user-login .form-actions {
      margin-bottom: 0;
    }
body.user-login input {
      border-radius: calc(6px/2);
    }
body.user-login .button {
      border-radius: 6px;
    }
/* Adjust sticky header position if admin toolbar is present. */
.toolbar-fixed .toolbar-bar {
    z-index: 1030;
  }
.toolbar-fixed .site-header {
    top: 39px;
  }
.toolbar-fixed.toolbar-tray-open.toolbar-horizontal .site-header {
        top: 79px;
      }
/* Adjust dialog z-index. */
.ui-widget.ui-widget-content {
  z-index: 1055;
}
/* Expand page to minimal viewport height so we can stick footer to the bottom
   of the page when page is shorter then viewport. */
.pagecontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.pagecontainer .site-main {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
.primary-menu-open {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1;
  }
.primary-menu-open .icon-burger {
      display: block;
      width: 24px;
      height: 12px;
    }
.primary-menu-close {
    position: absolute;
    top: 1rem;
    right: 12px;
    padding: 0.25rem 0.5rem;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1;
  }
.primary-menu-close .icon-close-white {
      display: block;
      width: 18px;
      height: 18px;
    }
/**
 * Header
 */
.site-header {
  position: sticky;
  z-index: 1020;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 42px;
  padding-bottom: 24px;
  border-bottom: 1px solid #d7dadb;
  background-color: #fff;
}
.site-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
@media (max-width: 991px) {
.site-header {
    padding-top: 18px;
    padding-bottom: 18px
}

    .site-header .primary-menu-open {
      padding-top: 6px;
      padding-bottom: 6px;
    }

    .site-header .region-header {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
    }

      .site-header .region-header #branding {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
      }
  }
.region-primary-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.region-primary-menu .block-menu summary {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
    }
.region-primary-menu .block-menu a {
      font-family: "Roboto", sans-serif;
      font-weight: 300;
    }
.region-primary-menu .menu--main a {
      text-transform: uppercase;
      font-family: "Rubik", sans-serif;
      font-weight: 800;
    }
.region-primary-menu .menu--main a.is-active {
        border-bottom: 2px solid;
      }
@media (max-width: 991px) {
.region-primary-menu {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100vw;
    height: 100vh;
    margin-top: 0;
    padding: 120px 78px;
    color: #fff;
    background-color: #000000
}

    .region-primary-menu:target {
      display: block;
    }

    .region-primary-menu a {
      color: #fff;
    }
      .region-primary-menu .block-menu:not(:last-child) {
        margin-bottom: 2.1875rem;
      }
      /* @see https://stackoverflow.com/a/56649741 */
      .region-primary-menu .block-menu summary {
        list-style: none;
      }

        .region-primary-menu .block-menu summary::-webkit-details-marker {
          display: none;
        }

      /* Remove summary arrow. */

      .region-primary-menu .block-menu summary,
      .region-primary-menu .block-menu li {
        padding-top: 0.46875rem;
        padding-bottom: 0.46875rem;
        font-size: 1.125rem;
        line-height: 1.2;
      }
        .region-primary-menu .block-menu details li {
          font-size: 0.9375rem;
        }
        .region-primary-menu .block-menu a:hover,
        .region-primary-menu .block-menu a:focus,
        .region-primary-menu .block-menu a.is-active {
          border-bottom: 1px solid;
        }

    .region-primary-menu .menu--main {
      margin-bottom: 5.25rem;
    }

      .region-primary-menu .menu--main li:not(:last-child) {
        margin-bottom: 1.5rem;
      }

      .region-primary-menu .menu--main a {
        font-size: 1.875rem;
      }

        .region-primary-menu .menu--main a:hover,
        .region-primary-menu .menu--main a:focus {
          text-decoration: none;
          border-bottom: 2px solid;
        }
  }
@media (min-width: 992px) {
    .region-primary-menu a {
      color: #000000;
    }

      .region-primary-menu a:hover {
        color: #009fe3;
      }

      .region-primary-menu a:focus {
        color: #009fe3;
      }

      .region-primary-menu a.is-active {
        color: #000000;
      }
      .region-primary-menu .block-menu:not(:last-child) {
        margin-right: 1.75rem;
      }

      .region-primary-menu .block-menu summary,
      .region-primary-menu .block-menu a {
        font-size: 15px;
      }

        .region-primary-menu .block-menu summary:hover {
          cursor: pointer;
          color: #009fe3;
        }

        .region-primary-menu .block-menu summary:focus {
          cursor: pointer;
          color: #009fe3;
        }

        .region-primary-menu .block-menu a:hover {
          cursor: pointer;
          color: #009fe3;
        }

        .region-primary-menu .block-menu a:focus {
          cursor: pointer;
          color: #009fe3;
        }

        .region-primary-menu .block-menu summary.is-active {
          color: #000000;
        }

        .region-primary-menu .block-menu a.is-active {
          color: #000000;
        }

    .region-primary-menu .menu--main {
      margin-right: 3.75rem !important;
    }

      .region-primary-menu .menu--main ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

      .region-primary-menu .menu--main li:not(:last-child) {
        margin-right: 1.625rem;
      }

      .region-primary-menu .menu--main a {
        font-size: 18px;
      }
      .region-primary-menu .menu--account ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
      }

      .region-primary-menu .menu--account li:not(:last-child) {
        margin-right: 1rem;
      }
  }
/**
 * Main
 */
.site-main {
  margin-bottom: 6rem;
}
.region-content {
  margin-top: 42px;
}
/**
 * Footer
 */
.site-footer {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  background-color: #000000;
}
.site-footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
@media (min-width: 992px) {
.site-footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}
  }
.region-footer {
  color: #fff;
  font-family: "Roboto Mono", monospace;
}
.region-footer a {
    color: #fff;
    border-bottom: 1px solid transparent;
  }
.region-footer a:hover,
    .region-footer a:focus,
    .region-footer a .is-active {
      border-bottom-color: inherit;
    }
.region-footer .field--name-body p:last-child {
      margin-bottom: 0;
    }
.region-footer .block-menu ul {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.region-footer .block-menu li:not(:last-child) {
      margin-right: 2rem;
    }
@media (min-width: 992px) {
      .region-footer .block-menu li:not(:last-child) {
        margin-right: 2.25rem;
      }
  }
nav a {
    text-decoration: none;
  }
nav ul {
    padding: 0;
    list-style: none;
    text-indent: unset;
  }
@media (min-width: 992px) {
.block-menu {
    /* Dropdown menu support for big screens. */
}
        .block-menu details summary:hover {
          cursor: pointer;
        }

      .block-menu details > ul {
        position: absolute;
        top: 100%;
        display: block !important;
        padding: 2px 2rem 5px 5px;
        border-radius: 0 0 6px 6px;
        background-color: #000000;
      }

        .block-menu details > ul a {
          color: #fff;
        }

          .block-menu details > ul a.is-active {
            color: #fff !important;
            border-bottom: 1px solid #fff;
          }
  }
nav#vibconnect-local-tasks {
  margin-bottom: 42px;
}
nav#vibconnect-local-tasks ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
nav#vibconnect-local-tasks li:not(:last-child) {
    margin-right: 1rem;
  }
.login #vibconnect-local-tasks,
.region__breadcrumb nav,
#vibconnect-local-actions {
  margin-bottom: 1rem;
}
.login #vibconnect-local-tasks a {
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    color: #fff;
    border: 1px solid #000000;
    border-radius: 3px;
    background-color: #000000;
    font-size: 0.86rem;
  }
.region__breadcrumb nav a {
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    color: #fff;
    border: 1px solid #000000;
    border-radius: 3px;
    background-color: #000000;
    font-size: 0.86rem;
  }
#vibconnect-local-actions a {
    padding: 0.3rem 0.5rem;
    text-decoration: none;
    color: #fff;
    border: 1px solid #000000;
    border-radius: 3px;
    background-color: #000000;
    font-size: 0.86rem;
  }
.login #vibconnect-local-tasks a:hover {
    text-decoration: underline;
    color: #000000;
    background-color: #fff;
  }
.region__breadcrumb nav a:hover {
    text-decoration: underline;
    color: #000000;
    background-color: #fff;
  }
#vibconnect-local-actions a:hover {
    text-decoration: underline;
    color: #000000;
    background-color: #fff;
  }
.login #vibconnect-local-tasks ul, .region__breadcrumb nav ul, #vibconnect-local-actions ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 0;
    list-style: none;
  }
.login #vibconnect-local-tasks li, .region__breadcrumb nav li, #vibconnect-local-actions li {
    margin-right: 0.5rem;
    padding: 0;
    text-indent: 0;
  }
/* Drupal Dropdown menus, eg. to edit Taxonomy Term */
.dropbutton-wrapper ul {
    text-indent: 0;
    background-color: #fff;
    border: 1px solid transparent;
  }
.dropbutton-wrapper li {
    padding: 0.25rem 0.5rem;
  }
.dropbutton-wrapper li:last-child {
      padding-bottom: 0.5rem;
    }
.dropbutton-wrapper a {
    white-space: nowrap;
  }
.dropbutton-wrapper.open ul {
      border-radius: 3px;
      background-color: #f5f5f5;
      border-color: #d7dadb;
      -webkit-box-shadow: 1px 1px 2px rgba(215,218,219,0.63922);
              box-shadow: 1px 1px 2px rgba(215,218,219,0.63922);
    }
.site-logo {
  display: block;
  width: 120px;
  height: 30px;
}
.site-logo img {
    display: block;
    max-width: 120px;
    max-height: 30px;
  }
@media (min-width: 992px) {
.site-logo {
    width: 180px;
    height: 40px
}

    .site-logo img {
      max-width: 180px;
      max-height: 40px;
    }
  }
#footerbrand {
  display: block;
  padding-right: 1rem;
}
.comment mark {
    text-transform: uppercase;
    background-color: transparent;
  }
.comment__title {
    margin-bottom: 10px;
  }
.comment__title a {
      color: #000000;
      font-size: 15px;
      font-weight: normal;
      line-height: 1.2;
    }
.comment__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    color: #7e8c8f;
    font-family: "Roboto Mono", monospace;
  }
.comment__meta p {
      margin-bottom: 1rem;
      font-size: 12px;
      line-height: 1.5;
    }
.comment__meta p:not(:last-child) {
        margin-right: 0.5rem;
      }
.comment_body {
    margin-bottom: calc(6px*4);
    font-family: "Roboto", sans-serif;
  }
.comment .indented {
    margin-left: 2rem;
    padding-left: 1rem;
    border-left: 1px solid #d7dadb;
  }
@media (min-width: 992px) {
    .comment_body {
      margin-bottom: calc(18px*2);
    }
  }
.progress__track {
    border-color: #000000;
  }
.progress__bar {
    background-color: #000000;
  }
.progress__description {
    color: #000000;
  }
.progress__percentage {
    color: #000000;
  }
.views-exposed-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: calc(24px*-0.25);
  margin-left: calc(24px*-0.25);
}
.views-exposed-form > .form-item {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-right: calc(24px*0.25);
    padding-left: calc(24px*0.25);
  }
.views-exposed-form > fieldset.form-item.form-wrapper {
    padding: 0 1rem 0.5rem;
    border: none;
  }
.views-exposed-form > fieldset.form-item.form-wrapper .fieldset-wrapper {
      padding: 0;
    }
.views-exposed-form .form-actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    padding-right: calc(24px*0.25);
    padding-left: calc(24px*0.25);
  }
@media (min-width: 768px) {
      .views-exposed-form > fieldset.form-item.form-wrapper .fieldset-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
      }

        .views-exposed-form > fieldset.form-item.form-wrapper .fieldset-wrapper > * {
          -webkit-box-flex: 0;
              -ms-flex: 0 1 49%;
                  flex: 0 1 49%;
        }
  }
@media (min-width: 992px) {
.views-exposed-form {
    margin-right: calc(24px*-0.5);
    margin-left: calc(24px*-0.5)
}

    .views-exposed-form > .form-item {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 33.33333%;
              flex: 0 0 33.33333%;
      max-width: 33.33333%;
      padding-right: calc(24px*0.5);
      padding-left: calc(24px*0.5);
    }

      .views-exposed-form > .form-item.js-form-type-select {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 16.66667%;
                flex: 0 0 16.66667%;
        max-width: 16.66667%;
      }

    .views-exposed-form .form-actions {
      padding-right: calc(24px*0.5);
      padding-left: calc(24px*0.5);
    }
  }
.views-row-label {
    margin-bottom: 10px;
    letter-spacing: 0.024em;
    font-size: 15px;
    line-height: 1.2;
  }
.views-row + .views-row-label {
    margin-top: 60px;
  }
/* Views header is used for manual actions button section. */
.view-header {
    margin-bottom: 1.5rem;
  }
.view-action {
    font-size: 18px;
  }
.view .views-field__label {
    margin-bottom: 0.5rem;
    font-family: "Roboto", sans-serif;
    font-size: 12px;
  }
.view .views-field__value {
    line-height: 1.25;
  }
.view-filters {
    position: relative;
  }
.view-filters::before {
      position: absolute;
      top: 10px;
      left: 10px;
      display: block;
      width: 14px;
      height: 14px;
      content: "";
      background: url("../../images/icons/filter-gray.svg") no-repeat center;
    }
/* Support opening and closing of views filters. */
.view-filters-open-link {
      margin-bottom: 1.5rem;
    }
.view-filters-open-link.button {
        /* Flex center for icon. */
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-size: 15px;
      }
.view-filters-open-link.button::before {
          display: inline-block;
          width: 14px;
          height: 14px;
          margin-right: 0.4375em;
          content: "";
          background: url("../../images/icons/filter-gray.svg") no-repeat center;
        }
.view-filters-open-link.button:hover::before, .view-filters-open-link.button:focus::before {
            background-image: url("../../images/icons/filter-white.svg");
          }
.view-filters-open-link + .view-filters {
        display: none;
      }
/* NO JS support. */
.view-filters-open-link + .view-filters:target {
          display: block;
        }
@media (min-width: 992px) {
      .view-filters::before {
        top: 12px;
        left: 12px;
        width: 21px;
        height: 21px;
      }

      .view-filters-open-link {
        margin-bottom: 1.75rem;
      }
    }
/* Inventory view */
@media (min-width: 992px) {
.view-inventory th.views-field-field-status,
      .view-inventory th.views-field-field-mode,
      .view-inventory td.views-field-field-status,
      .view-inventory td.views-field-field-mode {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 90px;
                  flex: 0 0 90px;
          max-width: 90px
      }
        }
@media (max-width: 991px) {
.view-inventory {

      /* Reorder cells for inventory view. */
  }
        .view-inventory table.default tr {
          display: grid;
          grid-template-rows: 1fr 1fr;
          grid-template-columns: 1fr 1fr;
        }
        .view-inventory td:nth-child(1) {
          -webkit-box-ordinal-group: -2;
              -ms-flex-order: -3;
                  order: -3;
        }

          .view-inventory td:nth-child(1) .views-field__label {
            display: none;
          }

        .view-inventory td:nth-child(2) {
          -webkit-box-ordinal-group: -1;
              -ms-flex-order: -2;
                  order: -2;
        }

          .view-inventory td:nth-child(2) .views-field__label {
            display: none;
          }

        .view-inventory td:nth-child(4) {
          display: -webkit-box !important;
          display: -ms-flexbox !important;
          display: flex !important;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          grid-row: 1/3;
          grid-column: 2/3;
          -webkit-box-ordinal-group: 0;
              -ms-flex-order: -1;
                  order: -1;
        }

          .view-inventory td:nth-child(4) .views-field__value {
            margin-top: auto;
            margin-bottom: auto;
          }

        .view-inventory td:nth-child(n+3) {
          display: none;
        }
    }
@media (min-width: 992px) {
    .view-action {
      margin-top: -82px;
      margin-bottom: 58px;
      text-align: right;
    }
      .view th.views-field-title, .view td.views-field-title {
        -webkit-box-flex: 1.2;
            -ms-flex: 1.2 0 0px;
                flex: 1.2 0 0;
      }

      .view th .views-field-field-serialnr, .view td .views-field-field-serialnr {
        -webkit-box-flex: 0.8;
            -ms-flex: 0.8 0 0px;
                flex: 0.8 0 0;
      }
  }
.views-field-frequency-summary s {
      color: #7e8c8f;
    }
.js-drupal-fullcalendar .fc-left .fc-button-primary {
      color: #000000;
      border-color: transparent;
      background-color: transparent;
    }
.js-drupal-fullcalendar .fc-content-skeleton tbody tr {
    border: unset;
  }
.js-drupal-fullcalendar .fc-day-number {
    color: #009fe3;
    font-weight: bold;
  }
.js-drupal-fullcalendar .fc-event {
    font-weight: bold;
  }
@media (max-width: 991px) {
    .js-drupal-fullcalendar .fc-toolbar {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
    }

    .js-drupal-fullcalendar .fc-left {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      /* Align left button with the content. */
      margin-left: -1em;
    }

    .js-drupal-fullcalendar .fc-center {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      margin-top: 1rem;
      margin-bottom: 1.25rem;
    }
  }
div[data-drupal-messages] {
  padding-bottom: calc(24px/2);
}
.status-message {
  padding-bottom: calc(24px/2);
}
.status-message {
  background-color: rgba(0,0,0,0.06275);
  border: 1px solid rgba(0,0,0,0.18824);
  border-left: 3px solid #000000;
  padding: 0.5rem 0.5rem 0.5rem 0.75rem;
  border-radius: 5px;
  color: #000000;
  margin-bottom: calc(24px/2);

  /*

  TODO #286 (https://github.com/vib-gmbh/vib-connect-ecm/issues/286)

  &.status-success {
    @mixin statusmsg var(--color-status-success);
  }
  */
}
.status-message.status-error {
    background-color: rgba(191,63,63,0.06275);
    border: 1px solid rgba(191,63,63,0.18824);
    border-left: 3px solid #BF3F3F;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    border-radius: 5px;
    color: #BF3F3F;
  }
.status-message.status-warning {
    background-color: rgba(249,170,0,0.06275);
    border: 1px solid rgba(249,170,0,0.18824);
    border-left: 3px solid #F9AA00;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    border-radius: 5px;
    color: #F9AA00;
  }
/* Descriptive paragraphs uses same class. */
.description {
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-style: italic;
  line-height: 24px;

  margin-bottom: 0;
  color: #009fe3;
}
form .form-item {
    margin-bottom: 1rem;
  }
input {
  width: 100%;
  padding: 9px 8px 9px;
  letter-spacing: 0.3px;
  border: 1px solid #7e8c8f;
  border-radius: 6px;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
select {
  width: 100%;
  padding: 9px 8px 9px;
  letter-spacing: 0.3px;
  border: 1px solid #7e8c8f;
  border-radius: 6px;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
textarea {
  width: 100%;
  padding: 9px 8px 9px;
  letter-spacing: 0.3px;
  border: 1px solid #7e8c8f;
  border-radius: 6px;
  background-color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 1.2;
}
.js input.form-autocomplete {
  background-position-x: calc(100% - 5px);
}
input[type=checkbox] {
  width: unset;
}
.button {
  padding: 9px 12px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  letter-spacing: 0.24px;
  border: 1px solid;
  border-radius: 24px;
  font-size: 12px;
  line-height: 1.16667;
}
.button:hover {
    cursor: pointer;
  }
.button--primary {
    color: #fff;
    border-color: #009fe3;
    background-color: #009fe3;
  }
.button--primary:hover {
      color: #fff;
      border-color: #000000;
      background-color: #000000;
    }
.button--primary:focus {
      color: #fff;
      border-color: #000000;
      background-color: #000000;
    }
.button--secondary {
    color: #009fe3;
    border-color: #009fe3;
    background-color: transparent;
  }
.button--secondary:hover {
      color: #fff;
      border-color: #000000;
      background-color: #000000;
    }
.button--secondary:focus {
      color: #fff;
      border-color: #000000;
      background-color: #000000;
    }
.button--ghost {
    color: #7e8c8f;
    border-color: #7e8c8f;
    background-color: transparent;
  }
.button--ghost:hover {
      color: #fff;
      border-color: #009fe3;
      background-color: #009fe3;
    }
.button--ghost:focus {
      color: #fff;
      border-color: #009fe3;
      background-color: #009fe3;
    }
a.button {
    display: inline-block;
  }
input[type=submit] {
  width: auto;
  min-width: 4rem;
}
@media (min-width: 992px) {
input[type=submit] {
    min-width: 6rem
}
  }
label {
  display: block;
  margin-bottom: 0.5rem;
  letter-spacing: 0.24px;
  color: #7e8c8f;
  font-size: 0.75rem;
  line-height: 1.16667;
}
.fieldset-legend {
  display: block;
  margin-bottom: 0.5rem;
  letter-spacing: 0.24px;
  color: #7e8c8f;
  font-size: 0.75rem;
  line-height: 1.16667;
}
label.option, .fieldset-legend.option {
    display: inline;
  }
/* Form actions wrapper for buttons like submit */
.form-actions {
  margin: 1rem 0 1rem auto;
}
/* Improvements for default paragraph widget drag and drop control. */
.js .field--widget-paragraphs .field-multiple-table {
    margin-bottom: 1rem;
  }
.js .draggable .tabledrag-handle {
    padding-right: 0;
  }
.js .draggable .tabledrag-handle .handle {
      width: 22px;
      height: 22px;
      margin: 0;
      padding: 0;
      background-position: center;
    }
.js .field-multiple-drag {
    max-width: 40px;
  }
/* Use it for form items grid form group without gutter. */
.section-form-group-grid-no-gutter .field-group-children {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      background-color: #f5f5f5;
    }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
                flex: 0 0 50%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        max-width: 50%;
        padding: 14px 12px;
      }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 100%;
                  flex: 0 0 100%;
          max-width: 100%;
        }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image fieldset {
            border: none;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image legend {
            display: none;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image .fieldset-wrapper {
            padding: 0;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image .js-media-library-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image .js-media-library-item .form-submit {
              -webkit-box-ordinal-group: 2;
                  -ms-flex-order: 1;
                      order: 1;
              margin-left: 24px;
            }
/* No CSS class for file name so we use sibling selector. */
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image .js-media-library-item-preview ~ div {
                display: none;
              }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image .description {
            display: none;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper > .form-item:last-child {
            margin-bottom: 0;
          }
.section-form-group-grid-no-gutter .field-group-children > .form-wrapper select {
          width: 100%;
        }
@media (max-width: 991px) {
          .section-form-group-grid-no-gutter .field-group-children > .form-wrapper:nth-of-type(2n+1) {
            padding-right: 3px;
          }

          .section-form-group-grid-no-gutter .field-group-children > .form-wrapper:nth-of-type(2n) {
            padding-left: 3px;
          }
        }
/* Inverted style modifier */
.section-form-group-grid-no-gutter.section-inverted .field-group-children {
        background-color: #000000;
      }
.section-form-group-grid-no-gutter.section-inverted .field-group-children label {
          color: #fff;
        }
.section-form-group-grid-no-gutter.section-inverted .field-group-children input {
          color: #fff;
          border-color: #fff;
          background-color: transparent;
        }
.section-form-group-grid-no-gutter.section-inverted .field-group-children select {
          color: #fff;
          border-color: #fff;
          background-color: transparent;
        }
@media (max-width: 991px) {
.section-form-group-grid-no-gutter.section-inverted .field-group-children {
          -ms-flex-preferred-size: 100%;
              flex-basis: 100%;
          max-width: 100%;
          padding: 14px 12px
      }

          .section-form-group-grid-no-gutter.section-inverted .field-group-children select {
            width: 100%;
          }
        }
.section-form-group-grid-no-gutter.cols-1 .field-group-children > .form-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        max-width: 100%;
      }
@media (min-width: 992px) {
      .section-form-group-grid-no-gutter .field-group-children > .form-wrapper {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 25%;
                flex: 0 0 25%;
        max-width: 25%;
        padding: 24px 12px;
      }

        .section-form-group-grid-no-gutter .field-group-children > .form-wrapper:first-of-type {
          padding-left: 24px;
        }

        .section-form-group-grid-no-gutter .field-group-children > .form-wrapper:last-of-type {
          padding-right: 24px;
        }

        .section-form-group-grid-no-gutter .field-group-children > .form-wrapper.field--name-field-image {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
        }

        .section-form-group-grid-no-gutter .field-group-children > .form-wrapper select {
          width: auto;
        }

        .section-form-group-grid-no-gutter .field-group-children > .form-wrapper .form-item {
          margin-bottom: 0;
        }
        .section-form-group-grid-no-gutter.cols-1-3 .field-group-children > .form-wrapper:nth-child(odd) {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 25%;
                  flex: 0 0 25%;
          max-width: 25%;
        }

        .section-form-group-grid-no-gutter.cols-1-3 .field-group-children > .form-wrapper:nth-child(even) {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 75%;
                  flex: 0 0 75%;
          max-width: 75%;
        }
        .section-form-group-grid-no-gutter.cols-5 .field-group-children > .form-wrapper {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 20%;
                  flex: 0 0 20%;
          max-width: 20%;
        }

          .section-form-group-grid-no-gutter.cols-5 .field-group-children > .form-wrapper select {
            width: 100%;
          }
    }
/* Use it for multi items, not paragraphs, form items grid group. */
.section-form-multiple .tabledrag-toggle-weight-wrapper {
      display: none;
    }
.section-form-multiple th.field-label {
      display: none;
    }
.section-form-multiple tr.draggable {
      margin-bottom: calc(24px/2);
      padding: 12px 24px;
      border-top: none !important;
      border-bottom: none;
      background-color: #f5f5f5;
    }
.section-form-multiple tr.draggable td {
        -ms-flex-preferred-size: fit-content;
            flex-basis: fit-content;
        padding: 0;
      }
.section-form-multiple tr.draggable td > fieldset {
          margin-bottom: 0;
          border: none;
        }
.section-form-multiple tr.draggable td > fieldset .fieldset-wrapper {
            padding: 0;
          }
@media (max-width: 991px) {
      .section-form-multiple tr.draggable {
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
      }
    }
/* Use it for multi items paragraphs form items grid group. */
.section-form-grid .tabledrag-toggle-weight-wrapper,
    .section-form-grid .field-multiple-table > thead,
    .section-form-grid .paragraphs-actions .paragraphs-icon-button-collapse {
      display: none;
    }
.section-form-grid .field--widget-paragraphs td.field-multiple-drag {
        min-width: auto;
        max-width: 24px;
        padding: 3px 0 0 6px;
      }
.section-form-grid .field--widget-paragraphs td.field-multiple-drag .tabledrag-handle {
          width: 18px;
          height: 18px;
          padding-right: 0;
        }
.section-form-grid .field--widget-paragraphs td.field-multiple-drag .tabledrag-handle .handle {
            width: 18px;
            height: 18px;
            margin: 0;
            padding: 0;
            background: url("../../images/icons/move.svg") no-repeat center;
          }
.section-form-grid .field--widget-paragraphs td:nth-child(2) {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
        padding: 0 12px 24px;
      }
.section-form-grid .field--widget-paragraphs td:nth-child(2) .paragraph-top {
          margin-bottom: 20px;
        }
.section-form-grid .field--widget-paragraphs td:nth-child(2) .paragraph-top .paragraph-type {
            grid-column: 1 / 5;
            text-align: center;
            letter-spacing: 0.024em;
            font-family: "Roboto", sans-serif;
            line-height: 1.2;
          }
.section-form-grid .field--widget-paragraphs td:nth-child(2) .paragraphs-subform > .form-wrapper .form-item:not(.js-form-type-checkbox) {
              margin-bottom: 20px;
            }
.section-form-grid .field--widget-paragraphs td:nth-child(2) .paragraphs-subform > .form-wrapper:last-child .form-item {
                margin-bottom: 0;
              }
.section-form-grid .field--widget-paragraphs td:nth-child(2) .description {
          display: none;
        }
.section-form-grid .field--widget-paragraphs .paragraphs-actions {
        position: absolute;
        top: 3px;
        right: 3px;
      }
.section-form-grid .paragraphs-dropdown-toggle {
      background: url("../../images/icons/dots.svg") no-repeat center;
      background-size: 24px 24px;
    }
.section-form-grid .field-multiple-table > tbody {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: calc(6px/-2);
      }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable {
          position: relative;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          -ms-flex-line-pack: start;
              align-content: flex-start;
          padding: calc(6px/2);
          border-top: none;
          border-bottom: none;
        }
/* Background light color. */
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable::before {
            position: absolute;
            z-index: -1;
            top: calc(6px/2);
            right: calc(6px/2);
            bottom: calc(6px/2);
            left: calc(6px/2);
            display: block;
            content: "";
            background-color: #f5f5f5;
          }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group {
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
          }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group .field--widget-paragraphs .field-multiple-table > tbody > .draggable:not(.paragraph-type--group) {
                  -webkit-box-flex: 0;
                      -ms-flex: 0 0 50%;
                          flex: 0 0 50%;
                }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group .field--widget-paragraphs .field-multiple-table > tbody > .draggable:not(.paragraph-type--group):first-child {
                    border-top: none;
                  }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group .field--widget-paragraphs .field-multiple-table > tbody > .draggable:not(.paragraph-type--group) .paragraphs-subform {
                    margin-bottom: -20px;
                  }
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group .field--widget-paragraphs .field-multiple-table > tbody > .draggable:not(.paragraph-type--group) .paragraphs-subform > .form-wrapper {
                      margin-bottom: 20px;
                    }
@media (min-width: 992px) {
.section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable.paragraphs-item--group .field--widget-paragraphs .field-multiple-table > tbody > .draggable:not(.paragraph-type--group) {
                    -ms-flex-preferred-size: 25%;
                        flex-basis: 25%
                }
                  }
.section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist, .section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist-value {
          -ms-flex-preferred-size: 100% !important;
              flex-basis: 100% !important;
        }
.section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist .paragraphs-nested, .section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist-value .paragraphs-nested {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            margin: -14px -12px;
          }
.section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist .paragraphs-nested > .form-wrapper, .section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist-value .paragraphs-nested > .form-wrapper {
              -webkit-box-flex: 0;
                  -ms-flex: 0 0 50%;
                      flex: 0 0 50%;
              margin-bottom: 0 !important;
              padding: 14px 12px;
            }
@media (min-width: 992px) {
.section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist .paragraphs-nested > .form-wrapper, .section-form-grid .field-multiple-table > tbody .draggable.paragraph-type--frist-value .paragraphs-nested > .form-wrapper {
                -ms-flex-preferred-size: 25%;
                    flex-basis: 25%
            }
              }
@media (min-width: 992px) {
        .section-form-grid .field--widget-paragraphs .paragraphs-actions {
          top: calc(24px/2 + 1px);
          right: calc(24px/2);
        }

        .section-form-grid .field--widget-paragraphs td:nth-child(2) {
          -webkit-box-flex: 1;
              -ms-flex: 1 0 0px;
                  flex: 1 0 0;
          padding: 24px 24px 24px 0;
        }
        .section-form-grid .field-multiple-table > tbody {
          margin: calc(24px/-2);
        }

          .section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            padding: calc(24px/2);
          }

            .section-form-grid .field-multiple-table > tbody > .paragraphs-item.draggable::before {
              top: calc(24px/2);
              right: calc(24px/2);
              bottom: calc(24px/2);
              left: calc(24px/2);
            }

      .section-form-grid .paragraphs-dropdown-toggle {
        background-size: 22px 22px;
      }
    }
.section-form-media .tabledrag-toggle-weight-wrapper {
      display: none;
    }
.section-form-media th.field-label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
    }
.section-form-media th.field-label .paragraphs-actions {
        margin-left: auto;
      }
.section-form-media table.default tbody tr:first-child {
      border-bottom: none;
    }
.section-form-media fieldset.js-media-library-widget {
      margin-bottom: 0;
      padding: 0;
      border: none;
    }
.section-form-media fieldset.js-media-library-widget legend {
        display: none;
      }
.section-form-media fieldset.js-media-library-widget .fieldset-wrapper {
        padding: 0;
      }
.section-form-media fieldset.js-media-library-widget .js-media-library-widget-toggle-weight {
        display: none;
      }
/* Vertical tabs form */
.vertical-tabs ul {
    text-indent: 0;
  }
.vertical-tabs .vertical-tabs__panes {
    padding: 0.5rem 1rem;
  }
.paragraphs-tabs-wrapper .button-wrapper {
    margin-bottom: 1rem;
    padding: 24px calc(24px/2);
    background-color: #d7dadb;
  }
.paragraphs-tabs-wrapper .button-wrapper .dropbutton-wrapper {
      min-height: 4em;
    }
.paragraphs-tabs-wrapper .button-wrapper .dropbutton-widget {
      position: absolute;
    }
.paragraphs-tabs-wrapper .dropbutton-wrapper:not(.open) ul {
        background-color: transparent;
      }
.paragraphs-tabs-wrapper .dropbutton-wrapper ul {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
    }
.paragraphs-tabs-wrapper .dropbutton-wrapper li.secondary-action {
        margin-top: calc(1rem/2);
      }
@media (min-width: 992px) {
    .paragraphs-tabs-wrapper .button-wrapper {
      padding: 24px;
    }
  }
.paragraphs-dropdown-action.button {
  color: #000000;
}
.set-selection-wrapper.clearfix {
    padding: 24px calc(24px/2);
    background-color: #d7dadb;
  }
.set-selection-wrapper .form-wrapper > .paragraphs-set-button:last-child {
      margin-bottom: 0;
    }
.button-wrapper + .set-selection-wrapper {
    /* When together with button wrapper for adding base paragraph items reset
       space in between so they look nicer. */
    margin-top: calc(1rem*-1);
    padding-top: 0 !important;
  }
@media (min-width: 992px) {
    .set-selection-wrapper.clearfix {
      padding: 24px;
    }

    .set-selection-wrapper .form-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin-right: calc(24px/-2);
      margin-left: calc(24px/-2);
    }

      .set-selection-wrapper .form-wrapper > .form-item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0;
        padding-right: calc(24px/2);
        padding-left: calc(24px/2);
      }

      .set-selection-wrapper .form-wrapper > .paragraphs-set-button {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
                flex: 0 0 auto;
        margin: 0;
        padding-right: calc(24px/2);
        padding-left: calc(24px/2);
      }
  }
.form-checkboxes .form-item {
  margin: 0;
}
/* Form with a border, big padding, optional title and a close button. */
.form--impact {
  position: relative;
  padding: 30px 12px 18px;
  border: 1px solid #7e8c8f;
  border-radius: 6px;
}
.form--impact:not(:last-child) {
    margin-bottom: 1.5rem;
  }
.form--impact .form__title {
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
  }
.form--impact .form__close {
    position: absolute;
    top: 12px;
    right: 12px;
  }
.form--impact .form__close .icon-close-gray {
      display: block;
      width: 12px;
      height: 12px;
    }
.form--impact form .form-item {
      margin-bottom: 1.5rem;
    }
.form--impact form .form-item .form-item {
        margin-bottom: 1rem;
      }
@media (min-width: 992px) {
.form--impact {
    padding: 30px 100px 60px
}

    .form--impact:not(:last-child) {
      margin-bottom: 1.75rem;
    }

    .form--impact .form__title {
      margin-bottom: 40px;
    }
      .form--impact form .form-item {
        margin-bottom: 54px;
      }

        .form--impact form .form-item .form-item {
          margin-bottom: 1rem;
        }
  }
.smartdate--widget .allday-label {
      float: none;
      margin: 0;
    }
.smartdate--widget .allday {
      margin: 0 1ch 0 0;
    }
.smartdate--widget .form-item {
      margin: 0 !important;
    }
.smartdate--widget .form-select {
      width: auto;
    }
.smartdate--widget .fieldset-wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      grid-gap: 1rem;
      gap: 1rem;
    }
.smartdate--widget .smartdate--time-inline {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
.smartdate--time-inline .form-datetime-wrapper .form-items-inline,
    .smartdate--time-inline div.time-start,
    .smartdate--time-inline div.time-end {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
.smartdate--time-inline .smartdate--separator {
      margin: 1rem 0;
      text-align: left;
    }
@media (min-width: 56em) {
    .smartdate--time-inline {
      -webkit-box-align: baseline;
          -ms-flex-align: baseline;
              align-items: baseline;
    }

      .smartdate--time-inline .smartdate--separator {
        margin: 0 1rem;
      }

      .smartdate--time-inline label {
        margin-right: 1ch;
      }
  }
#edit-progress-wrapper {
  margin-bottom: 18px;
}
ul.select2-selection__rendered,
ul.select2-results__options {
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;

  text-indent: 0;
}
.node--type-machine.node--view-mode-full .field_image {
      margin-bottom: 60px;
    }
.node--type-machine.node--view-mode-full .field_image img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: auto;
        max-height: 480px;
        -o-object-fit: cover;
           object-fit: cover;
      }
.paragraph--type--integer .field_integer,
  .paragraph--type--integer .field_suffix {
    display: inline;
  }
.paragraph--type--report .field--name-field-user .field__label,
    .paragraph--type--report .field--name-field-user .field__item {
      display: inline;
    }
/* Custom settings for some paragraphs forms */
.field--name-field-documents tr.paragraph-type--documents {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
.field--name-field-documents #field-documents-values .field--name-field-file .js-media-library-item-preview .field_media_file table tr {
      border: none;
    }
.field--name-field-documents #field-documents-values .field--name-field-file .js-media-library-item-preview .field_media_file table td,
    .field--name-field-documents #field-documents-values .field--name-field-file .js-media-library-item-preview .field_media_file table th {
      font-family: "Roboto Mono", monospace;
      font-size: 12px;
      font-weight: bold;
      line-height: 24px;
    }
.field--name-field-documents #field-documents-values .field--name-field-file .js-media-library-item-preview .field_media_file table th:nth-child(2),
    .field--name-field-documents #field-documents-values .field--name-field-file .js-media-library-item-preview .field_media_file table td:nth-child(2) {
      display: none;
    }
.field--name-field-documents .paragraphs-subform.form-wrapper > div.form-wrapper, .field--name-field-checklist .paragraphs-subform.form-wrapper > div.form-wrapper, .field--name-field-reports .paragraphs-subform.form-wrapper > div.form-wrapper {
      -webkit-box-flex: 0 !important;
          -ms-flex: 0 0 100% !important;
              flex: 0 0 100% !important;
    }
.field--name-field-documents .paragraphs-subform.form-wrapper > div.form-wrapper tr, .field--name-field-checklist .paragraphs-subform.form-wrapper > div.form-wrapper tr, .field--name-field-reports .paragraphs-subform.form-wrapper > div.form-wrapper tr {
        -webkit-box-flex: 0 !important;
            -ms-flex: 0 0 100% !important;
                flex: 0 0 100% !important;
      }
/* Views with paragraphs */
.views-field-field-basedata .paragraph--type--basedata {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  width: 100%;
}
.views-field-field-basedata .paragraph--type--basedata > div {
    min-width: 10rem;
    max-width: 10rem;
    margin-right: 2rem;
  }
.views-field-field-basedata .paragraph--type--basedata > div:last-child {
    max-width: unset;
    margin-right: 0;
  }
.field--name-field-reports tr.paragraph-type--report {
  width: 100%;
}
.field--name-field-reports div.js-media-library-item-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #d7dadb;
}
.field--name-field-reports div.js-media-library-item-preview div {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 21%;
            flex: 1 1 21%;
  }
.field--name-field-reports div.js-media-library-item-preview div:first-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 10%;
            flex: 0 1 10%;
  }
.field--name-field-reports div.js-media-library-item-preview .field_media_file table {
    border: none;
  }
.field--name-field-reports div.js-media-library-item-preview th:nth-child(2),
  .field--name-field-reports div.js-media-library-item-preview td:nth-child(2) {
    display: none;
  }
.field--name-field-reports div.js-media-library-item-preview .field_media_file tr {
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;

    border: none;
  }
/* stylelint-disable at-rule-no-unknown */
/* Use it for section title with right horizontal border. */
.section-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 42px;
    white-space: nowrap;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
    font-size: 15px;
    font-weight: 800;
    line-height: 18px;
  }
.section-title::after {
      display: block;
      width: 100%;
      height: 2px;
      margin-left: 17px;
      content: "";
      background-color: #000000;
    }
/* Use it for fields grid form group. */
.section-grid-fields .section-title {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 100%;
              flex: 0 0 100%;
      max-width: 100%;
    }
.section-grid-fields .field-group-children {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      background-color: #f5f5f5;
    }
.section-grid-fields .field-group-children > .field {
        padding: 14px 12px;
      }
.section-grid-fields.cols-4 .field-group-children > .field {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
        }
@media (min-width: 992px) {
.section-grid-fields.cols-4 .field-group-children > .field {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            max-width: 25%
        }
          }
.section-grid-fields.cols-5 .field-group-children > .field {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          max-width: 50%;
        }
@media (min-width: 992px) {
.section-grid-fields.cols-5 .field-group-children > .field {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 20%;
                    flex: 0 0 20%;
            max-width: 20%
        }
          }
/* Use it for field multi item (like paragraphs) grid group. */
.section-grid-field-multi > .field__items {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      margin: calc(6px/-2);
    }
.section-grid-field-multi > .field__items > .field__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: calc(6px/2);
      }
.section-grid-field-multi > .field__items > .field__item > .paragraph {
          width: 100%;
          padding: 14px 12px;
          background-color: #f5f5f5;
        }
.section-grid-field-multi.cols-4 > .field__items > .field__item {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
        }
.section-grid-field-multi.cols-4 > .field__items > .field__item.full-width {
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
          }
@media (min-width: 992px) {
.section-grid-field-multi.cols-4 > .field__items {
          margin: calc(24px/-2)
      }

          .section-grid-field-multi.cols-4 > .field__items > .field__item {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
            padding: calc(24px/2);
          }
        }
.section-grid-field-multi .paragraph--type--group {
      padding: 0 !important;
      background-color: transparent !important;
    }
.section-grid-field-multi .paragraph--type--group > .field_label {
        margin-bottom: 0 !important;
        font-family: "Rubik", sans-serif;
        font-weight: 500;
      }
.section-grid-field-multi .paragraph--type--group > .field_data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        background-color: #f5f5f5;
      }
.section-grid-field-multi .paragraph--type--group > .field_data > .field__item {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
        }
.section-grid-field-multi .paragraph--type--group > .field_data > .field__item.full-width {
            -ms-flex-preferred-size: 100% !important;
                flex-basis: 100% !important;
            margin-top: 14px;
            margin-bottom: 14px;
          }
.section-grid-field-multi .paragraph--type--group > .field_data > .field__item > .paragraph {
            padding: 14px 12px;
            width: 100%;
          }
@media (min-width: 992px) {
          .section-grid-field-multi .paragraph--type--group > .field_data > .field__item {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
          }
        }
.section-grid-field-multi .paragraph--type--group .paragraph--type--frist {
        padding-top: 0 !important;
        margin: 0 12px 14px 12px;
        border: 2px solid #fff;
        border-radius: 6px;
      }
.section-grid-field-multi .paragraph--type--group .paragraph--type--frist-value {
        padding-top: 0 !important;
        margin: 0 12px 14px 12px;
        border: 2px solid #fff;
        border-radius: 6px;
      }
.section-grid-field-multi .paragraph--type--group .paragraph--type--frist .field_label {
          display: inline-block;
          padding: 0 0.3ch;
          margin-bottom: 0 !important;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: #f5f5f5;
        }
.section-grid-field-multi .paragraph--type--group .paragraph--type--frist-value .field_label {
          display: inline-block;
          padding: 0 0.3ch;
          margin-bottom: 0 !important;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          background: #f5f5f5;
        }
.section-grid-field-multi .paragraph--type--group .paragraph--type--group > .field_label {
          margin-left: 14px;
        }
.section-grid-field-multi .paragraph--type--frist .field_label {
        font-family: "Rubik", sans-serif;
        font-weight: 500;
      }
.section-grid-field-multi .paragraph--type--frist-value .field_label {
        font-family: "Rubik", sans-serif;
        font-weight: 500;
      }
.section-grid-field-multi .paragraph--type--frist .frist_content, .section-grid-field-multi .paragraph--type--frist-value .frist_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin: -14px -12px;
      }
.section-grid-field-multi .paragraph--type--frist .frist_content > .field, .section-grid-field-multi .paragraph--type--frist-value .frist_content > .field {
          -webkit-box-flex: 0;
              -ms-flex: 0 0 50%;
                  flex: 0 0 50%;
          padding: 14px 12px;
          margin-bottom: 0;
        }
@media (min-width: 992px) {
          .section-grid-field-multi .paragraph--type--frist .frist_content > .field, .section-grid-field-multi .paragraph--type--frist-value .frist_content > .field {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 25%;
                    flex: 0 0 25%;
          }
        }
/* Use it for showing files entities in a row. */
.section-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    padding: 12px;
    background-color: #f5f5f5;
  }
.section-row > .field {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
    }
.section-row > .field:not(:last-child) {
        margin-right: 24px;
      }
.section-row.media--type-file .file-size {
        display: none;
      }
.section-row.media--type-file > .field {
        display: none;
      }
.section-row.media--type-file .field--name-name {
        display: block;
        -ms-flex-preferred-size: 42.72727%;
            flex-basis: 42.72727%;
        max-width: 42.72727%;
        word-wrap: break-word;
      }
.section-row.media--type-file .field--name-field-version {
        display: block;
        -ms-flex-preferred-size: 21.21212%;
            flex-basis: 21.21212%;
        max-width: 21.21212%;
      }
.section-row.media--type-file .field--name-field-media-file {
        display: block;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
        max-width: none;
      }
.section-row.media--type-file .field--name-field-media-file .button {
          width: 100%;
          text-align: center;
        }
.section-row.media--type-file .field--name-field-media-file .button--primary {
            color: #000000;
            border-color: #000000;
            background-color: transparent;
          }
.section-row.media--type-file .field--name-field-media-file .button--primary:hover {
              color: #fff;
              border-color: #009fe3;
              background-color: #009fe3;
            }
.section-row.media--type-file .field--name-field-media-file .button--primary:focus {
              color: #fff;
              border-color: #009fe3;
              background-color: #009fe3;
            }
@media (min-width: 992px) {
.section-row {
      padding: 12px 24px
  }
        .section-row.media--type-file .file-size {
          display: block;
        }

        .section-row.media--type-file > .field {
          display: block;
        }

        .section-row.media--type-file > .field--name-thumbnail {
          -ms-flex-preferred-size: 4.6875%;
              flex-basis: 4.6875%;
          max-width: 4.6875%;
        }

        .section-row.media--type-file > .field--name-name {
          -ms-flex-preferred-size: 24.47917%;
              flex-basis: 24.47917%;
          max-width: 24.47917%;
          word-wrap: break-word;
        }

        .section-row.media--type-file > .field--name-field-doctype,
        .section-row.media--type-file > .field--name-field-version {
          -ms-flex-preferred-size: 15.625%;
              flex-basis: 15.625%;
          max-width: 15.625%;
        }

        .section-row.media--type-file > .field--name-field-date {
          -ms-flex-preferred-size: 17.70833%;
              flex-basis: 17.70833%;
          max-width: 17.70833%;
        }

        .section-row.media--type-file > .field--name-field-media-file {
          -ms-flex-preferred-size: 8.85417%;
              flex-basis: 8.85417%;
          max-width: 8.85417%;
        }
    }
.field__label {
  margin-bottom: 8px;
  letter-spacing: 0.024em;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 1.5;
}
.field__item {
  font-family: "Roboto Mono", monospace;
  font-size: 15px;
  line-height: 24px;
}
.field__item .field:not(:last-child) {
    margin-bottom: 18px;
  }
.field__item .paragraph--type--integer .field_label {
      margin-bottom: 8px;
      letter-spacing: 0.024em;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      line-height: 1.5;
    }
.field__item .paragraph--type--decimal .field_label {
      margin-bottom: 8px;
      letter-spacing: 0.024em;
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      line-height: 1.5;
    }
.field_comments {
  margin-top: 72px;
}
.field_comments > .comment {
    margin-bottom: calc(6px*8);
  }
.field_comments > .comment:not(:last-of-type) {
      padding-bottom: calc(6px*8);
      border-bottom: 1px solid #d7dadb;
    }
@media (min-width: 992px) {
    .field_comments > .comment {
      margin-bottom: 60px;
    }

      .field_comments > .comment:not(:last-of-type) {
        padding-bottom: 60px;
      }
  }
.field_when + .field_content_linked > div:first-child {
    font-family: "Roboto Mono", monospace;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;

    padding: 0.5rem 0.25rem;
    border-top: 0.25rem solid #000000;
  }
.field_documents .field_doctypetitle {
  margin-bottom: 1rem;
}
.field_documents .field_doctypetitle span {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    color: #fff;
    border-radius: 3px;
    background: #000000;
  }
.field_basedata .paragraph--type--basedata,
.field_techdata .field_techdata_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-bottom: 2.5rem;
}
.field_basedata .paragraph--type--basedata > div, .field_techdata .field_techdata_wrapper > div {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 21%;
            flex: 1 0 21%;
    margin-right: 3%;
  }
.field_basedata .paragraph--type--basedata > div:nth-child(4n), .field_techdata .field_techdata_wrapper > div:nth-child(4n) {
    margin-right: 0;
  }
.field_basedata .paragraph--type--basedata > div:last-child, .field_techdata .field_techdata_wrapper > div:last-child {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
.fieldset-wrapper {
  padding: 0 1rem 0.5rem;
}
.basedata > div {
    padding: 1rem 0;
    border-top: 1px solid #d7dadb;
  }
.basedata > div:nth-child(4) {
    margin-right: 5% !important;
  }
.basedata > div:nth-child(5) {
    margin-right: 0 !important;
  }
p.basedata-title {
  font-family: "Roboto Mono", monospace;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;

  width: 100%;
  padding-top: 0.5rem;
  border-top: 0.25rem solid #263d42;
}
.field_basedata .paragraph--type--basedata > div {
  padding: 1rem 0;
  border-top: 1px solid #d7dadb;
}
.field_techdata .field_techdata_wrapper .paragraph {
  padding: 1rem 0;
  border-top: 1px solid #d7dadb;
}
.field--name-body .field__item {
    font-family: "Roboto", sans-serif;
  }
.field--type-datetime h4 {
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
  }
.field_status .field__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
.field_status .inventory-status {
    margin-right: 10px;
  }
.field_file div:last-child article {
    border: unset;
  }
.field--name-field-ready {
  padding-top: 2rem;
}
.field--name-field-when .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    grid-gap: 1ch;
    gap: 1ch;
  }
@media (min-width: 992px) {
    .field--name-field-when .field__item:last-child::before {
      padding-right: 1.5ch;
      padding-left: 1.5ch;
      content: "-";
    }
  }
/* Media, Field Media and File */
.field--name-field-media .form-wrapper, .field--name-field-file .form-wrapper {
    padding: 1rem;
  }
.field--name-field-media .form-submit, .field--name-field-file .form-submit {
    margin-bottom: 1rem;
  }
.field_media_file table {
  margin-top: -0.5rem;
  text-align: left;
}
.field_media_file table tr {
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;

    border-top: unset;
    border-bottom: unset;
  }
/* TODO: #11 (https://github.com/vib-gmbh/vib-connect-ecm/issues/11) */
.field_media_file table th:nth-child(2),
  .field_media_file table td:nth-child(2) {
    display: none;
  }
.field_content_linked article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1rem 0;
  border-top: 1px solid #d7dadb;
}
.field_content_linked article > h2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 24px;
  }
.field_content_linked article > div {
    width: 100%;
  }
.field_content_linked article > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
.field_content_linked article > div > div {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 21%;
            flex: 0 0 21%;
  }
/* TODO: #18 (https://github.com/vib-gmbh/vib-connect-ecm/issues/18) */
.fc-time {
  display: none;
}
[dir="ltr"] .field_responsible_role_wrapper {
  padding-left: 0;
}
[dir="rtl"] .field_responsible_role_wrapper {
  padding-right: 0;
}
.field_responsible_role_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.field_responsible_role_wrapper div ~ div::before {
    content: ", ";
  }
/* Default table look and responsive behavior  - used by views and regular
   tables. */
/* # TODO: #200 (https://github.com/vib-gmbh/vib-ecm-drupal/issues/200) */
table.default {
  width: 100%;
  text-align: left;
}
table.default tbody tr {
    border-bottom: 1px solid #d7dadb;
  }
table.default tbody tr:first-child {
      border-top: 1px solid #000000;
    }
table.default tr {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: "Roboto Mono", monospace;
    font-size: 0.9375rem;
    font-weight: normal;
    line-height: 1.5rem;
  }
table.default th {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding: 0.75rem 1rem 0.75rem 0;
    font-family: "Roboto", sans-serif;
    font-size: 1.125rem;
    font-weight: normal;
    line-height: 1;
  }
table.default td {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
    padding: 0.625rem 1rem 0.625rem 0;
  }
table.default td.tr-expand {
      position: absolute;
      right: 0;
      bottom: 50%;
      display: none !important;
      padding: 0;
      -webkit-transform: translateY(50%);
              transform: translateY(50%);
    }
table.default td .tr-expand__link {
      display: block;
      width: 32px;
      height: 32px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpolyline points='482.27 156.5 256 382.77 29.73 156.5' style='fill:none; stroke:%23263D42; stroke-linecap:round; stroke-linejoin:round; stroke-width:48px;'/%3E%3C/svg%3E%0A") no-repeat center center;
      background-size: 10px 10px;
    }
table.default .views-field-due,
  table.default .views-field-notified,
  table.default .views-field-field-date-next {
    max-width: 150px;
  }
table.default .views-field-frist-label {
    -webkit-box-flex: 1.5;
        -ms-flex-positive: 1.5;
            flex-grow: 1.5;
  }
table.default .views-field-operations {
    text-align: right;
  }
table.default .views-field-operations .dropbutton-multiple {
      margin-right: 0;
    }
table.default .views-field-operations .dropbutton-widget {
      right: -0.65rem;
    }
table.default th:last-child,
  table.default td:last-child {
    display: inline-block; /* to keep IE happy */
  }
table.default a {
    font-size: inherit;
  }
/* On small screens hide table head and all table cells except the first two.
     Then when row is getting a :target state show all hidden table cells.
     Switch to 50% column width. */
@media (max-width: 991px) {
    table.default thead {
      display: none;
    }

    table.default tr {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      padding-top: 3px;
      padding-bottom: 4px;
    }

      table.default tr:target {
        padding-bottom: 12px;
      }

        table.default tr:target td {
          display: block;
        }

          table.default tr:target td.tr-expand {
            bottom: 12px;
            -webkit-transform: translateY(0);
                    transform: translateY(0);
          }

        table.default tr:target .tr-expand__link {
          -webkit-transform: rotateZ(180deg);
                  transform: rotateZ(180deg);
        }

    table.default td {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 50%;
              flex: 0 0 50%;
      line-height: 1.25;
    }

      table.default td:nth-child(n+3) {
        display: none;
      }

      table.default td.tr-expand {
        display: block !important;
      }
  }
.document-library table th,
  .document-library table td {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
.document-library table td:nth-child(3) {
    overflow: hidden;
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
    font-size: 0.85rem;
    word-wrap: break-word;
  }
@media (min-width: 992px) {
    .document-library table th:first-child,
    .document-library table td:first-child {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 2rem;
              flex: 0 0 2rem;
    }

    .document-library table th,
    .document-library table td {
      -webkit-box-flex: 0;
          -ms-flex: 0 0 133px;
              flex: 0 0 133px;
      max-width: 133px;
    }
  }
@media (min-width: 1200px) {
    .document-library table th,
    .document-library table td {
      -ms-flex-preferred-size: 166px;
          flex-basis: 166px;
      max-width: 166px;
    }
  }
.vib-connect-custom-import #edit-review.default {
  margin-bottom: 24px;
}
#media-library-content div[data-view-display-id="widget"] form.js-media-library-views-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#media-library-content div[data-view-display-id="widget"] form.js-media-library-views-form > div {
    font-family: "Roboto Mono", monospace;
    font-size: 12px;
    line-height: 24px;

    -webkit-box-flex: 1;

        -ms-flex: 1 1 21%;

            flex: 1 1 21%;
    margin: 0.5rem 0.5%;
    padding: 1rem;
    border: 1px solid #000000;
  }
#media-library-content div[data-view-display-id="widget"] form.js-media-library-views-form div {
    word-break: break-all;
  }
.path-media #vibconnect-page-title h1 {
  margin-bottom: 18px;
  font-size: 1.8rem;
}
.path-media .form-item input:not([type="submit"]):not([type="checkbox"]) {
  width: 100%;
  border: 1px solid #000000;
}
.path-media .form-item select {
  width: 100%;
  border: 1px solid #000000;
}
.path-media .form-item select {
  padding: 0.3rem 0;
}
/* TODO: We may have to customize the HTML rendering */
.path-media .form-wrapper h4 {
  font-family: "Roboto Mono", monospace;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}
form[data-drupal-selector="views-exposed-form-media-library-widget-table"] div[data-drupal-selector="edit-actions"] {
  margin-bottom: 1rem;
}


/*# sourceMappingURL=main.bundle.css.map*/