.form-control.input-validation-error {
    border: 1px solid #b94a48 !important;
}

.form-group .input-group[class*="col-"] {
    padding-right: 15px;
}

.form-group .input-group .form-control {
    width: 100%;
}

.label.label-danger, .field-validation-error {
    display: block;
    padding: 2px 3px;
    font-size: 70%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: left;
    word-wrap: unset;
    white-space: inherit;
    vertical-align: baseline;
    border-radius: unset;
    background-color: #d9534f;
}

.field-validation-error {
    width: 95%;
    float: left;
}

.tabNav > ul {
    list-style: none;
    border-bottom: 1px solid #e4e4e4;
    height: 32px;
}

    .tabNav > ul li {
        display: inline-block;
        margin: 0;
        padding: 5px;
    }

        .tabNav > ul li.active {
            border-bottom: 3px solid #1581b1;
        }

        .tabNav > ul li a {
            text-decoration: none;
        }

            .tabNav > ul li a .errors {
                padding: 0px 2px;
                background-color: #f2dede;
                border: 1px solid #a94442;
                margin-left: 4px;
                border-radius: unset;
                display: inline-block;
                line-height: 1;
                color: #a94442;
            }

#NewOrg .add {
    padding: 10px;
    text-align: center;
    border: 1px solid #dddddd;
    margin: 5px;
    background-color: #fafafa;
    cursor: pointer;
    color: #575757;
}

    #NewOrg .add:hover {
        background-color: #eefbf0;
    }

.listDetails {
    background: #fff;
    width: 1010px;
    margin: 20px;
    border: 1px solid #d1d1d1;
}

    .listDetails > div {
        float: left;
    }

    .listDetails .list {
        width: 300px;
        border-right: 1px solid #d1d1d1;
    }

        .listDetails .list ul {
            list-style: none;
            height: 448px;
            overflow-y: auto;
        }

            .listDetails .list ul li {
                border-bottom: 1px solid #d1d1d1;
                height: 55px;
                padding: 5px;
                padding-left: 8px;
                padding-right: 15px;
                font-size: 12px;
                cursor: pointer;
                position: relative;
            }

                .listDetails .list ul li:hover {
                    background-color: #f7fbfc;
                }

                .listDetails .list ul li span {
                    display: block;
                    max-width: 280px;
                    overflow: hidden;
                    height: 15px;
                }

                .listDetails .list ul li .title {
                    font-weight: bold;
                }

                .listDetails .list ul li .icons {
                    position: absolute;
                    right: 3px;
                    bottom: 2px;
                }

                    .listDetails .list ul li .icons > span {
                        float: right;
                        margin-left: 3px;
                    }

                        .listDetails .list ul li .icons > span[data-checked='false'] {
                            color: #B1B1B1;
                        }

                .listDetails .list ul li > span:first-child {
                    position: absolute;
                    width: 3px;
                    height: inherit;
                    top: 0;
                    left: 0;
                    bottom: 0;
                    background-color: #79b9ff;
                    display: none;
                }

                .listDetails .list ul li.active span:first-child {
                    display: block;
                }

        .listDetails .list .new {
            border-top: 1px solid #d1d1d1;
            height: 45px;
            text-align: center;
            padding-top: 10px;
            cursor: pointer;
        }

            .listDetails .list .new:hover {
                background-color: #eef8ed;
            }

    .listDetails .detail {
        width: 700px;
        padding: 10px;
    }

        .listDetails .detail .checkbox input[type=checkbox] {
            margin-left: 0px;
        }


    .listDetails .addrLookup {
        height: 32px;
        width: 100%;
        border-bottom: 1px solid #d1d1d1;
    }

        .listDetails .addrLookup .btn {
            border: none;
        }

    .listDetails .btn {
        padding: 5px 12px;
    }

        .listDetails .btn:hover,
        .listDetails .bootstrap-select .dropdown-toggle {
            background-color: #f7f7f7;
        }

            .listDetails .bootstrap-select .dropdown-toggle:focus {
                outline: none;
            }




#content legend {
    border: none;
    border-top: 1px solid #6AA6B5;
}

#customer_part, #supplier_part, #endcustomer_part {
    position: relative;
}

    #customer_part #customerInfo, #supplier_part #supInfo, #endcustomer_part #endCustomerInfo {
        width: 380px;
        float: left;
    }

    #customer_part #customerPrefs, #supplier_part #supPrefs, #endcustomer_part #endCustomerPrefs {
        float: left;
        position: absolute;
        left: 380px;
        right: 0;
        top: 35px;
        bottom: 0;
    }

    #customer_part .tab-content, #supplier_part .tab-content, #endcustomer_part .tab-content {
        overflow: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 35px;
        bottom: 0;
    }

    #supplier_part #Supplier-ApprovalStatusID-lookup .li-remove {
        display: none;
    }

.remove-section {
    display: none;
    position: absolute;
    left: 960px;
    top: 3px;
    z-index: 9;
    color: #d9534f;
    cursor: pointer;
}

    .remove-section.active {
        display: block;
    }

.add-section {
    width: 1010px;
    text-align: center;
    border: 1px solid #6AA6B5;
    border-radius: 3px;
    padding: 20px;
    cursor: pointer;
    margin: 10px 5px;
    color: #6aa6b5;
}

    .add-section:hover {
        background-color: #faffff;
    }

#Organisation .section {
    position: relative;
    clear: both;
}

.editorList .col {
    float: left;
    width: 210px;
    padding-left: 15px;
    padding-right: 0px;
    color: #757575;
}

    .editorList .col.wide {
        width: 350px;
    }

    .editorList .col.short {
        width: 65px;
    }

    .editorList .col.new {
        width: 50px;
    }

.editorList {
    float: left;
}

    /*.editorList > div {
        height: 30px;
        margin-bottom: 5px;
    }*/

    .editorList .list > div {
        margin-bottom: 3px;
    }

    .editorList .list a {
        margin-left: 15px;
        display: block;
        float: left;
        line-height: 20px;
        text-decoration: none;
    }

    .editorList input[type="radio"] {
        margin-top: 0px;
    }

    .editorList .new {
        cursor: pointer;
    }

        .editorList .new:hover {
            color: green;
        }

    .editorList .lookup div {
        position: relative;
        float: left;
        width: 100%;
    }

    .editorList .lookup .lookup-button {
        right: 0px;
    }

#supddt > div.form-group > label.control-label, 
#ddt > div.form-group > label.control-label, 
#er > div.form-group > label.control-label {
    width: 20%;
}

#er .tp-wrap:hover textarea {
    padding-bottom: initial !important;
}

#er .field-validation-error {
    margin-bottom: 0.5em;
}

fieldset.large > .listDetails {
    margin: 0px;
    width: inherit;
}

    fieldset.large > .listDetails .detail {
        width: 718px;
    }

.detail.tabNav {
    padding: 0px;
}

    .detail.tabNav > ul {
        border-top: none;
    }

.tab-pane > fieldset {
    margin: 0px;
    width: 100%;
    border: none;
}

    .tab-pane > fieldset > legend {
        background-color: inherit;
        border-bottom: 1px solid #d1d1d1;
    }

/*#encDetails textarea {
    height: 350px;
}*/
/*.listDetails.tab-pane {
    margin: 0px;
    border:none;
}*/

/* TEMPORARY FIX TO INFOLOOKUP NEWACTIONMETHOD POPUP HEADER */
.popup #tb {
    padding: 3px 0px 0px 5px;
}

    .popup #tb > span {
        float: left;
        font-size: 35px;
    }

    .popup #tb > h2 {
        float: left;
        font-size: 20px;
        height: 100%;
        line-height: 38px;
        margin-left: 5px;
    }
/**********************************************/

.btn-file.btn {
    position: relative;
    overflow: hidden;
    padding: 2px 3px;
    height: 25px;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    background: red;
    cursor: inherit;
    display: block;
}

.form-group-file > div {
    padding-right: 0px;
}


/* Global */

a.lookup-button {
    background-color: #fff;
}

    a.lookup-button[data-disabled="true"] {
        background-color: #e7e7e7;
        cursor: not-allowed;
    }

div.table-lookup a[data-disabled="true"] {
    background-color: #e7e7e7;
    cursor: not-allowed;
}

.table-thin input[type="text"][readonly="readonly"] {
    background-color: #f8f8f8;
}

i.glyphicon[data-disabled="true"] {
    cursor: not-allowed;
    color: darkgrey;
}

i.glyphicon-remove:hover {
    cursor: pointer;
}

.table input[type="radio"], .table input[type="checkbox"] {
    margin: 0;
    position: relative;
    top: 1px;
}

input.borderless {
    border: none;
    background-color: transparent !important;
    width: 100%;
    padding: 3px 0px;
}

    input.borderless:hover {
        cursor: text;
    }

    input.borderless:focus {
        box-shadow: none;
    }

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.astrix-after:after {
    content: '*';
}

