/*
Theme Name:  LenkmediaChild
Theme URL:   https://meinloriental.de
Description: Write here theme description.
Author:      webadmin
Author URL:  https://meinloriental.de
Template:    voxel
Version:     1.0.0
*/


.orders-reststation td{
	background-color:#ffffde !important;
	text-align:left !important;
}
.orders-teigwaren-zellen td {
    background-color: #ffba0291 !important;
	text-align:left !important;
    
}
.orders-friteuse td{
	background-color:#ff00001a !important;
	text-align:left !important;
	
}
.orders-bowls td{
	background-color:#7fff001a !important;
	text-align:left !important;
	
}
.optimal-table > tbody > tr > td {
    min-width: 400px;
	border-spacing: 10px 0px;
border-collapse: separate;
margin-top: 3%;
width: auto;
	text-align:center;
}

.optimal-table-retro {
	max-width: 100%;
}

    .fulfill-at {
        font-weight: bold;
        font-size: 1.1em;
    }

.order-time {
  font-weight: bold;
  font-size: 16px;
}


.hidden-details td {
    display: none;
}

.hidden-details td:first-child {
    display: table-cell;
}

.kuerzel {
	font-size:32pt !important;
}

.teigwaren-table td.hidden-details {
display: none;
}



.teigwaren-container .order-info {
    font-size: 12pt !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

.teigwaren-container .order-info .fulfill-at,
.teigwaren-container .order-info .initials	{
    font-size: 28pt;
}
.teigwaren-container .order-info .remaining-time {
	font-size: 14pt;
}

.details-row {
	white-space: nowrap !important;
}

.teigwaren-table {
border-spacing: 20px 0px;
border-collapse: separate;
margin-top: 3%;
width: auto;
}



.teigwaren-table td, th {
table-layout:fixed !important;
min-width: 400px !important;*/
}

.teigwaren-started {
  background-color: #ffa500ba;
}

.teigwaren-finished {
  background-color: #b4ffb4;
}

.teigwaren-pending {
  background-color: #ffff00ab;
}

.hidden-column {
  display: none;
}
.remaining-time-hidden {
    display: none !important;
}

.current-time-teigwaren {
	display:none;
	font-size: 2em;
    position: fixed;
	top: 90%;
    left: 50%;
	transform: translateX(-50%);
	  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
    color: #333;
  
    padding: 10px 20px;
    border-radius: 25px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    z-index: 100; /* Verwenden Sie einen hohen Wert, um sicherzustellen, dass die Uhrzeit über anderen Elementen angezeigt wird */
    /* Fügen Sie weitere Stilregeln hinzu, um das Aussehen der Uhrzeit anzupassen */
}


.cell-red-border {
  border: 2px solid red !important;
}
.table-red-border {
  border: 8px solid red;
}

/*Tablets Schriftgröße und dicke*/
/*Gericht*/
.number-line-gericht {
	    font-weight: bold;
	font-size:1.4em !important;
	font-style: normal !important;
  white-space: nowrap!important;
}

/*Bemerkungen und Extras/Zusätze*/
.teigwaren-content {
	font-style: italic;
}

/*Sticky Header Orders*/
.sticky-header {
    position: sticky;
    top: 0;
    z-index: 100; /* Z-Index, um die Zeile über anderen Elementen zu positionieren */
}
/* Order Page Fulfill und verbleibende Zeit */
.fulfill-orderspage {
	 font-size: 18pt;
    font-weight: bold;
}
.remaining-orderspage {
	 font-size: 14pt;
    font-weight: bold;
}




.gerichte-kacheln {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.gericht-kachel {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  cursor: pointer;
  flex-basis: calc(33.3333% - 10px);
  font-size: 16px;
  margin-bottom: 15px;
  padding: 15px;
  text-align: center;
}

.gericht-kachel:hover {
  background-color: #e0e0e0;
  border-color: #999;
}

.no-orders {
	text-align: center !important;
	font-size: 20pt;
	margin-top: 25%;
}



table.teigwaren-table th tr.details-row:empty {
  width: 20px !important;
}

.strike {
    text-decoration: line-through;
    color: #ccc;
}


.erledigt {
    color: #aaa; /* Graue Farbe */
    text-decoration: line-through; /* Durchgestrichener Text */
}

.checkmark {
    color: green;
    margin-left: 8px;
}


.chicken-nuggets-main  {
  white-space: nowrap;
  color: red;
}

.chicken-nuggets-small {
  font-weight: 100;
  font-size: 0.7em;
  font-style: italic;
}








/*
DO NOT CHANGE THIS FILE
to override any of the settings in this section, add your styling code in the custom directory.
 */
/* Table
   ========================================================================== */
table {
  background-color: transparent;
  width: 100%;
  margin-bottom: 15px;
  font-size: 0.9em;
  border-spacing: 0;
  border-collapse: collapse; }
  table th,
  table td {
    padding: 15px;
    line-height: 1.5;
    vertical-align: top;
    border: 1px solid #cccccc; }
  table th {
    font-weight: bold; }
  table thead th,
  table tfoot th {
    font-size: 1em; }
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table caption + thead tr:first-child th,
  table caption + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table colgroup + thead tr:first-child th,
  table colgroup + thead tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td,
  table thead:first-child tr:first-child th,
  table thead:first-child tr:first-child td {
    border-top: 1px solid #cccccc; }
  table tbody > tr:nth-child(odd) > td,
  table tbody > tr:nth-child(odd) > th {
    background-color: #f7f7f7; }
  table tbody + tbody {
    border-top: 2px solid #cccccc; }
  @media (max-width: 767px) {
    table table {
      font-size: 0.8em; }
      table table th,
      table table td {
        padding: 7px;
        line-height: 1.3; }
      table table th {
        font-weight: 400; } }

/*
DO NOT CHANGE THIS FILE
to override any of the settings in this section, add your styling code in the custom directory.
 */
/* Lists
   ========================================================================== */
dl,
dt,
dd,
ol,
ul,
li {
  margin-top: 0;
  margin-bottom: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }