body {
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.header-sidemenu {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.box-loading {
  position: absolute;
  width: 100%;
  top: 45vh;
  text-align: center;
  font-weight: 100;
  font-size: 1.5em;
}

.btn {
  cursor: pointer;
}

#site.hide {
  opacity: 0;
  transition: all 0.5s;
}

#site {
  transition: all 0.5s;
  height: calc(100vh - 55px);
  margin-left: 0 !important;
  margin-right: 0 !important;
}

#content {
  background: #e4e5e6;
}

div#content {
  background: #e4e5e6;
}

th.sortable:before {
  content: " ";
  position: absolute;
  cursor: pointer;
  right: 13px;
  top: 12px;
  z-index: 1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 7px solid #adb2b8;
}

th.sortable {
  position: relative;
  cursor: pointer;
}

th.sortable:after {
  content: " ";
  position: absolute;
  right: 13px;
  bottom: 12px;
  cursor: pointer;
  z-index: 1;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 7px solid #adb2b8;
}

th.sortable.down:after {
  border-top: 7px solid #727a83;
}

th.sortable.up:before {
  border-bottom: 7px solid #727a83;
}

.badge.orange {
  color: orange;
}

.badge.red {
  color: #fff;
}

.badge.green {
  color: green;
}

td.text-right.pickup-states .badge.red {
  background-color: #ffd172;
}

.badge {
  color: #fff;
  background: #a5a6a9;
  border-radius: 2px;
  box-shadow: none !important;
}

a.dropdown-toggle.collapsed:after {
  transform: rotate(180deg);
}

.sidebar-sticky li.active:after {
  content: " ";
  height: 10px;
  width: 10px;
  background: #e4e5e6;
  transform: rotate(45deg);
  position: absolute;
  right: -5px;
  top: 19px;
}

.sidebar-sticky li {
  position: relative;
}

.sidebar-sticky li.active {
  background: #4e545a !important;
}

.pointer {
  cursor: pointer;
}

.bootbox .bootbox-close-button {
  display: none;
}

.card-header {
  background-color: #fafbfc;
  border-bottom: none;
}

.card {
  border: none;
  border-radius: 2px;
}

.card-body {
  background: #f0f3f5;
}

.card-body {
  padding: 0.75rem;
}

.card-sub-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  font-weight: 300;
}

.tb-table {
  font-size: 13px;
  font-weight: 400;
  color: #000;
}

.tb-table thead th {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-top: 0;
}

.table-light th {
  font-weight: 300 !important;
}

.strong {
  font-weight: 400 !important;
}

.tb-table {
  margin-bottom: 0;
}

.tb-table .item {
  margin-bottom: 5px;
}

.tb-table tbody tr:nth-child(even) {
  background: #FBFBFB;
}

.tb-table tbody tr {
  transition: all 0.2s;
  background: #fff;
}

.tb-table tbody tr:hover {
  background: #eeeeee;
  transition: all 0.3s;
}

.main-box-order tbody tr {
  border-top: 10px solid #e4e5e6;
}

.action_td {
  border-left: 10px solid #e4e5e6;
  background: #fff;
}

.actions-collapse {
  margin-top: -3px;
}

.actions-collapse .card.card-body {
  background: #cfdac5;
  padding: 5px 15px 13px;
}

.actions-collapse .btn {
  color: #fff;
  width: 100%;
  margin-bottom: 2px;
  line-height: 16px;
  padding: 8px;
  font-size: 12px;
  text-transform: initial;
}
.actions-collapse .btn.btn-toolbox {
  background: #439ba6;
}

button.btn.btn-primary.btn-actions-collapse {
  width: 100%;
  color: #000000;
  background: #d0dfc9;
  box-shadow: none;
  border: none;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 200;
  cursor: pointer;
}

.classic-tabs {
  background: #eeeeee !important;
}

.classic-tabs li:first-child {
  margin: 0;
}

.classic-tabs li a {
  color: #a0adbc;
}

.classic-tabs li a.active {
  border-radius: 0px;
  border-color: #1abb9c;
  color: #1abb9c;
}

.classic-tabs li a {
  padding: 10px 10px;
}

