/* Allgemeine Stile für die Seite */


/*h1 {
    color: #333;
    width: 100%;
    text-align: center;
    background-color: lightgray;
    border-bottom: 2px solid darkgrey;
}

.orderListBody {
    padding: 5px;

    width: 100%;

}*/
/* Stile für die Bestellübersicht */
/*.tOrderData {
    width: 100%;
    border-collapse: collapse;
}

.tOrderDataRow td{
    text-align: center;
    font-weight: bold;
}

.tOrderDataHead th {

    background-color: #333;
    color: #fff;
    padding: 10px;
    text-align: center
}

.tOrderDataHeadExtern th {
    background-color: #333;
    color: #fff;
    padding: 10px;
    font-size: 5vh;
    text-align: center; 
}




.orderFreitextColumn{
    font-style: italic;
    background-color: lightskyblue
}

.orderTableNumberColumn {
    font-style: italic;
    background-color: darkblue;
    color: white;
}


.tOrderDataRow:nth-child(even) {
    background-color: #f5f5f5;
}

.Bestellnummer{
    font-weight: bold;
    font-size: 2.5em;
}

.tPositionsdaten {
    width: 100%;
    border-collapse: collapse;
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #999;

}

    .tPositionsdaten th {
        background-color: #999;
        color: #fff;
        padding: 5px;
        text-align: center
    }

    .tPositionsdaten td {
        padding: 5px;
    }

    .tPositionsdaten tr {
        font-weight: normal;
    }



.pos_delivered {
    background-color: lightgreen;
    text-decoration: line-through;
    text-decoration-color: black;*/ /* Farbe der Linie */
    /*text-decoration-thickness: 3px;*/ /* Dicke der Linie */
    /*width: 90%;
    border-bottom: 1px solid #999;
}

.pos_quantity_delivered {
    width: 10%;
    background-color: lightgreen;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.pos_quantity_delivered_bigger {
    width: 10%;
    background-color: lightgreen;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size: 1.6em;
    color: red;
}




.pos_undelivered {
    background-color: moccasin;
    width: 90%;
    border-bottom: 1px solid #999;
}

.pos_quantity_undelivered {
    width: 10%;
    background-color: moccasin;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.pos_quantity_undelivered_bigger {
    width: 10%;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size: 1.6em;
    color: red;
    background-image: linear-gradient(to right, moccasin 0px, moccasin 2px, white 2px, white 4px);
    background-size: 4px 100%;
}


.pos_btnCell {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

.btnPositionDelivered {
    background-color: darkolivegreen;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    padding: 5px;
    width: 100%;
}

.btnPositionUnDelivered {
    background-color: darkgoldenrod;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 20px;
    padding: 5px;
    width: 100%;

}




.tr_orderComment {
    font-weight: bold;
    border-bottom: 1px solid black;
    color: orangered;
    font-size: 1em;
}

.btnAbholbereit {
    background-color: darkgoldenrod;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
}
.btnFertig {*/
    /*background-color: darkolivegreen;*/
    /*background-color: darkred;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
}

.btnReady {
    background-color: darkolivegreen;
    color: #fff;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    font-weight: bold;
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 20px;
}

    .btnAbholbereit:hover,
    .btnFertig:hover {
        background-color: #555;
    }

p {
    color: #888;
}


.UndoButton {
    position: absolute;
    left: 10px;
    top: 50%;*/ /* Startet das Dropdown in der vertikalen Mitte */
    /*transform: translateY(-50%);*/ /* Verschiebt das Dropdown zurück, sodass es zentriert ist */
/*}

.UndoButton:hover{
    background-color: lawngreen;
}



.orderlist_FilterDropdown {
    position: absolute;
    right: 10px;*/ /* Setzt das Dropdown rechts im Container */
    /*top: 50%;*/ /* Startet das Dropdown in der vertikalen Mitte */
    /*transform: translateY(-50%);*/ /* Verschiebt das Dropdown zurück, sodass es zentriert ist */
/*}


.orderList_Abholbereit_NoRights {
    padding: 5px 10px;
    
}

.orderList_Abholbereit_NoRights_Image{
    max-width: 100px;
    width: 100%;

}*/ 

/*.progress-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
}

.progress-bar-fill {
    height: 100%;
    background-color: #00cc00;
    border-radius: 5px;
    transition: width 1s ease;
}
*/