.set-internal-highlight {
    background-color: #d9ffce;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* Fieldset made with divs (includes boarder) */

.div-fieldset {
    overflow: auto;
    background-color: #FFFFFF;
    position: relative;
    min-width: 0;
    margin: 5px;
    padding: 0;
}

    .div-fieldset > .div-legend {
        padding-left: 10px;
        padding-top: 5px;
        font-size: 18px;
        font-weight: bold;
        color: #7B7B7B;
        border-bottom: 1px solid #6AA6B5;
        padding-bottom: 2px;
    }

    .div-fieldset > .table-container-fullwidth {
        overflow: auto;
        padding: 5px;
    }

.div-fieldset-bordered {
    border: 1px solid #dbdbdb;
}

    .div-fieldset-bordered > .div-legend {
        background-color: #f8f8f8;
    }

/* Fieldset boardered */

fieldset.bordered {
    border: 1px solid #dbdbdb;
}

    fieldset.bordered legend {
        background-color: #f8f8f8;
    }

/* Table within fieldset */

div.fieldset-table {
    margin: 10px;
}

    div.fieldset-table .table {
        margin-bottom: 10px;
    }

    div.fieldset-table .table-actions {
        text-align: center;
        white-space: nowrap;
        padding: 0 9px;
    }

        div.fieldset-table .table-actions .glyphicon {
            font-size: 12px;
            margin-top: 15px;
            margin-right: 4px;
        }

    div.fieldset-table .table-thin .table-actions .glyphicon {
        font-size: 12px;
        margin-top: 7px;
        margin-right: 4px;
    }

    div.fieldset-table .table-lookup .glyphicon:hover,
    div.fieldset-table .table-actions .glyphicon:hover {
        cursor: pointer;
        color: red;
    }

    div.fieldset-table .table-actions .glyphicon:last-child {
        margin-right: 0px;
    }

/* Helpers */

.text-align-center {
    text-align: center;
}


.fieldset-full {
    width: 100%;
}

.shrink {
    width: 1%;
}

.no-wrap {
    white-space: nowrap;
}

.clearboth {
    clear: both;
}

/* Table-thin */

.table-thin {
    font-size: 12px;
    display: block;
    overflow-x: auto;
}

    .table-thin tr td input {
        font-size: 12px;
        margin: 0px;
        padding: 0px 5px;
        height: 25px;
        border: none;
    }

    .table-thin input:focus {
        box-shadow: none;
    }

table.table-thin > thead > tr > th,
table.table-thin > thead > tr > td {
    padding: 5px;
}

table.table-thin > tbody > tr > th,
table.table-thin > tbody > tr > td {
    padding: 0px;
}

.table-thin .table-lookup {
    border: none;
}

    .table-thin .table-lookup > div > input[type=text] {
        height: 25px;
        padding-right: 24px;
    }

    .table-thin .table-lookup > div > input[type="text"]:focus {
        border: 1px solid transparent;
    }

    .table-thin .table-lookup > a {
        padding: 2px 5px;
    }

    .table-thin .table-lookup > div > i.glyphicon-remove {
        margin-top: 8px;
    }

.table-thin a {
    padding-left: 5px;
    padding-top: 4px;
    display: block;
}

/* Bootstrap */

.alert {
    border-radius: 0;
}

    .alert ul {
        margin-left: 10px;
    }

    .alert label {
        margin: 0;
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    clear: both;
    color: #a94442;
    margin: 8px 8px;
    max-width: 1020px;
    padding: 10px 35px;
    position: relative;
}

.alert-warning {
    clear: both;
    margin: 8px 8px;
    max-width: 1020px;
    padding: 10px 35px;
    position: relative;
}
/* Table Lookup */

.table-lookup {
    display: table;
    border: 1px solid #ccc;
}

    .table-lookup > div {
        display: table-cell;
        position: relative;
        width: 100%;
    }

        .table-lookup > div > input[type=text] {
            border: 1px solid transparent;
            display: inline-block;
            height: 23px;
            padding: 1px 5px;
        }

            .table-lookup > div > input[type=text]:focus {
                border: 1px solid rgba(102,175,233, 0.7);
            }

        .table-lookup > div > i.glyphicon-remove {
            display: block;
            position: absolute;
            right: 5px;
            color: #7e7e7e;
            font-size: 12px;
            margin-top: 7px;
        }

            .table-lookup > div > i.glyphicon-remove:hover {
                color: red;
            }

    .table-lookup > a {
        border-left: 1px solid #ccc;
        display: table-cell;
        font-size: 28px;
        line-height: 20px;
        padding: 1px 5px;
        position: relative;
        vertical-align: top;
        color: #666;
    }

        .table-lookup > a:hover {
            cursor: pointer;
            color: #3071a9;
            text-decoration: none;
        }

        .table-lookup > a:focus {
            text-decoration: none;
        }

/*************/

.removeBtn span {
    padding-top: 7px;
    padding-left: 5px;
    color: #7E7E7E;
}

textarea.form-control.large {
    height: 300px;
}





/* sales order */

#sales-order .scroller {
    min-width: 1080px;
}

#sales-order .layout > div {
    float: left;
}

#sales-order .layout #propDetails {
    position: absolute;
    width: 410px;
    padding-right: 15px;
    top: 34px;
    right: 0;
    bottom: 0;
    background-color: #fff;
}

    #sales-order .layout #propDetails.sticky {
        position: fixed;
        top: 80px;
        right: 17px;
    }

#sales-order .info {
    margin-top: 15px;
}

    #sales-order .info h2 {
        font-size: 16px;
        color: #6c6c6c;
        border: none;
        margin-bottom: 5px;
    }


#sales-order #customerDetails {
    width: 500px;
    margin-top: 10px;
}

#sales-order .order {
    width: 100%;
    margin: 0;
}

#sales-order #orders {
    margin: 50px 0;
    position: absolute;
    right: 430px;
    left: 0;
    top: 0;
}

#sales-order .orderline {
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0 10px;
    padding: 5px;
    min-width: 600px;
    cursor: pointer;
    position: relative;
    width: 100%;
}

    #sales-order .orderline .price-override {
        background-color: #ffeaca;
    }

    #sales-order .orderline .olb {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
    }

    #sales-order .orderline:hover .olb {
        background-color: #71a8e6;
    }

    #sales-order .orderline.active {
        background-color: #f9fcff;
    }

    #sales-order .orderline:last-child {
        border-bottom: 1px solid #ccc;
    }

    #sales-order .orderline label {
        font-size: 10px;
        display: block;
        margin: 0;
    }

#sales-order #add-sales-order-line {
    width: 600px;
    text-align: center;
    border: 1px solid #ccc;
    height: 50px;
    display: block;
    margin-left: 10px;
    margin-top: 8px;
    padding: 13px;
    text-decoration: none;
    background-color: #f4f9fe;
}

#sales-order .orderline .sol {
    border-bottom: 1px solid #c9c9c9;
    float: left;
}

    #sales-order .orderline .sol > div {
        float: left;
        height: 50px;
        padding: 0px 3px;
    }

        #sales-order .orderline .sol > div:last-child {
            border-right: none;
        }

    #sales-order .orderline .sol input[type=checkbox] {
        margin-top: 6px;
        width: 100%;
    }

    #sales-order .orderline .sol span {
        margin-top: 5px;
        display: block;
    }

    #sales-order .orderline .sol .p {
        width: 205px;
    }

    #sales-order .orderline .sol .b {
        width: 80px;
    }

    #sales-order .orderline .sol .u {
        width: 95px;
    }

    #sales-order .orderline .sol .pa {
        width: 72px;
    }

    #sales-order .orderline .sol .s {
        width: 55px;
    }

    #sales-order .orderline .sol .t {
        width: 65px;
    }

    #sales-order .orderline .sol .a {
        width: 10px;
    }

        #sales-order .orderline .sol .a .li-remove {
            color: #7e7e7e;
            font-size: 12px;
        }

#sales-order .orderline .sol-second {
    clear: both;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 3px;
}

#sales-order .orderline .partnumber-container {
    width: 200px;
    padding: 2px 3px 3px 3px;
}

    #sales-order .orderline .partnumber-container input {
        width: 200px;
    }

#sales-order .orderline .sol-amount {
    clear: both;
}

    #sales-order .orderline .sol-amount .head {
        margin-left: 43px;
        border-left: 1px solid #cfcfcf;
        color: #484848;
    }

        #sales-order .orderline .sol-amount .head div {
            float: left;
            height: 20px;
            line-height: 25px;
        }

        #sales-order .orderline .sol-amount .head > div:first-child {
            width: 70px;
        }

    #sales-order .orderline .sol-amount .lines {
        margin-left: 43px;
        padding-bottom: 5px;
        border-left: 1px solid #cfcfcf;
        /*max-height: 132px;*/
        overflow: auto;
        width: 285px;
        float: left;
    }

    #sales-order .orderline .sol-amount .actions {
        position: absolute;
        bottom: 6px;
        left: 8px;
    }

        #sales-order .orderline .sol-amount .actions i {
            height: 20px;
            float: left;
            line-height: 22px;
            color: #7d7d7d;
            cursor: pointer;
        }

            #sales-order .orderline .sol-amount .actions i:hover {
                color: #1581b1;
            }

            #sales-order .orderline .sol-amount .actions i:last-child {
                margin-left: 7px;
            }

    #sales-order .orderline .sol-amount .action-line span {
        margin-left: 5px;
    }

    #sales-order .orderline .sol-amount > div .qty,
    #sales-order .orderline .sol-amount > div .rd,
    #sales-order .orderline .sol-amount > div .dd {
        margin-left: 3px;
    }

    #sales-order .orderline .sol-amount .line > div {
        float: left;
    }

    #sales-order .orderline .sol-amount .qty {
        width: 70px;
    }

    #sales-order .orderline .sol-amount .rd {
        width: 90px;
    }

    #sales-order .orderline .sol-amount .dd {
        width: 90px;
    }

        #sales-order .orderline .sol-amount .dd .warning-low {
            background-color: #ccd2ff;
        }

        #sales-order .orderline .sol-amount .dd .warning-high {
            background-color: #ffccd1;
        }

    #sales-order .orderline .sol-amount .no {
        width: 90px;
        margin-left: 24px;
    }

    #sales-order .orderline .sol-amount .line-notes {
        float: left;
        margin-right: 5px;
        width: 255px;
        padding-bottom: 4px;
    }

        #sales-order .orderline .sol-amount .line-notes textarea {
            height: 50px;
            font-size: 0.9em;
            line-height: 15px;
            padding: 1px 4px;
        }

    #sales-order .orderline .sol-amount .form-control {
        height: 25px;
        padding: 3px 5px;
    }

        #sales-order .orderline .sol-amount .form-control[disabled="disabled"] {
            cursor: no-drop;
        }

    #sales-order .orderline .sol-amount .li-remove {
        color: #7e7e7e;
        font-size: 12px;
        position: relative;
        margin-left: 5px;
        top: 2px;
    }

