html {
  height: 100%;
}

@media only screen and (min-width: 993px) {
  .right-on-large {
    float: right !important;
  }
}
.flex-container {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.flex-header {
  flex: 0 0 auto;
}

.flex-body {
  flex: 1 1 auto;
}

.flex-footer {
  flex: 0 1 50px;
}

.footer-upper {
  background-size: cover;
  position: relative;
  padding-top: 50px;
}

.footer-upper .container {
  position: relative;
}

.footer-upper .row {
  margin: 0px;
  position: relative;
}

.footer-upper img.logo {
  max-height: 90px;
}

.footer-background-image {
  position: absolute;
  top: 0px;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  -o-object-fit: cover;
     object-fit: cover;
}

.footer-background {
  position: absolute;
  width: 100%;
  height: 100%;
  filter: brightness(0.8);
  top: 0px;
}

.footer-copyright {
  color: #fff;
}

.footer-copyright .container {
  padding: 20px 0px;
}

.footer-icon-container-instagram {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.footer-icon-instagram {
  width: 21px;
  height: 21px;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-image: url("/img/instagram.svg");
  mask-image: url("/img/instagram.svg");
}

#navigation-top-menu-dropdown-trigger {
  cursor: pointer;
}

#navigation-top-menu-dropdown-trigger:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.navbar-fixed {
  margin-bottom: 10px;
}

.nomargin {
  margin: 0px !important;
}

/*header, main, footer {
        padding-left: 300px;
}*/
@media only screen and (max-width: 992px) {
  header,
  main,
  footer {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) {
  .nav-wrapper form {
    margin-left: 16px !important;
  }
}
@media only screen and (max-width: 600px) {
  .NavigationSearchItem ul {
    top: 56px !important;
  }
}
@media only screen and (min-width: 601px) {
  nav.nav-extended .nav-wrapper {
    min-height: 56px;
  }
  /*nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
      height: 56px;
      line-height: 56px
  }*/
  .navbar-fixed {
    height: 56px;
  }
}
nav .right {
  position: absolute;
  top: 0px;
  right: 0px;
}

.nav-wrapper form {
  overflow: auto;
}

/*@media only screen and (min-width : 993px) {
    nav {
                width: calc(100% - 300px) !important;
    }

}*/
.right-nav-no-space,
.right-nav {
  float: right;
}

.right-nav-no-space,
.right-nav-no-space > li,
.right-nav-no-space > li > .brand-logo-nav {
  height: 100%;
}

.right-nav {
  padding-right: 20px;
  margin-top: -2px;
}

.NavigationSearchItem {
  overflow: hidden;
}

.NavigationSearchItem.input-field input[type=search] {
  width: 100% !important;
  color: white;
  margin-bottom: 0px !important;
}

.NavigationSearchItem.input-field input[type=search]:focus {
  color: black;
  padding-left: 10px;
  border-radius: 3px;
}

.NavigationSearchItem.input-field input[type=search]:not(:focus):valid {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 32px;
  width: calc(100% - 70px) !important;
}

.NavigationSearchItem.input-field input[type=search]:not(:focus):valid ~ .material-icons {
  color: inherit;
}

.NavigationSearchItem ul {
  top: 64px;
  position: fixed !important;
  height: auto !important;
  max-height: 80%;
}

.nav-wrapper form label {
  margin-top: -12px;
  margin-left: 5px;
}

.input-field .prefix:not(.invoice-article-search-icon, .invoice-packing-search-icon) {
  top: 0px !important;
}

.inputHelper i.material-icons {
  font-size: 1rem;
  margin: 2px 2px 0px 0px;
  width: initial;
}

#SideNavigationTrigger {
  margin: 0px;
}

#SideNavigation {
  overflow-y: hidden;
  padding-bottom: 0px;
  height: 100%;
}

#SideNavigation:hover {
  overflow-y: auto;
}

