@charset "UTF-8";
@import "iconfont.css";
.container-main .account-aside-item.is-active .aside-menu-item {
  background: #ECECEC;
}
.container-main .contact-container {
  display: block;
}
.container-main .contact-container .aside-menu-item {
  background: #f9f9f9 !important;
  text-align: center;
  padding: 1rem;
}
.container-main .contact-container img {
  max-width: 100%;
}

.contact-container {
  display: none;
}

.account-overview-card p {
  margin-bottom: 0;
}
.account-overview-card .card-actions {
  margin-top: 1rem;
}

.is-ctl-accountprofile .back-btn {
  display: none !important;
}

.order-detail-content .row {
  margin: 0.25rem 0;
}
.order-detail-content .row:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.container .logout-container, .container .logout-btn, .account-aside .logout-container, .account-aside .logout-btn {
  display: none;
}

.account-aside-header {
  text-align: center;
}

.account-content-inner {
  margin-top: 0 !important;
}

.account-content-main {
  background: #fff;
  padding: 2rem;
}

.account-aside .aside-menu-item {
  padding: 1rem;
  margin-bottom: 0.25rem;
}
.account-aside .aside-menu-item .title {
  display: block;
  color: #0060aa;
  font-weight: bold;
}
.account-aside .aside-menu-item .subtitle {
  color: #ccc;
  font-size: 0.8rem;
  display: block;
}

.hazards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.hazards h3 {
  color: #f00;
  width: 100%;
  display: inline-block;
}
.hazards img, .hazards svg {
  max-height: 100px;
  margin-left: 1rem;
  max-width: 16%;
}

.hazard-desc {
  display: flex;
  margin-bottom: 0.333rem;
}
.hazard-desc .hazard {
  display: block;
  width: 20%;
  min-width: 150px;
}
.hazard-desc .hazard::after {
  content: ":";
  display: inline-block;
}
.hazard-desc .description {
  display: block;
  width: 80%;
}

.additional-hazard-info {
  display: block;
  margin-top: 1rem;
}

div.hazard-text {
  width: 100%;
  margin-top: 1rem;
  font-weight: 600;
}

.your-savings {
  color: var(--green);
  padding: 0.5rem 0 1rem;
}

.std-price {
  color: var(--gray);
}

.short-desc {
  margin-bottom: 2rem;
}

.card-tabs .nav-link:not(.active) {
  border-color: transparent !important;
}

video {
  max-width: 100%;
}

h2.datasheets {
  margin-top: 2rem;
}

.pictograms {
  display: flex;
  margin-bottom: 1rem;
}
.pictograms img {
  max-width: 100px;
}
.pictograms img:not(:last-child) {
  margin-right: 0.5rem;
}

.product-detail-short-description-text {
  border: solid #ccc;
  border-width: 1px 0 1px 0;
  padding: 1rem 0;
}

.product-detail-tabs {
  padding-top: 0 !important;
}

.product-detail-content {
  margin-bottom: 1rem !important;
}

.product-detail-tabs-content {
  border: 1px solid #ccc;
  margin-top: 0;
  padding: 2rem;
}

.product-detail-tab-navigation-link {
  position: relative;
  top: 2px;
  display: inline-block;
  padding: 0.5rem 1rem !important;
}
.product-detail-tab-navigation-link.active {
  border: 1px solid #ccc !important;
  border-bottom-color: white !important;
  border-bottom-width: 4px !important;
}

.bc-wrapper {
  position: relative;
  padding: 0.5rem;
  margin-top: 1rem;
}
.bc-wrapper, .bc-wrapper a, .bc-wrapper .breadcrumb-title {
  color: #fff;
}
.bc-wrapper svg, .bc-wrapper a svg, .bc-wrapper .breadcrumb-title svg {
  color: #fff;
}
.bc-wrapper .breadcrumb {
  background: transparent;
}

.back-btn {
  line-height: 2;
  position: absolute;
  right: 1rem;
  top: 0.333rem;
  opacity: 0.8;
  box-shadow: 0 0 3px rgba(255, 255, 255, 0.8);
}

.product-detail {
  padding-top: 0;
}

nav[aria-label=breadcrumb] {
  position: relative;
}

.cms-sections.product-detail > .cms-section-sidebar {
  padding: 40px 0;
}

.product-detail-price {
  display: inline-block;
}

.product-detail-buy-inner .product-detail-buy {
  padding: 1rem;
  background: #f5f5f5;
}

.hazard-container {
  padding: 1rem;
  border: 1px solid #ccc;
}
.hazard-container:not(:has(*)) {
  display: none;
}

.buy-container {
  background: #f5f5f5;
  padding: 1rem;
}
.buy-container .input-group-text {
  border: none !important;
  padding: 0 1rem 0 0;
}

.cms-element-buy-box .hazard-desc {
  display: inline-block;
}
.cms-element-buy-box .hazard-desc:not(:last-child):after {
  content: ", ";
}

.cart-item-label {
  font-size: 1rem !important;
  font-weight: normal !important;
}

.custom-control.custom-checkbox {
  padding-left: 0;
}
.custom-control.custom-checkbox label {
  pointer-events: none !important;
}
.custom-control.custom-checkbox label:before, .custom-control.custom-checkbox label:after {
  display: none !important;
  pointer-events: none;
}
.custom-control.custom-checkbox label a {
  pointer-events: auto;
}

.header-cart-total, .header-cart-btn {
  color: #fff !important;
}

.is-ctl-checkout .bc-wrapper, .is-ctl-auth .bc-wrapper {
  display: none;
}

.cms-element-category-listing div[class*=col] h2 {
  background: #fafafa;
  padding: 0 2rem 2rem;
}
.cms-element-category-listing div[class*=col] h2, .cms-element-category-listing div[class*=col] h2:hover, .cms-element-category-listing div[class*=col] h2 a, .cms-element-category-listing div[class*=col] h2 a:hover {
  text-decoration: none !important;
}
.cms-element-category-listing div[class*=col] .category-icon {
  font-size: 10rem;
  display: block;
  margin-bottom: -1rem;
}
.cms-element-category-listing div[class*=col] .cms-element-category-listing-item-title--top, .cms-element-category-listing div[class*=col] .cms-element-category-listing-item-title--bottom {
  text-align: center;
}

.navigation-flyout-categories .navigation-flyout-link {
  position: relative;
  text-overflow: ellipsis;
}
.navigation-flyout-categories .category-icon {
  font-size: 3rem;
  display: inline-block;
  position: absolute;
  left: 0;
  margin-top: -1rem;
}
.navigation-flyout-categories span {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 3.5rem;
  max-width: 100%;
  overflow: hidden;
}

.custom-alert {
  color: #fff;
  padding: 1rem;
}

.btn-small {
  padding: 0.333rem 0.5rem !important;
  line-height: 1;
  margin: 0 0.25rem;
}

.hazard-container:empty {
  display: none !important;
}

.text-white, .weisser-text {
  color: white;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .weisser-text h1, .weisser-text h2, .weisser-text h3, .weisser-text h4, .weisser-text h5, .weisser-text h6 {
  color: inherit;
}
.text-white a, .weisser-text a {
  font-weight: 800;
  color: #fff;
  background: rgba(255, 255, 255, 0.3);
  display: inline-block;
  padding: 0rem 0.5rem;
}
.text-white ul li, .weisser-text ul li {
  margin-bottom: 0.5rem;
}
.text-white .cms-element-product-slider .product-name, .weisser-text .cms-element-product-slider .product-name {
  color: #242424 !important;
}
.text-white .cms-element-product-slider a, .weisser-text .cms-element-product-slider a {
  color: #0060aa;
}
.text-white .cms-element-product-slider a:hover, .weisser-text .cms-element-product-slider a:hover {
  color: #0060aa !important;
  text-decoration: underline;
}

.custom-alert.alert-danger {
  margin: 1rem 0;
}

body {
  background: #155199 url(https://shop.reinhold-sohn-hygiene.de/media/9a/2b/22/1722351143/hintergrund_blau_voll02.jpg);
  background-size: 100%;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.card, .category-navigation, .product-detail-content, .product-detail-tabs, .account-register, .account-right, .checkout-container, .quickorder, .account-aside, .quickorder-table {
  background: #fff;
}

.product-detail-content, .account-register, .checkout-container, .account-right, .account-left, .quickorder, .quickorder-table {
  padding: 2rem !important;
}

.account-aside {
  padding: 1rem !important;
}

.product-detail-tabs {
  padding: 2rem 1rem !important;
}

.quickorder {
  padding-bottom: 6rem !important;
}
.quickorder .back-btn {
  display: none;
}

.cms-block-image-text, .product-detail-tabs {
  margin-bottom: 1rem;
}

.is-ctl-navigation .pagination .page-item .page-link, .is-ctl-navigation .pagination .page-item.active .page-link {
  color: #fff;
}
.is-ctl-navigation .pagination .page-item.active {
  border-color: #fff;
}

.header-minimal-contact, .header-minimal-contact a {
  color: #fff;
}

.flex {
  display: flex;
}

.contact-form {
  background: #fff;
  padding: 2rem;
}

.dataTable {
  width: 100% !important;
}
.dataTable th {
  display: table-cell;
}
.dataTable .product-name a, .dataTable .product-name span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 30ch;
}

/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#bs4/jszip-3.10.1/pdfmake-0.2.7/dt-2.0.5/b-3.0.2/b-colvis-3.0.2/b-html5-3.0.2/b-print-3.0.2/date-1.5.2/fc-5.0.0/fh-4.0.1/r-3.0.2/sc-2.4.1/sp-2.3.1/sl-2.0.1
 *
 * Included libraries:
 *   JSZip 3.10.1, pdfmake 0.2.7, DataTables 2.0.5, Buttons 3.0.2, Column visibility 3.0.2, HTML5 export 3.0.2, Print view 3.0.2, DateTime 1.5.2, FixedColumns 5.0.0, FixedHeader 4.0.1, Responsive 3.0.2, Scroller 2.4.1, SearchPanes 2.3.1, Select 2.0.1
 */
:root {
  --dt-row-selected: 2, 117, 216;
  --dt-row-selected-text: 255, 255, 255;
  --dt-row-selected-link: 9, 10, 11;
  --dt-row-stripe: 0, 0, 0;
  --dt-row-hover: 0, 0, 0;
  --dt-column-ordering: 0, 0, 0;
  --dt-html-background: white;
}

:root.dark {
  --dt-html-background: rgb(33, 37, 41);
}

table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}