.no-result {
  justify-content: center;
  padding: 3rem 5rem;
  font-weight: 400;
  border: 0.1rem solid rgba(115, 135, 156, 0.2);
  background: rgba(115, 135, 156, 0.1);
  margin: 2rem;
  text-align: center;
}

.hidden {
  display: none;
}

.action-btn > div {
  margin-bottom: 0px;
}

.action-btn .btn {
  width: 100%;
  margin: 6px !important;
}

.pickup-states .badge {
  padding: 5px;
  font-weight: 400;
}

[type=checkbox] + label {
  font-size: 11px;
}

.classic-tabs li a .title {
  position: relative;
}

.classic-tabs li a .badge {
  position: absolute;
  margin-left: 5px;
  top: -5px;
}

.classic-tabs li a {
  height: 58px;
  padding: 10px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

span[data-count="0"] {
  display: none;
}

.nav-info {
  position: absolute;
  right: 9px;
  top: 7px;
}

.btn-export-produktion {
  margin-top: 20px;
}

.btn-export-produktion .form-group {
  margin-bottom: 0px;
}

/* Copy to Clipboard Styles */
input.copyinput {
  width: calc(100% - 25px);
}

.copybutton {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 24px;
  margin-left: 3px;
  margin-bottom: -2px;
  background-size: contain;
  cursor: pointer;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDQ4OC4zIDQ4OC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODguMyA0ODguMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSI1MTJweCIgaGVpZ2h0PSI1MTJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTMxNC4yNSw4NS40aC0yMjdjLTIxLjMsMC0zOC42LDE3LjMtMzguNiwzOC42djMyNS43YzAsMjEuMywxNy4zLDM4LjYsMzguNiwzOC42aDIyN2MyMS4zLDAsMzguNi0xNy4zLDM4LjYtMzguNlYxMjQgICAgQzM1Mi43NSwxMDIuNywzMzUuNDUsODUuNCwzMTQuMjUsODUuNHogTTMyNS43NSw0NDkuNmMwLDYuNC01LjIsMTEuNi0xMS42LDExLjZoLTIyN2MtNi40LDAtMTEuNi01LjItMTEuNi0xMS42VjEyNCAgICBjMC02LjQsNS4yLTExLjYsMTEuNi0xMS42aDIyN2M2LjQsMCwxMS42LDUuMiwxMS42LDExLjZWNDQ5LjZ6IiBmaWxsPSIjMDAwMDAwIi8+CgkJPHBhdGggZD0iTTQwMS4wNSwwaC0yMjdjLTIxLjMsMC0zOC42LDE3LjMtMzguNiwzOC42YzAsNy41LDYsMTMuNSwxMy41LDEzLjVzMTMuNS02LDEzLjUtMTMuNWMwLTYuNCw1LjItMTEuNiwxMS42LTExLjZoMjI3ICAgIGM2LjQsMCwxMS42LDUuMiwxMS42LDExLjZ2MzI1LjdjMCw2LjQtNS4yLDExLjYtMTEuNiwxMS42Yy03LjUsMC0xMy41LDYtMTMuNSwxMy41czYsMTMuNSwxMy41LDEzLjVjMjEuMywwLDM4LjYtMTcuMywzOC42LTM4LjYgICAgVjM4LjZDNDM5LjY1LDE3LjMsNDIyLjM1LDAsNDAxLjA1LDB6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}

table.order {
  margin-top: 15px;
}
table.order tbody:before {
  content: "@";
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}

@media only screen and (max-width: 991px) {
  .main-box-order {
    order: 2;
  }

  .main-box-actions {
    order: 1;
  }

  .main-box-actions .card-body {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .card-body {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }

  table.order thead {
    display: none;
  }

  table.order tbody > tr {
    display: block;
    width: 100% !important;
    border-bottom: 20px solid whitesmoke;
  }

  table.order tbody > tr:last-child {
    border-bottom: none;
  }

  table.order tbody td, table.order tbody th {
    display: block;
    width: 100% !important;
    padding: 15px;
  }

  table.order td.action-btn {
    padding-right: 25px !important;
  }

  table.order .btn-export-produktion {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .main-box-order {
    order: 2;
  }

  .main-box-actions {
    order: 1;
  }

  .main-box-actions .card-body {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .card-body {
    display: block !important;
  }
}
@media only screen and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media only screen and (max-width: 575px) {
  .hidden-xs {
    display: none !important;
  }

  .tb-order-nr {
    float: left;
  }

  .tb-order-amount {
    float: right;
  }

  .btn-comment {
    text-align: right;
    margin-top: 12px !important;
  }
}
.picker__button--close:before {
  display: none;
}

.weeks-6 {
  background: #f8e7b2 !important;
  color: #333 !important;
}

.weeks-6:hover {
  background: #cebe90 !important;
  color: #333 !important;
}

.weeks-3 {
  background: #fff !important;
}

.weeks-3:hover {
  background: #deffff !important;
  color: #333 !important;
}

.weeks-2 {
  background: #fcf4da !important;
}

.weeks-2:hover {
  background: #e5ddc2 !important;
  color: #333 !important;
}

.week-icon {
  font-size: 1.25em;
  margin-right: 3px;
  color: #fff;
}

.weeks-6-icon {
  color: #f8e7b2;
}

.weeks-2-icon {
  color: #fcf4da;
}

header {
  background: #fff;
  font-size: 14px;
}
header .navbar-brand, header span.navbar-toggler-icon, header .form-control, header .btn-white {
  font-size: 14px;
}
header .navbar {
  padding: 0.6rem 1rem;
}
header span.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
  float: left;
  font-size: 14px;
  left: 216px;
  position: fixed;
  display: block;
  top: 17px;
}
header .navbar a.nav-link {
  color: #000;
  text-decoration: underline;
  font-size: 14px;
}
header a.navbar-brand {
  margin-left: 10px;
  padding-top: 8px;
}
header a {
  color: #000;
}
header a:hover {
  color: #2a2a2a;
}

.btn-white {
  background: #fff;
  box-shadow: none;
  color: #727a83;
  border: 1px solid #adb2b8;
}
.btn-white:hover {
  box-shadow: none;
  background: #f5f5f5;
}

#site {
  display: flex;
}

#site #sidebarMenu {
  background: #30353b;
  flex-shrink: 1;
  padding-right: 0;
  width: 250px;
}

#site #sidebarMenu strong {
  font-weight: 800;
}

