.condensed-lookup {
    position: relative;
}

    .condensed-lookup > div {
        padding-right: 29px;
    }

/*new*/

#salesOrder .under-target {
    background-color: #FFE0A3;
}

#salesOrder .status .hold {
    background-color: #dd4949;
    border: 1px solid #c40a1b;
    color: white;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .cancelled {
    background-color: #dde0dc;
    border: 1px solid #b0b1b0;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .rejected {
    background-color: #d9534f;
    border: 1px solid #d43f3a;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .open,
#salesOrder .status .frozen-open {
    background-color: #5bc0de;
    border: 1px solid #128cb0;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .confirmed,
#salesOrder .status .frozen-confirmed {
    background-color: #6cde5b;
    border: 1px solid #12b029;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .frozen {
    background-color: #dae3ff;
    border: 1px solid #9fb6ff;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .complete {
    background-color: #5b62de;
    border: 1px solid #1412b0;
    color: #fff;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .status .closed {
    background-color: #d1de5b;
    border: 1px solid #a5b012;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}


#salesOrder .status .change-pending {
    background-color: #ffb647;
    border: 1px solid #ff9f0c;
    color: #4a4a4a;
    font-weight: bold;
    padding: 2px 5px;
}

#salesOrder .over-conf {
    width: 370px;
}

#salesOrder .manager-confirm {
    height: 100px;
    margin: 10px;
}

    #salesOrder .manager-confirm label,
    #salesOrder .manager-confirm input {
        float: left;
        clear: both;
    }

#salesOrder #od {
    padding: 5px;
}

    #salesOrder #od #DeliveryAddress {
        height: 141px;
    }

    #salesOrder #od #InvoiceAddress {
        height: 141px;
    }

#salesOrder .form-group.showAll {
    margin: 0px;
}

#salesOrder #CustomerID-lookup label {
    font-size: 10px;
}

#salesOrder .customer-details input {
    padding: 1px 2px;
    font-size: 12px;
    width: 620px;
    display: block;
}

#salesOrder .product-lookup .remove {
    margin-top: 5px;
    position: absolute;
    right: 34px;
}

#salesOrder #lines tbody tr.active {
    background-color: #d8e6ff;
}

#salesOrder .HasReturns  {
    background-color: #ffacb7 !important;
}

#salesOrder .HasReturnsAndReplenished {
    background-color: #b76e79 !important;
}

/*#salesOrder #lines tbody tr{
    border-top:1px solid #ffa900;
    border-left:1px solid #ffa900;
    border-right:1px solid #ffa900;
}

#salesOrder #lines tbody tr[data-drop=true]{
    border-bottom:none;
    border-top:none;
}

#salesOrder #lines tbody tr[data-drop=true]:last-child{
    border-bottom:1px solid #ffa900;
}*/

/*new*/

/*#salesOrder .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 10px;
}

#salesOrder .nav-tabs {
    border-bottom: none;
}

    #salesOrder .nav-tabs > li > a {
        border-radius: inherit;
    }

    #salesOrder .nav-tabs > li.active > a {
        border-bottom-color: #ddd;
    }*/


#salesOrder .overview {
    padding: 0;
    width: 995px;
}

#salesOrder #standardEditor .tab-content {
    border: 1px solid #ddd;
    /*padding: 5px;*/
}

#salesOrder #header .tab-pane {
    min-height: 180px;
}

#salesOrder #customerDetails .form-control,
#salesOrder #od .form-control,
#salesOrder #line-info .form-control,
#salesOrder #overview .form-control {
    font-size: 12px;
    height: 20px;
    padding: 1px 3px;
}

#salesOrder .lookup .li-remove {
    position: absolute;
    right: 33px;
    top: 2px;
}

#salesOrder .form-group .col-sm-8 {
    padding-right: 29px;
}

#salesOrder span.input-group-addon {
    height: 20px;
    padding: 0px 10px;
}

#salesOrder .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
    right: 5px;
}

#salesOrder #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}