table.dataTable td.dt-control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

html.dark table.dataTable td.dt-control:before, :root[data-bs-theme=dark] table.dataTable td.dt-control:before {
  border-left-color: rgba(255, 255, 255, 0.5);
}

html.dark table.dataTable tr.dt-hasChild td.dt-control:before, :root[data-bs-theme=dark] table.dataTable tr.dt-hasChild td.dt-control:before {
  border-top-color: rgba(255, 255, 255, 0.5);
  border-left-color: transparent;
}

div.dt-scroll-body thead tr, div.dt-scroll-body tfoot tr {
  height: 0;
}

div.dt-scroll-body thead tr th, div.dt-scroll-body thead tr td, div.dt-scroll-body tfoot tr th, div.dt-scroll-body tfoot tr td {
  height: 0 !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border-top-width: 0px !important;
  border-bottom-width: 0px !important;
}

div.dt-scroll-body thead tr th div.dt-scroll-sizing, div.dt-scroll-body thead tr td div.dt-scroll-sizing, div.dt-scroll-body tfoot tr th div.dt-scroll-sizing, div.dt-scroll-body tfoot tr td div.dt-scroll-sizing {
  height: 0 !important;
  overflow: hidden !important;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}

table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > th.dt-ordering-asc, table.dataTable thead > tr > th.dt-ordering-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc, table.dataTable thead > tr > td.dt-ordering-asc, table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 12px;
}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.125;
  line-height: 9px;
  font-size: 0.8em;
}

table.dataTable thead > tr > th.dt-orderable-asc, table.dataTable thead > tr > th.dt-orderable-desc, table.dataTable thead > tr > td.dt-orderable-asc, table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}

table.dataTable thead > tr > th.dt-orderable-asc:hover, table.dataTable thead > tr > th.dt-orderable-desc:hover, table.dataTable thead > tr > td.dt-orderable-asc:hover, table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 0.6;
}

table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before, table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after, table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {
  outline: none;
}

div.dt-scroll-body > table.dataTable > thead > tr > th, div.dt-scroll-body > table.dataTable > thead > tr > td {
  overflow: hidden;
}

:root.dark table.dataTable thead > tr > th.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > th.dt-orderable-desc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-asc:hover, :root.dark table.dataTable thead > tr > td.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > th.dt-orderable-desc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-asc:hover, :root[data-bs-theme=dark] table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(255, 255, 255, 0.05);
}

div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -22px;
  text-align: center;
  padding: 2px;
  z-index: 10;
}

div.dt-processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}

div.dt-processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(2, 117, 216);
  background: rgb(var(--dt-row-selected));
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

div.dt-processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}

div.dt-processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}

@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
  white-space: nowrap;
}

table.dataTable th, table.dataTable td {
  box-sizing: border-box;
}

table.dataTable th.dt-left, table.dataTable td.dt-left {
  text-align: left;
}

table.dataTable th.dt-center, table.dataTable td.dt-center {
  text-align: center;
}

table.dataTable th.dt-right, table.dataTable td.dt-right {
  text-align: right;
}

table.dataTable th.dt-justify, table.dataTable td.dt-justify {
  text-align: justify;
}

table.dataTable th.dt-nowrap, table.dataTable td.dt-nowrap {
  white-space: nowrap;
}

table.dataTable th.dt-empty, table.dataTable td.dt-empty {
  text-align: center;
  vertical-align: top;
}

table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date {
  text-align: right;
}

table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td {
  text-align: left;
}

table.dataTable thead th.dt-head-left, table.dataTable thead td.dt-head-left, table.dataTable tfoot th.dt-head-left, table.dataTable tfoot td.dt-head-left {
  text-align: left;
}

table.dataTable thead th.dt-head-center, table.dataTable thead td.dt-head-center, table.dataTable tfoot th.dt-head-center, table.dataTable tfoot td.dt-head-center {
  text-align: center;
}

table.dataTable thead th.dt-head-right, table.dataTable thead td.dt-head-right, table.dataTable tfoot th.dt-head-right, table.dataTable tfoot td.dt-head-right {
  text-align: right;
}

table.dataTable thead th.dt-head-justify, table.dataTable thead td.dt-head-justify, table.dataTable tfoot th.dt-head-justify, table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}

table.dataTable thead th.dt-head-nowrap, table.dataTable thead td.dt-head-nowrap, table.dataTable tfoot th.dt-head-nowrap, table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}

table.dataTable tbody th.dt-body-left, table.dataTable tbody td.dt-body-left {
  text-align: left;
}

table.dataTable tbody th.dt-body-center, table.dataTable tbody td.dt-body-center {
  text-align: center;
}

table.dataTable tbody th.dt-body-right, table.dataTable tbody td.dt-body-right {
  text-align: right;
}

table.dataTable tbody th.dt-body-justify, table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap, table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}

table.dataTable.table {
  clear: both;
  max-width: none;
  border-spacing: 0;
  margin-bottom: 0;
}

table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) {
  background-color: transparent;
}

table.dataTable.table > tbody > tr {
  background-color: transparent;
}

table.dataTable.table > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(2, 117, 216);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(255, 255, 255);
  color: rgb(var(--dt-row-selected-text));
}

table.dataTable.table > tbody > tr.selected a {
  color: rgb(9, 10, 11);
  color: rgb(var(--dt-row-selected-link));
}

table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-stripe), 0.05);
}

table.dataTable.table.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);
}

table.dataTable.table.table-hover > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-hover), 0.075);
}

table.dataTable.table.table-hover > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(2, 117, 216, 0.975);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.975);
}

div.dt-container div.row {
  margin-bottom: 0.5rem;
}

div.dt-container div.row:last-child {
  margin-bottom: 0;
}

div.dt-container div.dt-length label {
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  margin-bottom: 0;
}

div.dt-container div.dt-length select {
  width: auto;
  display: inline-block;
  margin-right: 0.5em;
}

div.dt-container div.dt-search label {
  font-weight: normal;
  white-space: nowrap;
  text-align: left;
  margin-bottom: 0;
}

div.dt-container div.dt-search input {
  margin-left: 0.5em;
  display: inline-block;
  width: auto;
}

div.dt-container div.dt-info {
  padding-top: 0.85em;
  white-space: nowrap;
}

div.dt-container div.dt-paging {
  margin: 0;
}

div.dt-container div.dt-paging ul.pagination {
  margin: 0;
  flex-wrap: wrap;
}

div.dt-container div.dt-processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 1em 0;
}

div.dt-container div.dt-scroll-body {
  border-bottom: 1px solid #dee2e6;
}

div.dt-container div.dt-scroll-body table, div.dt-container div.dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}

div.dt-scroll-head table.dataTable {
  margin-bottom: 0 !important;
}