#sales-order #AddProduct .modal-dialog {
    width: 1020px;
}

#sales-order #AddProduct .infoTable {
    height: 385px !important;
    margin-bottom: 10px;
}

/* sales order customer order history */

#sales-order .history .history-table {
    border: 1px solid #ccc;
    font-size: 12px;
    float: left;
    width: 100%;
}

#sales-order .history .body .line,
#sales-order .history .body .line > input {
    cursor: pointer;
}

    #sales-order .history .body .line .detail {
        cursor: text;
    }

#sales-order .history .head {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    font-weight: bold;
}

    #sales-order .history .head span {
        float: left;
        border-right: 1px solid #ccc;
        padding: 1px 3px;
    }

#sales-order .history .body {
    float: left;
    height: 240px;
    overflow-y: auto;
    width: 100%;
}

    #sales-order .history .body .line {
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
    }

        #sales-order .history .body .line > span,
        #sales-order .history .body .line > input,
        #sales-order .history .body .detail-line > input {
            border: none;
            border-right: 1px solid #ccc;
            float: left;
            padding: 1px 3px;
        }

        #sales-order .history .head span:last-child,
        #sales-order .history .body .line span:last-child,
        #sales-order .history .body .line input:last-child {
            border-right: none;
        }

#sales-order .history .coh-date {
    width: 80px;
}

#sales-order .history .coh-status {
    width: 85px;
}

#sales-order .history .coh-ordertotal {
    width: 70px;
}

#sales-order .history .coh-contact {
    width: 130px;
}

#sales-order .history .coh-freight {
    width: 100px;
}

#sales-order .history .detail {
    margin-left: 20px;
    border-left: 1px solid #ccc;
}

#sales-order .history .detail-head {
    /*border-bottom: 1px solid #ccc;*/
    float: left;
    width: 460px;
    background-color: #cbeae8;
    font-weight: bold;
}

    #sales-order .history .detail-head span {
        padding: 1px 3px;
        border-right: 1px solid #ccc;
        float: left;
    }

#sales-order .history .detail-body .detail-line {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

    #sales-order .history .detail-body .detail-line span {
        border-right: 1px solid #ccc;
        float: left;
    }

    #sales-order .history .detail-body .detail-line:last-child {
        border-bottom: none;
    }

    #sales-order .history .detail-head span:last-child,
    #sales-order .history .detail-body .detail-line span:last-child {
        border-right: none;
    }

    #sales-order .history .detail-body .detail-line input {
        background-color: #faffff;
    }

#sales-order .history detail-head .coh-indent {
    width: 21px;
}

#sales-order .history .coh-indent {
    width: 22px;
    background-color: white;
    height: 20px;
    width: 20px;
}

#sales-order .history .detail-body input {
    border-bottom: 1px solid #ccc;
}

    #sales-order .history .detail-body input:last-child {
        border-bottom: none;
    }

#sales-order .history .coh-loading {
    background-color: #faffff;
    padding: 1px 4px;
    width: 100%;
}

#sales-order .history .coh-product {
    width: 144px;
}

#sales-order .history .coh-quantity {
    width: 246px;
}

#sales-order .history .coh-total {
    width: 70px;
}

#sales-order .history .active,
#sales-order .history .active input {
    background-color: #e1f5ad;
}

#sales-order .history .body .no-records {
    border-bottom: none;
}

/* sales order quantity breaks */

#sales-order .breaks {
    float: left;
    height: 184px;
}

    #sales-order .breaks .breaks-title h2 {
        float: left;
    }

    #sales-order .breaks .breaks-title .breaks-refresh {
        float: right;
        margin-top: 1px;
        margin-right: 1px;
    }

    #sales-order .breaks .breaks-table {
        border: 1px solid #ccc;
        float: left;
        width: 180px;
        font-size: 12px;
    }

    #sales-order .breaks .breaks-head {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }

        #sales-order .breaks .breaks-head span {
            float: left;
            padding: 2px 3px;
        }

    #sales-order .breaks .breaks-body {
        float: left;
        width: 100%;
        height: 115px;
        overflow-y: auto;
    }

    #sales-order .breaks .break {
        float: left;
        width: 100%;
    }

        #sales-order .breaks .break input {
            border: none;
            float: left;
            padding: 1px 3px;
        }

    #sales-order .breaks .breaks-table .break-qty {
        border-right: 1px solid #ccc;
    }

    #sales-order .breaks .break-qty {
        width: 80px;
    }

    #sales-order .breaks .break-price {
        width: 80px;
    }

    #sales-order .breaks .no-records {
        padding: 1px 3px;
    }

/* sales order purchase history */

#sales-order .purchase-history {
    font-size: 12px;
    height: 160px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-x: auto;
    overflow-y: auto;
}

    #sales-order .purchase-history thead tr th:first-child {
        border-left: none;
    }

    #sales-order .purchase-history .fht-tbody tr td:last-child {
        border-right: none !important;
    }

    #sales-order .purchase-history input {
        border: none;
    }

    #sales-order .purchase-history th {
        font-weight: bold;
        background-color: #f5f5f5;
    }

    #sales-order .purchase-history td, .purchase-history th {
        border: 1px solid #ccc;
        padding: 2px 2px 0px 2px;
        margin: 0;
    }

    #sales-order .purchase-history td {
        padding: 1px 2px;
    }

        #sales-order .purchase-history td.no-purchase-history {
            border-bottom: none;
        }

    #sales-order .purchase-history .purchase-request {
        width: 95px;
    }

    #sales-order .purchase-history .purchase-delivery {
        width: 95px;
    }

    #sales-order .purchase-history .purchase-buyprice {
        width: 65px;
    }

    #sales-order .purchase-history .purchase-quantity {
        width: 65px;
    }

    #sales-order .purchase-history .purchase-supplier {
        width: 115px;
    }

/* sales order products */

#sales-order .prod-detail {
    width: 200px;
    float: left;
    margin-right: 10px;
}

    #sales-order .prod-detail h2 {
        margin-bottom: 5px;
    }

    #sales-order .prod-detail .product-table {
        font-size: 12px;
        border-bottom: 1px solid #c8c8c8;
        border-top: 1px solid #c8c8c8;
        /*margin-right: 15px;*/
        padding-top: 5px;
    }

        #sales-order .prod-detail .product-table .product-item label {
            width: 110px;
        }

        #sales-order .prod-detail .product-table .product-item input {
            width: 86px;
            border: none;
        }

/* sales order import quote */

#salesOrder .import-quote-lookup {
    width: 300px;
}

    #salesOrder .import-quote-lookup > label {
        width: 63px;
    }

#salesOrder .import-quote-summary {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}

    #salesOrder .import-quote-summary > div {
        float: left;
        width: 33%;
    }

    #salesOrder .import-quote-summary input {
        top: 2px;
        position: relative;
    }

    #salesOrder .import-quote-summary label {
        font-weight: bold;
    }

#salesOrder .import-quote-table-container {
    margin-left: 10px;
    margin-right: 10px;
}

#salesOrder .import-quote-table {
    display: table;
}

    #salesOrder .import-quote-table thead th {
        background-color: #f5f5f5;
    }

    #salesOrder .import-quote-table tbody span {
        margin: 2px 4px;
        display: block;
    }

    #salesOrder .import-quote-table input.selected {
        display: block;
        height: 14px;
        margin: 3px 7px;
    }

    #salesOrder .import-quote-table tbody tr:hover {
        cursor: pointer;
    }

    #salesOrder .import-quote-table tbody tr.active td {
        background-color: #E2EFF3;
    }

    #salesOrder .import-quote-table tbody tr.active:hover td {
        background-color: #E2EFF3;
    }

/* sales order import excel csv */

#salesOrder .import-left-section {
    float: left;
    overflow: hidden;
}

    #salesOrder .import-left-section .remove-file {
        background-color: #fff;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 4px;
    }

    #salesOrder .import-left-section .fileupload-container {
        width: 270px;
    }

    #salesOrder .import-left-section .fileupload {
        position: relative;
        margin: 10px;
    }

#salesOrder .mappings-container {
    width: 270px;
}

    #salesOrder .mappings-container .required-asterisk {
        color: #d11414;
    }

    #salesOrder .mappings-container label {
        font-weight: bold;
    }

    #salesOrder .mappings-container .import-database-fields {
        padding-top: 3px;
    }

#salesOrder .import-chevron-bar {
    background-color: #6aa6b5;
    float: left;
    height: 416px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
}

    #salesOrder .import-chevron-bar .import-chevron {
        background-color: #ffffff;
        color: #6aa6b5;
        font-size: 30px;
        left: -9px;
        line-height: 14px;
        margin-top: 200px;
        position: relative;
    }

        #salesOrder .import-chevron-bar .import-chevron:hover {
            color: #2482d9;
            cursor: pointer;
        }