#salesOrder .con.input-group .input-group-addon {
    padding: 0 3px;
    font-size: 10px;
}


#salesOrder #header {
    width: 100%;
}

    #salesOrder #header #customerDetails {
        border: 1px solid #ddd;
        margin-bottom: 5px;
        height: 82px;
    }

        #salesOrder #header #customerDetails > div {
            float: left;
        }

            #salesOrder #header #customerDetails > div:first-child {
                width: 290px;
                border-right: 1px solid #ddd;
                height: 100%;
            }

            #salesOrder #header #customerDetails > div:last-child {
                padding: 5px;
            }

                #salesOrder #header #customerDetails > div:last-child label {
                    font-weight: normal;
                    float: left;
                    clear: both;
                    font-size: 12px;
                }

    #salesOrder #header h2 {
        font-size: 14px;
    }

    #salesOrder #header .left-details {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        #salesOrder #header .left-details #CustomerID-lookup {
            width: 100%;
        }

            #salesOrder #header .left-details #CustomerID-lookup i.glyphicon-remove {
                background-color: #f5f5f5;
            }

        #salesOrder #header .left-details .agency-order {
            width: 100%;
            margin: 0;
            top: -4px;
            position: relative;
        }

            #salesOrder #header .left-details .agency-order label {
                font-size: 10px;
                /*padding-right: 5px;*/
                padding-top: 6px;
            }

#salesOrder #lines {
    width: 100%;
    height: 270px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

    #salesOrder #lines .so-table {
        width: 1200px;
    }

    #salesOrder #lines #tScroll {
        overflow-x: auto;
        height: 177px;
    }

    #salesOrder #lines table {
        table-layout: fixed;
        width: 100%;
        font-size: 12px;
    }

    #salesOrder #lines #tHead td {
        background-color: aliceblue;
    }


    /*#salesOrder #lines #tHead {
        border:1px solid lightgray;
    }*/

    #salesOrder #lines #tHead td {
        border-right: 1px solid lightgray;
        padding: 2px 5px;
    }

    #salesOrder #lines #tBody td {
        border: 1px solid lightgray;
        padding: 1px 4px;
    }



#salesOrder #detail {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-top-color: #e3e3e3;
    border-top-color: transparent;
}

    #salesOrder #detail .tab-content {
        border: none;
        padding: 0;
    }

    #salesOrder #detail .nav-tabs > li.active:first-child > a {
        border: none;
        border-right: 1px solid #ddd;
    }

    #salesOrder #detail .nav-tabs > li.active > a {
        border: none;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    #salesOrder #detail hr {
        margin-top: 2px;
        margin-bottom: 2px;
    }

#salesOrder .imp {
    margin-left: 5px;
    float: left;
    height: 45px;
}

    #salesOrder .imp label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }

#salesOrder #detail #p {
    width: 275px;
}

    #salesOrder #detail #p .lookup .li-remove {
        position: initial;
    }

#salesOrder #detail #d {
    width: 372px;
    float: left;
    margin-left: 0px;
}

#salesOrder #detail #mf {
    width: 259px;
    margin-left:inherit 0px;
}

#salesOrder #detail #lt {
    width: 75px;
}

#salesOrder #detail #q {
    width: 100px;
}

#salesOrder #detail #u {
    width: 100px;
}

#salesOrder #detail #ic {
    width: 90px;
}

#salesOrder #detail #pa input {
    padding: 0;
    margin: 1px 0;
}

#salesOrder #detail #conRef {
    width: 180px;
}

#salesOrder #detail #cr {
    width: 162px;
}

#salesOrder #detail #ps {
    width: 100px;
}

#salesOrder #detail #line {
    border-bottom: 1px solid #ddd;
}

#salesOrder #detail #notes {
    float: left;
    height: 91px;
    width: 260px;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

#salesOrder #marg {
    width: 100px;
}

#salesOrder #detail #notes textarea {
    height: 67px;
    resize: none;
}