div.dt-scroll-body > table {
  border-top: none;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

div.dt-scroll-body > table thead .dt-orderable-asc:before, div.dt-scroll-body > table thead .dt-orderable-desc:after {
  display: none;
}

div.dt-scroll-body > table > tbody tr:first-child th, div.dt-scroll-body > table > tbody tr:first-child td {
  border-top: none;
}

div.dt-scroll-foot > .dt-scroll-footInner {
  box-sizing: content-box;
}

div.dt-scroll-foot > .dt-scroll-footInner > table {
  margin-top: 0 !important;
  border-top: none;
}

@media screen and (max-width: 767px) {
  div.dt-container div.dt-length, div.dt-container div.dt-search, div.dt-container div.dt-info, div.dt-container div.dt-paging {
    text-align: center;
  }
  div.dt-container div.row {
    margin-bottom: 0;
  }
  div.dt-container div.row > * {
    margin-bottom: 0.5rem;
  }
  div.dt-container div.dt-paging ul.pagination {
    justify-content: center !important;
  }
}
table.dataTable.table-sm > thead > tr th.dt-orderable-asc, table.dataTable.table-sm > thead > tr th.dt-orderable-desc, table.dataTable.table-sm > thead > tr th.dt-ordering-asc, table.dataTable.table-sm > thead > tr th.dt-ordering-desc, table.dataTable.table-sm > thead > tr td.dt-orderable-asc, table.dataTable.table-sm > thead > tr td.dt-orderable-desc, table.dataTable.table-sm > thead > tr td.dt-ordering-asc, table.dataTable.table-sm > thead > tr td.dt-ordering-desc {
  padding-right: 20px;
}

table.dataTable.table-sm > thead > tr th.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr th.dt-ordering-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-orderable-desc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-asc span.dt-column-order, table.dataTable.table-sm > thead > tr td.dt-ordering-desc span.dt-column-order {
  right: 5px;
}

div.dt-scroll-head table.table-bordered {
  border-bottom-width: 0;
}

div.table-responsive > div.dt-container > div.row {
  margin: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:first-child {
  padding-left: 0;
}

div.table-responsive > div.dt-container > div.row > div[class^=col-]:last-child {
  padding-right: 0;
}

@keyframes dtb-spinner {
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes dtb-spinner {
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes dtb-spinner {
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes dtb-spinner {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes dtb-spinner {
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.dataTables_wrapper {
  position: relative;
}

div.dt-buttons {
  position: initial;
}

div.dt-buttons .dt-button {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.dt-button-info {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 400px;
  margin-top: -100px;
  margin-left: -200px;
  background-color: white;
  border-radius: 0.75em;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
  text-align: center;
  z-index: 2003;
  overflow: hidden;
}

div.dt-button-info h2 {
  padding: 2rem 2rem 1rem 2rem;
  margin: 0;
  font-weight: normal;
}

div.dt-button-info > div {
  padding: 1em 2em 2em 2em;
}

div.dtb-popover-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 2003;
}

button.dtb-hide-drop {
  display: none !important;
}

div.dt-button-collection-title {
  text-align: center;
  padding: 0.3em 0.5em 0.5em;
  margin-left: 0.5em;
  margin-right: 0.5em;
  font-size: 0.9em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

div.dt-button-collection-title:empty {
  display: none;
}

span.dt-button-spacer {
  display: inline-block;
  margin: 0.5em;
  white-space: nowrap;
}

span.dt-button-spacer.bar {
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  vertical-align: middle;
  padding-left: 0.5em;
}

span.dt-button-spacer.bar:empty {
  height: 1em;
  width: 1px;
  padding-left: 0;
}

div.dt-button-collection .dt-button-active {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active.dt-button-split {
  padding-right: 0;
}

div.dt-button-collection .dt-button-active.dt-button-split:after {
  display: none;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active.dt-button-split > *:first-child:after {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection .dt-button-active-a a {
  padding-right: 3em;
}

div.dt-button-collection .dt-button-active-a a:after {
  position: absolute;
  right: 1em;
  display: inline-block;
  content: "✓";
  color: inherit;
}

div.dt-button-collection span.dt-button-spacer {
  width: 100%;
  font-size: 0.9em;
  text-align: center;
  margin: 0.5em 0;
}

div.dt-button-collection span.dt-button-spacer:empty {
  height: 0;
  width: 100%;
}

div.dt-button-collection span.dt-button-spacer.bar {
  border-left: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-left: 0;
}

@media print {
  table.dataTable tr > * {
    box-shadow: none !important;
  }
}
html.dark div.dt-button-info {
  background-color: var(--dt-html-background);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dt-buttons div.btn-group {
  position: initial;
}

div.dt-buttons div.dropdown-menu {
  margin-top: 4px;
  width: 200px;
}

div.dt-buttons div.dropdown-menu .dt-button {
  position: relative;
}

div.dt-buttons div.dropdown-menu div.dt-button-split {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: stretch;
}

div.dt-buttons div.dropdown-menu div.dt-button-split a:first-child {
  min-width: auto;
  flex: 1 0 50px;
  padding-right: 0;
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child {
  min-width: 33px;
  flex: 0;
  background: transparent;
  border: none;
  line-height: 1rem;
  color: rgb(33, 37, 41);
  padding: 0 16px;
  overflow: visible;
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:hover {
  color: #16181b;
  background-color: #f8f9fa;
}

div.dt-buttons div.dropdown-menu div.dt-button-split button:last-child:after {
  position: relative;
  left: -3px;
}

div.dt-buttons div.dropdown-menu.fixed {
  position: fixed;
  display: block;
  top: 50%;
  left: 50%;
  margin-left: -75px;
  border-radius: 5px;
  background-color: white;
  padding: 0.5em;
}

div.dt-buttons div.dropdown-menu.fixed.two-column {
  margin-left: -200px;
}

div.dt-buttons div.dropdown-menu.fixed.three-column {
  margin-left: -225px;
}

div.dt-buttons div.dropdown-menu.fixed.four-column {
  margin-left: -300px;
}

div.dt-buttons div.dropdown-menu.fixed.columns {
  margin-left: -409px;
}

@media screen and (max-width: 1024px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -308px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -203px;
  }
}
@media screen and (max-width: 460px) {
  div.dt-buttons div.dropdown-menu.fixed.columns {
    margin-left: -100px;
  }
}
div.dt-buttons div.dropdown-menu.fixed > :last-child {
  max-height: 100vh;
  overflow: auto;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child, div.dt-buttons div.dropdown-menu.three-column > :last-child, div.dt-buttons div.dropdown-menu.four-column > :last-child {
  display: block !important;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  -ms-column-gap: 8px;
  -o-column-gap: 8px;
  column-gap: 8px;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child > *, div.dt-buttons div.dropdown-menu.three-column > :last-child > *, div.dt-buttons div.dropdown-menu.four-column > :last-child > * {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}

div.dt-buttons div.dropdown-menu.two-column {
  width: 400px;
}

div.dt-buttons div.dropdown-menu.two-column > :last-child {
  padding-bottom: 1px;
  column-count: 2;
}

div.dt-buttons div.dropdown-menu.three-column {
  width: 450px;
}

div.dt-buttons div.dropdown-menu.three-column > :last-child {
  padding-bottom: 1px;
  column-count: 3;
}

div.dt-buttons div.dropdown-menu.four-column {
  width: 600px;
}

div.dt-buttons div.dropdown-menu.four-column > :last-child {
  padding-bottom: 1px;
  column-count: 4;
}

div.dt-buttons div.dropdown-menu .dt-button {
  border-radius: 0;
}

div.dt-buttons div.dropdown-menu.columns {
  width: auto;
}

div.dt-buttons div.dropdown-menu.columns > :last-child {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  width: 818px;
  padding-bottom: 1px;
}

div.dt-buttons div.dropdown-menu.columns > :last-child .dt-button {
  min-width: 200px;
  flex: 0 1;
  margin: 0;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b3 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b2 > :last-child, div.dt-buttons div.dropdown-menu.columns.dtb-b1 > :last-child {
  justify-content: space-between;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
  flex: 1 1 32%;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b2 .dt-button {
  flex: 1 1 48%;
}

div.dt-buttons div.dropdown-menu.columns.dtb-b1 .dt-button {
  flex: 1 1 100%;
}

@media screen and (max-width: 1024px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 612px;
  }
}
@media screen and (max-width: 640px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 406px;
  }
  div.dt-buttons div.dropdown-menu.columns.dtb-b3 .dt-button {
    flex: 0 1 32%;
  }
}
@media screen and (max-width: 460px) {
  div.dt-buttons div.dropdown-menu.columns > :last-child {
    width: 200px;
  }
}
div.dt-buttons span.dt-button-spacer.empty {
  margin: 1px;
}

div.dt-buttons span.dt-button-spacer.bar:empty {
  height: inherit;
}

div.dt-buttons .btn.processing {
  color: rgba(0, 0, 0, 0.2);
}

div.dt-buttons .btn.processing:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin: -8px 0 0 -8px;
  box-sizing: border-box;
  display: block;
  content: " ";
  border: 2px solid rgb(40, 40, 40);
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  animation: dtb-spinner 1500ms infinite linear;
  -o-animation: dtb-spinner 1500ms infinite linear;
  -ms-animation: dtb-spinner 1500ms infinite linear;
  -webkit-animation: dtb-spinner 1500ms infinite linear;
  -moz-animation: dtb-spinner 1500ms infinite linear;
}

div.dt-button-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
    margin-bottom: 0.5em;
  }
  div.dt-buttons a.btn {
    float: none;
  }
}
div.dt-datetime {
  position: absolute;
  background-color: white;
  z-index: 2050;
  border: 1px solid #ccc;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
  padding: 6px 20px;
  width: 275px;
  border-radius: 5px;
}

div.dt-datetime.inline {
  position: relative;
  box-shadow: none;
}

div.dt-datetime div.dt-datetime-title {
  text-align: center;
  padding: 5px 0px 3px;
}

div.dt-datetime div.dt-datetime-buttons {
  text-align: center;
}

div.dt-datetime div.dt-datetime-buttons a {
  display: inline-block;
  padding: 0 0.5em 0.5em 0.5em;
  margin: 0;
  font-size: 0.9em;
}

div.dt-datetime div.dt-datetime-buttons a:hover {
  text-decoration: underline;
}

div.dt-datetime table {
  border-spacing: 0;
  margin: 12px 0;
  width: 100%;
}

div.dt-datetime table.dt-datetime-table-nospace {
  margin-top: -12px;
}

div.dt-datetime table th {
  font-size: 0.8em;
  color: #777;
  font-weight: normal;
  width: 14.285714286%;
  padding: 0 0 4px 0;
  text-align: center;
}

div.dt-datetime table td {
  font-size: 0.9em;
  color: #444;
  padding: 0;
}

div.dt-datetime table td.selectable {
  text-align: center;
  background: #f5f5f5;
}

div.dt-datetime table td.selectable.disabled {
  color: #aaa;
  background: white;
}

div.dt-datetime table td.selectable.disabled button:hover {
  color: #aaa;
  background: white;
}

div.dt-datetime table td.selectable.now {
  background-color: #ddd;
}

div.dt-datetime table td.selectable.now button {
  font-weight: bold;
}

div.dt-datetime table td.selectable.selected button {
  background: #4e6ca3;
  color: white;
  border-radius: 2px;
}

div.dt-datetime table td.selectable button:hover {
  background: #ff8000;
  color: white;
  border-radius: 2px;
}

div.dt-datetime table td.dt-datetime-week {
  font-size: 0.7em;
}

div.dt-datetime table button {
  width: 100%;
  box-sizing: border-box;
  border: none;
  background: transparent;
  font-size: inherit;
  color: inherit;
  text-align: center;
  padding: 4px 0;
  cursor: pointer;
  margin: 0;
}

div.dt-datetime table button span {
  display: inline-block;
  min-width: 14px;
  text-align: right;
}

div.dt-datetime table.weekNumber th {
  width: 12.5%;
}

div.dt-datetime div.dt-datetime-calendar table {
  margin-top: 0;
}

div.dt-datetime div.dt-datetime-label {
  position: relative;
  display: inline-block;
  height: 30px;
  padding: 5px 6px;
  border: 1px solid transparent;
  box-sizing: border-box;
  cursor: pointer;
}

div.dt-datetime div.dt-datetime-label:hover {
  border: 1px solid #ddd;
  border-radius: 2px;
  background-color: #f5f5f5;
}

div.dt-datetime div.dt-datetime-label select {
  position: absolute;
  top: 6px;
  left: 0;
  cursor: pointer;
  opacity: 0;
}

div.dt-datetime.horizontal {
  width: 550px;
}

div.dt-datetime.horizontal div.dt-datetime-date, div.dt-datetime.horizontal div.dt-datetime-time {
  width: 48%;
}

div.dt-datetime.horizontal div.dt-datetime-time {
  margin-left: 4%;
}

div.dt-datetime div.dt-datetime-date {
  position: relative;
  float: left;
  width: 100%;
}

div.dt-datetime div.dt-datetime-time {
  position: relative;
  float: left;
  width: 100%;
  text-align: center;
}

div.dt-datetime div.dt-datetime-time > span {
  vertical-align: middle;
}

div.dt-datetime div.dt-datetime-time th {
  text-align: left;
}

div.dt-datetime div.dt-datetime-time div.dt-datetime-timeblock {
  display: inline-block;
  vertical-align: middle;
}

div.dt-datetime div.dt-datetime-iconLeft, div.dt-datetime div.dt-datetime-iconRight {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.3;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid transparent;
}

div.dt-datetime div.dt-datetime-iconLeft:hover, div.dt-datetime div.dt-datetime-iconRight:hover {
  border: 1px solid #ccc;
  border-radius: 2px;
  background-color: #f0f0f0;
  opacity: 0.6;
}

div.dt-datetime div.dt-datetime-iconLeft button, div.dt-datetime div.dt-datetime-iconRight button {
  border: none;
  background: transparent;
  text-indent: 30px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}

div.dt-datetime div.dt-datetime-iconLeft {
  position: absolute;
  top: 5px;
  left: 5px;
}

div.dt-datetime div.dt-datetime-iconLeft button {
  position: relative;
  z-index: 1;
}

div.dt-datetime div.dt-datetime-iconLeft:after {
  position: absolute;
  top: 7px;
  left: 10px;
  display: block;
  content: "";
  border-top: 7px solid transparent;
  border-right: 7px solid black;
  border-bottom: 7px solid transparent;
}

div.dt-datetime div.dt-datetime-iconRight {
  position: absolute;
  top: 5px;
  right: 5px;
}

div.dt-datetime div.dt-datetime-iconRight button {
  position: relative;
  z-index: 1;
}

div.dt-datetime div.dt-datetime-iconRight:after {
  position: absolute;
  top: 7px;
  left: 12px;
  display: block;
  content: "";
  border-top: 7px solid transparent;
  border-left: 7px solid black;
  border-bottom: 7px solid transparent;
}

div.dt-datetime-error {
  clear: both;
  padding: 0 1em;
  max-width: 240px;
  font-size: 11px;
  line-height: 1.25em;
  text-align: center;
  color: #b11f1f;
}

html.dark input.dt-datetime {
  color-scheme: dark;
}

html.dark div.dt-datetime {
  border: 1px solid #595b5e;
  background-color: #212529;
  box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
}

html.dark div.dt-datetime table th {
  color: #ccc;
}

html.dark div.dt-datetime table td {
  color: #eee;
}

html.dark div.dt-datetime table td.selectable {
  background: #373c41;
}

html.dark div.dt-datetime table td.selectable.disabled {
  color: #aaa;
  background: #171b1f;
}

html.dark div.dt-datetime table td.selectable.disabled button:hover {
  color: #aaa;
  background: #171b1f;
}

html.dark div.dt-datetime table td.selectable.now {
  background: #4b5055;
}

html.dark div.dt-datetime table td.selectable.selected button {
  background: #6ea8fe;
  color: black;
}

html.dark div.dt-datetime table td.selectable button:hover {
  background: #ff8000;
  color: black;
}

html.dark div.dt-datetime div.dt-datetime-label:hover {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark div.dt-datetime div.dt-datetime-iconLeft:hover, html.dark div.dt-datetime div.dt-datetime-iconRight:hover, html.dark div.dt-datetime div.dt-datetime-iconUp:hover, html.dark div.dt-datetime div.dt-datetime-iconDown:hover {
  border: 1px solid transparent;
  background-color: rgba(255, 255, 255, 0.1);
}

html.dark div.dt-datetime div.dt-datetime-iconLeft:after {
  border-right-color: white;
}

html.dark div.dt-datetime div.dt-datetime-iconRight:after {
  border-left-color: white;
}

html.dark div.dt-datetime select {
  color-scheme: dark;
}

html.dark div.dt-datetime-error {
  color: #b11f1f;
}

table.dataTable thead tr > .dtfc-fixed-start, table.dataTable thead tr > .dtfc-fixed-end, table.dataTable tfoot tr > .dtfc-fixed-start, table.dataTable tfoot tr > .dtfc-fixed-end {
  top: 0;
  bottom: 0;
  z-index: 3;
  background-color: white;
}

table.dataTable tbody tr > .dtfc-fixed-start, table.dataTable tbody tr > .dtfc-fixed-end {
  z-index: 1;
  background-color: white;
}

table.dataTable tr > .dtfc-fixed-left::after, table.dataTable tr > .dtfc-fixed-right::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 10px;
  transition: box-shadow 0.3s;
  content: "";
  pointer-events: none;
}

table.dataTable tr > .dtfc-fixed-left::after {
  right: 0;
  transform: translateX(100%);
}

table.dataTable tr > .dtfc-fixed-right::after {
  left: 0;
  transform: translateX(-80%);
}

table.dataTable.dtfc-scrolling-left tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.2);
}

table.dataTable.dtfc-scrolling-right tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}

div.dt-scroll, div.dtfh-floatingparent {
  position: relative;
}

div.dt-scroll div.dtfc-top-blocker, div.dt-scroll div.dtfc-bottom-blocker, div.dtfh-floatingparent div.dtfc-top-blocker, div.dtfh-floatingparent div.dtfc-bottom-blocker {
  position: absolute;
  background-color: white;
}

html.dark table.dataTable thead tr > .dtfc-fixed-start, html.dark table.dataTable thead tr > .dtfc-fixed-end, html.dark table.dataTable tfoot tr > .dtfc-fixed-start, html.dark table.dataTable tfoot tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable tbody tr > .dtfc-fixed-start, html.dark table.dataTable tbody tr > .dtfc-fixed-end {
  background-color: var(--dt-html-background);
}

html.dark table.dataTable.dtfc-scrolling-left tbody > tr > .dtfc-fixed-left::after {
  box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right::after {
  box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, 0.3);
}

html.dark table.dataTable.dtfc-scrolling-right tbody > tr > .dtfc-fixed-right + .dtfc-fixed-right::after {
  box-shadow: none;
}

html.dark div.dtfc-top-blocker, html.dark div.dtfc-bottom-blocker {
  background-color: var(--dt-html-background);
}

div.dtfc-top-blocker, div.dtfc-top-blocker {
  border-bottom: 0px solid #ddd !important;
}

table.dataTable {
  border-collapse: separate;
}

table.dataTable.table-bordered {
  border-left-width: 0;
  border-right-width: 0;
}

table.dataTable.table-bordered th, table.dataTable.table-bordered td {
  border-right-width: 0;
  border-top-width: 0;
}

table.dataTable.table-bordered th:last-child, table.dataTable.table-bordered td:last-child {
  border-right: 1px solid #dee2e6;
}

table.dataTable.table-bordered tr:last-child th, table.dataTable.table-bordered tr:last-child td {
  border-bottom-width: 0;
}

table.dataTable.fixedHeader-floating, table.dataTable.fixedHeader-locked {
  position: relative !important;
  background-color: white;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media print {
  table.fixedHeader-floating {
    display: none;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before, table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  cursor: pointer;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  margin-right: 0.5em;
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 0.333em;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control, table.dataTable.dtr-column > tbody > tr > th.dtr-control, table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
  cursor: pointer;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control:before, table.dataTable.dtr-column > tbody > tr > th.dtr-control:before, table.dataTable.dtr-column > tbody > tr > td.control:before, table.dataTable.dtr-column > tbody > tr > th.control:before {
  display: inline-block;
  box-sizing: border-box;
  content: "";
  border-top: 5px solid transparent;
  border-left: 10px solid rgba(0, 0, 0, 0.5);
  border-bottom: 5px solid transparent;
  border-right: 0px solid transparent;
}

table.dataTable.dtr-column > tbody > tr > td.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.dtr-control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > td.control.arrow-right::before, table.dataTable.dtr-column > tbody > tr > th.control.arrow-right::before {
  border-top: 5px solid transparent;
  border-left: 0px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 10px solid rgba(0, 0, 0, 0.5);
}

table.dataTable.dtr-column > tbody > tr.dtr-expanded td.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.dtr-control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded td.control:before, table.dataTable.dtr-column > tbody > tr.dtr-expanded th.control:before {
  border-top: 10px solid rgba(0, 0, 0, 0.5);
  border-left: 5px solid transparent;
  border-bottom: 0px solid transparent;
  border-right: 5px solid transparent;
}

table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}

table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}

table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}

table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}

div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}

div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: fit-content;
  max-height: 75%;
  overflow: auto;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}

div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 2.5em;
}

div.dtr-modal div.dtr-modal-content h2 {
  margin-top: 0;
}

div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}

div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
html.dark table.dataTable > tbody > tr > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control:before {
  border-left-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr > td.dtr-control.arrow-right::before, html[data-bs-theme=dark] table.dataTable > tbody > tr > td.dtr-control.arrow-right::before {
  border-right-color: rgba(255, 255, 255, 0.5) !important;
}

html.dark table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html.dark table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > td.dtr-control:before, html[data-bs-theme=dark] table.dataTable > tbody > tr.dtr-expanded > th.dtr-control:before {
  border-top-color: rgba(255, 255, 255, 0.5) !important;
  border-left-color: transparent !important;
  border-right-color: transparent !important;
}

html.dark table.dataTable > tbody > tr.child ul.dtr-details > li, html[data-bs-theme=dark] table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom-color: rgb(64, 67, 70);
}

html.dark div.dtr-modal div.dtr-modal-display, html[data-bs-theme=dark] div.dtr-modal div.dtr-modal-display {
  background-color: rgb(33, 37, 41);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

div.dtr-bs-modal table.table tr:first-child td {
  border-top: none;
}

div.dts {
  display: block !important;
}

div.dts tbody th, div.dts tbody td {
  white-space: nowrap;
}

div.dts div.dts_loading {
  z-index: 1;
}

div.dts div.dts_label {
  position: absolute;
  right: 20px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: right;
  border-radius: 3px;
  padding: 0.4em;
  z-index: 2;
  display: none;
}

div.dts div.dt-scroll-body, div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(0, 0, 0, 0.025), rgba(0, 0, 0, 0.025) 10px, rgba(0, 0, 0, 0) 10px, rgba(0, 0, 0, 0) 20px);
}

div.dts div.dt-scroll-body table, div.dts div.dataTables_scrollBody table {
  background-color: white;
  z-index: 2;
}

div.dts div.dt-length, div.dts div.dt-paging, div.dts div.dataTables_paginate, div.dts div.dataTables_length {
  display: none;
}

html.dark div.dts div.dts_label {
  background: rgba(255, 255, 255, 0.8);
  color: black;
}

html.dark div.dts div.dt-scroll-body, html.dark div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.025) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px);
}

html.dark div.dts div.dt-scroll-body table, html.dark div.dts div.dataTables_scrollBody table {
  background-color: var(--dt-html-background);
  z-index: 2;
}

div.DTS div.dataTables_scrollBody table {
  background-color: white;
}

div.dtsp-topRow {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 3px;
  justify-content: space-around;
  align-content: flex-start;
  align-items: flex-start;
}

div.dtsp-topRow input.dtsp-search {
  text-overflow: ellipsis;
  min-width: 50px;
  flex-basis: 90px;
  max-width: none;
}

div.dtsp-topRow input.dtsp-search::placeholder {
  color: inherit;
}

div.dtsp-topRow div.dtsp-subRow1 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  flex: 1 1 auto;
}

div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont {
  position: relative;
  width: 100%;
}

div.dtsp-topRow div.dtsp-subRow1 input {
  padding-right: 2em;
  width: 100% !important;
  box-sizing: border-box;
  font-size: 1em;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled] {
  background-color: transparent;
  border: none;
  cursor: initial;
  box-shadow: none;
  padding-bottom: 0;
  padding-top: 0;
  min-height: 1em;
  height: fit-content;
  box-sizing: content-box;
}

div.dtsp-topRow div.dtsp-subRow1 input[disabled=disabled]::placeholder {
  color: initial;
  opacity: 1;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

div.dtsp-topRow div.dtsp-subRow1 button.dtsp-searchIcon span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABbmlDQ1BpY2MAACiRdZE7SwNBFIU/EyWikRRaiFhsoWKhEBREO42FTZAQFYza7G5eQhKX3QQJtoKNhWAh2vgq/AfaCrYKgqAIIhb+Al+NhPVOEkiQZJbZ+3FmzmXmDHjCGTPrtAYhm8vb0bmQthxb0Xzv+PHRxRSabjrWTCQSpun4eaRF1YdR1av5voajM55wTGhpF54wLTsvPC0c3sxbineFe8y0Hhc+ER6x5YDCt0o3KvymOFXhL8X2YnQWPKqnlqpjo47NtJ0VHhYeyGYKZvU86ib+RG5pQWqfzH4coswRQsOgwDoZ8oxKzUlmjX3Bsm+eDfGY8rcoYosjRVq8I6IWpGtCalL0hHwZiir3/3k6yfGxSnd/CNpeXfdzEHz7UNpz3d9T1y2dgfcFrnM1/4bkNPkt+l5NGziGwDZc3tQ04wCudqD32dJtvSx5ZXqSSfi4gK4YdN9Dx2olq+o650+wuCVPdAeHRzAk+wNrfw8JaBFXEnV+AAAACXBIWXMAAA9hAAAPYQGoP6dpAAABMUlEQVQoU6XRr0vDQRjH8akoM4iIjqGoOIZ5oIjB5XWxajaYDGLSIhhNYjcPRDSJwbQNw+L+BNGgYYo/5pT5/shz8vDlBgMPXux7z3N3z+25VOofYyCyd4ZYCavI4gXPsRp9LqiDdrEMH+8wv8Vh8gBfWclFPOEUN3hAHjlMoRa7wTzBS5xgKLFglPkZLjDic6HyDsEMNvGR2Nxifoci3tEI+X770JU0XmPXIlax+LTPh83fFox1X6kxyzdjm9UcdXi9S+Vti6svfyNULhNR9TVsYNhW6Ff9KKCNR7/Zv6eeaQ+6+qcdpu9BqGlp1HFgud+FYdzzUcUExu0Q/cdzHGEFetIlXKPjK/sbqYoOftMiS+j9jzEJPd1Wt+5+kdR/9EM9ucIC5jCbyPc01Q32kfsBppYz3hYFcCwAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px;
}