#site #sidebarMenu .dropdown-toggle::after {
  position: absolute;
  right: 15px;
  top: 22px;
  border-top: none;
  border-bottom: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
  color: #abadaf;
}

#site #sidebarMenu .sidebar-sticky > ul li .header {
  padding: 15px 13px;
  position: relative;
}

#site #sidebarMenu .sidebar-sticky > ul li .header a {
  text-transform: uppercase;
  color: #abadaf;
  width: calc(100% - 75px);
  display: inline-block;
}

#site #sidebarMenu .sidebar-sticky > ul li .header .amount {
  color: #abadaf;
}

#site #sidebarMenu .sidebar-sticky > ul li .header .amount.highlight {
  color: #8f701c;
}

#site #sidebarMenu .sidebar-sticky > ul .amount {
  text-align: center;
  display: inline-block;
  width: 50px;
  margin-right: 25px;
  color: #f1f4f6;
  font-weight: 400;
}

#site #sidebarMenu .sidebar-sticky > ul .amount.highlight {
  color: #e6b22e;
}

#site #sidebarMenu .sidebar-sticky > ul li, #site #sidebarMenu .sidebar-sticky > ul li a {
  color: #f1f4f6;
  font-weight: 300;
  font-size: 13px;
}

#site #sidebarMenu .sidebar-sticky > ul ul li {
  background: #3a4147;
  padding: 15px 13px;
  border-bottom: 2px solid #30353b;
  cursor: pointer;
}

#site #sidebarMenu .sidebar-sticky > ul ul li:hover {
  background: #4e545a;
}

#site #content {
  flex-shrink: 1;
  width: calc(100% - 250px);
}

#site #content.fullscreen {
  width: 100%;
}

