.back-to-top {
 background-image:url(up-arrow.png);
 position: fixed;
 background-size:100% 100%;
 height:40px;
 width:40px;
 bottom:50px;
 right:10px;
 background-repeat:no-repeat;
 z-index:100001;
 opacity:0.4;
}

.back-to-top:hover {
opacity:0.6;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: $card-bg;
  background-clip: border-box;
  border: $card-border-width solid $card-border-color;
  @include border-radius($card-border-radius);

  > hr {
    margin-right: 0;
    margin-left: 0;
  }

  > .list-group:first-child {
    .list-group-item:first-child {
      @include border-top-radius($card-border-radius);
    }
  }

  > .list-group:last-child {
    .list-group-item:last-child {
      @include border-bottom-radius($card-border-radius);
    }
  }
}

.card-body {
  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
  // as much space as possible, ensuring footers are aligned to the bottom.
  flex: 1 1 auto;
  padding: $card-spacer-x;
}

.card-title {
  margin-bottom: $card-spacer-y;
}

.card-subtitle {
  margin-top: -$card-spacer-y / 2;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link {
  @include hover {
    text-decoration: none;
  }

  + .card-link {
    margin-left: $card-spacer-x;
  }
}

//
// Optional textual caps
//

.card-header {
  padding: $card-spacer-y $card-spacer-x;
  margin-bottom: 0; // Removes the default margin-bottom of <hN>
  color: $card-cap-color;
  background-color: $card-cap-bg;
  border-bottom: $card-border-width solid $card-border-color;

  &:first-child {
    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
  }

  + .list-group {
    .list-group-item:first-child {
      border-top: 0;
    }
  }
}

.card-footer {
  padding: $card-spacer-y $card-spacer-x;
  background-color: $card-cap-bg;
  border-top: $card-border-width solid $card-border-color;

  &:last-child {
    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
  }
}


//
// Header navs
//

.card-header-tabs {
  margin-right: -$card-spacer-x / 2;
  margin-bottom: -$card-spacer-y;
  margin-left: -$card-spacer-x / 2;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -$card-spacer-x / 2;
  margin-left: -$card-spacer-x / 2;
}

// Card image
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: $card-img-overlay-padding;
}

.card-img {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-radius($card-inner-border-radius);
}

// Card image caps
.card-img-top {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-top-radius($card-inner-border-radius);
}

.card-img-bottom {
  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
  @include border-bottom-radius($card-inner-border-radius);
}


// Card deck

.card-deck {
  display: flex;
  flex-direction: column;

  .card {
    margin-bottom: $card-deck-margin;
  }

  @include media-breakpoint-up(sm) {
    flex-flow: row wrap;
    margin-right: -$card-deck-margin;
    margin-left: -$card-deck-margin;

    .card {
      display: flex;
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      flex-direction: column;
      margin-right: $card-deck-margin;
      margin-bottom: 0; // Override the default
      margin-left: $card-deck-margin;
    }
  }
}


//
// Card groups
//

.card-group {
  display: flex;
  flex-direction: column;

  // The child selector allows nested `.card` within `.card-group`
  // to display properly.
  > .card {
    margin-bottom: $card-group-margin;
  }

  @include media-breakpoint-up(sm) {
    flex-flow: row wrap;
    // The child selector allows nested `.card` within `.card-group`
    // to display properly.
    > .card {
      // Flexbugs #4: https://github.com/philipwalton/flexbugs#flexbug-4
      flex: 1 0 0%;
      margin-bottom: 0;

      + .card {
        margin-left: 0;
        border-left: 0;
      }

      // Handle rounded corners
      @if $enable-rounded {
        &:first-child {
          @include border-right-radius(0);

          .card-img-top,
          .card-header {
            border-top-right-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            border-bottom-right-radius: 0;
          }
        }

        &:last-child {
          @include border-left-radius(0);

          .card-img-top,
          .card-header {
            border-top-left-radius: 0;
          }
          .card-img-bottom,
          .card-footer {
            border-bottom-left-radius: 0;
          }
        }

        &:only-child {
          @include border-radius($card-border-radius);

          .card-img-top,
          .card-header {
            @include border-top-radius($card-border-radius);
          }
          .card-img-bottom,
          .card-footer {
            @include border-bottom-radius($card-border-radius);
          }
        }

        &:not(:first-child):not(:last-child):not(:only-child) {
          @include border-radius(0);

          .card-img-top,
          .card-img-bottom,
          .card-header,
          .card-footer {
            @include border-radius(0);
          }
        }
      }
    }
  }
}