div.dtsp-topRow div.dtsp-subRow2 {
  white-space: nowrap;
  flex: 0 0 auto;
}

div.dtsp-topRow button > span {
  display: inline-block;
  height: 100%;
  width: 100%;
}

div.dtsp-topRow button.dtsp-nameButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAK2SURBVFgJ7ZY9j41BFICvryCExrJBQ6HyEYVEIREaUZDQIRoR2ViJKCioxV+gkVXYTVZEQiEUhG2EQnxUCh0FKolY4ut5XnM2cyfva3Pt5m7EPcmzZ2bemTNnzjkzd1utnvQi0IvAfxiBy5z5FoxO89kPY+8mbMjtzs47RXs5/WVpbAG6bWExt5PuIibvhVkwmC+ck3eK9ln6/fAddFojYzBVuYSBpcnIEvRaqOw2RcaN18FPuJH0JvRUxbT3wWf4ltiKPgfVidWlbGZgPozDFfgAC+EA/K2EI4cwcAJ+gPaeQ+VQU2SOMMGcPgPl/m/V2p50rrbRsRgt9Iv5h6xtpP22Bz7Ce1C+gFFxfKzOmShcU+Qmyh2w3w8rIJfddHTck66EukL/xPhj+JM8rHNmFys0Pg4v0up3aFNlwR9NYyodd3OL/C64zpsymcTFcf6ElM4YzjAWKYrJkaq8kE/yUYNP4BoYvS1QRo+hNtF5xfkTUjoTheukSFFMjlTFm6PjceOca/SMpKfeCR1L6Uzk/y2WIkVhNFJlJAZhP+hYns7b9D3IPuhY5mYrIv8OrQJvR5NYyNaW4jsU8pSGNySiVx4o5tXq3JkoXE/mg5R/M8dGJCJpKhaDcjBRdbI/Rm8g69c122om33BHmj2CHoV5qa9jUXBraJ+G1fAVjIBO1klc87ro1K4JZ/K35SWW3TwcyDd6TecqnAEd8cGq2+w84xvBm1n3vS0izKkkwh5XNC/GmFPqqAtPF89AOScKuemaNzoTV1SD5dtSbmLf1/RV+tC0WTgcj6R7HEtrVGWaqu/lYDZ/2pvxQ/kIyw/gFByHC9AHw910hv1aUUumyd8yy0QfhmEkfiNod0Xusct68J1qc8Tdux0Z97Q+hsDb+AYGYEbF/4Guw2Q/qDPqZG/zXgT+3Qj8AtKnfWhFwmuAAAAAAElFTkSuQmCC") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 23px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-countButton span {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABcGlDQ1BpY2MAACiRdZHNSwJBGMYftTDS8FCHkA57sOigIAXRMQzyYh3UIKvL7rirwe66zK6IdA26dBA6RF36OvQf1DXoWhAERRAR9B/0dQnZ3nEFJXSG2ffHs/O8zDwD+DM6M+yBJGCYDs+mU9JaYV0KviNMM4QoEjKzreXcUh59x88jfKI+JESv/vt6jlBRtRngGyKeYxZ3iBeIMzXHErxHPMbKcpH4hDjO6YDEt0JXPH4TXPL4SzDPZxcBv+gplbpY6WJW5gbxNHHM0KusfR5xk7BqruaoRmlNwEYWaaQgQUEVW9DhIEHVpMx6+5It3woq5GH0tVAHJ0cJZfLGSa1SV5WqRrpKU0dd5P4/T1ubnfG6h1PA4Kvrfk4CwX2g2XDd31PXbZ4BgRfg2uz4K5TT/DfpjY4WOwYiO8DlTUdTDoCrXWD82ZK53JICtPyaBnxcACMFYPQeGN7wsmr/x/kTkN+mJ7oDDo+AKdof2fwDCBRoDkL8UccAAAAJcEhZcwAAD2EAAA9hAag/p2kAAAG5SURBVEgN3VU9LwVBFF0fiYhofUSlEQkKhU7z/oBCQkIiGr9BgUbhVzy9BAnhFyjV/AYFiU5ICM7ZN+c5Zud5dm3lJmfmzrkz9+7cu3c3y/6jjOBSF8CxXS7FmTkbwqIJjDpJvTcmsJ4K3KPZUpyZsx0sxoB9J6mnAkyC7wGuuCFIipNtEcpcWExgXpOBc78vgj6N+QO4NVsjwdFM59tUIDxDrHMBOeIQ34C5ZDregXuAQm4YcI68nN9B3wr2PcwPAIPkN2EqtJH6b+QZm1ajjTx7BqwAr26Lb+C2Kvpbt0Mb2HAJ7NrGFGfmXO3DeA4UshDfQAVmH0gaUFg852TTTDvlxwBlCtxy9zXyBhQFaq0wMmIdRebrfgosA3zb2hKnqG0oqchp4QbuR8X0TjzABhbdOT8jnQ/atcgqpnfwOA7yqZyTU587ZkIGdesLTt2EkynOnbreMUUKMI/dA4B/QVOcO13CQh+5wWCgDwo/75u59odB/wjmfhbgvACcAOyZPHihMWAoIwxyCLgf1oxfgjzVbgBXSTzIN+f0pg6s5DkcesLMRpsBrgE2XO3CN64JFP7JtUeKHX4CKtRRXFZ+7dEAAAAASUVORK5CYII=") !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  vertical-align: bottom;
}