#salesOrder .errors .table-container-fullwidth {
    max-height: 83px;
}

#salesOrder .data table {
    max-height: 409px;
}

#salesOrder .data tbody input {
    height: auto;
    padding: 3px 5px;
}

#salesOrder .data .data-rowid {
    width: 50px;
}

#salesOrder .data input.mapping-error {
    background-color: #fff0bc;
}

#salesOrder .data .actions {
    margin-top: 4px;
}

    #salesOrder .data .actions input {
        margin: 0 5px;
    }

/* sales order end */


#enquiry .import-left-section {
    float: left;
    overflow: hidden;
}

    #enquiry .import-left-section .remove-file {
        background-color: #fff;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 4px;
    }

    #enquiry .import-left-section .fileupload-container {
        width: 270px;
    }

    #enquiry .import-left-section .fileupload {
        position: relative;
        margin: 10px;
    }

#enquiry .mappings-container {
    width: 270px;
}

    #enquiry .mappings-container .required-asterisk {
        color: #d11414;
    }

    #enquiry .mappings-container label {
        font-weight: bold;
    }

    #enquiry .mappings-container .import-database-fields {
        padding-top: 3px;
    }

#enquiry .import-chevron-bar {
    background-color: #6aa6b5;
    float: left;
    height: 416px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
}

    #enquiry .import-chevron-bar .import-chevron {
        background-color: #ffffff;
        color: #6aa6b5;
        font-size: 30px;
        left: -9px;
        line-height: 14px;
        margin-top: 200px;
        position: relative;
    }

        #enquiry .import-chevron-bar .import-chevron:hover {
            color: #2482d9;
            cursor: pointer;
        }

#enquiry .data .actions {
    padding: 0 7px;
}

    #enquiry .data .actions > input {
        height: 14px;
        position: relative;
        top: 3px;
    }

#enquiry .data table {
    max-height: 309px;
    padding-bottom: 1px;
    margin-bottom: 0px;
}

    #enquiry .data table tr td input {
        height: 20px;
    }

#enquiry .errors .table-container-fullwidth {
    max-height: 83px;
}

#enquiry td .product-lookup {
    width: 170px;
}

#enquiry td .unit-lookup {
    width: 100px;
}

#enquiry .import-excel-saving {
    display: inline-block;
    vertical-align: top;
    padding-top: 4px;
    padding-right: 8px;
}

/* purchase order */
#purchase-order .layout > div {
    float: left;
}

#purchase-order .layout #propDetails {
    float: right;
    width: 390px;
}

#purchase-order .history {
    width: 620px;
}

#purchase-order .info {
    margin-top: 15px;
}

    #purchase-order .info h2 {
        font-size: 16px;
        color: #6c6c6c;
        border: none;
        margin-bottom: 5px;
    }


#purchase-order #supplierDetails {
    width: 380px;
    margin-top: 10px;
}


#purchase-order #orders {
    margin: 25px 0;
}

#purchase-order .orderline {
    border: 1px solid #ccc;
    border-bottom: none;
    margin: 0 10px;
    padding: 5px;
    width: 600px;
    cursor: pointer;
    position: relative;
}

    #purchase-order .orderline .price-override {
        background-color: #ffeaca;
    }

    #purchase-order .orderline .olb {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 3px;
    }

    #purchase-order .orderline:hover .olb {
        background-color: #71a8e6;
    }

    #purchase-order .orderline.active {
        background-color: #f9fcff;
    }

    #purchase-order .orderline:last-child {
        border-bottom: 1px solid #ccc;
    }

    #purchase-order .orderline label {
        font-size: 10px;
        display: block;
        margin: 0;
    }

#purchase-order #add-purchase-order-line {
    width: 600px;
    text-align: center;
    border: 1px solid #ccc;
    height: 50px;
    display: block;
    margin-left: 10px;
    margin-top: 8px;
    padding: 13px;
    text-decoration: none;
    background-color: #f4f9fe;
}

#purchase-order .orderline .sol {
    border-bottom: 1px solid #c9c9c9;
}

    #purchase-order .orderline .sol > div {
        float: left;
        height: 50px;
        padding: 0px 3px;
    }

        #purchase-order .orderline .sol > div:last-child {
            border-right: none;
        }

    #purchase-order .orderline .sol input[type=checkbox] {
        margin-top: 6px;
        width: 100%;
    }

    #purchase-order .orderline .sol span {
        margin-top: 5px;
        display: block;
    }

    #purchase-order .orderline .sol .p {
        width: 205px;
    }

    #purchase-order .orderline .sol .b {
        width: 80px;
    }

    #purchase-order .orderline .sol .u {
        width: 95px;
    }

    #purchase-order .orderline .sol .pa {
        width: 72px;
    }

    #purchase-order .orderline .sol .s {
        width: 55px;
    }

    #purchase-order .orderline .sol .t {
        width: 65px;
    }

    #purchase-order .orderline .sol .a {
        width: 10px;
    }

        #purchase-order .orderline .sol .a .li-remove {
            color: #7e7e7e;
            font-size: 12px;
        }

#purchase-order .orderline .sol-second {
    clear: both;
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 3px;
}

#purchase-order .orderline .partnumber-container {
    width: 200px;
    padding: 2px 3px 3px 3px;
}

    #purchase-order .orderline .partnumber-container input {
        width: 200px;
    }


#purchase-order .orderline .sol-amount {
    clear: both;
}

    #purchase-order .orderline .sol-amount .head {
        margin-left: 43px;
        border-left: 1px solid #cfcfcf;
        color: #484848;
    }

        #purchase-order .orderline .sol-amount .head div {
            float: left;
            height: 20px;
            line-height: 25px;
        }

        #purchase-order .orderline .sol-amount .head > div:first-child {
            width: 70px;
        }

    #purchase-order .orderline .sol-amount .lines {
        margin-left: 43px;
        padding-bottom: 5px;
        border-left: 1px solid #cfcfcf;
        overflow: auto;
        width: 285px;
        float: left;
    }

    #purchase-order .orderline .sol-amount .actions {
        position: absolute;
        bottom: 6px;
        left: 8px;
    }

        #purchase-order .orderline .sol-amount .actions i {
            height: 20px;
            float: left;
            line-height: 22px;
            color: #7d7d7d;
            cursor: pointer;
        }

            #purchase-order .orderline .sol-amount .actions i:hover {
                color: #1581b1;
            }

            #purchase-order .orderline .sol-amount .actions i:last-child {
                margin-left: 7px;
            }

    #purchase-order .orderline .sol-amount .action-line span {
        margin-left: 5px;
    }

    #purchase-order .orderline .sol-amount > div .qty,
    #purchase-order .orderline .sol-amount > div .rd,
    #purchase-order .orderline .sol-amount > div .dd {
        margin-left: 3px;
    }

    #purchase-order .orderline .sol-amount .line > div {
        float: left;
    }

    #purchase-order .orderline .sol-amount .qty {
        width: 70px;
    }

    #purchase-order .orderline .sol-amount .rd {
        width: 90px;
    }

    #purchase-order .orderline .sol-amount .dd {
        width: 90px;
    }

    #purchase-order .orderline .sol-amount .no {
        width: 90px;
        margin-left: 24px;
    }

    #purchase-order .orderline .sol-amount .line-notes {
        float: right;
        margin-right: 5px;
        width: 255px;
        padding-bottom: 4px;
    }

        #purchase-order .orderline .sol-amount .line-notes textarea {
            height: 50px;
            font-size: 0.9em;
            line-height: 15px;
            padding: 1px 4px;
        }

    #purchase-order .orderline .sol-amount .form-control {
        height: 25px;
        padding: 3px 5px;
    }

        #purchase-order .orderline .sol-amount .form-control[disabled="disabled"] {
            cursor: no-drop;
        }

    #purchase-order .orderline .sol-amount .li-remove {
        color: #7e7e7e;
        font-size: 12px;
        position: relative;
        margin-left: 5px;
        top: 2px;
    }

#purchase-order #AddProduct .modal-dialog {
    width: 1020px;
}

#purchase-order #AddProduct .infoTable {
    height: 385px !important;
    margin-bottom: 10px;
}

/* purchase order supplier order history */

#purchase-order .history .history-table {
    border: 1px solid #ccc;
    font-size: 12px;
    float: left;
    width: 100%;
}

#purchase-order .history .body .line,
#purchase-order .history .body .line > input {
    cursor: pointer;
}

    #purchase-order .history .body .line .detail {
        cursor: text;
    }

#purchase-order .history .head {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
    background-color: #f5f5f5;
    font-weight: bold;
}

    #purchase-order .history .head span {
        float: left;
        border-right: 1px solid #ccc;
        padding: 1px 3px;
    }

#purchase-order .history .body {
    float: left;
    height: 301px;
    overflow-y: auto;
    width: 100%;
}

    #purchase-order .history .body .line {
        border-bottom: 1px solid #ccc;
        float: left;
        width: 100%;
    }

        #purchase-order .history .body .line > span,
        #purchase-order .history .body .line > input,
        #purchase-order .history .body .detail-line > input {
            border: none;
            border-right: 1px solid #ccc;
            float: left;
            padding: 1px 3px;
        }

        #purchase-order .history .head span:last-child,
        #purchase-order .history .body .line span:last-child,
        #purchase-order .history .body .line input:last-child {
            border-right: none;
        }

#purchase-order .history .coh-date {
    width: 80px;
}

#purchase-order .history .coh-status {
    width: 85px;
}

#purchase-order .history .coh-ordertotal {
    width: 70px;
}

#purchase-order .history .coh-contact {
    width: 130px;
}

#purchase-order .history .coh-freight {
    width: 100px;
}

#purchase-order .history .detail {
    margin-left: 20px;
    border-left: 1px solid #ccc;
}

#purchase-order .history .detail-head {
    /*border-bottom: 1px solid #ccc;*/
    float: left;
    width: 460px;
    background-color: #cbeae8;
    font-weight: bold;
}

    #purchase-order .history .detail-head span {
        padding: 1px 3px;
        border-right: 1px solid #ccc;
        float: left;
    }

#purchase-order .history .detail-body .detail-line {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}

    #purchase-order .history .detail-body .detail-line span {
        border-right: 1px solid #ccc;
        float: left;
    }

    #purchase-order .history .detail-body .detail-line:last-child {
        border-bottom: none;
    }

    #purchase-order .history .detail-head span:last-child,
    #purchase-order .history .detail-body .detail-line span:last-child {
        border-right: none;
    }

    #purchase-order .history .detail-body .detail-line input {
        background-color: #faffff;
    }

#purchase-order .history detail-head .coh-indent {
    width: 21px;
}

#purchase-order .history .coh-indent {
    width: 22px;
    background-color: white;
    height: 20px;
    width: 20px;
}

#purchase-order .history .detail-body input {
    border-bottom: 1px solid #ccc;
}

    #purchase-order .history .detail-body input:last-child {
        border-bottom: none;
    }

#purchase-order .history .coh-loading {
    background-color: #faffff;
    padding: 1px 4px;
    width: 100%;
}

#purchase-order .history .coh-product {
    width: 144px;
}

#purchase-order .history .coh-quantity {
    width: 246px;
}

#purchase-order .history .coh-total {
    width: 70px;
}

#purchase-order .history .active,
#purchase-order .history .active input {
    background-color: #e1f5ad;
}

#purchase-order .history .body .no-records {
    border-bottom: none;
}

/* purchase order quantity breaks */

#purchase-order .breaks {
    float: left;
    height: 184px;
}

    #purchase-order .breaks .breaks-title h2 {
        float: left;
    }

    #purchase-order .breaks .breaks-title .breaks-refresh {
        float: right;
        margin-top: 1px;
        margin-right: 1px;
    }

    #purchase-order .breaks .breaks-table {
        border: 1px solid #ccc;
        float: left;
        width: 180px;
        font-size: 12px;
    }

    #purchase-order .breaks .breaks-head {
        float: left;
        width: 100%;
        background-color: #f5f5f5;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
    }

        #purchase-order .breaks .breaks-head span {
            float: left;
            padding: 2px 3px;
        }

    #purchase-order .breaks .breaks-body {
        float: left;
        width: 100%;
        height: 115px;
        overflow-y: auto;
    }

    #purchase-order .breaks .break {
        float: left;
        width: 100%;
    }

        #purchase-order .breaks .break input {
            border: none;
            float: left;
            padding: 1px 3px;
        }

    #purchase-order .breaks .breaks-table .break-qty {
        border-right: 1px solid #ccc;
    }

    #purchase-order .breaks .break-qty {
        width: 80px;
    }

    #purchase-order .breaks .break-price {
        width: 80px;
    }

    #purchase-order .breaks .no-records {
        padding: 1px 3px;
    }

/* purchase order purchase history */

#purchase-order .purchase-history {
    font-size: 12px;
    height: 160px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    overflow-x: auto;
    overflow-y: auto;
}

    #purchase-order .purchase-history thead tr th:first-child {
        border-left: none;
    }

    #purchase-order .purchase-history .fht-tbody tr td:last-child {
        border-right: none !important;
    }

    #purchase-order .purchase-history input {
        border: none;
    }

    #purchase-order .purchase-history th {
        font-weight: bold;
        background-color: #f5f5f5;
    }

    #purchase-order .purchase-history td, .purchase-history th {
        border: 1px solid #ccc;
        padding: 2px 2px 0px 2px;
        margin: 0;
    }

    #purchase-order .purchase-history td {
        padding: 1px 2px;
    }

        #purchase-order .purchase-history td.no-purchase-history {
            border-bottom: none;
        }

    #purchase-order .purchase-history .purchase-request {
        width: 95px;
    }

    #purchase-order .purchase-history .purchase-delivery {
        width: 95px;
    }

    #purchase-order .purchase-history .purchase-buyprice {
        width: 65px;
    }

    #purchase-order .purchase-history .purchase-quantity {
        width: 65px;
    }

    #purchase-order .purchase-history .purchase-supplier {
        width: 115px;
    }

/* purchase order products */

#purchase-order .prod-detail {
    width: 200px;
    float: left;
    margin-right: 10px;
}

    #purchase-order .prod-detail h2 {
        margin-bottom: 5px;
    }

    #purchase-order .prod-detail .product-table {
        font-size: 12px;
        border-bottom: 1px solid #c8c8c8;
        border-top: 1px solid #c8c8c8;
        /*margin-right: 15px;*/
        padding-top: 5px;
    }

        #purchase-order .prod-detail .product-table .product-item label {
            width: 110px;
        }

        #purchase-order .prod-detail .product-table .product-item input {
            width: 86px;
            border: none;
        }

/* sales order import excel csv */

#purchase-order .import-left-section {
    float: left;
    overflow: hidden;
}

    #purchase-order .import-left-section .remove-file {
        float: right;
        font-size: 12px;
        right: 7px;
        top: 5px;
    }

    #purchase-order .import-left-section .fileupload-container {
        width: 270px;
    }

    #purchase-order .import-left-section .fileupload {
        margin: 10px;
    }

#purchase-order .mappings-container {
    width: 270px;
}

    #purchase-order .mappings-container .required-asterisk {
        color: #d11414;
    }

#sales-order .mappings-container label {
    font-weight: bold;
}

#purchase-order .mappings-container .import-database-fields {
    padding-top: 3px;
}

#purchase-order .import-chevron-bar {
    background-color: #6aa6b5;
    float: left;
    height: 416px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    width: 1px;
}

    #purchase-order .import-chevron-bar .import-chevron {
        background-color: #ffffff;
        color: #6aa6b5;
        font-size: 30px;
        left: -9px;
        line-height: 14px;
        margin-top: 200px;
        position: relative;
    }

        #purchase-order .import-chevron-bar .import-chevron:hover {
            color: #2482d9;
            cursor: pointer;
        }

#purchase-order .errors .table-container-fullwidth {
    max-height: 83px;
}

#purchase-order .data table {
    max-height: 409px;
}

#purchase-order .data tbody input {
    height: auto;
    padding: 3px 5px;
}

#purchase-order .data .data-rowid {
    width: 50px;
}

#purchase-order .data input.mapping-error {
    background-color: #fff0bc;
}

#purchase-order .data .actions {
    margin-top: 4px;
}

    #purchase-order .data .actions input {
        margin: 0 5px;
    }

/* purchase order end */

/* div-group and div-row (float left table like divs. include with clearfix) */

.div-group {
    border: 1px solid #4c4c4c;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.div-row > div {
    float: left;
    margin-left: 5px;
}

    .div-row > div > label {
        font-size: 11px;
        margin-bottom: 0px;
    }

/* div-group and div-row end */

/* enquiry */

#enquiry #CurrencyID-lookup .lookup-button {
    background-color: #fff;
}

#enquiry #body .products {
    margin-right: 15px;
    overflow: hidden;
    background-color: none;
    border: none;
}

    #enquiry #body .products .div-legend {
        background-color: #fff;
        border-bottom: none;
    }

    #enquiry #body .products legend {
        border-bottom: none;
    }

#enquiry .product-row .product {
    width: 170px;
}

#enquiry .product-row .qty-required {
    width: 100px;
}

#enquiry .product-row .unit {
    width: 140px;
}

#enquiry .product-row .target-price {
    width: 100px;
}

#enquiry .product-row .margin-percent {
    width: 80px;
}

#enquiry .product-row > .actions {
    margin-top: 9px;
    margin-right: 8px;
    float: right;
    cursor: default;
}

    #enquiry .product-row > .actions .glyphicon {
        cursor: pointer;
        margin-left: 4px;
    }

        #enquiry .product-row > .actions .glyphicon:hover {
            color: #1581b1;
            cursor: pointer;
        }

        #enquiry .product-row > .actions .glyphicon[disabled] {
            color: #ccc;
        }

            #enquiry .product-row > .actions .glyphicon[disabled]:hover {
                cursor: not-allowed;
            }

#enquiry .selected-supplier-row .selected-supplier {
    width: 140px;
}

#enquiry .selected-supplier-row .selected-landed-gbp {
    width: 80px;
}

#enquiry .selected-supplier-row .selected-landed {
    width: 80px;
}

#enquiry .selected-supplier-row .selected-currency {
    width: 100px;
}

#enquiry .selected-supplier-row .selected-freight {
    width: 60px;
}

#enquiry .selected-supplier-row .selected-duty {
    width: 60px;
}

#enquiry .selected-supplier-row .selected-sale-price {
    width: 70px;
}

#enquiry .selected-supplier-row .selected-cost {
    width: 80px;
}

#enquiry .selected-supplier-row .selected-value {
    width: 80px;
}

#enquiry .selected-supplier-row .selected-margin {
    width: 80px;
}

#enquiry .notes-row .notes {
    width: 100%;
    padding-right: 10px;
}

    #enquiry .notes-row .notes textarea {
        height: 50px;
    }

