@font-face {
  font-family: "Biome";
  src: url("../fonts/BiomeStd-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Biome";
  src: url("../fonts/BiomeStd-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Biome";
  src: url("../fonts/BiomeStd-SemiBold.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Exo2";
  src: url("../fonts/Exo2-VariableFont_wght.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
h1 {
  font: 500 1.71428571em/32px "Biome", sans-serif;
  margin: 0 0 25px 0;
}

h2 {
  font: 1.28571429em/24px "Biome", sans-serif;
  margin: 0 0 20px 0;
}

h3 {
  font: 700 1.14285714em/22px "Biome", sans-serif;
  margin: 0 0 15px 0;
}

h4 {
  font: 500 1.14285714em/22px "Biome", sans-serif;
  margin: 0 0 10px 0;
}

h5 {
  font: 1.14285714em/22px "Biome", sans-serif;
  margin: 0 0 10px 0;
}

h6 {
  font: 1em/20px "Biome", sans-serif;
  margin: 0 0 10px 0;
}

/*
lichtgroen  : #82A376 rgba(130,163,118)
donkergroen : #404E3A rgba(64,78,58)
*/
body {
  background-color: #fff;
  font-family: "Exo2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

.text-success {
  color: rgb(25, 135, 84) !important;
}

.text-edit, .text-edit i {
  color: rgb(7, 62, 145) !important;
}

.text-delete, .text-delete i {
  color: rgb(220, 53, 69) !important;
}

.logo-name {
  font-family: "Biome", sans-serif;
  letter-spacing: 0px;
  text-transform: lowercase;
}

.roboto-mono {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a {
  padding-left: 20px;
  position: relative;
  color: #040404;
}

.light-sidebar .main-sidebar .sidebar-menu li.active a {
  background-color: rgba(133, 133, 133, 0.1);
}

.dt-info {
  display: inline-block;
  margin-top: 1em !important;
  float: left;
}

.dt-paging {
  display: inline-block;
  margin-top: 1em !important;
  float: right;
}

.dt-length {
  display: inline-block;
  margin-bottom: 1em !important;
  float: left;
}

.dt-search {
  display: inline-block;
  margin-bottom: 1em !important;
  float: right;
}

.theme-green a.btn {
  color: #fff;
}

.theme-green .selectgroup-input:focus + .selectgroup-button.rood, .theme-green .selectgroup-input:checked + .selectgroup-button.rood {
  background-color: #fc544b;
}

span.select2.select2-container {
  display: block;
  max-width: 100% !important;
}

.select2-container.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--focus .select2-selection--single {
  background-color: #fefeff;
  border-color: rgb(133, 133, 133);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgb(201, 201, 201);
  color: #fff;
}

.h-input {
  height: 42px !important;
}

.border-radius {
  border-radius: var(--bs-border-radius);
}

.form-group > label > input:checked + .selectgroup-button {
  color: #fff !important;
}

.ui-autocomplete {
  max-height: 300px;
  overflow-y: scroll;
  /* prevent horizontal scrollbar */
  overflow-x: hidden;
}

/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 300px;
}

.ui-autocomplete {
  z-index: 20000;
}

.l-bg-green {
  background: linear-gradient(135deg, rgb(201, 201, 201) 0%, rgb(133, 133, 133) 100%) !important;
  color: #fff;
}

.btn-toggle a.btn-outline-dark {
  background-color: #fff;
  color: #212529;
}

.btn-toggle a.btn-outline-dark.btnactive {
  background-color: rgb(201, 201, 201);
  color: #fff;
}

div.dt-buttons {
  /*float: right;*/
}

.buttons-excel {
  width: auto;
}

.inline-cb .form-check {
  display: inline-block;
  margin-right: 2em;
}

#productattributes .maxw, #productcollections .maxw {
  max-width: 100px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
  position: absolute;
  left: 0;
  top: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  color: #fff;
  padding-left: 20px !important;
  padding-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #dc3545;
  color: #fff;
  outline: none;
}

.select2-container .select2-search--inline .select2-search__field {
  height: 22px;
}

.dropzone .dz-message {
  font-size: 100%;
  color: #444;
  margin: 1.4em;
}

.dropdown-menu.show a {
  color: rgb(133, 133, 133);
}

.dropdown-menu.show a:hover {
  color: rgb(4, 4, 4);
}

.interlinie a {
  color: rgb(133, 133, 133);
}

.interlinie a:hover {
  color: rgb(4, 4, 4);
}

.productmainfoto {
  max-width: 200px;
}

.productmainfoto {
  max-width: 200px;
}

.maxw100 {
  max-width: 100px !important;
}

a.underline {
  text-decoration: underline !important;
}

input.form-control, select.form-control, .table button.btn {
  height: 42px !important;
}

.margineditor input {
  /*margin-bottom: 10px;*/
}

div.DTE_Inline div.DTE_Field input {
  font-size: 1em;
  /*margin: -5px 0 -10px !important;*/
  margin: 0 !important;
}

img.foto100 {
  width: 100px !important;
}

.border-danger {
  border-color: rgb(220, 53, 69);
}

/* mycmsorders */
table.productinfo td {
  padding: 2px !important;
  height: auto !important;
}

td.pdftitel {
  color: #666;
  /*font-size: 10px;	*/
  font-weight: bold;
}

td.pdfdatum {
  /*width: 12em;
  max-width: 12em;*/
}

strong {
  font-weight: bold;
}

table.table.dataTable > tbody > tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgb(252, 172, 13);
  color: rgb(255, 255, 255);
  /*box-shadow: inset 0 0 0 9999px rgba(13, 110, 253,1);
  box-shadow: inset 0 0 0 9999px rgb(var(--dt-row-selected));
  color: rgb(var(--dt-row-selected-text));*/
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
  box-shadow: inset 0 0 0 9999px rgb(252, 172, 13);
  /*box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.95);
  box-shadow: inset 0 0 0 9999px rgba(var(--dt-row-selected), 0.95);*/
}

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