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: #0d6efd;
  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 styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  border-spacing: 0;
  /*
   * Header and footer styles
   */
  /*
   * Body styles
   */
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable > thead > tr > th,
table.dataTable > thead > tr > td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable > thead > tr > th:active,
table.dataTable > thead > tr > td:active {
  outline: none;
}
table.dataTable > tfoot > tr > th,
table.dataTable > tfoot > tr > td {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding: 10px 10px 6px 10px;
}
table.dataTable > tbody > tr {
  background-color: transparent;
}
table.dataTable > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable > tbody > tr:last-child > * {
  border-bottom: none;
}
table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  color: #ffffff;
}
table.dataTable > tbody > tr.selected a {
  color: #090a0b;
}
table.dataTable > tbody > tr > th,
table.dataTable > tbody > tr > td {
  padding: 8px 10px;
}
table.dataTable.row-border > tbody > tr > *,
table.dataTable.display > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.row-border > tbody > tr:first-child > *,
table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
}
table.dataTable.cell-border > tbody > tr > * {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr > *:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border > tbody > tr:first-child > * {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable.stripe > tbody > tr:nth-child(odd) > *,
table.dataTable.display > tbody > tr:nth-child(odd) > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}
table.dataTable.stripe > tbody > tr:nth-child(odd).selected > *,
table.dataTable.display > tbody > tr:nth-child(odd).selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
}
table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}
table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px #0d6efd !important;
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}
table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3,
table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
}
table.dataTable.display > tbody > tr:nth-child(odd) > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd) > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
}
table.dataTable.display > tbody > tr:nth-child(odd).selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr:nth-child(odd).selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
}
table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}
table.dataTable.display > tbody > tr.even > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
}
table.dataTable.display > tbody > tr.even > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
}
table.dataTable.compact thead th,
table.dataTable.compact thead td,
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td,
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
/*
 * Control feature layout
 */
div.dt-container {
  position: relative;
  clear: both;
}
div.dt-container div.dt-layout-row {
  display: table;
  clear: both;
  width: 100%;
}
div.dt-container div.dt-layout-row.dt-layout-table {
  display: block;
}
div.dt-container div.dt-layout-row.dt-layout-table div.dt-layout-cell {
  display: block;
}
div.dt-container div.dt-layout-cell {
  display: table-cell;
  vertical-align: middle;
  padding: 5px 0;
}
div.dt-container div.dt-layout-cell.dt-full {
  text-align: center;
}
div.dt-container div.dt-layout-cell.dt-start {
  text-align: left;
}
div.dt-container div.dt-layout-cell.dt-end {
  text-align: right;
}
div.dt-container div.dt-layout-cell:empty {
  display: none;
}
div.dt-container .dt-search input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
  margin-left: 3px;
}
div.dt-container .dt-input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  color: inherit;
}
div.dt-container select.dt-input {
  padding: 4px;
}
div.dt-container .dt-paging .dt-paging-button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: inherit !important;
  border: 1px solid transparent;
  border-radius: 2px;
  background: transparent;
}
div.dt-container .dt-paging .dt-paging-button.current,
div.dt-container .dt-paging .dt-paging-button.current:hover {
  color: inherit !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.05);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.05)), color-stop(100%, rgba(0, 0, 0, 0.05)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%);
  /* W3C */
}
div.dt-container .dt-paging .dt-paging-button.disabled,
div.dt-container .dt-paging .dt-paging-button.disabled:hover,
div.dt-container .dt-paging .dt-paging-button.disabled:active {
  cursor: default;
  color: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
div.dt-container .dt-paging .dt-paging-button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #111;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
  /* W3C */
}
div.dt-container .dt-paging .dt-paging-button:active {
  outline: none;
  background-color: #0c0c0c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}
div.dt-container .dt-paging .ellipsis {
  padding: 0 1em;
}
div.dt-container .dt-length,
div.dt-container .dt-search,
div.dt-container .dt-info,
div.dt-container .dt-processing,
div.dt-container .dt-paging {
  color: inherit;
}
div.dt-container .dataTables_scroll {
  clear: both;
}
div.dt-container .dataTables_scroll div.dt-scroll-body {
  -webkit-overflow-scrolling: touch;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td {
  vertical-align: middle;
}
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > thead > tr > td > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > th > div.dataTables_sizing,
div.dt-container .dataTables_scroll div.dt-scroll-body > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
div.dt-container.dt-empty-footer tbody > tr:last-child > * {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
div.dt-container.dt-empty-footer .dt-scroll-body tbody > tr:last-child > * {
  border-bottom: none;
}
@media screen and (max-width: 767px) {
  div.dt-container div.dt-layout-row {
    display: block;
  }
  div.dt-container div.dt-layout-cell {
    display: block;
  }
  div.dt-container div.dt-layout-cell.dt-full,
  div.dt-container div.dt-layout-cell.dt-start,
  div.dt-container div.dt-layout-cell.dt-end {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .dt-container .dt-length,
  .dt-container .dt-search {
    float: none;
    text-align: center;
  }
  .dt-container .dt-search {
    margin-top: 0.5em;
  }
}
html.dark {
  --dt-row-hover: 255, 255, 255;
  --dt-row-stripe: 255, 255, 255;
  --dt-column-ordering: 255, 255, 255;
}
html.dark table.dataTable > thead > tr > th,
html.dark table.dataTable > thead > tr > td {
  border-bottom: 1px solid #595b5e;
}
html.dark table.dataTable > thead > tr > th:active,
html.dark table.dataTable > thead > tr > td:active {
  outline: none;
}
html.dark table.dataTable > tfoot > tr > th,
html.dark table.dataTable > tfoot > tr > td {
  border-top: 1px solid #595b5e;
}
html.dark table.dataTable.row-border > tbody > tr > *,
html.dark table.dataTable.display > tbody > tr > * {
  border-top: 1px solid #404346;
}
html.dark table.dataTable.row-border > tbody > tr:first-child > *,
html.dark table.dataTable.display > tbody > tr:first-child > * {
  border-top: none;
}
html.dark table.dataTable.row-border > tbody > tr.selected + tr.selected > td,
html.dark table.dataTable.display > tbody > tr.selected + tr.selected > td {
  border-top-color: rgba(13, 110, 253, 0.65);
}
html.dark table.dataTable.cell-border > tbody > tr > th,
html.dark table.dataTable.cell-border > tbody > tr > td {
  border-top: 1px solid #404346;
  border-right: 1px solid #404346;
}
html.dark table.dataTable.cell-border > tbody > tr > th:first-child,
html.dark table.dataTable.cell-border > tbody > tr > td:first-child {
  border-left: 1px solid #404346;
}
html.dark .dt-container.dt-empty-footer table.dataTable {
  border-bottom: 1px solid #595b5e;
}
html.dark .dt-container .dt-search input,
html.dark .dt-container .dt-length select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: var(--dt-html-background);
}
html.dark .dt-container .dt-paging .dt-paging-button.current,
html.dark .dt-container .dt-paging .dt-paging-button.current:hover {
  border: 1px solid #595b5e;
  background: rgba(255, 255, 255, 0.15);
}
html.dark .dt-container .dt-paging .dt-paging-button.disabled,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:hover,
html.dark .dt-container .dt-paging .dt-paging-button.disabled:active {
  color: #666 !important;
}
html.dark .dt-container .dt-paging .dt-paging-button:hover {
  border: 1px solid #353535;
  background: #353535;
}
html.dark .dt-container .dt-paging .dt-paging-button:active {
  background: #3a3a3a;
}
/*
 * Overrides for RTL support
 */
*[dir=rtl] table.dataTable thead th,
*[dir=rtl] table.dataTable thead td,
*[dir=rtl] table.dataTable tfoot th,
*[dir=rtl] table.dataTable tfoot td {
  text-align: right;
}
*[dir=rtl] table.dataTable th.dt-type-numeric,
*[dir=rtl] table.dataTable th.dt-type-date,
*[dir=rtl] table.dataTable td.dt-type-numeric,
*[dir=rtl] table.dataTable td.dt-type-date {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-start {
  text-align: right;
}
*[dir=rtl] div.dt-container div.dt-layout-cell.dt-end {
  text-align: left;
}
*[dir=rtl] div.dt-container div.dt-search input {
  margin: 0 3px 0 0;
}
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);
}
.cpm {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-bottom: 20px;
  margin-top: -1px;
}
.cpm-headline {
  clear: both;
  font-size: 20px;
  color: #000000;
  padding-left: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.cpm .btn {
  border-radius: 0;
}
.cpm-tableWrapper.searchassessmenttable-one .dataTables_scrollBody {
  overflow: visible !important;
}
.cpm-tableWrapper a {
  text-decoration: underline;
}
.cpm-tableWrapper a:hover {
  text-decoration-color: #EB6111;
  font-weight: inherit;
}
@media (max-width: 767px) {
  .cpm-tableWrapper table.cpmWorkSafe {
    width: 100% !important;
  }
  .cpm-tableWrapper table.cpmWorkSafe colgroup col:first-child {
    width: 100% !important;
  }
}
.cpmPictogram-rotate {
  width: 64px;
  height: 60px;
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 5px;
  display: inline-block;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cpmSide {
  background: #f9f9f9;
  overflow-x: hidden;
  padding: 12px;
}
.cpmSide-open {
  font-size: 18px;
  font-weight: bold;
  line-height: 22px;
  padding-top: 12px;
  padding-bottom: 13px;
  border: 0;
}
.cpmSide-open-wrapper {
  height: 48px;
  display: none;
}
@media (max-width: 767px) {
  .cpmSide-open-wrapper {
    display: block;
    margin-top: 20px;
  }
}
.cpmSide-open .bicon {
  margin-left: 10px;
  margin-right: -10px;
}
.cpmSide-close {
  width: 48px;
  height: 48px;
  padding: 0 !important;
  border: 0;
}
.cpmSide-close-wrapper {
  height: 48px;
  display: none;
  text-align: right;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
}
@media (max-width: 767px) {
  .cpmSide-close-wrapper {
    display: block;
  }
}
.cpmSide-close .bicon {
  font-size: 14px;
}
.cpmSide-multiple-assignment-hint {
  display: none;
  padding: 20px 25px 0;
  color: #000000;
}
.cpmSide-headline {
  font-size: 13px;
  font-weight: bold;
  color: #000;
  padding: 12px 0;
  border-bottom: 1px solid #C7C5C5;
}
.cpmSide-amount {
  display: inline-block;
  color: #666;
  font-size: 11px;
}
.cpmSide-head-open .cpmSide-icon .bicon:before {
  content: "\E014";
}
.cpmSide-head {
  cursor: pointer;
  color: #000;
  padding-left: 12px;
  font-size: 13px;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  white-space: nowrap;
}
.cpmSide-head span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpmSide-head .bicon {
  display: inline-block;
}
.cpmSide-click {
  display: inline-block;
  color: inherit;
  font-weight: inherit;
  padding: 0 !important;
}
.cpmSide-icon {
  display: inline-block;
  padding: 10px !important;
  border: 0;
  color: inherit;
  font-weight: inherit;
  margin: -10px;
}
.cpmSide-icon .bicon {
  font-size: 13px;
}
.cpmSide-body > .cpmSide-click {
  display: block;
  margin-left: 22px;
}
.cpmSide-user {
  color: #000;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 16px !important;
  font-weight: normal !important;
}
.cpmSide-user .bicon {
  margin-right: 1em;
}
.cpmSide-user:hover {
  color: #000;
}
.cpmSide-lvl {
  padding-left: 12px;
}
.cpmSide > .cpmSide-lvl {
  overflow: auto;
  padding-left: 0;
}
@media (min-width: 768px) {
  .cpmSide > .cpmSide-lvl {
    min-height: 400px;
    max-height: 600px;
  }
}
@media (max-width: 767px) {
  .cpmSide > .cpmSide-lvl {
    max-height: calc(100% - 105px);
  }
}
.cpmSide > .cpmSide-lvl > .cpmSide-body > .cpmSide-body {
  padding-left: 25px;
}
.cpmSide > .cpmSide-lvl > .cpmSide-body > .cpmSide-head {
  font-size: 14px;
  font-weight: bold;
  color: #000 !important;
  padding: 12px 6px;
  position: relative;
}
.cpmSide > .cpmSide-lvl > .cpmSide-body > .cpmSide-head-open {
  color: #000 !important;
}
.cpmSide > .cpmSide-lvl > .cpmSide-body > .cpmSide-head-open .btn {
  color: #000 !important;
}
.cpmSide > .cpmSide-lvl > .cpmSide-body > .cpmSide-head .btn {
  color: #000 !important;
  font-weight: normal !important;
}
.cpmSide-body {
  display: none;
}
.cpmSide-body-open {
  display: block;
}
.cpmSide-body a {
  display: block;
  padding: 6px 0 6px 80px;
  font-size: 12px;
  color: #000000;
}
@media (max-width: 767px) {
  .cpmSide {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 120000000;
  }
  .cpmSide.open {
    display: block;
  }
}
.cpmSide .activeLink,
.cpmSide #top-tree-node.activeLink {
  background: #000000;
  position: relative;
}
.cpmSide .activeLink:after,
.cpmSide #top-tree-node.activeLink:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  left: -500%;
  background: #000000;
  z-index: 1;
}
.cpmSide .activeLink .btn,
.cpmSide #top-tree-node.activeLink .btn,
.cpmSide .activeLink .cpmSide-user,
.cpmSide #top-tree-node.activeLink .cpmSide-user {
  color: #ffffff !important;
}
.cpmTabs:before,
.cpmTabs:after {
  content: " ";
  display: table;
}
.cpmTabs:after {
  clear: both;
}
.cpmTabs:before,
.cpmTabs:after {
  content: " ";
  display: table;
}
.cpmTabs:after {
  clear: both;
}
.cpmTabs-dropdown {
  display: block;
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 23px;
  margin-bottom: 23px;
}
@media (min-width: 768px) {
  .cpmTabs-dropdown {
    display: none;
  }
}
.cpmTabs-dropdown .dropdown-toggle {
  display: block;
  border: 1px solid #e5e5e5;
  padding-top: 14px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 50px;
  font-weight: bold;
  color: #444;
  width: 100%;
  text-align: left;
  position: relative;
  height: 50px;
}
.cpmTabs-dropdown .dropdown-toggle span {
  padding: 0;
  font-size: 15px;
  line-height: 18px;
  display: inline-block;
  height: 18px;
}
.cpmTabs-dropdown .dropdown-toggle .bicon {
  position: absolute;
  top: 50%;
  right: 24px;
  font-size: 18px;
  transform: translateY(-50%);
  padding-left: 0;
}
.cpmTabs-dropdown.open .dropdown-toggle .bicon {
  transform: rotate(180deg) translateY(50%);
}
.cpmTabs-dropdown .dropdown-menu {
  width: 100%;
  border: 1px solid #e5e5e5;
  margin-top: -1px;
  padding: 0 !important;
}
.cpmTabs-dropdown .dropdown-menu li a {
  padding-top: 14px;
  padding-bottom: 16px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 18px;
  font-size: 15px;
  color: #444;
}
.cpmTabs .tabs-list {
  padding-left: 0;
  list-style: none;
  display: none;
  margin-bottom: 0;
  background: #f1f1f1;
  border-left: 1px solid #e5e5e5;
  width: 100%;
}
.cpmTabs .tabs-list:before,
.cpmTabs .tabs-list:after {
  content: " ";
  display: table;
}
.cpmTabs .tabs-list:after {
  clear: both;
}
.cpmTabs .tabs-list:before,
.cpmTabs .tabs-list:after {
  content: " ";
  display: table;
}
.cpmTabs .tabs-list:after {
  clear: both;
}
.cpmTabs .tabs-list li {
  display: table-cell;
  width: 25%;
  border: 1px solid #e5e5e5;
  border-left: 0;
  margin-bottom: -1px;
  font-weight: bold;
  font-size: 13px;
  max-width: 25%;
  text-align: center;
  position: relative;
}
.cpmTabs .tabs-list li .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cpmTabs .tabs-list li a {
  color: #444;
  padding: 10px 30px 10px 30px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cpmTabs .tabs-list li a:hover {
  text-decoration: none;
}
.cpmTabs .tabs-list li.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}
@media (min-width: 768px) {
  .cpmTabs .tabs-list {
    display: table;
  }
  .cpmTabs .tabhead {
    display: none;
  }
}
@media (max-width: 767px) {
  .cpmTabs .tabhead {
    display: none;
  }
}
.cpmTabs .content {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .cpmTabs .content {
    padding-top: 24px;
    border-top: 1px solid #e5e5e5;
  }
}
.cpmList-actions {
  margin-bottom: 24px;
  padding-right: 0;
}
.cpmList-actions-products {
  margin-bottom: -24px;
}
.cpmList-actions-products .cpmList-actions-search-container {
  flex-wrap: wrap;
}
.cpmList-actions-products .cpmAdmin-topActions-switch {
  flex: 1 1 100%;
  margin-bottom: 12px;
  padding: 0 12px;
}
.cpmList-actions-products .cpmAdmin-topActions-switch .btn-link {
  padding: 0;
  font-size: 24px;
  float: right;
}
.cpmList-actions-search {
  flex: 1 1 0%;
  white-space: nowrap;
  padding: 6px 12px;
  display: flex;
  align-items: center;
}
.cpmList-actions-search.flex-end {
  justify-content: flex-end;
}
.cpmList-actions-search.flex-end .btn:last-child {
  padding-right: 0;
}
.cpmList-actions-search-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -12px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .cpmList-actions-search-container {
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.cpmList-actions-search .input-group {
  width: 100%;
  position: relative;
  display: block;
}
.cpmList-actions-search .bicon {
  display: block;
  vertical-align: top;
  line-height: 26px;
  width: 26px;
  text-align: center;
  opacity: 0.89;
  font-size: 14px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10000;
}
@media (max-width: 767px) {
  .cpmList-actions-search {
    display: block;
  }
  .cpmList-actions-search .input-group-btn button {
    margin-top: 10px;
    padding: 5px 20px;
    background: #97c1de;
  }
  .cpmList-actions-search .input-group-btn button:hover,
  .cpmList-actions-search .input-group-btn button:focus {
    margin-top: 10px;
    padding: 5px 20px;
    background: #97c1de;
  }
}
.cpmList-actions-search .form-control {
  background: #fff;
  border: 1px solid #C7C5C5;
  padding: 6px 7px;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
  display: block;
  float: none;
}
.cpmList-actions-search .form-control.select2-container-disabled {
  background: #F9F9F9;
}
.cpmList-actions-search .form-control[disabled],
.cpmList-actions-search .form-control[readonly] {
  background: #F9F9F9 !important;
}
.cpmList-actions-search .btn {
  padding: 0 6px;
  border: 0;
}
.cpmList-actions-search .btn .bicon {
  position: static;
  transform: none;
  font-size: 20px;
}
.cpmList-actions-search .js-risk-assessment-origin-select {
  height: 34px;
}
.cpmList-actions-actions.icon-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .cpmList-actions-actions.icon-buttons {
    align-items: flex-start;
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.cpmList-actions-actions.icon-buttons .btn {
  font-weight: normal;
  padding: 0;
  margin-right: 24px;
}
.cpmList-actions-actions.icon-buttons .btn .bicon {
  margin-right: 6px;
}
.cpmList-actions-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: -12px -6px;
}
@media (max-width: 767px) {
  .cpmList-actions-links {
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.cpmList-actions-links .btn {
  margin: 6px;
}
.cpmList-actions-links .btn-with-icon {
  position: relative;
  padding-left: 36px;
  font-weight: normal;
}
.cpmList-actions-links .btn-with-icon .bicon {
  position: absolute;
  font-size: 20px;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.cpmList-actions-checkbox {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .cpmList-actions-checkbox {
    justify-content: flex-start;
  }
}
.cpmList-actions-checkbox label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 0;
}
.cpmList-actions-checkbox input {
  height: 13px;
  width: 13px;
  display: inline-block;
  order: -1;
  margin-right: 12px;
  margin-top: -1px;
}
.cpmList-actions-checkbox.js-cpmAdmin-selection-all {
  display: none;
  margin-top: 0;
  margin-bottom: 12px;
  padding-left: 15px;
}
.cpmList-actions-select {
  margin-right: 20px;
  display: inline-block;
  width: auto;
  margin-top: 7px;
}
.cpmList-actions-select .select2-choice {
  font-size: 12px;
}
.cpmList-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.cpmList-header .cmpList-actions-results-text {
  font-size: 16px;
  line-height: 24px;
  color: #000;
}
.cpmList-header .product-grid-switch {
  padding: 0;
  float: none;
}
.cpmList-header .product-grid-switch .gridswitch-label {
  margin-top: 0;
  margin-bottom: 0 !important;
}
.cpmList-assessment-grid {
  display: none;
  background: #f9f9f9;
}
.cpmList-assessment-grid .cpmAssessmentContainer-products {
  border: none;
}
.cpmList-assessment-grid-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  margin-bottom: 12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cpmList-assessment-grid-card {
    flex-direction: column;
    -ms-flex-direction: column;
    padding-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .cpmList-assessment-grid-card > div {
    border-right: 1px solid #f1f1f1;
  }
  .cpmList-assessment-grid-card > div:last-child {
    border-right: 0;
  }
}
.cpmList-assessment-grid-card-title {
  margin: 12px 0;
  font-size: 13px;
}
.cpmList-assessment-grid-card-entry {
  color: #000;
  font-size: 13px;
}
.cpmList-assessment-grid-card-action-btn {
  background: #f1f1f1;
  font-size: 13px;
  color: #666;
}
.cpmList-assessment-grid-card-action-btn:hover,
.cpmList-assessment-grid-card-action-btn:focus {
  text-decoration: none;
  background: #e4e4e4;
}
.cpmList-assessment-grid-card-action-btn .bicon-select-arrow {
  font-size: 12px;
  color: #666;
}
.cpmList table {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 0 !important;
}
.cpmList table .bicon-product,
.cpmList table .bicon-edit,
.cpmList table .bicon-trash,
.cpmList table .bicon-external-product,
.cpmList table .bicon-download-sheet,
.cpmList table .bicon-product-bundle,
.cpmList table .bicon-eye {
  font-size: 14px !important;
}
.cpmList table .bicon-arrow-filled-up,
.cpmList table .bicon-arrow-filled-down {
  margin-left: 10px;
}
.cpmList table .bicon-arrow-filled-up:after,
.cpmList table .bicon-arrow-filled-down:after {
  margin-left: 5px;
}
.cpmList table td,
.cpmList table th {
  padding-left: 15px;
}
.cpmList table img {
  width: 32px;
  height: 27px;
  margin: 15px 3px 5px;
  padding-right: 5px;
  display: inline-block;
}
.cpmList table a {
  display: block;
  max-width: 250px;
  word-break: break-all;
  white-space: normal;
}
.cpmList table a.hazardous,
.cpmList table a.chemical-product-detail-page,
.cpmList table a.to-shop {
  word-break: normal;
}
.cpmList table div > ul {
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0;
}
@media (max-width: 767px) {
  .cpmList table {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .cpmList table thead {
    display: none;
  }
  .cpmList table tr {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #e5e5e5;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .cpmList table tr td {
    position: relative;
    padding: 16px 10px 15px 15px !important;
    line-height: 17px;
    width: 50% !important;
    margin-left: 50%;
    white-space: normal !important;
    font-size: 14px;
    min-height: 48px;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px;
    background: #fff !important;
    color: #444444;
  }
  .cpmList table tr td:before {
    content: attr(title);
    display: block;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    background: #f1f1f1;
    left: -100%;
    font-size: 14px;
    color: #000000;
    padding: 16px 10px 15px 17px;
    line-height: 17px;
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px;
  }
  .cpmList table div > ul {
    padding: 0 !important;
    padding-left: 20px !important;
  }
  .cpmList table img {
    margin: 0;
  }
}
.cpmList-more {
  cursor: pointer;
  margin-left: 10px;
  color: #000000;
}
.cpmList-more:hover {
  text-decoration: underline;
}
.cpmAdmin {
  padding-left: 25px;
  padding-bottom: 20px;
}
.cpmAdmin-page {
  position: relative;
}
.cpmAdmin-page > div {
  display: none;
}
.cpmAdmin-page .product-detail-panel {
  border-top: 1px solid #e5e5e5;
}
.cpmAdmin-topActions + div + .cpmAdmin-page {
  top: -68px;
}
@media (max-width: 767px) {
  .cpmAdmin-topActions + div + .cpmAdmin-page {
    top: -35px;
  }
}
.cpmAdmin-page .cpmAdmin-topActions-switch {
  margin-bottom: 24px;
}
.cpmAdmin-page .cpmAdmin-topActions-switch .cpmAdmin-topActions-switch-multiple,
.cpmAdmin-page .cpmAdmin-topActions-switch .cpmAdmin-topActions-switch-single {
  color: #444;
  font-size: 12px;
}
.cpmAdmin-page .cpmAdmin-topActions-switch .cpmAdmin-topActions-switch-indicator {
  display: inline-block;
  width: 38px;
  height: 20px;
  border: 1px solid #c7c5c5;
  border-radius: 10px;
  background: #c7c5c5;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.cpmAdmin-page .cpmAdmin-topActions-switch .cpmAdmin-topActions-switch-indicator:after {
  content: '';
  display: block;
  background: #f9f9f9;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  border-radius: 100%;
}
.cpmAdmin-page .cpmAdmin-topActions-switch.js-cpmAdmin-selection-single .cpmAdmin-topActions-switch-indicator:after {
  left: auto;
  right: 50%;
}
.cpmAdmin-headline {
  font-weight: bold;
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  margin-bottom: 6px;
}
.cpmAdmin-topActions {
  margin-top: 30px;
  padding-bottom: 6px;
}
.cpmAdmin-topActions-right {
  text-align: right;
  position: relative;
}
.cpmAdmin-topActions-right > div {
  display: inline-block !important;
}
@media (max-width: 767px) {
  .cpmAdmin-topActions-right {
    display: none;
  }
}
.cpmAdmin-topActions .select2-container {
  width: auto;
  padding: 5px 25px;
  height: auto;
}
.cpmAdmin-topActions .select2-container .select2-chosen {
  font-size: 14px !important;
}
.cpmAdmin-topActions-back {
  font-size: 13px;
  line-height: 20px;
  display: inline-block;
  padding: 12px 0;
}
.cpmAdmin-topActions-back .bicon {
  font-size: 18px;
  vertical-align: text-bottom;
  margin-right: 15px;
  color: #666;
}
.cpmAdmin-desc {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  margin-bottom: 20px;
  max-width: 622px;
}
.cpmAdmin-risk-assessment-unlink {
  display: none;
}
.cpmAdmin-risk-assessment-products-management {
  padding: 48px 40px;
}
.cpmAdmin-risk-assessment-products-management .cpmAdmin-desc {
  font-size: 24px;
  line-height: 34px;
  color: #000;
  font-weight: bold;
}
.cpmAdmin-risk-assessment-products-management .cpmBundleContainer {
  padding: 0 !important;
}
@media (min-width: 992px) {
  .cpmAdmin-risk-assessment-products-management .cpmBundleContainer .btn-secondary {
    width: 175px;
    display: flex;
    justify-content: center;
  }
}
.cpmAdminTabs .content {
  border: 1px solid #e5e5e5;
  border-top: 0;
  padding-top: 0;
  margin-left: -1px;
  margin-top: -1px;
}
.cpmAdminTabs .cpmList-actions {
  padding: 15px 24px;
  margin-bottom: 0;
}
.cpmAdmin-sideCheckbox {
  vertical-align: text-bottom;
  margin-right: 5px !important;
}
.cpmAdmin-dropdown {
  padding-top: 6px;
  padding-bottom: 6px;
}
.cpmAdmin-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.cpmAdmin-dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: underline;
  display: block;
  text-align: left;
}
.cpmAdmin-dropdown-content a:hover {
  text-decoration-color: #EB6111;
  font-weight: normal;
}
.cpmAdmin-dropdown:hover .cpmAdmin-dropdown-content {
  display: block;
}
.cpmAdmin-dropdown,
.cpmAdmin-dropbtn {
  border: none;
  outline: none;
  color: #000000;
  padding-left: 70px;
  font-family: inherit;
  /* Important for vertical align on mobile phones */
  margin: 0;
  /* Important for vertical align on mobile phones */
  background: #fff;
}
.cpmAdmin-dropbtn .bicon {
  font-size: 10px;
}
.cpmAdmin-button {
  text-decoration: none !important;
}
.cpmAdmin-button:hover {
  color: #000000;
}
.cpmThirdParty-headline {
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  margin-bottom: 7px;
  padding-left: 30px;
}
.cpmThirdParty-desc {
  font-size: 12px;
  line-height: 1.33;
  color: #666;
  margin-bottom: 20px;
}
.cpmThirdParty-desc-padding {
  font-size: 12px;
  line-height: 1.33;
  color: #666;
  padding-left: 30px;
  margin-bottom: 10px;
}
.cpmToggle {
  margin-bottom: 20px;
  font-size: 0;
}
.cpmToggle-btn {
  font-size: 12px;
  border: solid 1px #e5e5e5;
  background-color: #f1f1f1;
  color: #444444;
  margin-left: -1px;
}
.cpmToggle-btn:hover,
.cpmToggle-btn:focus {
  border: solid 1px #e5e5e5;
  background: inherit;
  box-shadow: none !important;
  outline: none !important;
}
.cpmToggle-btn.active {
  box-shadow: none;
  background: #fff;
  border: solid 1px #e5e5e5;
  color: #000000;
  position: relative;
}
.cpmToggle-btn.active:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border: 6px solid transparent;
  border-top-color: #fff;
}
.cpmToggle-btn.active:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
  border: 7px solid transparent;
  border-top-color: #e5e5e5;
}
.cpmWorkSafe {
  width: 100%;
}
.cpmWorkSafe-not-assigned {
  display: inline-block;
  color: #666;
  position: relative;
  padding-left: 20px;
}
.cpmWorkSafe-not-assigned:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #FFA800;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.cpmWorkSafe .bicon {
  color: #000000;
}
.cpmWorkSafe th {
  border-top: 1px solid #C7C5C5;
  border-bottom: 1px solid #C7C5C5;
  font-size: 13px;
  color: #000;
  line-height: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-weight: bold;
}
.cpmWorkSafe th .tablesorter-header-inner {
  white-space: nowrap;
  padding-right: 20px;
  position: relative;
  display: inline-block;
}
.cpmWorkSafe th .tablesorter-header-inner .bicon {
  position: absolute;
  right: 0;
  top: 4px;
  height: 8px;
}
.cpmWorkSafe th .tablesorter-header-inner:hover .bicon {
  color: #000000;
}
.cpmWorkSafe td {
  font-size: 13px;
  color: #000;
  line-height: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #C7C5C5;
}
@media (max-width: 767px) {
  .cpmWorkSafe td {
    display: block;
  }
  .cpmWorkSafe td:first-child {
    display: none;
  }
  .cpmWorkSafe .product-list td:first-child {
    display: block;
    padding: 15px !important;
  }
}
.cpmHazard-info {
  line-height: 2;
  margin-bottom: 20px;
}
.cpmHazard-info-headline {
  color: #000000;
  font-size: 15px;
}
.cpmNotification {
  position: relative;
  float: right;
}
.cpmNotification-btn.btn {
  margin-right: 18px;
  font-size: 32px;
  padding: 0;
  width: 1em;
  height: 1em;
  background: #000000;
  border-radius: 100%;
  color: #fff;
  position: relative;
}
.cpmNotification-btn-nr {
  position: absolute;
  top: -2px;
  right: -9px;
  width: 18px;
  height: 18px;
  background: #e32c3c;
  display: block;
  border-radius: 100%;
  font-size: 10px;
  font-weight: bold;
  line-height: 18px;
  text-align: center;
}
.cpmNotification-btn .bicon {
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cpmNotification:hover:after {
  content: '';
  display: block;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  bottom: -16px;
  width: 370px;
}
.cpmNotification-drop {
  display: none;
  position: absolute;
  top: 45px;
  right: 0;
  background: #fff;
  width: 370px;
  z-index: 11000;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #e5e5e5;
}
.cpmNotification-drop:before {
  content: '';
  display: block;
  position: absolute;
  top: -25px;
  right: 21px;
  border: 12px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.15);
}
.cpmNotification-drop:after {
  content: '';
  display: block;
  position: absolute;
  top: -24px;
  right: 21px;
  border: 12px solid transparent;
  border-bottom-color: #fff;
}
.cpmNotification-drop-head {
  display: none;
}
@media (min-width: 768px) {
  .cpmNotification:hover .cpmNotification-drop {
    display: block;
  }
}
.cpmNotification-item + .cpmNotification-item {
  border-top: 1px solid #e5e5e5;
}
.cpmNotification-item {
  padding-top: 12px;
  padding-bottom: 18px;
  padding-left: 56px;
  padding-right: 20px;
  position: relative;
}
.cpmNotification-icon {
  font-size: 24px;
  position: absolute;
  left: 18px;
  top: 20px;
}
.cpmNotification-date {
  font-size: 11px;
  color: #666666;
}
.cpmNotification-desc {
  font-size: 13px;
  color: #000000;
}
@media (max-width: 767px) {
  .cpmNotification-drop {
    box-shadow: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .cpmNotification-drop:before,
  .cpmNotification-drop:after {
    display: none;
  }
  .cpmNotification-drop-head {
    border-bottom: 1px solid #e5e5e5;
    text-align: right;
    display: block;
  }
  .cpmNotification-open .cpmNotification-drop {
    display: block;
  }
  .cpmNotification-close.btn {
    background: #000000;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
  }
  .cpmNotification-item + .cpmNotification-item {
    border-top: 0;
  }
  .cpmNotification-item {
    border-bottom: 1px solid #e5e5e5;
  }
}
.cpmManageUser {
  border: 1px solid #e5e5e5;
  overflow-x: hidden;
  position: relative;
}
.cpmManageUser-headline {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: #444444;
  padding: 20px 30px;
}
.cpmManageUser-head-open .bicon-arrow-filled-right:before {
  content: "\E014";
}
.cpmManageUser-head {
  cursor: pointer;
  color: #000000;
  padding-left: 15px;
  font-size: 13px;
  line-height: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  white-space: nowrap;
}
.cpmManageUser-head span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cpmManageUser-head .bicon {
  display: inline-block;
}
.cpmManageUser-head .select2-container {
  max-width: 250px;
}
.cpmManageUser-click {
  display: inline-block;
  color: inherit;
  font-weight: inherit;
  padding: 0 !important;
}
.cpmManageUser-icon {
  display: inline-block;
  padding: 10px !important;
  border: 0;
  color: inherit;
  font-weight: inherit;
  margin: -10px;
}
.cpmManageUser-icon .bicon {
  font-size: 13px;
}
.cpmManageUser-body > .cpmManageUser-click {
  display: block;
  margin-left: 22px;
}
.cpmManageUser-user {
  font-size: 12px;
  text-align: left;
  color: #000000;
  padding-left: 15px;
  position: relative;
  margin-left: 25px;
}
.cpmManageUser-user--icon {
  padding-left: 20px;
}
.cpmManageUser-user div {
  display: block;
  font-size: 11px;
  font-weight: bold;
  color: #999999;
}
.cpmManageUser-user > .bicon {
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: 0;
  color: #000000;
}
.cpmManageUser-user .bicon-user {
  font-size: 12px;
  top: 0;
  margin-top: 3px;
}
.cpmManageUser-user-select {
  position: absolute;
  top: 50%;
  right: 30px;
  width: 120px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .cpmManageUser-user-select {
    display: none !important;
  }
}
.cpmManageUser-user-xs-select.btn {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  right: 10px;
  background: #c7c5c5;
  padding: 0;
  color: #fff;
  transform: translateY(-50%);
}
.cpmManageUser-lvl {
  padding-left: 10px;
}
.cpmManageUser > .cpmManageUser-lvl {
  padding-left: 0;
  overflow: auto;
}
.cpmManageUser > .cpmManageUser-lvl > .cpmManageUser-body > div > .cpmManageUser-body {
  padding-left: 25px;
}
.cpmManageUser > .cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-head {
  font-size: 14px;
  font-weight: bold;
  color: #444;
  padding: 12px 30px;
  padding-right: 45px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: -1px;
  position: relative;
  background: #f1f1f1;
}
.cpmManageUser > .cpmManageUser-lvl > .cpmManageUser-body > div > .cpmManageUser-body > .cpmManageUser-head {
  font-size: 13px;
  color: #444;
  padding: 12px 45px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  background: #f9f9f9;
  margin-top: -11px;
  margin-left: -25px;
}
.cpmManageUser > .cpmManageUser-lvl > .cpmManageUser-body > div > .cpmManageUser-body > div > .cpmManageUser-body > div > .cpmManageUser-body {
  padding-left: 65px;
}
.cpmManageUser > .cpmManageUser-lvl > .cpmManageUser-body > div > .cpmManageUser-body > div > .cpmManageUser-body > .cpmManageUser-head {
  font-size: 13px;
  color: #000000;
  padding: 12px 45px;
  padding-left: 65px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  margin-top: -11px;
  margin-left: -25px;
  background: #fff;
}
.cpmManageUser-body {
  display: none;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cpmManageUser-body-open {
  display: block;
}
.cpmManageUser-body a {
  display: block;
  padding: 6px 0 6px 80px;
  font-size: 12px;
  color: #000000;
}
.cpmManageUser-xsSelect {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #f1f1f1;
  z-index: 10000000;
}
.cpmManageUser-xsSelect-head {
  height: 48px;
  font-size: 14px;
  line-height: 3.43;
  color: #000000;
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 20px;
}
.cpmManageUser-xsSelect-close.btn {
  float: right;
  border: 0;
  padding: 0;
  background: #000000;
  width: 48px;
  height: 48px;
  color: #fff;
}
.cpmManageUser-xsSelect-title {
  padding-top: 23px;
  padding-bottom: 6px;
  padding-left: 20px;
  font-size: 14px;
  color: #888888;
}
.cpmManageUser-xsSelect-name {
  font-size: 16px;
  line-height: 1.63;
  color: #888888;
  background: #fff;
  padding: 10px 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.cpmManageUser-xsSelect-option.btn {
  margin-top: -1px;
  font-size: 16px;
  line-height: 3;
  text-align: left;
  color: #000000;
  background: #fff;
  padding: 10px 20px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
  display: block;
  width: 100%;
}
.cpmManageUser-xsSelect-option.btn .bicon {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  font-size: 15px;
}
.cpmManageUser-xsSelect-option-active {
  color: #000000 !important;
}
.cpmManageOrga-select {
  position: absolute;
  top: 50%;
  right: 30px;
  width: auto;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .cpmManageOrga-select {
    display: none !important;
  }
}
.cpmManageOrga-select--left {
  right: 140px;
}
.cpmManageOrga-select-dropdown {
  width: auto !important;
}
.cpmManageOrga-user {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 7px;
  padding-bottom: 7px;
}
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageOrga-user,
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > div > .cpmManageOrga-user {
  margin-left: -25px;
  padding-left: 35px;
}
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageOrga-user,
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > div > .cpmManageOrga-user {
  margin-left: -50px;
  padding-left: 65px;
}
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageOrga-user,
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > div > .cpmManageOrga-user {
  margin-left: -75px;
  padding-left: 85px;
}
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageOrga-user,
.cpmManageUser-lvl > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > .cpmManageUser-body > div > .cpmManageOrga-user {
  margin-left: -100px;
  padding-left: 115px;
}
.cpmManageOrga-user:hover {
  background-color: #d9edf7;
}
.cpmManageOrga-user-select {
  max-width: 300px;
  margin-left: 25px;
}
.cpmManageOrga-user .btn {
  padding-top: 4px;
  padding-bottom: 4px;
}
.cpmManageOrga-user .btn-save {
  color: #000000;
  background-color: #EB6111;
  border: none;
}
.cpmManageOrga-user .btn-discard {
  color: #000000;
  background-color: #97c1de;
  border: none;
  margin-left: 10px;
}
.cpmManageOrga-user .btn-delete {
  color: #ffffff;
  background-color: #CD0F26;
  border-color: #CD0F26;
  margin-left: 10px;
}
.cpmManageOrga-user-search {
  height: 30px;
  max-width: 333px;
  border: 1px solid #c7c5c5;
  background-color: #fff !important;
  padding: 5px 10px 5px 30px;
  position: relative;
}
@media (max-width: 767px) {
  .cpmManageOrga-user-search {
    height: 50px;
    max-width: 470px;
    padding: 15px 10px 15px 30px;
    margin-left: 0;
  }
}
.cpmManageOrga-user-search a {
  color: #000;
}
@media (max-width: 767px) {
  .cpmManageOrga-user-search a {
    font-size: 14px !important;
    line-height: 1;
  }
}
.cpmManageOrga-user-search .select2-choices {
  position: static;
  border: 0;
  min-height: 0;
}
.cpmManageOrga-user-search .select2-search-choice {
  display: none;
}
.cpmManageOrga-user-search .select2-search-field,
.cpmManageOrga-user-search .select2-search-field .select2-input {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
}
.cpmManageOrga-user-search .select2-search-field .select2-input {
  left: 30px;
  height: 27px !important;
}
.cpmManageOrga-user-search-dropdown {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  padding-left: 5px;
  margin-top: 2px;
}
.cpmManageOrga-user-search-dropdown ul {
  padding-left: 0;
}
.cpmManageOrga-user-search-dropdown ul .select2-result-label {
  padding-left: 0 !important;
}
.cpmManageOrga-user-search-dropdown ul .select2-results-dept-1 {
  padding-left: 5px !important;
}
.cpmManageOrga-user-search-dropdown ul .select2-results-dept-0 > .select2-result-label {
  padding-top: 20px;
}
.cpmManageOrga-user-search-dropdown ul .select2-results-dept-0:first-child > .select2-result-label {
  padding-top: 0;
}
.cpmManageOrga-user-search-dropdown .select2-search input {
  position: absolute;
  top: -30px;
  left: 1px;
  border: none;
  width: 333px;
  height: 28px;
  padding-left: 30px;
}
@media (max-width: 767px) {
  .cpmManageOrga-user-search-dropdown .select2-search input {
    top: -50px;
    height: 48px;
    width: 100%;
  }
}
.cpmManageOrga-user-search-dropdown .select2-search:before {
  content: "\e04d";
  display: inline-block;
  font-family: 'berner_iconfont';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  top: -25px;
  left: 8px;
  z-index: 10;
  color: #666;
}
@media (max-width: 767px) {
  .cpmManageOrga-user-search-dropdown .select2-search:before {
    top: -36px;
  }
}
.cpmManageOrga-user-search-dropdown.select2-drop-multi .select2-result-unselectable > .select2-result-label {
  color: #666666;
  font-size: 12px;
  font-weight: bold;
}
.cpmManageOrga-user-search-dropdown.select2-drop-multi .select2-result-unselectable > .select2-results {
  padding-bottom: 10px;
}
.cpmManageOrga-user-search-dropdown.select2-drop-multi .select2-result-selectable .select2-result-label:before {
  content: "\e022";
  margin-right: 5px;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 2px;
  background-color: #ffffff;
  border: solid 1px #b2b2b2;
  font-family: 'berner_iconfont';
  font-size: 6px;
  text-align: center;
  color: #fff;
  vertical-align: 2px;
}
.cpmManageOrga-user-search-dropdown.select2-drop-multi .select2-result-selectable.select2-selected .select2-result-label:before {
  content: "\e022";
  background: #000000;
}
.cpmManageOrga-user-search:before {
  content: "\e04d";
  display: inline-block;
  font-family: 'berner_iconfont';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 7px;
  z-index: 10;
}
.cpmManageOrga-edit .btn-edit,
.cpmManageOrga-edit .btn-trash {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 12px !important;
  padding-right: 12px !important;
  display: none;
  font-size: 16px;
  line-height: 20px;
}
.cpmManageOrga-edit .btn-edit {
  left: 440px;
}
.cpmManageOrga-edit .btn-edit .bicon-edit {
  font-size: 16px;
  line-height: 20px;
}
.cpmManageOrga-edit .btn-trash {
  left: 480px;
}
.cpmManageOrga-edit .btn-trash .bicon-trash {
  font-size: 16px;
  line-height: 20px;
}
.cpmManageOrga-edit:hover {
  background-color: #d9edf7 !important;
}
.cpmManageOrga-edit:hover .btn-edit,
.cpmManageOrga-edit:hover .btn-trash {
  display: block;
}
.cpmManageOrga-edit-input {
  display: none;
}
.cpmManageOrga-edit-input input {
  height: 30px;
  width: 320px;
  border: 1px solid #c7c5c5;
  background-color: #fff !important;
  padding: 5px 10px;
  margin-left: 25px;
}
.cpmManageOrga-edit-input .btn-save {
  padding: 4px 12px;
  color: #ffffff;
  background-color: #000000;
  border-color: #000000;
  transform: translateY(-1px);
}
.cpmManageOrga-edit--active {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.cpmManageOrga-edit--active .cpmManageOrga-edit-hide {
  display: none;
}
.cpmManageOrga-edit--active .btn-trash {
  position: relative;
  display: inline-block;
  top: 0;
  left: 0;
  transform: translateY(0%);
}
.cpmManageOrga-edit--active:hover .btn-edit {
  display: none !important;
}
.cpmManageOrga-edit--active:hover .btn-trash {
  display: inline-block !important;
}
.cpmManageOrga-edit--active .cpmManageOrga-edit-input {
  display: inline-block;
}
.cpmManageOrga-department {
  font-size: 12px;
  line-height: 22px;
}
.cpmManageOrga-department-search {
  height: 30px;
  max-width: 333px;
  border: 1px solid #c7c5c5;
  background-color: #fff !important;
  padding: 5px 10px;
  margin-left: 25px;
}
@media (max-width: 767px) {
  .cpmManageOrga-department-search {
    height: 50px;
    max-width: 470px;
    padding: 15px 10px;
    margin-left: 0;
  }
}
.cpmManageOrga-department-search a {
  color: #000;
}
@media (max-width: 767px) {
  .cpmManageOrga-department-search a {
    font-size: 14px !important;
    line-height: 1;
  }
}
.cpmManageOrga-department-search-dropdown {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  padding-left: 5px;
  margin-top: 2px;
}
.cpmManageOrga-department-search-dropdown ul {
  padding-left: 0;
}
.cpmManageOrga-department-search-dropdown ul .select2-result-label {
  padding-left: 0 !important;
}
.cpmManageOrga-department-search-dropdown ul .select2-results-dept-1 {
  padding-left: 5px !important;
}
.cpmManageOrga-department-search-dropdown ul .select2-results-dept-0 > .select2-result-label {
  padding-top: 20px;
}
.cpmManageOrga-department-search-dropdown ul .select2-results-dept-0:first-child > .select2-result-label {
  padding-top: 0;
}
.cpmManageOrga-department-search-dropdown .select2-search input {
  position: absolute;
  top: -30px;
  left: 1px;
  border: none;
  width: 333px;
  height: 28px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .cpmManageOrga-department-search-dropdown .select2-search input {
    top: -50px;
    height: 48px;
    width: 100%;
  }
}
.cpmManageOrga-move-select-dropdown {
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  padding-left: 5px;
  margin-top: 2px;
  width: auto !important;
}
.cpmManageOrga-move-select-dropdown ul {
  padding-left: 0;
}
.cpmManageOrga-move-select-dropdown ul .select2-result-label {
  padding-left: 0 !important;
}
.cpmManageOrga-move-select-dropdown ul .select2-results-dept-1 {
  padding-left: 5px !important;
}
.cpmManageOrga-move-select-dropdown ul .select2-results-dept-0 > .select2-result-label {
  padding-top: 20px;
}
.cpmManageOrga-move-select-dropdown ul .select2-results-dept-0:first-child > .select2-result-label {
  padding-top: 0;
}
.cpmManageOrga-move-select-dropdown .select2-search input {
  position: absolute;
  top: -30px;
  left: 1px;
  border: none;
  width: 333px;
  height: 28px;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .cpmManageOrga-move-select-dropdown .select2-search input {
    top: -50px;
    height: 48px;
    width: 100%;
  }
}
.cpmManageOrga-discardOverlay {
  color: #000000;
  position: absolute;
  border: 1px solid #e5e5e5;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
  background-color: #ffffff;
  padding: 25px;
  display: none;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.cpmManageOrga-discardOverlay .btns {
  display: block;
  margin-top: 10px;
}
.cpmManageOrga-discardOverlay .btns .btn-discard {
  margin-left: 0;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 12px;
}
.cpmManageOrga-discardOverlay .btns .btn-delete {
  margin-left: 10px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 12px;
}
.cpmManageOrga-discardOverlay:hover {
  background-color: #fff;
}
.cpmManageOrga-xsSelect-btns {
  float: right;
  transform: translateY(-10px);
}
.cpmManageOrga-xsSelect-btns .btn {
  padding: 0 12px;
}
.cpmManageOrga-xsSelect-btns .btn .bicon {
  font-size: 20px;
}
.cpmManageOrga-xsSelect .btn {
  line-height: 2;
}
.cpmManageOrga-xsSelect .btn-back {
  background-color: transparent;
  box-shadow: none !important;
  vertical-align: top;
  height: 48px;
}
.cpmManageOrga-xsSelect .cpmManageUser-xsSelect-head {
  margin-bottom: 20px;
  padding-left: 10px;
}
.cpmManageOrga-xsSelect .bicon-full-arrow-left {
  font-size: 16px;
  margin-right: 5px;
}
.cpmManageOrga-xsSelect input {
  display: block;
  width: 100%;
  padding: 10px 20px;
  color: #000;
  font-size: 16px;
}
.cpmManageOrga-xsSelect-btn-group {
  padding: 20px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 500px;
}
.cpmManageOrga-xsSelect-btn-save {
  color: #000000;
  background-color: #EB6111;
  border: none;
  flex-grow: 1;
  margin-right: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cpmManageOrga-xsSelect-btn-discard {
  color: #000000;
  background-color: #97c1de;
  border: none;
  flex-grow: 1;
  margin-left: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: top;
}
.cpmManageOrga-xsSelect-add {
  z-index: 1000;
  background-color: #fff;
}
.cpmManageOrga-xsSelect-dropdown {
  padding: 0 15px;
}
.cpmStikyActions {
  padding: 16px 0;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.15);
}
.cpmStikyActions .container {
  padding: 30px 40px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .cpmStikyActions .container {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .cpmStikyActions .container {
    flex-direction: column;
    align-items: center;
  }
  .cpmStikyActions .container button {
    margin-bottom: 8px;
  }
  .cpmStikyActions .container .pull-right {
    float: none !important;
  }
}
.cpmStikyActions-discard {
  border: 0;
  float: left !important;
}
.cpmStikyActions-save {
  border: 0;
  margin-left: 15px;
}
.cpmStikyActions .orange-sloped-btn {
  margin-right: 40px;
}
@media (min-width: 992px) {
  .cpmStikyActions .orange-sloped-btn {
    margin-right: 120px;
  }
}
.cpm .tablesorter-header-inner .bicon {
  color: #000000;
  font-size: 9px !important;
  margin-left: 10px;
}
.cpm .tablesorter-headerUnSorted .bicon {
  color: #7ea5c9;
}
.cpm .cpmAdmin-product-sideCheckbox {
  position: relative;
  z-index: 10;
  right: -15px;
}
.cpm th {
  outline: none;
}
.cpm .cpmSide-head .cpmAdmin-product-sideCheckbox {
  right: 0;
}
.cpmTAC .bicon-approved {
  color: #00b050;
  font-size: 16px;
}
.cpmTAC .bicon-disapproved {
  color: #e32c3c;
  font-size: 15px;
}
@media (min-width: 768px) {
  .cpmTAC-xs-table {
    display: none;
  }
  .cpmTAC-table {
    border: 1px solid #e5e5e5;
  }
  .cpmTAC-table.dataTable {
    margin: 0;
  }
  .cpmTAC-table th {
    padding: 9px 17px 11px;
    font-weight: normal;
    white-space: nowrap;
    text-align: center;
    font-size: 12px;
    color: #444444;
    line-height: 15px;
  }
  .cpmTAC-table th + th,
  .cpmTAC-table td + td {
    min-width: 90px;
  }
  .cpmTAC-table td {
    background: #fff;
    border-top: 1px solid #e5e5e5;
    padding: 9px 17px 11px;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    color: #444444;
    line-height: 22px;
  }
  .cpmTAC-table td:first-child {
    text-align: left;
  }
  .cpmTAC-table-sort {
    padding: 0 !important;
    border: 0 !important;
    position: relative;
    padding-right: 10px !important;
  }
  .cpmTAC-table-sort:after {
    content: '';
    display: block;
    border: 4px solid transparent;
    border-bottom-color: #000000;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -4px;
  }
  .sorting_desc .cpmTAC-table-sort:after {
    border-top-color: #000000;
    border-bottom-color: transparent;
    margin-top: 0;
  }
  .cpmTAC .dataTables_info {
    display: none;
  }
  .cpmTAC .dataTables_wrapper {
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media (max-width: 767px) {
  .cpmTAC-table {
    display: none;
  }
  .cpmTAC .dataTables_wrapper {
    display: none;
  }
  .cpmTAC-xs-table {
    border: 1px solid #e5e5e5;
    width: 100%;
    margin-bottom: 16px;
    position: relative;
  }
  .cpmTAC-xs-table tbody {
    display: none;
  }
  .cpmTAC-xs-table th {
    background: #f1f1f1;
    padding: 10px 20px;
    height: 48px;
    line-height: 28px;
    width: 50%;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
  }
  .cpmTAC-xs-table th:last-child {
    padding-right: 40px;
  }
  .cpmTAC-xs-table th:last-child:after {
    content: '';
    position: absolute;
    top: 21px;
    right: 20px;
    border: 7px solid transparent;
    border-top-color: #000000;
  }
  .cpmTAC-xs-table th + th,
  .cpmTAC-xs-table td + td {
    border-left: 1px solid #e5e5e5;
  }
  .cpmTAC-xs-table td {
    padding: 10px 20px;
    line-height: 17px;
    border-top: 1px solid #e5e5e5;
    color: #000000;
  }
  .cpmTAC-xs-table.open tbody {
    display: table-row-group;
  }
  .cpmTAC-xs-table.open th:last-child:after {
    border-top-color: transparent;
    border-bottom-color: #000000;
    top: 14px;
  }
}
.cpmAssessmentContainer {
  font-size: 13px;
}
.cpmAssessmentContainer-header {
  margin-top: 70px;
}
.cpmAssessmentContainer-header-label {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  margin-bottom: 6px;
}
.cpmAssessmentContainer-header-name {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 24px;
}
.cpmAssessmentContainer label {
  color: #000;
  font-size: 13px;
  margin-bottom: 6px;
}
.cpmAssessmentContainer .form-group {
  margin-top: 0;
  margin-bottom: 24px;
}
.cpmAssessmentContainer fieldset {
  font-size: 13px;
  line-height: 20px;
}
.cpmAssessmentContainer fieldset input[type="radio"] {
  font-size: 13px;
  line-height: 20px;
  margin: 0 9px 0 24px;
}
.cpmAssessmentContainer fieldset input[type="radio"]:first-child {
  margin-left: 0;
}
.cpmAssessmentContainer .form-control {
  background: #fff;
  border: 1px solid #C7C5C5;
  padding: 6px 7px;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}
.cpmAssessmentContainer .form-control.select2-container-disabled {
  background: #F9F9F9;
}
.cpmAssessmentContainer .form-control[disabled],
.cpmAssessmentContainer .form-control[readonly] {
  background: #F9F9F9 !important;
}
.cpmAssessmentContainer textarea {
  height: 102px;
}
.cpmAssessmentContainer-products {
  height: 116px;
  border: 1px solid #C7C5C5;
  color: #666666;
  font-size: 13px;
  line-height: 20px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  padding-right: 0 !important;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .cpmAssessmentContainer-products {
    height: 106px;
  }
}
@media (max-width: 991px) {
  .cpmAssessmentContainer-products {
    height: 100px;
  }
}
@media (max-width: 767px) {
  .cpmAssessmentContainer-products {
    overflow: hidden;
  }
}
.cpmAssessmentContainer-products.show {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: visible;
  height: auto;
  padding-bottom: 16px;
}
.cpmAssessmentContainer-products-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 6px 16px 6px 0;
  position: relative;
  width: 80px;
}
@media (max-width: 1199px) {
  .cpmAssessmentContainer-products-image {
    width: 70px;
  }
}
@media (max-width: 991px) {
  .cpmAssessmentContainer-products-image {
    width: 66px;
  }
}
.cpmAssessmentContainer-products-image .bicon {
  position: absolute;
  top: 0;
  right: 8px;
  font-size: 20px;
  background: white;
  border-radius: 100%;
  transform: rotate(180deg);
}
.cpmAssessmentContainer-products-image-box {
  width: 100%;
  padding-top: 100%;
  position: relative;
  border: 1px solid #C7C5C5;
}
.cpmAssessmentContainer-products-image-box img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cpmAssessmentContainer-products-image-tooltip {
  display: none;
  position: absolute;
  min-width: 60px;
  font-size: 10px;
  line-height: 12px;
  padding: 3px;
  left: 0;
  top: 24px;
  background: #fff;
  border: 1px solid #c7c5c5;
  z-index: 10000;
}
.cpmAssessmentContainer-products-image-tooltip span {
  display: block;
}
.cpmAssessmentContainer-products-article-number {
  font-size: 13px;
  line-height: 20px;
  text-align: center;
}
.cpmAssessmentContainer-products-more {
  display: none;
  position: absolute;
  right: 0;
  color: #000000;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
  background: white;
  width: 100%;
  bottom: -10px;
  text-align: center;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .cpmAssessmentContainer-products-more {
    text-align: left;
  }
}
.cpmAssessmentContainer-products-less {
  display: none;
  position: absolute;
  right: 0;
  bottom: -10px;
  padding-bottom: 10px;
  color: #000000;
  font-size: 11px;
  text-transform: uppercase;
  cursor: pointer;
  background: white;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .cpmAssessmentContainer-products-less {
    text-align: left;
  }
}
.cpmAssessmentContainer-products-create {
  height: 127px;
  margin-right: 0;
  padding: 16px;
  padding-right: 16px !important;
  overflow: hidden;
}
.cpmAssessmentContainer-products-create-image {
  width: 80px;
}
.cpmAssessmentContainer-products-create-image-box {
  border: 0;
}
@media (max-width: 1199px) {
  .cpmAssessmentContainer-products-create {
    height: 120px;
  }
}
@media (max-width: 767px) {
  .cpmAssessmentContainer-products-create .cpmAssessmentContainer-products-more,
  .cpmAssessmentContainer-products-create .cpmAssessmentContainer-products-less {
    text-align: center;
  }
}
.cpmAssessmentContainer-products-create .cpmAssessmentContainer-products-less {
  bottom: 0;
  padding-bottom: 0;
}
.cpmAssessmentContainer-products-create .cpmAssessmentContainer-products-image-tooltip {
  font-size: 10px;
  line-height: 12px;
  padding: 3px;
  min-width: 60px;
  top: 24px;
  left: 0;
}
.cpmAssessmentContainer-products-link {
  color: #000000;
  cursor: pointer;
  background: #F1F1F1;
  border-radius: 4px;
  font-size: 11px;
  line-height: 15px;
  padding: 2px 3px;
  display: inline-block;
  margin-left: 9px;
}
.cpmAssessmentContainer-products-link.disabled {
  color: #666;
  opacity: .6;
  cursor: not-allowed;
}
.cpmAssessmentContainer-managed-products-wrapper {
  max-width: 1200px;
  margin-top: 48px;
}
.cpmAssessmentContainer-managed-products-header {
  margin-bottom: 38px;
  padding: 0 25px;
}
.cpmAssessmentContainer-managed-products-title {
  font-size: 24px;
  line-height: 34px;
  color: #000;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 25px;
}
.cpmAssessmentContainer-managed-products .row {
  margin-left: 0;
  margin-right: 0;
}
.cpmAssessmentContainer-managed-products .Card {
  padding: 32px 24px 52px;
  text-align: center;
  cursor: pointer;
  border-bottom: 6px solid transparent;
  position: relative;
}
.cpmAssessmentContainer-managed-products .Card__Title {
  font-weight: bold;
  color: #000;
  font-size: 16px;
  line-height: 24px;
}
.cpmAssessmentContainer-managed-products .Card__Link {
  color: #000000;
}
.cpmAssessmentContainer-managed-products .Card__Image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  margin: 0 auto;
  margin-bottom: 48px;
}
.cpmAssessmentContainer-managed-products .Card__Image span {
  width: 80px;
  height: 80px;
}
.cpmAssessmentContainer-managed-products .Card .bicon {
  font-size: 70px;
  color: #fff;
}
.cpmAssessmentContainer-managed-products .Card.disabled {
  opacity: .5;
}
.cpmAssessmentContainer-managed-products .Card.active {
  border-bottom: 6px solid #000000;
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.15);
}
.cpmAssessmentContainer-managed-products .Card .checkbox-wrapper {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-wrapper .cpmAssessmentContainer-managed-products-box {
  margin-bottom: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products {
  padding: 0 25px;
  display: none;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products-title {
  font-size: 24px;
  line-height: 34px;
  color: #000;
  margin-left: 27px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products-description {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 38px;
  margin-left: 27px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products-actions {
  padding: 20px 15px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products-actions button {
  position: relative;
  margin-right: 12px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products-actions-save .bicon {
  font-size: 24px;
  line-height: 36px;
  position: absolute;
  left: 12px;
  top: 6px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card {
  border-bottom: 0;
  text-align: left;
  height: 100%;
  padding: 24px !important;
  position: relative;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card .cpmAssessmentContainer-managed-products-image {
  margin-bottom: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card .cpmAssessmentContainer-managed-products-article-number {
  color: #000;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card .cpmAssessmentContainer-managed-products-description {
  margin-bottom: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card .checkbox-wrapper {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-products .Card label {
  color: #000000;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen {
  padding: 0 25px;
  font-size: 13px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-title {
  font-weight: bold;
  color: #000;
  margin-left: 15px;
  margin-bottom: 11px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results {
  padding: 18px 0;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-row {
  position: relative;
  margin-bottom: 12px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-image {
  border: 1px solid #C7C5C5;
  background: #fff;
  display: inline-block;
  padding: 0;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-image img {
  width: 70px;
  height: 70px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-info {
  position: absolute;
  left: 82px;
  top: 6px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-full {
  border-top: 1px solid #c4c4c4;
  padding-top: 24px;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-empty {
  background: #f1f1f1;
  width: 100%;
  line-height: 70px;
  text-align: center;
}
.cpmAssessmentContainer-managed-products .cpmAdmin-protective-products-chosen-results-delete {
  cursor: pointer;
  color: #000000;
}
.cpmAssessmentContainer-managed-products-footer {
  padding: 40px;
}
.cpmAssessmentContainer-managed-products-footer-wrapper {
  display: flex;
  flex-direction: row;
}
.cpmAssessmentContainer-managed-products-footer .row {
  border-top: 1px solid #c4c4c4;
  padding-top: 48px;
}
.cpmAssessmentContainer-managed-products-footer .btn {
  padding-left: 35px;
  position: relative;
  margin-left: 24px;
}
.cpmAssessmentContainer-managed-products-footer .btn .bicon {
  font-size: 16px;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.cpmAssessmentContainer-managed-products-footer .btn-secondary {
  font-weight: normal;
}
.cpmAssessmentContainer .select2-container {
  height: 34px;
}
.cpmAssessmentContainer .select2-container .select2-chosen {
  color: #666;
  font-size: 13px;
}
.cpmAssessmentContainer .select2-container .select2-arrow {
  color: #666;
}
.cpmAssessmentContainer .assessmentRiskIndicator-radio-wrapper {
  position: relative;
}
.cpmAssessmentContainer .assessmentRiskIndicator-radio-wrapper .assessmentRiskIndicator {
  position: absolute;
  top: 11px;
  left: 5px;
}
.cpmAssessmentContainer .assessmentRiskIndicator-radio-wrapper .assessmentRiskIndicator-radio {
  margin-left: 30px;
}
.cpmAssessmentContainer .assessmentRiskIndicator-radio-wrapper .assessmentRiskIndicator-radio img {
  height: 44px;
}
.cpmAssessmentContainer-rename {
  display: none;
  padding: 24px;
  text-align: center;
}
.cpmAssessmentContainer-rename-title {
  text-align: left;
  font-weight: bold;
  font-size: 16px;
  width: 100%;
  color: #000;
  padding-bottom: 12px;
  border-bottom: 1px solid #c4c4c4;
}
.cpmAssessmentContainer-rename-description {
  font-size: 16px;
  color: #000;
  padding: 12px 0;
}
.cpmAssessmentContainer-rename input {
  margin-top: 12px;
  width: 100%;
}
.cpmAssessmentContainer-rename button {
  display: inline-block;
  width: auto;
  margin-left: 12px;
  line-height: 22px;
}
.cpmAssessmentContainer-rename a {
  display: inline-block;
  background: #f1f1f1;
  width: auto;
  color: #000000;
  line-height: 24px;
}
.cpm #js_ws_comparison_table_wrapper {
  border: 0;
}
.cpm #js_ws_comparison_table_wrapper .dataTables_scroll .dataTables_scrollHeadInner {
  min-width: 100%;
}
.cpm #js_ws_comparison_table_wrapper .dataTables_scroll .dataTables_scrollHeadInner table {
  min-width: 100%;
}
.cpm #js_ws_comparison_table_wrapper .dataTables_scroll .dataTables_scrollBody table {
  min-width: 100%;
}
.cpm .js-cpmTableSort,
.cpm .no-sort {
  color: #000;
}
.cpm .js-cpmTableSort.sorting_asc span.bicon:before,
.cpm .no-sort.sorting_asc span.bicon:before,
.cpm .js-cpmTableSort.sorting span.bicon:before,
.cpm .no-sort.sorting span.bicon:before {
  content: "\e016";
}
.cpm .js-cpmTableSort.sorting_desc span.bicon:before,
.cpm .no-sort.sorting_desc span.bicon:before {
  content: "\e014";
}
.cpm .js-cpmTableSort.sorting span.bicon,
.cpm .no-sort.sorting span.bicon {
  color: #939393;
}
.cpm .js-cpmTableSort.sorting span.bicon:after,
.cpm .no-sort.sorting span.bicon:after {
  content: "\e014";
}
.cpm .js-cpmTableSort .bicon,
.cpm .no-sort .bicon {
  font-size: 8px !important;
}
.cpm .js-cpmTableSort .bicon:after,
.cpm .no-sort .bicon:after {
  margin-left: 5px;
}
@media (min-width: 768px) {
  .cpm .cpm-tableColumn-name {
    max-width: 200px !important;
    word-wrap: break-word;
  }
}
.cpm .cpm-tableColumn-hidden-sort {
  display: none;
  width: 0;
  padding: 0;
}
.cpm .cpmBundleContainer {
  overflow-x: hidden;
  position: relative;
  padding: 70px;
}
.cpm .cpmBundleContainer .btn-default {
  color: #ffffff;
  background-color: #a7a7a7;
  border-color: #a7a7a7;
}
.cpm .cpmBundleContainer .btn-default:hover {
  background-color: #8e8e8e;
  border-color: #888888;
}
.cpm .cpmBundleContainer .control-label {
  padding-top: 7px;
  font-weight: normal;
  font-size: 12px;
  color: #666;
}
.cpm .cpmBundleContainer .bicon-search {
  position: absolute;
  z-index: 2222;
  top: 10px;
  right: 22px;
}
.cpm .cpmBundleContainer .tableRow-container {
  margin-right: 0;
  margin-left: 0;
}
.cpm .cpmBundleContainer .tableRow-container .action-buttons {
  margin-top: 10%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cpm .cpmBundleContainer .tableRow-headline {
  padding: 16px;
  font-weight: bold;
  color: #000;
}
.cpm .cpmBundleContainer .tableRow-main {
  padding: 10px;
}
.cpm .cpmBundleContainer .tableRow-main input {
  margin-right: 10px;
}
.cpm .cpmBundleContainer .tableRow-sub {
  border: 1px solid #cccccc;
  background: #fff;
}
.cpm .cpmBundleContainer .tableRow-sub .dataTables_scroll {
  min-height: 400px;
}
.cpm .cpmBundleContainer .tableRow-sub .select2-container {
  width: 70%;
}
.cpm .cpmBundleContainer .tableRow-sub .search-container {
  padding: 0 16px;
  position: relative;
}
.cpm .cpmBundleContainer .tableRow-sub .search-container-all-chemical-products.btn-default {
  background: #000000;
}
.cpm .cpmBundleContainer .tableRow-sub .search-container-all-chemical-products-hint {
  font-size: 12px;
  margin: 12px 0 6px 2px;
}
.cpm .cpmBundleContainer .tableRow-sub #js-allBundleProducts_length,
.cpm .cpmBundleContainer .tableRow-sub #js-selectedBundleProducts_length {
  padding: 16px;
  width: 200px;
  display: none;
}
.cpm .cpmBundleContainer .tableRow-sub #js-allBundleProducts_length label,
.cpm .cpmBundleContainer .tableRow-sub #js-selectedBundleProducts_length label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  width: 100%;
}
.cpm .cpmBundleContainer .tableRow-sub #js-allBundleProducts_paginate,
.cpm .cpmBundleContainer .tableRow-sub #js-selectedBundleProducts_paginate {
  padding: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-end;
}
.cpm .cpmBundleContainer .tableRow-sub .bottom {
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  justify-content: center;
}
.cpm .cpmBundleContainer .js-selectedBundleProductsContainer .tableRow-sub .dataTables_scroll {
  min-height: 484px;
}
.cpm .cpmBundleContainer .cpmBundle {
  width: 100%;
  margin-top: 12px;
}
.cpm .cpmBundleContainer .cpmBundle th {
  color: #000000;
  line-height: 15px;
  padding-top: 9px;
  padding-bottom: 9px;
  font-weight: normal;
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.cpm .cpmBundleContainer .cpmBundle.selectedBundleProducts tr {
  height: 55px;
}
.cpm .cpmBundleContainer .cpmBundle.allBundleProducts tr {
  height: 50px;
}
.cpm .cpmBundleContainer .cpmBundle td {
  font-size: 12px;
  color: #444444;
  line-height: 22px;
  padding: 0 10px;
}
.cpm .cpmBundleContainer .cpmBundle td:nth-child(1) {
  padding-left: 3%;
}
.cpm .cpmBundleContainer .cpmBundle img {
  width: 25px;
}
.cpm .cpmBundleContainer .footer-btn {
  padding-top: 40px;
}
.cpm .cpmBundleContainer .footer-btn .btn {
  padding-left: 26px;
  position: relative;
}
.cpm .cpmBundleContainer .footer-btn .btn-secondary {
  font-weight: normal;
}
.cpm .cpmBundleContainer .footer-btn .btn .bicon {
  font-size: 16px;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.cpm .cpmBundleContainer .pl-30 {
  padding-left: 30px;
}
.cpm .cpmBundleContainer #js-selectedBundleProducts_length label,
.cpm .cpmBundleContainer #js-allBundleProducts_length label {
  font-size: 12px;
  font-weight: normal;
}
.cpm .cpmBundleContainer #js-selectedBundleProducts_length label .select2-container,
.cpm .cpmBundleContainer #js-allBundleProducts_length label .select2-container {
  margin-top: 5px;
}
.cpm .bundleInfoContainer .bundle-slide-up {
  animation: bundle-slide-up 0.4s ease;
}
.cpm .bundleInfoContainer .bundle-slide-up:nth-child(2n) {
  background: #f9f9f9;
}
@keyframes bundle-slide-up {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  0% {
    opacity: 0.5;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.cpm .bundleInfoContainer .pl-10 {
  padding-left: 10px !important;
}
.cpm .bundleInfoContainer table.cpmWorkSafe {
  border-spacing: 0 6px !important;
}
.cpm .bundleInfoContainer table.cpmWorkSafe th:first-child,
.cpm .bundleInfoContainer table.cpmWorkSafe td:first-child {
  padding-left: 15px;
  padding-right: 0;
}
@media (max-width: 767px) {
  .cpm .bundleInfoContainer table.cpmWorkSafe td:first-child {
    display: block !important;
  }
}
.cpm .bundleInfoContainer tr.bundle-list td {
  border-bottom: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
}
.cpm .bundleInfoContainer tr:nth-child(2n) {
  background: #fff;
}
.cpm .bundleInfoContainer tr.last td {
  border-bottom: 1px solid #d8d8d8;
}
.cpm .bundleInfoContainer tr .btn-toggle {
  font-size: 13px !important;
}
.cpm .bundleInfoContainer tr.active .btn-toggle::before {
  content: "\e008" !important;
}
.cpm .bundleInfoContainer tr.active td {
  border-bottom: unset;
}
.cpm .bundleInfoContainer tr .bicon-product-bundle {
  color: #666c;
}
.cpm .bundleInfoContainer .cpm-info-text {
  background-color: #ffffff;
  padding-left: 12px;
}
.cpm input[type="button"] {
  -webkit-appearance: unset;
  text-decoration: underline;
  color: #000000;
  border: none;
  margin-top: 5px;
}
.cpm input[type="button"]:hover {
  text-decoration-color: #EB6111;
}
.cpm div.dt-container .dt-scroll .dt-scroll-head .dt-orderable-asc,
.cpm div.dt-container .dt-scroll .dt-scroll-head .dt-orderable-none:nth-child(1),
.cpm div.dt-container .dt-scroll .dt-scroll-head .dt-orderable-none:nth-child(6) {
  min-width: 85px;
  text-align: left;
}
.cpm div.dt-container .dt-scroll .dt-scroll-head .dataTable th {
  text-align: left;
}
.cpm div.dt-container .dt-scroll .dt-scroll-body thead {
  display: none;
}
.cpm div.dt-container .dt-scroll .dt-scroll-body .product-list td {
  text-align: left;
}
.cpm div.dt-container .dt-scroll .dt-scroll-body .product-list > td:nth-child(4) {
  min-width: 145px;
  padding-right: 5px;
}
.cpm div.dt-container .dt-scroll .dt-scroll-body .product-list > td:nth-child(5) ul {
  padding-left: 0;
}
.cpm div.dt-container .bottom {
  display: flex;
  justify-content: space-between;
  padding-top: 12px;
}
.cpm div.dt-container .bottom .select2-container {
  width: 80px !important;
}
.cpm div.dt-container .bottom .dt-length {
  align-items: center;
  display: flex;
  gap: 12px;
}
.cpm div.dt-container .bottom .dt-paging .dt-paging-button {
  background: transparent;
}
.cpm div.dt-container .bottom .dt-paging .dt-paging-button.current {
  border: 1px solid black;
}
.cpm div.dt-container .bottom .dt-search {
  display: none;
}
#chemical-product-page-container,
#chemical-product-assignment-page-container,
#chemical-assessment-page-container,
#chemical-search-assessment-page-container,
#chemical-role-and-permissions-container,
#chemical-document-assignment-page-container {
  position: relative;
}
#cm-risk-assessment-save {
  padding-left: 26px;
  position: relative;
}
#cm-risk-assessment-save .bicon {
  font-size: 16px;
  line-height: 24px;
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
}
#cm-risk-assessment-save-as-new,
#cm-risk-assessment-use,
#cm-risk-assessment-cancel {
  font-weight: normal;
  padding-left: 26px;
  position: relative;
  display: inline-block;
  margin-left: 20px;
}
#cm-risk-assessment-save-as-new {
  margin-left: 12px;
}
#cm-risk-assessment-use {
  margin-left: 12px;
}
#cm-risk-assessment-cancel {
  margin-left: 12px;
}
/* Risk Indicator */
.cpmList table .risk-indicator {
  width: 62px;
  height: auto;
  margin: 0 !important;
}
.btn-risk-save {
  margin-left: 15px;
}
.SumoSelect p {
  margin: 0;
}
.SelectBox {
  padding: 5px 8px;
}
.sumoStopScroll {
  overflow: hidden;
}
/* Filtering style */
.SumoSelect .hidden {
  display: none;
}
.SumoSelect .search-txt {
  display: none;
  outline: none;
}
.SumoSelect .no-match {
  display: none;
  padding: 6px;
}
.SumoSelect.open .search-txt {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 5px 8px;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
}
.SumoSelect.open > .search > span,
.SumoSelect.open > .search > label {
  visibility: hidden;
}
/*this is applied on that hidden select. DO NOT USE display:none; or visiblity:hidden; and Do not override any of these properties. */
.SelectClass,
.SumoUnder {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}
.SelectClass {
  z-index: 1;
}
.SumoSelect > .optWrapper > .options li.opt label,
.SumoSelect > .CaptionCont,
.SumoSelect .select-all > label {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
.SumoSelect {
  display: inline-block;
  position: relative;
  outline: none;
}
.SumoSelect > .CaptionCont {
  position: relative;
  border: 1px solid #A4A4A4;
  min-height: 14px;
  background-color: #fff;
  border-radius: 2px;
  margin: 0;
}
.SumoSelect > .CaptionCont > span {
  display: block;
  padding-right: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}
/*placeholder style*/
.SumoSelect > .optWrapper {
  display: none;
  z-index: 1000;
  top: 30px;
  width: 100%;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11);
  border-radius: 3px;
  overflow: hidden;
}
.SumoSelect.open > .optWrapper {
  top: 35px;
  display: block;
}
.SumoSelect.open > .optWrapper.up {
  top: auto;
  bottom: 100%;
  margin-bottom: 5px;
}
.SumoSelect > .optWrapper ul {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
  overflow: auto;
}
.SumoSelect > .optWrapper > .options {
  border-radius: 2px;
  position: relative;
  max-height: 250px;
}
.SumoSelect > .optWrapper.okCancelInMulti > .options {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options {
  border-radius: 0 0 2px 2px;
}
.SumoSelect > .optWrapper.selall.okCancelInMulti > .options {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.group.disabled > label {
  opacity: 0.5;
}
.SumoSelect > .optWrapper > .options li ul li.opt {
  padding-left: 22px;
}
.SumoSelect > .optWrapper.isFloating > .options {
  max-height: 100%;
  box-shadow: 0 0 100px #595959;
}
.SumoSelect > .optWrapper > .options li.opt {
  padding: 6px 6px;
  position: relative;
  border-bottom: 1px solid #f5f5f5;
}
.SumoSelect > .optWrapper > .options > li.opt:first-child {
  border-radius: 2px 2px 0 0;
}
.SumoSelect > .optWrapper.selall > .options > li.opt:first-child {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options > li.opt:last-child {
  border-radius: 0 0 2px 2px;
  border-bottom: none;
}
.SumoSelect > .optWrapper.okCancelInMulti > .options > li.opt:last-child {
  border-radius: 0;
}
.SumoSelect > .optWrapper > .options li.opt:hover {
  background-color: #f1f1f1;
}
.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel {
  background-color: #a1c0e4;
}
.SumoSelect > .optWrapper > .options li label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.SumoSelect > .optWrapper > .options li span {
  display: none;
}
.SumoSelect > .optWrapper > .options li.group > label {
  cursor: default;
  padding: 8px 6px;
  font-weight: bold;
}
/*Floating styles*/
.SumoSelect > .optWrapper.isFloating {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 90%;
  bottom: 0;
  margin: auto;
  max-height: 90%;
}
/*disabled state*/
.SumoSelect > .optWrapper > .options li.opt.disabled {
  background-color: inherit;
  pointer-events: none;
}
.SumoSelect > .optWrapper > .options li.opt.disabled * {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.5;
  /* Safari 1.x */
  -khtml-opacity: 0.5;
  /* Good browsers */
  opacity: 0.5;
}
/*styling for multiple select*/
.SumoSelect > .optWrapper.multiple > .options li.opt {
  cursor: pointer;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span,
.SumoSelect .select-all > span {
  position: absolute;
  display: block;
  width: 30px;
  top: 0;
  bottom: 0;
  margin-left: -35px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt span i,
.SumoSelect .select-all > span i {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  border: 1px solid #AEAEAE;
  border-radius: 2px;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.SumoSelect > .optWrapper > .MultiControls {
  display: none;
  border-top: 1px solid #ddd;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.13);
  border-radius: 0 0 3px 3px;
}
.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
  display: block;
  margin-top: 5px;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
  display: block;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
  padding: 6px;
}
.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
  box-shadow: 0 0 2px #a1c0e4;
  border-color: #a1c0e4;
  outline: none;
  background-color: #a1c0e4;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p {
  display: inline-block;
  cursor: pointer;
  padding: 12px;
  width: 50%;
  box-sizing: border-box;
  text-align: center;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
  background-color: #f1f1f1;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
  border-right: 1px solid #DBDBDB;
  border-radius: 0 0 0 3px;
}
.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
  border-radius: 0 0 3px 0;
}
/*styling for select on popup mode*/
.SumoSelect > .optWrapper.isFloating > .options li.opt {
  padding: 12px 6px;
}
/*styling for only multiple select on popup mode*/
.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
  padding-left: 35px;
}
.SumoSelect > .optWrapper.multiple.isFloating {
  padding-bottom: 43px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i,
.SumoSelect .select-all.selected > span i,
.SumoSelect .select-all.partial > span i {
  background-color: #000000;
  box-shadow: none;
  border-color: transparent;
  font-family: 'berner_iconfont';
  line-height: 10px;
}
.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:before,
.SumoSelect .select-all.selected > span i:before,
.SumoSelect .select-all.partial > span i:before {
  content: "\e022";
  color: #fff;
  font-size: 7px;
  vertical-align: top;
  top: 0;
  margin: 0 0 0 1px;
}
/*disabled state*/
.SumoSelect.disabled {
  opacity: 0.7;
  cursor: not-allowed;
}
.SumoSelect.disabled > .CaptionCont {
  border-color: #ccc;
  box-shadow: none;
}
/**Select all button**/
.SumoSelect .select-all {
  border-radius: 3px 3px 0 0;
  position: relative;
  border-bottom: 1px solid #ddd;
  background-color: #fff;
  padding: 8px 0 3px 35px;
  height: 20px;
  cursor: pointer;
}
.SumoSelect .select-all > label,
.SumoSelect .select-all > span i {
  cursor: pointer;
}
.SumoSelect .select-all.partial > span i {
  background-color: #ccc;
}
/*styling for optgroups*/
.SumoSelect > .optWrapper > .options li.optGroup {
  padding-left: 5px;
  text-decoration: underline;
}
.cpmManageOrga-user-selectnew {
  margin-left: 25px;
  max-width: 333px;
  width: 100%;
  display: inline-block;
  vertical-align: top;
  height: 30px;
}
@media (max-width: 767px) {
  .cpmManageOrga-user-selectnew {
    height: 50px;
    max-width: 470px;
    padding: 15px 10px 15px 30px;
    margin-left: 0;
  }
}
.cpmManageOrga-user-selectnew .SumoSelect {
  width: 100%;
}
.cpmManageOrga-user-selectnew .SumoUnder {
  margin-left: -9999em;
}
.cpmManageOrga-user-selectnew .SelectBox {
  width: 100%;
  display: inline-block;
  height: 30px;
  border: 1px solid #c7c5c5;
  background-color: #fff !important;
  padding: 5px 10px 5px 30px;
  position: relative;
  color: #666;
}
.cpmManageOrga-user-selectnew .SelectBox:before {
  content: "\e04d";
  display: inline-block;
  font-family: 'berner_iconfont';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 7px;
  z-index: 10;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple {
  top: 30px;
  border-radius: 0;
  border: 0;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  padding-left: 5px;
  margin-top: 2px;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  color: #000000;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li.group > label {
  color: #666;
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li.opt label {
  font-weight: normal;
  margin-bottom: 0;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li ul li.opt {
  padding: 0 0 0 24px;
  margin: 0;
  border: 0;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li.opt span {
  margin-left: -24px;
  padding: 6px;
  width: 24px;
}
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li.opt span i,
.cpmManageOrga-user-selectnew .optWrapper.multiple > .options li.opt span em {
  width: 12px;
  height: 12px;
  box-shadow: none;
}
.cpmManageOrga-user-selectnew .optWrapper {
  top: 30px;
  border-radius: 0;
  border: 0;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.15);
  padding-left: 5px;
  margin-top: 2px;
  font-size: 14px;
  line-height: 26px;
  text-align: left;
  color: #000000;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.group > label {
  color: #666;
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt label {
  font-weight: normal;
  margin-bottom: 0;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li ul li.opt {
  padding: 0 0 0 24px;
  margin: 0;
  border: 0;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt span {
  margin-left: -24px;
  padding: 6px;
  width: 24px;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt span i,
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt span em {
  width: 12px;
  height: 12px;
  box-shadow: none;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt-link label {
  font-weight: normal !important;
  color: #000000;
}
.cpmManageOrga-user-selectnew .optWrapper > .options li.opt-link label:hover {
  font-weight: normal !important;
  color: #000000;
  text-decoration: underline;
}
@media (min-width: 768px) {
  .cpm-tableWrapper.noOverflow {
    overflow: unset;
  }
}
.cpm-tableWrapper.noOverflow .DTFC_LeftBodyLiner {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
}
#productAssignmentArticleTable_wrapper .cpmAdmin-selected-product-radio {
  display: none;
}
#productAssignmentArticleTable_wrapper .cpmAdmin-selected-product-radio.selected {
  display: inline-block;
}
#productAssignmentArticleTable_wrapper .cpmAdmin-selected-product-checkbox {
  display: none;
}
#productAssignmentArticleTable_wrapper .cpmAdmin-selected-product-checkbox.selected {
  display: inline-block;
}
#cboxOverlay {
  background: rgba(2, 18, 33, 0.5);
}
#cboxOverlay.addProductsToAssessmentPopup,
#cboxOverlay.renameAssessmentPopup {
  background: #666;
  transform: translateX(0);
}
.blockui-overlay {
  background: rgba(2, 18, 33, 0.5) !important;
  opacity: 1 !important;
}
#colorbox.addProductsToAssessmentPopup #cboxLoadedContent,
#colorbox.renameAssessmentPopup #cboxLoadedContent,
#colorbox.addManagedProductsToAssessmentPopup #cboxLoadedContent {
  background: #f9f9f9;
}
#colorbox.addProductsToAssessmentPopup #cboxClose,
#colorbox.renameAssessmentPopup #cboxClose,
#colorbox.addManagedProductsToAssessmentPopup #cboxClose {
  top: 14px !important;
  right: 14px !important;
  width: 20px !important;
  height: 20px !important;
  color: #666 !important;
  background: none !important;
  border: 1px solid #666;
  border-radius: 10px;
}
#colorbox.addProductsToAssessmentPopup #cboxClose:hover,
#colorbox.renameAssessmentPopup #cboxClose:hover,
#colorbox.addManagedProductsToAssessmentPopup #cboxClose:hover {
  border: 1px solid #666;
}
#colorbox.addProductsToAssessmentPopup #cboxClose .bicon,
#colorbox.renameAssessmentPopup #cboxClose .bicon,
#colorbox.addManagedProductsToAssessmentPopup #cboxClose .bicon {
  top: 2px;
}
#colorbox.addProductsToAssessmentPopup #cboxTitle,
#colorbox.renameAssessmentPopup #cboxTitle,
#colorbox.addManagedProductsToAssessmentPopup #cboxTitle {
  display: none !important;
}
#colorbox.addProductsToAssessmentPopup:focus,
#colorbox.renameAssessmentPopup:focus,
#colorbox.addManagedProductsToAssessmentPopup:focus {
  outline: none;
}
#colorbox.addManagedProductsToAssessmentPopup #cboxContent {
  max-height: 80vh;
}
#colorbox.addManagedProductsToAssessmentPopup #cboxContent #cboxLoadedContent {
  max-height: 80vh;
}
#colorbox.addManagedProductsToAssessmentPopup #cboxContent #cboxLoadedContent::-webkit-scrollbar {
  width: 8px;
}
#colorbox.addManagedProductsToAssessmentPopup #cboxContent #cboxLoadedContent::-webkit-scrollbar-track {
  background-color: #DDDDDD;
}
#colorbox.addManagedProductsToAssessmentPopup #cboxContent #cboxLoadedContent::-webkit-scrollbar-thumb {
  background: #EB6111;
}
.divider-small {
  width: 100%;
  height: 1px;
  background: #C4C4C4;
  margin-top: 24px;
  margin-bottom: 24px;
}
.divider-big {
  width: 100%;
  height: 1px;
  background: #C4C4C4;
  margin-top: 48px;
  margin-bottom: 48px;
}
#chemical-search-assessment-page-container .cpmAdmin,
#chemical-assessment-page-container .cpmAdmin {
  padding-left: 0;
}
#chemical-search-assessment-page-container .cpm .js-risk-assessment-origin-select a .select2-chosen,
#chemical-assessment-page-container .cpm .js-risk-assessment-origin-select a .select2-chosen {
  color: #000;
}
#chemical-search-assessment-page-container .cpm .js-risk-assessment-origin-select a.select2-default .select2-chosen,
#chemical-assessment-page-container .cpm .js-risk-assessment-origin-select a.select2-default .select2-chosen {
  color: #666;
}
.cpmAdmin-page,
#chemical-management-container {
  padding: 0 16px;
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .cpmAdmin-page,
  #chemical-management-container {
    padding: 0 24px;
  }
}
.cpmAdmin-waste-handling-products-products,
.cpmAdmin-first-aid-products-products {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .cpmAdmin-waste-handling-products-products,
  .cpmAdmin-first-aid-products-products {
    flex-direction: column;
  }
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box {
  margin-bottom: 30px;
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box .Card,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box .Card {
  height: 100%;
  border-bottom: 0;
  text-align: left;
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-image,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-image {
  margin-bottom: 24px;
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-article-number,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-article-number {
  color: #000;
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-description,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box .Card .cpmAssessmentContainer-managed-products-description {
  margin-bottom: 24px;
}
.cpmAdmin-waste-handling-products-products .cpmAssessmentContainer-managed-products-box .Card label,
.cpmAdmin-first-aid-products-products .cpmAssessmentContainer-managed-products-box .Card label {
  color: #000000;
}
#third-party-products-page {
  float: right;
}
.js-retrieve-briefing-overview-by-user {
  background: none;
}
.cmTabs {
  padding-top: 20px;
  padding-bottom: 20px;
}
.cmTabs .tabs-list {
  padding-left: 0;
  list-style: none;
  display: none;
}
.cmTabs .tabs-list:before,
.cmTabs .tabs-list:after {
  content: " ";
  display: table;
}
.cmTabs .tabs-list:after {
  clear: both;
}
.cmTabs .tabs-list:before,
.cmTabs .tabs-list:after {
  content: " ";
  display: table;
}
.cmTabs .tabs-list:after {
  clear: both;
}
.cmTabs .tabs-list li {
  float: left;
  margin-left: -1px;
  font-weight: bold;
  font-size: 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.cmTabs .tabs-list li .current-info {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.cmTabs .tabs-list li a {
  color: #777;
  padding: 10px 0 10px 0;
  display: block;
  border-bottom: 4px solid transparent;
}
.cmTabs .tabs-list li a:hover {
  text-decoration: none;
}
.cmTabs .tabs-list li.active a {
  color: #000000;
  border-color: #000000;
}
.cmTabs .tabhead {
  font-weight: bold;
  font-size: 15px;
  color: #777;
  padding-top: 30px;
  padding-bottom: 10px;
  border-bottom: 2px solid #777;
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.cmTabs .tabbody {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .cmTabs .tabs-list {
    display: block;
  }
  .cmTabs .tabhead {
    display: none;
  }
}
@media (max-width: 767px) {
  .cmTabs .tabbody {
    display: block !important;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@keyframes countdown {
  0% {
    box-shadow: 0px 0px 1px rgba(227, 44, 60, 0.2);
  }
  50% {
    box-shadow: 0px 0px 3px rgba(227, 44, 60, 0.7);
  }
  100% {
    box-shadow: 0px 0px 1px rgba(227, 44, 60, 0.2);
  }
}
.productHighlight-wrapper {
  display: flex;
  margin: 0 -11px;
}
@media (max-width: 767px) {
  .productHighlight-wrapper {
    flex-direction: column;
  }
}
.productHighlight-item {
  flex: 1;
  margin: 0 12px;
  position: relative;
}
@media (max-width: 767px) {
  .productHighlight-item {
    margin-bottom: 24px;
  }
}
.productHighlight-item:nth-child(1n+3) {
  display: none;
}
.productHighlight.Category__TopCategories > .container {
  box-shadow: none;
}
.productHighlight .digitalLabel {
  top: 0;
  right: 0;
}
.productHighlight .countdown {
  position: absolute;
  top: 6px;
  right: 6px;
  font-weight: bold;
  padding-top: 2px;
  font-size: 14px;
  line-height: 15px;
  text-align: right;
  color: #ac1c28;
  margin-bottom: 30px;
}
.productHighlight-countdown {
  position: relative;
  padding-right: 22px;
}
.productHighlight-countdown::after {
  display: block;
  height: 12px;
  width: 12px;
  background: #ac1c28;
  border-radius: 6px;
  content: '';
  position: absolute;
  right: 4px;
  top: 1px;
  transition: box-shadow 0.2s ease-out;
  animation-name: countdown;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
}
.productHighlight-countdown.js-highlight-countdown-empty::after {
  display: none;
}
.productHighlight-details {
  flex: 1 1 0%;
  padding: 24px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  padding-bottom: 64px;
}
@media (max-width: 1199px) {
  .productHighlight-details {
    padding-bottom: 84px;
  }
}
.productHighlight-content {
  flex: 1 1 100%;
}
.productHighlight-name {
  font-weight: bold;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  word-break: break-word;
}
@media (max-width: 1199px) {
  .productHighlight-name {
    font-size: 18px;
    line-height: 24px;
  }
}
.productHighlight-subtitle {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
  margin-bottom: 8px;
}
.productHighlight .product-rating {
  margin-bottom: 14px;
}
@media (max-width: 767px) {
  .productHighlight .product-rating {
    padding: 0 !important;
  }
}
.productHighlight-price {
  font-weight: bold;
  font-size: 16px;
  line-height: 32px;
  color: #ac1c28;
}
.productHighlight-actions {
  position: absolute;
  bottom: 24px;
  width: 100%;
  padding-right: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 767px) {
  .productHighlight-actions {
    flex-direction: column;
    align-items: flex-start;
    bottom: 0;
  }
}
.productHighlight .btn {
  background: #FFFFFF;
  border: 1px solid #000000;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 6px 12px;
  float: left;
  font-size: 13px;
  line-height: 20px;
  color: #0B5AA1;
  padding-left: 42px;
  position: relative;
}
@media (max-width: 767px) {
  .productHighlight .btn {
    margin-bottom: 24px;
  }
}
.productHighlight .btn:hover {
  border: 1px solid #073D6E;
  color: #073D6E;
}
.productHighlight .btn .bicon {
  position: absolute;
  left: 14px;
  top: 6px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
}
.productHighlight-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px;
}
.productHighlight-link:hover,
.productHighlight-link:focus {
  text-decoration: none;
}
.productHighlight-image {
  text-align: center;
}
.productHighlight-image img {
  max-width: 180px;
}
@media (max-width: 1199px) {
  .productHighlight-image img {
    margin-top: 47px;
    max-width: 76px;
  }
}
.digitalSeoText h1 {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
.digitalSeoText h2 {
  color: #000000;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
.digitalSeoText h3 {
  color: #000000;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}
.digitalSeoText h4 {
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
.digitalSeoText h5 {
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 20px;
}
.digitalSeoText h6 {
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 10px;
}
.OCO {
  border: 1px solid #e5e5e5;
  margin-top: -31px;
  background: #f9f9f9;
  line-height: 1.42;
}
@media (max-width: 767px) {
  .OCO {
    margin-top: 0;
  }
}
@media (min-width: 768px) {
  .OCO-btn {
    position: absolute;
    top: 0;
    right: 20px;
  }
}
@media (max-width: 767px) {
  .OCO-btn {
    display: block;
    width: 100%;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 0;
  }
}
.OCO-wrapper {
  float: right;
  position: relative;
  width: 700px;
  margin-right: 20px;
}
@media (max-width: 991px) {
  .OCO-wrapper {
    width: 520px;
  }
}
@media (max-width: 767px) {
  .OCO-wrapper {
    width: auto;
    float: none;
    margin-left: -10px;
    margin-right: -10px;
  }
}
.OCO-head {
  min-height: 94px;
  border-bottom: 1px solid #e5e5e5;
  padding-top: 25px;
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 250px;
}
.OCO-head-title {
  font-size: 20px;
  color: #000000;
  margin-bottom: 5px;
}
.OCO-head-desc {
  font-size: 12px;
}
@media (max-width: 767px) {
  .OCO-head {
    padding: 20px 10px;
  }
  .OCO-head-desc {
    margin-bottom: 20px;
  }
}
.OCO-body {
  padding: 20px 30px;
}
@media (max-width: 767px) {
  .OCO-body {
    padding: 20px 10px;
  }
}
.OCO-body-headline {
  font-size: 12px;
  line-height: 1.42;
  color: #000000;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .OCO-body-headline {
    font-size: 14px;
  }
}
.OCO-item {
  font-size: 12px;
  position: relative;
  margin-bottom: 1.5em;
}
@media (max-width: 767px) {
  .OCO-item {
    font-size: 14px;
    margin-top: 2em;
  }
}
.OCO-item-edit {
  position: absolute;
  top: -7px;
  right: -25px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .OCO-item-edit {
    font-size: 17px;
  }
}
.OCO-item-title {
  font-weight: bold;
  padding-right: 30px;
  margin-bottom: 1em;
}
.SSP {
  position: relative;
  color: #000000;
  font-size: 14px;
}
@media (min-width: 768px) {
  .SSP {
    display: flex;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP {
    transition: transform ease-out 0.4s;
  }
  .SSP.SSP_openNav {
    transform: translateX(240px);
  }
}
.SSP .mt-16 {
  margin-top: 16px;
}
.SSP .btn:focus,
.SSP .btn:active:focus,
.SSP .btn.active:focus {
  outline: none;
}
.SSP-row {
  margin-left: -8px;
  margin-right: -8px;
}
.SSP-col {
  position: relative;
  min-height: 1px;
  padding-left: 8px;
  padding-right: 8px;
}
@media (min-width: 992px) {
  .SSP-col {
    float: left;
    width: 41.66666667%;
  }
  .SSP-col_main {
    width: 58.33333333%;
  }
}
.SSP .tooltip.right {
  padding-left: 6px;
}
.SSP .tooltip.right:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: -8px;
  border: 7px solid transparent;
  border-right-color: #d8d8d8;
  margin-top: -7px;
}
.SSP .tooltip-inner {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #d8d8d8;
  padding: 8px 15px;
  font-size: 12px;
  line-height: 1.2;
}
.SSP input[type="checkbox"] {
  width: 19px;
  height: 19px;
  border-radius: 0;
  accent-color: #000000;
}
.SSP .go-back-link {
  margin-bottom: 35px;
}
.SSP .go-back-link .full-arrow-left {
  font-size: 14px;
  font-weight: 900;
  margin-right: 12px;
}
.SSP .go-back-link a {
  font-size: 20px;
  letter-spacing: -0.022em;
  text-decoration-line: underline;
}
.SSP .go-back-link a:hover {
  text-decoration-color: #EB6111;
}
.SSP-nav {
  left: -1px;
  width: 240px;
  border: 1px solid #e5e5e5;
  background: #fff;
  height: fit-content;
}
@media (min-width: 1620px) {
  .SSP-nav {
    margin-left: -200px;
  }
}
@media (min-width: 992px) {
  .SSP-nav {
    border-left: 1px solid #e5e5e5;
  }
}
@media (max-width: 767px) {
  .SSP-nav {
    border: 0;
    width: auto;
    position: static;
    padding: 0;
    top: 54px;
    bottom: auto;
    z-index: 20000;
    left: 0;
    right: 0;
    margin-left: -1px;
    margin-right: -1px;
  }
}
@media (max-width: 767px) {
  .is-sticky ~ .mainSection_ssp .SSP_subpage .SSP-nav {
    position: fixed;
    top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP-nav {
    left: -240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP_dashboard .SSP-nav {
    left: 0;
  }
}
.SSP-nav-toggle {
  vertical-align: top;
  margin-left: -15px;
  margin-right: 15px;
}
.SSP-nav-toggle span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-width: 2px 0;
  position: relative;
}
.SSP-nav-toggle span:after,
.SSP-nav-toggle span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
  width: 100%;
  margin-top: -1px;
}
.SSP-nav-inner {
  max-height: 100%;
  overflow-x: hidden;
  padding-left: 6px;
  padding-right: 10px;
  padding-bottom: 50px;
  margin-top: 0;
  transition: margin-top ease-out 0.4s;
}
@media (max-width: 767px) {
  .SSP-nav-inner {
    padding: 0;
  }
}
.is-sticky .SSP-nav-inner {
  margin-top: 64px;
}
.SSP-nav a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .SSP-nav a {
    font-size: 16px;
  }
}
.SSP-nav-head {
  padding: 20px 25px 22px;
  position: relative;
}
.SSP-nav-head-nr {
  font-size: 11px;
  margin-top: 6px;
}
.SSP-nav-head .bicon {
  display: none;
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 16px;
  margin-top: -8px;
}
@media (max-width: 767px) {
  .SSP-nav-head {
    padding: 15px 10px;
    border: 1px solid  #e5e5e5;
    font-size: 16px;
    cursor: pointer;
  }
  .SSP-nav-head-nr {
    font-size: 13px;
  }
  .SSP-nav-head .bicon {
    display: block;
  }
}
@media (max-width: 767px) {
  .SSP-nav-drop {
    display: none;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .SSP-nav {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  }
  .SSP-nav-inner {
    overflow: hidden;
  }
  .SSP-nav.open {
    bottom: 0;
    box-shadow: none;
  }
  .SSP-nav.open .SSP-nav-drop {
    display: block;
    height: calc(100vh - 86px);
  }
}
.SSP-nav-section-head {
  padding: 20px 25px;
  border-top: 1px solid #e5e5e5;
  position: relative;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 12px;
}
.SSP-nav-section-head .bicon {
  position: absolute;
  left: 3px;
  top: 23px;
  transition: all 300ms;
}
@media (max-width: 767px) {
  .SSP-nav-section-head {
    font-size: 15px;
    padding-left: 15px;
  }
  .SSP-nav-section-head .bicon {
    left: 13px;
  }
}
@media (max-width: 767px) {
  .SSP-nav-section-head .bicon {
    display: none;
  }
}
.SSP-nav-section-body {
  padding-left: 25px;
  margin-top: -10px;
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .SSP-nav-section-body {
    padding-left: 15px;
  }
}
.SSP-nav-section:last-child .SSP-nav-section-body {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .SSP-nav-section.closed .SSP-nav-section-body {
    display: none;
  }
  .SSP-nav-section.closed .SSP-nav-section-head .bicon {
    transform: rotate(-90deg);
  }
}
.SSP-nav-section-paid {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-left: -31px;
  margin-right: -10px;
  padding-left: 31px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .SSP-nav-section-paid {
    margin-left: -41px;
    padding-left: 41px;
  }
}
@media (max-width: 767px) {
  .SSP-nav #sticky-wrapper {
    height: auto !important;
  }
  .SSP-nav #sticky-wrapper .SSP-nav-inner {
    position: static !important;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  .SSP_subpage .SSP-nav-head {
    font-size: 12px;
    line-height: 18px;
    padding: 7px 15px;
  }
  .SSP_subpage .SSP-nav-head-nr {
    display: none;
  }
}
.SSP-content {
  padding: 16px 15px;
  min-height: 600px;
  width: 100%;
}
@media (max-width: 991px) {
  .SSP-content {
    padding: 15px;
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .SSP-content {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .SSP-content {
    margin: 0;
    padding-left: 8px;
    padding-right: 8px;
    overflow: visible;
  }
}
@media (max-width: 991px) {
  .SSP-content {
    margin-left: 0;
  }
}
.SSP-content-intro p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.SSP-content-intro h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 24px;
}
.SSP-content-intro.berner-promotions span.hint {
  font-weight: normal;
}
.SSP-tabs .tabs-list {
  border-bottom: 1px solid #c7c5c5;
  list-style: none;
  padding: 0;
  margin: 30px 0;
  font-size: 0;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
@media (max-width: 991px) {
  .SSP-tabs .tabs-list {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media (max-width: 767px) {
  .SSP-tabs .tabs-list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
.SSP-tabs .tabs-list li {
  display: inline-block;
}
.SSP-tabs .tabs-list li.active a {
  color: #000000;
  border-color: #c7c5c5;
}
.SSP-tabs .tabs-list a {
  padding: 15px 25px;
  display: block;
  font-size: 13px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  margin-bottom: -1px;
}
@media (max-width: 767px) {
  .SSP-tabs .tabs-list a {
    padding: 10px 25px;
  }
}
@media (max-width: 570px) {
  .SSP-tabs .tabs-list a {
    font-size: 11px;
  }
}
.SSP-tabs .current-info,
.SSP-tabs .accessibletabsanchor,
.SSP-tabs div.tabhead {
  position: absolute;
  left: -9999em;
}
.SSP-tabs > .tabhead,
.SSP-tabs > .tabbody {
  display: none;
}
.SSP-scanner {
  position: relative;
  overflow: visible !important;
}
.SSP-scanner:before {
  content: "";
  width: 100%;
  position: absolute;
  top: -38px;
  left: 0;
  border-top: 1px solid #DDDDDD;
}
@media (max-width: 991px) {
  .SSP-scanner:before {
    top: -26px;
  }
}
.SSP-scanner .SSP-box-headline {
  font-size: 16px;
}
.SSP-scanner-headline {
  font-size: 16px;
  font-weight: bold;
  padding-top: 22px;
}
.SSP-scanner .SSP-table {
  margin-bottom: 50px;
}
@media (max-width: 991px) {
  .SSP-scanner .SSP-table {
    display: block;
  }
  .SSP-scanner .SSP-table tr:nth-child(2n) {
    background: #f9f9f9;
  }
  .SSP-scanner .SSP-table thead {
    display: none;
  }
  .SSP-scanner .SSP-table tbody,
  .SSP-scanner .SSP-table tr,
  .SSP-scanner .SSP-table td {
    display: block;
  }
  .SSP-scanner .SSP-table tr {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .SSP-scanner .SSP-table td {
    width: 60%;
    margin-left: 40%;
    padding: 2px 10px;
    position: relative;
    border-bottom: none;
    height: auto;
    margin-bottom: 12px;
  }
  .SSP-scanner .SSP-table td:before {
    content: attr(title);
    width: 45%;
    display: block;
    position: absolute;
    top: -4px;
    bottom: 0;
    left: -66%;
    color: #696969;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
  }
}
.SSP-scanner .SSP-table .bicon-more-vert {
  font-size: 24px;
}
.SSP-scanner .SSP-table .dropdown-menu a {
  cursor: pointer;
}
.SSP-scanner .SSP-table th {
  background: #f1f1f1;
  color: #696969;
  font-weight: bold;
  font-size: 13px;
  border-top: 1px solid #d8d8d8;
}
.SSP-scanner .SSP-table tr:nth-child(2n) td {
  background: #f9f9f9;
}
.SSP-scanner .scanner-add {
  float: right;
  font-weight: bold;
  text-decoration: underline;
  font-size: 14px;
}
.SSP-scanner .scanner-add:hover {
  text-decoration-color: #EB6111;
}
.SSP-scanner .scanner-add .bicon {
  font-size: 16px;
  color: #EB6111;
  margin-left: 8px;
  top: 3px;
}
.SSP .scannerRegisterDiv {
  padding: 25px;
  margin-left: 0px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
}
.SSP .scannerRegisterDiv .idRow {
  margin-bottom: 18px;
}
.SSP .scannerRegisterDiv #registerForm_scannerIDContainer_input,
.SSP .scannerRegisterDiv .scannerRegisterInputBox {
  width: 100%;
}
.SSP .scannerRegisterDiv label {
  padding-top: 6px;
}
.SSP .scannerRegisterDiv div.scannerRegisterInputBox {
  height: 30px;
}
.SSP .scannerRegisterDiv div.scannerRegisterInputBox .select2-choice {
  padding-top: 4px;
}
.SSP-banner {
  margin: -21px;
  margin-top: -16px;
  margin-bottom: -25px;
  background: #000000;
  color: #fff !important;
  font-size: 0;
  display: block;
  position: relative;
  text-align: center;
  vertical-align: top;
}
.SSP-banner-col {
  width: 50%;
  display: inline-block;
  position: relative;
  margin-left: 50%;
  padding: 20px 10px;
}
.SSP-banner-img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  left: 0;
  background: no-repeat center center;
  background-size: cover;
}
.SSP-banner-text {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1199px) {
  .SSP-banner-text {
    font-size: 13px;
  }
}
.SSP-banner-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 8px;
  margin-top: 60px;
}
@media (max-width: 1199px) {
  .SSP-banner-title {
    font-size: 12px;
  }
}
.SSP-banner-link {
  font-size: 12px;
  color: inherit !important;
}
.SSP-banner-link .bicon {
  font-size: 10px;
}
@media (max-width: 1199px) {
  .SSP-banner-link {
    font-size: 12px;
  }
}
.SSP-box {
  min-height: 100px;
  margin-bottom: 16px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 1px solid #e5e5e5;
  padding: 24px 20px;
  padding-top: 15px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .SSP-box {
    padding-left: 12px;
    padding-right: 12px;
  }
}
.SSP-box_nopadding {
  padding: 0;
}
.SSP-box_overflow {
  overflow: visible;
}
.SSP-box-headline {
  font-size: 24px;
  font-weight: bold;
}
.SSP-box-subheadline {
  font-weight: bold;
  margin-bottom: 12px;
}
.SSP-box-seperator {
  border: 0;
  height: 1px;
  background: #e5e5e5;
  margin: 10px -5px;
  margin-bottom: 20px;
}
.SSP-box-more {
  display: block;
  margin: 15px 10px;
  margin-bottom: -3px;
}
.SSP-box-more_noml {
  margin-left: 0;
}
@media (max-width: 767px) {
  .SSP-box-more {
    margin-left: 0;
  }
}
.SSP-box-status {
  float: right;
  white-space: nowrap;
  font-weight: normal;
  line-height: 18px;
  padding-top: 8px;
  font-size: 13px;
}
.SSP-box-status-count {
  font-size: 18px;
  font-weight: bold;
  color: #e32c3c;
  display: inline-block;
}
.SSP-dateItem {
  margin: 12px 0;
  position: relative;
  min-height: 23px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP-dateItem {
    width: 50%;
    float: left;
    padding-right: 15px;
  }
  .SSP-dateItem:nth-child(2n + 1) {
    clear: both;
  }
}
.SSP-dateItem-wrapper {
  margin-bottom: 1px;
  margin-top: -15px;
}
.SSP-dateItem-wrapper:before,
.SSP-dateItem-wrapper:after {
  content: " ";
  display: table;
}
.SSP-dateItem-wrapper:after {
  clear: both;
}
.SSP-dateItem-wrapper:before,
.SSP-dateItem-wrapper:after {
  content: " ";
  display: table;
}
.SSP-dateItem-wrapper:after {
  clear: both;
}
.SSP-dateItem-icon {
  font-size: 23px;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -15px;
  color: #000000;
}
.SSP-dateItem-date {
  font-size: 11px;
  color: #444;
  margin-bottom: 2px;
  text-transform: uppercase;
}
.SSP-dateItem-count {
  font-size: 14px;
  font-weight: bold;
  color: #e32c3c;
  display: inline-block;
}
.SSP-dateItem-icon ~ .SSP-dateItem-date,
.SSP-dateItem-icon ~ .SSP-dateItem-text {
  margin-left: 45px;
}
.SSP-linkList {
  list-style: none;
  padding: 0;
  margin: 7px 0 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .SSP-linkList_border {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #c7c5c5;
  }
}
.SSP-linkList-headline {
  font-size: 12px;
  text-transform: uppercase;
}
.SSP-linkList li {
  padding-left: 10px;
  position: relative;
}
.SSP-linkList li:before {
  content: '';
  position: absolute;
  top: 12px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #c7c5c5;
}
.SSP-linkList li span {
  color: #666;
}
.SSP-linkList li:hover span {
  color: #000;
}
.SSP-table {
  font-size: inherit;
}
.SSP-table-wrapper {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .SSP-table {
    width: 100%;
    margin-top: 20px;
  }
  .SSP-table th {
    font-size: 11px;
    line-height: 1.64;
    color: #444444;
    font-weight: normal;
    border-bottom: 1px solid #c7c5c5;
    padding: 5px 10px;
    text-transform: uppercase;
  }
  .SSP-table td {
    padding: 5px 10px;
    border-bottom: 1px solid #e5e5e5;
    height: 46px;
  }
}
@media (max-width: 767px) {
  .SSP-table {
    display: block;
  }
  .SSP-table thead {
    display: none;
  }
  .SSP-table tbody,
  .SSP-table tr,
  .SSP-table td {
    display: block;
  }
  .SSP-table tr {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .SSP-table td {
    width: 60%;
    margin-left: 40%;
    padding: 2px 10px;
    position: relative;
  }
  .SSP-table td:before {
    content: attr(title);
    width: 40%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -66%;
    font-size: 11px;
    color: #444;
    text-transform: uppercase;
    padding: 4px 0;
  }
}
.SSP-tile {
  float: left;
  width: 50%;
  padding: 24px;
  padding-top: 15px;
  position: relative;
  padding-bottom: 93px;
  transition: background 400ms;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  overflow: hidden;
}
.SSP-tile.ng-scope {
  display: none;
}
@media (max-width: 767px) {
  .SSP-tile {
    padding: 20px 12px;
    padding-bottom: 75px;
  }
}
@media (min-width: 1620px) {
  .SSP-tile {
    width: 33.33333333%;
  }
  .SSP-tile:nth-child(3n + 3) {
    border-right: 0;
  }
}
.SSP-tile:hover {
  text-decoration: none;
  border: 1px solid #000000 !important;
  background: #f9f9f9;
}
.SSP-tile-headline {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.25;
}
@media (max-width: 767px) {
  .SSP-tile-headline {
    font-size: 14px;
  }
}
.SSP-tile-count {
  font-size: 18px;
  font-weight: bold;
  color: #e32c3c;
}
.SSP-tile-content {
  color: #000;
  overflow-y: auto;
  padding-bottom: 10px;
}
@media (max-width: 767px) {
  .SSP-tile-content {
    font-size: 12px;
  }
}
.SSP-tile-content-wb {
  word-break: break-all;
}
.SSP-tile-arrow {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-size: 17px;
  transition: all 400ms;
  height: 1em;
}
@media (max-width: 767px) {
  .SSP-tile-arrow {
    left: 9px;
  }
}
.SSP-tile-arrow .bicon {
  vertical-align: top;
}
.SSP-tile-arrow .bicon:after {
  content: "";
  position: absolute;
  right: 6px;
  display: block;
  height: 0.05882352941em;
  width: 0;
  background: #000000;
  transition: all 400ms;
  top: 50%;
  margin-top: -0.02941176em;
}
.SSP-tile:hover .SSP-tile-arrow {
  left: 28px;
  color: #000000;
}
@media (max-width: 767px) {
  .SSP-tile:hover .SSP-tile-arrow {
    left: 17px;
  }
}
.SSP-tile:hover .SSP-tile-arrow .bicon:after {
  width: 15px;
}
.SSP-col-top-right .SSP-tile {
  float: none;
  width: 100%;
  padding: 24px;
  border: 1px solid #C4C4C4;
  position: relative;
  display: block;
}
.SSP-col-top-right .SSP-tile.ng-scope {
  display: none;
}
@media (min-width: 1620px) {
  .SSP-col-top-right .SSP-tile {
    width: 100%;
  }
}
.SSP .subheadline,
.SSP .headline {
  font-weight: bold;
  line-height: 1.2;
}
.SSP-subheadline-users {
  text-align: right;
}
.SSP-subheadline-users .bicon {
  font-size: 16px;
  color: #EB6111;
  top: 3px;
  margin-left: 10px;
}
.SSP-subheadline-users .btn {
  font-size: 16px;
  text-decoration: underline;
}
.SSP .headline {
  font-size: 20px;
}
@media (min-width: 768px) {
  .SSP .headline {
    font-size: 16px;
  }
  .SSP .headline > span {
    display: inline-block;
    padding-top: 6px;
    min-height: 34px;
  }
}
@media (min-width: 992px) {
  .SSP .headline {
    font-size: 26px;
  }
}
.SSP .subheadline {
  font-size: 16px;
}
@media (min-width: 768px) {
  .SSP .subheadline {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .SSP .cart-entry-cell.cart-entry-cell-addtocart .orange-sloped-btn {
    background-color: transparent;
    margin-right: 0;
    height: auto;
  }
  .SSP .cart-entry-cell.cart-entry-cell-addtocart .orange-sloped-btn:after {
    content: none;
  }
  .SSP .cart-entry-cell.cart-entry-cell-addtocart .orange-sloped-btn .orange-sloped-btn-arrow {
    color: #000000;
    padding: 0;
  }
  .SSP .cart-entry-cell.cart-entry-cell-addtocart .orange-sloped-btn .orange-sloped-btn-arrow {
    background-color: transparent;
  }
}
.SSP .cart-entry-cell.cart-entry-thumb input[type="checkbox"] {
  margin-top: 0;
}
.SSP .cart-entry-cell.actions .bicon {
  font-size: 20px;
}
.SSP-saftySheets {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .SSP-saftySheets {
    padding: 0 8px;
  }
}
.SSP-saftySheets-content .tabs-list {
  margin-bottom: 24px;
  list-style-type: none;
  display: flex;
  padding-left: 0;
}
.SSP-saftySheets-content .tabs-list .btn {
  font-weight: 400;
  padding: 8px 16px;
}
.SSP-saftySheets-content .tabs-list .btn-secondary {
  background: #DFECF5;
}
.SSP-saftySheets-content .tabs-list .btn-secondary:after {
  background: none;
}
.SSP-saftySheets-content .tabs-list li:not(.active) .btn {
  color: #000000;
  border-color: #c5c5c5;
}
.SSP-saftySheets-content .tabs-list li + li {
  margin-left: 16px;
}
.SSP-saftySheets-content .tabs-list .current-info {
  display: none;
}
.SSP-saftySheets-content .konto-main-content {
  margin-bottom: 20px;
  padding: 0;
}
.SSP-saftySheets-content .konto-main-content .form-horizontal {
  padding-left: 0;
}
.SSP-saftySheets-content .konto-main-content .form-horizontal .control-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}
.SSP-saftySheets-content .konto-linkAction {
  border-top: 1px solid #c5c5c5;
  padding-top: 24px;
}
.SSP-saftySheets-content .konto-linkAction .btn-link {
  font-weight: 400;
  font-size: 14px;
  text-decoration: underline;
}
.SSP-saftySheets-content .konto-linkAction .btn-link:hover {
  text-decoration-color: #EB6111;
}
.SSP-saftySheets-content .konto-linkAction .btn-link span {
  padding-left: 10px;
  font-size: 16px;
  top: 3px;
  color: #EB6111;
}
.SSP-saftySheets-content .form-group {
  margin-left: 0;
  margin-right: 0;
}
.SSP-saftySheets .tabhead {
  position: absolute;
  left: -999em;
}
.SSP-saftySheets-intro p {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}
.SSP-saftySheets-intro h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 24px;
}
.SSP-saftySheets-header {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.SSP-saftySheets-text {
  font-size: 13px;
}
.SSP-saftySheets-foot {
  padding: 20px 0 35px 0;
}
.SSP-saftySheets-link {
  font-size: 13px;
  line-height: 1.46;
}
@media (max-width: 767px) {
  .SSP-saftySheets-select {
    margin-top: 20px;
  }
}
.SSP-saftySheets-select .control-label {
  color: #000000;
  display: inline-block;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 8px;
}
.SSP-saftySheets-btn {
  white-space: normal;
}
@media (max-width: 767px) {
  .SSP-saftySheets-btn {
    display: block;
    width: 100%;
  }
}
.SSP-saftySheets-select + .SSP-saftySheets-btn {
  margin-top: 0;
}
.SSP-fl {
  position: relative;
}
.SSP-flActions {
  margin-bottom: 0;
}
.SSP-flActions--right {
  text-align: right;
}
.SSP-flActions.js-SSP-flFilter-result {
  display: none;
  margin-top: 25px;
  flex-flow: column;
}
.SSP-flActions-inner-actions .btn {
  display: inline-block;
  margin: 8px 8px 0 0;
}
.SSP-flActions-inner-actions .btn[style*="hidden"] {
  height: 0;
  padding: 0;
  margin: 0;
}
.SSP-flActions-inner-actions .error {
  width: 100%;
  text-align: left;
  display: none;
}
.SSP-flActions-inner-results {
  justify-content: space-between;
  align-items: center;
  display: flex;
  margin-top: 25px;
}
.SSP-flActions .btn-link {
  padding-left: 14px;
  padding-right: 14px;
  text-decoration: none !important;
}
.SSP-flActions .btn-link.active {
  box-shadow: none;
  color: #000000;
}
.SSP-flActions .btn-accordion {
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-radius: 0;
  display: block;
  width: 100%;
  text-align: left;
  padding: 24px 0;
  box-shadow: none;
}
.SSP-flActions .btn-accordion .bicon {
  transform: rotate(-180deg);
  transition: all 300ms;
}
.SSP-flActions .btn-accordion .SSP-flActions--accordion-title {
  padding-left: 14px;
}
.SSP-flActions .btn-accordion.active {
  border-bottom: none;
}
.SSP-flActions .btn-accordion.active .bicon {
  transform: rotate(0deg);
}
.SSP-flActions .btn-accordion:hover,
.SSP-flActions .btn-accordion:focus {
  color: inherit;
  outline: none;
}
.SSP-flActions-filterBtn {
  font-size: 13px;
}
.SSP-flActions-result-heading {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}
.SSP-flActions-switch {
  display: flex;
  margin-right: -5px;
  align-items: center;
}
@media (max-width: 991px) {
  .SSP-flActions-switch {
    display: none;
  }
}
.SSP-flActions-switch .btn-link {
  font-size: 14px;
  line-height: 24px;
  text-transform: none;
  padding-left: 5px;
  padding-right: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.SSP-flActions-switch-indicator {
  display: inline-block;
  width: 30px;
  height: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}
.SSP-flActions-switch-indicator:after {
  content: '';
  display: block;
  background: #000000;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -6px;
  border-radius: 100%;
}
.SSP-flActions-switch-preview {
  color: #888;
}
.SSP-flActions-switch-preview .bicon {
  padding-left: 10px;
}
.SSP-flActions-switch-preview .bticon {
  padding-left: 10px;
}
.SSP-flActions-switch-list {
  color: #000000;
}
.SSP-flActions-switch-list .bicon {
  padding-right: 10px;
  font-size: 20px;
}
.SSP-flActions-switch-list .bticon {
  padding-right: 10px;
}
.SSP-flEmpty {
  padding: 50px 25px;
  font-size: 13px;
  color: #888888;
  font-weight: bold;
}
.SSP-flFilter {
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 24px;
  display: none;
}
.SSP-flFilter.active {
  display: block;
}
.SSP-flFilter .form-group label,
.SSP-flFilter .form-group .control-label {
  color: #000000;
  font-size: 11px;
  line-height: 1.2;
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.SSP-flFilter .btn {
  line-height: 20px;
  padding: 8px 16px;
  margin-right: 16px;
  font-weight: normal;
  max-height: 40px;
}
.SSP-flFilter .btn .bicon {
  font-size: 19px;
  padding-right: 9px;
  vertical-align: middle;
}
.SSP-flFilter-actions {
  margin-top: 10px;
}
.SSP-flFilter .calendar-holder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
}
.SSP-flFilter .calendar-holder .form-control {
  z-index: 1 !important;
  background: transparent;
  cursor: pointer;
}
.SSP-flFilter .calendar-holder .input-group-addon {
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: none;
  color: #EB6111;
  font-size: 18px;
  z-index: 2;
}
.SSP-flFilter .calendar-holder .input-group-addon .bicon {
  top: 3px;
}
.SSP-flFilter-depot-delivery {
  width: 157px;
}
.SSP-flFilter-fromTo {
  position: relative;
}
.SSP-flFilter-fromTo:after {
  content: '-';
  position: absolute;
  top: 23px;
  left: 50%;
  margin-left: -15px;
  height: 34px;
  width: 30px;
  line-height: 34px;
  font-size: 13px;
  text-align: center;
}
.SSP-flFilter .input-group .form-control {
  z-index: unset;
}
.SSP-flFilter .approveAllOrders {
  margin-left: 15px;
  visibility: hidden;
}
.SSP-flFilter .rejectAllOrders {
  visibility: hidden;
}
.SSP-flLoading {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  right: -15px;
  background: rgba(241, 241, 241, 0.8);
  visibility: visible;
  cursor: wait;
  z-index: 1000;
}
.SSP-flLoading-inner {
  background: #fff;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 120px;
  left: 50%;
  padding: 30px;
  text-align: center;
  color: #000000;
}
.SSP-flLoading-icon {
  font-size: 30px;
  color: #000000;
}
.SSP-fl_loading {
  position: relative;
  min-height: 400px;
  min-height: 50vh;
}
.SSP-fl_loading .SSP-flLoading {
  display: block;
}
.SSP-flTable {
  width: 100%;
}
.SSP-flTable-wrapper {
  margin-top: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 1px 1px #C5C5C5;
  padding: 7px 24px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .SSP-flTable-wrapper {
    display: none;
  }
}
.SSP-flTable-wrapper a:hover {
  font-weight: normal;
}
.SSP-flTable .table-wrap {
  background-color: #fff;
  box-shadow: 0px 0px 4px 0px #C5C5C5;
  border-radius: 4px;
  padding: 7px 24px;
  margin-bottom: 30px;
}
.SSP-flTable .table-wrap .last-order-table {
  margin-bottom: 0;
}
.SSP-flTable th,
.SSP-flTable td {
  padding: 15px;
  white-space: nowrap;
}
.SSP-flTable th:first-child,
.SSP-flTable td:first-child {
  padding-left: 0;
}
.SSP-flTable th:last-child,
.SSP-flTable td:last-child {
  padding-right: 0;
}
.SSP-flTable th {
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
  border-bottom: 1px solid #d8d8d8;
  text-transform: uppercase;
}
.SSP-flTable td {
  font-size: 12px;
  line-height: 18px;
}
.SSP-flTable tbody tr.order-list-item .input-group {
  display: flex;
  gap: 8px;
}
.SSP-flTable tbody tr.order-list-item .input-group .change-bookmarkordertitle {
  width: fit-content;
}
.SSP-flTable tbody tr:not(:last-child) {
  border-bottom: 1px solid #d8d8d8;
}
.SSP-flTable tbody tr:hover > td {
  background: #DFECF5;
}
.SSP-flTable tfoot {
  height: 120px;
}
.SSP-flTable .bookmarkorder-to-cart {
  display: inline-block;
  padding: 0 10px;
}
.SSP-flTable .bookmarkorder-to-cart .bicon {
  font-size: 20px;
  line-height: 20px;
}
.SSP-flTable .bookmarkorder-to-cart:hover {
  text-decoration: none;
}
.SSP-flTable .delete-order-popup {
  display: inline-block;
  padding: 0 10px 0 0;
}
.SSP-flTable .delete-order-popup .bicon {
  font-size: 20px;
  line-height: 20px;
}
.SSP-flTable .delete-order-popup:hover {
  text-decoration: none;
}
.SSP-flTable .dropdown--more-icon .dropdown-toggle {
  color: #000;
  line-height: inherit;
  vertical-align: sub;
}
.SSP-flTable .dropdown--more-icon .dropdown-toggle span {
  padding: 0;
  font-size: 24px;
}
.SSP-flTable-channel {
  display: inline-block;
  font-size: 24px;
  color: #999;
  cursor: help;
}
.SSP-flTable-channel:hover {
  color: #000000;
}
.SSP-flTable-status {
  display: inline-block;
  font-size: 24px;
  color: #999;
  margin-right: 10px;
  vertical-align: middle;
}
.SSP-flTable-downloadLink.btn {
  padding: 0;
}
.SSP-flTable-downloadLink-icon {
  margin-right: 10px;
}
.SSP-flTable-message {
  text-align: center;
}
.SSP-flTable .js-boomarkSort {
  cursor: pointer;
  margin-left: 5px;
}
.SSP-flTable .js-boomarkSort[data-direction="up"] {
  transform: rotate(180deg);
}
.SSP-flOrderList {
  margin: 20px 0;
}
.SSP-flOrderList-item {
  position: relative;
  background-color: #fff;
  box-shadow: 0px 0px 1px 1px #C5C5C5;
  margin-bottom: 16px;
}
@media (max-width: 991px) {
  .SSP-flOrderList-item {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .SSP-flOrderList-item {
    padding: 24px 24px;
  }
}
@media (max-width: 767px) {
  .SSP-flOrderList-actions {
    padding: 0 16px;
    margin-top: 15px;
    margin-bottom: 0;
  }
}
.SSP-flOrderList-actions-primary.btn {
  margin-bottom: 17px;
  white-space: normal;
}
.SSP-flOrderList-actions-link.btn {
  text-align: left;
  padding: 0;
  white-space: normal;
  margin: 7px 0;
  font-weight: normal;
}
.SSP-flOrderList-dropdown {
  display: block;
}
@media (min-width: 768px) {
  .SSP-flOrderList-dropdown {
    margin: 10px 0;
  }
}
.SSP-flOrderList-dropdown-toggle {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  padding-right: 44px;
}
.SSP-flOrderList-dropdown-toggle:focus,
.SSP-flOrderList-dropdown-toggle:active:focus,
.SSP-flOrderList-dropdown-toggle.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.SSP-flOrderList-dropdown-toggle:hover,
.SSP-flOrderList-dropdown-toggle:focus {
  color: #333;
  text-decoration: none;
}
.SSP-flOrderList-dropdown-toggle:active,
.SSP-flOrderList-dropdown-toggle.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.SSP-flOrderList-dropdown-toggle.disabled,
.SSP-flOrderList-dropdown-toggle[disabled],
fieldset[disabled] .SSP-flOrderList-dropdown-toggle {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.SSP-flOrderList-dropdown-toggle.btn-primary {
  display: flex;
  padding: 5px;
  margin: 0 auto;
  max-width: 100%;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  background-color: #EB6111;
  color: #000000;
  border-radius: 0;
  position: relative;
  transition: all 0.15s ease-in-out;
}
.SSP-flOrderList-dropdown-toggle.btn-primary a:hover {
  font-weight: inherit;
}
.SSP-flOrderList-dropdown-toggle.btn-primary .icon-button-primary {
  padding: 12.5px;
}
.SSP-flOrderList-dropdown-toggle.btn-primary .btn-primary-text {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  color: #000000;
  font-weight: 600;
  font-size: 16px;
  line-height: 17.6px;
  padding: 1rem 0.5rem;
  margin: auto;
}
.SSP-flOrderList-dropdown-toggle.btn-primary span {
  position: relative;
  z-index: 1;
  vertical-align: super;
}
.SSP-flOrderList-dropdown-toggle.btn-primary:hover {
  background-color: #FF9F2F;
  transition: all 0.15s ease-in-out;
}
.SSP-flOrderList-dropdown-toggle.btn-primary:hover:after {
  transition: all 0.15s ease-in-out;
  border-left-color: #FF9F2F;
  border-bottom-color: #FF9F2F;
}
.SSP-flOrderList-dropdown-toggle.btn-primary:active {
  padding-left: 3px;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  background-color: #97c1de;
  color: #000000;
  border-radius: 0;
  border: 0;
  z-index: 1;
  cursor: pointer;
  overflow: hidden;
  position: relative;
  font-size: 16px;
  line-height: 17.6px;
  font-weight: 600;
  padding: 14px 18px 14px 16px;
  display: flex;
  flex-direction: row;
  width: fit-content;
  transition: 0.15s;
  white-space: normal;
  align-items: center;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary .container-arrow-right {
  display: flex;
  align-items: center;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary .bicon {
  padding-left: 0.85rem;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary a:hover {
  font-weight: inherit;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary img {
  display: block;
  position: relative;
  z-index: 1;
  margin: auto;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #97c1de;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.SSP-flOrderList-dropdown-toggle.btn-secondary:hover {
  background-color: #DFECF5;
  color: #000000;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary:hover:after {
  transform: translateX(50%);
}
.SSP-flOrderList-dropdown-toggle.btn-secondary:active {
  outline: 2px solid #97c1de;
}
.SSP-flOrderList-dropdown-toggle.btn-secondary:active:after {
  transform: translateX(100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 20% 100%);
}
.SSP-flOrderList-dropdown-toggle.btn-text-link {
  padding: 0;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600 !important;
  line-height: 17.6px;
  display: flex;
}
.SSP-flOrderList-dropdown-toggle.btn-text-link a:hover {
  color: #000000;
  text-decoration-color: #EB6111;
  font-weight: 600 !important;
}
.SSP-flOrderList-dropdown-toggle.btn-text-link .bicon {
  color: #EB6111;
  margin-left: 5px;
}
.SSP-flOrderList-dropdown-toggle:focus {
  outline: none !important;
}
@media (min-width: 768px) {
  .SSP-flOrderList-dropdown-toggle {
    color: #000000;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
    width: 100%;
    text-align: left;
    padding-left: 0;
    padding-right: 20px;
    white-space: normal;
  }
  .SSP-flOrderList-dropdown-toggle,
  .SSP-flOrderList-dropdown-toggle:active,
  .SSP-flOrderList-dropdown-toggle[disabled],
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  .SSP-flOrderList-dropdown-toggle,
  .SSP-flOrderList-dropdown-toggle:hover,
  .SSP-flOrderList-dropdown-toggle:focus,
  .SSP-flOrderList-dropdown-toggle:active {
    border-color: transparent;
  }
  .SSP-flOrderList-dropdown-toggle:hover,
  .SSP-flOrderList-dropdown-toggle:focus {
    color: #000000;
    text-decoration: underline;
    background-color: transparent;
  }
  .SSP-flOrderList-dropdown-toggle[disabled]:hover,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle:hover,
  .SSP-flOrderList-dropdown-toggle[disabled]:focus,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle:focus {
    color: #777777;
    text-decoration: none;
  }
}
@media (max-width: 767px) {
  .SSP-flOrderList-dropdown-toggle {
    color: #fff;
    background-color: #c7c5c5;
    border-color: #c7c5c5;
  }
  .SSP-flOrderList-dropdown-toggle:hover,
  .SSP-flOrderList-dropdown-toggle:focus,
  .SSP-flOrderList-dropdown-toggle:active,
  .SSP-flOrderList-dropdown-toggle.active,
  .open > .dropdown-toggle.SSP-flOrderList-dropdown-toggle {
    color: #fff;
    background-color: #aeabab;
    border-color: #a9a6a6;
  }
  .SSP-flOrderList-dropdown-toggle:active,
  .SSP-flOrderList-dropdown-toggle.active,
  .open > .dropdown-toggle.SSP-flOrderList-dropdown-toggle {
    background-image: none;
  }
  .SSP-flOrderList-dropdown-toggle.disabled,
  .SSP-flOrderList-dropdown-toggle[disabled],
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle,
  .SSP-flOrderList-dropdown-toggle.disabled:hover,
  .SSP-flOrderList-dropdown-toggle[disabled]:hover,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle:hover,
  .SSP-flOrderList-dropdown-toggle.disabled:focus,
  .SSP-flOrderList-dropdown-toggle[disabled]:focus,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle:focus,
  .SSP-flOrderList-dropdown-toggle.disabled:active,
  .SSP-flOrderList-dropdown-toggle[disabled]:active,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle:active,
  .SSP-flOrderList-dropdown-toggle.disabled.active,
  .SSP-flOrderList-dropdown-toggle[disabled].active,
  fieldset[disabled] .SSP-flOrderList-dropdown-toggle.active {
    background-color: #c7c5c5;
    border-color: #c7c5c5;
  }
  .SSP-flOrderList-dropdown-toggle .badge {
    color: #c7c5c5;
    background-color: #fff;
  }
}
.SSP-flOrderList-dropdown-icon {
  float: right;
  display: inline-block;
  line-height: 20px;
  margin-right: -20px;
  font-size: 12px;
}
.SSP-flOrderList-dropdown span {
  vertical-align: top;
}
.SSP-flOrderList-dropdown-menu {
  min-width: 100%;
}
.SSP-flOrderList-info {
  display: block;
  color: #000;
  overflow: hidden;
}
@media (max-width: 767px) {
  .SSP-flOrderList-info {
    padding: 16px;
    padding-bottom: 0;
  }
}
.SSP-flOrderList-info:hover {
  font-weight: normal;
}
.SSP-flOrderList-info-item {
  margin-bottom: 12px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .SSP-flOrderList-info-item {
    float: left;
    margin-bottom: 16px;
  }
}
@media (min-width: 570px) and (max-width: 767px) {
  .SSP-flOrderList-info-item {
    width: 33.33333333%;
  }
  .SSP-flOrderList-info-item_XSRight {
    text-align: right;
  }
}
@media (max-width: 570px) {
  .SSP-flOrderList-info-item {
    width: 50%;
  }
}
.SSP-flOrderList-info-title {
  font-size: 11px;
  line-height: 1.2;
  color: #666;
  text-transform: uppercase;
  margin-bottom: .2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SSP-flOrderList-info-title-with-icon {
  position: relative;
  padding-left: 32px;
  overflow: visible;
}
.SSP-flOrderList-info-title-with-icon .bicon,
.SSP-flOrderList-info-title-with-icon .bticon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #000;
}
.SSP-flOrderList-info-title-with-icon .bicon.success,
.SSP-flOrderList-info-title-with-icon .bticon.success {
  color: #126625;
}
.SSP-flOrderList-info-title-with-icon .bicon.danger,
.SSP-flOrderList-info-title-with-icon .bticon.danger {
  color: #CD0F26;
}
.SSP-flOrderList-info-title-with-icon .bicon.paused,
.SSP-flOrderList-info-title-with-icon .bticon.paused {
  color: #EE7900;
}
.SSP-flOrderList-info-value {
  font-size: 13px;
  line-height: 1.2;
}
.SSP-flOrderList-info-value strong {
  font-size: 14px;
}
.SSP-flOrderList-info-value-with-icon {
  padding-left: 32px;
}
.SSP-flOrderList-info_icon {
  padding-left: 36px;
  position: relative;
}
@media (min-width: 570px) and (max-width: 767px) {
  .SSP-flOrderList-info_icon {
    float: left;
    width: 50%;
  }
}
@media (max-width: 570px) {
  .SSP-flOrderList-info_icon {
    float: none;
    width: 100%;
  }
}
.SSP-flOrderList-info-icon {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  color: #999;
}
.SSP-flOrderList-info-seperator {
  clear: both;
  border-bottom: 1px solid #d8d8d8;
  margin-top: 15px;
  margin-bottom: 15px;
}
.SSP-flOrderList-product {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 1em;
}
.SSP-flOrderList-product-list {
  font-size: 12px;
  line-height: 1.5em;
}
@media (max-width: 767px) {
  .SSP-flOrderList-product-list {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .SSP-flOrderList-product-wrapper {
    padding: 0 16px;
    margin-bottom: 0;
  }
}
.SSP-flOrderList-product-wrapper .js-insert-entries {
  margin: 7px 0;
  display: block;
  font-size: 13px;
  line-height: 20px;
}
.SSP-flOrderList-product-row {
  margin: 12px -8px 0;
}
.SSP-flOrderList-product-img {
  width: 5em;
  height: 5em;
  border: 1px solid #d8d8d8;
  margin-bottom: .50em;
}
.SSP-flOrderList-product-nr {
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
}
.SSP-flOrderList-product-more {
  display: none;
  font-size: 13px;
  line-height: 1.38;
}
.SSP-flOrderList-standingorder-action {
  margin-bottom: 16px;
}
.SSP-flOrderList-standingorder-action a {
  font-size: 13px;
  line-height: 20px;
  color: #000000;
  vertical-align: middle;
  text-decoration: underline;
}
.SSP-flOrderList-standingorder-action a:hover {
  text-decoration-color: #EB6111;
  font-weight: normal;
}
.SSP-flOrderList-standingorder-action a .bicon {
  font-size: 20px;
  vertical-align: middle;
  top: unset;
  margin-right: 8px;
  color: #EB6111;
}
.SSP-flOrderList-standingorder-action a .bicon.bicon-icon-skip-next {
  font-size: 13px;
  margin-left: 3px;
  margin-right: 12px;
}
.SSP-flOrderList-standingorder-action a .bticon {
  display: none;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value-with-icon.SSP-flOrderList-info-value {
  position: relative;
  padding-left: 32px;
  overflow: visible;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value-with-icon.SSP-flOrderList-info-value .bicon,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value-with-icon.SSP-flOrderList-info-value .bticon {
  position: absolute;
  left: 0;
  top: -2px;
  font-size: 20px;
  color: #CD0F26;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value-with-icon.SSP-flOrderList-info-value .bicon.success,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value-with-icon.SSP-flOrderList-info-value .bticon.success {
  color: #126625;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-value_orderNumber {
  color: #000;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon {
  padding-bottom: 2px;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bicon,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bticon {
  top: -2px;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bicon.bicon-icon-activate,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bticon.bicon-icon-activate {
  color: #126625;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bicon.bticon-icon-activate,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bticon.bticon-icon-activate {
  color: #126625;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bicon.bicon-icon-pause,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bticon.bicon-icon-pause {
  color: #ffa800;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bicon.bticon-icon-pause,
.SSP-flOrderList-standingorder .SSP-flOrderList-info-title-with-icon .bticon.bticon-icon-pause {
  color: #ffa800;
}
.SSP-flOrderList-standingorder .SSP-flOrderList-info-status {
  text-transform: none;
  font-size: 13px;
  color: #000;
}
.SSP-flInvoiceDownload {
  margin-top: 30px;
  margin-bottom: 50px;
}
.SSP-flInvoiceDownload-item {
  position: relative;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #d8d8d8;
  margin: 16px 0;
}
@media (max-width: 991px) {
  .SSP-flInvoiceDownload-item {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .SSP-flInvoiceDownload-item {
    margin-left: -9px;
    margin-right: -9px;
  }
}
.SSP-flInvoiceDownload-item.message-item {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 2em;
}
.SSP-flInvoiceDownload-actions {
  position: absolute;
  right: 25px;
  bottom: 32px;
}
@media (max-width: 767px) {
  .SSP-flInvoiceDownload-actions {
    right: 16px;
    bottom: 16px;
  }
}
.SSP-flInvoiceDownload-actions .btn {
  color: #fff;
}
.SSP-flInvoiceDownload-actions .btn:hover {
  color: #fff;
}
.SSP-flInvoiceDownload-info {
  display: block;
  color: #000000;
  width: 100%;
}
.SSP-flInvoiceDownload-info:before,
.SSP-flInvoiceDownload-info:after {
  content: " ";
  display: table;
}
.SSP-flInvoiceDownload-info:after {
  clear: both;
}
.SSP-flInvoiceDownload-info:before,
.SSP-flInvoiceDownload-info:after {
  content: " ";
  display: table;
}
.SSP-flInvoiceDownload-info:after {
  clear: both;
}
@media (max-width: 767px) {
  .SSP-flInvoiceDownload-info {
    padding: 16px;
    padding-bottom: 50px;
  }
}
@media (min-width: 768px) {
  .SSP-flInvoiceDownload-info {
    padding: 32px 25px 20px;
  }
}
@media (max-width: 1199px) {
  .SSP-flInvoiceDownload-info {
    padding-bottom: 66px;
  }
}
@media (min-width: 1200px) {
  .SSP-flInvoiceDownload-info {
    padding-right: 200px;
  }
}
.SSP-flInvoiceDownload-info:hover {
  text-decoration: none;
}
@media (min-width: 768px) {
  .SSP-flInvoiceDownload-info:hover {
    background: #f9f9f9;
  }
}
.SSP-flInvoiceDownload-info-item {
  margin-bottom: 12px;
  float: left;
}
@media (max-width: 570px) {
  .SSP-flInvoiceDownload-info-item {
    width: 50%;
  }
}
@media (min-width: 570px) {
  .SSP-flInvoiceDownload-info-item {
    width: 33.33333333%;
  }
}
@media (min-width: 570px) and (max-width: 767px) {
  .SSP-flInvoiceDownload-info-item_right {
    text-align: right;
  }
}
.SSP-flInvoiceDownload-info-title {
  font-size: 11px;
  line-height: 1.2;
  color: #666;
  text-transform: uppercase;
  margin-bottom: .2em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.SSP-flInvoiceDownload-info-value {
  font-size: 13px;
  line-height: 20px;
}
.SSP-flInvoiceDownload-info-value strong {
  font-size: 14px;
  vertical-align: top;
  line-height: 20px;
}
.SSP-flInvoiceDownload-info-value_orderNumber {
  color: #000000;
}
.SSP-fl-result-preview {
  display: none;
}
.SSP-fl_preview .SSP-fl-result-list {
  display: none;
}
.SSP-fl_preview .SSP-fl-result-preview {
  display: block;
}
.SSP-fl_preview .SSP-flActions-switch-indicator:after {
  left: auto;
  right: 50%;
}
.SSP-fl_preview .SSP-flActions-switch-list {
  color: #888;
}
.SSP-fl_preview .SSP-flActions-switch-list:hover {
  color: #000000;
}
.SSP-fl_preview .SSP-flActions-switch-preview {
  color: #000000;
}
@media (max-width: 991px) {
  .SSP-fl-result-list {
    display: none;
  }
  .SSP-fl-result-preview {
    display: block;
  }
}
.SSP .SSP-usergroups-main-container {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-usergroups-top {
  display: flex;
  flex-direction: column;
  margin-bottom: 35px;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-top {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.SSP .SSP-usergroups-top .SSP-usergroups-headline {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 120%;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-top .SSP-usergroups-headline {
    margin-bottom: 0;
  }
}
.SSP .SSP-usergroups-top .SSP-usergroups-subheadline {
  display: flex;
  justify-content: left;
}
.SSP .SSP-usergroups-top .SSP-usergroups-subheadline a {
  display: flex;
  flex-direction: row;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  text-decoration-line: underline;
  padding: 0;
}
.SSP .SSP-usergroups-top .SSP-usergroups-subheadline a .plus-circle-icon {
  color: #EB6111;
  font-size: 16px;
  margin-left: 12px;
}
.SSP .SSP-usergroups-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid #C4C4C4;
  margin-bottom: 35px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .SSP .SSP-usergroups-card {
    width: 80%;
  }
}
.SSP .SSP-usergroups-card-content {
  display: flex;
  flex-direction: column;
  padding: 24px 0 0 24px;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-card-content {
    flex-direction: row;
    justify-content: space-between;
  }
}
.SSP .SSP-usergroups-card-content .fieldTitle {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  margin-bottom: 5px;
}
.SSP .SSP-usergroups-card-content .fieldContent {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.SSP .SSP-usergroups-card-content .fieldContent a {
  text-decoration-line: underline;
}
.SSP .SSP-usergroups-card-content .fieldContent a:hover {
  font-weight: normal;
  text-decoration-color: #EB6111;
}
.SSP .SSP-usergroups-card-content-leftside {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.SSP .SSP-usergroups-card-content-leftside .groupName {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-usergroups-card-content-rightside {
  width: 50%;
  padding-left: 20px;
}
.SSP .SSP-usergroups-card-content-rightside .setHeight {
  max-height: fit-content;
}
@media (max-width: 992px) {
  .SSP .SSP-usergroups-card-content-rightside .setHeight-mobile {
    max-height: 100px;
  }
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-card-content-rightside .setHeight-desktop {
    max-height: 160px;
  }
}
.SSP .SSP-usergroups-card-content-rightside .SSP-usergroups-userList {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .SSP .SSP-usergroups-card-content-rightside .SSP-usergroups-userList {
    margin-right: 60px;
  }
}
@media (min-width: 1200px) {
  .SSP .SSP-usergroups-card-content-rightside .SSP-usergroups-userList {
    margin-right: 100px;
  }
}
.SSP .SSP-usergroups-card-content-rightside .SSP-usergroups-userList .user {
  margin-bottom: 9px;
}
.SSP .SSP-usergroups-card-content-rightside .showAllUsers {
  text-decoration-line: underline;
  line-height: 18px;
}
.SSP .SSP-usergroups-card .button-edit-container {
  padding: 0 0 24px 24px;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-card .button-edit-container {
    padding-left: unset;
  }
}
.SSP .SSP-usergroups-card .button-edit-container .btn {
  border-radius: 0;
}
.SSP .SSP-usergroups-card .button-edit-container .button-edit {
  width: fit-content;
  margin: 0;
}
.SSP .SSP-usergroups-card .button-edit-container .button-edit a:hover {
  text-decoration: none;
}
.SSP .SSP-usergroups-card .button-edit-container button {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.SSP .SSP-usergroups-card .button-edit-container button a {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
}
.SSP .SSP-usergroups-card .button-edit-container button .pencil-icon {
  margin-left: 13px;
  font-size: 18px;
}
.SSP .SSP-usergroups-card .enableScroll {
  overflow-y: scroll;
  overflow-x: hidden;
  margin-right: 15px;
}
.SSP .SSP-usergroups-card .enableScroll::-webkit-scrollbar {
  width: 9px;
}
.SSP .SSP-usergroups-card .enableScroll::-webkit-scrollbar-track {
  background-color: #DDDDDD;
}
.SSP .SSP-usergroups-card .enableScroll::-webkit-scrollbar-thumb {
  background: #EB6111;
  background: -webkit-linear-gradient(225deg, #EB6111 0%, #EB6111 70%, #DDDDDD 51%, #DDDDDD 100%);
  background: -o-linear-gradient(225deg, #EB6111 0%, #EB6111 80%, #DDDDDD 51%, #DDDDDD 100%);
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-card .enableScroll::-webkit-scrollbar-thumb {
    background: -moz-linear-gradient(225deg, #EB6111 0%, #EB6111 80%, #DDDDDD 51%, #DDDDDD 100%);
    background: -webkit-linear-gradient(225deg, #EB6111 0%, #EB6111 85%, #DDDDDD 51%, #DDDDDD 100%);
    background: -o-linear-gradient(225deg, #EB6111 0%, #EB6111 80%, #DDDDDD 51%, #DDDDDD 100%);
  }
}
.SSP .SSP-usergroups-form-container-headline {
  display: flex;
  flex-direction: column;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 35px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-container-shortinfo {
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-container-shortinfo dt {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  width: fit-content;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-container-shortinfo dd {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .formSectionTitleStyle {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .fieldLabel {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  width: fit-content;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .fieldText {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  color: #000000;
  font-size: 14px;
  font-weight: 400;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-name {
  border-top: none;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-name-fields {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-userSelect {
  width: 100%;
  margin: unset;
  padding: unset;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-userSelect .selectedUser {
  margin: unset;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  text-decoration-line: underline;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-form-container .SSP-usergroups-form-userSelect .selectedUser {
    font-size: 16px;
  }
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-userSelect .selectedUser li {
  display: flex;
  flex-direction: row;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-userSelect .remove-icon {
  color: #EB6111;
  font-size: 12px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-width {
  width: 100%;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-width {
    width: 65%;
  }
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-flex {
  display: flex;
  flex-direction: row;
  width: auto;
  align-items: center;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles .button-edit {
  padding: unset;
  border-radius: 0;
  height: 40px;
  width: 121px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-container {
  position: relative;
  margin-bottom: unset;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-container .select2-selection.select2-selection--single {
  border-radius: 0;
  border: 1px solid #000000;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-container-arrow {
  position: absolute;
  top: 23%;
  left: 85%;
  pointer-events: none;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles-container-arrow .arrow-down-circle {
  pointer-events: none;
  color: #EB6111;
  font-size: 20px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .multiSelectStyles .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .SSP-budget-fields {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .SSP-budget-fields label {
  color: #000000;
  font-size: 14px;
  width: 50%;
}
@media (min-width: 992px) {
  .SSP .SSP-usergroups-form-container .SSP-usergroups-form .SSP-budget-fields label {
    width: 100%;
  }
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .SSP-budget-fields input {
  width: 91px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-btn-holder {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-btn-holder .btn-secondary {
  margin-right: 20px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-btn-holder .orange-sloped-btn {
  margin-right: 58px;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form-btn-holder .button-edit {
  font-size: 16px;
  font-weight: 600;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .inputStyling {
  border: 1px solid #000000;
  border-radius: 0;
}
.SSP .SSP-usergroups-form-container .SSP-usergroups-form .inputStyling-checkbox-list label {
  font-size: 14px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  margin: 25px 0 25px 0;
}
.SSP .button-save {
  width: 224px;
  height: 46px;
  background-color: #97c1de;
  color: #000000;
  border-radius: 0;
  margin: 10px 0;
  padding: 14px 18px 14px 18px;
}
@media (min-width: 992px) {
  .SSP .formWidth {
    max-width: 47.5%;
    width: 47.5%;
  }
}
.SSP .SSP-userdata {
  display: flex;
  flex-direction: column;
  height: inherit;
  width: 100%;
  margin-bottom: 50px;
}
.SSP .SSP-userdata button {
  margin-top: 15px;
}
.SSP .SSP-userdata-header-title {
  color: #000000;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  margin-bottom: 35px;
}
.SSP .SSP-userdata-header-intro {
  color: #000000;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 40px;
  width: 90%;
}
@media (min-width: 992px) {
  .SSP .SSP-userdata-header-intro {
    width: 80%;
  }
}
.SSP .SSP-userdata .icons {
  pointer-events: none;
  color: #EB6111;
  font-size: 20px;
}
.SSP .SSP-userdata .SSP-userdata-subheadlines {
  color: #000000;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 24px;
}
.SSP .SSP-userdata .SSP-userdata-linktexts {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 110%;
  text-decoration-line: underline;
}
.SSP .SSP-userdata .SSP-userdata-linktexts:hover {
  text-decoration-color: #EB6111;
}
.SSP .SSP-userdata .SSP-userdata-linktexts:active {
  text-decoration-color: #000000;
}
.SSP .SSP-userdata .formField,
.SSP .SSP-userdata .genderSelect {
  border-radius: 0;
  border: 1px solid #191919;
  color: #000000;
}
.SSP .SSP-userdata .hideSelectArrow .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.SSP .SSP-userdata input:disabled {
  background-color: #DDDDDD;
  color: #000000;
}
.SSP .SSP-userdata-personaldata {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-userdata-personaldata-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.SSP .SSP-userdata-personaldata-fields :first-child {
  margin-right: 1px;
}
.SSP .SSP-userdata-personaldata-fields-form-item {
  flex: 1 0 100%;
  margin-bottom: 15px;
}
@media (min-width: 992px) {
  .SSP .SSP-userdata-personaldata-fields-form-item {
    flex: 0 0 50%;
  }
  .SSP .SSP-userdata-personaldata-fields-form-item > div {
    width: 95%;
  }
}
.SSP .SSP-userdata-personaldata-fields-form-item .genderHolder {
  position: relative;
}
.SSP .SSP-userdata-personaldata-fields-form-item .genderHolder .arrowPos {
  position: absolute;
  z-index: 1;
  top: 35px;
  left: 90%;
}
.SSP .SSP-userdata-personaldata-fields-form-item .genderHolder .genderSelect .select2-selection,
.SSP .SSP-userdata-personaldata-fields-form-item .genderHolder .genderSelect .select2-selection--single {
  border: none;
}
.SSP .SSP-userdata-personaldata-fields-form-item .calendar-holder .calendarPos {
  position: absolute;
  top: 10px;
  z-index: 2;
  left: 90%;
}
@media (min-width: 992px) {
  .SSP .SSP-userdata-personaldata {
    flex-basis: 50%;
    flex-wrap: wrap;
  }
}
.SSP .SSP-userdata-contactdata {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
@media (min-width: 992px) {
  .SSP .SSP-userdata-contactdata-form-phone,
  .SSP .SSP-userdata-contactdata-form-fax,
  .SSP .SSP-userdata-contactdata-form-cellPhone,
  .SSP .SSP-userdata-contactdata-form-email {
    max-width: 47.5%;
    width: 47.5%;
  }
}
.SSP .SSP-userdata-logindata {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-userdata-logindata .emailLink,
.SSP .SSP-userdata-logindata .passwordLink {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  width: fit-content;
}
.SSP .SSP-userdata-logindata .emailLink a,
.SSP .SSP-userdata-logindata .passwordLink a {
  cursor: pointer;
}
.SSP .SSP-userdata-logindata .emailLink .rightArrow,
.SSP .SSP-userdata-logindata .passwordLink .rightArrow {
  font-size: 12px;
  margin: 3px 0 0 13px;
}
.SSP .SSP-userdata-logindata-form-email .currentEmail {
  margin-bottom: 28px;
}
.SSP .SSP-userdata-logindata-form-email .email-change-form {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.SSP .SSP-userdata-logindata-form-email .email-change-form-closed {
  transition: all 0.2s ease-in-out;
  max-height: 0;
  overflow: hidden;
}
.SSP .SSP-userdata-logindata-form-email .email-change-form-open {
  transition: all 0.5s ease-in-out;
  max-height: 500px;
  transition: 0.4s;
  margin-bottom: 40px;
}
.SSP .SSP-userdata-logindata-form-password .password-change-form {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.SSP .SSP-userdata-logindata-form-password .password-change-form-closed {
  transition: all 0.4s ease-in-out;
  max-height: 0;
  overflow: hidden;
  transition: 0.4s;
}
.SSP .SSP-userdata-logindata-form-password .password-change-form-open {
  transition: all 0.5s ease-in-out;
  max-height: 500px;
  height: fit-content;
  transition: 0.4s;
  margin-bottom: 50px;
}
.SSP .SSP-userdata-logindata-form-password .oldPasswordField,
.SSP .SSP-userdata-logindata-form-password .passwordField,
.SSP .SSP-userdata-logindata-form-password .passwordField2 {
  position: relative;
}
.SSP .SSP-userdata-logindata-form-password .oldPasswordField .togglePass,
.SSP .SSP-userdata-logindata-form-password .passwordField .togglePass,
.SSP .SSP-userdata-logindata-form-password .passwordField2 .togglePass {
  position: absolute;
  color: #EB6111;
  font-size: 20px;
  top: 35px;
  left: 90%;
}
.SSP .SSP-userdata-paymentmodes {
  margin-bottom: 50px;
}
.SSP .SSP-userdata-paymentmodes-container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
.SSP .SSP-userdata-paymentmodes-container-mode {
  display: inline-flex;
  align-items: center;
  flex: 1 0 51%;
}
@media (min-width: 992px) {
  .SSP .SSP-userdata-paymentmodes-container-mode {
    flex: 1 0 21%;
  }
}
.SSP .SSP-userdata-paymentmodes-container-mode input[type='radio'] {
  width: 22px;
  height: 22px;
  accent-color: #000000;
}
.SSP .SSP-userdata-paymentmodes-container-mode label {
  padding: 5px 5px 0 0;
  margin: 10px;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.SSP .SSP-userdata-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
.SSP .SSP-userdata-section-form-items {
  display: flex;
  align-items: center;
}
.SSP .SSP-userdata-section-form-items input[type='checkbox'] {
  width: 19px;
  height: 19px;
  border-radius: 0;
  accent-color: #000000;
}
.SSP .SSP-userdata-section-form-items label {
  padding: 5px 5px 0 0;
  margin: 10px;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.SSP .SSP-userdata-delete-userdata-modal {
  display: none;
}
.SSP .SSP-userdata .text-danger {
  color: #CD0F26;
}
.SSP .SSP-col.SSP-col_main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  hyphens: auto;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main {
    gap: 28px;
  }
}
.SSP .SSP-col.SSP-col_main hr {
  margin: 0;
}
.SSP .SSP-col.SSP-col_main .SSP-sales-rep {
  display: flex;
  flex-direction: column;
  height: inherit;
  width: 100%;
  margin-bottom: 5rem;
}
.SSP .SSP-col.SSP-col_main .SSP-sales-rep-header-title {
  color: #000000;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
}
.SSP .SSP-col.SSP-col_main .SSP-sales-rep-sub-title {
  color: #000000;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section {
    gap: 14px;
    width: 100%;
  }
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section.SSP-sr-section-depots-image {
  max-width: 50%;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section .SSP-sr-email {
  text-decoration: underline;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section .SSP-sr-title {
  font-size: 16px;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-sr-section .SSP-sr-img {
  width: 150px;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-depot-title {
  font-size: 16px;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-depot-link {
  display: flex;
  gap: 10px;
  flex-direction: row;
  cursor: pointer;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content .SSP-depot-link-text {
  text-decoration: underline;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot {
  display: flex;
  gap: 12px;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main .SSP-sr-content-depot {
    gap: 16px;
  }
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-image {
  max-width: 50%;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-image img {
  max-width: 140px;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-image img {
    max-width: 350px;
  }
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-information {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 240px;
  line-height: 1.25;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-information {
    gap: 16px;
    max-width: 600px;
  }
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-information .SSP-depot-information-title {
  display: flex;
  font-size: 16px;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-information .SSP-depot-information-link {
  display: flex;
  gap: 10px;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-sr-section-depot-information .SSP-depot-information-link-text {
  text-decoration: underline;
}
.SSP .SSP-col.SSP-col_main .SSP-sr-content-depot .SSP-depot-icon-width {
  width: 20px;
}
.SSP .SSP-col.SSP-col_main .SSP-list-depot {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 16px;
}
@media (min-width: 992px) {
  .SSP .SSP-col.SSP-col_main .SSP-list-depot {
    gap: 28px;
  }
}
.SSP .SSP-col.SSP-col_main .SSP-depot-arrow {
  color: #EB6111;
}
.SSP .berner-SSP-nav {
  width: 280px;
  height: fit-content;
  padding: 16px 5px;
}
@media (min-width: 1620px) {
  .SSP .berner-SSP-nav {
    margin-left: -150px;
  }
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav {
    border: 0;
    padding: unset;
    width: auto;
  }
  .SSP .berner-SSP-nav.fixedNav {
    top: 12vh;
    position: fixed;
    background: #FFFFFF;
    width: 100%;
    z-index: 900;
    padding: unset;
    box-shadow: 0 6px 20px -7px rgba(0, 0, 0, 0.19);
  }
  .SSP .berner-SSP-nav.fixedNav .berner-SSP-nav-inner {
    max-height: unset;
  }
  .SSP .berner-SSP-nav.fixedNav .berner-SSP-nav-inner .open-mobile {
    height: 300px;
    overflow-y: scroll;
  }
  .SSP .berner-SSP-nav .closed-mobile {
    max-height: 1px;
    padding: unset;
    box-shadow: none;
    transition: max-height 0.15s ease-out;
  }
  .SSP .berner-SSP-nav .open-mobile {
    padding: 13px 0;
    max-height: 1450px;
    transition: max-height 0.25s ease-in;
  }
}
@media (max-width: 767px) {
  .is-sticky ~ .mainSection_ssp .SSP_subpage .SSP .berner-SSP-nav {
    position: fixed;
    top: 54px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP .berner-SSP-nav {
    left: -240px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .SSP_dashboard .SSP .berner-SSP-nav {
    left: 0;
  }
}
.SSP .berner-SSP-nav-toggle {
  vertical-align: top;
  margin-left: -15px;
  margin-right: 15px;
}
.SSP .berner-SSP-nav-toggle span {
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-width: 2px 0;
  position: relative;
}
.SSP .berner-SSP-nav-toggle span:after,
.SSP .berner-SSP-nav-toggle span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #fff;
  width: 100%;
  margin-top: -1px;
}
.SSP .berner-SSP-nav-inner {
  max-height: 100%;
  overflow-x: hidden;
  padding-left: 6px;
  padding-right: 10px;
  padding-bottom: 50px;
  margin-top: 0;
  transition: margin-top ease-out 0.4s;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-inner {
    padding: 0;
  }
}
.is-sticky .SSP .berner-SSP-nav-inner {
  margin-top: 64px;
}
.SSP .berner-SSP-nav a {
  display: block;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav a {
    font-size: 16px;
  }
}
.SSP .berner-SSP-nav-head {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SSP .berner-SSP-nav-head .user-icon {
  width: 30px;
  margin-right: 16px;
}
.SSP .berner-SSP-nav-head .user-info {
  display: flex;
  flex-direction: column;
}
.SSP .berner-SSP-nav-head-user {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
}
.SSP .berner-SSP-nav-head-nr {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  color: #7A7A7A;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.SSP .berner-SSP-nav-head .bicon {
  display: none;
  position: absolute;
  top: 50%;
  right: 14px;
  font-size: 16px;
  margin-top: -8px;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-head {
    padding: 15px 10px;
    border: 1px solid #e5e5e5;
    font-size: 16px;
    cursor: pointer;
  }
  .SSP .berner-SSP-nav-head-nr {
    font-size: 13px;
  }
  .SSP .berner-SSP-nav-head .bicon {
    display: block;
  }
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-drop {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
    margin-top: -1px;
    overflow: auto;
  }
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-inner {
    overflow: hidden;
  }
  .SSP .berner-SSP-nav.open {
    bottom: 0;
    box-shadow: none;
  }
  .SSP .berner-SSP-nav.open .SSP .berner-SSP-nav-drop {
    display: block;
    height: calc(100vh - 86px);
  }
}
.SSP .berner-SSP-nav-section.closed {
  overflow: hidden;
  transition: max-height 0.15s ease-out;
}
.SSP .berner-SSP-nav-section.closed .berner-SSP-nav-section-body {
  max-height: 0;
}
.SSP .berner-SSP-nav-section.open {
  transition: max-height 0.2s ease-in;
}
.SSP .berner-SSP-nav-section.open .berner-SSP-nav-section-body {
  max-height: 350px;
}
.SSP .berner-SSP-nav-section-head {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  padding: 16px 8px;
  position: relative;
  cursor: pointer;
  text-transform: capitalize;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.SSP .berner-SSP-nav-section-head .section-icon {
  width: 24px;
  margin-right: 12px;
}
.SSP .berner-SSP-nav-section-head button {
  border: none;
  text-align: left;
}
.head-title.SSP .berner-SSP-nav-section-head button:hover {
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .berner-SSP-nav-section-head .bicon {
  position: absolute;
  left: 3px;
  top: 23px;
  transition: all 300ms;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-section-head {
    padding-left: 15px;
  }
  .SSP .berner-SSP-nav-section-head .bicon {
    left: 13px;
  }
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-section-head .bicon {
    display: none;
  }
}
.SSP .berner-SSP-nav-section-body {
  padding-left: 25px;
  font-size: 14px;
  transition: max-height 0.15s ease-in-out;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-section-body {
    padding-left: 30px;
  }
}
.SSP .berner-SSP-nav-section-body a {
  padding-left: 27px;
  border-left: 1px solid rgba(151, 193, 222, 0.5);
}
.SSP .berner-SSP-nav-section:last-child .SSP .berner-SSP-nav-section-body {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .SSP .berner-SSP-nav-section.closed .SSP .berner-SSP-nav-section-body {
    display: none;
  }
  .SSP .berner-SSP-nav-section.closed .SSP .berner-SSP-nav-section-head .bicon {
    transform: rotate(-90deg);
  }
}
.SSP .berner-SSP-nav-section-paid {
  background: #f9f9f9;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-left: -31px;
  margin-right: -10px;
  padding-left: 31px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 10px;
  margin-top: 10px;
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav-section-paid {
    margin-left: -41px;
    padding-left: 41px;
  }
}
@media (max-width: 767px) {
  .SSP .berner-SSP-nav #sticky-wrapper {
    height: auto !important;
  }
  .SSP .berner-SSP-nav #sticky-wrapper .SSP-nav-inner {
    position: static !important;
    overflow: visible !important;
  }
}
@media (max-width: 767px) {
  .SSP_subpage .SSP .berner-SSP-nav-head {
    font-size: 12px;
    line-height: 18px;
    padding: 7px 15px;
  }
  .SSP_subpage .SSP .berner-SSP-nav-head-nr {
    display: none;
  }
}
.SSP .berner-SSP-nav .active {
  font-weight: 700;
  text-decoration-line: none;
}
.SSP .berner-SSP-nav .active .head-title,
.SSP .berner-SSP-nav .active.head-title-standalone {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}
.SSP .berner-SSP-nav a.active {
  border-left: 1px solid #97c1de;
}
.SSP .berner-SSP-nav .head-title:hover {
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .berner-SSP-nav .head-title-standalone.active a:hover {
  font-weight: 700;
}
.SSP .berner-SSP-nav .head-title-standalone.active button {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}
.SSP .berner-SSP-nav .head-title-standalone a:hover {
  font-weight: normal;
  text-decoration-color: #EB6111;
}
.SSP .berner-SSP-nav .head-title.active:hover {
  font-weight: 700;
}
.SSP .berner-SSP-nav .head-title.active button {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}
.SSP .berner-SSP-nav-section-body a:hover {
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .berner-SSP-nav-section-body a.active:hover {
  font-weight: 700;
}
.SSP .SSP-Dashboard-Container {
  width: 100%;
}
.SSP .SSP-Dashboard-Container .SSP-row {
  margin: 0 auto;
  display: flex;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-row {
    gap: 15px;
  }
}
.SSP .SSP-Dashboard-Container .SSP-col {
  padding: 0;
  width: 100%;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-col {
    width: 50%;
  }
}
.SSP .SSP-Dashboard-Container .container-fluid {
  padding: 0;
  margin: 15px 0px;
}
.SSP .SSP-Dashboard-Container .lastPurchaseElements {
  display: contents;
}
.SSP .SSP-Dashboard-Container > div {
  width: 100%;
}
@media (min-width: 768px) {
  .SSP .SSP-Dashboard-Container {
    width: 60%;
  }
  .SSP .SSP-Dashboard-Container .lastPurchaseElements-item-wrapper {
    overflow: auto;
  }
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container {
    width: 85%;
  }
  .SSP .SSP-Dashboard-Container .lastPurchaseElements-item-wrapper {
    overflow: auto;
  }
}
@media (min-width: 1600px) {
  .SSP .SSP-Dashboard-Container {
    width: 100%;
  }
  .SSP .SSP-Dashboard-Container .lastPurchaseElements-item-wrapper {
    overflow: hidden;
  }
  .SSP .SSP-Dashboard-Container .lastPurchaseElements-wrapper {
    flex-wrap: nowrap;
  }
}
.SSP .SSP-Dashboard-Container .SSP-headline-berner {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 120%;
  margin: 0 0 35px 0;
  padding: 0px 15px;
}
@media (max-width: 991px) {
  .SSP .SSP-Dashboard-Container .SSP-headline-berner {
    display: block;
  }
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-order-boxes-row {
    flex-direction: row;
  }
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner {
  width: 100%;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner {
    width: 50%;
  }
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-box {
  box-shadow: none;
  padding: 24px;
  border: 1px solid #C4C4C4;
  height: 539px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-box-headline {
  margin-bottom: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-box-more {
  font-size: 14px;
  text-decoration-line: underline;
  text-decoration-color: #000000;
  margin-left: 32px;
  width: fit-content;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-box-more:hover {
  font-weight: 400;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  height: 410px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table .order-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table .order-row .clock-icon {
  font-size: 24px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table .order-row .order-info .order-name:hover {
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table .order-row .order-info .order-name a:hover {
  text-decoration: none;
  font-weight: 400;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-order-table-berner .SSP-order-history-table .order-row .order-info .order-status {
  display: flex;
  flex-direction: row;
  gap: 3px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-box {
  display: flex;
  gap: 40px;
  flex-direction: column;
  box-shadow: none;
  border: none;
  background-color: transparent;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 24px;
  gap: 16px;
  width: 100%;
  height: 154px;
  border: 1px solid #C4C4C4;
  box-shadow: none;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile {
    width: 100%;
  }
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile:empty {
  display: none;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-headline {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-count {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  color: #000000;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-count-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 5px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-arrow-text {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-arrow-text .SSP-tile-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-arrow-text .SSP-tile-text:hover {
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile-arrow-text .SSP-tile-arrow {
  position: relative;
  bottom: 0;
  left: 15px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile.ssp-integrated-scanner-tile {
  height: 345px;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile.ssp-integrated-scanner-tile:hover {
  font-weight: 400;
}
.SSP .SSP-Dashboard-Container .SSP-order-boxes-row .SSP-col-top-right-berner .SSP-tile.ssp-integrated-scanner-tile .ng-binding {
  line-height: 18px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row {
    flex-direction: row;
  }
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row .SSP-box {
  min-height: 230px;
  box-shadow: none;
  padding: 24px;
  border: 1px solid #C4C4C4;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left {
  width: 100%;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left {
    width: 50%;
  }
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-box-headline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 21px;
  align-items: baseline;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-box-headline-title {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-box-headline-showmore .SSP-box-more {
  margin: 0;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-box-headline-showmore .bicon-ssp-show-more {
  font-size: 16px;
  color: #000000;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-box-headline-showmore .bicon-ssp-show-more:hover {
  color: #FF9F2F;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-table-wrapper ul {
  padding-left: 0;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-table-wrapper li {
  list-style: none;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-left .SSP-table-wrapper a:hover {
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right {
  width: 100%;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right {
    width: 50%;
  }
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-box-headline {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 21px;
  align-items: baseline;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-box-headline-title {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-box-headline-showmore .SSP-box-more {
  margin: 0;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-box-headline-showmore .bicon-ssp-show-more {
  font-size: 16px;
  color: #000000;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-box-headline-showmore .bicon-ssp-show-more:hover {
  color: #FF9F2F;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list {
  display: flex;
  flex-direction: column;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element {
  margin-bottom: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element-name,
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element-date,
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element-totalPrice {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element-totalPrice {
  font-weight: 700;
}
.SSP .SSP-Dashboard-Container .SSP-bookmark-boxes-row-right .SSP-subscriptions-container .SSP-subscriptions-list-element a:hover {
  font-weight: 400;
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row {
  width: 100%;
  margin-left: 0px;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-services-boxes-row {
    width: 100%;
    padding: 0 15px;
  }
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-services-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-services-container {
    flex-direction: row;
  }
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-services-container .col-xs-6.col-md-12.col-lg-6 {
  width: 100%;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-box {
  box-shadow: none;
  padding: 24px;
  border: 1px solid #C4C4C4;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList-headline {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 21px;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  text-transform: capitalize;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList_border {
  border: none;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList .bicon-orange-checkmark {
  color: #126625;
  padding-right: 11px;
  font-size: 18px;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList a {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList a:hover {
  font-weight: 400;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-left: 0;
  margin-bottom: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-services-boxes-row .SSP-linkList li:before {
  display: none;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row {
  height: 72px;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 0 0 0;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row.SSP-tile {
  border: none;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row.SSP-tile a {
  text-decoration-line: underline;
  text-decoration-color: #000000;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row.SSP-tile:hover {
  background: transparent;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row.SSP-tile:hover a {
  font-weight: 400;
  text-decoration-color: #EB6111;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row .bicon-red-info-circle {
  font-size: 26px;
  color: #CD0F26;
  margin-right: 16px;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row .SSP-tile-headline {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row .SSP-tile-headline-title,
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row .SSP-tile-headline-count {
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
}
.SSP .SSP-Dashboard-Container .SSP-open-invoices-row .SSP-tile-headline-count {
  margin-left: 5px;
  font-size: 16px;
}
@media (min-width: 768px) {
  .SSP-flOrderList-product-action {
    padding: 24px 0 0 0;
    margin: 24px 0 0 0;
    border-top: 1px solid #d8d8d8;
    display: flex;
  }
}
@media (max-width: 991px) {
  .SSP-flOrderList-product-action {
    padding: 15px;
  }
  .SSP-flOrderList-product-action .btn {
    width: 100%;
    margin-bottom: 15px;
  }
}
.SSP-flOrderList-product-action a {
  border-radius: 4px;
  font-size: 15px;
  line-height: 22px;
  padding: 8px 16px;
  margin-right: 16px;
}
.tooltip {
  opacity: 1;
}
.mainSection_berner_ssp {
  background: #FFFFFF;
  padding-top: 30px;
  position: relative;
  z-index: 1;
}
.SSP-banner-container .stage-container-headline {
  width: 100%;
}
.SSP-banner-container .stage-component-geometric-left-text {
  width: 7%;
  bottom: -80px;
}
@media (max-width: 768px) {
  .SSP-banner-container .stage-component-geometric-left-text {
    display: none;
  }
}
@media (min-width: 1600px) {
  .SSP-banner-container .stage-component-geometric-left-text {
    width: 6%;
    bottom: -120px;
  }
}
.kostenstellen-header {
  margin-bottom: 36px;
}
.kostenstellen-header a {
  text-decoration: underline;
  font-size: 14px;
}
.kostenstellen-header a:hover {
  text-decoration-color: #EB6111;
}
.kostenstellen-header .bicon {
  color: #EB6111;
  margin-left: 8px;
}
.kostenstellen {
  width: 100%;
  font-size: 14px;
}
.kostenstellen tr {
  border: 1px solid #C4C4C4;
}
.kostenstellen tr td {
  padding: 24px;
  vertical-align: top;
}
.kostenstellen tr.kostenstellen-divider {
  border: none;
}
.kostenstellen tr.kostenstellen-divider td {
  padding: 18px;
}
.kostenstellen-subheadline {
  font-weight: bold;
}
.kostenstellen-list-wrapper {
  border-right: 1px solid #C4C4C4;
  position: relative;
}
.kostenstellen .bicon-pencil {
  position: absolute;
  right: 60px;
  top: 34px;
}
.kostenstellen .bicon-trash-icon-outline {
  position: absolute;
  right: 36px;
  top: 34px;
}
.kostenstellen ul {
  padding-inline-start: 0;
}
.kostenstellen-list {
  margin-top: 14px;
}
.kostenstellen-list li {
  list-style: none;
}
.kostenstellen-list li .kostenstellen-name {
  font-size: 16px;
  font-weight: bold;
}
.kostenstellen-list .costcenterUntilAmount {
  margin-top: 10px;
}
.kostenstellen-list .standard {
  margin-left: 8px;
}
.kostenstellen-budget-title {
  display: block;
  margin-top: 8px;
  font-weight: bold;
}
.kostenstellen-budget-consumed {
  display: block;
  margin-bottom: 8px;
}
.kostenstellen-budget-consumed-currency {
  margin-left: 5px;
}
.kostenstellen .budget-component {
  padding: 8px 24px;
  background: #DDDDDD;
  text-align: right;
}
.kostenstellen .budget-component .title {
  font-size: 14px;
  display: inline-block;
  float: left;
}
.kostenstellen .budget-component .bar {
  float: none;
  display: inline-block;
}
.kostenstellen .budget-component .bar .current:after {
  display: none;
}
.kostenstellen .budget-component .barCurrency {
  float: right;
}
.kostenstellen .kostentraeger-list {
  margin-top: 14px;
}
.kostenstellen .kostentraeger-list-wrapper {
  position: relative;
  padding-bottom: 48px;
}
.kostenstellen .kostentraeger-list-wrapper > a {
  position: absolute;
  bottom: 30px;
}
.kostenstellen .kostentraeger-list li {
  margin-bottom: 8px;
  list-style: none;
  position: relative;
  padding-right: 40px;
}
.kostenstellen .kostentraeger-list li .bicon-pencil {
  right: 40px;
  top: 0;
}
.kostenstellen .kostentraeger-list li .bicon-trash-icon-outline {
  right: 16px;
  top: 0;
}
.kostenstellen .kostentraeger-list + a {
  font-size: 14px;
  text-decoration: underline;
  font-weight: bold;
}
.kostenstellen .kostentraeger-list + a:hover {
  text-decoration-color: #EB6111;
}
.kostenstellen .kostentraeger-list + a .bicon {
  color: #EB6111;
  margin-left: 8px;
}
.kostenstellen-purchasereasons-subheadline.subheadline {
  font-size: 16px;
  margin-bottom: 16px;
}
.kostenstellen-purchasereasons-company {
  display: inline-block;
}
.kostenstellen-purchasereasons-company-headline {
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .kostenstellen-purchasereasons-company {
    display: block;
  }
}
.kostenstellen-purchasereasons-default {
  float: right;
  width: 50%;
}
.kostenstellen-purchasereasons-default-headline {
  font-weight: bold;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .kostenstellen-purchasereasons-default {
    float: none;
    width: 100%;
    margin-top: 16px;
  }
}
.kostenstellen-purchasereasons .multiSelectContainer {
  margin-top: 30px;
}
.kostenstellen-purchasereasons .multiSelectContainer .search-input {
  height: 46px;
  padding-left: 15px;
}
.kostenstellen-purchasereasons .multiSelectContainer .ms-container .ms-selectable li.ms-elem-selectable,
.kostenstellen-purchasereasons .multiSelectContainer .ms-container .ms-selection li.ms-elem-selection {
  border: none;
  line-height: 30px;
}
@media (max-width: 767px) {
  .kostenstellen {
    display: block;
  }
  .kostenstellen tbody {
    display: block;
  }
  .kostenstellen tbody tr {
    display: block;
  }
  .kostenstellen tbody td {
    display: block;
  }
  .kostenstellen tbody td:first-child {
    border-top: 1px solid #C4C4C4;
  }
}
.bookmarkTableContainer .bookmarkTable {
  margin-right: 0;
  width: 100%;
}
@media (max-width: 991px) {
  .bookmarkTableContainer .bookmarkTable {
    overflow-x: scroll;
  }
}
.bookmarkTableContainer .bookmarkTable .cart-head-cell {
  font-weight: bold;
}
.bookmarkTableContainer .bookmarkTable .cart {
  margin-bottom: 0;
}
.bookmarkTableContainer .bookmarkTable .cart .cart-wrapper.cart-withCart {
  margin-right: 0;
}
.bookmarkTableContainer .bookmarkTable .cart .cart-entry-cell.cart-entry-addtocart .bookmark-table-addtocart {
  position: relative;
}
@media (max-width: 992px) {
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-cell.cart-entry-addtocart .bookmark-table-addtocart {
    margin-right: 100px;
    width: fit-content;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 48px;
    background-color: #EB6111;
    justify-content: center;
    margin: 0;
    padding: 12px;
  }
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-cell.cart-entry-addtocart .bookmark-table-addtocart:after {
    content: '';
    display: block;
    border: 24px solid #EB6111;
    border-top-color: transparent;
    border-right-color: transparent;
    position: absolute;
    height: 48px;
    right: -48px;
    top: 0px;
  }
}
.bookmarkTableContainer .bookmarkTable .cart .cart-entry-cell.cart-entry-addtocart .bookmark-table-addtocart .bicon {
  margin-right: 5px;
}
@media (max-width: 992px) {
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-thumb img,
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-thumb .cart-entry-order {
    margin-top: 10px;
  }
}
@media (min-width: 992px) {
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-thumb img,
  .bookmarkTableContainer .bookmarkTable .cart .cart-entry-thumb .cart-entry-order {
    margin-left: 8px;
  }
}
.bookmarkTableContainer .bookmarkTable::-webkit-scrollbar {
  height: 9px;
}
.bookmarkTableContainer .bookmarkTable::-webkit-scrollbar-track {
  background-color: #DDDDDD;
}
.bookmarkTableContainer .bookmarkTable::-webkit-scrollbar-thumb {
  background: #EB6111;
  background: -webkit-linear-gradient(45deg, #EB6111 99%, transparent 99%);
}
@media (min-width: 992px) {
  .bookmarkTableContainer .cart-print {
    width: 75%;
  }
}
@media (min-width: 1200px) {
  .bookmarkTableContainer .cart-print {
    width: 80%;
  }
}
@media (min-width: 1600px) {
  .bookmarkTableContainer .cart-print {
    width: 100%;
  }
}
.bookmarkTableContainer .CHCartFooter {
  padding-left: 10px;
}
.bookmarkTableContainer .CHCartFooter-action.btn .bicon-icon-share-cart {
  top: 12px;
  font-size: 11px;
  left: -10px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .bookmarkTableContainer .CHCartFooter-actions {
    text-align: left;
    margin-bottom: 24px;
  }
}
@media (min-width: 992px) {
  .bookmarkTableContainer .cart-actions {
    padding: 16px 0 0;
  }
}
.SSP-userdata-delete-userdata {
  padding: 0 20px 30px;
}
@media (max-width: 767px) {
  .SSP-userdata-delete-userdata {
    padding-top: 60px;
  }
}
.SSP-userdata-delete-userdata .btn-holder {
  display: flex;
}
.SSP-userdata-delete-userdata .btn-holder .btn-secondary {
  margin-right: 10px;
}
#bookmarkorder-cartview {
  font-size: 13px;
}
#bookmarkorder-cartview .checkout-warenkorb .top-boxes {
  padding-left: 0;
}
#bookmarkorder-cartview .checkout-warenkorb .top-boxes-box {
  padding: 0 0 15px;
  font-size: 13px;
}
#bookmarkorder-cartview .checkout-warenkorb .box-3:first-child .box-3-form {
  width: 100%;
}
#bookmarkorder-cartview .checkout-warenkorb .box-3:first-child .box-3-form .input-group {
  display: flex;
  margin: 16px 0;
}
#bookmarkorder-cartview .checkout-warenkorb .box-3:first-child .box-3-form .input-group input {
  flex-grow: 1;
  margin-right: 20px;
  height: 46px;
  border-color: #000000;
}
#bookmarkorder-cartview .checkout-warenkorb .box-3:first-child .box-3-form .input-group span {
  width: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
#bookmarkorder-cartview .CHCartTable {
  border: 1px solid #c7c5c5;
}
#bookmarkorder-cartview .CHCartTable thead th {
  text-transform: none;
}
#bookmarkorder-cartview .CHCartTable thead th:first-child {
  width: auto;
  min-width: unset;
}
#bookmarkorder-cartview .CHCartTable thead th:last-child {
  text-wrap: nowrap;
}
#bookmarkorder-cartview .CHCartTable th {
  font-weight: bold;
  vertical-align: top;
  padding-bottom: 26px;
}
#bookmarkorder-cartview .CHCartTable th.cart-head-withSort {
  position: relative;
}
#bookmarkorder-cartview .CHCartTable tbody td:first-child {
  position: relative;
  min-width: 68px;
}
#bookmarkorder-cartview .CHCartTable tbody td:first-child .cart-entry-order {
  width: 21px;
  height: 42px;
  position: absolute;
  top: 12px;
  right: 6px;
}
#bookmarkorder-cartview .CHCartTable tbody td:first-child .cart-entry-order .bicon {
  font-weight: bold;
}
#bookmarkorder-cartview .CHCartTable tbody td:first-child .cart-entry-order.cart-entry-order-first,
#bookmarkorder-cartview .CHCartTable tbody td:first-child .cart-entry-order.cart-entry-order-last {
  top: 19px;
}
#bookmarkorder-cartview .CHCartTable tbody td:first-child .cart-entry-order .cart-entry-order-btn.btn {
  display: block;
  width: 21px;
  height: 21px;
  margin: 0;
  padding: 0;
}
#bookmarkorder-cartview .CHCartTable.cart-gross .net {
  display: block !important;
}
#bookmarkorder-cartview .CHCartTable-price-first {
  font-size: 13px;
}
#bookmarkorder-cartview .CHCartTable .cart-entry-qty .input-group {
  margin-right: 0;
}
#bookmarkorder-cartview .CHCartTable .cart-entry-total a {
  display: block;
  width: 100%;
  text-align: center;
}
#bookmarkorder-cartview .CHCartTable .cart-entry-total a .bicon {
  margin-top: 8px;
  font-size: 20px;
  color: #EB6111;
}
#bookmarkorder-cartview .CHCartTable-link.btn {
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
#bookmarkorder-cartview .CHCartTable-link.btn:hover {
  color: #EB6111;
}
@media (max-width: 991px) {
  #bookmarkorder-cartview .CHCartTable thead {
    display: table-header-group;
  }
  #bookmarkorder-cartview .CHCartTable thead th {
    text-wrap: nowrap;
  }
  #bookmarkorder-cartview .CHCartTable thead th:first-child {
    text-wrap: unset;
  }
  #bookmarkorder-cartview .CHCartTable tbody td {
    display: table-cell;
    border: 1px solid #c7c5c5;
    padding: 16px;
  }
  #bookmarkorder-cartview .CHCartTable-content {
    min-width: 200px;
  }
  #bookmarkorder-cartview .CHCartTable-img img {
    width: 58px;
    height: 58px;
  }
  #bookmarkorder-cartview .CHCartTable-price {
    padding-left: 0;
  }
  #bookmarkorder-cartview .CHCartTable .cart-entry-qty {
    float: none;
    width: auto;
  }
  #bookmarkorder-cartview .CHCartTable .cart-entry-total {
    position: static;
  }
  #bookmarkorder-cartview .CHCartTable .cart-entry-total .net {
    line-height: 26px;
  }
  #bookmarkorder-cartview .CHCartTable .cart-entry-total .dimmed {
    margin-top: 5px;
  }
  #bookmarkorder-cartview .CHCartTable .CHCartTable-title {
    white-space: unset;
    word-break: unset;
  }
}
@media (max-width: 991px) {
  #bookmarkorder-cartview .maskall {
    padding: 0;
    border-top: 1px solid #C4C4C4;
  }
  #bookmarkorder-cartview .maskall .maskall-link {
    width: auto;
  }
  #bookmarkorder-cartview .control-label {
    text-align: left;
  }
  #bookmarkorder-cartview .form-text {
    text-align: left;
  }
  #bookmarkorder-cartview .form-group {
    text-align: left;
  }
  #bookmarkorder-cartview .form-group label {
    width: auto;
  }
}
.afterSale {
  margin-top: 30px;
  color: #000;
  line-height: 1.2;
}
.afterSale .subheadline {
  margin-bottom: 30px;
}
.afterSale .returnableInfo {
  float: left;
  margin-left: 20px;
  padding-top: -5px;
  max-width: 50%;
  text-align: left;
  font-size: 12px;
}
.afterSale .returnableInfoMobile {
  margin-top: 5px;
}
.afterSale .form-group {
  margin-bottom: 14px;
}
.afterSale .form-group .control-label {
  color: #000;
  margin-bottom: 5px;
}
.afterSale .form-group .help-text {
  color: #666;
}
.afterSale .form-group .calendar-holder .input-group-addon {
  color: #EB6111;
}
.afterSale .form-group .form-control {
  line-height: 20px;
}
.afterSale .pickUpAddress input {
  margin-left: 0px !important;
}
@media (max-width: 767px) {
  .afterSale .radio,
  .afterSale .checkbox {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .afterSale .radio label,
  .afterSale .checkbox label {
    padding-left: 30px;
  }
  .afterSale input[type="radio"],
  .afterSale input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-left: -30px;
    margin-top: 0px;
  }
}
.afterSale input[type="radio"],
.afterSale input[type="checkbox"] {
  margin-top: 3px;
}
.afterSaleSection {
  margin-bottom: 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #d8d8d8;
  box-shadow: none;
  position: relative;
}
@media (max-width: 991px) {
  .afterSaleSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .afterSaleSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .afterSaleSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .afterSaleSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .afterSaleSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .afterSaleSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .afterSaleSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .afterSaleSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
.afterSaleSection-head {
  padding: 15px 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #888;
}
@media (max-width: 767px) {
  .afterSaleSection-head {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.afterSaleSection input[type="radio"] {
  top: 3px;
  left: -3px;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  -webkit-appearance: none;
  outline: none;
  position: relative;
}
.afterSaleSection input[type="radio"]:checked {
  background: #fff;
}
.afterSaleSection input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 4px;
  left: 4px;
  display: block;
  border: 3px solid #EB6111;
  border-radius: 3px;
}
.afterSaleSection .pickUpAddress input[type="radio"] {
  left: 7px;
  top: -4px;
}
.afterSaleSection .pickUpAddress input[type="radio"]:checked:after {
  top: 4px;
  left: 4px;
}
.afterSaleSection-subtitle {
  display: block;
  font-size: 13px;
  color: #666;
  font-weight: normal;
  margin-top: 10px;
}
.afterSaleSection-body {
  display: none;
  border-top: 1px solid #d8d8d8;
  padding: 25px;
  margin-top: -1px;
}
@media (max-width: 767px) {
  .afterSaleSection-body {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.afterSaleSection-action {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  padding-top: 30px;
  text-align: right;
}
@media (max-width: 767px) {
  .afterSaleSection-action {
    padding-top: 0;
  }
  .afterSaleSection-action-inner {
    text-align: center;
    color: #999;
    padding: 8px;
    background: #f1f1f1;
    border-top: 1px solid #d8d8d8;
  }
  .afterSaleSection-action-inner.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .afterSaleSection-action .btn {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.afterSaleSection_open {
  margin-bottom: 125px;
}
@media (max-width: 767px) {
  .afterSaleSection_open {
    margin-bottom: 80px;
  }
}
.afterSaleSection_open > .afterSaleSection-head {
  color: #000;
}
.afterSaleSection_open > .afterSaleSection-action,
.afterSaleSection_open > .afterSaleSection-body {
  display: block;
}
.afterSaleSection-search {
  float: right;
  width: 200px;
  max-width: 100%;
  background: #fff;
  border: 1px solid #d8d8d8;
  color: #000;
  position: relative;
  margin-top: -5px;
  margin-bottom: -5px;
  height: 30px;
}
.afterSaleSection-search-icon {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 12px;
  color: #666;
  margin-top: -6px;
  text-align: center;
  width: 32px;
}
.afterSaleSection-search-input {
  border: 0 !important;
  font-size: 12px;
  line-height: 16;
  height: 28px !important;
  padding-left: 32px !important;
  font-weight: normal;
}
.afterSaleTable {
  width: 100%;
}
.afterSaleTable-wrapper {
  overflow: auto;
  margin: -25px;
  margin-bottom: 0;
  max-height: 631px;
  border-bottom: 1px solid #d8d8d8;
  display: none;
}
@media (min-width: 768px) {
  .afterSaleTable-wrapper {
    display: block;
  }
}
.afterSaleTable th,
.afterSaleTable td {
  padding: 15px;
  white-space: nowrap;
}
.afterSaleTable th:first-child,
.afterSaleTable td:first-child {
  width: 1%;
  padding-left: 25px;
}
.afterSaleTable th:last-child,
.afterSaleTable td:last-child {
  width: 5%;
  text-align: right;
  padding-right: 25px;
}
.afterSaleTable th {
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
}
.afterSaleTable td {
  font-size: 12px;
  line-height: 18px;
  padding: 23px 15px;
}
.afterSaleTable tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.afterSaleTable tbody tr:hover > td {
  background: #e6eef5;
}
.afterSaleTable_selectable th:first-child label {
  display: block;
  margin: -15px -15px -10px -25px;
  padding: 15px 15px 10px 25px;
}
.afterSaleTable_selectable td {
  padding: 0;
}
.afterSaleTable_selectable td label {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 20px 15px;
  cursor: pointer;
}
.afterSaleTable_selectable td:first-child {
  padding-left: 0;
}
.afterSaleTable_selectable td:first-child label {
  padding-left: 25px;
}
.afterSaleTable_selectable td:last-child {
  padding-right: 0;
}
.afterSaleTable_selectable td:last-child label {
  text-align: right;
  padding-right: 25px;
}
.afterSaleTable-img {
  border: 1px solid #d8d8d8;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-top: -13px;
  margin-bottom: -13px;
}
.afterSaleTable-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.77;
  border-bottom: 1px solid #d8d8d8;
  margin: 25px -25px;
  margin-top: 0;
  padding: 10px 25px;
}
.afterSaleList {
  display: none;
  margin: -25px -16px;
  margin-bottom: 0;
  border-bottom: 1px solid #d8d8d8;
}
@media (max-width: 767px) {
  .afterSaleList {
    display: block;
  }
}
.afterSaleList-item {
  display: block;
  padding: 12px 16px;
  position: relative;
  min-height: 104px;
  margin: 0;
  font-weight: normal;
  overflow: hidden;
}
.afterSaleList-item:nth-child(even) {
  background: #f9f9f9;
}
.afterSaleList-item:hover {
  background: #e6eef5;
}
.afterSaleList-img {
  border: 1px solid #d8d8d8;
  width: 80px;
  height: 80px;
  float: left;
  margin-right: 20px;
}
.afterSaleList-text {
  font-size: 12px;
  line-height: 1.65;
  padding-right: 20px;
}
.afterSaleList-input {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -10px !important;
  width: 20px;
  height: 20px;
}
.afterSaleList_selectable {
  margin-bottom: -26px;
}
@media (max-width: 991px) {
  .afterSaleList_selectable {
    margin-bottom: 0;
  }
}
.afterSaleList_selectable label {
  cursor: pointer;
}
.afterSaleSelection {
  padding: 20px 0 0;
  text-align: right;
  font-size: 13px;
}
.afterSaleSelection-inner {
  display: inline-block;
  text-align: left;
  min-width: 300px;
}
.afterSaleSelection-title {
  font-weight: bold;
  margin-bottom: 1.6em;
}
.afterSaleSelection-empty {
  color: #888;
}
.afterSaleSelection-item,
.afterSaleSelection-empty {
  display: block;
  padding-top: .2em;
  padding-bottom: .2em;
}
.afterSaleSelection-selectall {
  float: left;
  font-size: 12px;
  margin: -5px 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.afterSaleSelection-selectall input[type="checkbox"] {
  margin-top: -2px;
  left: 20px;
}
.afterSaleSelection-selectall .checkbox {
  margin: 0;
}
.afterSaleSelection-selectall label {
  padding-left: 25px;
}
.afterSale-change {
  margin: 18px 0;
  text-align: right;
}
.afterSale-change-btn {
  font-size: 13px;
}
.afterSaleChecklist {
  margin-top: 20px;
}
.afterSaleChecklist-col {
  padding: 15px;
}
@media (min-width: 768px) {
  .afterSaleChecklist-col {
    float: left;
  }
}
.afterSaleChecklist-item {
  font-size: 13px;
}
.afterSaleChecklist-title {
  padding: .2em 0;
  margin-bottom: .2em;
  font-weight: bold;
}
.afterSaleChecklist-value {
  padding: .2em 0;
}
.afterSaleChecklist-col_multiline {
  width: 100%;
}
.afterSaleChecklist-col_multiline .afterSaleChecklist-value {
  white-space: normal;
}
.afterSaleCompleted-headline {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.2em;
}
.afterSaleXsFilter {
  margin: -25px -25px 25px;
  padding: 20px 25px;
  background: #f1f1f1;
  border-bottom: 1px solid #d8d8d8;
}
.afterSaleQuit {
  float: right;
  line-height: 19px;
}
.afterSaleQuit-btn {
  display: inline-block;
  font-size: 12px;
  color: #666;
}
.afterSaleQuit-icon {
  font-size: 10px;
  margin-left: 6px;
}
.appAreaArticle {
  margin-bottom: 30px;
  display: block;
  position: relative;
  text-decoration: none !important;
  hyphens: auto;
}
.appAreaArticle:hover .appAreaArticle-title {
  color: #000000;
}
.appAreaArticle:hover .appAreaArticle-arrow {
  border: 1px solid #000000;
  color: #000000;
}
@media (max-width: 767px) {
  .appAreaArticle {
    box-shadow: none;
    margin-top: 0;
    margin-bottom: 6px;
    height: auto !important;
    border: 0;
  }
}
.appAreaArticle-list {
  margin: 30px 0;
  padding: 48px 0 18px;
}
@media (max-width: 767px) {
  .appAreaArticle-list {
    margin: 25px -15px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .appAreaArticle-list {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.appAreaArticle-list a:hover {
  font-weight: inherit;
}
.appAreaArticle-list .Card:hover {
  border: none;
  outline: 1px solid #FF9F2F;
}
.appAreaArticle-list .btn {
  max-width: 100%;
}
.appAreaArticle-list .btn-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.appAreaArticle-list .appAreaArticle-col + a {
  display: none;
}
.appAreaArticle-list .owl-stage-outer {
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
}
.appAreaArticle-list .owl-dots {
  display: none;
}
.appAreaArticle-list .owl-carousel .owl-dots {
  padding-bottom: 20px;
}
.appAreaArticle-list .owl-carousel .owl-dots .owl-dot {
  padding: 5px;
  width: auto;
  height: auto;
  vertical-align: top;
}
.appAreaArticle-list .owl-carousel .owl-dots .owl-dot span {
  background: #e5e5e5;
  width: 16px;
  height: 16px;
  opacity: 1;
}
.appAreaArticle-list .owl-carousel .owl-dots .owl-dot.active span {
  background: #888;
}
.appAreaArticle-list-small .appAreaArticle-img {
  height: 60px;
  width: 60px;
  min-height: auto;
  display: inline-block;
  margin-left: 12px;
}
.appAreaArticle-list-small .appAreaArticle-content {
  padding: 12px 12px 43px;
  display: inline-block;
  width: calc(100% - 80px);
}
.appAreaArticle-list-small .appAreaArticle-arrow {
  bottom: 12px;
}
@media (min-width: 768px) {
  .appAreaArticle-row {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px;
  }
  .appAreaArticle-row:before,
  .appAreaArticle-row:after {
    content: " ";
    display: table;
  }
  .appAreaArticle-row:after {
    clear: both;
  }
  .appAreaArticle-row:before,
  .appAreaArticle-row:after {
    content: " ";
    display: table;
  }
  .appAreaArticle-row:after {
    clear: both;
  }
}
@media (min-width: 992px) {
  .appAreaArticle_4col .appAreaArticle-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .appAreaArticle_3col .appAreaArticle-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .appAreaArticle_4col .appAreaArticle-col {
    float: left;
    width: 25%;
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .appAreaArticle_3col .appAreaArticle-col {
    float: left;
    width: 33.33333333%;
  }
}
@media (max-width: 991px) {
  .appAreaArticle_4col .appAreaArticle-col,
  .appAreaArticle_3col .appAreaArticle-col {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  .appAreaArticle_4col .appAreaArticle-col,
  .appAreaArticle_3col .appAreaArticle-col {
    float: left;
    width: 50%;
  }
}
.appAreaArticle_2col .appAreaArticle-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .appAreaArticle_2col .appAreaArticle-col {
    float: left;
    width: 50%;
  }
}
.appAreaArticle_1col .appAreaArticle-col {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .appAreaArticle_1col .appAreaArticle-col {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .appAreaArticle_1col .appAreaArticle-col,
  .appAreaArticle_2col .appAreaArticle-col,
  .appAreaArticle_3col .appAreaArticle-col,
  .appAreaArticle_4col .appAreaArticle-col {
    padding: 0 !important;
  }
}
.appAreaArticle_ad {
  background: #000000;
  color: #fff;
}
@media (max-width: 767px) {
  .appAreaArticle-list_ad .appAreaArticle-col + .appAreaArticle-col {
    margin-top: 25px;
  }
}
@media (min-width: 992px) {
  .appAreaArticle_1col .appAreaArticle-img,
  .appAreaArticle_2col .appAreaArticle-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 50%;
    bottom: 0;
    overflow: hidden;
  }
  .appAreaArticle_1col .appAreaArticle-img img,
  .appAreaArticle_2col .appAreaArticle-img img {
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    width: auto;
    transform: translateX(-50%);
  }
  .appAreaArticle_1col .appAreaArticle-content,
  .appAreaArticle_2col .appAreaArticle-content {
    margin-left: 50%;
    width: 50%;
    min-height: 270px;
  }
}
.appAreaArticle-img {
  background: transparent center center no-repeat;
  background-size: cover;
  height: 100%;
  vertical-align: middle;
  overflow: hidden;
}
@media (max-width: 991px) {
  .appAreaArticle-img {
    height: 220px;
  }
}
.appAreaArticle-content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}
@media (max-width: 991px) {
  .appAreaArticle-content {
    padding-top: 15px;
  }
}
.appAreaArticle-content .btn-text {
  margin-left: 5px;
}
.appAreaArticle-title {
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  margin-bottom: 12px;
}
@media (min-width: 992px) {
  .appAreaArticle_1col .appAreaArticle-title,
  .appAreaArticle_2col .appAreaArticle-title {
    font-size: 24px;
    line-height: 34px;
    color: #000000;
    margin-bottom: 12px;
  }
  .appAreaArticle_3col .appAreaArticle-title,
  .appAreaArticle_4col .appAreaArticle-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 15px;
  }
}
.appAreaArticle-desc {
  font-size: 13px;
  line-height: 20px;
  color: #666666;
}
.appAreaArticle-desc div {
  margin-top: 10px;
}
.appAreaArticle-action {
  position: absolute;
  bottom: 25px;
  left: 0;
  margin-left: 20px;
}
@media (min-width: 992px) {
  .appAreaArticle-action {
    left: 50%;
  }
}
.appAreaArticle-action .btn {
  padding-left: 40px;
  padding-right: 40px;
}
.appAreaArticle-arrow {
  position: absolute;
  bottom: 25px;
  height: 36px;
  padding: 6px 12px;
  display: inline-block;
  color: #000000;
  padding-left: 30px !important;
  max-width: calc(100% - 40px);
}
.appAreaArticle-arrow .bicon {
  line-height: 24px;
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.appAreaArticle-arrow .btn-text {
  line-height: 24px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.appAreaArticle-arrow:before {
  vertical-align: top;
}
.appAreaArticle-arrow .bicon:after {
  content: '';
  position: absolute;
  right: 6px;
  display: block;
  height: 1px;
  width: 0;
  background: #000000;
  transition: all 400ms;
  top: 50%;
}
.appAreaArticle-more {
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: -7px;
  display: block;
  clear: both;
}
.appAreaArticle-more .bicon {
  font-size: 10px;
  margin-left: 8px;
}
@media (max-width: 767px) {
  .appAreaArticle-more {
    font-weight: bold;
    margin-bottom: 0;
  }
}
.appAreaArticle-col.videoContainer {
  width: 100%;
  margin-top: 50px;
}
.appAreaBanner {
  color: #000;
  margin-top: 48px;
}
.appAreaBanner-body {
  margin: 48px 0;
}
.appAreaBanner-img {
  position: relative;
}
.appAreaBanner-img h1 {
  position: absolute;
  bottom: 16px;
  left: 48px;
  color: #fff !important;
  line-height: 44px !important;
}
@media (max-width: 767px) {
  .appAreaBanner-img h1 {
    font-size: 20px;
    bottom: 4px;
    left: 12px;
    line-height: 28px !important;
  }
}
.appAreaBanner-title {
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  margin: 0 0 24px;
  font-weight: bold;
  max-width: 849px;
}
@media (max-width: 767px) {
  .appAreaBanner-title {
    font-size: 18px;
    line-height: 22px;
  }
}
.appAreaBanner-button {
  background: #F1F1F1;
  border: 1px solid #F1F1F1;
  height: 36px;
  font-size: 13px;
  line-height: 24px;
  padding: 6px 12px;
  display: inline-block;
  color: #000000;
  margin-top: 24px;
}
.appAreaBanner-text {
  font-size: 16px;
  line-height: 24px;
  color: #666666;
  margin: 0;
  max-width: 849px;
}
.appAreaBanner-list {
  padding-bottom: 48px;
}
.appAreaBanner-list .appAreaBanner-content {
  float: left;
  max-width: calc(100% / 12 * 7);
  margin-right: calc(100% / 12);
}
@media (max-width: 991px) {
  .appAreaBanner-list .appAreaBanner-content {
    margin-right: 0;
    max-width: 100%;
  }
}
.appAreaBanner-list::after {
  clear: both;
  content: '';
  display: block;
}
.appAreaBanner-video h1 {
  font-weight: bold;
  font-size: 36px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .appAreaBanner-video h1 {
    font-size: 20px;
  }
}
.appAreaBanner-video h2 {
  font-weight: normal;
  font-size: 36px;
  line-height: 40px;
  color: #666666;
  margin: 0;
}
.appAreaBanner-video .appAreaBanner-img {
  margin-top: 50px;
}
.appAreaBanner-video .appAreaBanner-body {
  margin: 48px -15px 0;
}
.appAreaBanner-video .appAreaBanner-video {
  padding-left: 0;
  padding-right: 0;
}
.appAreaBanner-video .appAreaBanner-video-text {
  padding-right: 0;
}
@media (max-width: 991px) {
  .appAreaBanner-video .appAreaBanner-video-text {
    padding-left: 0;
    padding-top: 24px;
  }
}
.appAreaBanner-video .appAreaBanner-text {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.appAreaBlueBanner {
  background: transparent center center no-repeat;
  background-size: cover;
}
.appAreaBlueBanner-content {
  background-color: rgba(8, 79, 144, 0.9);
  margin-left: 32px;
  max-width: 400px;
  color: #fff;
  padding-bottom: 40px;
  padding-top: 22px;
  padding-left: 24px;
  padding-right: 34px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .appAreaBlueBanner-content {
    max-width: 100%;
    margin-left: 0;
    padding-bottom: 24px;
    padding-left: 35px;
    padding-right: 35px;
  }
}
@media (max-width: 767px) {
  .appAreaBlueBanner-content {
    max-width: 100%;
    margin: 0;
    padding: 51px 15px 24px;
  }
}
.appAreaBlueBanner-title {
  font-size: 32px;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 4px;
}
@media (max-width: 767px) {
  .appAreaBlueBanner-title {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.appAreaBlueBanner-subtitle {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 46px;
}
@media (min-width: 768px) and (max-width: 991px) {
  .appAreaBlueBanner-subtitle {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .appAreaBlueBanner-subtitle {
    font-size: 13px;
    margin-bottom: 30px;
  }
}
.appAreaBlueBanner-desc {
  font-size: 13px;
  line-height: 19px;
  color: #fff;
}
.appAreaCarouselHeadline {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  line-height: 24px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .appAreaCarouselHeadline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .appAreaCarouselHeadline {
    text-align: center;
  }
}
.appAreaCarouselHeadline a {
  display: inline-block;
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 0 20px;
}
.appAreaCarouselHeadline a .bicon {
  font-size: 10px;
}
@media (max-width: 767px) {
  .appAreaCarouselHeadline a {
    display: none;
  }
}
.appAreaCarouselHeadline-xs {
  display: none;
  margin-top: 30px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .appAreaCarouselHeadline-xs {
    display: block;
  }
}
.appAreaCarouselHeadline-xs a {
  display: block;
}
.appAreaHeadline {
  font-size: 30px;
  line-height: 36px;
  font-weight: bold;
  text-align: center;
  color: #000;
  margin-top: 50px;
  margin-bottom: 25px;
}
@media (max-width: 991px) {
  .appAreaHeadline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .appAreaHeadline {
    font-size: 20px;
    line-height: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
  }
}
.appAreaFeatured {
  background: #f1f1f1;
}
.appAreaFeatured .container {
  box-shadow: none !important;
  width: auto !important;
  max-width: 1140px;
}
.appAreaProductBox {
  font-size: 0;
  box-shadow: 0 2px 2px 0 #e5e5e5;
  background: #fff;
  border: 1px solid #e5e5e5;
  margin: 50px 0;
}
@media (max-width: 767px) {
  .appAreaProductBox {
    margin: 25px -15px;
  }
}
.appAreaProductBox-teaser {
  color: #000;
}
@media (min-width: 992px) {
  .appAreaProductBox-teaser {
    display: inline-block;
    width: 42.719%;
    border-right: 1px solid #e5e5e5;
  }
}
@media (max-width: 991px) {
  .appAreaProductBox-teaser {
    border-bottom: 1px solid #e5e5e5;
  }
}
.appAreaProductBox-content {
  padding: 20px 25px 30px;
}
@media (max-width: 991px) {
  .appAreaProductBox-content {
    padding: 20px;
    padding-bottom: 30px;
  }
}
.appAreaProductBox-img {
  border-bottom: 1px solid #e5e5e5;
}
.appAreaProductBox-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.appAreaProductBox-desc {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 19px;
}
.appAreaProductBox-carusel {
  padding: 80px 0;
}
@media (min-width: 992px) {
  .appAreaProductBox-carusel {
    display: inline-block;
    width: 57.281%;
    vertical-align: top;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
  }
}
.appAreaServiceLink {
  background: #000000;
  margin-top: 48px;
  margin-bottom: 48px;
  width: 100%;
  display: table;
}
.appAreaServiceLink .appAreaServiceLink-img {
  width: 50%;
  display: table-cell;
}
@media (max-width: 991px) {
  .appAreaServiceLink .appAreaServiceLink-img {
    width: 100%;
    display: block;
  }
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper {
  width: 50%;
  display: table-cell;
  background: #000000;
  word-break: break-word;
  white-space: normal;
  padding: 20px 26px;
  color: #ffffff;
  height: 100%;
  vertical-align: top;
}
@media (max-width: 991px) {
  .appAreaServiceLink .appAreaServiceLink-text-wrapper {
    width: 100%;
    display: block;
  }
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper .appAreaServiceLink-title {
  font-weight: bold;
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  margin-bottom: 12px;
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper .appAreaServiceLink-text {
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
  margin-bottom: 24px;
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper .appAreaServiceLink-btn {
  font-weight: bold;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: transparent;
  text-decoration: underline;
  width: fit-content;
  margin: 0;
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper .appAreaServiceLink-btn:hover {
  text-decoration-color: #EB6111;
}
.appAreaServiceLink .appAreaServiceLink-text-wrapper .appAreaServiceLink-btn:after {
  display: none;
}
.appAreaServiceLink .btn-text-link {
  text-decoration: underline;
  text-decoration-color: #FFFFFF;
}
.appAreaServiceLink .btn-text-link:hover {
  text-decoration-color: #EB6111;
}
.appAreaServiceLink .btn-text-link .btn-text-link-white {
  color: #FFFFFF;
}
.appAreaServiceLink:after {
  clear: both;
}
.appAreaTextComponent {
  padding: 24px 0;
  color: #666;
  margin: 50px 0;
}
.appAreaTextComponent_noMargin {
  margin: 0;
}
.appAreaTextComponent-title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}
.appAreaTextComponent-text {
  font-size: 12px;
  line-height: 20px;
}
@media (min-width: 992px) {
  .appAreaTextComponent-text {
    columns: 2;
    column-gap: 30px;
  }
}
@media (max-width: 991px) {
  .appAreaTextComponent-text {
    max-height: 180px;
    overflow: hidden;
  }
}
.appAreaTextComponent-text .appAreaTextComponent-title {
  margin-top: 40px;
}
.appAreaTextComponent p {
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
  color: #666666;
}
.appAreaTextComponent p:last-of-type {
  margin-bottom: 0;
}
.appAreaTextComponent-listTitle {
  margin-top: 40px;
  margin-bottom: 20px;
  font-weight: bold;
  padding-left: 28px;
}
.appAreaTextComponent-list {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 40px;
}
.appAreaTextComponent-more {
  margin: 0 auto;
  margin-bottom: -8px;
  display: block;
  clear: both;
  color: #666;
}
.appAreaTextComponent-more .bicon {
  font-size: 10px;
  margin-left: 8px;
}
.appAreaTextComponent.open .appAreaTextComponent-text {
  max-height: none;
}
.appAreaTextComponent.open .appAreaTextComponent-more {
  display: none;
}
.appAreaHeadline + .appAreaArticle-list {
  margin-top: 25px;
}
@media (max-width: 767px) {
  .appAreaHeadline + .appAreaArticle-list {
    margin-top: 10px;
  }
}
.appAreaAccordion h2 {
  font-size: 24px;
  line-height: 34px;
  color: #000000;
  margin-bottom: 24px;
  margin-top: 48px;
}
.cmAccordion {
  margin: 24px -1px 50px;
  color: #000;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}
.cmAccordion-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  .cmAccordion-title {
    padding: 0 32px;
  }
}
@media (max-width: 991px) {
  .cmAccordion-title {
    padding: 0 22px;
  }
}
@media (max-width: 767px) {
  .cmAccordion-title {
    padding: 0 15px;
  }
}
.cmAccordion-item {
  margin-bottom: 6px;
  background: #F1F1F1;
}
.cmAccordion-head {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  padding: 12px 24px 12px 48px !important;
  background: url('../../../../_ui/common/img/chevron_up.svg') no-repeat 12px 12px;
  text-decoration: none !important;
  position: relative;
  white-space: normal;
}
@media (max-width: 991px) {
  .cmAccordion-head {
    padding: 14px 22px;
  }
}
@media (max-width: 767px) {
  .cmAccordion-head {
    font-size: 14px;
    padding-left: 15px;
    padding-right: 32px;
  }
}
.cmAccordion-head.collapsed {
  background: url('../../../../_ui/common/img/chevron_down.svg') no-repeat 12px 12px;
}
.cmAccordion-body {
  padding: 0 24px 12px 48px;
  font-size: 13px;
  line-height: 1.38;
}
@media (max-width: 767px) {
  .cmAccordion-body {
    padding: 30px 15px;
  }
}
.cmAccordion-body-title {
  font-weight: bold;
  margin-top: 50px;
}
.cmAccordion-body-title:first-child {
  margin-top: 0;
}
.white-bg .mainSection,
.white-bg.mainSection {
  margin: auto;
  background-color: #FFFFFF;
  opacity: 97%;
  max-width: 950px;
}
@media (min-width: 1200px) {
  .white-bg .mainSection,
  .white-bg.mainSection {
    max-width: 1200px;
  }
}
.white-bg .mainSection .mainSection-inner,
.white-bg.mainSection .mainSection-inner {
  background-color: #FFFFFF;
}
.white-bg .mainSection .product-detail-section,
.white-bg.mainSection .product-detail-section {
  max-width: none;
  padding: 0;
}
.appAreaFeatured .Card__TextRight {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: space-between;
  padding: 20px;
  position: relative;
}
.appAreaFeatured a:hover {
  font-weight: inherit;
  text-decoration: underline !important;
  text-decoration-color: #FF9F2F !important;
}
.appAreaFeatured .Card:hover {
  border: none;
  outline: 1px solid #FF9F2F;
}
@media (max-width: 1199px) {
  .appAreaFeatured .Card {
    min-height: 130px;
  }
}
.appAreaDownload.product-detail-section.download-list .download-list-search.download-view .bicon {
  margin-right: 0;
}
.appAreaDownload.product-detail-section.download-list .download-list-search.download-view .bicon:first-of-type {
  margin-left: 6px;
}
.appAreaColorbox iframe {
  width: 100%;
  height: calc(100% - 40px);
}
.appAreaColorbox #cboxTitle {
  padding: 24px;
  border-bottom: none !important;
}
.appAreaColorbox #cboxClose {
  top: 18px !important;
  right: 30px !important;
}
.appAreaColorbox #cboxClose .bicon {
  font-weight: bold;
  font-size: 14px;
}
@media (max-width: 767px) {
  .appAreaColorbox#colorbox #cboxWrapper {
    padding: 20px;
  }
  .appAreaColorbox#colorbox #cboxContent {
    height: 100% !important;
  }
}
#select2-appAreaOverviewCategorySelection-results li {
  padding: 9px 32px;
}
#select2-appAreaOverviewCategorySelection-results li.facet-categories-main-option {
  font-weight: bold;
  padding: 9px;
}
.cparts {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .cparts {
    gap: 28px;
  }
}
.cparts-download-title {
  font-weight: bold;
  font-size: 16px;
}
.cparts-download-input-wrapper {
  display: flex;
  margin-bottom: 10px;
}
.cparts .SSP-content-intro p {
  margin-bottom: 0;
}
.cparts-furthercharging-title {
  font-weight: bold;
  font-size: 16px;
}
.cparts .select2-container {
  height: 40px;
}
.cparts .select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none;
}
.cparts .select2-container--open {
  width: 100%;
}
@media (max-width: 991px) {
  .cparts .select2-container {
    width: 100%;
  }
}
.cparts .select2-container .bicon {
  color: #EB6111;
  font-weight: bold;
  font-size: 13px;
  top: -1px;
  right: 5px;
}
.cparts .select2-container.active .bicon {
  transform: rotate(270deg);
}
.cparts .select2-container-container {
  margin-bottom: 20px;
}
.cparts .select2-container-input {
  padding: 19px 8px;
  width: 40%;
}
.cparts #cparts-furthercharging {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .cparts #cparts-furthercharging {
    gap: 28px;
  }
}
.cparts #cparts-furtherchargingContainer {
  width: 40%;
  position: relative;
  display: grid;
}
@media (max-width: 991px) {
  .cparts #cparts-furtherchargingContainer {
    width: 100%;
  }
}
.cparts #cparts-furtherchargingContainer .icon-arrow {
  position: absolute;
  justify-self: end;
  color: #EB6111;
  transform: rotate(90deg);
  top: 13px;
  right: 15px;
  font-size: 12px;
  pointer-events: none;
  cursor: pointer;
}
.cparts #cparts-furtherchargingContainer .icon-arrow.active {
  transform: rotate(270deg);
  right: 18px;
}
.cparts #cparts-furthercharging-btn {
  margin-top: 20px;
}
.cparts #cparts-furthercharging-success p {
  color: #00b050;
}
.cparts #cparts-furthercharging-error p {
  color: #c11a29;
}
.cparts #cparts-download {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (min-width: 768px) {
  .cparts #cparts-download {
    gap: 28px;
  }
}
.cparts #cparts-download-title {
  font-weight: bold;
  font-size: 16px;
}
.cparts #cparts-download-form {
  margin-top: 20px;
}
.cparts #cparts-download-form label {
  position: absolute;
  top: -25px;
  left: 0;
}
.cparts #cparts-download-form .calendar-holder {
  position: relative;
  width: 40%;
  margin-bottom: 10px;
  margin-right: 20px;
}
.cparts #cparts-download-form .calendar-holder:last-child {
  margin-right: 0;
}
@media (max-width: 991px) {
  .cparts #cparts-download-form .calendar-holder {
    width: auto;
  }
}
.cparts #cparts-usergroup {
  padding: 30px;
  background: #F5F5F5;
}
.cparts #cparts-usergroup a {
  font-weight: bold;
  text-decoration: underline;
}
.cparts #cparts-usergroup p {
  margin: 0;
}
.categoryTeaserComp {
  margin-top: 10px;
  color: #000;
}
@media (max-width: 767px) {
  .categoryTeaserComp {
    margin-left: -1px;
    margin-right: -1px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .categoryTeaserComp {
    margin-top: 15px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.categoryTeaserComp-headline {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 20px;
}
@media (max-width: 767px) {
  .categoryTeaserComp-headline {
    text-align: center;
    padding: 0 16px;
  }
}
@media (max-width: 767px) {
  .categoryTeaserComp-actions {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-actions {
    text-align: right;
  }
}
.categoryTeaserComp-actions .btn {
  font-weight: bold;
  top: 2px;
}
.categoryTeaserComp-row:nth-child(2) {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .categoryTeaserComp-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .categoryTeaserComp-row:before,
  .categoryTeaserComp-row:after {
    content: " ";
    display: table;
  }
  .categoryTeaserComp-row:after {
    clear: both;
  }
  .categoryTeaserComp-row:before,
  .categoryTeaserComp-row:after {
    content: " ";
    display: table;
  }
  .categoryTeaserComp-row:after {
    clear: both;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-col {
    float: left;
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .categoryTeaserComp-col {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .categoryTeaserComp-col {
    width: 33.33333333%;
  }
  .categoryTeaserComp-col_big {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .categoryTeaserComp-col {
    width: 30%;
  }
  .categoryTeaserComp-col_big {
    width: 40%;
  }
  .categoryTeaserComp-col_lgsmall {
    width: 50%;
  }
  .categoryTeaserComp-col_lgMb {
    margin-bottom: 16px;
  }
}
.categoryTeaserComp-col_all {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .categoryTeaserComp-col_right {
    width: 66.66666667%;
  }
}
@media (min-width: 992px) {
  .categoryTeaserComp-col_right {
    width: 40%;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-col_small {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .categoryTeaserComp-col_large {
    width: 60%;
  }
}
.categoryTeaserComp-cat {
  background: no-repeat center center;
  background-size: cover;
  border: 1px solid  #d8d8d8;
  display: block;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
}
.categoryTeaserComp-cat:hover {
  text-decoration: none;
  box-shadow: none;
}
@media (max-width: 767px) {
  .categoryTeaserComp-cat {
    padding-top: 435px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .categoryTeaserComp-cat {
    padding-top: 150%;
    height: 0;
  }
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat {
    padding-top: 130%;
    padding-bottom: 19px;
  }
  .categoryTeaserComp-cat_small {
    padding-top: 100%;
    height: 0;
    padding-bottom: 0;
  }
}
.categoryTeaserComp-cat-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.44;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: padding 200ms;
  padding: 16px 40px 16px 16px;
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat-name {
    padding: 24px 50px 24px 24px;
  }
}
.categoryTeaserComp-cat-icon {
  font-size: 20px;
  position: absolute;
  top: auto;
  bottom: 16px;
  right: 16px;
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat-icon {
    bottom: 24px;
    right: 24px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-cat_small .categoryTeaserComp-cat-icon {
    bottom: 16px;
    right: 16px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-cat_lowHeight {
    padding-top: 100%;
    padding-bottom: 85px;
  }
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat_lowHeight {
    padding-top: 31.6%;
    padding-bottom: 85px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-cat_small.categoryTeaserComp-cat_lowHeight {
    padding-top: 100%;
    padding-bottom: 0;
  }
}
.categoryTeaserComp-cat_small .categoryTeaserComp-cat-name {
  padding: 16px;
  padding-right: 40px;
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat_small .categoryTeaserComp-cat-name {
    font-size: 16px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-cat_small.categoryTeaserComp-cat_lowHeight .categoryTeaserComp-cat-name {
    font-size: 16px;
  }
}
.categoryTeaserComp-cat:hover .categoryTeaserComp-cat-name {
  padding-top: 20px;
}
@media (min-width: 992px) {
  .categoryTeaserComp-cat:hover .categoryTeaserComp-cat-name {
    padding-top: 32px;
  }
}
.categoryTeaserComp-cat_small:hover .categoryTeaserComp-cat-name {
  padding-top: 20px;
}
.categoryTeaserComp-product {
  padding-left: 16px;
  padding-right: 16px;
  display: block;
  color: #000 !important;
}
.categoryTeaserComp-product:hover {
  text-decoration: none;
  box-shadow: none;
}
@media (min-width: 768px) {
  .categoryTeaserComp-product {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    border: 1px solid #d8d8d8;
    position: relative;
    padding-top: 100%;
    height: 0;
  }
  .categoryTeaserComp-product-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .categoryTeaserComp-product-body {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
}
.categoryTeaserComp-product-img {
  text-align: center;
  padding-top: 16px;
  padding-bottom: 8px;
}
@media (max-width: 767px) {
  .categoryTeaserComp-product-img {
    margin-left: -24px;
    margin-right: -24px;
  }
}
.categoryTeaserComp-product-img img {
  width: 57.01754386%;
}
.categoryTeaserComp-product-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categoryTeaserComp-product:hover .categoryTeaserComp-product-name {
  text-decoration: underline;
}
.categoryTeaserComp-product-price {
  font-size: 12px;
  font-weight: bold;
  min-height: 36px;
}
.categoryTeaserComp-product-price .price.not-visible {
  line-height: 1.2;
}
@media (max-width: 767px) {
  .categoryTeaserComp-carousel {
    background: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
    margin-bottom: 40px;
  }
}
@media (max-width: 991px) {
  .categoryTeaserComp-carousel {
    margin-top: 16px;
  }
}
.categoryTeaserComp-carousel.owl-carousel .owl-dots {
  bottom: -40px;
}
.categoryTeaserComp-carousel.owl-carousel .owl-dots .owl-dot span {
  background: #c7c5c5;
  opacity: 1;
}
.categoryTeaserComp-carousel.owl-carousel .owl-dots .owl-dot.active span {
  background: #000;
}
.categoryTeaserComp-all {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  border: 1px solid #d8d8d8;
  padding: 16px;
  margin-top: 16px;
  display: block;
  color: #000;
}
.categoryTeaserComp-all:hover {
  box-shadow: none;
  text-decoration: none;
}
@media (min-width: 768px) {
  .categoryTeaserComp-all {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  .categoryTeaserComp-all {
    text-align: center;
  }
}
.categoryTeaserComp-all-text {
  font-size: 14px;
}
@media (max-width: 767px) {
  .categoryTeaserComp-all-text {
    display: block;
  }
}
@media (max-width: 767px) {
  .categoryTeaserComp-all-btn {
    margin-top: 16px;
  }
}
@media (min-width: 768px) {
  .categoryTeaserComp-all-btn {
    float: right;
    margin-left: 16px;
  }
}
.startTeaser {
  margin-bottom: 48px;
}
.startTeaser:before,
.startTeaser:after {
  content: " ";
  display: table;
}
.startTeaser:after {
  clear: both;
}
.startTeaser:before,
.startTeaser:after {
  content: " ";
  display: table;
}
.startTeaser:after {
  clear: both;
}
.startTeaser-item {
  position: relative;
  background: #fff;
  display: block;
  text-decoration: none !important;
  height: 100% !important;
}
@media (max-width: 767px) {
  .startTeaser-item {
    height: auto !important;
    border: 0;
  }
}
.startTeaser-img {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: 120px;
}
@media (max-width: 767px) {
  .startTeaser-img {
    height: 100%;
    width: auto;
  }
}
@media (max-width: 767px) {
  .startTeaser-imgContainer {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 100%;
  }
}
.startTeaser-content {
  padding: 12px 24px 24px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .startTeaser-content {
    flex: 2;
    padding: 16px;
  }
}
.startTeaser-l1 {
  font-size: 20px;
  line-height: 26px;
  color: black;
  font-weight: bold;
  margin-bottom: 24px;
}
@media (min-width: 992px) {
  .startTeaser-l1 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  .startTeaser-l1 {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 16px;
  }
}
.startTeaser-item_big .startTeaser-img {
  padding-top: 31.58%;
  height: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.startTeaser-item_big .startTeaser-container {
  height: 100%;
  position: relative;
  z-index: 1;
}
.startTeaser-item_big .startTeaser-container:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
@media (max-width: 767px) {
  .startTeaser-item_big .startTeaser-container {
    background: #f9f9f9;
  }
  .startTeaser-item_big .startTeaser-container:before,
  .startTeaser-item_big .startTeaser-container:after {
    display: none;
  }
}
.startTeaser-item_big .startTeaser-content {
  padding: 15px 0;
}
@media (min-width: 768px) {
  .startTeaser-item_big .startTeaser-content {
    padding: 20px 0;
    max-width: 416px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
    z-index: 2;
    position: relative;
  }
}
.startTeaser-item_big .startTeaser-l1 {
  font-size: 16px;
  color: #fff;
  font-weight: normal;
  margin-top: auto;
}
.startTeaser-item_big .startTeaser-l2 {
  font-size: 30px;
  color: #fff;
  font-weight: bold;
}
.startTeaser-item_big .startTeaser-btn {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .startTeaser:hover {
    box-shadow: none;
  }
}
@media (min-width: 992px) {
  .startTeaser-col {
    position: relative;
    float: left;
    width: 33.33333333%;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
  }
  .startTeaser-col_big {
    position: relative;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
  }
  .startTeaser-item_GRADIENT .startTeaser-content {
    background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 32%, rgba(0, 0, 0, 0.8));
  }
  .startTeaser-item_BRAND_PRIMARY .startTeaser-content {
    background: rgba(0, 0, 0, 0.8);
  }
  .startTeaser-item_TRANSPARENT_BLACK .startTeaser-content {
    background: rgba(0, 0, 0, 0.7);
  }
}
@media (min-width: 992px) and (min-width: 768px) {
  .startTeaser-col_big {
    float: left;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .startTeaser .responsive-flex-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -ms-flex-direction: column;
    padding-top: 24px;
  }
}
.startTeaser-hero-item {
  border: 0;
  box-shadow: none;
  position: relative;
  height: 376px !important;
  overflow: hidden;
}
.startTeaser-hero-item:hover {
  box-shadow: none;
}
@media (max-width: 991px) {
  .startTeaser-hero-item {
    height: 245px !important;
  }
}
@media (max-width: 767px) {
  .startTeaser-hero-item {
    height: auto !important;
    padding-top: 150px;
  }
  .startTeaser-hero-item:before {
    display: none;
  }
}
.startTeaser-hero-item .startTeaser-img {
  width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top: 0;
  object-fit: cover;
}
@media (max-width: 767px) {
  .startTeaser-hero-item .startTeaser-img {
    height: 150px;
    min-height: auto;
    top: 0;
    transform: translateX(-50%);
  }
}
.startTeaser-hero-l1 {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 6px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .startTeaser-hero-l1 {
    color: #000;
  }
}
.startTeaser-hero-l2 {
  font-size: 36px;
  line-height: 40px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .startTeaser-hero-l2 {
    color: #000;
    font-size: 22px;
    line-height: 28px;
  }
}
.startTeaser-hero-btn {
  display: inline-block;
  margin-top: 40px;
  background: white;
  color: #000000;
  border-radius: 4px;
  line-height: 24px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .startTeaser-hero-btn {
    margin-top: 16px;
    background: #000000;
    color: white;
  }
}
.startTeaser-usp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 24px 0;
}
.startTeaser-usp-items {
  flex: 1 0 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.startTeaser-usp-items.no-button {
  justify-content: center;
}
@media (max-width: 767px) {
  .startTeaser-usp-items {
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .startTeaser-usp-items.no-button {
    margin-bottom: -32px;
  }
}
.startTeaser-usp-items a:hover {
  text-decoration-color: #EB6111;
}
.startTeaser-usp-item {
  font-size: 13px;
  line-height: 24px;
  font-weight: bold;
  margin-left: 24px;
  position: relative;
  padding-left: 35px;
}
.startTeaser-usp-item:first-child {
  margin-left: 0;
}
.startTeaser-usp-item img {
  position: absolute;
  width: 24px;
  height: auto;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 991px) {
  .startTeaser-usp-item {
    font-family: 'Archivo', Verdana, Arial, sans-serif;
    font-size: 13px;
    line-height: 16px;
  }
}
@media (max-width: 767px) {
  .startTeaser-usp-item {
    margin-bottom: 16px;
    margin-left: 0;
    line-height: 20px;
  }
}
@media (max-width: 767px) {
  .startTeaser-usp {
    order: 2;
    flex-direction: column;
    -ms-flex-direction: column;
    align-items: flex-start;
  }
}
.startTeaser-services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-left: -12px;
  margin-right: -12px;
  padding: 0;
}
@media (max-width: 767px) {
  .startTeaser-services {
    flex-direction: column;
    -ms-flex-direction: column;
  }
}
.startTeaser-services-col {
  flex: 1 0 0%;
  padding: 0 12px;
}
@media (max-width: 767px) {
  .startTeaser-services-col {
    margin-bottom: 16px;
  }
}
.startTeaser-services-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  padding-top: 120px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .startTeaser-services-item {
    flex-direction: row;
    padding-top: 0;
    padding-left: 120px;
  }
}
.startTeaser-services-item .startTeaser-content:hover :last-child {
  text-decoration-line: underline;
  text-decoration-color: #EB6111;
}
.startTeaser-services-item:hover {
  font-weight: 400;
}
.startTeaser-services-more {
  font-size: 13px;
  color: #000000;
}
main.page-full-width .startTeaser-container:before {
  content: '';
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
  position: absolute;
  display: inline-block;
  width: 100%;
  left: -100%;
}
.categoryList {
  margin-top: 14px;
  margin-bottom: 48px;
}
.categoryList-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
}
.categoryList-col {
  flex: 1 1 20%;
  padding: 12px;
  max-width: 20%;
}
@media (max-width: 1199px) {
  .categoryList-col {
    flex: 1 1 25%;
    max-width: 25%;
  }
}
@media (max-width: 991px) {
  .categoryList-col {
    flex: 1 1 33.3%;
    max-width: 33.3%;
  }
}
@media (max-width: 767px) {
  .categoryList-col {
    flex: 1 1 50%;
    max-width: 50%;
  }
}
.categoryList-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #C7C5C5;
  padding: 12px;
  height: 100%;
  background-color: #fff;
  color: #000000;
  border-radius: 4px;
  align-items: center;
  transition: background-color 0.3s ease-out, color 0.3s ease-out, border 0.3s ease-out;
}
@media (min-width: 768px) {
  .categoryList-item:hover {
    text-decoration: none;
    background-color: #000000;
    border-color: transparent;
  }
  .categoryList-item:hover .categoryList-icon {
    border: 1px solid #fff;
  }
  .categoryList-item:hover .categoryList-name {
    color: #FFFFFF;
  }
}
@media (max-width: 767px) {
  .categoryList-item {
    border: 0;
    padding: 0;
  }
}
.categoryList-icon {
  max-width: 48px;
  min-width: 48px;
  height: 48px;
  background: #000000;
  color: #fff;
  border-radius: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-right: 12px;
  border: 1px solid transparent;
  transition: background-color 0.3s ease-out, color 0.3s ease-out;
}
.categoryList-icon img {
  max-width: 75%;
  height: auto;
}
@media (max-width: 767px) {
  .categoryList-icon {
    max-width: 32px;
    min-width: 32px;
    height: 32px;
    font-size: 20px;
  }
}
.categoryList-name {
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  word-break: break-word;
}
@media (max-width: 767px) {
  .categoryList-name {
    line-height: 16px;
  }
}
.loginBox {
  margin: 0 auto;
  padding: 140px 0;
}
.loginBox-container {
  color: #000000;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  margin: auto;
}
@media (min-width: 768px) {
  .loginBox-container {
    max-width: 720px;
  }
}
@media (min-width: 1200px) {
  .loginBox-container {
    max-width: 1090px;
  }
}
.loginBox-container-content {
  display: grid;
  display: -ms-grid;
}
@media (max-width: 767px) {
  .loginBox-container-content {
    grid-template-columns: 16px 1fr 16px;
    -ms-grid-columns: 16px 1fr 16px;
  }
  .loginBox-container-content .loginForm,
  .loginBox-container-content .loginRegister {
    display: grid;
    display: -ms-grid;
    order: 2;
    align-content: baseline;
    grid-column-start: 2;
    grid-column-end: 2;
  }
}
@media (min-width: 768px) {
  .loginBox-container-content {
    grid-template-columns: 1fr repeat(10, 36px) 1fr;
    -ms-grid-columns: 1fr repeat(10, 36px) 1fr;
    gap: 24px;
  }
  .loginBox-container-content .loginForm,
  .loginBox-container-content .loginRegister {
    display: grid;
    display: -ms-grid;
  }
  .loginBox-container-content .loginForm {
    grid-column-start: 1;
    grid-column-end: 7;
  }
  .loginBox-container-content .loginRegister {
    grid-column-start: 7;
    grid-column-end: 13;
  }
}
@media (min-width: 1200px) {
  .loginBox-container-content {
    grid-template-columns: 1fr repeat(10, 70px) 1fr;
    -ms-grid-columns: 1fr repeat(10, 70px) 1fr;
  }
  .loginBox-container-content .loginForm,
  .loginBox-container-content .loginRegister {
    row-gap: 24px;
    align-content: baseline;
  }
}
.loginBox-container-content .loginForm,
.loginBox-container-content .loginRegister {
  padding: 24px;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .loginBox-container-content .loginForm,
  .loginBox-container-content .loginRegister {
    padding: 48px 93.5px 48px 87.5px;
    margin-bottom: 0;
  }
}
.loginBox-container-content .loginForm .loginBox-headline,
.loginBox-container-content .loginRegister .loginBox-headline {
  font-size: 26px;
  line-height: 31.2px;
  letter-spacing: -0.022px;
  font-weight: 700;
  display: flex;
  justify-content: center;
}
.loginBox-container-content .loginForm .headline,
.loginBox-container-content .loginRegister .headline {
  color: #4A4A4A;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.022px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  padding-bottom: 24px;
}
.loginBox-container-content .loginForm form .form-group,
.loginBox-container-content .loginRegister form .form-group {
  margin-bottom: 24px;
  position: relative;
}
.loginBox-container-content .loginForm form .form-group .loginForm-label,
.loginBox-container-content .loginRegister form .form-group .loginForm-label {
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: -0.022px;
  font-weight: 700;
}
.loginBox-container-content .loginForm form .form-group .loginForm-input,
.loginBox-container-content .loginRegister form .form-group .loginForm-input {
  border: 1px solid #000000;
}
.loginBox-container-content .loginForm form .form-group .loginForm-input:hover,
.loginBox-container-content .loginRegister form .form-group .loginForm-input:hover {
  border: 1px solid #FF9F2F;
}
.loginBox-container-content .loginForm form .form-group .loginForm-input:active,
.loginBox-container-content .loginRegister form .form-group .loginForm-input:active,
.loginBox-container-content .loginForm form .form-group .loginForm-input:focus,
.loginBox-container-content .loginRegister form .form-group .loginForm-input:focus,
.loginBox-container-content .loginForm form .form-group .loginForm-input:target,
.loginBox-container-content .loginRegister form .form-group .loginForm-input:target {
  border: 2px solid #EB6111;
  box-shadow: none !important;
}
.loginBox-container-content .loginForm form .form-group .bicon-eyeCross,
.loginBox-container-content .loginRegister form .form-group .bicon-eyeCross {
  position: absolute;
  right: 12px;
  top: 33px;
  font-size: 18px;
}
.loginBox-container-content .loginForm form .form-group .bicon-eyeCross:hover,
.loginBox-container-content .loginRegister form .form-group .bicon-eyeCross:hover {
  cursor: pointer;
}
.loginBox-container-content .loginForm form .form-group .bicon-eyeCross.active:before,
.loginBox-container-content .loginRegister form .form-group .bicon-eyeCross.active:before {
  content: '\e077';
}
.loginBox-container-content .loginForm form .forgot-password,
.loginBox-container-content .loginRegister form .forgot-password {
  font-size: 16px;
  line-height: 17.6px;
  font-weight: 600;
  text-decoration: underline;
  margin-bottom: 24px;
}
.loginBox-container-content .loginForm form .forgot-password a:hover,
.loginBox-container-content .loginRegister form .forgot-password a:hover {
  text-decoration-color: #EB6111;
  font-weight: 600;
}
.loginBox-container-content .loginForm form .loginForm-mandatory,
.loginBox-container-content .loginRegister form .loginForm-mandatory {
  font-size: 14px;
  line-height: 18px;
}
.loginBox-container-content .loginForm form .orange-sloped-btn .bicon-arrow-right-circle,
.loginBox-container-content .loginRegister form .orange-sloped-btn .bicon-arrow-right-circle {
  color: #FFFFFF;
}
.loginBox-container-content .loginFormBox,
.loginBox-container-content .loginRegisterBox {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  align-items: center;
}
.loginBox-container-content .loginFormBox .loginRegister-text,
.loginBox-container-content .loginRegisterBox .loginRegister-text {
  color: #4A4A4A;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: -0.022px;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .loginBox-container-content .loginFormBox .loginRegister-text,
  .loginBox-container-content .loginRegisterBox .loginRegister-text {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.022px;
    font-weight: 700;
  }
}
#second-name-login {
  display: none;
}
.recoveryElement {
  color: #000;
}
@media (max-width: 767px) {
  .recoveryElement {
    margin-left: -1px;
    margin-right: -1px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .recoveryElement {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recoveryElement-headline {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .recoveryElement-row {
    margin-left: -8px;
    margin-right: -8px;
  }
  .recoveryElement-row:before,
  .recoveryElement-row:after {
    content: " ";
    display: table;
  }
  .recoveryElement-row:after {
    clear: both;
  }
  .recoveryElement-row:before,
  .recoveryElement-row:after {
    content: " ";
    display: table;
  }
  .recoveryElement-row:after {
    clear: both;
  }
}
@media (min-width: 768px) {
  .recoveryElement-col {
    float: left;
    padding: 0 8px;
  }
}
@media (max-width: 767px) {
  .recoveryElement-col {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .recoveryElement-col {
    width: 50%;
  }
  .recoveryElement-col_big {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .recoveryElement-col {
    width: 33.33333333%;
  }
  .recoveryElement-col_4 {
    width: 25%;
  }
  .recoveryElement-col_5 {
    width: 20%;
  }
  .recoveryElement-col_6 {
    width: 16.66666667%;
  }
  .recoveryElement-col_big {
    width: 66.66666667%;
  }
}
.recoveryElement-item {
  border: 1px solid  #d8d8d8;
  display: block;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  color: #000;
  margin-bottom: 16px;
  height: 340px;
}
@media (min-width: 768px) {
  .recoveryElement-item {
    height: 380px;
  }
}
.recoveryElement-item:hover {
  color: #000;
  text-decoration: none;
  box-shadow: none;
}
.recoveryElement-item_banner {
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
  padding: 24px 0;
}
.recoveryElement-item_banner:hover {
  color: #fff;
}
.recoveryElement-img {
  background: no-repeat center center;
  background-size: cover;
  height: 230px;
}
@media (min-width: 768px) {
  .recoveryElement-img {
    height: 270px;
  }
}
.recoveryElement-body {
  padding: 16px;
  height: 108px;
}
@media (min-width: 768px) {
  .recoveryElement-body {
    padding: 16px 24px;
  }
}
.recoveryElement-label {
  font-size: 13px;
  line-height: 19px;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.recoveryElement-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 52px;
}
.recoveryElement-btn {
  margin-top: 24px;
}
.recoveryElement-item_banner .recoveryElement-body {
  height: auto;
}
.recoveryElement-item_banner .recoveryElement-title {
  height: auto;
}
.recoveryElements {
  padding: 48px 0;
}
.recoveryElements-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: wrap;
  margin: -12px;
}
.recoveryElements-item {
  padding: 12px;
  max-width: 50%;
}
@media (min-width: 768px) {
  .recoveryElements-item {
    flex: 1 1 100%;
    padding: 12px 12px 12px 0;
    max-width: 100%;
  }
}
.recoveryElements-item.getintouch .recoveryElements-link {
  background: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-between;
}
.recoveryElements-item.getintouch .recoveryElements-title {
  color: #fff;
}
.recoveryElements-item.getintouch .recoveryElements-text {
  color: #fff;
}
.recoveryElements-item.getintouch .recoveryElements-textlink {
  color: #fff;
  text-decoration: underline;
}
.recoveryElements-item.getintouch .recoveryElements-links a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.recoveryElements-item.getintouch .recoveryElements-links a span {
  color: #FFFFFF;
}
.recoveryElements-item.getintouch .recoveryElements-links a .bicon {
  width: 24px;
  height: 24px;
  background: #fff;
  color: #000000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 9px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
}
.recoveryElements-item.getintouch .recoveryElements-links a:hover .text {
  font-weight: 400;
  text-decoration: underline 1px solid #EB6111;
}
.recoveryElements-item.getintouch .recoveryElements-links a:hover .bicon {
  text-decoration: underline 1px solid #FFFFFF;
}
@media (max-width: 991px) {
  .recoveryElements-item.getintouch .recoveryElements-links {
    margin-top: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
  }
  .recoveryElements-item.getintouch .recoveryElements-links a {
    margin: 0;
    margin-right: 4px;
  }
  .recoveryElements-item.getintouch .recoveryElements-links a span.text {
    display: none;
  }
  .recoveryElements-item.getintouch .recoveryElements-links a .bicon {
    margin-right: 0;
  }
}
.recoveryElements-link {
  display: block;
  height: 100%;
  padding: 12px;
  background: #fff;
}
@media (max-width: 991px) {
  .recoveryElements-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.recoveryElements-link:hover {
  text-decoration: none;
}
@media (max-width: 991px) {
  .recoveryElements-content {
    flex: 1 1 50%;
  }
}
.recoveryElements-title {
  display: block;
  font-weight: bold;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 12px;
}
.recoveryElements-text {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #000;
}
.recoveryElements-textlink {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
.recoveryElements-image {
  height: 0;
  width: 100%;
  padding-top: 150px;
  position: relative;
  overflow: hidden;
  margin-bottom: -12px;
  margin-right: -12px;
}
@media (max-width: 991px) {
  .recoveryElements-image {
    width: 110px;
    margin-left: 24px;
  }
}
.recoveryElements-image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  object-fit: cover;
}
.mainFooterNav .recoveryElements {
  padding: 40px 25px;
}
@media (min-width: 768px) {
  .mainFooterNav .recoveryElements {
    padding: 20px 0;
  }
}
.mainFooterNav .recoveryElements-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  margin: -12px;
}
.mainFooterNav .recoveryElements-item {
  padding: 0 5px;
  max-width: 100%;
}
.mainFooterNav .recoveryElements-item a {
  display: inline-block;
}
@media (max-width: 991px) {
  .mainFooterNav .recoveryElements-content {
    text-align: left;
    float: left;
    width: 33.33%;
    margin-bottom: 24px;
    margin-right: 24px;
  }
}
@media (max-width: 767px) {
  .mainFooterNav .recoveryElements-content {
    float: none;
    width: 100%;
  }
}
@media (max-width: 991px) {
  .mainFooterNav .recoveryElements-icons {
    text-align: left;
    float: left;
    margin-bottom: 24px;
  }
}
@media (max-width: 767px) {
  .mainFooterNav .recoveryElements-icons {
    float: none;
    width: 100%;
  }
}
.mainFooterNav .recoveryElements-link {
  display: block;
  height: 100%;
  padding: 12px;
  background: #fff;
}
.mainFooterNav .recoveryElements-link:hover {
  text-decoration: none;
}
.mainFooterNav .recoveryElements-title {
  display: block;
  font-weight: bold;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
}
.mainFooterNav .recoveryElements-text {
  display: block;
  font-size: 13px;
  line-height: 18px;
  color: #666;
  margin-bottom: 12px;
}
.mainFooterNav .recoveryElements-textlink {
  display: block;
  font-size: 13px;
  line-height: 20px;
  color: #000000;
}
.mainFooterNav .recoveryElements-image {
  height: 0;
  padding-top: 150px;
  background-size: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  margin-bottom: -12px;
  margin-right: -12px;
}
.ApplicationCategories {
  padding-bottom: 0;
}
.ApplicationCategories .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 48px;
}
.ApplicationCategories .owl-nav button.owl-prev,
.ApplicationCategories .owl-nav button.owl-next {
  border: solid 1px #d8d8d8;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  top: 30% !important;
  color: #777;
  background: white;
  transform: translate(-50%, -50%);
}
.ApplicationCategories .owl-nav button.owl-prev span,
.ApplicationCategories .owl-nav button.owl-next span {
  display: inline-block;
  margin: 0;
  line-height: 1;
  font-size: inherit;
  color: #777;
}
.ApplicationCategories .owl-nav button.owl-prev:hover,
.ApplicationCategories .owl-nav button.owl-next:hover {
  color: #000000;
  border-color: #000000;
}
.ApplicationCategories .owl-nav button.owl-prev:hover span,
.ApplicationCategories .owl-nav button.owl-next:hover span {
  color: #000000;
}
.ApplicationCategories .owl-nav button.owl-prev {
  left: 22px;
}
@media (min-width: 1200px) {
  .ApplicationCategories .owl-nav button.owl-prev {
    left: 14px;
  }
}
.ApplicationCategories .owl-nav button.owl-next {
  right: -20px;
}
@media (min-width: 1200px) {
  .ApplicationCategories .owl-nav button.owl-next {
    right: -28px;
  }
}
.ApplicationCategories .container-fluid {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .ApplicationCategories .container-fluid {
    padding: 0 13px;
  }
}
.ApplicationCategories .Card {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 !important;
}
.ApplicationCategories-item {
  display: inline-block;
  margin: 0 12px;
  padding: 0;
  height: 100% !important;
}
.ApplicationCategories-item.Card:hover {
  outline: none;
}
.ApplicationCategories-link {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  padding-top: 210px;
}
.ApplicationCategories-image {
  max-width: none !important;
  width: 100% !important;
  height: 270px !important;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 0 !important;
}
.ApplicationCategories-content {
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-between;
  color: #000;
  height: 100%;
}
@media (min-width: 992px) {
  .ApplicationCategories-content {
    padding: 24px;
  }
}
.ApplicationCategories-title {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: bold !important;
}
@media (min-width: 992px) {
  .ApplicationCategories-title {
    font-size: 20px !important;
    line-height: 26px !important;
  }
}
.ApplicationCategories-description {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #000 !important;
}
.ApplicationCategories-button .btn {
  margin-top: 24px;
}
.ApplicationCategories.ServiceCategories .Card {
  box-shadow: none;
  background: #f1f1f1;
}
.ApplicationCategories.ServiceCategories .ApplicationCategories-image {
  background-size: contain !important;
}
.ApplicationCategories.ServiceCategories .ApplicationCategories-title {
  margin-bottom: 0;
}
.StoryElements {
  padding-bottom: 0;
}
.StoryElements .owl-stage-outer {
  padding-top: 10px;
  padding-bottom: 48px;
}
.StoryElements .owl-nav button.owl-prev,
.StoryElements .owl-nav button.owl-next {
  border: solid 1px #d8d8d8;
  border-radius: 40px;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  top: 50% !important;
  color: #777;
  background: white;
  transform: translate(-50%, -50%);
}
.StoryElements .owl-nav button.owl-prev span,
.StoryElements .owl-nav button.owl-next span {
  display: inline-block;
  margin: 0;
  line-height: 1;
  font-size: inherit;
  color: #777;
}
.StoryElements .owl-nav button.owl-prev:hover,
.StoryElements .owl-nav button.owl-next:hover {
  color: #000000;
  border-color: #000000;
}
.StoryElements .owl-nav button.owl-prev:hover span,
.StoryElements .owl-nav button.owl-next:hover span {
  color: #000000;
}
.StoryElements .owl-nav button.owl-prev {
  left: 22px;
}
@media (min-width: 1200px) {
  .StoryElements .owl-nav button.owl-prev {
    left: 14px;
  }
}
.StoryElements .owl-nav button.owl-next {
  right: -20px;
}
@media (min-width: 1200px) {
  .StoryElements .owl-nav button.owl-next {
    right: -28px;
  }
}
.StoryElements .container-fluid {
  padding: 0 4px;
}
@media (min-width: 768px) {
  .StoryElements .container-fluid {
    padding: 0 13px;
  }
}
.StoryElements .Card {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  padding: 0 !important;
  box-shadow: none;
}
.StoryElements-item {
  display: inline-block;
  margin: 0 12px;
  padding: 0;
  height: 100% !important;
}
.StoryElements-link {
  height: 330px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  position: relative;
  background-size: cover;
  background-position: center;
}
.StoryElements-link:hover {
  text-decoration: none;
}
.StoryElements-link:after {
  content: '';
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 70%;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));
}
.StoryElements-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.StoryElements-image img {
  height: auto;
  min-height: 100%;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  object-fit: cover;
}
.StoryElements-content {
  padding: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: flex-end;
  color: #fff;
  height: 100%;
  position: relative;
  z-index: 2;
}
@media (min-width: 992px) {
  .StoryElements-content {
    padding: 24px;
  }
}
.StoryElements-label {
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
  line-height: 15px;
  background: #000;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 4px 15px;
}
.StoryElements-label:after {
  content: "";
  display: block;
  height: 0;
  width: 0;
  border: 23px solid transparent;
  border-top-color: #000;
  position: absolute;
  right: -23px;
  top: 0;
}
.StoryElements-title {
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: bold !important;
}
@media (min-width: 992px) {
  .StoryElements-title {
    font-size: 16px !important;
    line-height: 22px !important;
  }
}
.StoryElements-description {
  font-size: 16px !important;
  line-height: 24px !important;
  color: #000 !important;
}
.StoryElements-button .btn {
  position: static !important;
  margin-top: 24px;
}
.lastPurchaseElements {
  padding: 10px 0 48px;
  background-color: #FFFFFF;
  max-width: 1200px;
  margin: auto;
  opacity: 97%;
  position: relative;
  z-index: 1;
}
.lastPurchaseElements-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  margin: -12px;
  color: #000000;
}
@media (min-width: 768px) and (max-width: 991px) {
  .lastPurchaseElements-wrapper {
    flex-wrap: nowrap;
  }
}
.lastPurchaseElements-item {
  flex: 1 1 100%;
  max-width: 186px;
  padding: 4px 12px;
}
.lastPurchaseElements-item:hover,
.lastPurchaseElements-item:focus {
  text-decoration: none;
  font-weight: inherit;
}
.lastPurchaseElements-item-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 991px) {
  .lastPurchaseElements-item-wrapper {
    overflow-x: scroll;
    padding: 15px 10px;
  }
}
.lastPurchaseElements-item-wrapper::-webkit-scrollbar {
  min-width: 8px;
  height: 10px;
}
.lastPurchaseElements-item-wrapper::-webkit-scrollbar-track {
  max-width: 3px;
  margin: 0 34px;
  background-color: #DDDDDD;
}
.lastPurchaseElements-item-wrapper::-webkit-scrollbar-thumb {
  max-width: 3px;
  background: #EB6111;
  background: -webkit-linear-gradient(45deg, #EB6111 85%, transparent 85%);
}
@media (min-width: 768px) and (max-width: 991px) {
  .lastPurchaseElements-item-wrapper {
    width: calc(100% - 95px);
  }
}
@media (max-width: 767px) {
  .lastPurchaseElements-item.quickPurchase {
    max-width: unset;
  }
}
.lastPurchaseElements-item.quickPurchase .lastPurchaseElements-card {
  padding: 15px 10px;
  box-shadow: none;
  background: #97c1de;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  -ms-flex-direction: column;
  justify-content: space-around;
}
.lastPurchaseElements-item.quickPurchase .lastPurchaseElements-card .quickEntry .ui-autocomplete {
  top: 40px !important;
  min-width: 250px;
}
.lastPurchaseElements-item.quickPurchase .lastPurchaseElements-title {
  font-weight: bold;
}
.lastPurchaseElements-item.quickPurchase .lastPurchaseElements-text {
  color: #000000;
}
.lastPurchaseElements-item.quickPurchase .lastPurchaseElements-text.info {
  color: #626262;
}
.lastPurchaseElements-item.quickPurchase .quickEntry {
  margin-top: 16px;
  margin-bottom: 0;
}
.lastPurchaseElements-item.quickPurchase .quickEntry input {
  box-shadow: none;
  border: 1px solid #000000;
}
.lastPurchaseElements-item.quickPurchase .quickEntry input::placeholder {
  font-size: 11px;
  color: #939393;
}
.lastPurchaseElements-item.quickPurchase .quickEntry .btn-link {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0 4px;
  margin: 0;
  height: 100%;
  width: 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border: 1px solid #000000;
  border-left-width: 2px;
  background: #EB6111;
}
.lastPurchaseElements-item.quickPurchase .quickEntry .btn-link:hover,
.lastPurchaseElements-item.quickPurchase .quickEntry .btn-link:focus {
  text-decoration: none;
}
.lastPurchaseElements-item.quickPurchase .quickEntry .btn-link .bicon {
  font-size: 24px;
  left: 3px;
}
.lastPurchaseElements-card {
  height: 100%;
}
.lastPurchaseElements-card.Card {
  background: #F5F5F5;
  margin: 0;
  border: 1px solid #fff;
  position: relative;
}
.lastPurchaseElements-content {
  padding: 15px 10px;
  border: 1px solid #F5F5F5;
  margin-bottom: 28px;
}
.lastPurchaseElements-title {
  display: block;
  font-weight: bold;
  line-height: 20px;
  color: #000;
}
.lastPurchaseElements-text {
  display: block;
  line-height: 20px;
  color: #626262;
}
.lastPurchaseElements .addtocart {
  display: block;
  line-height: 20px;
  font-weight: bold;
  color: #000000;
  text-decoration: underline;
  position: absolute;
  bottom: 15px;
  left: 10px;
}
.lastPurchaseElements .addtocart:hover {
  text-decoration-color: #EB6111;
}
.lastPurchaseElements-image {
  height: 120px;
  width: 120px;
  padding-top: 72px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .lastPurchaseElements-image {
    width: 72px;
    margin-bottom: 0;
    margin-right: 16px;
    border: 1px solid #C4C4C4;
    border-collapse: collapse;
  }
}
.lastPurchaseElements-image-wrapper {
  padding: 25px 21px;
  background: #fff;
  border: 1px solid #C4C4C4;
  border-collapse: collapse;
}
@media (max-width: 767px) {
  .lastPurchaseElements .container-fluid {
    padding: 0;
  }
}
.categoryModule {
  color: #000;
}
@media (max-width: 1199px) {
  .categoryModule {
    margin-left: -1px;
    margin-right: -1px;
  }
}
.categoryModule-headline {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 24px;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .categoryModule-headline {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 991px) {
  .categoryModule-headline {
    font-size: 20px;
    text-align: center;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .categoryModule-headline {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.categoryModule-box {
  border: 1px solid  #d8d8d8;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  position: relative;
}
.categoryModule-box:before,
.categoryModule-box:after {
  content: " ";
  display: table;
}
.categoryModule-box:after {
  clear: both;
}
.categoryModule-box:before,
.categoryModule-box:after {
  content: " ";
  display: table;
}
.categoryModule-box:after {
  clear: both;
}
@media (min-width: 768px) {
  .categoryModule-col {
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .categoryModule-col {
    width: 50%;
    margin-left: 50%;
  }
}
@media (min-width: 992px) {
  .categoryModule-col {
    width: 60%;
    margin-left: 40%;
  }
}
.categoryModule-cat {
  display: block;
  background: no-repeat center center;
  background-size: cover;
  color: #fff;
  overflow: hidden;
}
@media (max-width: 767px) {
  .categoryModule-cat {
    padding-top: 50%;
  }
}
@media (min-width: 768px) {
  .categoryModule-cat {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .categoryModule-cat {
    width: 50%;
  }
}
@media (min-width: 992px) {
  .categoryModule-cat {
    width: 40%;
  }
}
.categoryModule-cat:hover {
  color: #fff;
  text-decoration: none;
}
.categoryModule-cat-body {
  overflow: auto;
  max-height: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 16px;
}
@media (min-width: 768px) {
  .categoryModule-cat-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px;
  }
}
.categoryModule-cat-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 13px;
}
.categoryModule-cat-desc {
  font-size: 13px;
  color: #fff;
}
.categoryModule-cat-btn {
  margin-top: 24px;
}
.categoryModule-product {
  display: block;
  color: #000;
  position: relative;
}
.categoryModule-product:hover {
  color: #000;
  text-decoration: none;
}
@media (min-width: 992px) {
  .categoryModule-product {
    padding-top: 33.33333333%;
    width: 33.33333333%;
    height: 0;
    float: left;
  }
  .categoryModule-product:last-child {
    border-top: 1px solid  #d8d8d8;
  }
  .categoryModule-product_big {
    width: 66.66666667%;
    padding-top: 66.66666667%;
    border-left: 1px solid #d8d8d8;
    border-right: 1px solid #d8d8d8;
  }
  .categoryModule-product-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .categoryModule-product-body {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
  }
  .categoryModule-product-img {
    text-align: center;
    padding-top: 10%;
    padding-bottom: 8px;
  }
  .categoryModule-product-img img {
    width: 57.01754386%;
  }
}
.categoryModule-product-name {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categoryModule-product:hover .categoryModule-product-name {
  text-decoration: underline;
}
.categoryModule-product-price {
  font-size: 12px;
  font-weight: bold;
  min-height: 36px;
}
.categoryModule-product-price .price.not-visible {
  line-height: 1.2;
}
@media (max-width: 991px) {
  .categoryModule-product {
    padding: 16px;
    min-height: 132px;
    padding-left: 132px;
  }
  .categoryModule-product + .categoryModule-product {
    border-top: 1px solid #d8d8d8;
  }
  .categoryModule-product-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding: 16px;
  }
  .categoryModule-product-img img {
    width: 100px;
  }
  .categoryModule-product-body {
    display: flex;
    flex-direction: column;
    height: 100px;
  }
  .categoryModule-product-price {
    margin-top: auto;
    min-height: 0;
  }
}
@media (max-width: 767px) {
  .categoryModule-product {
    min-height: 112px;
    padding-left: 112px;
  }
  .categoryModule-product-img img {
    width: 80px;
  }
  .categoryModule-product-body {
    height: 80px;
  }
}
.nb-headline {
  color: #000;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 30px;
  line-height: 1.2;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .nb-headline {
    text-align: center;
  }
}
.nbPost {
  color: #000;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: 1px solid #f1f1f1;
  margin-bottom: 50px;
  padding: 40px 30px;
}
@media (max-width: 767px) {
  .nbPost {
    padding-top: 20px;
  }
}
.nbPostInfo {
  font-size: 12px;
  line-height: 18px;
  color: #666666;
  margin-top: 30px;
}
.nbPostInfo-item {
  display: inline;
}
.nbPostInfo-item + .nbPostInfo-item:before {
  content: '/';
}
.nbPostCategory {
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
  padding-left: 25px;
  margin-top: -31px;
  margin-left: -31px;
  border-left: 5px solid #000000;
}
.nbPostCategory_inline {
  display: inline-block;
  padding-right: 30px;
  margin: 0;
  margin-top: 30px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  background: #fff;
}
.nbPost-mainImg {
  background: transparent top right no-repeat;
  background-size: cover;
  padding-bottom: 33%;
  margin: 0 -31px;
  position: relative;
  top: -40px;
}
@media (max-width: 767px) {
  .nbPost-mainImg {
    top: -20px;
  }
}
.nbPost-content {
  font-size: 14px;
  line-height: 1.5;
}
.nbPost-content > * {
  margin-bottom: 1.5em;
}
.nbPost-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .nbPost-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.nbPost-img img {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  height: auto;
}
.nbPost-img-caption {
  font-size: 12px;
  line-height: 1.33;
  margin-bottom: 15px;
}
.nbPost-img-copyright {
  font-size: 11px;
  color: #676767;
}
.nbPost-quote {
  margin-left: 5%;
  margin-right: 5%;
  border: 0 solid #c7c5c5;
  border-width: 1px 0;
  padding: 35px 70px 25px;
}
.nbPost-quote-text {
  position: relative;
  font-size: 16px;
  line-height: 1.38;
}
.nbPost-quote-text:before {
  content: '';
  position: absolute;
  left: -45px;
  top: -13px;
  width: 31px;
  height: 24px;
  background: url(../img/quotes-grey.png) center center no-repeat;
  font-size: 30px;
  line-height: 1;
}
.nbPost-quote-footer {
  line-height: 64px;
  margin-top: 30px;
}
.nbPost-quote-img {
  width: 64px;
  height: 64px;
  border-radius: 100%;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.nbPost-quote-img img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}
.nbPost-quote-author {
  display: inline-block;
  font-size: 13px;
  line-height: 16px;
  vertical-align: middle;
}
.nbTeaser {
  color: #000;
  margin-bottom: 30px;
  position: relative;
  padding-top: 30px;
}
@media (max-width: 991px) {
  .nbTeaser {
    padding-top: 186px;
  }
}
@media (max-width: 767px) {
  .nbTeaser {
    padding-top: 175px;
    margin-right: -15px;
  }
}
.nbTeaser-list {
  margin-left: -15px;
}
.nbTeaser-img {
  background: transparent center center no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  bottom: 30px;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .nbTeaser-img {
    height: 215px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .nbTeaser-img {
    height: 256px;
    right: 80px;
  }
}
@media (min-width: 992px) {
  .nbTeaser-img {
    right: auto;
    width: 43%;
  }
}
.nbTeaser-content {
  position: relative;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  border: 1px solid #e5e5e5;
}
a.nbTeaser-content {
  display: block;
  color: #000;
}
a.nbTeaser-content:hover {
  text-decoration: none;
  background: #f9f9f9;
  box-shadow: none;
}
@media (min-width: 992px) {
  .nbTeaser-content {
    margin-left: 36%;
  }
}
@media (max-width: 991px) {
  .nbTeaser-content {
    margin-left: 30px;
  }
}
.nbTeaser-name {
  font-weight: bold;
  margin: 15px 0;
  font-size: 20px;
  list-style: 1.2;
}
.nbTeaser-desc {
  font-size: 13px;
}
@media (min-width: 992px) {
  .nbTeaser_grid {
    padding-top: 186px;
  }
  .nbTeaser_grid .nbTeaser-img {
    bottom: auto;
    right: 0;
    width: auto;
    margin-right: 30px;
    height: 256px;
  }
  .nbTeaser_grid .nbTeaser-content {
    margin-left: 30px;
  }
}
.nbTeaser_categoryHeader {
  margin: 30px -15px 30px;
}
@media (min-width: 768px) {
  .nbTeaser_categoryHeader {
    padding-top: 240px;
  }
}
@media (min-width: 992px) {
  .nbTeaser_categoryHeader {
    padding-top: 340px;
  }
}
.nbTeaser_categoryHeader .nbTeaser-img {
  right: 0;
}
@media (min-width: 768px) {
  .nbTeaser_categoryHeader .nbTeaser-img {
    height: 300px;
  }
}
@media (min-width: 992px) {
  .nbTeaser_categoryHeader .nbTeaser-img {
    height: 420px;
    width: auto;
  }
}
.nbTeaser_categoryHeader .nbTeaser-content {
  margin-left: 30px;
}
@media (min-width: 992px) {
  .nbTeaser_categoryHeader .nbTeaser-content {
    margin-right: 25%;
    margin-right: calc(25% + 15px);
  }
}
@media (min-width: 768px) {
  .nbTeaser_categoryHeader .nbTeaser-name {
    font-size: 30px;
  }
}
.nbComments {
  color: #000;
  padding: 50px 0;
  border-top: 1px solid #c7c5c5;
  border-bottom: 1px solid #c7c5c5;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .nbComments-inner {
    max-width: 550px;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .nbComments-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.nbComments-link {
  float: right;
  margin-top: -5px;
  margin-right: -25px;
}
.nbComments-link span {
  margin-left: 9px;
}
.nbComments-link_active {
  color: #888;
}
@media (max-width: 767px) {
  .nbComments-link {
    float: none;
  }
}
.nbCommentsEntry {
  margin: 15px 0;
  padding: 30px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
}
.nbCommentsEntry-head {
  margin-bottom: 20px;
}
.nbCommentsEntry-author {
  font-weight: bold;
  display: inline-block;
}
.nbCommentsEntry-date {
  display: inline-block;
  color: #666;
  margin-left: 10px;
}
.nbCommentsEntry-content {
  font-size: 12px;
  line-height: 1.58;
}
.nbCommentsEntry-answer {
  margin: 10px 0 0 0;
  border-top: 1px solid #e5e5e5;
  padding: 10px 0 10px 30px;
}
.nbComments-loginInfo {
  margin-bottom: 20px;
  margin-left: 30px;
}
.nbComments-actions {
  max-width: 350px;
  margin-left: 30px;
}
.nbComments-actions .btn {
  white-space: normal;
}
.nbCommentsWrite {
  position: relative;
}
.nbCommentsWrite-close.btn {
  position: absolute;
  top: -5px;
  right: -5px;
  padding: 5px;
  font-size: 20px;
  color: #000;
  width: 32px;
  height: 32px;
  line-height: 20px;
}
.nbCommentsWrite-info {
  margin-left: 30px;
}
.nbCommentsWrite input {
  padding-left: 10px;
}
.nbCommentsWrite-input {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  width: auto;
  margin: 15px 0 ;
}
.nbCommentsWrite-input textarea {
  border: 0;
  padding: 30px;
  min-width: 100%;
  min-height: 130px;
  max-width: 100%;
}
.nbCommentsWrite-actions {
  text-align: right;
}
.nbCommentsWrite + .nbCommentsEntry {
  margin-top: 30px;
}
.nbLinkList {
  color: #000;
  padding: 50px 0;
  border-top: 1px solid #c7c5c5;
  border-bottom: 1px solid #c7c5c5;
  margin-top: -1px;
}
@media (min-width: 768px) {
  .nbLinkList-inner {
    max-width: 550px;
  }
}
.nbLinkList-link {
  display: block;
  line-height: 1.5;
  padding: 0.5em 30px;
}
.nbCategoryAside {
  color: #000;
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  .nbCategoryAside {
    border-top: 1px solid #c7c5c5;
    margin-top: 55px;
    padding-top: 40px;
  }
}
@media (min-width: 992px) {
  .nbCategoryAside_mt {
    margin-top: -65px;
  }
}
.nbCategoryAside-icon {
  font-size: 50px;
  height: 50px;
  margin-bottom: 10px;
  color: #000000;
}
.nbCategoryAside-icon span {
  vertical-align: top;
}
.nbCategoryAside-headline {
  font-weight: bold;
  margin-bottom: 10px;
}
.nbCategoryAside-headline ~ .nbCategoryAside-headline {
  margin-top: 50px;
}
.nbCategoryAside-text {
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
.nbCategoryAside-hr {
  border: 0;
  border-top: 1px solid #c7c5c5;
  margin: 35px 0 -35px;
}
.nbCategoryAside-social {
  margin: -0.5em;
}
.nbCategoryAside-social a {
  display: inline-block;
  padding: 0.5em;
  color: #888;
}
.nbCategoryAside-social a:hover {
  color: #000;
}
.nbCategoryAside-social img {
  width: auto;
  max-height: 20px;
}
.nbCategoryAside-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.nbCategoryAside-links li {
  padding: 5px 0;
}
.nbCategoryAside-links li:before {
  content: "\E03B";
}
.nbCategoryAside-links li:before {
  font-family: 'berner_iconfont';
  font-size: 10px;
  color: #666;
}
.nbCategoryAside-links a {
  font-size: 13px;
  line-height: 16px;
}
.nbCategoryAside-links a span {
  color: #666;
}
.nbCategoryAside-links a span:before {
  content: '(';
}
.nbCategoryAside-links a span:after {
  content: ')';
}
.nbCategoryAside-product a {
  display: block;
  color: inherit;
}
.nbCategoryAside-product img {
  width: 90%;
  height: auto;
  display: inline-block;
  margin-bottom: 20px;
}
.nbCategoryAside-product + .nbCategoryAside-product {
  margin-top: 20px;
}
.nbBanner1 {
  display: block;
  color: #000;
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .nbBanner1 {
    padding: 25px;
  }
}
.nbBanner1-wrapper {
  padding: 0 !important;
  background: #f1f1f1;
}
@media (min-width: 768px) {
  .nbBanner1-wrapper {
    width: 66.66666667% !important;
  }
}
@media (max-width: 767px) {
  .nbBanner1-wrapper {
    width: 100% !important;
  }
}
.nbBanner1-img {
  background: transparent center center no-repeat;
  background-size: cover;
  padding-top: 42%;
  border: 1px solid #c7c5c5;
}
.nbBanner1-content {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin-left: 25px;
  margin-right: -1px;
  margin-bottom: 25px;
  padding: 20px 25px;
  margin-top: -28px;
}
.nbBanner1-content:hover {
  text-decoration: none;
  background: #f9f9f9;
  box-shadow: none;
}
@media (min-width: 768px) {
  .nbBanner1-content {
    margin-top: -60px;
    margin-bottom: 0;
    padding: 25px 30px;
    margin-right: 25px;
  }
}
.nbBanner1-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.nbBanner1-text {
  font-size: 13px;
}
.nbBanner1-more {
  margin-top: 20px;
  color: #000000;
}
.nbBanner2 {
  display: block;
  text-decoration: none !important;
}
.nbBanner2,
.nbBanner2:hover,
.nbBanner2:focus,
.nbBanner2:active {
  color: #fff;
}
.nbBanner2-wrapper {
  padding: 0 !important;
  background: #000000;
}
@media (min-width: 768px) {
  .nbBanner2-wrapper {
    width: 66.66666667% !important;
  }
}
@media (max-width: 767px) {
  .nbBanner2-wrapper {
    width: 100% !important;
  }
}
.nbBanner2-img {
  background: transparent center center no-repeat;
  background-size: cover;
  padding-top: 42%;
}
.nbBanner2-category {
  position: absolute;
  top: 20px;
  left: -1px;
  font-size: 12px;
  line-height: 26px;
  padding: 0 20px;
  background: #e32c3c;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
}
@media (min-width: 768px) {
  .nbBanner2-category {
    padding: 0 25px;
  }
}
.nbBanner2-category:after {
  content: "";
  display: block;
  position: absolute;
  right: -26px;
  top: 0;
  height: 0;
  width: 0;
  border: 26px solid transparent;
  border-top-color: #e32c3c;
}
.nbBanner2-content {
  padding: 15px 20px 30px;
}
@media (min-width: 768px) {
  .nbBanner2-content {
    padding: 20px 25px;
  }
}
.nbBanner2-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.nbBanner2-text {
  font-size: 13px;
}
.nbBanner2-more {
  margin-top: 20px;
}
.nbBanner2-more span {
  margin-left: 5px;
}
.nbLink {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 14px;
}
@media (min-width: 768px) {
  .nbLink {
    font-size: 11px;
  }
}
.nbLink-icon {
  float: left;
  font-size: 50px;
  width: 50px;
  height: 50px;
  margin-right: 10px;
  color: #000000;
}
@media (min-width: 768px) {
  .nbLink-icon {
    font-size: 40px;
    width: 40px;
    height: 40px;
  }
}
.nbLink-icon span {
  vertical-align: top;
}
.nbLink-title,
.nbLink-link {
  margin-left: 60px;
}
@media (min-width: 768px) {
  .nbLink-title,
  .nbLink-link {
    margin-left: 50px;
  }
}
.nbLink-title {
  padding-top: 5px;
  color: #666667;
}
.nbLink-link {
  display: block;
}
.yblog__paging__item a,
.blogComponent a {
  display: inline-block;
  height: 17px;
  position: relative;
  margin-bottom: 20px;
}
.yblog__paging__item svg,
.blogComponent svg {
  position: absolute;
  top: 1px;
}
.yblog__paging__item span,
.blogComponent span {
  padding-left: 18px;
}
.yblog__paging__item span span,
.blogComponent span span {
  padding-left: 0;
}
.yblog__paging__item.right,
.blogComponent.right {
  text-align: right;
  padding-right: 28px;
}
.yblog__paging__item.right span,
.blogComponent.right span {
  padding-left: 0;
  padding-right: 8px;
}
@media (max-width: 1199px) {
  .blogComponent {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.blogComponent.nbAttachments .blogCategoryListHeader {
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 10px;
}
.relatedBlogPosts-wrapper {
  margin-top: 30px;
}
.relatedBlogPosts-wrapper h2 {
  color: #000000;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 30px;
  border-top: 1px solid #c7c5c5;
}
.relatedBlogPosts-wrapper img {
  max-width: 550px;
}
@media (max-width: 1199px) {
  .relatedBlogPosts-wrapper {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.similarBlogPosts-wrapper .blogCategoryListHeader {
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 10px;
  color: #000;
}
.yblog__description,
.yblog__blogroll {
  margin-bottom: 50px;
  padding-bottom: 40px;
}
.yblog__description h3,
.yblog__blogroll h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
.yblog__description p,
.yblog__blogroll p {
  color: #666;
}
.yblog__description {
  border-bottom: 1px solid #c7c5c5;
}
.invoicePayment {
  margin-top: 30px;
  color: #000;
  line-height: 1.2;
}
.invoicePayment .form-group .radio {
  margin: -0.5px 0;
}
.invoicePayment .form-group .radio input[type="radio"] {
  top: -5px;
  left: 15px;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  -webkit-appearance: none;
  outline: none;
}
.invoicePayment .form-group .radio input[type="radio"]:checked {
  background: #fff;
}
.invoicePayment .form-group .radio input[type="radio"]:checked:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 4px;
  left: 4px;
  display: block;
  border: 3px solid #EB6111;
  border-radius: 3px;
}
.invoicePaymentList2-entry {
  padding: 20px 30px;
  font-size: 12px;
  line-height: 1.5;
}
.invoicePaymentList2-entry:nth-child(2n) {
  background: #f9f9f9;
}
.invoicePaymentList2-price {
  text-align: right;
}
.invoicePaymentList2-price input {
  width: auto !important;
  padding-left: 6px;
}
@media (max-width: 767px) {
  .invoicePaymentList2-price input {
    width: 100% !important;
  }
}
.invoicePaymentList2-price input::-webkit-outer-spin-button,
.invoicePaymentList2-price input::-webkit-inner-spin-button {
  margin-left: 5px;
}
.invoicePaymentList2-sum {
  padding: 20px 30px;
  font-size: 12px;
  line-height: 1.5;
  text-align: right;
}
.invoicePaymentList2-sum strong {
  font-size: 14px;
}
@media (max-width: 767px) {
  .invoicePaymentList2-sum-from {
    display: block;
  }
}
.invoicePaymentAmountForm {
  max-width: 400px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: 0;
}
.invoicePaymentAmountForm .row {
  margin: 0;
}
.invoicePaymentAmountForm .col-xs-6 {
  padding: 0;
}
.invoicePaymentAmountForm-btn {
  background: #666;
  color: #fff !important;
}
@media (max-width: 767px) {
  .invoicePaymentAmountForm {
    padding: 8px;
    background: #f1f1f1;
    width: auto;
    margin: 0;
    max-width: 100%;
  }
  .invoicePaymentAmountForm-input {
    height: 42px;
  }
}
.invoicePaymentSummaryItem {
  position: relative;
}
@media (max-width: 767px) {
  .invoicePaymentSummaryItem {
    max-width: 100%;
  }
}
.invoicePaymentSummaryItem + .invoicePaymentSummaryItem {
  margin-top: 24px;
}
.invoicePaymentSummaryItem-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.62;
  padding-bottom: 4px;
}
.invoicePaymentSummaryItem-title-link {
  padding-left: 5px;
}
@media (max-width: 767px) {
  .invoicePaymentSummaryItem-title-link {
    display: block;
    padding-left: 0;
  }
}
.invoicePaymentSummaryItem-value {
  font-size: 13px;
  line-height: 1.62;
}
.invoicePaymentSummaryItem-change {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  padding: 5px 25px;
  transform: translateX(100%);
}
@media (max-width: 767px) {
  .invoicePaymentSummaryItem-change {
    padding: 10px 0;
    position: relative;
    transform: translateX(0);
  }
}
.invoicePaymentSummaryItem-list-entry {
  font-size: 12px;
  line-height: 18px;
  color: #000000;
  padding: 5px 0;
}
.invoicePaymentSummaryItem-list-entry a {
  font-size: 13px;
}
.invoicePaymentSummaryItem-list-entry_total {
  border-top: 1px solid #d8d8d8;
  margin-top: 10px;
  padding-top: 10px;
}
.invoicePaymentSummaryItem-list-sum {
  text-align: right;
}
.invoicePaymentSummaryItem-list-total {
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}
.invoicePaymentSection {
  margin-bottom: 5px;
  background: #fff;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #d8d8d8;
  box-shadow: none;
  position: relative;
}
@media (max-width: 991px) {
  .invoicePaymentSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .invoicePaymentSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .invoicePaymentSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .invoicePaymentSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .invoicePaymentSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .invoicePaymentSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
@media (max-width: 991px) {
  .invoicePaymentSection {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (max-width: 767px) {
  .invoicePaymentSection {
    margin-left: -9px;
    margin-right: -9px;
  }
}
.invoicePaymentSection-head {
  padding: 15px 25px;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  color: #888;
}
@media (max-width: 767px) {
  .invoicePaymentSection-head {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.invoicePaymentSection-body {
  display: none;
  border-top: 1px solid #d8d8d8;
  padding: 25px;
  margin-top: -1px;
}
.invoicePaymentSection-body #creditcardPayment {
  display: none;
  width: 500px;
  height: 500px;
}
@media (max-width: 767px) {
  .invoicePaymentSection-body {
    padding-left: 16px;
    padding-right: 16px;
  }
  .invoicePaymentSection-body #creditcardPayment {
    width: auto;
    max-width: 500px;
  }
}
.invoicePaymentSection-body.invoicePaymentSection-body_nopadding {
  padding: 0;
}
.invoicePaymentSection-ideal-bank {
  padding-left: 20px;
}
.invoicePaymentSection-ideal-bank-options {
  border: 1px solid #c7c5c5;
  height: 24px;
  padding: 0 10px;
  font-size: 13px;
  color: #000;
  min-width: 200px;
  line-height: 24px;
  max-width: 300px;
}
.invoicePaymentSection-ideal-bank-options a.select2-choice {
  font-size: 13px;
  color: #000;
  padding: 0;
}
.invoicePaymentSection-ideal-bank-options.select2-dropdown-open {
  border-bottom: none;
}
.invoicePaymentSection-ideal-bank-options.select2-dropdown-open.select2-drop-above {
  border-top: none;
  border-bottom: 1px solid #c7c5c5;
}
.invoicePaymentSection-action {
  display: none;
  position: absolute;
  right: 0;
  left: 0;
  padding-top: 30px;
  text-align: right;
}
.invoicePaymentSection-action-inner {
  margin: 0;
  margin-left: auto;
  float: right;
}
@media (max-width: 767px) {
  .invoicePaymentSection-action {
    padding-top: 0;
  }
  .invoicePaymentSection-action-inner {
    text-align: center;
    color: #999;
    padding: 8px;
    background: #f1f1f1;
    border-top: 1px solid #d8d8d8;
    width: auto;
    margin: 0;
    float: none;
  }
  .invoicePaymentSection-action-inner.fixed {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .invoicePaymentSection-action .btn {
    display: block;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.invoicePaymentSection_open {
  margin-bottom: 135px;
}
@media (max-width: 767px) {
  .invoicePaymentSection_open {
    margin-bottom: 120px;
  }
}
.invoicePaymentSection_open > .invoicePaymentSection-head {
  color: #000;
}
.invoicePaymentSection_open > .invoicePaymentSection-action,
.invoicePaymentSection_open > .invoicePaymentSection-body {
  display: block;
}
.invoicePaymentCompleted-headline {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 1.2em;
}
.invoicePaymentXsFilter {
  margin: -25px -25px 25px;
  padding: 20px 25px;
  background: #f1f1f1;
  border-bottom: 1px solid #d8d8d8;
}
.invoicePaymentSelection {
  padding: 20px 0 0;
  text-align: right;
  font-size: 13px;
}
.invoicePaymentSelection-inner {
  display: inline-block;
  text-align: left;
  min-width: 300px;
}
.invoicePaymentSelection-title {
  font-weight: bold;
  margin-bottom: 1.6em;
}
.invoicePaymentSelection-empty {
  color: #888;
}
.invoicePaymentSelection-item,
.invoicePaymentSelection-empty {
  display: block;
  padding-top: .2em;
  padding-bottom: .2em;
}
.invoicePaymentSelection-selectall {
  float: left;
  font-size: 12px;
  margin: -5px 0;
  padding-top: 5px;
  padding-bottom: 5px;
}
.invoicePaymentSelection-selectall input[type="checkbox"] {
  margin-top: 2px;
}
.invoicePaymentSelection-selectall label {
  line-height: 25px;
}
.invoicePaymentSelection-selectall label span {
  margin-left: 15px;
}
.invoicePaymentSelection-selectall .checkbox {
  margin: 0;
}
.invoicePaymentTable {
  width: 100%;
}
.invoicePaymentTable-wrapper {
  overflow: auto;
  margin: -25px;
  margin-bottom: 0;
  max-height: 631px;
  border-bottom: 1px solid #d8d8d8;
  display: none;
}
@media (min-width: 768px) {
  .invoicePaymentTable-wrapper {
    display: block;
  }
}
.invoicePaymentTable th,
.invoicePaymentTable td {
  padding: 15px;
  white-space: nowrap;
}
.invoicePaymentTable th:first-child,
.invoicePaymentTable td:first-child {
  width: 1%;
  padding-left: 25px;
}
.invoicePaymentTable th:last-child,
.invoicePaymentTable td:last-child {
  width: 5%;
  text-align: right;
  padding-right: 25px;
}
.invoicePaymentTable th {
  font-size: 12px;
  font-weight: normal;
  border-bottom: 1px solid #d8d8d8;
  padding-bottom: 10px;
}
.invoicePaymentTable td {
  font-size: 12px;
  line-height: 18px;
  padding: 23px 15px;
}
.invoicePaymentTable tbody tr:nth-child(even) {
  background: #f9f9f9;
}
.invoicePaymentTable tbody tr:hover > td {
  background: #e6eef5;
}
.invoicePaymentTable_selectable th:first-child label {
  display: block;
  margin: -15px -15px -10px -25px;
  padding: 15px 15px 10px 25px;
}
.invoicePaymentTable_selectable td {
  padding: 0;
}
.invoicePaymentTable_selectable td label {
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 20px 15px;
  cursor: pointer;
}
.invoicePaymentTable_selectable td:first-child {
  padding-left: 0;
}
.invoicePaymentTable_selectable td:first-child label {
  padding-left: 25px;
}
.invoicePaymentTable_selectable td:last-child {
  padding-right: 0;
}
.invoicePaymentTable_selectable td:last-child label {
  text-align: right;
  padding-right: 25px;
}
.invoicePaymentTable-img {
  border: 1px solid #d8d8d8;
  width: 40px;
  height: 40px;
  margin-right: 5px;
  margin-top: -13px;
  margin-bottom: -13px;
}
.invoicePaymentTable-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.77;
  border-bottom: 1px solid #d8d8d8;
  margin: 25px -25px;
  margin-top: 0;
  padding: 10px 25px;
}
.invoicePaymentList {
  display: none;
  margin: -25px -16px;
  margin-bottom: 0;
  border-bottom: 1px solid #d8d8d8;
}
@media (max-width: 767px) {
  .invoicePaymentList {
    display: block;
    margin-bottom: 0;
  }
}
.invoicePaymentList-item {
  display: block;
  padding: 12px 16px;
  position: relative;
  min-height: 104px;
  margin: 0;
  font-weight: normal;
  overflow: hidden;
}
.invoicePaymentList-item:nth-child(even) {
  background: #f9f9f9;
}
.invoicePaymentList-item:hover {
  background: #e6eef5;
}
.invoicePaymentList-text {
  font-size: 12px;
  line-height: 1.65;
  padding-right: 20px;
}
.invoicePaymentList-text strong {
  display: block;
}
.invoicePaymentList-input {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -10px !important;
  width: 20px;
  height: 20px;
}
.invoicePaymentList_selectable label {
  cursor: pointer;
}
.invoicePaymentSum {
  font-size: 12px;
  color: #666;
  text-align: right;
}
@media (max-width: 767px) {
  .invoicePaymentSum {
    padding-top: 24px;
  }
}
.select2-ideal-pooi .select2-results {
  font-size: 13px;
}
#thePaymentsModalContainer #thePaymentsModal {
  top: 100px;
}
.CHStep {
  counter-increment: steps;
  position: relative;
}
.CHStep-wrapper {
  margin-top: 10px;
  margin-bottom: 98px;
  padding-left: 8px;
  padding-right: 8px;
  counter-reset: steps;
}
.CHStep-wrapper > div:last-child .CHCartTable-icon {
  display: none;
}
.CHStep-head {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #d8d8d8;
  background-color: #fff;
  margin-bottom: 16px;
  padding: 16px 32px;
  font-size: 18px;
  font-weight: bold;
  color: #888;
  display: block;
}
@media (max-width: 767px) {
  .CHStep-head {
    padding: 16px;
  }
}
.CHStep-head:hover {
  color: inherit;
  text-decoration: none;
}
.CHStep-head.noHover:hover {
  color: #888;
}
.CHStep-head:before {
  content: counter(steps) ".";
}
.CHStep-head span {
  position: absolute;
  top: 20px;
  right: 32px;
  font-size: 22px;
}
.CHStep-body {
  display: none;
  margin-top: -17px;
  border-top: 1px solid #c7c5c5;
}
.CHStep-box {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.15);
  border: solid 1px #d8d8d8;
  background-color: #fff;
  margin-bottom: 16px;
}
.CHStep-box:first-child {
  border-top: 0;
}
.CHStep-box .form-group .control-label {
  font-size: 11px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
@media (min-width: 768px) {
  .CHStep-box .loginForm {
    position: relative;
  }
  .CHStep-box .loginForm::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    background: #c5c5c5;
  }
}
.CHStep-box .loginForm .headline {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: bold;
}
.CHStep-box .loginForm .loginForm {
  margin-top: 16px;
}
.CHStep-box .loginForm .loginForm::after {
  display: none;
}
.CHStep-box .loginForm .loginForm label {
  font-weight: bold;
  font-size: 13px;
  line-height: 20px;
  color: #000;
}
.CHStep-box .loginForm .loginForm .form-group.passToggleContainer {
  margin-bottom: -15px;
}
.CHStep-box .loginForm .loginForm .toggleShowPasskey {
  top: -27px !important;
}
@media (max-width: 767px) {
  .CHStep-box .loginRegister {
    padding: 0 16px;
  }
}
.CHStep-box .loginRegister .loginBox-headline {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  font-weight: bold;
}
.CHStep-box .loginRegister-text {
  margin-top: 16px;
  margin-bottom: 24px;
}
.CHStep-box .loginRegister-actions .btn {
  display: inline-block;
  width: auto;
}
.CHStep.active .CHStep-head {
  color: #000;
}
.CHStep.active .CHStep-body {
  display: block;
}
.CHStep.done .CHStep-head {
  color: #000000;
}
.CHStep.accessible {
  color: #000000;
}
.CHCartHead {
  padding: 24px 32px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.CHCartHead-wrapper {
  position: relative;
  border-bottom: 1px solid #c7c5c5;
}
.CHCartHead-wrapper:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 1px;
  background: #c7c5c5;
  margin-left: -0.5px;
}
@media (max-width: 767px) {
  .CHCartHead-wrapper:after {
    display: none;
  }
}
.CHCartHead-wrapper_billing {
  border-bottom: 1px solid #c7c5c5;
}
.CHCartHead-wrapper_billing:after {
  display: none;
}
.CHCartHead_left {
  padding-right: 17px;
}
.CHCartHead_right {
  padding-left: 17px;
}
.CHCartHead-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.CHCartHead-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  margin-bottom: 16px;
  min-height: 22px;
}
.CHCartHead-selects {
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .CHCartHead-selects {
    margin-bottom: 0;
  }
}
.CHCartHead-selects .select-dark {
  margin-bottom: 4px;
}
.CHCartHead-action {
  margin-top: auto;
}
@media (max-width: 767px) {
  .CHCartHead-action {
    margin-top: 10px;
  }
}
.CHCartHead-action-btn {
  margin-top: 26px;
}
@media (max-width: 767px) {
  .CHCartHead-action-btn {
    margin-top: 10px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .CHCartHead-action.quickEntry div:nth-child(2) {
    margin-left: -20px;
  }
}
.CHCartHead .form-group {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .CHCartHead {
    padding: 16px !important;
  }
  .CHCartHead_left {
    border-bottom: 1px solid #c7c5c5;
  }
  .CHCartHead_left .ccm {
    margin-bottom: 10px;
  }
}
.CHCartTable {
  width: 100%;
}
.CHCartTable thead th {
  padding: 16px;
  text-transform: uppercase;
  border-left: 1px solid #c7c5c5;
  font-size: 12px;
  color: #000;
  font-weight: normal;
  border-bottom: 1px solid #c7c5c5;
}
.CHCartTable thead th:first-child {
  width: 50%;
  border-left: 0;
  min-width: 320px;
}
@media (max-width: 767px) {
  .CHCartTable thead {
    display: none;
  }
}
.CHCartTable tbody tr:nth-child(even) td {
  background: #f9f9f9;
}
.CHCartTable tbody td {
  vertical-align: top;
  padding: 16px;
  border-bottom: 1px solid #c7c5c5;
  border-left: 1px solid #c7c5c5;
}
.CHCartTable tbody td:first-child {
  border-left: 0;
}
@media (max-width: 767px) {
  .CHCartTable tbody td {
    border: none;
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  .CHCartTable tbody td:first-child {
    padding-top: 16px;
  }
  .CHCartTable tbody td:last-child {
    padding-bottom: 16px;
  }
}
@media (max-width: 767px) {
  .CHCartTable tbody {
    border-bottom: 1px solid #c7c5c5;
  }
}
.CHCartTable-wrapper {
  border: 0 !important;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .CHCartTable-wrapper {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
    -webkit-overflow-scrolling: touch;
  }
  .CHCartTable-wrapper > .table {
    margin-bottom: 0;
  }
  .CHCartTable-wrapper > .table > thead > tr > th,
  .CHCartTable-wrapper > .table > tbody > tr > th,
  .CHCartTable-wrapper > .table > tfoot > tr > th,
  .CHCartTable-wrapper > .table > thead > tr > td,
  .CHCartTable-wrapper > .table > tbody > tr > td,
  .CHCartTable-wrapper > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .CHCartTable-wrapper > .table-bordered {
    border: 0;
  }
  .CHCartTable-wrapper > .table-bordered > thead > tr > th:first-child,
  .CHCartTable-wrapper > .table-bordered > tbody > tr > th:first-child,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr > th:first-child,
  .CHCartTable-wrapper > .table-bordered > thead > tr > td:first-child,
  .CHCartTable-wrapper > .table-bordered > tbody > tr > td:first-child,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .CHCartTable-wrapper > .table-bordered > thead > tr > th:last-child,
  .CHCartTable-wrapper > .table-bordered > tbody > tr > th:last-child,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr > th:last-child,
  .CHCartTable-wrapper > .table-bordered > thead > tr > td:last-child,
  .CHCartTable-wrapper > .table-bordered > tbody > tr > td:last-child,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .CHCartTable-wrapper > .table-bordered > tbody > tr:last-child > th,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr:last-child > th,
  .CHCartTable-wrapper > .table-bordered > tbody > tr:last-child > td,
  .CHCartTable-wrapper > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
.CHCartTable-img {
  border: 1px solid #d8d8d8;
  width: 32px;
  height: 32px;
  float: left;
}
@media (max-width: 767px) {
  .CHCartTable-img {
    width: 60px;
    height: 60px;
  }
}
.CHCartTable-img img {
  width: 30px;
  height: 30px;
}
@media (max-width: 767px) {
  .CHCartTable-img img {
    width: 60px;
    height: 60px;
  }
}
.CHCartTable-content {
  position: relative;
  margin-left: 48px;
  font-size: 12px;
  line-height: 1.67;
  color: #888;
  margin-top: -5px;
}
@media (max-width: 767px) {
  .CHCartTable-content {
    margin-left: 72px;
  }
}
.CHCartTable-content-paused .CHCartTable-title,
.CHCartTable-content-paused .CHCartTable-stock,
.CHCartTable-content-paused .CHCartTable-excluded,
.CHCartTable-content-paused .CHCartTable-successor,
.CHCartTable-content-paused .CHCartTable-substitutions,
.CHCartTable-content-paused .CHCartTable-comments,
.CHCartTable-content-paused .CHCartTable-icon {
  color: #888 !important;
}
.CHCartTable-content .CHCartTable-icon-status {
  font-size: 13px;
  font-family: 'Archivo', Verdana, Arial, sans-serif;
  color: #666;
  display: inline-block;
}
.CHCartTable-content .CHCartTable-icon-status .CHCartTable-icon-paused {
  font-size: 16px;
  color: #ffa800;
  top: 3px;
  left: -2px;
  margin-right: 3px;
}
.CHCartTable-content .CHCartTable-icon-status .CHCartTable-icon-activ {
  font-size: 16px;
  color: #126625;
  top: 3px;
  left: -2px;
  margin-right: 3px;
}
.CHCartTable-content .CHCartTable-link.btn {
  display: inline-block;
  margin-left: 10px;
}
.CHCartTable-vpe {
  display: flex;
}
.CHCartTable-title {
  font-size: 12px;
  font-weight: bold;
  line-height: 1.67;
  color: #000000;
  padding-right: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .CHCartTable-title {
    white-space: normal;
    word-break: break-all;
  }
}
.CHCartTable-stock {
  clear: both;
  color: #000;
  margin-top: 5px;
  position: relative;
}
.CHCartTable-stock span {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #888;
  margin-right: 3px;
}
.CHCartTable-stock_AVAILABLE span {
  background: #00b050;
}
.CHCartTable-stock_AVAILABLE span.pos {
  background: none;
  width: auto;
  margin-right: 0.2em;
}
.CHCartTable-stock_PARTIALLY_AVAILABLE span {
  background: #eaea00;
}
.CHCartTable-stock_PARTIALLY_AVAILABLE span.pos {
  background: none;
  width: auto;
  margin-right: 0.2em;
}
.CHCartTable-stock_NOT_AVAILABLE span {
  background: #e32c3c;
}
.CHCartTable-stock_NOT_AVAILABLE span.pos {
  background: none;
  width: auto;
  margin-right: 0.2em;
}
.CHCartTable-stock_NO_INFORMATION span {
  background: #888;
}
.CHCartTable-stock_NO_INFORMATION span.pos {
  background: none;
  width: auto;
  margin-right: 0.2em;
}
.CHCartTable-stock_LIMITED_AVAILABILITY span {
  background: darkorange;
}
.CHCartTable-stock_LIMITED_AVAILABILITY span.pos {
  background: none;
  width: auto;
  margin-right: 0.2em;
}
.CHCartTable-stock .message {
  width: auto;
  height: auto;
  background: none;
  border-radius: inherit;
  color: #666;
  margin-top: 5px;
}
.CHCartTable-stock-info {
  display: none;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  z-index: 888;
  position: absolute;
  right: 20px;
  top: -10px;
  max-width: 200px;
  font-size: 10px;
  line-height: 15px;
  padding: 8px;
}
.CHCartTable-stock-info:before {
  content: "\E015";
}
.CHCartTable-stock-info:before {
  font-family: 'berner_iconfont';
  display: block;
  position: absolute;
  left: -11px;
  top: 10px;
  color: #ccc;
  font-size: 15px;
}
.CHCartTable-stock-info.active {
  display: block;
}
.CHCartTable-successor {
  color: #FF0000;
}
.CHCartTable-excluded .ex-gift {
  color: #EB6111;
}
.CHCartTable-excluded .ex-loyalty {
  color: #CD0F26;
}
.CHCartTable-comments {
  display: none;
}
.CHCartTable-comments_show {
  display: block;
}
.CHCartTable-comments label {
  font-size: 11px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
.CHCartTable-comments .berner-ec-show .form-inline .form-group label {
  margin-right: 12px;
}
.CHCartTable-comments .berner-ec-show .form-inline .form-group .btn-secondary {
  margin-left: 12px;
  display: inline;
}
.CHCartTable-icon {
  font-size: 16px;
  position: absolute;
  top: 0;
  right: 0;
}
.CHCartTable-price {
  text-align: right;
  line-height: 2;
  margin-top: -7px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .CHCartTable-price {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 12px;
    padding-left: 72px;
  }
  .CHCartTable-price_big {
    justify-content: flex-end;
  }
  .CHCartTable-price-title {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    text-align: left;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .CHCartTable-price {
    margin-top: -7px;
  }
  .CHCartTable-price-title {
    display: none;
  }
}
.CHCartTable-price-first {
  font-size: 12px;
  color: #000;
}
.CHCartTable-price-second {
  font-size: 10px;
  color: #888;
}
.CHCartTable-price_big .CHCartTable-price-first {
  font-size: 12px;
  font-weight: bold;
}
.CHCartTable-text {
  font-size: 12px;
  line-height: 1.67;
  color: #000;
  margin-top: -5px;
}
.CHCartTable-qty {
  white-space: nowrap;
  font-size: 0;
  margin-bottom: 8px;
}
.CHCartTable-qty-btn.btn {
  display: inline-block;
  padding: 0;
  height: 28px;
  width: 22px;
  color: #000;
  vertical-align: top;
  position: relative;
}
.CHCartTable-qty-btn.btn:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -3px;
  width: 7px;
  height: 1px;
  background: #000;
}
.CHCartTable-qty-btn.btn span {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  height: 7px;
  width: 1px;
  background: #000;
}
.CHCartTable-qty-input {
  display: inline-block;
  width: 40px;
  height: 28px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .CHCartTable-qty {
    margin-left: 72px;
    padding: 10px 0;
  }
  .CHCartTable-qty-input {
    width: 100px;
  }
  .CHCartTable-qty-btn.btn {
    margin-top: 6px;
  }
}
.CHCartTable-link.btn {
  display: block;
  font-size: 12px;
  line-height: 1.67;
  color: #000000;
  text-decoration: underline;
  text-align: left;
  padding: 0;
}
.CHCartTable-link.btn:hover {
  text-decoration-color: #EB6111;
}
.CHCartTable-link.btn .bicon {
  font-size: 16px;
  top: 2px;
  left: -2px;
}
@media (max-width: 767px) {
  .CHCartTable-link.btn {
    display: inline-block;
  }
  .CHCartTable-link.btn.berner-atc-material {
    margin-left: 72px;
  }
}
.CHCartTable-cc {
  font-size: 12px;
  line-height: 1.67;
  color: #000;
}
@media (max-width: 767px) {
  .CHCartTable-cc {
    padding: 16px 0;
  }
}
.CHCartTable-cc-set {
  display: block;
}
@media (max-width: 767px) {
  .CHCartTable-cc-set {
    padding-left: 72px;
  }
}
.CHCartTable-cc-unset {
  display: none;
}
.CHCartTable-cc-edit.btn {
  float: right;
  padding: 0;
}
.CHCartTable-cc-btn {
  margin: 20px 0 12px;
}
.CHCartTable-cc .select-dark {
  margin-bottom: 4px;
}
.CHCartTable-cc_edit .CHCartTable-cc-set {
  display: none;
}
.CHCartTable-cc_edit .CHCartTable-cc-unset {
  display: block;
}
.CHCartTable-cc .berner-ecc,
.CHCartTable-cc .berner-eco {
  display: block;
}
.CHCartTable.cart-net .gross {
  display: none;
}
.CHCartTable.cart-gross .net {
  display: none;
}
.CHCartTable-addtocart {
  font-size: 30px;
}
.CHCartTable-substitutionMessage {
  color: #FF0000;
  font-weight: bold;
  margin: 10px 0 5px;
  border-top: 1px solid #d8d8d8;
  padding: 10px 0 5px;
}
.CHCartFooter {
  padding: 16px 32px 0;
}
@media (max-width: 767px) {
  .CHCartFooter {
    padding: 16px;
    padding-bottom: 0;
  }
}
.CHCartFooter-actions {
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .CHCartFooter-actions {
    text-align: center;
  }
}
.CHCartFooter-actions .js-diffFreeShipping {
  display: none;
  float: right;
}
.CHCartFooter-action.btn,
.CHCartFooter-action {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-right: 30px;
  padding: 0;
  bottom: 0;
}
.CHCartFooter-action.btn .bicon,
.CHCartFooter-action .bicon {
  font-size: 18px;
  margin-right: 2px;
  vertical-align: -3px;
}
@media (max-width: 767px) {
  .CHCartFooter-action.btn,
  .CHCartFooter-action {
    margin-right: 5px;
  }
}
.CHCartFooter .berner-co-footers {
  margin-top: 15px;
}
.CHCartFooter .berner-co-footers .info .ex-gift {
  color: #EB6111;
}
.CHCartFooter .berner-co-footers .info .ex-loyalty {
  color: #CD0F26;
}
.CHCartError {
  padding: 16px 32px;
  border-bottom: 1px solid #c7c5c5;
  border-top: 1px solid #c7c5c5;
  margin-top: -1px;
  margin-bottom: -1px;
}
.CHCartGift {
  padding: 16px 32px;
  border-bottom: 1px solid #c7c5c5;
  border-top: 1px solid #c7c5c5;
  margin-top: -1px;
  margin-bottom: -1px;
  text-align: left;
}
.CHCartGift-headline {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.CHCartGift-headline img {
  width: auto;
  height: 23px;
}
.CHCartGift-icon {
  font-size: 24px;
  top: 4px;
}
.CHCartGift-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  margin-bottom: 16px;
}
.CHCartGift-item {
  display: inline-block;
  width: 33%;
  padding: 20px;
  vertical-align: top;
}
@media (max-width: 991px) {
  .CHCartGift-item {
    width: 50%;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .CHCartGift-item {
    width: 100%;
    padding: 10px;
  }
}
.CHCartGift-item img {
  width: auto;
  height: 100px;
}
.CHCartGift-item .btn {
  font-size: 24px;
  position: relative;
  color: #C4C4C4;
}
.CHCartGift-name {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  margin-bottom: 16px;
}
.CHCartGift-price {
  font-size: 17px;
  font-weight: bold;
  line-height: 1.54;
  color: #000000;
  margin-bottom: 5px;
}
.CHCartGift-availability {
  display: block;
  margin-bottom: 5px;
}
.CHCartGift-availability-link span:before {
  content: "\E014";
}
.CHCartGift-availability-link span.open:before {
  content: "\E016";
}
.CHCartGift-availability-info {
  display: none;
}
.CHCartGift-availability-info p {
  margin-bottom: 5px;
}
.CHCartGift-progress {
  position: relative;
  margin: 40px 0;
}
.CHCartGift-progress-bar {
  height: 15px;
  background: #97c1de;
  margin-right: 15px;
}
.CHCartGift-progress-bar:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 7.5px solid #97c1de;
  border-top: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  position: absolute;
  right: 0;
  top: 0;
}
.CHCartGift-progress-bar.reached {
  position: absolute;
  top: 0;
  left: 0;
  max-width: calc(100% - 15px);
  background: #EB6111;
}
.CHCartGift-progress-bar.reached:after {
  border: 7.5px solid #EB6111;
  border-top: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  right: -15px;
}
.CHCartGift-progress-stage {
  position: relative;
  margin-right: 32px;
}
.CHCartGift-progress-stage-icon {
  position: absolute;
  top: -44px;
}
.CHCartGift-progress-stage-icon img {
  width: 25px;
  height: 25px;
}
.CHCartGift-progress-stage-icon.reached {
  top: -50px;
}
.CHCartGift-progress-stage-icon.reached img {
  width: 32px;
  height: 32px;
}
.CHCartGift-progress-stage-icon.marker:after {
  content: '';
  position: absolute;
  top: 17px;
  left: 10px;
  width: 1px;
  height: 40px;
  background: #000000;
  transform: rotate(-45deg);
}
.CHCartGift-progress-stage-value {
  position: absolute;
  top: 15px;
  font-size: 13px;
}
.CHCartGift-progress-stage-value:last-child {
  min-width: 100px;
}
.CHVoucher {
  padding-right: 70px;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .CHVoucher {
    padding-right: 0;
    margin-bottom: 16px;
  }
}
.CHVoucher-headline {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
  display: block;
}
.CHVoucher-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  margin-bottom: 16px;
  min-height: 22px;
}
.CHVoucher-list {
  margin-bottom: 16px;
}
.CHVoucher-list .CHquick-voucher label {
  display: block !important;
  margin-left: 23px;
  margin-top: -22px;
}
.CHVoucher-list .CHquick-voucher label:hover {
  cursor: pointer;
}
.CHVoucher-list .CHquick-voucher .CHVoucher-desc {
  margin-left: 23px;
}
.CHVoucher-list .CHquick-voucher .disabled {
  color: #C4C4C4;
}
.CHVoucher-item {
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 1.3;
  color: #000;
  font-weight: normal;
}
.CHVoucher-item input {
  position: absolute;
  top: 18px;
  left: 20px;
}
.CHVoucher-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.46;
  color: #000;
  margin-bottom: 8px;
}
.CHVoucher .input-group-btn button {
  height: 40px;
  padding-top: 12px;
}
.CHVoucher .berner-voucher .form-group .error {
  padding-top: 16px;
}
.CHCartTotals {
  width: 100%;
  border: 1px solid #d8d8d8;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .CHCartTotals {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
  }
  .CHCartTotals-wrapper {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.CHCartTotals td {
  padding: 16px 24px;
  font-size: 13px;
  line-height: 1.46;
  color: #000;
  vertical-align: top;
}
@media (max-width: 767px) {
  .CHCartTotals td {
    padding: 15px;
  }
}
.CHCartTotals td:last-child {
  text-align: right;
  white-space: nowrap;
}
.CHCartTotals tr + tr td {
  padding-top: 0;
}
.CHCartTotals tfoot td {
  border-top: 1px solid #c7c5c5;
  font-weight: bold;
}
.CHActions {
  padding: 24px 32px;
  border-top: 1px solid #c7c5c5;
  text-align: right;
}
@media (max-width: 767px) {
  .CHActions {
    padding: 16px;
  }
}
.CHActions .col-sm-6 + .col-sm-6 {
  text-align: left;
}
.CHActions-back.btn {
  min-width: 230px;
  text-align: left;
  margin-left: -10px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .CHActions-back.btn {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
    margin-left: 0;
  }
}
.CHActions-payment-hint {
  display: block;
}
.CHActions-payment-hint + .CHActions-back.btn {
  float: none;
  margin-top: 10px;
}
.CHActions-btn.btn {
  min-width: 230px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .CHActions-btn.btn {
    display: block;
    width: 100%;
  }
}
.CHActions-btn-wrapper {
  display: inline-block;
}
@media (max-width: 767px) {
  .CHActions-btn-wrapper {
    display: flex;
    justify-content: flex-end;
  }
}
.CHActions-scanner-buttons {
  width: 100%;
  display: flex;
  justify-content: right;
}
.CHActions-scanner-buttons .btn-secondary {
  margin-right: 30px;
}
@media (max-width: 991px) {
  .CHActions-scanner-buttons {
    display: block;
  }
  .CHActions-scanner-buttons .btn-secondary {
    margin-bottom: 15px;
  }
}
.CHExpress {
  border-top: 1px solid #c7c5c5;
  padding: 24px 32px;
}
.CHExpressHead {
  padding: 16px 32px 24px;
}
@media (max-width: 767px) {
  .CHExpressHead {
    padding: 16px;
  }
}
.CHExpressHead-title {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.CHExpressHead-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
}
.CHExpressHead-btn {
  float: right;
  margin-top: 16px;
  min-width: 230px;
  font-weight: bold;
}
.CHExpressFooter {
  padding: 16px;
  border-top: 1px solid #c7c5c5;
}
@media (max-width: 767px) {
  .CHExpress {
    padding: 16px;
  }
  .CHExpressFooter {
    display: flex;
    justify-content: flex-end;
  }
}
.CHExpress-headline {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.44;
  color: #000;
  margin-bottom: 16px;
}
.CHExpress-headline-link.btn {
  float: right;
  margin-right: -25px;
  vertical-align: -2px;
}
.CHExpress-title {
  font-size: 13px;
  font-weight: bold;
  line-height: 1.46;
  color: #000;
  margin-bottom: 8px;
}
.CHExpress-title-edit {
  position: absolute;
  top: -7px;
  right: -25px;
  font-size: 14px;
}
.CHExpress-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000000;
  margin-bottom: 16px;
}
.CHExpress-img {
  float: right;
  width: 38px;
  border: 1px solid #c7c5c5;
}
.CHExpress-img img {
  vertical-align: top;
}
.CHDeliveryItem {
  padding-left: 64px;
  padding-right: 32px;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
}
.CHDeliveryItem + .CHDeliveryItem {
  border-top: 1px solid #c7c5c5;
}
.CHDeliveryItem input.deliveryModeInput {
  position: absolute;
  top: 24px;
  left: 34px;
  width: 16px;
  height: 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  -webkit-appearance: none;
  outline: none;
}
.CHDeliveryItem input.deliveryModeInput:checked {
  background: #fff;
}
.CHDeliveryItem input.deliveryModeInput:checked:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  top: 4px;
  left: 4px;
  display: block;
  border: 3px solid #EB6111;
  border-radius: 3px;
}
.CHDeliveryItem .headline {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  max-width: 550px;
  margin-bottom: 8px;
}
.CHDeliveryItem .address-panel {
  max-width: 550px;
  clear: both;
  padding: 8px;
}
.CHDeliveryItem .form-group label {
  font-size: 11px;
  font-weight: bold;
  color: #000;
  line-height: 20px;
}
.CHDeliveryItem-label {
  margin-left: -32px;
  padding-left: 32px;
  position: relative;
  font-size: 16px;
  font-weight: bold;
  line-height: 23px;
  color: #000;
  margin-bottom: 8px;
  cursor: pointer;
}
.CHDeliveryItem-desc {
  font-size: 13px;
  line-height: 1.54;
  color: #000;
  max-width: 550px;
}
.CHDeliveryItem-price {
  float: right;
  line-height: 23px;
  font-size: 13px;
  font-weight: bold;
  text-align: right;
  color: #000;
}
.CHDeliveryItem-pickup {
  color: #000;
  border: 1px solid #d8d8d8;
  padding: 16px 24px;
  font-size: 13px;
  line-height: 1.54;
  margin-top: 16px;
  max-width: 550px;
}
.CHDeliveryItem-pickup-link {
  float: right;
  font-weight: bold;
  color: #000000;
}
.CHDeliveryItem-pickup-title {
  font-weight: bold;
  margin-bottom: 8px;
}
.CHDeliveryItem-content {
  display: none;
}
input:checked ~ .CHDeliveryItem-content {
  display: block;
}
@media (max-width: 767px) {
  .CHDeliveryItem {
    padding: 16px;
    padding-left: 48px;
  }
  .CHDeliveryItem-label {
    margin-left: -19px;
    top: 8px;
  }
  .CHDeliveryItem-desc {
    margin-left: 13px;
  }
  .CHDeliveryItem .mob-circle-touch {
    margin-top: -50px;
    left: 7px;
    cursor: pointer;
  }
  .CHDeliveryItem .mob-circle-touch span {
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 40px;
  }
}
.CHDeliveryPickup {
  border: 1px solid #c7c5c5;
  padding: 16px 24px;
  position: relative;
  font-weight: normal;
  cursor: pointer;
  display: block;
}
.CHDeliveryPickup-wrapper {
  position: relative;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 10px;
}
.CHDeliveryPickup input {
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}
.CHDeliveryPickup-col {
  float: left;
  width: 33.33333333%;
  padding: 8px;
}
.CHDeliveryPickup-col:hover,
.CHDeliveryPickup-col:active,
.CHDeliveryPickup-col:focus {
  text-decoration: none;
}
.CHDeliveryPickup-info {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 16px;
  color: #000000;
  z-index: auto;
}
.CHDeliveryPickup-info:before {
  display: none;
  content: '';
  position: absolute;
  bottom: -13px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
}
.CHDeliveryPickup-info-tooltip {
  display: none;
  position: absolute;
  right: -90px;
  top: 32px;
  width: 430px;
  padding: 16px 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  font-size: 13px;
  line-height: 1.85;
  color: #000;
  z-index: 888;
}
.CHDeliveryPickup-info-tooltip-days {
  color: #888;
}
.CHDeliveryPickup-info:hover:before {
  display: block;
}
.CHDeliveryPickup-info:hover .CHDeliveryPickup-info-tooltip {
  display: block;
}
.CHDeliveryPickup-sameday-info {
  position: absolute;
  top: 16px;
  right: 24px;
  font-size: 16px;
  color: #CD0F26;
  z-index: auto;
}
.CHDeliveryPickup-sameday-info:before {
  display: none;
  content: '';
  position: absolute;
  bottom: -13px;
  right: 4px;
  width: 8px;
  height: 8px;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
  transform: rotate(45deg);
}
.CHDeliveryPickup-sameday-info-tooltip {
  display: none;
  position: absolute;
  right: -90px;
  top: 32px;
  width: 430px;
  padding: 16px 24px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #ccc;
  background: #fff;
  font-size: 13px;
  line-height: 1.85;
  color: #000;
  z-index: 888;
}
.CHDeliveryPickup-sameday-info-tooltip-headline {
  margin-bottom: 10px;
  color: #CD0F26;
}
.CHDeliveryPickup-sameday-info-tooltip-number {
  min-width: 80px;
  display: inline-block;
}
.CHDeliveryPickup-sameday-info-tooltip.active {
  display: block;
}
.CHDeliveryPickup-sameday-info:hover:before {
  display: block;
}
.CHDeliveryPickup-sameday-info:hover .CHDeliveryPickup-sameday-info-tooltip {
  display: block;
}
.CHDeliveryPickup-sameday-info.mobile {
  position: relative;
}
.CHDeliveryPickup-sameday-info.mobile .bicon-info-circle {
  display: block;
  float: left;
}
.CHDeliveryPickup-sameday-info.mobile .CHDeliveryPickup-sameday-info-tooltip {
  display: block;
  position: relative;
  width: auto;
  border: none;
  box-shadow: none;
  margin-left: 30px;
  top: 0;
  left: 0;
  padding: 0;
  line-height: 1em;
  margin-bottom: 20px;
}
.CHDeliveryPickup-sameday-nopos {
  padding: 8px 8px 20px;
  width: 33.33333333%;
}
.CHDeliveryPickup-sameday-nonewpos {
  display: none;
  color: #CD0F26;
  padding: 8px 8px 20px;
  width: 33.33333333%;
}
.CHDeliveryPickup-sameday-phone-number {
  display: block;
  font-size: 13px;
  padding: 3px 5px;
  border: 1px solid #c7c5c5;
}
.CHDeliveryPickup-sameday-phone p.alert-danger {
  display: none;
  background: none;
  margin-top: 4px;
}