#SideNavigation li > a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#SideNavigation .collapsible > li > .collapsible-header {
  /*font-weight: 500;*/
  padding-left: 32px !important;
  padding-right: 32px !important;
}

#SideNavigation .collapsible > li > .collapsible-header > i {
  margin-right: 32px;
  width: 24px;
}

#SideNavigation .collapsible > li > .collapsible-body {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

#SideNavigation .collapsible > li > .collapsible-body > ul > li > a,
#SideNavigation .collapsible > li > .collapsible-body > span {
  padding-left: 64px !important;
  padding-right: 10px !important;
}

.brand-logo-sidenav img {
  max-height: 80px;
}

.brand-logo-nav img {
  max-height: 100%;
  float: right;
}

.right-nav .collection > li > a,
.right-nav-no-space .collection > li > a {
  padding: 0px;
}

.right-nav .collection > li > a:hover,
.right-nav-no-space .collection > li > a:hover {
  background-color: inherit;
}

.right-nav .collection > li i,
.right-nav-no-space .collection > li i {
  background-color: inherit !important;
  font-size: 24px !important;
}

.right-nav .collection > li span:not(.chip),
.right-nav-no-space .collection > li span:not(.chip) {
  padding: 0px;
}

.right-nav .collection > li div,
.right-nav-no-space .collection > li div {
  margin-top: 10px;
}

.right-nav .collection > li div > a.btn,
.right-nav-no-space .collection > li div > a.btn {
  margin: 0px;
}

.bubble-badge {
  position: fixed;
  padding: 3px 7px;
  border-radius: 10px;
  margin: 3px 0px 0px 7px;
  line-height: initial;
}

.badge {
  height: initial !important;
}

.modal-fixed-header .modal-header {
  font-size: 35px;
  font-weight: 300;
  padding: 10px;
}

@media only screen and (max-width: 600px) {
  .modal-fixed-header .modal-header {
    font-size: large;
    line-height: 36px;
  }
  .modal-fixed-header .modal-header > i.material-icons {
    font-size: 2em;
  }
}
@media only screen and (max-width: 600px) and (orientation: portrait), screen and (max-height: 600px) and (orientation: landscape) {
  .modal:not(.datepicker-modal, .timepicker-modal) {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    top: 0% !important;
  }
  .modal:not(.datepicker-modal, .timepicker-modal) .modal-content {
    padding: 0px 10px !important;
  }
  .modal:not(.datepicker-modal, .timepicker-modal) .modal-fixed-header .modal-header {
    font-size: 20px;
  }
  .modal:not(.datepicker-modal, .timepicker-modal) .modal-fixed-header .modal-header .medium {
    font-size: 2rem;
  }
}
.modal.modal-fixed-header.modal-fixed-footer .modal-content {
  height: calc(100% - 56px - 56px) !important;
}

.modal-fixed-footer .modal-footer {
  z-index: 1;
}

.datepicker-modal,
.timepicker-modal {
  max-height: 80%;
}

.chips .input {
  width: 130px !important;
}

.icon-on-input-field {
  position: absolute;
  margin-left: -24px;
  cursor: pointer;
}

a.disabled > i.icon-on-input-field {
  color: gray !important;
  cursor: default;
}

.copy-enabled-input-field {
  width: calc(100% - 20px);
}
.copy-enabled-input-field .copy-input-icon {
  color: black;
  margin: 0px !important;
}
.copy-enabled-input-field .copy-input-icon > .icon-on-input-field {
  top: 10px;
  right: -28px;
}

.document-chip:hover,
.mail-download-button:hover {
  background-color: #9e9e9e;
  color: white;
}

.mail-download-button {
  margin-right: 10px;
}

.document-extension-marker {
  display: inline-block;
  color: white;
  padding: 0px 5px;
}

.order-banner {
  padding: 5px 10px;
}

.order-banner > i.material-icons {
  padding-right: 10px;
}

.order-dropdown {
  float: right;
}

.order-dropdown > a > i {
  margin: 0px 0px 0px 30px;
}

