.headerlinks a {
    background-color: #1c3139;
    padding: 10px 15px;
    margin: 0 10px;
    display: block;
    float: left;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

p {
    padding: 10px 10px 10px 0;
}

.headerlinks a:hover, .headerlinks a:active {
    background-color: #606060;
    text-decoration: none!important;
}

.headerlinks a:active {
    background-color: #606060;
    text-decoration: none!important;
}

a.button {
    background-color: #1c3139;
    padding: 10px 15px;
    margin: 0 10px;
    display: block;
    float: left;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    cursor: pointer;
}

a.button:hover, a.button:active {
    background-color: #606060;
    text-decoration: none;
}

input[type="submit"] {
    padding: 8px 15px;
    background-color: #1c3139;
    color: #fff;
    font-weight: normal;
    border-radius: 3px;
    border: 0px solid #000000;
    text-transform: uppercase;
}

a.small-button, input.small-button {
    background-color: #1c3139;
    padding: 5px 10px;
    margin: 2px 0;
    float: none;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    width: auto;
    display: inline-block;
    height: auto;
    font-weight: normal;
}

a.small-button:hover, a.small-button:active {
    background-color: #ccc;
    color: #000;
    text-decoration: none;
}

a.small-button.red {
    background-color:#CC0000;
}

a.small-button.green {
    background-color: #008000;
}


.headerlinks {
    display: inline-block;
    margin: 0 0 30px 0;
}

input.small {
    width: 60px;
}

table.tx_enccaviar td, table.tx_enccaviar th {
    border: 1px solid #ddd;
    padding: 8px;
}


table.tx_enccaviar {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

table.tx_enccaviar tr:nth-child(even){background-color: #f2f2f2;}

table.tx_enccaviar tr:hover {background-color: #ddd;}

table.tx_enccaviar th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #1c3139;
    color: white;
}

table.tx_enccaviar tr.spacer {
    display: none;
}


.tx-enc-caviar form label {
    margin: 15px 0 5px 0;
    text-transform: uppercase;
}

h3.subdata {
    font-size: 24px;
    margin: 15px 0 0 8px;
}

form.orderpos{
    border: 1px solid #ccc;
    margin-bottom: 15px;
    padding: 20px;
}

table.tx_enccaviar.small {
    max-width: 400px;
}


.orderpostions .orderpos {
    border: 1px solid #ccc;
    padding: 10px 10px 10px 10px;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
}

.orderpostions.ui-sortable .orderpos {
    border-left: 10px solid #ccc;
    padding: 10px 10px 10px 0px;

}

.orderpostions.ui-sortable .orderpos.red {
    border-left: 10px solid #ff0000;
}

.orderpostions.ui-sortable .orderpos.green {
    border-left: 10px solid #008000;
}

.order-border {
    width: 10px;
    height: 100%;
    display: block;
    background: #ccc;
}

.orderpos-content {
    width: 90%;
    float: left;
}

.orderpos-pos .sidebar {
    width: 10%;
    float: right;
}

.orderpos-pos {
    display: inline-block;
    width: 100%;
}

.customer-note {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
}

.customer-note.important {
    border: 1px solid #ff0000;
    background-color:  rgb(255 0 0 / 0.2);
}

thead th {
    cursor: pointer;
}

.as-header.savecans, .as-header.savereservation{
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    left: 0;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin: 0 0 0 0;
    z-index: 999999;
}

.as-header.savecans .inner, .as-header.savereservation .inner  {
    max-width: 1500px;
    margin: 0 auto;
}


.dot {
    width: 15px;
    height: 15px;
    border-radius: 30px;
    background-color: #ffffff;
    display: block;
    float: left;
    margin: 3px 5px 0 0;
    border: 1px solid #ccc;
}

.col-md-4.status .dot {
    margin: 5px 5px 0 0;
    width: 20px;
    height: 20px;
}

.col-md-4.status {
    padding: 10px;
}

.dot.red{
    background-color: #ff0000;
}

.dot.orange{
    background-color: #FFA500;
}

.dot.yellow{
    background-color: #FFFF00;
}

.dot.green{
    background-color: #008000;
}

.dot.blue{
    background-color: #0000FF;
}

.tx-enc-caviar form.small-form label {
    margin: 0;
    padding: 10px 0 2px 0;
}

label {
    padding: 10px 0;
}

.akkordeon-content {
    display: none;
    border-top: 1px solid #ccc;
    padding: 15px;
}

.akkordeon-head {
    padding: 15px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
}

.akkordeon {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin-bottom: 20px;
    text-transform: uppercase;
}

table.caviarPricing input{
    max-width: 120px;
}


table.caviarPricing td.head {
    border: 1px solid #ccc;
    background-color: #eaeaea;
}

.tx-enc-caviar .orderpos form label {
    margin: 0;
    padding: 0px 0 3px 0;
}

.tx-enc-caviar .orderpos form input {
    margin-bottom: 5px;
}

.customer-note.important p {
    margin-bottom: 0;
    padding: 0;
}

.subpage .content {
    margin: -30px auto 0 auto;
}

.content-wraper h1, .content-wraper h2, .content-wraper h3 {
    font-size: 30px;
    margin: 0;
    padding: 0 0 20px 0;
    text-transform: uppercase;
}

.mainnavinner a {
    font-size: 21px;
    color: #c3c3c3;
    text-transform: uppercase;
}

.mainnavinner a:hover, .mainnavinner a:active {
    color: #fff;
    text-decoration: none;
}

.mainnavi .color {
    background-color: #1c3139;
}

.orderinfo {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}

.spacer.add-cans {
    width: 100%;
    display: block;
    height: 90px;
}

/* Print Back Labels */

.backlabel-view hr {
    color: #000;
    border-top: 1px solid #000;
    margin: 5px 0;
}

.backlabel-view a.button {
    float: none;
    display: inline-block;
    font-size: 16px;
    padding: 6px 10px;
    margin: 0 6px;
}

.backlabel-view h4 b {
    font-size: 22px;
}

.backlabel-view h4 b a:hover {
    text-decoration: none;
}

.backlabel-view h4 {
    font-size: 16px;
    display: inline-block;
    margin: 0;
}

.backlabel-view .akkordeon {
    border: 0px solid #ccc;
    background-color: transparent;
    margin-bottom: 0;
    text-transform: uppercase;
}

.backlabel-view .akkordeon-content {
    display: none;
    border-top: 0 solid #ccc;
    padding: 15px 0;
}

.backlabel-view .akkordeon-head {
    display: inline-block;
    padding: 10px;
}

b.private {
    color: blue;
    font-weight: normal;
}

/* Private Customer Calculator */

.privatecalculator {
    max-width: 450px;
    background-color: #f2f2f2;
    height: 207px;
    width: 100%;
    position: absolute;
    border: 1px solid #ccc;
    margin: auto;
    left: 0;
    right: 0;
    display: none;
}

.privatecalculator .inner {
    background-color: #fff;
    margin: 10px;
    padding: 10px;
}

table tr.cyan td {
    background-color: rgb(55 175 201 / 57%)
}

table tr.yellow td {
    background-color: rgb(255 255 0 / 50%);
}

table tr.orange td {
    background-color: rgb(255 165 0 / 50%);
}

table tr.red td {
    background-color: rgb(255 0 0 / 50%);
    color: #fff;
}

h4.yellow {
    background-color: rgb(255 255 0 / 50%);
}

h4.orange {
    background-color: rgb(255 165 0 / 50%);
}

 h4.red {
     background-color: rgb(255 0 0 / 50%);
     color: #fff;
 }

h4.line-product {
    margin: 12px 0;
    color: #ff0000;
}

span.green-text {
    color: #2b9401;
    font-weight: bold;
}

span.red-text {
    color: #ff0000;
    font-weight: bold;
}

tr.hide-line {
    display: none;
}

span.open {
    cursor: pointer;
}

tr.head.subline {
    background-color: #1c3139;
    color: #fff;
    font-weight: bold;
}

table.tx_enccaviar tr.hide-line td {
    padding: 0;
}

table.tx_enccaviar tr.hide-line td table {
    border: 0px;
}

table.tx_enccaviar tr.hide-line td table td {
    padding: 6px;
}

/* Paginierung */

.f3-widget-paginator {
    display: inline-block;
    width: 100%;
    padding: 0;
}

.f3-widget-paginator li {
    display: none;
    float: left;
    background-color: #1c3139;
    padding: 10px 15px;
    margin: 0;
    color: #fff;
    border-radius: 3px;
    text-transform: uppercase;
}

.f3-widget-paginator li a {
    color: #fff;
}

.f3-widget-paginator li.previous {
    display: block;
}

.f3-widget-paginator li.current {
    display: none;
}

.f3-widget-paginator li.next {
    display: block;
    float: right;
}

.canvas-area {
    float: none;
}

.canvas-area canvas {
    float: left;
}

.customer-note.important.blue {
    border: 1px solid #1c3139;
    background-color: rgb(28 49 57 / 0.2);
}

/** /typo3conf/ext/enc_caviar/Resources/Public/Icons/MichelinStarRed.svg **/

span.name {
    margin-right: 4px;
}

.stars {
    margin: 0px 0 -3px 0;
    width: 0px;
    height: 16px;
    background-image: url(../Icons/MichelinStarRed_begradigt_mitAbstand.svg);
    display: inline-block;
}

.star-1 {
    width: 16px;
}

.star-2 {
    width: 32px;
}

.star-3 {
    width: 48px;
}

h1 .stars {
    height: 26px;
    margin: 0px 0 -4px 0;
}

h1 .star-1 {
    width: 26px;
}

h1 .star-2 {
    width: 52px;
}

h1 .star-3 {
    width: 78px;
}

.full-name {
    float: none;
}

.shelf-system {
    background-color: #ccc;
    display: inline-block;
    max-width: 100%;
    width: 100%;
}

.shelf-system .shelf {
    border: 1px solid #000;
    float: none;
}

.shelf-system .shelf p {
    float: none;
    display: block;
}

.shelf-system .box {
    border: 1px solid #ff0000;
    float: left;
    width: 7.14%;
    position: relative;
    height: 100px;
}

.shelf-system .box b {
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: inline-block;
    text-align: center;
}

.shelf-system .box a {
    color: #000;
    font-size: 30px;
}

.grabbels span a{
    color: #000;
    font-size: 30px;
    font-weight: bold;
}

.grabbels span a{
    margin-right: 10px;
}

.shelf-system .bottom-line {
    height: 14px;
    width: 100%;
    display: block;
    float: none;
    font-size: 10px;
    padding: 0 5px;
}

.shelf-system .shelf {
    width: 100%;
    display: block;
}

.boxes {
    display: inline-block;
}

.shelf-system span.slot-id {
    top: 1px;
    right:2px;
    position: absolute;
    font-size: 14px;
}

button.owl-dot {
    background-color: #1c3139!important;
    display: block;
    float: left;
}

button.owl-dot.active {
    background-color: #1c3139c2!important;
    display: block;
    float: left;
}

span.center {
    text-align: center;
    width: 100%;
}

span.shelf {
    font-weight: bold;
    font-size: 22px;
}

.mainnavinner li.level1 .navinner {
    z-index: 999999;
}

.mobile span {
    background: #c3c3c3;
}

/* Ajax Search Form (Customer) */

.content-list {
    margin: -2px 0 0 0;
    width: 250px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1px 0 0 0;
    max-height: 180px;
    overflow-y: scroll;
}


.content-list span.full-name {
    padding: 4px 5px;
    width: 100%;
    display: block;
}

.content-list span.full-name:hover {
    cursor: pointer;
    background-color: rgba(204, 204, 204, 0.5);
}

input.ajax-searchfield {
    width: 250px;
}

input.ajax-searchfield:focus {
    border: 1px solid green;
    outline: none;
}

.content-list.loading .tx-enc-caviar{
    display:none;
}

.content-list .lds-ring{
    display:none;
}

.content-list.loading .lds-ring{
    display:block;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 70px;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #ccc;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #ccc transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}
@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


/* Speciespicker ADD Cans*/
.speciespicker p {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.tx-enc-caviar form .speciespicker label {
    margin: 0;
    padding: 0;
    line-height: 20px;
}

.table-wrapper table th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

.table-wrapper.special table th {
    position: -webkit-sticky;
    position: sticky;
    top: 171px;
    z-index: 1;
}

.show-hidden-next {
    cursor: pointer;
}

.hidden-js {
    display: none;
}

input.red-check.chkbox {
    outline: 2px solid #ff0000;
}

.private-customer-line, .private-customer-line a {
    color: #0000FF;
}

td.green {
    background-color: #008000;
}

td.red {
    background-color: #ff0000;
}

div.akkordeon_ecnumber {
    float: left;
    height: 25px;
    width: 25px;
    font-weight: bold;
    font-size: 18px;
    transform: rotate(90deg);
    background-color: #1c3139;
    border-radius: 100px;
    box-shadow: 3px -2px 6px rgba(28, 49, 57, 0.6); /* */
    color: #fff;
    padding: 1px 0 0 8px;
    cursor: pointer;
}

div.akkordeon_ecnumber_invert {
    float: left;
    height: 25px;
    width: 25px;
    font-weight: bold;
    font-size: 18px;
    transform: rotate(270deg);
    background-color: #1c3139;
    border-radius: 100px;
    box-shadow: -3px 2px 6px rgba(28, 49, 57, 0.6); /* */
    color: #fff;
    padding: 1px 0 0 7px;
    cursor: pointer;
}