#salesOrder #detail #controls {
    width: 186px;
    float: left;
    height: 46px;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    /*#salesOrder #detail #controls > div{
    width:140px;
    margin:0 auto;
}*/

    #salesOrder #detail #controls > div > div {
        float: left;
    }

        #salesOrder #detail #controls > div > div[data-disabled="true"] i {
            background-color: #f2f2f2;
            color: #848484 !important;
            cursor: not-allowed;
        }

/*#salesOrder #detail #allocations {
    width: 45px;
    float: left;
    height: 45px;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #salesOrder #detail #allocations > div > div {
        float: left;
    }*/
#salesOrder #detail #othercontrols #stocksummary > div > div[data-disabled="true"] i {
    background-color: #f2f2f2;
    color: #848484 !important;
    cursor: not-allowed;
}


#salesOrder #detail #othercontrols #allocations > div > div[data-disabled="true"] i {
    background-color: #f2f2f2;
    color: #848484 !important;
    cursor: not-allowed;
}

#salesOrder #detail #sp {
    width: 90px;
}

#salesOrder #detail #pa {
    width: 57px;
    text-align: center;
    margin-top: -2px;
    margin-left: -5px;
}

    #salesOrder #detail #pa label {
        font-size: 12px;
        line-height: 10px;
    }

    #salesOrder #detail #pa .con {
        margin-top: -3px;
    }

#salesOrder #detail #originalDate {
    width: 70px;
    margin: 0px;
}



#salesOrder #detail #stock-controls {
    float: left;
    /*border-left: 1px solid #ddd;*/
    margin-right: 5px;
    height: 45px;
    margin-left: -1px;
}

    #salesOrder #detail #stock-controls #splitPacks {
        width: 66px;
        float: left;
        text-align: center;
    }

    #salesOrder #detail #stock-controls #hold {
        width: 45px;
        float: left;
        text-align: center;
        padding-left: 5px;
    }

    /*   #salesOrder #detail #hold > div {
        width: 71%;
    }
*/
    #salesOrder #detail #stock-controls input {
        padding: 0;
        margin: 1px 0;
    }

#salesOrder #detail #stats {
    height: 46px;
    border-top: 1px solid #ddd;
    float: left;
    /*width: 347px;*/
    width: 312px;
    padding-right: 3px;
    display: table;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #salesOrder #detail #stats > div {
        /*margin-right: 10px;*/
        font-size: 12px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        #salesOrder #detail #stats > div > div {
            float: left;
            width: 25%;
            height: 43px;
        }


            #salesOrder #detail #stats > div > div.active {
                border: 1px solid #46b8da;
                position: relative;
            }

                #salesOrder #detail #stats > div > div.active span {
                    position: absolute;
                    right: 0;
                    bottom: 0;
                    border: 5px solid #fff;
                    border-right-color: #46b8da;
                    border-bottom-color: #46b8da;
                }

    #salesOrder #detail #stats label {
        font-weight: normal;
        margin: 0;
        /*float: left;*/
        clear: both;
        width: 100%;
        margin-top: 2px;
    }

    #salesOrder #detail #stats > div:first-child > div label:first-child {
        font-weight: bold;
        font-size: 10px;
    }

#salesOrder #detail #transfer {
    height: 45px;
    border-top: 1px solid #ddd;
    float: left;
    margin-top: -1px;
}

    #salesOrder #detail #transfer #transferCost {
        width: 110px;
    }

    #salesOrder #detail #transfer #transferCurrency {
        width: 110px;
    }

#salesOrder #detail #ackn {
    height: 45px;
    /*border-top: 1px solid #ddd;*/
    float: left;
    width: 140px;
    margin-left: 5px;
    margin-right: 5px;
}

#salesOrder #detail #end {
    height: 45px;
    /*border-top: 1px solid #ddd;*/
    float: left;
    border-left: 1px solid #ddd;
    /*width:100%;*/
}


#salesOrder #detail #controls i {
    background-color: #fcfcfc;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    border: 1px solid #ddd;
    border-right-color: transparent;
}

    #salesOrder #detail #controls i:hover {
        background-color: #efefef;
    }

#salesOrder #detail #allocations i {
    background-color: #fcfcfc;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    border: 1px solid #ddd;
    border-right-color: transparent;
}

    #salesOrder #detail #allocations i:hover {
        background-color: #efefef;
    }

#salesOrder #detail #allocations > div:last-child i {
    border-right-color: #ddd;
}

#salesOrder #detail #controls > div:last-child i {
    border-right-color: #ddd;
}

#salesOrder #detail #drop {
    float: left;
    margin-right: 5px;
    height: 45px;
}

    #salesOrder #detail #drop input[readonly]:not([disabled="disabled"]),
    #salesOrder #detail #ack input[readonly]:not([disabled="disabled"]) {
        background-color: #fff;
    }

    #salesOrder #detail #drop > div {
        width: 71px;
    }

#salesOrder #detail #stock {
    float: left;
    /*border-left: 1px solid #ddd;*/
    margin-right: 5px;
    height: 45px;
    margin-left: -1px;
}

    #salesOrder #detail #stock > div {
        width: 65px;
    }

#salesOrder #detail #totals {
    border-left: 1px solid #ddd;
    float: left;
    height: 45px;
}

    #salesOrder #detail #totals > div {
        width: 75px;
    }


#salesOrder #detail #othercontrols {
    /*width: 81px;*/
    width: 80px;
    float: left;
    height: 46px;
    padding: 5px;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

    #salesOrder #detail #othercontrols > div > div {
        float: left;
    }

        #salesOrder #detail #othercontrols > div > div[data-disabled="true"] i {
            background-color: #f2f2f2;
            color: #848484 !important;
            cursor: not-allowed;
        }

    #salesOrder #detail #othercontrols i {
        background-color: #fcfcfc;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        border: 1px solid #ddd;
        border-right-color: transparent;
    }

        #salesOrder #detail #othercontrols i:hover {
            background-color: #efefef;
        }

    #salesOrder #detail #othercontrols > div:last-child i {
        border-right-color: #ddd;
    }


/*#salesOrder #detail #marg {
    width: 200px;
}*/


#salesOrder #overview {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}


    #salesOrder #overview #delivery {
        clear: both;
    }

    #salesOrder #overview > div {
        border-bottom: 1px solid #ddd;
    }

        #salesOrder #overview > div:last-child {
            border-bottom: none;
        }

        #salesOrder #overview > div > label {
            float: left;
            height: 45px;
            margin: 0;
            line-height: 40px;
            width: 100px;
            text-align: right;
            border-right: 1px solid #ddd;
            padding: 5px;
            box-sizing: border-box;
            font-weight: normal;
            background-color: #f8f8f8;
        }

        #salesOrder #overview > div > div {
            float: left;
        }

    #salesOrder #overview #del #dm {
        width: 128px;
    }


        #salesOrder #overview #del #dm .condensed-lookup > div {
            padding-right: 24px;
        }

        #salesOrder #overview #del #dm .lookup .lookup-button {
            right: 0;
        }

        #salesOrder #overview #del #dm .lookup .li-remove {
            right: 29px;
        }


    #salesOrder #overview #del #cost {
        width: 80px;
    }

    #salesOrder #overview #margins {
        clear: both;
    }

    #salesOrder #overview #totals > label {
        font-weight: bold;
    }



#salesOrder .so-group {
    width: 300px;
    float: left;
}

#salesOrder .normal-text {
    font-weight: normal;
}

#salesOrder .vat-code-text {
    padding-left: 0px;
    font-size: 12px;
}

#salesOrder .so-group label {
    font-size: 10px;
}

#salesOrder .col-addr-link { /*like col-sm-8 but no padding on left*/
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    float: left;
    width: 66.66666667%;
}

#salesOrder .col-vat-code { /*like col-sm-4*/
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 0px;
    float: left;
    width: 33.33333333%;
    font-size: 10px;
}


#salesOrder #overview {
    margin-top: 10px;
}

/* Tabs */

#salesOrder #detail .tab-content #priceHistoryTab,
#salesOrder #detail .tab-content #purchaseHistory,
#salesOrder #detail .tab-content #salesHistoryAllTab,
#salesOrder #detail .tab-content #salesHistoryTab,
#salesOrder #detail .tab-content #quoteHistory,
#salesOrder #detail .tab-content #productStock {
    height: 166px;
}

/* Price Breaks Tab */

#salesOrder .priceBreaksHeader {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
    z-index: 9;
    position: relative;
}

    #salesOrder .priceBreaksHeader input {
        cursor: pointer;
    }

#salesOrder #priceBreaksTab .it-cont {
    border: 1px solid #ccc;
    height: 107px;
}

#salesOrder .priceBreaksContainer:first-child {
    margin-left: 5px;
}

#salesOrder .priceBreaksContainer {
    width: 200px;
    height: 136px;
    float: left;
    margin-left: 10px;
}

#salesOrder .priceBreaksHeader input {
    float: left;
    margin: 2px 5px 0 0;
}

/* Order History */

#salesOrder #cph {
    height: 168px;
}

/* Order Details */

#salesOrder #detail #state {
    float: left;
    border-top: 1px solid #ddd;
    height: 46px;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #salesOrder #detail #state > div {
        width: 73px;
    }

#salesOrder #detail #statecontrols {
    width: 81px;
    float: left;
    height: 46px;
    padding: 5px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #salesOrder #detail #statecontrols > div > div {
        float: left;
    }

        #salesOrder #detail #statecontrols > div > div[data-disabled="true"] i {
            background-color: #f2f2f2;
            color: #848484 !important;
            cursor: not-allowed;
        }

    #salesOrder #detail #statecontrols i {
        background-color: #fcfcfc;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        border: 1px solid #ddd;
        border-right-color: transparent;
    }

        #salesOrder #detail #statecontrols i:hover {
            background-color: #efefef;
        }

    #salesOrder #detail #statecontrols > div:last-child i {
        border-right-color: #ddd;
    }

/*Create Proforma*/

#salesOrder #proforma #ProformaModal_Header {
    height: 105px;
}

#salesOrder #proforma #ProformaModal_Footer {
    height: 105px;
}

#salesOrder #proforma #ProformaModal_Notes {
    height: 105px;
}

#salesOrder #proforma .standard-text-link {
    float: right;
    margin-right: 4px;
}

#salesOrder #proforma .sub-title {
    margin-top: 4px;
    margin-bottom: 2px;
}

/*despatch sales order invoice*/
#salesOrder .despatch-invoice {
    width: 86px;
    margin-right: 5px;
}

    #salesOrder .despatch-invoice > button {
        height: 28px;
        background-color: #5bc0de;
        border-color: #46b8da;
    }

        #salesOrder .despatch-invoice > button:hover {
            background-color: #31b0d5;
            border-color: #269abc;
        }

        #salesOrder .despatch-invoice > button > span.filter-option {
            text-align: center;
            font-size: 14px;
            color: #fff;
        }

        #salesOrder .despatch-invoice > button > span.bs-caret .caret {
            color: #fff;
        }

    #salesOrder .despatch-invoice .dropdown-menu li[data-original-index="0"] {
        display: none;
    }

/*despatch sales order acknowledgement*/
#salesOrder .despatch-order {
    width: 159px;
    margin-right: 5px;
}

    #salesOrder .despatch-order > button {
        height: 28px;
        background-color: #5bc0de;
        border-color: #46b8da;
    }

        #salesOrder .despatch-order > button:hover {
            background-color: #31b0d5;
            border-color: #269abc;
        }

        #salesOrder .despatch-order > button > span.filter-option {
            text-align: center;
            font-size: 14px;
            color: #fff;
        }

        #salesOrder .despatch-order > button > span.bs-caret .caret {
            color: #fff;
        }

    #salesOrder .despatch-order .dropdown-menu li[data-original-index="0"] {
        display: none;
    }

/*despatch internal order*/
#salesOrder .despatch-internalorder {
    width: 86px;
    margin-right: 5px;
}

    #salesOrder .despatch-internalorder > button {
        height: 28px;
        background-color: #5bc0de;
        border-color: #46b8da;
    }

        #salesOrder .despatch-internalorder > button:hover {
            background-color: #31b0d5;
            border-color: #269abc;
        }

        #salesOrder .despatch-internalorder > button > span.filter-option {
            text-align: center;
            font-size: 14px;
            color: #fff;
        }

        #salesOrder .despatch-internalorder > button > span.bs-caret .caret {
            color: #fff;
        }

    #salesOrder .despatch-internalorder .dropdown-menu li[data-original-index="0"] {
        display: none;
    }

#salesOrder .document-config .sub-title {
    padding-left: 10px;
    padding-bottom: 4px;
}

#salesOrder .document-config textarea {
    height: 143px;
}


#salesOrder #cus_add span, #salesOrder #cus_tel span {
    float: left;
    margin: 2px 10px 0 0px;
    display: block;
    width: 63px;
    border-right: 1px solid #ddd;
    text-align: center;
}

#salesOrder #cus_add input, #salesOrder #cus_tel input {
    float: left;
}

#salesOrder #deliveries > div {
    float: left;
}

#salesOrder #deliveries #delt {
    width: 63px;
    border-right: 1px solid #ddd;
    text-align: center;
    margin-right: 10px;
    height: 30px;
    padding-top: 0px;
    font-size: 11px;
}

#salesOrder .dd {
    margin-right: 5px;
    width: 40px;
    float: left;
}

    #salesOrder .dd > span {
        display: block;
        text-align: center;
        font-size: 9px;
    }


    #salesOrder .dd path {
        fill: #f2f2f2;
        stroke: #939393;
    }

    #salesOrder .dd.am .am-p {
        fill: #63bce4;
        stroke: #a2d5ed;
    }

    #salesOrder .dd.pm .pm-p {
        fill: #f39e31;
        stroke: #d48c31;
    }

    #salesOrder .dd.am .am-t {
        fill: #fff;
        font-weight: bold;
    }

    #salesOrder .dd.pm .pm-t {
        font-weight: bold;
    }


#salesOrder .production-confirm .modal-dialog {
    width: 1020px;
}

#salesOrder .production-confirm .modal-body {
    height: 170px;
    padding: 0;
}

#salesOrder .production-confirm .loading {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

    #salesOrder .production-confirm .loading > div {
        display: table;
        width: 100%;
        height: 100%;
    }

        #salesOrder .production-confirm .loading > div > div {
            display: table-cell;
            text-align: center;
            vertical-align: middle;
        }

#salesOrder .production-confirm .ptable {
    height: 100%;
}

    #salesOrder .production-confirm .ptable .it-col-qty {
        padding: 0;
    }

    #salesOrder .production-confirm .ptable .qty {
        width: 100%;
        border: none;
        background-color: #fffdf2;
        text-align: right;
        padding-right: 5px;
    }

    #salesOrder .production-confirm .ptable .it-col-order {
        text-align: center;
    }


#salesOrder #lines .line-allocated, #salesOrder .key-colour.line-allocated {
    background-color: #cfffaf;
}

#salesOrder #lines .line-over-allocated, #salesOrder .key-colour.line-over-allocated {
    background-color: #ffa589;
}

#salesOrder .key {
    width: 1004px;
    padding: 5px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

#salesOrder .key .key-header {
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 4px;
    padding-bottom: 4px;
    padding-left: 5px;
    padding-right: 5px;
}

#salesOrder .key .key-row {
    padding: 0 5px;
    width: fit-content;
    display: inline-block;
}


#salesOrder .key .key-colour {
    height: 16px;
    width: 32px;
    display: inline-block;
    position: relative;
    top: 3px;
    vertical-align: top;
    margin-right: 3px;
}

    #salesOrder .key .key-text {
        display: inline-block;
        font-size: 12px;
    }