[v-cloak] {
  display: none;
}

.small-column-forced,
.small-column-numeric {
  width: 40px;
}

.small-column-numeric {
  padding: 0px 10px !important;
}

.small-column {
  width: 60px !important;
  /*    max-width: 60px !important;*/
}

.small-column input {
  width: 44px !important;
  /*        max-width: 44px !important;*/
}

.small-column input.v-money {
  width: 50px !important;
  /*        max-width: 44px !important;*/
}

.backmediumrosa {
  background-color: #ffdae3;
}

.backmediumgreen {
  background-color: #CCF298;
}

.backmediumred {
  background-color: #f29898;
}

.amount-input-column input {
  padding: 0px 10px !important;
  text-align: right;
  font-weight: bold;
}

.backmediumrosa:not(.black-text) input {
  color: rgb(173, 33, 0);
}

.amount-input-column input[type=number]::-webkit-inner-spin-button,
.amount-input-column input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.article-row > td {
  height: 40px;
  padding: 0px 3px;
}

.article-row > td > .row,
.article-row > td > .row > .input-field,
.article-row > td > p {
  margin: 0px;
}

.article-row:hover {
  background-color: #e8eaf6;
}

.article-row.active {
  background-color: #c5cae9;
}

.article-row.active:hover {
  background-color: #9fa8da;
}

span.badge.new {
  height: initial;
}

.link-field {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
  line-height: 45px;
  padding-left: 0px !important;
  margin-left: 10px;
  min-width: 100px;
}

.link-field.valid {
  border-bottom: 2px dotted #4CAF50;
}

.link-field.invalid {
  border-bottom: 2px dotted #F44336;
}

.link-field label {
  left: 0px !important;
  top: -9px;
  white-space: nowrap;
}

.link-field a {
  cursor: pointer;
}

.link-field a[disabled] {
  color: #9e9e9e;
  cursor: default;
}

.column-filter-element-icon {
  color: gray;
}

.column-filter-element-icon.disabled {
  cursor: default;
}

.column-filter-element-icon.activated:not(.disabled),
.column-filter-element-icon:not(.disabled):hover {
  color: black;
}

.column-filter-element-item {
  padding: 5px 10px;
}

.toast {
  display: block;
}

.middle-right-aligned {
  display: flex;
  justify-content: flex-end;
}

.middle-center-aligned {
  display: flex;
  justify-content: center;
}

.generic-list td,
.generic-list th {
  padding: 5px;
}

.generic-list.loading .generic-list-body {
  filter: blur(4px);
}

.generic-list.loading .generic-list-body:before {
  content: " ";
  width: 100%;
  height: 100%;
  position: absolute;
}

.generic-list .loader tr {
  border: 0px;
}

.generic-list .loader td {
  padding: 0px;
}

.generic-list .loader .card {
  max-width: 600px;
}

.generic-list .loader .card {
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  top: 0;
  bottom: 0;
  height: -moz-fit-content;
  height: fit-content;
}

.not-highlighted-card {
  box-shadow: none;
  background-color: initial;
}

.loader .card-image {
  padding: 24px 0px 0px 12px;
}

.loader .card-content {
  padding-left: 12px;
}

.loader .progress {
  margin-top: 20px;
}

.column-sort-icon {
  cursor: pointer;
  color: black;
}

.generic-list.loading .column-sort-icon {
  cursor: default;
  color: gray;
}

.no-data-row {
  padding: 10px;
}

.ft-confirm-modal {
  background-color: white;
}
.ft-confirm-modal .horizontal {
  max-width: 800px;
  display: flex;
}
.ft-confirm-modal .title {
  font-size: 24px;
  font-weight: 300;
}
.ft-confirm-modal .left-pane {
  padding: 24px 0px 0px 12px;
}
.ft-confirm-modal .right-pane {
  padding: 24px 24px 24px 12px;
}
.ft-confirm-modal .modal-footer {
  background-color: inherit;
}
.ft-confirm-modal :not(.file-path-wrapper) > label {
  left: 0px !important;
}