div.dtsp-topRow button.dtsp-collapseButton span.dtsp-caret {
  position: relative;
  top: 9px;
  display: inline-block;
}

div.dtsp-topRow button.dtsp-collapseButton.dtsp-rotated {
  transform: rotate(180deg);
}

div.dtsp-searchPane table thead th, div.dtsp-searchPane table thead td {
  width: 100% !important;
}

div.dt-button-collection {
  z-index: 2002;
}

div.dt-button-collection.dtb-collection-closeable div.dtsp-titleRow {
  padding-right: 25px;
}

div.dtsp-columns-1 {
  max-width: 100%;
  min-width: 100%;
  margin: 0px !important;
}

div.dtsp-columns-2 {
  max-width: 49%;
  min-width: 49%;
  margin: 0px !important;
}

div.dtsp-columns-3 {
  max-width: 32%;
  min-width: 32%;
  margin: 0px !important;
}

div.dtsp-columns-4 {
  max-width: 24%;
  min-width: 24%;
  margin: 0px !important;
}

div.dtsp-columns-5 {
  max-width: 19%;
  min-width: 19%;
  margin: 0px !important;
}

div.dtsp-columns-6 {
  max-width: 16%;
  min-width: 16%;
  margin: 0px !important;
}

div.dtsp-columns-7 {
  max-width: 14%;
  min-width: 14%;
  margin: 0px !important;
}

div.dtsp-columns-8 {
  max-width: 12%;
  min-width: 12%;
  margin: 0px !important;
}

div.dtsp-columns-9 {
  max-width: 10.5%;
  min-width: 10.5%;
  margin: 0px !important;
}

div.dtsp-narrow {
  flex-direction: column !important;
}

div.dtsp-narrow div.dtsp-subRow1, div.dtsp-narrow div.dtsp-subRow2 {
  width: 100%;
}

div.dtsp-narrow div.dtsp-subRow2 button {
  margin: 0 !important;
  width: 25% !important;
}

div.dt-button-collection div.dtsp-panesContainer {
  padding-left: 1em;
  padding-right: 1em;
  margin-bottom: 0;
}

div.dtsp-panesContainer {
  margin-bottom: 1em;
}

div.dtsp-searchPane div.dt-container, div.dtsp-searchPane div.dataTables_wrapper {
  width: 100%;
}