//
// Columns
//

.card-columns {
  .card {
    margin-bottom: $card-columns-margin;
  }

  @include media-breakpoint-up(sm) {
    column-count: $card-columns-count;
    column-gap: $card-columns-gap;
    orphans: 1;
    widows: 1;

    .card {
      display: inline-block; // Don't let them vertically span multiple columns
      width: 100%; // Don't let their width change
    }
  }
}


//
// Accordion
//

.accordion {
  .card {
    overflow: hidden;

    &:not(:first-of-type) {
      .card-header:first-child {
        border-radius: 0;
      }

      &:not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
      }
    }

    &:first-of-type {
      border-bottom: 0;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }

    &:last-of-type {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }

    .card-header {
      margin-bottom: -$card-border-width;
    }
  }
}

/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/

#gutscheine tr:nth-child(odd) {
background:#dadada;
}

.pname {
 float:left;
 font-weight:600;
 font-size:14px;
 color:#404040;
}

.attributes_table
    {
        display: table;

    }

.attributes_row
    {

        display: table-row;
       line-height:120%;


    }

.attributes_row_even
    {

        display: table-row;
       line-height:120%;
      background:#dbdbdb;

    }

    .attributes_cell_name
    {
    padding:0px;
    display: table-cell;
    font-size: 12px;
    vertical-align:top;
    width:100px;
    padding:3px;
    margin-right:20px;
    }

    .attributes_cell_value
    {
   padding:0px;
    display: table-cell;
    font-size: 12px;
    vertical-align:top;
    padding:3px;
    width:200px;
    }

a img {border:0 none}

.book_icon{
width:36px;
height:36px;
float:right;
background:url(images/icons/book.png);
background-size:36px 36px;
cursor:pointer;
margin:10px;
}
.book_icon:hover{
background:url(images/icons/book_hover.png);
background-size:36px 36px;
}

.support_icon{
width:36px;
height:36px;
float:right;
background:url(images/icons/support.png);
background-size:36px 36px;
cursor:pointer;
margin:10px;
}
.support_icon:hover{
background:url(images/icons/support_hover.png);
background-size:36px 36px;
}
.frontend_icon{
width:36px;
height:36px;
float:right;
background:url(images/icons/frontend.png);
background-size:36px 36px;
cursor:pointer;
margin:10px;
}
.frontend_icon:hover{
background:url(images/icons/frontend_hover.png);
background-size:36px 36px;
}


.tableBody{
	background-color:#FFF;  
	border:0px solid;

	border-color:#999;
	padding:12px;
border-radius: 4px;
}

.headerBody{
	background-color:#FFF;  
	
}