.nowrap {
  white-space: nowrap;
}

.ButtonBadge {
  position: absolute;
  padding: 5px 10px;
  border-radius: 10px;
  line-height: initial;
  top: -15px;
  left: 25px;
  z-index: 2;
}

.breadcrumb,
.breadcrumb:before {
  color: rgba(0, 0, 0, 0.7);
}

.breadcrumb:last-child {
  color: black;
}

.breadcrumbs > a {
  line-height: 37px;
}

menu {
  margin: 0px;
}

.fixed-action-btn-static {
  position: fixed;
  right: 23px;
  bottom: 23px;
  padding-top: 15px;
  margin-bottom: 0;
  z-index: 997;
}

.fixed-action-btn-static ul {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  bottom: 0px;
  margin: 0;
}

.fixed-action-btn-static ul li {
  margin-bottom: 15px;
}

.fixed-action-btn-static ul li > div {
  position: relative;
}

.fixed-action-btn-static > a {
  display: none !important;
}

.fixed-action-btn-static .btn-floating i.material-icons,
.fixed-action-btn .btn-floating i.material-icons {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.fixed-action-btn.left-side,
.fixed-action-btn-static.left-side {
  left: 23px;
  right: initial;
}

.fixed-action-btn-static .btn-floating {
  display: inline-block;
  color: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  background-color: #26a69a;
  border-radius: 50%;
  transition: background;
}

input[type=checkbox].invalid + span {
  color: #F44336 !important;
}

input[type=checkbox].invalid + span::before {
  border-color: #F44336 !important;
}

input[type=checkbox].invalid:checked + span:not(.lever):before {
  border-top: 2px solid transparent !important;
  border-left: 2px solid transparent !important;
}

.modal-footer a {
  margin: 5px 10px !important;
}

.right-nav-no-space a {
  white-space: nowrap;
}

.pagination li a {
  padding: 0px;
  width: 30px;
}

.modal.open {
  display: flex !important;
  flex-direction: column;
}

.modal.modal-fixed-footer .modal-content {
  flex: 1 1 auto;
  position: relative;
  overflow-x: hidden;
}

.modal.modal-fixed-footer .modal-footer {
  position: relative;
  bottom: auto;
}

.modal-fixed-header .modal-header {
  flex: 0 0 auto;
}

.checkbox-input-field {
  margin-bottom: 20px;
}

.preloader-wrapper.tiny {
  width: 16px;
  height: 16px;
  margin-left: 2px;
  margin-top: 10px;
  margin-right: 15px;
}

.chip-with-label {
  margin-top: 3px;
}

.input-field > .label-of-chip {
  transform: translateY(-14px) scale(0.8);
  transform-origin: 0 0;
}

.file-field.input-field > .file-path-wrapper.input-field > label.active {
  transform: translateY(-4px) scale(0.8);
}

.valign-wrapper-inline {
  display: inline-flex;
  align-items: center;
}

menu {
  display: none;
}

.ft-sidenav-enabled {
  transition: margin 0.3s;
}
.ft-sidenav-enabled menu {
  display: block;
}
.ft-sidenav-enabled #Navigation {
  transition: width 0.3s, margin 0.3s;
}
.ft-sidenav-enabled .ft-sidenav {
  transition: width 0.3s, margin 0.3s;
}
.ft-sidenav-enabled .ft-sidenav .ft-sidenav-trigger {
  transition: width 0.3s;
}
.ft-sidenav-enabled .scroll-picker,
.ft-sidenav-enabled .fixed-action-btn,
.ft-sidenav-enabled .fixed-action-btn-static {
  transition: transform 0.3s;
}
.ft-sidenav-enabled #navigation-top-menu-dropdown .hide-top-when-sidebar {
  display: none !important;
}
.ft-sidenav-enabled .ft-sidenav {
  position: fixed;
  width: 67px;
  left: 0;
  top: 0;
  margin: 0;
  height: 100%;
  padding-bottom: 60px;
  z-index: 999;
  will-change: transform;
  backface-visibility: hidden;
}
.ft-sidenav-enabled .ft-sidenav > .menu-container > .collapsible {
  margin: 0px;
  text-align: center;
}
.ft-sidenav-enabled .ft-sidenav > .menu-container > .collapsible > li.ft-sidenav-item {
  padding: 0px;
}
.ft-sidenav-enabled .ft-sidenav > .menu-container > .collapsible > li.ft-sidenav-item > a {
  padding: 14px;
}
.ft-sidenav-enabled .ft-sidenav .collapsible-header {
  flex-direction: column;
  align-items: center;
  padding: 14px !important;
}
.ft-sidenav-enabled .ft-sidenav .collapsible-header:hover {
  background-color: #ddd;
}
.ft-sidenav-enabled .ft-sidenav .ft-sidenav-trigger {
  height: 56px;
  width: 67px;
  cursor: pointer;
}
.ft-sidenav-enabled .ft-sidenav .ft-sidenav-trigger > div {
  height: 100%;
}
.ft-sidenav-enabled .ft-sidenav .ft-sidenav-trigger > div:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.ft-sidenav-enabled .ft-sidenav .nav-cat-title,
.ft-sidenav-enabled .ft-sidenav .nav-itm-title {
  font-size: 10px;
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 57px;
}
.ft-sidenav-enabled .ft-sidenav.active {
  width: 300px;
}
.ft-sidenav-enabled .ft-sidenav.active .ft-sidenav-trigger {
  width: 100%;
}
.ft-sidenav-enabled .ft-sidenav.active > .menu-container > .collapsible {
  text-align: left;
}
.ft-sidenav-enabled .ft-sidenav.active > .menu-container > .collapsible .collapsible-header {
  flex-direction: row;
  align-items: normal;
}
.ft-sidenav-enabled .ft-sidenav.active > .menu-container > .collapsible .collapsible-header .ft-sidenav-cat-icon {
  margin-right: 14px !important;
}
.ft-sidenav-enabled .ft-sidenav.active > .menu-container > .collapsible .collapsible-body .collection li a {
  flex-direction: row;
  align-items: normal;
}
.ft-sidenav-enabled .ft-sidenav.active .nav-cat-title,
.ft-sidenav-enabled .ft-sidenav.active .nav-itm-title {
  font-size: 14px;
  -webkit-hyphens: auto;
          hyphens: auto;
  width: 100%;
}
.ft-sidenav-enabled .ft-sidenav.active .nav-cat-title {
  display: block;
}
.ft-sidenav-enabled .ft-sidenav.active .nav-itm-title {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 12px;
}
.ft-sidenav-enabled .ft-sidenav li.menu-container {
  height: inherit;
}
.ft-sidenav-enabled .ft-sidenav li.menu-container ul.collapsible {
  border: 0px;
  margin: 0px !important;
  overflow-y: hidden;
  max-height: 100%;
}
.ft-sidenav-enabled .ft-sidenav li.menu-container ul.collapsible:hover {
  overflow-y: auto;
}
@media (hover: none) {
  .ft-sidenav-enabled .ft-sidenav li.menu-container ul.collapsible {
    overflow-y: auto;
  }
}
.ft-sidenav-enabled .ft-sidenav li.menu-container ul.collapsible .collapsible-body {
  padding: 0px !important;
  color: black;
}
.ft-sidenav-enabled .ft-sidenav li.menu-container ul.collapsible .collapsible-body .collection li a {
  color: rgba(0, 0, 0, 0.54);
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ft-sidenav-enabled .ft-sidenav li > a {
  background-color: white;
}
.ft-sidenav-enabled .ft-sidenav li > div.collapsible-header {
  background-color: #f5f3f3;
}
.ft-sidenav-enabled .ft-sidenav li > a,
.ft-sidenav-enabled .ft-sidenav li > div.collapsible-header {
  color: rgb(158, 158, 158) !important;
}
.ft-sidenav-enabled .ft-sidenav li:hover > a, .ft-sidenav-enabled .ft-sidenav li:hover > div.collapsible-header, .ft-sidenav-enabled .ft-sidenav li.active > a, .ft-sidenav-enabled .ft-sidenav li.current > a, .ft-sidenav-enabled .ft-sidenav li.active > div.collapsible-header {
  background-color: #ccc;
  color: black !important;
}
.ft-sidenav-enabled .navbar-fixed {
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
.ft-sidenav-enabled #Navigation {
  width: calc(100% - 67px);
  box-shadow: initial;
}
.ft-sidenav-enabled .ft-sidenav-cat-icon {
  font-size: 22px !important;
  margin-right: 0px !important;
}
.ft-sidenav-enabled .ft-sidenav-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  height: 120vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 997;
  display: none;
}
.ft-sidenav-enabled .ft-sidenav-tooltip {
  margin-left: 30px;
  display: none;
}
.ft-sidenav-enabled.ft-sidenav-active #Navigation {
  width: calc(100% - 300px);
}
.ft-sidenav-enabled.ft-sidenav-active .ft-sidenav-tooltip {
  display: none;
}
@media only screen and (min-width: 601px) {
  .ft-sidenav-enabled .ft-sidenav-trigger {
    height: 64px !important;
  }
  .ft-sidenav-enabled {
    margin-left: 67px !important;
  }
  .ft-sidenav-enabled .scroll-picker,
  .ft-sidenav-enabled .fixed-action-btn.left-side,
  .ft-sidenav-enabled .fixed-action-btn-static.left-side {
    transform: translateX(67px);
  }
  .ft-sidenav-enabled.ft-sidenav-active {
    margin-left: 300px !important;
  }
  .ft-sidenav-enabled.ft-sidenav-active .scroll-picker,
  .ft-sidenav-enabled.ft-sidenav-active .fixed-action-btn.left-side,
  .ft-sidenav-enabled.ft-sidenav-active .fixed-action-btn-static.left-side {
    transform: translateX(300px);
  }
}
@media only screen and (max-width: 600px) {
  .ft-sidenav-enabled #Navigation {
    margin-left: 67px;
  }
  .ft-sidenav-enabled.ft-sidenav-active {
    overflow: hidden;
  }
  .ft-sidenav-enabled.ft-sidenav-active .ft-sidenav-overlay {
    display: block;
    opacity: 1;
  }
  .ft-sidenav-enabled.ft-sidenav-active #Navigation {
    width: calc(100% - 67px);
    margin-left: 67px;
  }
  .ft-sidenav-enabled .ft-sidenav {
    width: 0px;
  }
  .ft-sidenav-enabled .ft-sidenav.active {
    display: block;
  }
  .ft-sidenav-enabled {
    margin-left: 0px !important;
  }
}

body.dark-mode,
body.dark-mode .main-card-content,
body.dark-mode .main-card,
body.dark-mode .card:not(.orange, .red),
body.dark-mode .card .card-reveal,
body.dark-mode .collapsible-header,
body.dark-mode .sidenav,
body.dark-mode .collection,
body.dark-mode .collection .collection-item,
body.dark-mode .ListModeTableArticlesTable table thead th {
  color: #dcdcdc;
  background-color: #292929 !important;
  scrollbar-color: #7b7b7b #424242;
  border-color: #383838;
}
body.dark-mode input,
body.dark-mode textarea {
  color: #dcdcdc !important;
}
body.dark-mode .breadcrumb,
body.dark-mode .breadcrumb:before {
  color: #9e9e9e;
}
body.dark-mode .breadcrumb:last-child {
  color: #dcdcdc;
}
body.dark-mode input[type=text]:not(.browser-default)[readonly=readonly] + label {
  color: #9e9e9e !important;
}
body.dark-mode hr {
  border-color: #3c3c3c !important;
}
body.dark-mode .chip {
  background-color: #2f2f2f;
  color: #ababab;
}
body.dark-mode .chip.lighten-4,
body.dark-mode .chip.lighten-5 {
  background-color: #222222 !important;
}
body.dark-mode .customer-tabs .tab {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
body.dark-mode .article-row:hover {
  background-color: #3e3e41 !important;
}
body.dark-mode .article-row.active {
  background-color: #2b2c32 !important;
}
body.dark-mode .article-row.active:hover {
  background-color: #30323f !important;
}
body.dark-mode .backmediumred {
  color: black;
  background-color: #b11b1b !important;
}
body.dark-mode .backmediumgreen {
  color: black;
  background-color: #3b6109 !important;
}
body.dark-mode .grey-text.text-darken-4 {
  color: #ebe5e0 !important;
}
body.dark-mode input[readonly=readonly],
body.dark-mode input[disabled=disabled] {
  color: #838383 !important;
}
body.dark-mode table.highlight > tbody > tr:hover {
  background-color: #222224 !important;
}
body.dark-mode fieldset {
  border-color: #464545 !important;
}
body.dark-mode .select-wrapper .caret {
  fill: #e3e3e3 !important;
}
body.dark-mode .select-wrapper input.select-dropdown {
  border-bottom-color: #464545 !important;
}
body.dark-mode .article-search-picker {
  background-color: #292929;
  color: #dcdcdc !important;
}
body.dark-mode .list-item-sub-item {
  background-color: #232324 !important;
}
body.dark-mode .switch label .lever:after {
  background-color: #252525 !important;
}
body.dark-mode .btn-flat,
body.dark-mode .column-sort-icon,
body.dark-mode .pagination li a {
  color: #dcdcdc !important;
}
body.dark-mode .btn[disabled],
body.dark-mode .btn-small[disabled] {
  background-color: #333333 !important;
  color: #9f9f9f !important;
}
body.dark-mode .dropdown-content {
  background-color: #292929 !important;
}
body.dark-mode .dropdown-content li:hover:not(.disabled) {
  background-color: #30323f !important;
}
body.dark-mode .black-text {
  color: white !important;
}
body.dark-mode .red.lighten-4,
body.dark-mode .card.red {
  background-color: #B71C1C !important;
}
body.dark-mode .articles-table thead th,
body.dark-mode .tabs,
body.dark-mode .white {
  background-color: #2d2d2d !important;
}
body.dark-mode .grey.lighten-3 {
  background-color: #424242 !important;
}
body.dark-mode .blue.lighten-1 {
  background-color: #1565C0 !important;
}
body.dark-mode .blue.lighten-2 {
  background-color: #1976D2 !important;
}
body.dark-mode .modal-content,
body.dark-mode .modal-footer,
body.dark-mode .ft-confirm-modal {
  background-color: #202124 !important;
}
body.dark-mode .scroll-picker-bar .btn.white.black-text {
  color: white !important;
  background-color: black !important;
}
body.dark-mode .buyref-selector-order-item {
  color: white !important;
}
body.dark-mode.ft-sidenav-enabled .ft-sidenav li > a {
  background-color: #474747 !important;
}
body.dark-mode.ft-sidenav-enabled .ft-sidenav li:hover > a, body.dark-mode.ft-sidenav-enabled .ft-sidenav li:hover > div.collapsible-header, body.dark-mode.ft-sidenav-enabled .ft-sidenav li.active > a, body.dark-mode.ft-sidenav-enabled .ft-sidenav li.current > a, body.dark-mode.ft-sidenav-enabled .ft-sidenav li.active > div.collapsible-header, body.dark-mode.ft-sidenav-enabled .ft-sidenav li.current > div.collapsible-header {
  background-color: #353535 !important;
  color: white !important;
}

@supports (-webkit-touch-callout: none) and (not (overflow: -webkit-marquee)) {
  .dropdown-content {
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}/*# sourceMappingURL=Core.css.map */