div.dtsp-searchPane div.dt-container div.dataTables_layout_cell, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_layout_cell {
  padding: 0;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-head, div.dtsp-searchPane div.dt-container div.dataTables_scrollHead, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-head, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollHead {
  display: none !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody {
  background: white !important;
  border: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body thead, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody thead, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body thead, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody thead {
  display: none;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > th, div.dtsp-searchPane div.dt-container div.dt-scroll-body table tr > td, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > th, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody table tr > td, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > th, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body table tr > td, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > th, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody table tr > td {
  padding: 5px 10px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body td.dtsp-nameColumn, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody td.dtsp-nameColumn, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body td.dtsp-nameColumn, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody td.dtsp-nameColumn {
  width: 100% !important;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  cursor: default;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-name, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-name {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  flex-grow: 1;
  text-align: left;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill {
  display: inline-block;
  background-color: #cfcfcf;
  text-align: center;
  border-radius: 10px;
  width: auto;
  min-width: 30px;
  color: black;
  font-size: 0.9em;
  padding: 0 4px;
}

div.dtsp-searchPane div.dt-container div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dt-container div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dataTables_wrapper div.dt-scroll-body div.dtsp-nameCont span.dtsp-pill:empty, div.dtsp-searchPane div.dataTables_wrapper div.dataTables_scrollBody div.dtsp-nameCont span.dtsp-pill:empty {
  display: none;
}

div.dtsp-panesContainer {
  clear: both;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

div.dtsp-panesContainer div.dtsp-searchPanes {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: flex-start;
  align-items: stretch;
  clear: both;
  text-align: left;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane {
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 0.9em;
  margin-top: 15px !important;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper {
  flex: 1;
  box-sizing: border-box;
}

div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dt-search, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dt-container div.dataTables_filter, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dt-search, div.dtsp-panesContainer div.dtsp-searchPanes div.dtsp-searchPane div.dataTables_wrapper div.dataTables_filter {
  display: none;
}

div.dtsp-panesContainer div.dtsp-title {
  float: left;
  padding: 10px 0;
}

div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-collapseAll, div.dtsp-panesContainer button.dtsp-showAll {
  float: right;
}

div.dtsp-hidden {
  display: none !important;
}

html.dark div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder, html[data-bs-theme=dark] div.dtsp-topRow div.dtsp-subRow1 div.dtsp-searchCont input[disabled=disabled]::placeholder {
  color: white;
}

div.dtsp-panesContainer button.dtsp-clearAll, div.dtsp-panesContainer button.dtsp-showAll {
  margin-left: 3px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow {
  margin: 0.5em 0;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow input.form-control {
  border-radius: 4px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow2 {
  margin-left: 0.5em;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button {
  border: 1px solid #ced4da;
  width: 35px;
  line-height: 32px;
  padding: 0;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow div.dtsp-subRow1 button {
  border-right: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow span.dtsp-caret {
  top: 3px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated {
  transform: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow button.dtsp-rotated span {
  transform: rotate(180deg);
  top: -2px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover button.disabled {
  cursor: pointer !important;
  pointer-events: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dtsp-topRow.dtsp-bordered:hover input.dtsp-paneInputButton {
  pointer-events: none;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper {
  border: 2px #f0f0f0 solid;
  border-radius: 4px;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container:hover, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper:hover {
  border: 2px solid #cfcfcf !important;
}

div.dtsp-panesContainer div.dtsp-searchPane div.dt-container div.dtsp-nameCont span.badge, div.dtsp-panesContainer div.dtsp-searchPane div.dataTables_wrapper div.dtsp-nameCont span.badge {
  min-width: 30px;
  line-height: 1.25em;
  margin-top: 3.5px;
}

div.dtsp-panesContainer button.disabled {
  cursor: not-allowed;
}

div.dt-button-collection div.dtsp-panesContainer {
  padding: 9px 1rem;
}

table.dataTable > tbody > tr > .selected {
  background-color: rgb(2, 117, 216);
  color: white;
}

table.dataTable > tbody > tr > .dt-select {
  text-align: center;
  vertical-align: middle;
}

table.dataTable > thead > tr > .dt-select {
  text-align: center;
}

table.dataTable input.dt-select-checkbox {
  appearance: none;
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 1px solid;
  border-radius: 3px;
  vertical-align: middle;
  margin-top: 1px;
  color: inherit;
  font-size: 20px;
  line-height: 1em;
}

table.dataTable input.dt-select-checkbox:checked:after {
  display: block;
  content: "✓";
  margin-top: -8px;
}

table.dataTable input.dt-select-checkbox:indeterminate:after {
  display: block;
  position: absolute;
  content: " ";
  top: 3px;
  left: 3px;
  height: 4px;
  width: 4px;
  background-color: black;
  border-radius: 2px;
}

table.dataTable > tbody > tr.selected input.dt-select-checkbox:checked {
  border: 1px solid;
}

table.dataTable > tbody > tr > td.select-checkbox, table.dataTable > tbody > tr > th.select-checkbox {
  position: relative;
}

table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > th.select-checkbox:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
  content: " ";
  margin-top: -6px;
  margin-left: -6px;
  border: 1px solid;
  border-radius: 3px;
}

table.dataTable > tbody > tr.selected > td.select-checkbox:before, table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  border: 1px solid;
  content: "✓";
  font-size: 20px;
  line-height: 6px;
  text-align: center;
}

table.dataTable.compact > tbody > tr > td.select-checkbox:before, table.dataTable.compact > tbody > tr > th.select-checkbox:before {
  margin-top: -12px;
}

table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after, table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
  margin-top: -16px;
}

div.dt-container span.select-info, div.dt-container span.select-item {
  margin-left: 0.5em;
}

html.dark table.dataTable input.dt-select-checkbox:indeterminate:after, html[data-bs-theme=dark] table.dataTable input.dt-select-checkbox:indeterminate:after {
  background-color: white;
}

@media screen and (max-width: 640px) {
  div.dt-container span.select-info, div.dt-container span.select-item {
    margin-left: 0;
    display: block;
  }
}
.footer-bottom {
  background: #444;
}

.footer-main {
  background: #0060aa;
  color: #fff;
}
.footer-main a, .footer-main h1, .footer-main h2, .footer-main h3, .footer-main h4, .footer-main h5, .footer-main h6, .footer-main p, .footer-main .footer-column-headline {
  color: #fff;
}
.footer-main a:hover, .footer-main h1:hover, .footer-main h2:hover, .footer-main h3:hover, .footer-main h4:hover, .footer-main h5:hover, .footer-main h6:hover, .footer-main p:hover, .footer-main .footer-column-headline:hover {
  color: #fff;
  text-decoration: underline;
}

.eu-col {
  margin-top: 2rem;
}

.product-box.box-standard, .product-box.box-minimal {
  border: 1px solid #e6e8ee;
  border-radius: 3px;
}
.product-box.box-standard .card-body, .product-box.box-minimal .card-body {
  padding-bottom: 10rem;
  position: relative;
}
.product-box.box-standard .bottom, .product-box.box-minimal .bottom {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
}
.product-box.box-standard .bottom button, .product-box.box-standard .bottom a, .product-box.box-minimal .bottom button, .product-box.box-minimal .bottom a {
  display: block;
  width: 100%;
}
.product-box.box-standard .product-description, .product-box.box-standard .product-name, .product-box.box-standard .price-wrap, .product-box.box-standard .product-number, .product-box.box-minimal .product-description, .product-box.box-minimal .product-name, .product-box.box-minimal .price-wrap, .product-box.box-minimal .product-number {
  padding: 0 1rem;
}
.product-box.box-standard .price-wrap, .product-box.box-minimal .price-wrap {
  display: flex;
  justify-content: space-between;
}
.product-box.box-standard .price-wrap .product-price-info, .product-box.box-standard .price-wrap .product-price, .product-box.box-standard .price-wrap .product-price-unit, .product-box.box-minimal .price-wrap .product-price-info, .product-box.box-minimal .price-wrap .product-price, .product-box.box-minimal .price-wrap .product-price-unit {
  margin-top: 0;
  margin-bottom: 0;
}
.product-box.box-standard .product-action, .product-box.box-minimal .product-action {
  margin-bottom: 2rem;
}
.product-box .product-price-info {
  display: flex;
  align-items: center;
  justify-content: center;
  justify-items: center;
}
.product-box .unit-wrap {
  border-left: 1px solid #ccc;
  margin-left: 0.5rem;
  padding-left: 0.5rem;
}

.product-name, .product-description {
  display: block;
  height: auto !important;
  line-clamp: none !important;
  -webkit-line-clamp: none !important;
}

.category-navigation-entry {
  position: relative;
  border-top: 1px solid #ddd;
}
.category-navigation-entry.level-1 {
  position: relative;
  top: -1px;
}
.category-navigation-entry .icon {
  position: absolute;
  right: 1rem;
}

.category-navigation.level-1 .category-navigation-link.in-path, .category-navigation.level-1 .category-navigation-link.is-active {
  background: #0060aa !important;
  color: #fff !important;
}

.category-navigation.level-2 .category-navigation-link {
  background: #cde1f0;
}
.category-navigation.level-2 .category-navigation-link.in-path, .category-navigation.level-2 .category-navigation-link.is-active {
  background: rgba(0, 96, 170, 0.1) !important;
  color: #0060aa !important;
}

.category-navigation.level-1 {
  padding-left: 0;
}
.category-navigation.level-1 > li > a {
  background: #f9f9f9;
  padding: 1rem;
}

.category-navigation.level-0 > li {
  border: none !important;
}
.category-navigation.level-0 > li > a {
  display: none;
}

.product-detail-ordernumber-label {
  font-weight: 400 !important;
}

ul.category-navigation {
  display: flex;
  flex-direction: column;
}

.category-navigation {
  padding-left: 0;
}
.category-navigation.level-2 li a, .category-navigation.level-3 li a, .category-navigation.level-4 li a {
  padding: 0.5rem 1rem;
}

.breadcrumb.cms-breadcrumb {
  padding-top: 1rem;
  padding-bottom: 0;
}

.additional-description {
  padding: 0 1rem;
}

.pagination .page-item .page-link {
  background-color: #0060aa;
}

.product-cheapest-price {
  min-height: 0;
  margin-bottom: 0;
}

.product-variant-characteristics {
  display: none;
}

.filter-panel.is--sidebar {
  background: #f9f9f9;
  padding: 1rem;
}

/*
TopBox is derived from Nivo Lightbox v1.3.1, created by Dev7studios:
http://dev7studios.com/nivo-lightbox

TopBox is updated for jQuery 3 and has additional features / content support.
Maintained by William Woodgate

TopBox homepage:
https://willwoodgate.com/projects/topbox/

Free to use and abuse under the MIT license.
http://www.opensource.org/licenses/mit-license.php
*/
/* Core CSS to make the lightbox work */
img {
  max-width: 100%;
  height: auto;
}

.topbox_open .topbox_blur_wrapper {
  filter: blur(1px);
}

.topbox_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99995;
  width: 100%;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

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

.topbox_fill {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.topbox_overlay.topbox_open {
  visibility: visible;
  opacity: 1;
}

.topbox_wrapper {
  position: absolute;
  z-index: 99996;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
}

.topbox_content {
  position: relative;
  z-index: 99998;
  height: 80vh;
  width: 80vw;
  display: flex;
  align-items: center;
}

.topbox_title_wrap {
  position: relative;
  z-index: 99998;
}

.topbox_nav {
  display: none;
}

.topbox_prev,
.topbox_next,
.topbox_close {
  position: absolute;
  z-index: 99999;
  background: none;
  border: none;
  cursor: pointer;
}

.topbox_prev {
  left: 0;
}

.topbox_next {
  right: 0;
}

.topbox_close {
  top: 0;
  right: 0;
}

.topbox_close_layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99997;
}

.topbox_image {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: relative;
  margin: auto;
}

.topbox_html5_audio_wrap {
  width: 100%;
}

.topbox_html5audio {
  width: 100%;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
}

.topbox_html5_video_wrap {
  width: 100%;
}

.topbox_html5video {
  margin: auto;
  max-width: 100%;
  height: auto;
}

.topbox_iframe_wrap,
.topbox_iframe,
.topbox_pdf_wrap,
.topbox_pdf {
  width: 100%;
  height: 100%;
  display: block;
}

.topbox_pdf_mobile_message {
  display: inline-block;
  margin: auto;
}

.topbox_embedded_web_video {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  width: 100%;
  overflow: hidden;
}

.topbox_embedded_web_video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.topbox_video_iframe_wrap {
  position: relative;
  padding-bottom: 56.25% !important;
  height: 0;
  width: 100%;
}

iframe.topbox_video_iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
Fix for video sizing, if using the Plyr plugin for custom video controls
https://github.com/sampotts/plyr
*/
.topbox_content .plyr {
  min-width: 100%;
}

.topbox_inline,
.topbox_ajax {
  max-height: 100%;
  width: 100%;
  overflow: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}

.topbox_error {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
  color: #fff;
}

.topbox_error p {
  display: table-cell;
  vertical-align: middle;
}

.topbox_notouch .topbox_effect_fade,
.topbox_notouch .topbox_effect_slideLeft,
.topbox_notouch .topbox_effect_slideRight,
.topbox_notouch .topbox_effect_slideUp,
.topbox_notouch .topbox_effect_slideDown {
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

/* slideLeft / slideRight / slideUp / slideDown */
.topbox_notouch .topbox_effect_slideLeft .topbox_content,
.topbox_notouch .topbox_effect_slideRight .topbox_content,
.topbox_notouch .topbox_effect_slideUp .topbox_content,
.topbox_notouch .topbox_effect_slideDown .topbox_content {
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -moz-transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -ms-transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9);
  transition: all 0.5s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}

.topbox_notouch .topbox_effect_slideLeft .topbox_content {
  -webkit-transform: translateX(-20%);
  -moz-transform: translateX(-20%);
  -ms-transform: translateX(-20%);
  transform: translateX(-20%);
}

.topbox_notouch .topbox_effect_slideRight .topbox_content {
  -webkit-transform: translateX(20%);
  -moz-transform: translateX(20%);
  -ms-transform: translateX(20%);
  transform: translateX(20%);
}

.topbox_notouch .topbox_effect_slideLeft.topbox_open .topbox_content,
.topbox_notouch .topbox_effect_slideRight.topbox_open .topbox_content {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}

.topbox_notouch .topbox_effect_slideDown .topbox_content {
  -webkit-transform: translateY(-20%);
  -moz-transform: translateY(-20%);
  -ms-transform: translateY(-20%);
  transform: translateY(-20%);
}

.topbox_notouch .topbox_effect_slideUp .topbox_content {
  -webkit-transform: translateY(20%);
  -moz-transform: translateY(20%);
  -ms-transform: translateY(20%);
  transform: translateY(20%);
}

.topbox_notouch .topbox_effect_slideUp.topbox_open .topbox_content,
.topbox_notouch .topbox_effect_slideDown.topbox_open .topbox_content {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* Our default lightbox skin (darkroom) */
.topbox_open .topbox_blur_wrapper {
  filter: blur(1px);
}

.topbox_skin_darkroom .topbox_fill {
  background: rgba(0, 0, 0, 0.8);
}

.topbox_skin_darkroom .topbox_pdf_mobile_message {
  color: #FFFFFF;
  font-size: 18px;
}

.topbox_skin_darkroom a.topbox_pdf_mobile_button,
.topbox_skin_darkroom a.topbox_pdf_mobile_button:visited {
  color: #FFFFFF;
  border-radius: 1rem;
  border: 2px solid #FFFFFF;
  text-decoration: none;
  transition: all 300ms ease-in;
  padding: 1rem;
  line-height: 1;
  display: block;
  margin-top: 1rem;
}

.topbox_skin_darkroom .topbox_nav {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.topbox_skin_darkroom .topbox_prev,
.topbox_skin_darkroom .topbox_next,
.topbox_skin_darkroom .topbox_close {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 45px;
  opacity: 0.5;
  transition: all 300ms ease-in;
  padding: 2vw;
  line-height: 1;
}

.topbox_skin_darkroom .topbox_close {
  margin-top: -10px;
  font-size: 55px;
}

.topbox_skin_darkroom .topbox_prev:hover,
.topbox_skin_darkroom .topbox_next:hover,
.topbox_skin_darkroom .topbox_close:hover {
  opacity: 1;
}

.topbox_skin_darkroom .topbox_prev:before {
  content: "←";
}

.topbox_skin_darkroom .topbox_next:before {
  content: "→";
}

.topbox_skin_darkroom .topbox_close:before {
  content: "×";
}

.topbox_skin_darkroom .topbox_title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  line-height: 1.5;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  background: #000;
  color: #fff;
  padding: 7px 15px;
  margin-top: 7px;
  border-radius: 30px;
  text-align: center;
  display: inline-block;
}

.lightbox {
  overflow: hidden;
  margin-bottom: 2rem;
}
.lightbox .wrap {
  display: block;
  position: relative;
}
.lightbox .wrap .overlay {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 4rem;
  color: #fff;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, 0.33);
  left: 0;
  object-fit: cover;
}
.lightbox .wrap .title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #fff;
  background: #0060aa;
  padding: 0.33rem 0.5rem;
}
.lightbox .wrap, .lightbox img, .lightbox video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-navigation-link-text span, .main-navigation-link-text a {
  color: #fff;
}

.navigation-flyout-link, .navigation-flyout-col {
  border-left: none !important;
}

.navigation-flyout-col::before {
  display: none !important;
}

.navigation-flyout-categories {
  margin-top: 2rem;
}

.nav-main {
  background: #0060aa;
  padding: 0.5rem 0;
}

.nav-main {
  position: sticky;
  top: 0;
  z-index: 999;
}

.header-actions-col {
  position: relative;
  top: 7px;
}
@media screen and (min-width: 768px) {
  .header-actions-col svg {
    color: #fff;
    fill: #fff;
  }
}

.header-logo-main, .header-logo-picture {
  max-width: 500px;
}

.navigation-flyout-categories.is-level-1 {
  display: none !important;
}

.is-act-home .bc-wrapper, body[class*=is-ctl-account] .bc-wrapper {
  left: -1rem;
}

.chose-columns label {
  margin-right: 0.5rem;
}

.text-small {
  font-size: 0.6rem;
}

.account-menu .subtitle {
  display: none !important;
}

.cms-breadcrumb.container {
  position: relative;
}
.cms-breadcrumb.container .customer-info {
  color: #fff;
  margin-bottom: 2rem;
}

.product-slider .product-name {
  display: block;
  min-height: 44px;
}

.is-ctl-quickorder .bc-wrapper {
  padding: 0 0 1rem !important;
  left: -1rem;
}
.is-ctl-quickorder .bc-wrapper .back-btn {
  top: -0.333rem;
}

.quickorder .icon {
  color: #fff;
}
.quickorder img, .quickorder svg {
  max-height: 50px;
  width: auto;
  text-align: center;
  display: inline-block;
}
.quickorder .title {
  font-weight: 600;
}
.quickorder .quantity {
  display: inline-block;
  width: 50px;
}
.quickorder .product-row {
  padding: 1rem 0;
  border-bottom: 1px solid #ccc;
}

.quickorder-table {
  margin: 2rem 0 50px;
}
.quickorder-table #orderhistory_wrapper {
  margin-top: 2rem;
}
.quickorder-table #orderhistory_wrapper .dataTables_length {
  position: absolute;
}
.quickorder-table #orderhistory_wrapper .dt-buttons.btn-group {
  margin: 2rem 0;
}
.quickorder-table #orderhistory_wrapper .dt-buttons.btn-group::before {
  margin-right: 2rem;
  content: "Export: ";
  position: relative;
  top: 8px;
}
.quickorder-table #orderhistory_wrapper .dt-buttons.btn-group .btn {
  background: #0060aa;
  border: none !important;
  color: #fff;
  outline: none !important;
  margin-right: 2px;
}

.dt-paging, .dt-search, .dt-length, .dt-buttons {
  display: inline-block;
  max-width: 50%;
  float: right;
  margin: 1rem 0 !important;
}

.dt-paging {
  float: left;
}

.page-item.active {
  border: 1px solid;
}

.dt-paging-button {
  margin: 0 0.25rem;
}
.dt-paging-button a {
  color: #fff !important;
}
.dt-paging-button.disabled {
  opacity: 0.5;
}

.table-wrap, #quickordertable_wrapper {
  border: none;
}
.table-wrap tr, .table-wrap td, .table-wrap th, .table-wrap table, #quickordertable_wrapper tr, #quickordertable_wrapper td, #quickordertable_wrapper th, #quickordertable_wrapper table {
  border: none;
}
.table-wrap th, .table-wrap td, #quickordertable_wrapper th, #quickordertable_wrapper td {
  border: solid #ccc;
  border-width: 1px 1px 0 0 !important;
}
.table-wrap tfoot th, #quickordertable_wrapper tfoot th {
  border-bottom: 1px solid #ccc !important;
}
.table-wrap tr td, .table-wrap tr th, #quickordertable_wrapper tr td, #quickordertable_wrapper tr th {
  border-bottom: 1px solid #ccc;
}
.table-wrap tr td:first-child, .table-wrap tr th:first-child, #quickordertable_wrapper tr td:first-child, #quickordertable_wrapper tr th:first-child {
  border-left: 1px solid #ccc !important;
}
.table-wrap tr td:last-child, .table-wrap tr th:last-child, #quickordertable_wrapper tr td:last-child, #quickordertable_wrapper tr th:last-child {
  border-right: 1px solid #ccc !important;
}
.table-wrap #orderhistory_wrapper, #quickordertable_wrapper #orderhistory_wrapper {
  padding-bottom: 3rem;
  margin-bottom: 1rem;
}

.table-wrap #orderhistory_wrapper {
  padding-bottom: 3rem;
  margin-bottom: 1rem;
}
.table-wrap #orderhistory_wrapper .product-name {
  margin-bottom: 0 !important;
}

.dt-container input, .dt-container select, .dt-container textarea {
  border-color: #ccc;
}
.dt-container .form-control {
  margin: 0 0.5rem 0;
}

/* HTML: <div class="loader"></div> */
.table-loading {
  width: 90px;
  height: 200px;
  box-shadow: 0 3px 0 #fff;
  position: relative;
  clip-path: inset(-40px 0 -5px);
  border-bottom: 4px solid #ccc;
  margin: 0 auto;
}

.table-loading:before {
  content: "";
  position: absolute;
  inset: auto calc(50% - 17px) 0;
  height: 50px;
  --g: no-repeat linear-gradient(#ccc 0 0);
  background: var(--g), var(--g), var(--g), var(--g);
  background-size: 16px 14px;
  animation: l7-1 2s infinite linear, l7-2 2s infinite linear;
}

@keyframes l7-1 {
  0%, 100% {
    background-position: 0 -50px, 100% -50px;
  }
  17.5% {
    background-position: 0 100%, 100% -50px, 0 -50px, 100% -50px;
  }
  35% {
    background-position: 0 100%, 100% 100%, 0 -50px, 100% -50px;
  }
  52.5% {
    background-position: 0 100%, 100% 100%, 0 calc(100% - 16px), 100% -50px;
  }
  70%, 98% {
    background-position: 0 100%, 100% 100%, 0 calc(100% - 16px), 100% calc(100% - 16px);
  }
}
@keyframes l7-2 {
  0%, 70% {
    transform: translate(0);
  }
  100% {
    transform: translate(200%);
  }
}
.is-act-home .cms-breadcrumb {
  display: none;
}
.is-act-home .container-main {
  padding-top: 0;
}
.is-act-home .container-main .pos-0 .cms-block-container {
  padding: 0;
}

.bg-grey {
  background: #fafafa;
  margin: 2rem 0;
}

.search-suggest-container > .row {
  display: flex;
  flex-direction: column-reverse;
}
.search-suggest-container > .row .col-12 {
  width: 100% !important;
  max-width: 100% !important;
}
.search-suggest-container > .row .flex-md-column {
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.search-suggest-container > .row .flex-md-column a.flex-fill {
  flex: 1 0 0 !important;
  padding: 0.3rem 0.6rem !important;
  display: inline-flex;
  align-content: center;
  align-items: center;
  justify-content: center;
  justify-items: center;
}

.is-ctl-navigation.is-act-index .cms-news-full-listing-row .blog-image, .is-ctl-navigation.is-act-index .cms-news-full-listing-row .blog-image-placeholder {
  height: 330px;
}
.is-ctl-navigation.is-act-index .cms-news-full-listing-row .col-md-4 {
  min-width: 50% !important;
  max-width: 50% !important;
  flex: 0 0 50% !important;
}

.product-slider-item .card {
  background: #fff;
  padding: 1rem;
}

.breadcrumb-item div, .breadcrumb-item a, .breadcrumb-item span, .breadcrumb-item .icon, .breadcrumb-placeholder div, .breadcrumb-placeholder a, .breadcrumb-placeholder span, .breadcrumb-placeholder .icon {
  color: #fff;
}

/*# sourceMappingURL=all.css.map */