/*

    Too change the basic colour scheme do a global find and replace 
    using the the text below from the # to the final / as the search term
    and an identical replace term with only the 6 hex chanracter changed to the desired values
    
*/


/*    Light Background Colour    #E0EBF4;/*   Old Light Background Colour*/
/*    Light Background Colour    White;/*   Light Background Colour*/
/*    Header Background Colour    #B5CFE4;/*   Header Background Colour*/

.column_1 {
    width: 170px;
}

.column_2 {
    width: 560px;
}

.Order_column_1 {
    width: 230px;
    height: 15px;
    vertical-align: middle;
}

.Order_column_2 {
    width: 500px;
    height: 15px;
    vertical-align: middle;
}

.Order_column_a {
    width: 190px;
    height: 15px;
    vertical-align: middle;
}

.Order_column_b {
    width: 265px;
    height: 15px;
    vertical-align: middle;
}

.Order_column_c {
    width: 130px;
    height: 15px;
    vertical-align: middle;
}

.Order_column_d {
    width: 265px;
    height: 15px;
    vertical-align: middle;
}

.FreestockCardFormView {
    background-color: var(--MainBackgroundColour);
    border-width: 1px;
    border-color: #57566F;
    border-style: solid;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0px;
    z-index: 98;
    width: 700px;
    height: 439px;
}

.FreestockCardFormViewTop {
    background-color: var(--MainBackgroundColour) /*   Light Background Colour*/;
    position: relative;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0px;
    z-index: 98;
    width: 700px;
    height: 380px;
}

.FreestockCardFormViewTopError {
    background-color: var(--MainBackgroundColour) /*   Light Background Colour*/;
    position: relative;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0px;
    z-index: 98;
    width: 700px;
    height: 443px;
}

.FreestockCardFormViewError {
    background-color: var(--MainBackgroundColour) /*   Light Background Colour*/;
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 0px;
    z-index: 98;
    width: 700px;
    height: 45px;
}

.FreestockCardFormViewBottom {
    background-color: var(--MainBackgroundColour) /*   Light Background Colour*/;
    position: relative;
    padding: 0px 0px 10px 0px;
    margin-right: 0px;
    z-index: 98;
    width: 100%;
    height: 25px;
}

#Freestock_Order_table {
    margin: 10px;
    border: none;
    border-collapse: collapse;
}

.OrderProductTable {
    margin: 0px 0px 0px 10px;
    border: none;
    border-collapse: collapse;
    width: 670px;
    table-layout: fixed;
}

.OrderProductTableHid {
    margin: 0px 10px 0px 10px;
    border: none;
    border-collapse: collapse;
    width: 670px;
    display: none;
    table-layout: fixed;
}


.DeliveryHeaderDeleted {
    background-color: #B5CFE4; /*   Header Background Colour*/
    display: none;
}

.DeliveryHeader {
    background-color: #94b2c8; /*   Header Background Colour*/
}

.DeliveryHeaderExpand {
    cursor: pointer;
}

.DeliveryHeaderCollapse {
    cursor: pointer;
    display: none;
}

.DeliveryHeaderTD1 {
    width: 20px;
}

.DeliveryHeaderTD2a {
    width: 170px;
    white-space: nowrap !important;
    vertical-align: middle;
}

.DeliveryHeaderTD2 {
    width: 160px;
    max-width: 160px;
}

.DeliveryHeaderTD3 {
    width: 200px;
}

.DeliveryHeaderTD4 {
}

.DeliveryHeaderProduct {
    background-color: #B5CFE4; /*   Header Background Colour*/
    width: 600px;
}

.DeliveryHeaderProducthid {
    background-color: #B5CFE4; /*   Header Background Colour*/
    display: none;
}

#Deliveries {
}

#FreestockOrderCalendar {
    position: absolute;
    top: 120px;
    left: 400px;
    z-index: 100;
    display: none;
}

#FreestockOrderCalendarHide {
    position: absolute;
    top: 120px;
    left: 400px;
    z-index: 100;
    display: none;
    background-color: var(--MainBackgroundColour);
    border: solid 1px var(--MainForeColour);
    width: 231px;
    height: 175px;
}

.MasterScrollingDiv {
    overflow: auto;
    height: 360px;
    margin: 20px;
}

.MasterInfo {
    font-size: large;
}

.DeliveryNoteInput {
    width: 450px;
}

.DeleteButtonShow {
    float: right;
    margin: 0px;
}

.DeleteButtonHide {
    float: right;
    margin: 0px;
    display: none;
}

.DeleteCell {
    width: 20px;
    vertical-align: middle;
}

    .DeleteCell img {
        float: left;
    }

.ProductLineName {
    width: 250px;
}

.ProductLinePackSize {
    text-align: center;
    padding-right: 12px;
    padding-left: 13px;
    width: 230px;
}

.ProductLineQuantity {
    width: 117px;
}

.Freestockbtn {
    margin-right: 10px;
}