.booking_status_bar{
    display: flex;
    flex-direction: row;
    background-color: #FFFFFF;
    width: 100%;
    flex-wrap: wrap;
    border-radius: 4px;
    padding: 8px 0px;
    a {
        text-decoration: none;
        color: inherit;
        font-size: 11px;
    }
    div {
        padding: 1px 8px;
        margin: 4px 4px;
        border-radius: 100px;
    }

    div:not(.caption):hover {
       box-shadow: 0px 1px 4px 0px rgba(12, 12, 13, 0.10), 0px 1px 4px 0px rgba(12, 12, 13, 0.05);
    }

    div:not(.caption):focus {
        border: 1px solid #005FCC;
    }

}
.bookingRows {
    border-bottom: 0px;
    tr:nth-child(2){
        td.firstcell {
           border-radius: 4px 0px 0px 0px;
        }
        td.lastcell {
            border-radius: 0px 4px 0px 0px;
        }
    }

    tr:last-child {
        td {
            border-right: 1px solid #878787;
            border-bottom: 1px solid #878787;
        }
        td.firstcell {
            border-radius: 0px 0px 0px 4px;
        }
        td.lastcell {
            border-radius: 0px 0px 4px 0px;
        }
    }

    tr.plain {
        background-color: #FFFFFF;
    }

    tr.Hold {
        background-color: #F5F5F5;
    }

    tr.Processing {
        background-color: #FFCDE5;
    }

    tr.DeclinedAfter, tr.SuspendedAfter {
        background-color: #E6D0FF;
    }

    tr.Approved, tr.Accepted {
        background-color: #CDFFE7;
    }

    tr.ApprovedIncomplete {
        background-color: #EAFFD8;
    }

    tr.Suspended {
        background-color: #CCCCCC;
    }

    tr.Declined {
        background-color: #FFA9A3;
    }

    tr.Dead {
        background-color: #CCCCCC;
    }

    tr.SalesToCall {
        background-color: #C5D1FF;
    }

    tr.SalesToFollowUp {
        background-color: #B7F3FF;
    }

    tr.SupplierLead {
        background-color: #D2E9F6;
    }

    tr.OnRequest {
        background-color: #FFF4CC;
    }

    tr.XmlError {
        background-color: #DDC8AF;
    }

    tr.OtaError {
        background-color: #FFE3C5;
    }

    tr.SuggestedAlternative {
        background-color: #FFCDE5;
    }
}

.customerhistory_table {
    tr.plain {
        background-color: #FFFFFF;
    }

    tr.Hold {
        background-color: #F5F5F5;
    }

    tr.Processing {
        background-color: #FFCDE5;
    }

    tr.DeclinedAfter, tr.SuspendedAfter {
        background-color: #E6D0FF;
    }

    tr.Approved, tr.Accepted {
        background-color: #CDFFE7;
    }

    tr.ApprovedIncomplete {
        background-color: #EAFFD8;
    }

    tr.Suspended {
        background-color: #CCCCCC;
    }

    tr.Declined {
        background-color: #FFA9A3;
    }

    tr.Dead {
        background-color: #CCCCCC;
    }

    tr.SalesToCall {
        background-color: #C5D1FF;
    }

    tr.SalesToFollowUp {
        background-color: #B7F3FF;
    }

    tr.SupplierLead {
        background-color: #D2E9F6;
    }

    tr.OnRequest {
        background-color: #FFF4CC;
    }

    tr.XmlError {
        background-color: #DDC8AF;
    }

    tr.OtaError {
        background-color: #FFE3C5;
    }

    tr.SuggestedAlternative {
        background-color: #FFCDE5;
    }

    tr {
        td {
            padding: 4px;
        }
    }
}

#allAmendmentsTableWrapper tr.even {
    background-color: #FFFFFF;
}
#allAmendmentsTableWrapper tr.odd {
    background-color: #F5F5F5;
}

