#lateDeliverySearch{
    height: 25px;
    width: 300px;
}

#lateDeliveries{
    width:100%;
    border-collapse:collapse;
    border: solid 1px black;
    margin-top: 20px;
}

#lateDeliveries div, #lateDeliveries a, #lateDeliveries span{
    border-left: solid 1px black;
    padding: 0 5px 0 5px;
}

#lateDeliveries a{
    color: black;
} 

#lateDeliveriesHeader, #lateDeliveriesHeader a, #lateDeliveriesHeader span{
    padding: 5px 5px 5px 2px;
    border-bottom: solid 1px black;
    background-color: #cc3333;
    color: white;
    font-weight: bold;
}

#lateDeliveryColumnID {
    min-width: 25px;
}

#lateDeliveryColumnDate {
    min-width: 165px;
}

#lateDeliveryColumnName {
    min-width: 160px;
}

#lateDeliveryColumnPreferedSite {
    min-width: 160px;
}

#lateDeliveryColumnSuperclass, #lateDeliveryColumnVariety, #lateDeliveryColumnClass {
    min-width: 180px;
}

#lateDeliveryColumnWeight {
    min-width: 75px;
}

#lateDeliveryColumnPeriod {
    min-width: 150px;
}

#lateDeliveryColumnComment {
    max-width: 50%;
}

#period {
    font-size: 16px;
    text-align: left;
}

.lateDeliveryCell{
    display: table-cell;
    vertical-align: middle;
}

.lateDeliveriesResults:nth-of-type(2n+1){
    background-color: lightgrey;
}

.lateDeliveriesResults:hover div{
    background-color: #9999ff;
}

#lateDeliveryWarningInfo {
    display: inline-block;
    background-color: lightgray;
    /* border: firebrick medium solid; */
    color: black;
    font-weight: bold;
    vertical-align: middle;
    margin-bottom: 20px;
    padding: 16px;
    border-radius: 10px;
}

#lateDeliveryForcastTable {
    width : 500px;
    border-collapse:collapse;
    border: solid 1px black;
}

#lateDeliveryForcastTable td, 
#lateDeliveryForcastTable th{
    border-left: solid 1px black;
    padding: 5px;
}

.trAlternateColors:nth-of-type(2n+1){
    background-color: lightgrey;
}

.trAlternateColors:hover{
    background-color: #9999ff;
}

#lateDeliveryForcastTable th{
    padding: 5px 5px 5px 2px;
    border-bottom: solid 1px black;
    background-color: #cc3333;
    color: white;
    font-weight: bold;
}

.tableTotalTr {
    border-top: double black
}

.tdNumValue {
    text-align: right;
}


/* GESTION DES PERIODES DE LIVRAISON */
#showEditPeriods {
    display: table;
    width:50%;
    border-collapse:collapse;
    border: solid 1px black;
    margin-top: 20px;
}

#showEditPeriods div{
    border-left: solid 1px black;
    padding: 0 5px 0 5px;
}

#showEditPeriodsRowHeader {
    display: table-row;
}

.showEditPeriodsRow, #showEditPeriodsRowHeader {
    border: thin solid black;
    white-space: nowrap;
}

#showEditPeriodsRowHeader, #showEditPeriodsRowHeader div{
    border-bottom: solid 1px black;
    background-color: #cc3333;
    color: white;
    font-weight: bold;
}

.showEditPeriodsRow {
    display: table-row;
}

.showEditPeriodsRow:nth-of-type(2n+1){
    background-color: lightgrey;
}

.showEditPeriodsCell {
    display: table-cell;
}

.description {
    height: 25px;
    max-width: 300px;   /* Pour PC, pour ne pas être trop grand non-plus */
    width: 80%;         /* Pour mobile, histoire de laisser la place pour le vu à droite */
}

.order {
    max-width: 300px;   /* Pour PC, pour ne pas être trop grand non-plus */
    width: 80%;         /* Pour mobile, histoire de laisser la place pour le vu à droite */
}

.right-align {
    float: right;
}