#enquiry #body .suppliers {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

    #enquiry #body .suppliers table {
        margin-bottom: 0px;
    }

#enquiry .suppliers .supplier-actions {
    width: 48px;
}

    #enquiry .suppliers .supplier-actions .selected-supplier-checkbox {
        top: 0px;
        float: left;
    }

    #enquiry .suppliers .supplier-actions .remove-supplier {
        color: #7e7e7e;
        margin: 7px 7px 0;
        float: left;
    }

        #enquiry .suppliers .supplier-actions .remove-supplier:hover {
            color: red;
        }

#enquiry .suppliers [name$="SupplierLookup"] {
    width: 150px;
}

#enquiry .suppliers [name$="RfqID"] {
    width: 55px;
}

#enquiry .suppliers [name$="EnquiryProductLineStatus"] {
    width: 100px;
}

#enquiry .suppliers [name$="ResponseDate"] {
    width: 100px;
}

#enquiry .suppliers [name$="Manufacturer"] {
    width: 165px;
}

#enquiry .suppliers [name$="Instructions"] {
    width: 150px;
}

#enquiry .suppliers [name$="Price"] {
    width: 80px;
}

#enquiry .suppliers [name$="Per"] {
    width: 50px;
}

#enquiry .suppliers [name$="QuantityQuoted"] {
    width: 85px;
}

#enquiry .suppliers [name$="DateAvailable"] {
    width: 90px;
}

#enquiry .suppliers [name$="Leadtime"] {
    width: 65px;
}

#enquiry .suppliers [name$="LeadtimePeriod"] {
    width: 50px;
}

#enquiry .suppliers [name$="PacksizeAndOnly"] {
    width: 103px;
}

#enquiry .suppliers [name$="WholePacksOnly"] {
    width: 110px;
}

#enquiry .suppliers [name$="Moq"] {
    width: 50px;
}

#enquiry .suppliers [name$="RohsCompliance"] {
    width: 45px;
}

#enquiry .suppliers [name$="DeliveryInfo"] {
    width: 200px;
}

#enquiry .suppliers [name$="Datecode"] {
    width: 100px;
}

#enquiry .suppliers [name$="Notes"] {
    width: 500px;
}

#enquiry .add-product {
    margin-left: 10px;
    margin-bottom: 40px;
}

/* enquiry end*/

/* rfq */

#rfq .products .actions [data-disabled="true"] {
    color: #BBBBBB;
}

    #rfq .products .actions [data-disabled="true"]:hover {
        color: #BBBBBB;
        cursor: not-allowed;
    }

#rfq .products .actions .product-note-active {
    color: #1581b1;
}

#rfq .scroller .products {
    margin-right: 15px;
    margin-left: 10px;
}

#rfq .products table {
    margin-bottom: 0px;
}

#rfq .products .actions {
    white-space: nowrap;
    margin: 0 2px;
    cursor: default;
}

    #rfq .products .actions i {
        font-size: 14px;
        display: inline-block;
        margin: 5px 5px;
        color: #7e7e7e;
    }

        #rfq .products .actions i:hover {
            color: #1581b1;
            cursor: pointer;
        }

        #rfq .products .actions i:not(:last-child) {
            margin-right: 0px;
        }

        #rfq .products .actions i.active {
            color: #1581b1;
        }

#rfq .products [name$="Product"] {
    width: 130px;
}

#rfq .products [name$="Manufacturer"] {
    width: 120px;
}

#rfq .products [name$="Description"] {
    width: 120px;
}

/*#rfq .products [name$="QuantityRequested"] {
    width: 90px;
}*/

#rfq .products [name$="Unit"] {
    width: 100px;
}

#rfq .products [name$="EnquiryProductLineStatusLookup"] {
    width: 127px;
}

/*#rfq .products [name$="QuantityQuoted"] {
    width: 97px;
}*/

#rfq .products [name$="PriceQuoted"] {
    width: 90px;
}

#rfq .products [name$="Per"] {
    width: 70px;
}

#rfq .products [name$="CurrencyLookup"] {
    width: 65px;
}

#rfq .products [name$="FreightPercent"] {
    width: 70px;
}

#rfq .products [name$="DutyPercent"] {
    width: 70px;
}

#rfq .products [name$="LandedPrice"] {
    width: 80px;
}

#rfq .products [name$="LandedPriceGBP"] {
    width: 80px;
}

#rfq .products [name$="DateAvailable"] {
    width: 95px;
}

#rfq .products [name$="Leadtime"] {
    width: 70px;
}

#rfq .products [name$="LeadtimePeriodLookup"] {
    width: 60px;
    padding-right: 0;
}

#rfq .products [name$="Packsize"] {
    width: 70px;
}

#rfq .products [name$="WholePacksOnly"] {
    width: 110px;
}

#rfq .products [name$="Moq"] {
    width: 55px;
}

#rfq .products [name$="RohsComplianceLookup"] {
    width: 83px;
}

#rfq .products [name$="DeliveryInfo"] {
    width: 120px;
}

#rfq .products [name$="Alternative"] {
    width: 100px;
}

#rfq .products [name$="SupplierNotes"] {
    width: 500px;
}

#rfq .products [name$="NoBidReason"] {
    width: 250px;
}

#rfq .modal-product-notes {
    height: 250px;
}

/* rfq response */

#rfq-response .fileupload-container .remove-file {
    font-size: 12px;
    float: right;
    top: 5px;
    right: 7px;
}

#rfq-response .mappings-container .required-asterisk {
    color: #d11414;
}

#rfq-response .data td input.mapping-error {
    background-color: #fff0bc;
}

#rfq-response .errors {
    max-width: 700px;
}

    #rfq-response .errors .table-container-fullwidth {
        max-height: 129px;
    }

#rfq-response .mappings-container option {
    padding-left: 8px;
    padding-right: 8px;
}

#rfq-response .fileupload-container {
    width: 430px;
}

#rfq-response .mappings-container {
    width: 430px;
}

#rfq-response .data table {
    margin-bottom: 0;
}

#rfq-response .fileupload {
    margin: 10px;
}

#rfq-response .data .actions {
    white-space: nowrap;
    margin: 0 2px;
    cursor: default;
}

    #rfq-response .data .actions i {
        font-size: 13px;
        display: inline-block;
        margin: 6px 5px;
        color: #7e7e7e;
    }

        #rfq-response .data .actions i:hover {
            color: #1581b1;
            cursor: pointer;
        }

        #rfq-response .data .actions i.active {
            color: #1581b1;
        }

#rfq-response .data-rowid {
    width: 50px;
}

#rfq-response .data input[readonly] {
    background-color: #f5f5f5;
}

#rfq-response .data input {
    min-width: 100%;
}

#rfq-response .data table {
    max-height: 490px;
}

#rfq-response .errors .table-container-fullwidth > div {
    padding-left: 6px;
    padding-right: 6px;
}

/* extra */

#PositionID-modal > .modal-dialog, #FromPositionID-modal > .modal-dialog, #ToPositionID-modal > .modal-dialog {
    width: 1199px;
}

fieldset.extralarge {
    width: 1400px;
}

fieldset.fullWidth {
    width: 99%;
}

.fakeInfoTableContainer {
    padding: 15px 10px;
}

.fakeInfoTable {
    width: 100%;
    border: 1px solid #c3c3c3;
}

    .fakeInfoTable .fakeInfoTableHeader {
        height: 30px;
        background-color: #F8F8F8;
        border-bottom: 1px solid #6AA6B5;
    }

        .fakeInfoTable .fakeInfoTableHeader th {
            padding-left: 5px;
        }

    .fakeInfoTable tr {
        border-bottom: 1px solid #ddd;
    }

    .fakeInfoTable td {
        border-right: 1px solid #e3e3e3;
        line-height: 2;
        font-size: 12px;
    }


.modal-dialog.receiveGoodsModal {
    height: 935px;
    width: 1000px;
    font-size: 12px;
}

    .modal-dialog.receiveGoodsModal .tableDiv {
        width: 830px;
        overflow-x: scroll;
        margin-left: 140px;
        overflow-y: visible;
        padding-bottom: 1px;
    }

    .modal-dialog.receiveGoodsModal table {
        border-collapse: separate;
        border-spacing: 0;
        border-top: 1px solid grey;
        table-layout: fixed;
        width: 200px;
    }

    .modal-dialog.receiveGoodsModal th {
        margin: 0;
        border: 1px solid grey;
        white-space: nowrap;
        border-top-width: 0px;
        position: absolute;
        width: 130px;
        left: 15px;
        top: auto;
        border-top-width: 1px;
        margin-top: -1px;
        height: 24px;
    }

    .modal-dialog.receiveGoodsModal td {
        margin: 0;
        border: 1px solid grey;
        white-space: nowrap;
        border-top-width: 0px;
        width: 225px;
    }

        .modal-dialog.receiveGoodsModal td input {
            border: none;
            height: 22px;
        }

        .modal-dialog.receiveGoodsModal td .lookup a.lookup-button {
            right: 0px;
            height: 22px;
        }

        .modal-dialog.receiveGoodsModal td .lookup div.col-sm-12 {
            padding-right: 30px;
        }

        .modal-dialog.receiveGoodsModal td .lookup .li-remove {
            right: 34px;
            top: 7px;
        }

    .modal-dialog.receiveGoodsModal table .form-group {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.modal-dialog.invoiceModal {
    height: 750px;
    width: 1366px;
    font-size: 12px;
}

.modal-dialog.allocationDetailModal {
    width: 1366px;
}

.modal-dialog.allocateFromStockModal {
    width: 1366px;
}

fieldset.despatchLines {
    width: unset;
}

input.tableCell {
    width: 100%;
    border: none;
}

.actionBar .btn {
    margin-right: 5px;
}

textarea.noteArea.form-control {
    height: 300px;
}

.input-icon-right {
    border: 1px solid #ccc;
    color: #666;
    background-color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 22px;
    padding: 1px 8px;
    position: absolute;
    right: 15px;
    text-decoration: none;
    top: 0;
    width: 30px;
}

    .input-icon-right:hover {
        cursor: default;
    }

input.form-control.radio {
    min-height: 25px;
}

/*.encounter {
    color: #07b100;
}

.action {
    color: #ffbb00;
}

.so{
    color:#872ff7;
}

.po{
    color:#e43b5a;
}

.cl{
    color:#e012b6;
}*/



.timeline {
    width: 1020px;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 30px;
    color: #7e7e7e;
}

    .timeline .loader {
        position: absolute;
        top: -13px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #eaeaea66;
        margin: 0;
    }

        .timeline .loader .ico {
            width: 100%;
            height: 100%;
            text-align: center;
            vertical-align: middle;
            margin: 0 auto;
            display: table;
        }

            .timeline .loader .ico > div {
                display: table-cell;
                vertical-align: middle;
            }

        .timeline .loader img {
            width: 70px;
        }

    .timeline .tl-container {
        width: 500px;
        height: 500px;
        padding-top: 15px;
        position: relative;
        float: left;
    }

    .timeline .tl-edit {
        width: 500px;
        height: 500px;
        position: relative;
        float: left;
        border: 1px solid #ebebeb;
        margin-left: 10px;
    }

        .timeline .tl-edit .tabNav > ul {
            margin: 0;
        }


.widget .form-control:focus {
    box-shadow: none;
}

.widget.left {
    height: 100%;
}

.widget .lp {
    position: relative;
}

.widget.left .lp {
    width: 50%;
    float: left;
    height: 100%;
    border-right: 1px solid #ededed;
}

.widget.left .rp {
    width: 50%;
    float: left;
    height: 100%;
}

.widget .input {
    border-bottom: 1px solid #ebebeb;
    padding: 5px 5px;
    font-size: 11px;
}

    .widget .input label {
        margin: 0;
        padding: 0;
        width: 70px;
    }

    .widget .input a {
        text-decoration: none;
        cursor: pointer;
    }

    .widget .input input {
        border: none;
        color: #428bca;
        cursor: pointer;
    }

.widget .lp textarea {
    resize: none;
    border: none;
    padding: 5px;
    height: 100%;
    border-bottom: 1px solid #ebebeb;
}


.widget.notes .lp {
    min-height: 175px;
}

.widget.notes .note {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 29px;
}

.widget.action .lp {
    min-height: 175px;
}

.widget.action .act {
    position: absolute;
    top: 81px;
    left: 0;
    right: 0;
    bottom: 29px;
}

.widget.docs .lp {
    min-height: 115px;
}

.widget.docs .input #docLab {
    font-weight: normal;
    width: 400px;
    color: #428bca;
    cursor: pointer;
}

.widget.docs .input #fileDesc {
    width: 400px;
    display: inline;
}


.widget .con {
    text-align: right;
    clear: both;
    border-bottom: 1px solid #ebebeb;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.widget.left .con {
    border-bottom: none;
}

.widget .con input {
    float: right;
    width: 70px;
}

.widget .tl-edit-items {
    height: 270px;
    overflow: auto;
    position: relative;
    display: block;
}

    /*.widget.action.enq .tl-edit-items {
    height: 120px;
}

.widget.notes.enq .tl-edit-items {
    height: 203px;
}

.widget.docs.enq .tl-edit-items {
    height: 183px;
}*/

    .widget .tl-edit-items .tl-edit-i.empty {
        border: none;
        border-bottom: 1px solid #ebebeb;
        text-align: center;
        margin: 0 10px;
    }

        .widget .tl-edit-items .tl-edit-i.empty p {
            margin: 0;
        }

        .widget .tl-edit-items .tl-edit-i.empty:hover {
            border: none;
            border-bottom: 1px solid #ebebeb;
            cursor: inherit;
        }

    .widget .tl-edit-items .tl-edit-i {
        border: 1px solid #ebebeb;
        margin: 5px 5px 5px 5px;
        position: relative;
    }

        .widget .tl-edit-items .tl-edit-i .tl-edit-rem {
            position: absolute;
            right: 0px;
            top: 0px;
            border-left: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            padding: 2px 3px;
        }


        .widget .tl-edit-items .tl-edit-i .tl-edit-con {
            position: absolute;
            right: 15px;
            top: 0px;
            border-left: 1px solid #ebebeb;
            border-bottom: 1px solid #ebebeb;
            padding: 2px 3px;
        }

            .widget .tl-edit-items .tl-edit-i .tl-edit-con.com {
                font-size: 10px;
                padding: 2px 6px;
            }

            .widget .tl-edit-items .tl-edit-i .tl-edit-con:hover {
                cursor: pointer;
                background-color: #b9ffbf;
            }

        .widget .tl-edit-items .tl-edit-i .tl-edit-rem:hover {
            cursor: pointer;
            background-color: #ffb9b9;
        }

        .widget .tl-edit-items .tl-edit-i.editing {
            background-color: #f5faff;
        }

        .widget .tl-edit-items .tl-edit-i:hover {
            border: 1px solid #b8d9e1;
            cursor: pointer;
        }

        .widget .tl-edit-items .tl-edit-i .tl-edit-ic {
            min-height: 20px;
        }

            .widget .tl-edit-items .tl-edit-i .tl-edit-ic p {
                padding: 5px;
                margin: 0;
            }

            .widget .tl-edit-items .tl-edit-i .tl-edit-ic a {
                padding: 5px;
                margin: 0px;
                text-decoration: none;
                display: block;
            }

        .widget .tl-edit-items .tl-edit-i .tl-edit-sub {
            height: 15px;
            padding-left: 5px;
            color: #4a4a4a;
            font-size: 10px;
            border-top: 1px solid #ebebeb;
            background-color: #f7f7f7;
        }

            .widget .tl-edit-items .tl-edit-i .tl-edit-sub .date {
                float: right;
                margin-right: 5px;
            }

.widget .due {
    display: block;
    padding: 0 3px;
    border-bottom: 1px solid #ebebeb;
    font-size: 11px;
    height: 19px;
}

.timeline .so span[data-type="Cancelled"] {
    color: #d11414;
}

.timeline .so span[data-type="Pending"] {
    color: #6d14d1;
}

.timeline .so span[data-type="Confirmed"] {
    color: #0ebf07;
}


.timeline .cl .cl-a {
    color: #1581b1;
}



.timeline .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.widget .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #1581b1 !important;
}




.timeline .tl-container .tl-start {
    color: #1581b1;
    position: absolute;
    top: -13px;
    left: 108px;
    font-size: 14px;
}

.timeline .tl-container .tl-stop {
    color: #1581b1;
    position: absolute;
    bottom: -17px;
    left: 112px;
    font-size: 17px;
    background-color: #fff;
}

.timeline .tl-container .tl-items {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
}


.timeline .tl-container .tl-item {
    min-height: 50px;
    box-sizing: border-box;
    position: relative;
    padding-bottom: 5px;
    margin-left: 90px;
}

    .timeline .tl-container .tl-item .tl-t {
        width: 40px;
        display: block;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
    }

        .timeline .tl-container .tl-item .tl-t .tl-l {
            position: absolute;
            left: 23px;
            top: 0;
            bottom: 0;
            width: 2px;
            background-color: #757575;
        }

        .timeline .tl-container .tl-item .tl-t .tl-p {
            position: absolute;
            left: 17px;
            top: 4px;
            background-color: #FFF;
            height: 20px;
            line-height: 20px;
            width: 14px;
            text-align: center;
            color: #1581b1;
        }

    .timeline .tl-container .tl-item .tl-c {
        border: 1px solid #ebebeb;
        margin-left: 40px;
        height: 100%;
    }

        .timeline .tl-container .tl-item .tl-c .tl-ti {
            padding: 5px 5px 0;
            border-bottom: 1px solid #ccc;
        }

            .timeline .tl-container .tl-item .tl-c .tl-ti h2 {
                font-size: 12px;
                font-weight: bold;
                color: #7B7B7B;
                margin-bottom: 5px;
            }

            .timeline .tl-container .tl-item .tl-c .tl-ti label {
                font-size: 10px;
                position: absolute;
                left: -93px;
                top: 7px;
                width: 105px;
                text-align: right;
            }

        /*.timeline .tl-container .tl-item .tl-c .tl-d {
                    padding: 5px;
                    font-size: 12px;
                }*/

        .timeline .tl-container .tl-item .tl-c .tl-d p {
            padding: 5px;
            font-size: 12px;
            margin: 0;
        }

        .timeline .tl-container .tl-item .tl-c .tl-ab {
            padding-left: 5px;
            color: #4a4a4a;
            font-size: 10px;
            border-top: 1px solid #ebebeb;
            background-color: #f7f7f7;
        }

.timeline .tl-container .tl-items .tl-item:first-child {
    padding-top: 20px;
}

.timeline .tl-container .tl-items .tl-item.empty {
    padding-top: 13px;
}

    .timeline .tl-container .tl-items .tl-item.empty p {
        text-align: center;
        border-bottom: 1px solid #e4e4e4;
    }