#urgentAmendmentsTable_wrapper tr.even {
    background-color: #FFFFFF;
}
#urgentAmendmentsTable_wrapper tr.odd {
    background-color: #F5F5F5;
}

.bookingRows td.firstcell {
    border-left: solid 1px #878787;
}

.bookingRows td {
    border-top: solid 1px #878787;
    border-right: solid 1px #878787;
}
.bookingRows td.lastcell {
    border-right: solid 1px #878787;
}

.bookingRows th {
    background: #F5F5F5;
    color: #000000;
    font-weight: 400;
    font-size: 12px;
    padding: 0px 5px !important;
    text-align: left;
    padding-left: 5px;
    div.tblheadfirst {
        background: none;
    }
}
.bookingRows tr:first-child {
    border: 2px solid #878787;
}

/*.bookingRows tr:nth-child(even) {
    background-color: #FFFFFF;
}
.bookingRows tr:nth-child(odd) {
    background-color: #F5F5F5;
}*/

.booking_status {
    border-radius: 4px;
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
    margin: 0px 10px;
    font-size: 11px;
    padding-right: 8px;
    max-width: 140px;
}
.booking_status.caption {
    font-weight: 700;
}
.booking_status.plain {
    color: #000000;
    border: 1px solid #EBEBEB;
    background-color: #FFFFFF;
}

.booking_status.Hold {
    color: #4D4D4D;
    border: 1px solid #CCCCCC;
    background-color: #F5F5F5;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #CCCCCC;
    }
}

.booking_status.Processing {
    color: #7A003A;
    border: 1px solid #FF4BA0;
    background-color: #FFE7F2;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #FF4BA0;
    }
}

.booking_status.SuggestedAlternative {
    color: #7A003A;
    border: 1px solid #FF4BA0;
    background-color: #FFE7F2;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #FF4BA0;
    }
}



.booking_status.DeclinedAfter, .booking_status.SuspendedAfter {
    color: #350569;
    border: 1px solid #A95DFD;
    background-color: #F2E7FF;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #A95DFD;
    }
}

.booking_status.Approved, .booking_status.Accepted {
    color: #00522A;
    border: 1px solid #10DC78;
    background-color: #DDFFEF;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #10DC78;
    }
}

.booking_status.ApprovedIncomplete {
    color: #326602;
    border: 1px solid #B0F86E;
    background-color: #F1FFE5;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #B0F86E;
    }
}

.booking_status.Suspended {
    color: #303030;
    border: 1px solid #646464;
    background-color: #CCCCCC;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #646464;
    }
}

.booking_status.Declined {
    color: #7D0C05;
    border: 1px solid #F55148;
    background-color: #FFE3E1;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #F55148;
    }
}

.booking_status.Dead {
    color: #303030;
    border: 1px solid #646464;
    background-color: #CCCCCC;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #646464;
    }
}


.booking_status.SalesToCall {
    color: #12327E;
    border: 1px solid #3267E3;
    background-color: #F0F3FF;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #3267E3;
    }
}

.booking_status.SalesToFollowUp {
    color: #0A4C5A;
    border: 1px solid #00D1FF;
    background-color: #E2FAFF;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #00D1FF;
    }
}

.booking_status.SupplierLead {
    color: #314450;
    border: 1px solid #A1CCE8;
    background-color: #EFF8FD;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #A1CCE8;
    }
}

.booking_status.OnRequest {
    color: #624D00;
    border: 1px solid #FFC700;
    background-color: #FFF7D9;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #FFC700;
    }
}

.booking_status.XmlError {
    color: #623A15;
    border: 1px solid #CD7B2E;
    background-color: #FFF9F2;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #CD7B2E;
    }
}

.booking_status.OtaError {
    color: #793301;
    border: 1px solid #FF6B00;
    background-color: #FFEAD4;
    span::before {
        content: "\f111";
        font-family: "Font Awesome 5 Free";
        font-weight: 700;
        margin-left: 8px;
        font-size: 0.5em;
        color: #FF6B00;
    }
}