a.boxLink:link {  font-size: 12px; color: #333333; font-weight:normal;  text-decoration: none; }
a.boxLink:visited {  font-size: 12px; color: #333333; font-weight:normal;  text-decoration: none; }
a.boxLink:active {  font-size: 12px; color: #333333; font-weight:normal;  text-decoration: none; }
a.boxLink:hover {  font-size: 12px; color: #333333; font-weight:normal;  text-decoration: none; }



.quickstart_wrapper {
float:left;
display:table;
}

.box_wrapper_old {

float:left;

background-image:url(chrometheme/box.png);
background-repeat:no-repeat;
background-position:center center;
vertical-align:middle;
text-align:center;
height:124px;
width:140px;
margin:0px 6px 0px 6px;
}

.box_wrapper_over_old {

float:left;

background-image:url(chrometheme/box_over.png);
background-repeat:no-repeat;
background-position:center center;
vertical-align:middle;
text-align:center;
height:124px;
width:140px;
margin:0px 6px 0px 6px;


}


.boxes_holder {
 clear:both;
 float:left;
 width:100%;
 margin-top:10px;
 margin-bottom:10px;
}


.box_wrapper {
float:left;
vertical-align:middle;
text-align:center;
height:124px;
width:140px;
margin:0px 5px;
border:1px solid #c0c0c0;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.box_wrapper:hover {
background:#ffffff;
}

.box_wrapper_clear {
clear:both;height:10px;
}




/* links */

.button-wrappers {
 float:left;
 width:50%;
 box-sizing:border-box;

 padding:2px;
}

.buttons_submit, .buttons_submit_new, .buttons span, .buttons_back span, .buttons_new span  {
display:inline-block;
width:120px;
height:31px;
line-height:31px;
border:0px solid #ffffff;
text-align:center;
background:#6c757d;
color:#ffffff;
font-size:14px !important;
font-weight:normal;
cursor: pointer;
margin:1px;


 display: inline-block;
    font-weight: 400;
    color: #ffffff;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    border: 1px solid transparent;

    font-size: 1rem;

    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;

}

.button-wrappers .buttons_submit, .button-wrappers .buttons_submit_new, .button-wrappers .buttons , .button-wrappers .buttons_back, .button-wrappers .buttons_new , .button-wrappers span  {
clear:both;float:left !important;
width:100% !important;

}

.menuBoxseparator { display: block; background-color: #3D464E; background:#3d464e; height:28px;  line-height:28px; padding-left:4px;font-size: 12px; color: #ffffff; text-decoration: none;vertical-align:middle;}

a.menuBoxContentLink:link {line-height:150%; }
a.menuBoxContentLink:visited { }
a.menuBoxContentLink:active {  }
a.menuBoxContentLink:hover {  }

a.splitPageLink:link {  font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited {  font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active {  font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover {  font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading {  font-size: 12px; color: #616060; background-color: #ffffff; }
.menuBoxContent {  font-size: 12px; color: #616060; }

/* page */

.headerBar { background-color: #7bb804; }
.headerBarContent {  font-size: 12px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { color: #3d464e; font-weight: 600;padding:10px 0px 10px 0px; }

/* data table */
.dataTableHeadingRow { background-color: #ffffff; height:34px; border-bottom: 2px solid #dee2e6; border-top: 1px solid #dee2e6;}
.dataTableHeadingContent {  font-size: 14px; color: #646464; font-weight: 600; padding-left:8px; padding-right:8px; }
.dataTableRow { background-color: #ffffff; padding:8px; border-bottom: 1px solid #dee2e6;}
.dataTableRowSelected { background-color: #dadada; }
.dataTableRowOver { background-color: #ebebeb; cursor: pointer; cursor: hand; border-bottom: 1px solid #dee2e6; }
.dataTableContent { font-size: 14px;color: #000000;padding:5px;line-height:150%; }

.dataTableRow:nth-child(even) { background-color: #f2f2f2;}


/* info box */
.infoBoxHeading {  font-size: 14px; color: #646464;border-top: 0px solid #dee2e6;background-color: #ffffff;  height:34px;padding:0px;padding-left:8px;  }
.infoBoxContent {  font-size: 14px; color: #646464; padding:0px; background:transparent !important; line-height:150%;width:100%;box-sizing:border-box;  }

.newinfo_heading{
background:#f7f7f7;
border:1px solid #e8e9ea;
border-radius:5px 5px 0px 0px;
padding:8px;
box-sizing:border-box;
font-size:16px;
font-weight:300 !important;
color:#646464 !important;
float:right;width:90%;
}
.newinfo {float:left;float:right;width:90%;background:#e9ecef;border-radius:0px 0px 5px 5px;padding:14px;border:1px solid #e8e9ea;box-sizing:border-box;};
.infoBoxHeading {  background:#f2f2f2;border-radius:10px;padding 20px;box-sizing:border-box;border:1px solid #646464;  }

.infoBoxContent2 {  font-size: 12px; color: #000000; padding:8px; background-color: #f2f2f2;}

.newinfo .infoBoxContent {
 padding-bottom:10px;
}

/* message box */

.messageBox {  font-size: 12px; }
.messageStackError, .messageStackWarning {  font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess {  font-size: 12px; background-color: #99ff00; }

/* forms */

hr{
background-color:  #c7c7c7; /* Farbe für Opera und Firefox */ 
color:  #c7c7c7; /* Farbe für Internet Explorer (IE) */
border: 0; 
height: 1px; 
}
.menuBoxseparator {
 display:none !important;
}

CHECKBOX, RADIO, INPUT, SELECT, TEXTAREA {  font-size: 11px; }
FORM { display: inline; }

.FILE{
background:#ffffff;
border: 1px solid #8abbdc;

font-size:12px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:22px;
}



.pretty_inputs_field{

background:#ffffff;
border: 1px solid #c0c0c0;
font-size:14px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:30px;
border-radius:0px;
margin-top:1px;
color:#646464;
//width:100%;
}




.pretty_inputs_dropdown{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:14px;
padding: 2px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
color:#646464;
}


.pretty_inputs_text_area{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 6px;
margin-bottom:3px;
font-weight:normal;
border-radius:0px;
}

/* account */
.formArea { background-color: #f9f9f9; border: 1px solid #ebebeb;padding:10px;color:#646464;}
.formAreaTitle {  font-size: 12px; font-weight:bold; text-transform: uppercase;letter-spacing: 1px;color:#404040;padding-bottom:5px; }
.formAreaNew { background-color: #f9f9f9; border: 1px solid #ebebeb;padding:10px;color:#646464;}
/* attributes */
.attributes-odd { background-color: #ebebeb; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired {  font-size: 12px; color: #ff0000; }
.smallText {  font-size: 14px;line-height:140%; }
.main {  font-size: 14px;line-height:180%; }
.errorText {  font-size: 12px; color: #ff0000; }

.text {  font-size: 12px; color:#333333; font-weight: normal;line-height:180%; }
.text2 {  font-size: 12px; color:#333333 ; font-weight: normal;line-height:180%; }





.buttons_submit {
 background: rgb(22, 149, 124);
}

.buttons_submit:hover {
 background: #138570;
}
 .buttons_back span {
 background:#ff5d48;
}

 .buttons_back span:hover {
 background:#e95643;
}

 .buttons_new span  {
 background:#1bb99a;
}

.buttons_new span:hover {
 background:#17a389;
}

.buttons span:hover {
 background:#5a6168;
}


.buttons_submit_new:hover {
background:#1bb99a;
}


.image_box {
    box-sizing:border-box;
 border:1px solid #c0c0c0;
 padding:5px;
 background:#ffffff;
 box-shadow: 3px 3px 5px #5b5b5b;
}

.newline {
 clear:both;
 float:left;
 height:10px;
 width:100%;
 background-color: #f2f2f2;

}

.tab {
 background:#3d464e !important;
 border-radius:0px !important;
 color:#ffffff !important;
 border:none !important;
 margin:0px !important;
 margin-right:-1px !important;
 opacity:0.6;
}

.tab.active {
 background:#3d464e !important;
 border-radius:0px !important;
 color:#ffffff !important;
 border:none !important;
 margin:0px !important;
padding:0px !important;
top:0px !important;
opacity:1.0;
}
.tab a{
 color:#ffffff !important;
 display:block !important;
 padding:5px 10px !important;
}
.tab a.active{
 color:#ffffff !important;
 display:block !important;
 padding:5px 10px !important;
 background:#3d464e !important;
}

.tab a:hover{
 color:#ffffff !important;
 background:red !important;
}

.tab-container .panel-container {
    background: #ffffff !important;
    border: solid #ebebeb 1px !important;
    padding: 0px 0px !important;
    border-radius: 0px !important;
}

.tab-container .panel-container .pretty_inputs_field{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:14px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
width:95%;
box-sizing:border-box;
color:#646464;
}

.tab-container .panel-container .pretty_inputs_field_small{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
width:200px;
color:#646464;
}

.category_headings_left {
background:#3d464e;
padding:5px;
color:#ffffff;
//border-right:20px solid #efefef;
}

.category_headings {
background:#3d464e;
padding:7px;
color:#ffffff;
font-size:14px;
font-weight:600;

color: #444444;
    background-color: rgba(0,0,0,.03);
    border: 1px solid rgba(111,111,111,.13);
  border-radius:5px;
}

.category_headings a {
color:#ffffff;
padding-right:10px;
color:#ffffff;
font-size:12px !important;


}

.category_large_headings {
background:#efefef;
background:#3d464e;
padding:5px 10px !important;
color:#ffffff;
font-size:12px !important;
}

.adress_holder {
 float:left;
 background:#ebebeb;
 width:18%;
 padding:10px;
 border-radius:5px;
margin-left:2%;
 font-size:14px;
 height:170px;
 position:relative;
box-sizing:border-box;

}

.edit_icon {
 position:absolute;
 top:10px;
 right:10px;
 cursor:pointer;
}

.heading_holder {
 float:left;
 background:#ebebeb;
 width:100%;
 padding:10px;
 border-radius:0px;
 margin-left:0px;
 font-size:14px;
 box-sizing:border-box;
 margin-bottom:10px;
}

.heading_holder_color {
 float:left;
 background:#ffffff;
 width:100%;
 padding:00px;
 border-radius:0px;
 margin-left:0px;
 font-size:14px;
 box-sizing:border-box;
 margin-bottom:10px;
// color:#ffffff;
 font-size:18px;

 border-radius:5px;
}

.edit_holder {
 position:absolute;
 top:0px;
 left:0px;
 width:100%;
 padding:10px;
 background:#1bb99a;
 display:none;
 z-index:1;
 border-radius:5px;
}

.adress_holder .pretty_inputs_field,.edit_holder .pretty_inputs_field {
width:100% !important;
}

#edit_holder .pretty_inputs_field {
width:100% !important;
}

.left_holder_no_width {
 float:left;

}

.left_holder {
 float:left;
 width:100%;
}
.right_holder {
 float:right;
}

.sort{
 width:24px;
height:24px;
background:#88c057;
border-radius:100%;
line-height:24px;
text-align:center;
font-size:12px;
color:#ffffff;
}

.info_holders {
    float:left;
background:#64b0f2;
color:#ffffff;
width:18% !important;
height:100px;
line-height:180%;
padding:10px;
text-align:center;
border-radius:5px;
margin-right:2% !important;
box-sizing:border-box;
}

.info_holders_full {
    float:left;
background-color: rgba(0,0,0,.03);
color:#646464;
width:320px;
height:194px;
line-height:180%;
padding:10px;
text-align:left;
border-radius:5px;
margin-right:10px;
box-sizing:border-box;
font-size:14px;
margin-bottom:10px;
}

.holder_item_even {
    float:left;
 padding:3px;
 padding-left:8px;
 background:#e2e2e2;
 width:570px;
 box-sizing;border-box;
}

.info_holders_full .headers{
 font-size:18px;
 float:left;
 margin-bottom:12px;
}

#attributesholder .pretty_inputs_field{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:24px;
border-radius:0px;
margin-top:1px;
color:#646464;
width:100px;
}

#attributesholder .pretty_inputs_dropdown, #attributesholder .optionDropDown, #attributesholder .optionValueDropDown{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 7px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
color:#646464;
}

.modalpopups .pretty_inputs_field{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
width:400px;
color:#646464;
}

.modalpopups .panel-container .pretty_inputs_field_small{
background:#ffffff;
border: 1px solid #c0c0c0;

font-size:12px;
padding: 3px;
margin-bottom:3px;
font-weight:normal;
height:32px;
border-radius:0px;
width:200px;
color:#646464;
}



.konfigurator_block {
    float:left;
background:#efefef;
width:100%;
line-height:180%;
padding:10px;
border-radius:0px;
box-sizing:border-box;
font-size:14px;
}

#popupContents .pretty_inputs_field {
 float:left;
 width:307px;
}

.interfacespinner_show {
   border: 5px solid #ffffff;
    border-radius: 30px;
    height: 30px;

    position:absolute;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        margin-top:30px;

    opacity: 0;

    width: 30px;

    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
}

@keyframes pulsate {
    0% {
      transform: scale(.1);
      opacity: 0.0;
    }
    50% {
      opacity: 1;
    }
    100% {
      transform: scale(1.2);
      opacity: 0;
    }
}

#waittoload {
 width:400px;
 height:150px;
 position:absolute;
        left:0; right:0;

        margin:auto;
        top:150px;
        background:rgba(0,0,0,0.8);
 border-radius:6px;
}

.hinweis {
    width:400px;
    position:absolute;
        left:0; right:0;
        margin:auto;
bottom:40px;
font-size:16px;
color:#ffffff;
text-align:center;
}

.sort_index{
    float:left;
 width:30px;
height:30px;
background:#ed4f95;
border-radius:100%;
line-height:30px;
text-align:center;
font-size:14px;
font-weight:600;
color:#ffffff;
}

.druckbereiche {
 float:left;
 margin-right:10px;
 width:160px;
 background:#1bb99a;
 color:#ffffff;
 height:38px;
 line-height:38px;
 text-align:center;
 border-radius:0px;
 position:relative;
 z-index:1;
 font-size:12px;
}

.druckbereiche:hover {
 background:#169a81;
cursor:pointer;
}

.druckbereiche_back {
 float:left;
 margin-right:10px;
 width:160px;
background:#ed7161;
 color:#ffffff;
 height:38px;
 line-height:38px;
 text-align:center;
 border-radius:0px;
}

.druckbereiche_back:hover {
 background:#e95643;
cursor:pointer;
}

.druckbereiche_inactive {
 float:left;
 margin-right:10px;
width:160px;
 background:rgba(136, 192, 87, 0.3);
 color:#ffffff;
 height:38px;
 line-height:38px;
 text-align:center;
 border-radius:0px;
}

.druckbereiche_inactive:hover {
 background:rgba(136, 192, 87, 0.3);
cursor:pointer;
}

.fileuploaderstuff {
 float:left;
 margin-right:10px;
 width:150px;
 background:#88c057;
 color:#ffffff;
 height:38px;
 line-height:38px;
 text-align:center;
 border-radius:0px;
}

.delete_canvas_icon {
      position:absolute;
      z-index:2;
      top:-14px;
      right:0px;
      width:19px;
      height:19px;
      cursor:pointer;
      background:url(images/delete_image.png);
      z-index:2;
      display:none;
  }
  
.tab-container {
display:none;
}

img,
img::before,
img::after {
  box-sizing: content-box; // 1
}

#customers_interface .pretty_inputs_field{
 width:800px;
}
td.formArea tr td:first-child { width: 200px; }

.formAreaNew i {
 font-size:14px;
}

.buttonholder, .buttonholder_tab, #actualfont {
 height:auto !important;
}

.fakebuttons {
float:left;padding:16px;color:#ffffff;background:#1bb99a;cursor:pointer;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

.fakebuttons:hover {
background:#148e77;
}

.table-responsive {

    overflow-x: hidden !important;

}

.contentproduct,
.contentproduct::before,
.contentproduct::after {
  box-sizing: unset; // 1
}