.timeline .tl-container .tl-items .tl-item:first-child .tl-p {
    top: 27px;
}

.timeline .tl-container .tl-items .tl-item:first-child .tl-ti label {
    top: 29px;
}


.timeline .tl-container .tl-items .tl-item .tl-ti .ref {
    color: #757575;
}

.timeline .tl-container .tl-items .tl-item .tl-ti .created {
    color: #00bd38;
}

.timeline .tl-container .tl-items .tl-item .tl-ti .cancelled {
    color: #bd2300;
}

.timeline .tl-container .tl-items .tl-item .tl-ti .primary {
    color: #2482d9;
}

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

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

    #receiveGoods #lines #data span.field-validation-error {
        display: none;
    }

    #receiveGoods #lines table {
        font-size: 12px;
    }

        #receiveGoods #lines table span.input-validation-error {
            display: block;
            box-sizing: border-box;
            background-color: #ffc1bc;
            height: 18px;
        }

        #receiveGoods #lines table .printed {
            background-color: #fff8e0;
        }

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

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

#receiveGoods .input-group-addon {
    font-size: 12px;
}

#receiveGoods .form-control {
    font-size: 12px;
    height: 20px;
    padding: 1px 3px;
}

    #receiveGoods .form-control.bootstrap-select {
        padding: 0px 0px;
    }

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

    #receiveGoods #detail span.label-danger {
        z-index: 1000;
        position: relative;
    }

    #receiveGoods #detail #partNumber {
        width: 200px;
    }

    #receiveGoods #detail #partDescription {
        width: 405px;
    }

    #receiveGoods #detail #manufacturer {
        width: 185px;
    }

    #receiveGoods #detail #supplier {
        width: 185px;
    }

    #receiveGoods #detail #unit {
        width: 100px;
    }


    #receiveGoods #detail #storageClass {
        width: 100px;
    }

    #receiveGoods #detail #quantity {
        width: 70px;
    }

    #receiveGoods #detail #qtyDue {
        width: 70px;
    }

    #receiveGoods #detail #position {
        width: 225px;
    }

    #receiveGoods #detail #lastBookedInDate {
        width: 170px;
    }

    #receiveGoods #detail #lastBookedInPosition {
        width: 225px;
    }




    #receiveGoods #detail #batchInfo {
        border-top: 1px solid #ddd;
    }

    #receiveGoods #detail #batchRef {
        width: 300px;
    }

    #receiveGoods #detail #partNumberConfirmation {
        width: 200px;
    }

    #receiveGoods #detail #cofCNumber {
        width: 300px;
    }

    #receiveGoods #detail #dateCode {
        width: 80px;
    }

    #receiveGoods #detail #origin {
        width: 300px;
    }

    #receiveGoods #detail #unitWeight {
        width: 100px;
    }

    #receiveGoods #detail #weight {
        width: 100px;
    }

    #receiveGoods #detail #commodityCode {
        width: 287px;
    }

    #receiveGoods #detail #rohsCompliance {
        width: 110px;
    }

    #receiveGoods #detail #packSize {
        width: 150px;
    }

    #receiveGoods #detail #duty {
        width: 128px;
    }


    #receiveGoods #detail #baseCost {
        border-top: 1px solid #ddd;
    }

    #receiveGoods #detail > div > div {
        float: left;
    }

    #receiveGoods #detail > div > label {
        float: left;
        height: 50px;
        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;
    }


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

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

#receiveGoods .lookup .li-remove {
    position: absolute;
    right: 34px;
}

#receiveGoods .rg-group {
    width: 400px;
    float: left;
}

    #receiveGoods .rg-group label {
        font-size: 10px;
    }

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

/* Product Customers */

#productCustomers .pricebreaks table {
    display: table;
}

#productCustomers .pricebreaks .pricebreaks-currency {
    width: 120px;
    display: inline-block;
    height: 28px;
    top: 2px;
    position: relative;
}

#productCustomers .pricebreaks .remove-column {
    float: right;
    top: 3px;
    right: 3px;
}

/* Product End Customers */

#productEndCustomers .pricebreaks table {
    display: table;
}

#productEndCustomers .pricebreaks .pricebreaks-currency {
    width: 120px;
    display: inline-block;
    height: 28px;
    top: 2px;
    position: relative;
}

#productEndCustomers .pricebreaks .remove-column {
    float: right;
    top: 3px;
    right: 3px;
}

#productEndCustomers div.endCustPricing {
    float: left;
}

    #productEndCustomers div.endCustPricing fieldset {
        float: left;
    }

/* product Suppliers */

#productSuppliers .pricebreaks table {
    display: table;
}

#productSuppliers .pricebreaks .pricebreaks-currency {
    width: 120px;
    display: inline-block;
    height: 28px;
    top: 2px;
    position: relative;
}

#productSuppliers .pricebreaks .remove-column {
    float: right;
    top: 3px;
    right: 3px;
}

/* Product */

#Product .pricebreaks table {
    display: table;
}

#Product .pricebreaks .pricebreaks-currency {
    width: 120px;
    display: inline-block;
    height: 28px;
    top: 2px;
    position: relative;
}

#Product .pricebreaks .remove-column {
    float: right;
    top: 3px;
    right: 3px;
}

#Product #internal {
    width: 500px;
    height: 500px;
    position: relative;
    border: 1px solid #ebebeb;
}

#Product a.errors {
    color: #a94442;
    font-weight: bold;
}

.quantity-out-range {
    background-color: #f2dede;
}

#invoice #InvoiceAddress, #invoice #DeliveryAddress {
    height: 142px;
}

#invoice .ffinvDescriptionCol {
    width: 1100px;
}

#invoice .ffinvPostRemoveCol {
    width: 30px;
}

#invoice .new-line i {
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 20px;
    border: 1px solid #ddd;
}

#invoice .remove i {
    color: #ff0000;
    font-size: 19px;
    width: 35px;
    text-align: center;
    height: 23px;
}

#GlobalSettings fieldset {
    width: 1000px;
}

#GlobalSettings .form-group {
    width: 600px;
}

#GlobalSettings textarea {
    width: 600px;
    height: 100px;
}

#despatch #lines {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#allocations #lines, #allocations #binStock, #allocations #purchaseOrders {
    width: 100%;
    height: calc(100% - 10px);
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

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

#picklist td a.btn {
    margin: 0px;
    padding: 0px;
}

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

#picklists td a.btn {
    margin: 0px;
    padding: 0px;
}

#allocations .modal-body {
    max-height: 360px;
    overflow: auto;
}

#configure h2 {
    font-size: 20px;
    line-height: 38px;
    margin-left: 14px;
}

form.editor-form [type="submit"][data-disabled="true"] {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: .65;
}

div.xdsoft_datetimepicker {
    z-index: 999999;
}

/*standard text*/
.standard-text-modal .product-header-lookup {
    width: 250px;
    margin-bottom: 5px;
}

    .standard-text-modal .product-header-lookup .output {
        height: 20px;
    }

.standard-text-modal [name="Text"] {
    margin-bottom: 5px;
    height: 200px;
}

.document-config .standard-text-link {
    float: right;
    margin-right: 15px;
}

.standard-text-modal .condensed-lookup .lookup-button {
    right: 0px;
}

.standard-text-modal .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
}

.standard-text-modal .condensed-lookup > div {
    padding-right: 0px;
}

.standard-text-modal .lookup .lookup-button {
    right: 0px !important;
}

/*standard text -->*/

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


#goodsout #picklistsTable tr[data-allcompleteid="True"] td.complete {
    background-color: #428bca;
}

/*#goodsout #picklistsTable tr[data-creditproblemid="True"] td.customer {
    background-color: #e19f9f;
}

#goodsout #picklistsTable tr[data-overcreditlimitid="True"] td.customer {
    background-color: #d5af46;
}

#goodsout #picklistsTable tr[data-creditonholdid="True"] td.customer {
    background-color: #ffd800;
}
*/

#goodsout #picklistsTable tr {
    background-color: #dedede;
    color: #333;
}

#goodsout #picklistsTable .creditproblem {
    background-color: #e19f9f !important;
    color: #333;
}

#goodsout #picklistsTable .overcreditlimit {
    background-color: red !important;
    color: #FFF;
}

#goodsout #picklistsTable .creditonhold {
    background-color: #ffd800 !important;
    color: #333;
}

#goodsout #picklistsTable .creditok {
    background-color: #FFFFFF !important;
    color: #333;
}

#reversegrn .btn {
    width: 90px;
}

#ECSalesList #report {
    overflow-y: auto;
    margin-top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    top: 155px;
    position: absolute;
    box-sizing: border-box;
    border: 1px solid #d3d3d3;
}

#ECSalesList .spacer {
    height: 20px;
}

/*#da #edi-table .rejected  {
    background-color: #ff8484;
}*/

#da #edi-table .error {
    background-color: #ff4040 !important;
    color: #fff;
}

    #da #edi-table .error.active td {
        background-color: #ff4040 !important;
    }

    #da #edi-table .error.hover td {
        background-color: #ff4040 !important;
    }

#da #edi-table .rejected {
    background-color: #ffdada !important;
}

    #da #edi-table .rejected.active td {
        background-color: #ffdada !important;
    }

    #da #edi-table .rejected.hover td {
        background-color: #ffdada !important;
    }


#da #edi-table .action-required {
    background-color: #fff5c6 !important;
}

    #da #edi-table .action-required.active td {
        background-color: #fff5c6 !important;
    }

    #da #edi-table .action-required.hover td {
        background-color: #fff5c6 !important;
    }