/**
 * Styling für den Header
 * Wird verwendet in
 **** Header.html
 */
.frontend .shop_wrapper .orderset_wrapper .orderset_headline {
  font-size: large;
  font-weight: bold;
  border-bottom: 1px solid lightgrey;
  padding-bottom: 10px;
  float: left;
  width: 100%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side {
  width: 80%;
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side.orders {
  width: 100%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side.orders .order_download_container_link {
  float: right;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side.orders .new_order {
  float: right;
  width: 125px !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side button {
  margin-top: 5px;
  width: 80px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side .btn.supplier {
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side .orderset_supplier_info {
  margin-left: 20px;
  text-align: center;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .left_side .orderset_supplier_info.supplier {
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .right_side {
  width: 20%;
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .header_association_logo {
  max-width: 100px;
  max-height: 60px;
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_headline .header_association_logo.supplier {
  margin-right: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .filter {
  width: 12.5%;
  float: left;
  padding-top: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .filter_orders {
  width: 12.5%;
  float: left;
  font-size: 16px;
}
.frontend .shop_wrapper .orderset_wrapper .filter_orders.own_orders {
  margin-left: 20px;
  width: 20%;
}
.frontend .shop_wrapper .orderset_wrapper .filter_orders label {
  font-weight: normal !important;
  margin-left: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container {
  margin-top: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .status_headline {
  padding-right: 0 !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .status_headline span {
  float: right;
  font-size: 18px;
  padding-top: 15px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .search_and_filter_container .filter {
  width: 12.5%;
  float: left;
  padding-top: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .search_and_filter_container input[type="checkbox"] {
  margin-right: 10px;
  padding-top: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .search_and_filter_container label {
  padding-top: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .input-group {
  padding-right: 20px;
  margin: 10px 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .input-group.float {
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .input-group.float.title {
  padding-top: 7px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .input-group .dropdown-menu {
  border: 2px solid black !important;
  padding: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .input-group .dropdown-menu li {
  cursor: pointer;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .copy_container {
  width: 40%;
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .copy_container.details {
  width: 33% !important;
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address {
  margin: 10px 0 10px 0;
  font-size: 16px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address span {
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address .no_float {
  float: none !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address i {
  float: right;
  font-size: 32px;
  margin-left: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address.unselected {
  color: red;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address.info {
  color: green;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .selected_address .disabled_download_link {
  cursor: pointer;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .checkbox_empty_articles {
  text-align: left;
  margin: 10px 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_download_container_link {
  float: right;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .orders_headline {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container {
  width: 100%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container.client {
  margin-bottom: 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article {
  width: 100%;
  border: 1px solid lightgrey;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article a {
  color: black;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article:nth-child(odd) {
  background: #ececec;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article.header {
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column {
  border-right: 1px solid lightgrey;
  padding: 7px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.sortIndex {
  width: 7%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.sortIndex input {
  width: 60%;
  display: block;
  margin: auto;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.sortIndex input::-webkit-outer-spin-button,
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.sortIndex input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.sortIndex input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column .edited_count {
  width: 20px;
  margin: auto;
  display: block;
  background: yellow;
  border-radius: 10px;
  padding: 2px;
  text-align: center;
  margin-top: 3px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.id {
  width: 5%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.name {
  width: 16%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.orderContent {
  width: 9%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.price {
  width: 15%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.discountPercent {
  width: 10%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.orderUnit {
  width: 5%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.discountEuro {
  width: 9%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.visitor {
  width: 6%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.unit {
  width: 12%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.duration {
  width: 9%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.amount {
  width: 7%;
  min-width: 80px;
  text-align: center;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column:last-child {
  border-right: none !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.head {
  width: 93%;
  text-align: center;
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.head input {
  font-weight: normal;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.order_id {
  width: 10%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.order_comment {
  width: 20%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.client {
  width: 15%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.delivery {
  width: 18%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.client_id {
  width: 10%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.association {
  width: 10%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.positions {
  width: 12%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.ordered_by {
  width: 15%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column.state {
  width: 10%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column .additional_article_info {
  margin-left: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .article .column .additional_article_info i {
  color: orange;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .yellow_background {
  background: #ffff7e !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .articles_container .red_background {
  background: rgba(240, 0, 0, 0.2) !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .no_articles {
  margin: 20px 0;
  font-size: large;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .no_articles.upper_client {
  margin-top: 20px;
  border-top: 1px solid lightgray;
  padding-top: 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container {
  margin-top: 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container .form-group {
  padding-left: 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container .form-group:nth-child(2) {
  padding-right: 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container .form-group:nth-child(3) {
  padding-right: 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client {
  margin-top: 0 !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half {
  width: 50%;
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container {
  border: 1px solid lightgrey;
  padding: 5px;
  max-height: 155px;
  overflow-y: scroll;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .sender_information {
  font-size: 12px;
  color: dimgrey;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .receiver_container {
  float: left;
  width: 70%;
  margin-bottom: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .receiver_container .receiver_text {
  background: #f0f0f0;
  color: black !important;
  border-radius: 10px;
  padding: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .sender_container {
  float: right;
  width: 70%;
  margin-bottom: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .sender_container .sender_text {
  background: #dcf0c6;
  color: black !important;
  border-radius: 10px;
  padding: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client.half .messages_container .new_message {
  width: 70%;
  min-height: 80px;
  float: right;
  color: black !important;
  margin-bottom: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .information_container.client .green {
  color: green;
  font-size: 16px;
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .orderset_regulations {
  padding: 15px 0;
  font-size: larger;
  font-weight: bold;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .orderset_regulations.green {
  color: green;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .red_font {
  color: red;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .position_buttons {
  width: 40%;
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .orderset_buttons {
  width: 60%;
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .orderset_buttons .btn {
  margin-right: 20px;
  float: right;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .orderset_buttons .btn:first-child {
  margin-right: 0px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .orderset_buttons.client .btn.order {
  opacity: 0.65;
  cursor: default;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .orderset_buttons.client .btn a {
  color: white;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .action_container .btn-default {
  margin-right: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container {
  float: left;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic {
  width: 60%;
  padding: 0 20px 10px 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic input::-webkit-outer-spin-button,
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic input[type="number"] {
  -moz-appearance: textfield;
  /* Firefox */
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic.client .form-group {
  border: 1px solid lightgrey !important;
  padding: 5px 20px 5px 5px !important;
  background: #f2f0f1;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.basic.client .form-group.col-md-6.left_side {
  width: 48%;
  margin-right: 2%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.offer {
  width: 40%;
  padding: 0 10px 0 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.offer .form-group span {
  margin-right: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.offer .required_fields {
  float: right;
  padding-right: 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container.offer.client .form-group {
  border: 1px solid lightgrey !important;
  padding: 5px 20px 5px 5px !important;
  background: #f2f0f1;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group {
  padding: 0 20px 0 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .form-control.full {
  width: 50%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price span {
  float: left;
  padding-top: 7px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price input {
  width: 20%;
  float: left;
  margin: 0 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price input:nth-child(1) {
  margin: 0 10px 0 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group {
  width: 30%;
  margin: 0 !important;
  z-index: 99;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group.half {
  width: 60%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group.first {
  z-index: 3000;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group.second {
  z-index: 2000;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group.third {
  z-index: 1000;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group input {
  margin: 0 !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group .dropdown-menu {
  z-index: 11000;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .position_container .form-group.price .input-group .dropdown-menu li {
  cursor: pointer;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .commnent_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container {
  float: left;
  padding: 10px;
  border: 1px solid lightgrey;
  margin-top: 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container.full {
  width: 100%;
  padding-top: 20px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container.half {
  width: 60%;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container.comment {
  width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container.comment textarea {
  width: 100%;
  border: 1px solid lightgrey;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container.comment.no_border {
  border: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container .separator_line {
  border: 1px solid lightgrey;
  margin: 10px 0;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container .half_size {
  width: 50%;
  float: left;
  padding: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_information_container .full_size {
  width: 100%;
  padding: 5px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_action_container {
  width: 40%;
  float: left;
  margin-top: 20px;
  padding: 10px 0px 10px 10px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_action_container button {
  float: right;
  margin-right: 15px;
}
.frontend .shop_wrapper .orderset_wrapper .orderset_container .order_action_container button:first-child {
  margin-right: 0 !important;
}
.frontend {
  height: 100%;
  width: 100%;
  background: white;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.frontend .header_container {
  background: white;
  width: 100%;
  border-top: 20px solid #404040;
}
.frontend .header_container .upper_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 1200px;
  margin: auto;
}
.frontend .header_container .upper_container .image_container {
  padding: 20px 0px;
  max-width: 25%;
}
.frontend .header_container .upper_container .image_container img {
  max-width: 220px;
  cursor: pointer;
}
.frontend .header_container .upper_container .menu_container {
  font-size: large;
  padding: 30px 20px 20px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.frontend .header_container .upper_container .menu_container h2 {
  margin-left: 20%;
}
.frontend .header_container .upper_container .menu_container .menu_item {
  padding: 0px 30px;
  border-right: 2px solid lightgrey;
  max-height: 30px;
}
.frontend .header_container .upper_container .menu_container .menu_item a {
  color: darkslategrey;
  padding: 0;
}
.frontend .header_container .upper_container .menu_container .menu_item.no_border {
  border-right: none !important;
}
.frontend .header_container .upper_container .menu_container .menu_item i {
  font-size: x-large;
}
.frontend .header_container .upper_container .menu_container .menu_item .dropdown-menu {
  margin-left: -50px;
  background: #5b5f5d;
}
.frontend .header_container .upper_container .menu_container .menu_item .menu_item_dropdown {
  font-size: larger;
  padding: 6px 3px;
  color: white;
  text-align: center;
}
.frontend .header_container .upper_container .menu_container .selected_event {
  padding: 10px 0;
}
.frontend .header_container .headline_container {
  background: #f2f0f1;
  width: 100%;
  text-align: center;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}
.frontend .header_container .headline_container h2 {
  margin: 10px 0 !important;
}
.frontend .red_font {
  color: red !important;
}
.frontend .orange_font {
  color: orange !important;
}
.frontend .green_font {
  color: green !important;
}
.frontend .blue_font {
  color: cornflowerblue !important;
}
.frontend .client_row {
  width: 100%;
  padding: 5px;
  border: 1px solid lightgrey;
  cursor: pointer;
}
.frontend .client_row .column.client {
  width: 70%;
  float: left;
}
.frontend .client_row .column.delivery {
  width: 30%;
  float: left;
}
.frontend .collapse {
  padding: 5px;
  border: 1px solid lightgrey;
}
.frontend .address_row {
  padding: 5px;
  border-bottom: 1px solid lightgrey;
  cursor: pointer;
}
.frontend .shop_wrapper {
  margin: 0px auto;
  max-width: 1200px;
  padding: 20px 10px 30px 10px;
}
.frontend .shop_wrapper .overlay {
  padding-top: 0px;
  position: fixed;
  top: 325px;
  display: block;
  margin: auto;
  text-align: center;
  width: 100%;
  max-width: 1200px;
}
.frontend .shop_wrapper .overlay i {
  font-size: xx-large;
  width: 30px;
  display: block;
  margin: auto;
  z-index: 100000 !important;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container {
  font-size: 22px;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container.spacer {
  border-bottom: 1px solid lightgrey;
  padding-bottom: 10px;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container .overview {
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container .overview.supplier_dashboard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container .overview .supplier_name_container {
  margin: auto 0;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container .overview .supplier_logo_container img {
  max-width: 120px;
  max-height: 120px;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container.settings {
  max-width: 400px;
  margin: auto;
}
.frontend .shop_wrapper .supplier_overview_container .overview_container.settings.addresses {
  max-width: 600px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container {
  background: #f2f0f1;
  width: calc(50% - 30px);
  display: block;
  padding: 20px;
  float: left;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 2px 4px rgba(150, 150, 150, 0.7);
          box-shadow: 2px 4px rgba(150, 150, 150, 0.7);
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container.client {
  position: relative;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container a {
  color: #333;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container {
  width: 70%;
  float: left;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container.orders {
  width: 60% !important;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container .head_container {
  font-size: large;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container .info_container {
  margin: 10px 0;
  line-height: 25px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container .info_container .all_orders {
  margin-bottom: 14px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .left_side_container .info_container.orders {
  font-size: medium;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .dates_container {
  width: 30%;
  float: left;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .dates_container .association_logo {
  max-width: 240px;
  float: right;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .dates_container .association_logo img {
  max-width: 100%;
  max-height: 60px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .dates_container.orders {
  width: 40% !important;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container {
  margin-top: 20px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container.client {
  margin-top: 20px;
  margin-bottom: 20px;
  bottom: 0;
  position: absolute;
  right: 0;
  width: 100%;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle {
  width: 30%;
  float: left;
  margin-top: 10px;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle i {
  font-size: x-large;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle .green {
  color: green;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle .lightgreen {
  color: lawngreen;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle .yellow {
  color: yellow;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .status_circle .red {
  color: red;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .pdf_orderset {
  width: 30%;
  float: left;
  text-align: center;
  font-size: x-large;
  background: white;
  padding: 5px;
  cursor: pointer;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .edit_orderset {
  width: 30%;
  float: left;
  margin: 0 5%;
  text-align: center;
  font-size: x-large;
  background: white;
  padding: 5px;
  cursor: pointer;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .action_text {
  font-size: medium !important;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container .actions_container .edit_orderset_client {
  width: 30%;
  float: right;
  margin: 0 5%;
  text-align: center;
  font-size: x-large;
  background: white;
  padding: 5px;
  cursor: pointer;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container:nth-child(odd) {
  margin: 0 30px 20px 0;
}
.frontend .shop_wrapper .supplier_overview_container .associations_overview_container .association_container:nth-child(even) {
  margin: 0 0 20px 30px;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_menu_section {
  width: 48%;
  float: left;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_menu_section.ordersets {
  margin-right: 4%;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .input-group {
  margin: 20px 0;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .bulk_download_container {
  width: 50%;
  float: left;
  margin: 20px 0;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .bulk_download_container .bulk_download_container_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .bulk_download_container .bulk_download_container_link p {
  margin: 0 10px 0 0;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .bulk_download_container .bulk_download_container_link i {
  float: right;
  font-size: 32px;
  cursor: pointer;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container {
  background: #f2f0f1;
  border: 1px solid lightgrey;
  -webkit-box-shadow: 2px 4px rgba(150, 150, 150, 0.7);
          box-shadow: 2px 4px rgba(150, 150, 150, 0.7);
  margin-top: 20px;
  padding: 10px;
  cursor: pointer;
  font-size: 18px;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container a {
  color: black;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container .name_container {
  width: 90%;
  float: left;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container .name_container .secondary {
  float: right;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container .supplier_action_container {
  width: 10%;
  float: left;
  text-align: end;
}
.frontend .shop_wrapper .supplier_overview_container .client_container .client_orderset_container .supplier_action_container i {
  font-size: 28px !important;
  padding-left: 24px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container {
  max-width: 400px;
  margin: auto;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container.addresses {
  max-width: 600px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container.invitedUsers {
  margin-top: 20px;
  background: #f2f0f1;
  padding: 20px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container.invitedUsers .invited_users_list {
  padding: 5px 0;
  border-bottom: 1px solid lightgray;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container {
  padding: 20px;
  background: #f2f0f1;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .invitation_container {
  margin-top: 40px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group {
  width: 100%;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group.last_button {
  margin-bottom: 0 !important;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group.half_button {
  width: 50%;
  float: left;
  margin-left: 5%;
  margin-bottom: 0 !important;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group.half_back {
  width: 45%;
  float: left;
  margin-bottom: 0 !important;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group .save_button {
  width: 100%;
  margin-top: 20px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group .save_button .button_text {
  float: left;
  width: 80%;
  text-align: left;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .form-group .save_button i {
  float: right;
  width: 20%;
  text-align: right;
  font-size: large;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .address_container {
  margin-top: 20px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .address_container .address {
  border-bottom: 1px solid lightgray;
  margin-bottom: 20px;
}
.frontend .shop_wrapper .supplier_overview_container .settings_container .input_container .address_container .address .remove_address {
  color: red;
  margin-left: 40px;
  cursor: pointer;
}
.frontend .shop_wrapper .password_container {
  max-width: 800px;
  display: block;
  margin: auto;
}
.frontend .shop_wrapper .password_container .password_form {
  width: 100%;
}
.frontend .shop_wrapper .password_container .password_form .password {
  width: 49%;
  float: left;
  margin-right: 1%;
}
.frontend .shop_wrapper .password_container .password_form .password.check {
  margin-right: 0%;
  margin-left: 1%;
}
.frontend .shop_wrapper .password_container .password_form button {
  margin: 0 auto 0 auto;
  display: block;
}
.frontend .shop_wrapper .right_text_container {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.frontend .shop_wrapper .right_text_container.privacy p {
  margin-bottom: 0 !important;
}
.frontend .footer_wrapper {
  bottom: 0;
  position: absolute;
  width: 100%;
  background: #404040;
  height: auto;
  color: white;
}
.frontend .footer_container {
  font-family: Helvetica, sans-serif !important;
}
.frontend .footer_container .text_container {
  margin: 0px auto;
  max-width: 1200px;
  padding: 20px 10px 30px 10px;
}
.frontend .footer_container .text_container .left_container {
  width: 25%;
  float: left;
  font-size: 15px;
}
.frontend .footer_container .text_container .right_container {
  width: 75%;
  float: left;
  font-size: 16px !important;
  font-weight: 400 !important;
  text-align: right;
}
.frontend .footer_container .text_container .right_container a {
  color: white;
}