.ng-scope.item_outer.other_shipment {
  color: #b6bcc0;
}

.cityzipcode {
  font-weight: 600;
}

.main-box-order thead {
  background: #fafbfc;
}

/*# sourceMappingURL=toolbox.css.map */
div.tb-order-nr {
  margin-bottom: 10px;
}

.badge.badge-secondary.ng-binding.ng-scope {
  position: relative;
  display: inherit;
  top: 7px;
}

.card-body div.row {
  margin-top: 6px;
}

a.btn.btn-dark-green.btn-block {
  font-size: 13px;
}

a.ml-0.ng-binding {
  color: #323338;
}

button.btn.btn-primary.btn-actions-collapse[aria-expanded=true]:after {
  content: " ";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px 3px 3px 3px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-left: 5px;
  margin-top: 3px;
}

button.btn.btn-primary.btn-actions-collapse, button.btn.btn-primary.btn-actions-collapse.collapsed {
  display: inline-flex;
  align-items: center;
}

button.btn.btn-primary.btn-actions-collapse[aria-expanded=false]:after {
  content: " ";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px 3px 3px 3px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-left: 5px;
  margin-top: -3px;
}

button.btn.btn-toolbox.btn-sm.pointer {
  box-shadow: none !important;
}

.card.card-body {
  box-shadow: none !important;
}

@media only screen and (max-width: 1200px) {
  nav#sidebarMenu {
    display: none;
  }

  div#content {
    width: 100% !important;
  }
}
.card-header.bikes span.badge.red.ng-binding {
  background-color: #ffd172;
}

button.btn.btn-toolbox.btn-sm.pointer, a.btn.btn-toolbox.btn-sm.pointer, a.btn.btn-toolbox.ng-binding {
  display: inline-flex;
  align-items: center;
}

.shipgroup_postal div.badge-secondary:nth-child(1) {
  background-color: #6f5977;
}

.shipgroup_postal div.cityzipcode {
  color: #6f5977;
}

.shipgroup_lastenrad div.badge-secondary:nth-child(1) {
  background-color: #439ba6;
}

.shipgroup_lastenrad div.cityzipcode {
  color: #439ba6;
}

.shipgroup_spedition div.badge-secondary:nth-child(1) {
  background-color: #776077;
}

.delivery-date {
  margin-top: 10px !important;
  display: inline-block;
  background: #a5a6a9;
  padding: 0.25em 0.4em;
  color: #fff;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  position: relative;
  border-radius: 2px;
  overflow: hidden;
}
.delivery-date div.delivery-percent {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #ffd172;
}
.delivery-date div.delivery-date-text {
  position: relative;
  z-index: 1;
  color: #333;
}
.delivery-date.deadline div.delivery-date-text {
  color: #fff;
}
.delivery-date.deadline div.delivery-percent {
  background: #d9534f;
}

.completed-section .other-partial-delivery {
  display: none;
}

.badge-auslieferung-basis {
  background: #776077;
}

.badge-lastenrad {
  background: #439ba6;
}

.text-kiezbett {
  color: #439ba6;
}

.text-normal {
  font-weight: normal;
}

.text-bold {
  font-weight: bold;
}

#login-page {
  background: whitesmoke;
}
#login-page div.container {
  height: 100vh;
}
#login-page div.image {
  width: 60%;
  margin: 0 auto 25px auto;
}
#login-page div.image img {
  max-width: 100%;
}
#login-page form {
  width: 400px;
}
#login-page form button {
  margin-top: 25px;
}
#login-page .md-form {
  display: flex;
  align-items: center;
}
#login-page .md-form.form-email {
  margin-bottom: 10px;
}
#login-page .md-form .fa {
  margin-right: 10px;
  width: 15px;
  font-size: 20px;
}

.datepicker-filter {
  display: flex;
  margin-bottom: 10px;
}
.datepicker-filter .datepicker-container input {
  background: #fff;
}

.list-info {
  margin-bottom: 2px;
  line-height: 16px;
  padding: 8px;
  font-size: 12px;
  display: inline-block;
  border-radius: 0.25rem;
  width: 100%;
  background: #adb2b8;
}

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