/* Minification failed. Returning unminified contents.
(5833,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5855,17): run-time error CSS1039: Token not allowed after unary operator: '-sigantureImageWidth'
(5861,17): run-time error CSS1039: Token not allowed after unary operator: '-sigantureImageWidth'
 */
.overview {
    width: 1020px;
    padding: 10px 10px 0 10px;
}

    .overview > div {
        width: 33.3333333%;
        float: left;
        box-sizing: border-box;
    }

        .overview > div > div {
            height: 60px;
            padding: 3px;
            margin: 5px;
        }

            .overview > div > div > div {
                float: left;
                padding-left: 10px;
                width: 139px;
            }

    .overview .fa {
        font-size: 30px;
        margin-top: 15px;
        float: left;
        margin-left: 5px;
    }

    .overview label {
        float: left;
        clear: both;
        margin: 0;
        overflow: hidden;
    }

    .overview .t {
        font-size: 12px;
        margin-top: 6px;
        color: #989898;
    }

    .overview .am {
        font-size: 20px;
        color: #757575;
    }



    .overview .balance {
        border-top: 1px solid #00add2;
    }

        .overview .balance > span {
            color: #00add2;
        }

    .overview .invoices {
        border-top: 1px solid #d2aa00;
    }

        .overview .invoices span {
            color: #d2aa00;
        }

    .overview .sales {
        border-top: 1px solid #23d200;
    }

        .overview .sales span {
            color: #23d200;
        }

    .overview .opo {
        border-top: 1px solid #00add2;
    }

        .overview .opo span {
            color: #00add2;
        }

        .overview .opo > div {
            width: 200px;
        }

    .overview .ytd {
        border-top: 1px solid #d2aa00;
    }

        .overview .ytd span {
            color: #d2aa00;
        }

    .overview .tot {
        border-top: 1px solid #23d200;
    }

        .overview .tot span {
            color: #23d200;
        }

.overview #age {
    width: 100%;
    width: 654px;
}

    .overview #age > div {
        border-top: 1px solid #ffa200;
        margin: 5px;
        width: 665px;
    }

    .overview #age .fa {
        color: #ffa200;
    }

    .overview #age > div > div {
        width: 610px;
    }

    .overview #age .am {
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    .overview #age .ad {
        width: 19%;
        display: inline-block;
    }

        .overview #age .ad .ad-t,
        .overview #age .ad .ad-s {
            font-size: 14px;
            /*line-height: 21px;*/
            display: block;
            float: left;
            color: #989898;
        }

        .overview #age .ad .ad-a {
            font-size: 14px;
            float: left;
        }

        .overview #age .ad .ad-s {
            margin: 0 3px;
        }


/*#Allocations tr[data-statusid=unallocated] {
    background-color: #ffd9d9;
}

#Allocations tr[data-statusid=fifo] {

    background-color: #d9efff;

}

#Allocations tr[data-statusid=po] {

    background-color: #fff4d9;
}*/


#Allocations td[data-orig=fifo] {
    background-color: #0094ff;
}

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

#AllocationReport .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#AllocationReport .WideBtn {
    width: 120px;
    border: 5px;
}

#AllocationReport .OptionsDiv {
    float: left;
    min-width: 260px;
    max-width: 260px;
}

#AllocationReport .WiderDiv {
    float: left;
    min-width: 350px;
    max-width: 350px;
}
#allocations .LatePORow {
    background-color: #e88484; 
}

#allocations .LatePOInput {
    background: rgba(255,255,255,0);
    border:0;
}

#allocations .headerdiv {
    height: 248px;
}


#allocations .WideDiv {
    float: left;
    min-width: 350px;
    max-width: 360px;
}

#allocations .tabdiv {
    height: 500px;
}

#allocations .editor-form {
    height: calc(100% - 55px);
}

#allocations #detail {
    height: calc(100% - 248px);
    min-height: 305px;
    padding: 0 10px 32px;
}

#allocations #testing {
    height: calc(100% - 45px);
}

#allocations #detail > ul {
    margin-bottom: 5px;
}

#approval_details #reject_modal .modal-body{padding:10px;}#approval_details #Reason .tp-wrap:hover textarea{padding-bottom:0!important;}#approval_details .settingRowOdd{display:flow-root;background-color:#fff;}#approval_details .settingRowEven{display:flow-root;background-color:#f7f7f7;}#approval_details .settingValue{float:left;text-align:left;}#approval_details .settingText{float:right;text-align:right;font-size:.75em;color:#808080;padding-top:3px;}#approval_details .rejected{color:#cd5c5c;}#approval_details .approved{color:#9acd32;}
#BatchAllocationReport #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 75px;
}

#BatchAllocationReport .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#BatchAllocationReport .WideBtn {
    width: 120px;
    border: 5px;
}

#BatchAllocationReport .OptionsDiv {
    float: left;
    min-width: 260px;
    max-width: 260px;
}

#BatchAllocationReport .WiderDiv {
    float: left;
    min-width: 370px;
    max-width: 370px;
}
#BookingBilling #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 160px;
}

#BookingBilling .Total {
    background-color: #A5C818;
}

#BookingBilling .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#BookingBilling .WideBtn {
    width: 120px;
    border: 5px;
}

#BookingBilling .MediumDiv {
    float: left;
    min-width: 260px;
}

#BookingBilling .WideDiv {
    float: left;
    min-width: 310px;
}

#BookingBilling .VeryWideDiv {
    float: left;
    min-width: 330px;
    max-width: 330px;
}

#BookingBilling .CheckBoxLabel {
    width: 110px;
    text-align: right;
    font-size: 12px;
    font-weight: normal
}

#BookingBilling .HorzDivider {
    height: 5px;
}

#BookingBilling .TotalSub {
    font-style: italic
}
#BookingBilling .TotalLineType {
    font-weight: bold;
}

#BookingBilling .NewSortSection {
    background-color: #A5C818;
}

#BookingBilling .GrandTotal {
    font-weight: bold;
    background-color: #428bca;
}

#BookingBilling .NetTotal {
    font-style: italic
}

#BookingBilling .checkbox {
    min-height: 10px;
}
#BookingBillingSummary #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 145px;
}

#BookingBillingSummary .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#BookingBillingSummary .WideBtn {
    width: 120px;
    border: 5px;
}

#BookingBillingSummary .VeryWideDiv {
    float: left;
    min-width: 280px;
    max-width: 280px;
}

#BookingBillingSummary .CheckBoxLabel {
    width: 110px;
    text-align: right;
    font-size: 12px;
    font-weight: normal;
    margin-right: 1.25em;
}

#BookingBillingSummary .WideDiv {
    float: left;
    min-width: 310px;
    max-width: 310px;
}

#BookingBillingSummary .Total {
    font-weight: bold;
}

#BookingBillingSummary .NewSortSection {
    background-color: #A5C818;
}

#BookingBillingSummary .GrandTotal {
    font-weight: bold;
    background-color: #428bca;
}

#BookingBillingSummary .CheckBoxDiv {
    height: 21px;
}
/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */
#calloff #lines {
    max-width: 1253px;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#calloff td input[type=text] {
    margin: 0;
    border: none;
    width: 100%;
    background: none;
    padding-left: 5px;
}

#calloff td .input-group-addon {
    border: none;
}

#commercialInvoice td {
    padding: 0 5px !important;
}


/*global*/
#credit-note .table-thin tbody tr td {
    line-height: 8px;
}

/*despatch*/
#credit-note .despatch-credit-note {
    width: 110px;
    margin-right: 5px;
}

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

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

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

#credit-note .despatch-credit-note > button > span.bs-caret .caret {
    color: #fff;
}

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

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

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

/*top-left*/
#credit-note .top-left {
    float: left;
}

#credit-note .top-left .form-group label {
    padding-top: 3px;
}

#credit-note .top-left .form-group label[for="IsActive"] {
    padding-top: 5px;
}

#credit-note .top-right .form-group label {
    padding-top: 3px;
}

#credit-note .top-right [name$="Notes"] {
    height: 76px;
}

#credit-note .top-right .standard-text-link {
    float: right;
    margin-right: 18px;
}

/*invoice-lines*/
#credit-note .invoice-lines {
    float: left;
    clear: both;
}

#credit-note .invoice-lines [name$="ProductLookup"] {
    width: 156px;
}

#credit-note .invoice-lines [name$="ManufacturerLookup"] {
    width: 130px;
}

#credit-note .invoice-lines [name$="Quantity"] {
    width: 65px;
}

#credit-note .invoice-lines [name$="Price"] {
    width: 86px;
}

#credit-note .invoice-lines [name$="Unit"] {
    width: 50px;
}

/*credit-lines*/
#credit-note .credit-lines {
    float: left;
}

#credit-note .credit-lines [name$="ProductLookup"] {
    width: 146px;
}

#credit-note .credit-lines [name$="ManufacturerLookup"] {
    width: 120px;
}

#credit-note .credit-lines [name$="Quantity"] {
    width: 60px;
}

#credit-note .credit-lines [name$="Price"] {
    width: 80px;
}

#credit-note .credit-lines [name$="Unit"] {
    width: 50px;
}

#credit-note .credit-lines [name$="Selected"] {
    width: 30px;
}

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

#CustomerPerformance #lines td.right {
    text-align:right;
}

#CustomerPerformance .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#CustomerPerformance .WideBtn {
    width: 120px;
    border: 5px;
}
#CustomerPerformance .OptionsDiv {
    float: left;
    min-width: 260px;
    max-width: 260px;
}
#customerprofile .cptab {
    width: 100%;
    height: 500px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#customerprofile #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;
}

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

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

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

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

#customerprofile #ProfileComments {
    height:200px;
}

#customerprofile .tsbtn {
    float: right;
}

#customerprofile .notesarea {
    width: 100%;
}

#customerprofile .lrbtn {
    float: left;
}


#customerprofile .div1 {
    width: 430px;
}

#customerprofile .div2 {
    width: 500px;
}
#DespatchPackaging #lines {
    width: 100%;
    height: 500px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}


    #DespatchPackaging #lines .it-col-maximumpacks span, #DespatchPackaging #lines .it-col-minimumpacks span {
        padding-left: 0px;
        padding-right: 0px;
    }

        #DespatchPackaging #lines .it-col-maximumpacks span input, #DespatchPackaging #lines .it-col-minimumpacks span input {
            padding-left: 5px;
            padding-right: 5px;
            max-height: 22px;
            width: 100%;
        }

#DespatchPackaging fieldset.capacities {
    width: 646px;
}
#email .ea {
    list-style: none;
    padding-left: 10px;
}

#email .tp-wrap:hover textarea {
    padding-bottom: initial !important;
}
#email #body-edit {
    padding-top: 1em;
}

#email .standard-text-link {
    float: right;
    margin-right: 0.5em;
}

#email_defaults .ea-group {
    width: 50%;
    float: left;
}

#email_defaults .control-label {
    width: 25%;
}

#email_defaults .form-control,
#email_defaults .tp-wrap {
    width: 50em;
}
#email_defaults .jodit_wysiwyg {
    min-height: 15em !important;
}

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

#email_defaults h3 {
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 1em;
    color: #428bca;
}

#email_defaults .field-validation-error {
    margin-left: 25%;
    width: 71.5em;
}

/*global*/
#enquiry .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
}

#enquiry .lookup .form-group .col-sm-8 {
    padding-right: 39px;
}

#enquiry .lookup .li-remove {
    right: 46px;
}

#enquiry .condensed-lookup > div {
    padding-right: 0px;
}

#enquiry .condensed-lookup .lookup-button {
    right: 0px;
}

#enquiry .float-control {
    margin-left: 5px;
    float: left;
    height: 45px;
}

    #enquiry .float-control label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }

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

/*container*/
#enquiry #enquiry-container {
    width: 1024px;
    padding: 0 10px 10px;
}

    #enquiry #enquiry-container #tab-detail .form-control,
    #enquiry #lineDetail .form-control{
        font-size: 12px;
        height: 20px;
        padding: 1px 3px;
    }

/*add supplier*/
#enquiry #as-container table {
    font-size: 12px;
}

#enquiry #as-container #as-header {
    margin-bottom: 5px;
}

    #enquiry #as-container #as-header > div {
        float: left;
        margin-right: 5px;
    }

        #enquiry #as-container #as-header > div[data-disabled] i {
            background-color: #f2f2f2;
            color: #848484 !important;
            cursor: not-allowed;
        }

    #enquiry #as-container #as-header i {
        background-color: #fcfcfc;
        width: 35px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        font-size: 20px;
        border: 1px solid #ddd;
        border-right-color: rgb(221, 221, 221);
    }

        #enquiry #as-container #as-header i:hover {
            background-color: #efefef;
        }

#enquiry #as-container #as-suppliers {
    height: 156px;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}

    #enquiry #as-container #as-suppliers .form-control {
        font-size: 12px;
        height: 20px;
        padding: 1px 3px;
    }

    #enquiry #as-container #as-suppliers .it-col-supplier .as-supplier-lookup {
        margin: 1px;
    }

#enquiry #as-container #as-products {
    height: 250px;
    border: 1px solid #ccc;
}

    #enquiry #as-container #as-products tr:hover,
    #enquiry #as-container #as-products tr.active {
        background-color: initial;
    }

    #enquiry #as-container #as-products td {
        cursor: default;
    }

    #enquiry #as-container #as-products [name="ProductSelected"] {
        margin-left: 9px;
        top: 1px;
        position: relative;
    }

    #enquiry #as-container #as-products .it-head-selected label {
        color: transparent;
    }

/*create quote*/
#enquiry #cq-container table {
    font-size: 12px;
}

#enquiry #cq-container #cq-products {
    height: 250px;
    border: 1px solid #ccc;
}

    #enquiry #cq-container #cq-products tr:hover,
    #enquiry #cq-container #cq-products tr.active {
        background-color: initial;
    }

    #enquiry #cq-container #cq-products td {
        cursor: default;
    }

    #enquiry #cq-container #cq-products [name="ProductSelected"] {
        margin-left: 9px;
        top: 1px;
        position: relative;
    }

    #enquiry #cq-container #cq-products .it-head-selected label {
        color: transparent;
    }

#enquiry #cq-container .cq-warning {
    color: #0042ff;
    padding: 8px;
}

#enquiry #cq-container .cq-header {
    width: 250px;
}

#enquiry #cq-container #FreightMethodLookup {
    height: 20px;
}

/*despatch*/
#enquiry .enquiry-despatch {
    width: 110px;
    margin-right: 5px;
}

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

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

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

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

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

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

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

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

/*header*/
#enquiry .header .agency-order label {
    padding-top: 6px;
}

#enquiry .header label {
    font-size: 10px;
}

#enquiry .header .fa-percent {
    font-size: 13px;
    line-height: 16px;
    height: auto;
    width: 25px;
    padding-left: 6px;
}

#enquiry .header .glyphicon-calendar {
    font-size: 12px;
    padding: 0 7px;
}

#enquiry .header .enquiry-currency-culture {
    margin-top: 10px;
}

#enquiry .header .staff-warning {
    background-color: #ffffc9;
}

/*key*/
#enquiry .key {
    width: 300px;
    padding: 5px;
}

    #enquiry .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;
    }

    #enquiry .key .key-row {
        padding: 0 5px;
    }

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

    #enquiry .key .key-text {
        display: inline-block;
        font-size: 11px;
    }

    #enquiry .key .line-key-selected,
    #enquiry #products tr.line-key-selected td:nth-child(1n+17) {
        background-color: lightsalmon;
    }

    #enquiry .key .line-key-partial-response,
    #enquiry #products tr.line-key-partial-response td:nth-child(1n+17) {
        background-color: lightgray;
    }

    #enquiry .key .line-key-full-response,
    #enquiry #products tr.line-key-full-response td:nth-child(1n+17) {
        background-color: lightblue;
    }

    #enquiry .key .line-key-cancelled,
    #enquiry #products tr.product-key-cancelled td:first-child,
    #enquiry #products tr.line-key-cancelled td:nth-child(1n+17) {
        background-color: #d17e44;
    }

    #enquiry .key .line-key-no-bid,
    #enquiry #products tr.product-key-no-bid td:first-child,
    #enquiry #products tr.line-key-no-bid td:nth-child(1n+17) {
        background-color: #e956ff;
    }

    #enquiry .key .line-key-ready-to-quote,
    #enquiry #products tr.product-key-ready-to-quote td:first-child {
        background-color: #a2f2a0;
    }

    #enquiry .key .line-key-quoted,
    #enquiry #products tr.product-key-quoted td:first-child {
        background-color: #5ad856;
    }

/*products*/
#enquiry #products {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    float: left;
}

    #enquiry #products .warn {
        display: block;
        background-color: #ffffc9;
    }

    #enquiry #products table {
        font-size: 12px;
    }

#enquiry .it-cont .it-body table tr.active,
#enquiry table tr.active-secondary {
    background-color: #e8f2fc !important;
}

    #enquiry table tr.active-secondary:hover,
    #enquiry .it-cont .it-body table tr:hover,
    #enquiry table tr.group-hover {
        background-color: #f9fcff;
    }

/*product editor*/
#enquiry #product-editor {
    float: left;
    margin-top: 10px;
    width: 1004px;
    padding-bottom:5px;
}

    #enquiry #product-editor .product-line1,
    #enquiry #product-editor .product-line2 {
        width: 670px;
    }

    #enquiry #product-editor .lookup .li-remove {
        right: 30px;
    }

    #enquiry #product-editor #notes {
        float: left;
        height: 91px;
        width: 318px;
    }

        #enquiry #product-editor #notes .con {
            height: inherit;
        }

        #enquiry #product-editor #notes textarea {
            height: inherit;
            resize: none;
        }

    #enquiry #product-editor #product {
        width: 210px;
    }

    #enquiry #product-editor #description {
        width: 150px;
    }

    #enquiry #product-editor #manufacturer {
        width: 100px;
    }

    #enquiry #product-editor #customer-reference {
        width: 140px;
    }

    #enquiry #product-editor #quantity-required {
        width: 100px;
    }

        #enquiry #product-editor #quantity-required .input-group .form-control {
            width: 100%;
        }

        #enquiry #product-editor #quantity-required .input-group .input-group-addon {
            padding: 0 3px;
            font-size: 10px;
        }

        #enquiry #product-editor #quantity-required .quantity-warning {
            background-color: #fff4d6;
        }


    #enquiry #product-editor #unit {
        width: 100px;
    }

    #enquiry #product-editor #required-by-date {
        width: 75px;
    }

    #enquiry #product-editor #price-agreement input {
        margin-top: 1px;
    }

    #enquiry #product-editor #leadtime-container {
        width: 111px;
    }

    #enquiry #product-editor #leadtime-container #leadtime {
        float: left;
        width: 32px;
        margin-right: 2px;
    }

    #enquiry #product-editor #leadtime-container .leadtimeperiod-lookup {
        float: left;
        width: 77px;
    }

    #enquiry #product-editor #rohs {
        width: 86px;
    }

    #enquiry #product-editor #date-code {
        width: 100px;
    }

    #enquiry #product-editor #target-price {
        width: 85px;
    }

    #enquiry #product-editor #sell-price {
        width: 85px;
    }

    #enquiry #product-editor #landed-gbp {
        width: 100px;
    }

        #enquiry #product-editor #landed-gbp input {
            width: 76px;
        }

        #enquiry #product-editor #landed-gbp .con {
            position: relative;
        }

        #enquiry #product-editor #landed-gbp #cost-source-icon {
            right: 0;
            font-size: 13px;
            height: auto;
            line-height: normal;
            padding-top: 2px;
            padding-bottom: 2px;
            padding-left: 4px;
            width: 22px;
        }

            #enquiry #product-editor #landed-gbp #cost-source-icon:hover {
                cursor: pointer;
                color: #3071A9;
            }

            #enquiry #product-editor #landed-gbp #cost-source-icon[data-disabled=true] {
                background-color: #e7e7e7;
            }

                #enquiry #product-editor #landed-gbp #cost-source-icon[data-disabled=true]:hover {
                    cursor: not-allowed;
                }

    #enquiry #product-editor #margin-percent {
        width: 65px;
    }

/*cost source modal*/
.cost-source-modal-container {
    margin: 0 5px;
}

    .cost-source-modal-container label {
        font-weight: normal;
        margin-right: 15px;
    }

    .cost-source-modal-container [name="cost-source-selection"] {
        margin-right: 5px;
    }

/*controls*/
#enquiry #controls {
    float: left;
    height: 62px;
    padding: 2px 4px 4px;
    text-align: center;
    margin-left: 5px;
    margin-top: 4px;
    border: 1px solid #ddd;
}

    #enquiry #controls > div {
        float: left;
    }

    #enquiry #controls .control-group > div {
        float: left;
    }

    #enquiry #controls .control-group > label {
        text-align: left;
        font-size: 12px;
        font-weight: normal;
        display: block;
        margin-bottom: 2px;
    }

    #enquiry #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: rgb(221, 221, 221);
        border-right-color: transparent;
    }

    #enquiry #controls .control-group div:last-child i {
        border-right-color: #ddd;
    }

    #enquiry #controls .control-seperator {
        background-color: #ddd;
        width: 1px;
        height: 62px;
        position: relative;
        margin-left: 4px;
        margin-right: 4px;
        top: -3px;
    }

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

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

    #enquiry #controls .cancel-product i {
        font-weight: bold;
        font-family: Verdana;
        color: #d17e44;
    }

    #enquiry #controls .no-bid-product i {
        font-weight: bold;
        font-family: Verdana;
        color: #bcbcbc;
    }

    #enquiry #controls .reinstate-product i {
        font-weight: bold;
        font-family: Verdana;
        color: #9f6eff;
    }

    #enquiry #controls .save-pending i {
        background-color: #ffefcf;
    }

/*stock*/
#enquiry #stock {
    border: 1px solid #ccc;
    float: left;
    padding: 0px 5px;
    margin-top: 4px;
    margin-left: 6px;
}

    #enquiry #stock > div {
        line-height: initial;
    }

    #enquiry #stock label.stock-header {
        font-weight: normal;
        border-bottom: 1px solid #ccc;
        display: block;
        font-size: 12px;
        margin-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 0px;
    }

    #enquiry #stock > div label {
        font-weight: normal;
        margin-bottom: 0px;
        font-size: 11px;
        padding: 2px 0;
    }

    #enquiry #stock .stock-type {
        font-style: italic;
        width: 50px;
        margin-right: 4px;
    }

    #enquiry #stock .stock-free {
        width: 26px;
    }

    #enquiry #stock .stock-value {
        width: 35px;
    }

/*suppliers*/
#enquiry #suppliers {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    float: left;
}

    #enquiry #suppliers .it-head-selected .it-header {
        color: transparent;
    }

    #enquiry #suppliers .it-col-supplier .supplier-lookup {
        margin: 1px;
    }

    #enquiry #suppliers .it-col-selected input {
        margin-left: 6px;
    }

    #enquiry #suppliers table tr {
        line-height: initial;
    }

    #enquiry #suppliers table span {
        font-size: 12px;
    }

/*tabs editor*/

#enquiry #header .tab-pane {
    /*height:300px;*/
}

#enquiry .tabs-editor {
    /*border: 1px solid #e3e3e3;*/
    clear: both;
}

    #enquiry #lineDetail {
        border-top: none;
        padding-bottom: 5px;
    }

    /*#enquiry .tabs-editor > ul {
        margin-bottom: 0;
    }*/

    #enquiry #standardEditor .tab-content{
        border: 1px solid #ddd;
    }

    #enquiry .tabs-editor #tab-purchase-history {
        height: 166px;
    }

    #enquiry .tabs-editor #tab-price-history {
        height: 166px;
    }

    #enquiry .tabs-editor #tab-price-breaks {
        height: 166px;
    }

/*price breaks tab*/
#enquiry #tab-price-breaks .priceBreaksContainer {
    float: left;
    width: 200px;
    margin-top: 5px;
    margin-left: 10px;
}

    #enquiry #tab-price-breaks .priceBreaksContainer:first-child {
        margin-left: 5px;
    }

#enquiry #tab-price-breaks .priceBreaksHeader {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
}

    #enquiry #tab-price-breaks .priceBreaksHeader input {
        float: left;
        margin: 2px 5px 0 0;
    }

#enquiry #tab-price-breaks .it-cont {
    border: 1px solid #ccc;
    height: 141px;
}

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

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

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

#ffrma .large {
    width: 250px;
}

#ffrma .rma-group {
    width: 480px;
    float: left;
}

#ffrma .btn-info {
    width: 100px
}

#ffrma .NotesBox {
    width: 100%;
}

#ffrma .tsbtn {
    float: right;
}


#ffrma #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;
    float: left;
}

#ffrma #detail #replace 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;
}

#ffrma .special-date-picker {
    width: 150px;
}

#ffrma .editor1 {
    width: 500px;
}

#ffrma .editor2 {
    width: 500px;
}
/*!
* jquery.fixedHeaderTable. The jQuery fixedHeaderTable plugin
*
* Copyright (c) 2011 Mark Malek
* http://fixedheadertable.com
*
* Licensed under MIT
* http://www.opensource.org/licenses/mit-license.php
* 
* http://docs.jquery.com/Plugins/Authoring
* jQuery authoring guidelines
*
* Launch  : October 2009
* Version : 1.3
* Released: May 9th, 2011
*
* 
* all CSS sizing (width,height) is done in pixels (px)
*/

/* @group Reset */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
	/* position */
    margin: 0;
    
    /* size */
	padding: 0;

	/* text */
	font-size: 100%;
	font: inherit;
	vertical-align: top;
	}

.fht-table {
	/* appearance */
    border-collapse: collapse;
    border-spacing: 0;
	}

/* @end */

/* @group Content */

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	/* appearance */
	overflow: hidden;
	
	/* position */
	position: relative;
	}

	.fht-table-wrapper .fht-fixed-body .fht-tbody,
	.fht-table-wrapper .fht-tbody {
		/* appearance */
	    overflow: auto;
		}

		.fht-table-wrapper .fht-table .fht-cell {
			/* appearance */
			overflow: hidden;
			
			/* size */
		    height: 1px;
			}
	
	.fht-table-wrapper .fht-fixed-column,
	.fht-table-wrapper .fht-fixed-body {
	    /* position */
	    top: 0;
	    left: 0;
	    position: absolute;
	    }
	    
	.fht-table-wrapper .fht-fixed-column {
	    /* position */
	    z-index: 1;
	    }

/* @end */
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}


#forecast #head {
    height: 190px;
    min-width: 950px;
    border-bottom: 1px solid #d7d5e3;
}

#forecast #lineCon {
    height: 30px;
    border-bottom: 1px solid #d7d5e3;
}

    #forecast #lineCon > div {
        float: left;
    }

    #forecast #lineCon #ledg {
        float: right;
    }

    #forecast #lineCon i {
        width: 30px;
        height: 29px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        border-right: 1px solid #ddd;
        float: left;
        cursor: pointer;
    }

        #forecast #lineCon i:hover {
            background-color: #fbf8fc;
        }

    #forecast #lineCon #addLine {
        color: #00c019;
    }

    #forecast #lineCon #splitLine {
        color: #428bca;
    }

    #forecast #lineCon #displayDirt {
        color: #906ab6;
    }

    /*#forecast #Save[disabled]{
        cursor:not-allowed;
    }*/

    #forecast #lineCon a[disabled] i {
        color: #9e9e9e;
        cursor: not-allowed;
    }

    #forecast #lineCon #ledg {
        padding: 5px;
    }

        #forecast #lineCon #ledg > span {
            display: inline-block;
            height: 20px;
            float: left;
        }

        #forecast #lineCon #ledg .l {
            width: 35px;
            border: 1px solid #d7d5e3;
            margin-right: 5px;
        }

        #forecast #lineCon #ledg .t {
            margin-right: 20px;
        }

#forecast .l-com {
    background-color: lemonchiffon !important;
}

#forecast .l-comb {
    background-color: aquamarine !important;
}

#forecast .l-dead {
    background-color: lavenderblush !important;
}

#forecast .l-err {
    background-color: #ffdbd6 !important;
}

#forecast #sch {
    position: absolute;
    top: 220px;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 950px;
    border-top: 1px solid #d0d0d0;
}

#forecast .h-group {
    width: 182px;
    float: left;
    border-left: 1px solid #d7d5e3;
    height: 180px;
    margin: 5px 0 3px 0;
}

    #forecast .h-group:first-child {
        /*margin-left:10px;*/
        border: none;
    }

    #forecast .h-group.med {
        width: 250px;
    }


    #forecast .h-group.large {
        width: 340px;
    }

#forecast .it-cont .bg {
    height: 25px;
    background: #edeff5;
}


#forecast .it-cont .it-head {
    height: 25px;
}

    #forecast .it-cont .it-head > div label {
        height: 24px;
        line-height: 26px;
    }

#forecast .it-cont .it-body {
    top: 25px;
}


#forecast .it-head .fm, .it-head .fmb {
    background: #357ebd;
    color: #fff;
}

#forecast #sch tr:nth-child(odd) td {
    border-bottom: 2px solid #d7d5e3;
}

#forecast #sch tr:nth-child(odd) {
    /*background-color: #f6f3f8;*/
    background-color: #fbf8fc;
}

#forecast #sch tr:hover {
    background-color: aliceblue;
}

#forecast #sch td .form-control, #forecast #sch td input {
    margin: 0;
    border: none;
    width: 100%;
    background: none;
    padding-right: 5px;
}

#forecast #sch td.fm .month-details > div {
    height: 22px;
}

    /*    #forecast #sch td.fm .month-details > div:hover input[type=text] {
        display: block;
    }*/

    #forecast #sch td.fm .month-details > div > span {
        text-align: right;
        display:block;
    }

#forecast #sch td.fm input[type=text] {
    text-align: right;
    /*display: none;*/
}

    #forecast #sch td.fm input[type=text]:hover {
        text-align: right;
    }

#forecast #sch td input[type=text]:hover {
    background-color: #e7efff;
}

#forecast #sch td input[type=text]:focus {
    background-color: #fff5e9;
}


#forecast #sch td .cb {
    text-align: center;
}

#forecast #sch.dis-dirt td .dirty,
#forecast #sch.dis-dirt td.dirty,
#forecast #sch.dis-dirt td.dirty input {
    /*border: 1px solid red !important;*/
    background-color: #906ab6 !important;
    color: white;
}

#forecast #sch tr .fmf {
    border-left: 2px solid #9e9e9e;
    /*background-color:rebeccapurple;*/
}

#forecast #sch tr .fmbl {
    border-right: 2px solid #9e9e9e;
}

#forecast .h-group .gf select {
    min-width: 42px;
}


#forecast .h-group .gf {
    margin-top: 20px;
    margin-left: 5px;
}

#forecast .h-group .cs {
    margin-top: 10px;
    margin-left: 5px;
}

#forecast .h-group .ps {
    margin-top: 30px;
}

#forecast #filter, #forecast #export {
    width: 170px;
}

#forecast .ops {
    margin-top: 10px;
    padding-left: 10px;
}

    #forecast .ops input {
        float: left;
        margin-top: 2px;
        cursor: pointer;
    }

    #forecast .ops label {
        font-size: 12px;
        margin: 0;
        font-weight: normal;
        float: left;
        margin-left: 3px;
        cursor: pointer;
    }

#forecast .condensed-lookup .lookup-button {
    height: 24px;
    right: 0px;
    top: -1px;
}

#forecast .month-details .lookup-button {
    font-size: 18px;
    padding: 5px 5px;
    width: 25px;
}


#forecast #sch input {
    padding-left: 5px;
}

#forecast #tjpTable {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    top: 145px;
}

#forecast .fakeInfoTable td span.link {
    width: 100%;
    border: none;
    padding-top: 1px;
}

#forecast .radio-label {
    font-weight: normal;
}

#forecast .input-error {
    border: 1px solid red;
}


#freightMethods #freight-methods-container {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 40px;
}

#freightMethods #header-name {
    width: 100px;
}

#freightMethods #header-description {
    width: 180px;
}

#freightMethods #header-days {
    width: 45px;
}

#freightMethods #header-has-shipping-ref {
    width: 110px;
}

#freightMethods #header-active {
    width: 42px;
}

#freightMethods #freight-table {
    display: table;
    margin-bottom: 8px;
}

#freightMethods #add-row {
    float: right;
}

#freightMethods .remove-row {
    margin: 4px;
    padding-top: 3px;
    padding-left: 11px;
}

#freightMethods #include-inactive-container label {
    font-weight: normal;
    margin-left: 5px;
    float: right;
}

#freightMethods #include-inactive {
    top: 1px;
    position: relative;
    margin-left: 2px;
}

#goodsIn .flex {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 190px;
    bottom: 7px;
    left: 7px;
    right: 7px;
}

#goodsIn .editor-form {
    margin-top: 0px;
}

#goodsIn #filters {
    width: 99%;
}

    #goodsIn #filters > div {
        float: left;
        width: 495px;
    }


#goodsIn #poBtnSearch {
    clear: both;
    float: left;
}


#goodsIn #content > #body .actionBar {
    top: 32px;
}

#goodsIn .selectedLines, #goodsIn .lines {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
    flex-grow: 2;
}

    #goodsIn .lines tr.active, #goodsIn .selectedLines tr.active {
        background-color: #E2EFF3;
    }

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

#subtitle {
    font-weight: bold;
}

#receiveGoods #detail #controls {
    float: right;
    height: 45px;
    padding: 5px;
    text-align: center;
}

#receiveGoods #rSelectedLines, #receiveGoods #rLines {
    flex-flow: 2;
}

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

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

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

#receiveGoods #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;
}

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

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

#receiveGoods #barcodeModal .modal-dialog {
    width: 250px;
}

#receiveGoods #barcodeModal .modal-body {
    padding: 50px 0;
}

#receiveGoods #barcodeModal .modal-dialog label {
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #656565;
}

#receiveGoods #barcodeModal .modal-header {
    background-color: #703a96;
    padding: 7px;
    color: white;
}

.num {
    text-align: right;
}

.totalvalue {
    width: 222px;
}

.selectedHeader > a, .selectedHeader > div {
    float: left;
    margin-right: 10px;
    margin-top: 8px;
}


#receiveGoods .printerlabel {
    padding-left: 6px;
}

#goodsIn .input-error {
    border: 1px solid red;
}

#goodsIn .goodsIn-loader-modal {
    display: none;
    height: 32px;
    padding: 5px 24px;
}

#goodsout #filters {
    width:99%;
}

#goodsout #filters #filter-area {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    width: 100%;
}

    #goodsout #filters .filter-section {
        float: left;
        width:32%;
        flex: 0 0 5px;
        margin: 5px;
    }

#goodsout #picklistsTable{
    position:absolute;
    left:0;
    right:0;
    bottom:10px;
    top:150px;
}

/*key*/
#goodsout .key {
    width: 350px;
    padding: 5px;
    margin-top: -20px;
}
#goodsout .key-list-area {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 78px;
}

#goodsout .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;
}

    #goodsout .key .key-row {
        padding: 0 5px;
    }

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

    #goodsout .key .line-key-unknown {
        background-color: #dedede;
        color: #333;
    }

    #goodsout .key .line-key-allcomplete {
        background-color: #428bca;
        color: #333;
    }

    #goodsout .key .line-key-creditproblem {
        background-color: #e19f9f;
        color: #333;
    }

    #goodsout .key .line-key-unknown {
        background-color: #dedede;
        color: #333;
    }

    #goodsout .key .line-key-onhold {
        background-color: #ffd800;
        color: #333;
    }

    #goodsout .key .line-key-overcreditlimit {
        background-color: red;
        color: #FFF;
    }

    #goodsout .key .line-key-frozen {
        background-color: yellowgreen;
        border: 1px solid #dedede;
    }

    #goodsout .key .key-text {
        display: inline-block;
        font-size: 11px;
    }

#goodsout .batchModal .btn-group {
    width: 132px;
    display: inline-block;
    margin-left: 5px;
}

#goodsout .batchModal {
    width: 689px !important;
}

#goodsout .goods-out-batch-button {
    margin-top: 5px;
}
#goodsout #Freeze.btn.goods-out-batch-button {
    margin-left: 6px;
}
#goodsout .btn.goods-out-batch-button {
    float: left;
}

#goodsout #Close.btn.btn-default.goods-out-batch-button {
    float: right
}

#goodsout #processing {
    position: fixed;
    display: block;
    width: 100%;
    height: 427px;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99;
}

#goodsout #processing-image {
    position: absolute;
    top: 196px;
    left: 220px;
    width: 250px;
    z-index: 100;
}

#goodsout .frozen {
    background-color: yellowgreen !important;
}
#ImportDates_Modal .modal-dialog {
    width: 430px;
}

#ImportDates_Modal legend {
    border-bottom: 1px solid #6AA6B5 !important;
    border-top: none !important;
}

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

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

    #ImportDates_Modal .import-left-section .fileupload-container {
        width: 380px;
    }

#ImportDates_Modal .modal-header {
    padding: 7px 15px;
}


#ImportDates_Modal .import-left-section .remove-file {
    background-color: #fff;
    font-size: 12px;
    position: relative;
    top: -17px;
    float: right;
}
#InventoryReport fieldset {
    width: 395px;
}

#InventoryReport {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

    #InventoryReport #lines, #InventoryReport #report_errors {
        overflow-y: auto;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        height: 500px;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #InventoryReport .tabNav {
        margin: 5px;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #InventoryReport .tab-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #InventoryReport #tab-report {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #InventoryReport #tab-errors {
        flex-direction: column;
        flex: 1 1 auto;
    }

    #InventoryReport .btn-secondary {
        background-color: lightblue;
        border-color: #a3ccd9;
    }

    #InventoryReport .scroller {
        display: flex;
        flex-direction: column;
    }
#invoice td{padding:0 5px !important;}
/*!
 jodit - Jodit is awesome and usefully wysiwyg editor with filebrowser
 Author: Chupurnov <chupurnov@gmail.com> (https://xdsoft.net/)
 Version: v3.2.44
 Url: https://xdsoft.net/jodit/
 License(s): GPL-2.0-or-later
*/

.jodit,.jodit *,.jodit_container,.jodit_container *{box-sizing:border-box}.jodit .jodit_workplace,.jodit_container .jodit_workplace{position:relative;overflow:auto}.jodit .jodit_workplace .jodit_wysiwyg,.jodit .jodit_workplace .jodit_wysiwyg_iframe,.jodit_container .jodit_workplace .jodit_wysiwyg,.jodit_container .jodit_workplace .jodit_wysiwyg_iframe{height:100%;width:100%}.jodit_container:not(.jodit_inline){background:#fff;font-size:14px;font-family:Helvetica,sans-serif}.jodit_container:not(.jodit_inline).jodit_disabled{background:hsla(0,0%,88%,.99)}.jodit_container:not(.jodit_inline).jodit_disabled .jodit_workplace{opacity:.4}.jodit_container:not(.jodit_inline) .jodit_workplace{border:1px solid #ccc}.jodit_disabled{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.jodit_hidden{display:none!important}.jodit_wysiwyg{outline:0}.jodit_wysiwyg::-moz-selection,.jodit_wysiwyg ::-moz-selection{background:#b5d6fd;color:#000}.jodit_wysiwyg::selection,.jodit_wysiwyg ::selection{background:#b5d6fd;color:#000}.jodit_container:not(.jodit_inline) .jodit_wysiwyg{margin:0;padding:10px;outline:0;overflow-x:auto;position:relative}.jodit_container:not(.jodit_inline) .jodit_wysiwyg img{position:relative;max-width:100%}.jodit_container:not(.jodit_inline) .jodit_wysiwyg p,.jodit_container:not(.jodit_inline) .jodit_wysiwyg pre{margin:0 0 10px}.jodit_container:not(.jodit_inline) .jodit_wysiwyg h1,.jodit_container:not(.jodit_inline) .jodit_wysiwyg h2,.jodit_container:not(.jodit_inline) .jodit_wysiwyg h3,.jodit_container:not(.jodit_inline) .jodit_wysiwyg h4,.jodit_container:not(.jodit_inline) .jodit_wysiwyg h5{margin-top:0}.jodit_container:not(.jodit_inline) .jodit_wysiwyg blockquote{border-left:2px solid #222;margin-left:0;padding-left:5px;color:#222}.jodit_container:not(.jodit_inline) .jodit_wysiwyg jodit-media{position:relative}.jodit_container:not(.jodit_inline) .jodit_wysiwyg jodit-media *{position:relative;z-index:0}.jodit_container:not(.jodit_inline) .jodit_wysiwyg jodit-media:before{z-index:1;content:"";position:absolute;top:0;left:0;right:0;bottom:0}.jodit_clearfix:after,.jodit_clearfix:before{content:" ";display:table}.jodit_clearfix:after{clear:both}.jodit_dark_theme.jodit_container,.jodit_dark_theme.jodit_container.jodit_disabled{background-color:#575757}.jodit_dark_theme .jodit_workplace{border-color:rgba(87,87,87,.8)}.jodit_dark_theme .jodit_statusbar{background-color:rgba(95,92,92,.8);border-color:rgba(87,87,87,.8)}.jodit_dark_theme .jodit_statusbar,.jodit_dark_theme .jodit_statusbar .jodit_statusbar_item span{color:#d1cccc}.jodit_dark_theme .jodit_toolbar_popup,.jodit_dark_theme .jodit_toolbar_popup-inline,.jodit_dark_theme .jodit_toolbar_popup-inline:before,.jodit_dark_theme .jodit_toolbar_popup:before{background:#575757}.jodit_dark_theme .jodit_toolbar{background:#5f5c5c;border-color:rgba(87,87,87,.8)}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn>a{color:#d1cccc}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn>a:hover{background-color:#575757}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-break{border-top-color:#686767}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn.jodit_toolbar_btn-separator{border-right-color:#686767}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn.active,.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn.jodit_active,.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn:active,.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn:hover{background-color:#575757}.jodit_dark_theme .jodit_toolbar li.jodit_toolbar_btn.jodit_with_dropdownlist .jodit_with_dropdownlist-trigger{border-top-color:silver}.jodit_dark_theme .jodit_icon{fill:silver}.jodit_dark_theme .jodit_wysiwyg,.jodit_dark_theme .jodit_wysiwyg_iframe{background-color:#575757;color:#d1cccc}.jodit_dark_theme .jodit_wysiwyg [data-jodit-selected-cell],.jodit_dark_theme .jodit_wysiwyg_iframe [data-jodit-selected-cell]{border-color:#152f5f}.jodit_dark_theme .jodit_dropdownlist{background:#5f5c5c}.jodit_dark_theme .jodit_tabs .jodit_tabs_buttons>a{background-color:#686767;color:#d1cccc}.jodit_dark_theme .jodit_tabs .jodit_tabs_buttons>a:hover{background-color:hsla(0,0%,41%,.8);color:#d1cccc;border-color:hsla(0,0%,41%,.9)}.jodit_dark_theme .jodit_tabs .jodit_tabs_buttons>a.active{background:rgba(81,81,81,.41);border-color:#686767}.jodit_dark_theme .jodit_tabs .jodit_tabs_buttons>a svg{fill:silver}.jodit_dark_theme .jodit_form input[type=text],.jodit_dark_theme .jodit_form input[type=url],.jodit_dark_theme .jodit_form textarea{background-color:rgba(81,81,81,.41);border-color:#686767;color:#d1cccc}.jodit_dark_theme .jodit_form button{background-color:hsla(0,0%,41%,.75);color:#d1cccc}.jodit_dark_theme .jodit_placeholder{color:hsla(0,5%,81%,.8)}.jodit_dark_theme .jodit_draganddrop_file_box,.jodit_dark_theme .jodit_uploadfile_button{color:#d1cccc}.jodit_dark_theme .jodit_draganddrop_file_box:hover,.jodit_dark_theme .jodit_uploadfile_button:hover{background-color:hsla(0,0%,41%,.75)}.jodit_dark_theme .jodit-add-new-line:before{border-top-color:#686767}.jodit_dark_theme .jodit-add-new-line span{background:hsla(0,0%,41%,.75);border-color:#686767}.jodit_dark_theme .jodit-add-new-line span svg{fill:#d1cccc}.jodit_dark_theme .jodit_resizer>i{background:hsla(0,0%,41%,.75);border-color:silver}.jodit_btn{border:1px solid;border-radius:0;background-color:#f5f5f5;background-image:linear-gradient(180deg,#fff,#e6e6e6);border-color:#ccc;text-shadow:0 1px 1px hsla(0,0%,100%,.75);color:#333;background-repeat:repeat-x;outline:0;display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jodit_btn:hover{background-color:#e6e6e6;background-position:0 -15px;text-decoration:none}.jodit_btn.jodit_btn_success{text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#5bb75b;background-image:linear-gradient(180deg,#62c462,#51a351);border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff}.jodit_btn.jodit_btn_success svg{fill:#fff}.jodit_btn.jodit_btn_success:hover{background-color:#51a351}.jodit_btn.jodit_btn_danger{text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#da4f49;background-image:linear-gradient(180deg,#ee5f5b,#bd362f);border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff}.jodit_btn.jodit_btn_danger svg{fill:#fff}.jodit_btn.jodit_btn_danger:hover{background-color:#bd362f}.jodit_btn.jodit_btn_inverse{text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#363636;background-image:linear-gradient(180deg,#444,#222);border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#fff}.jodit_btn.jodit_btn_inverse svg{fill:#fff}.jodit_btn.jodit_btn_inverse:hover{background-color:#222}.jodit_btn.active,.jodit_btn:active{background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.jodit_btn_group{font-size:0;vertical-align:middle}.jodit_btn_group input{display:none}.jodit_btn_group button{float:left}.jodit_btn_group button+button{margin-left:-1px}.jodit_btn_group button:first-child,.jodit_btn_group input:first-child+button{border-right:0;border-top-right-radius:0;border-bottom-right-radius:0}.jodit_btn_group button:last-child,.jodit_btn_group input:last-child+button{border-left:0;border-top-left-radius:0;border-bottom-left-radius:0}.jodit_btn_group:after{content:"";clear:both;float:none;display:table}.jodit_context_menu{font-family:Helvetica,sans-serif;display:none;background:#fff;position:absolute;min-width:150px;box-shadow:0 0 5px 0 rgba(0,0,0,.24);z-index:15}.jodit_context_menu a{display:block;border-bottom:1px solid hsla(0,0%,80%,.24);text-decoration:none!important;color:#727272}.jodit_context_menu a svg{float:left;display:block;width:18px;height:28px;margin:0 4.5px;fill:#727272}.jodit_context_menu a span{margin-left:27px;display:block;padding:5px;border-left:1px solid hsla(0,0%,80%,.24);line-height:18px}.jodit_context_menu a:hover{background-color:#e3e3e3;color:#000}.jodit_context_menu a:hover .jodit_icon{fill:#000}.jodit_context_menu a:last-child{border:0}.jodit_context_menu-show{display:block}.jodit_dialog_box{box-sizing:border-box;display:none;width:0;height:0;border:0;position:absolute;will-change:left,top,width,height}.jodit_dialog_box.jodit_dialog_box-moved{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jodit_dialog_box *{box-sizing:border-box}.jodit_dialog_box .jodit_elfinder,.jodit_dialog_box .jodit_elfinder *{box-sizing:initial}.jodit_dialog_box .jodit_dialog_overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:13;text-align:center;white-space:nowrap;overflow:auto;display:none;background-color:rgba(0,0,0,.5)}.jodit_dialog_box.active,.jodit_dialog_box.jodit_modal .jodit_dialog_overlay{display:block}.jodit_dialog_box .jodit_dialog{z-index:14;display:inline-block;vertical-align:middle;white-space:normal;text-align:left;position:fixed;left:0;top:0;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);min-width:200px;min-height:100px}@media (max-width:480px){.jodit_dialog_box .jodit_dialog{max-width:100%;width:100%!important;height:100%!important;top:0!important;left:0!important}}.jodit_dialog_box .jodit_dialog .jodit_promt{max-width:300px;min-width:200px;padding:10px;word-break:break-all}.jodit_dialog_box .jodit_dialog .jodit_promt label{margin-bottom:5px;display:block}.jodit_dialog_box .jodit_dialog .jodit_promt input[type=text]{display:block;border:1px solid #ccc;background:#fff;width:100%;height:28px;line-height:16px;padding:3px 6px;outline:none}.jodit_dialog_box .jodit_dialog .jodit_alert{max-width:300px;min-width:200px;padding:10px;word-break:break-all}.jodit_dialog_box .jodit_dialog .jodit_button{padding:0;margin:0;border:0;display:inline-block;vertical-align:top;width:32px;height:48px;line-height:48px;text-align:center;cursor:pointer;text-decoration:none}.jodit_dialog_box .jodit_dialog .jodit_button:not(.disabled):hover{background-color:#ecebe9}.jodit_dialog_box .jodit_dialog .jodit_button.disabled{opacity:.7}.jodit_dialog_box .jodit_dialog .jodit_input{border:1px solid #ccc;padding:5px;background-color:#fff;outline:0;width:120px;margin-left:10px;font:13px Arial;height:28px;vertical-align:middle}.jodit_dialog_box .jodit_dialog select.jodit_input{width:75px}.jodit_dialog_box .jodit_dialog .jodit_button .jodit_icon,.jodit_dialog_box .jodit_dialog .jodit_button svg,.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_icon,.jodit_dialog_box .jodit_dialog .jodit_dialog_header svg{width:16px;height:16px;display:inline-block;vertical-align:middle}.jodit_dialog_box .jodit_dialog .jodit_dialog_header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;text-align:left;color:#222;box-shadow:0 1px 3px rgba(0,0,0,.16),0 1px 2px rgba(0,0,0,.23);cursor:move;height:48px;overflow:hidden}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-title,.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-toolbar{-ms-flex-negative:3;flex-shrink:3;font-size:18px;margin:0;font-weight:400;line-height:48px;vertical-align:top;padding:0 10px}@media (max-width:480px){.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-title,.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-toolbar{padding-left:0}}.jodit_dialog_box .jodit_dialog .jodit_dialog_header button{margin-right:10px}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-button{color:#222;font-size:28px;transition:background-color .2s ease 0s;-ms-flex-preferred-size:48px;flex-basis:48px;height:48px;line-height:48px;text-decoration:none;text-align:center}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-button:hover{background-color:#ecebe9}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar{background:transparent;display:block;height:100%;border:0}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar>li.jodit_toolbar_btn{vertical-align:middle}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar>li.jodit_toolbar_btn input[type=number],.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar>li.jodit_toolbar_btn input[type=text],.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar>li.jodit_toolbar_btn input[type=url],.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_toolbar>li.jodit_toolbar_btn select{margin:0 5px;padding-left:10px;width:auto}.jodit_dialog_box .jodit_dialog .jodit_dialog_content{height:calc(100% - 48px);overflow:auto}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group{margin-bottom:10px;padding:0 10px}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group:first-child{margin-top:10px}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group label{display:inline-block;max-width:100%;margin-bottom:5px;font-weight:700}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input.select,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=number],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=text],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=url],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select.select,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=number],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=text],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=url]{display:block;height:34px;padding:6px 4px;font-size:14px;line-height:1.42857143;color:#555;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input.select:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=number]:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=text]:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=url]:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select.select:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=number]:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=text]:focus,.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=url]:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input.select[disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=number][disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=text][disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=url][disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select.select[disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=number][disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=text][disabled],.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=url][disabled]{background-color:#f0f0f0;color:#ccc}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input.select:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=number]:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=text]:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group input[type=url]:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select.select:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=number]:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=text]:not([class*=col-]),.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group select[type=url]:not([class*=col-]){width:100%}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group{display:table;border-collapse:separate;width:100%}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group>*{vertical-align:middle;display:table-cell;height:34px}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group>input{float:left;margin:0!important}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group>input:not([class*=col-]){width:100%}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group-buttons{width:1%;font-size:0;white-space:nowrap;vertical-align:middle}.jodit_dialog_box .jodit_dialog .jodit_dialog_content .jodit_form_group .jodit_input_group-buttons>a{text-align:center;display:inline-block;border:1px solid #ccc;margin-left:-1px;position:relative;height:34px;line-height:34px}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer{padding:0 10px;padding-top:10px;text-align:center;height:48px;display:none}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button{width:auto;margin-bottom:10px;height:32px;line-height:100%;padding:0 15px;background-color:#ccc;border:1px solid #ccc;color:#000;font-size:0}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button:before{content:"";display:inline-block;vertical-align:middle;height:100%}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button svg{display:inline-block;width:24px;height:24px;vertical-align:middle}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button span{display:inline-block;vertical-align:middle;font-size:14px;margin-left:5px}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button:focus{border:1px solid #8bade4;outline:1px solid #82b2e8}.jodit_dialog_box .jodit_dialog .jodit_dialog_footer .jodit_button:nth-child(n+2){margin-left:10px}.jodit_dialog_box .jodit_dialog.with_footer .jodit_dialog_content{height:calc(100% - 96px)}.jodit_dialog_box .jodit_dialog.with_footer .jodit_dialog_footer{display:block}.jodit_dialog_box .jodit_dialog .jodit_dialog_resizer{position:absolute;bottom:0;right:0;cursor:se-resize;width:7px;height:7px;display:inline-block;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADFJREFUeNpilJGRYcACIoB4ORMuCSCOZMIlga4TRQJZJ4YETCdWCSBmZMIlATIOIMAAEyAPt4RnNx0AAAAASUVORK5CYII=")}.jodit_dialog_box .jodit_dialog .jodit_dialog_resizer:hover{border-color:rgba(0,0,0,.6)}@media (max-width:480px){.jodit_dialog_box .jodit_dialog .jodit_dialog_resizer{display:none}}.jodit_dialog_box.jodit_fullsize .jodit_dialog{top:0!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;height:100%!important}.jodit_dialog_box.jodit_fullsize .jodit_dialog .jodit_dialog_resizer{display:none}@media (max-width:768px){.jodit_dialog_header .jodit_input,.jodit_dialog_header .jodit_toolbar_btn-filter,.jodit_dialog_header .jodit_toolbar_btn-separator,.jodit_dialog_header .jodit_toolbar_btn-sort,.jodit_dialog_header_fullsize,.jodit_dialog_header_title{display:none!important}}.jodit_toolbar_list>.jodit_toolbar{max-height:400px;overflow:auto;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);padding:0;margin:auto;text-align:left;box-sizing:border-box;transition:max-height .2s ease 0s;margin-top:0!important;list-style-type:none;font-size:16px;z-index:8;position:absolute;left:0;top:100%}.jodit_toolbar_list>.jodit_toolbar,.jodit_toolbar_list>.jodit_toolbar .jodit_toolbar{background:#f9f9f9}.jodit_toolbar_list>.jodit_toolbar blockquote,.jodit_toolbar_list>.jodit_toolbar h1,.jodit_toolbar_list>.jodit_toolbar h2,.jodit_toolbar_list>.jodit_toolbar h3,.jodit_toolbar_list>.jodit_toolbar h4,.jodit_toolbar_list>.jodit_toolbar h5,.jodit_toolbar_list>.jodit_toolbar p,.jodit_toolbar_list>.jodit_toolbar pre{font-family:Helvetica,sans-serif;margin:0;padding:0;font-weight:400}.jodit_toolbar_list>.jodit_toolbar h5{font-size:.8em;line-height:1.4}.jodit_toolbar_list>.jodit_toolbar h3{font-size:1.31em;line-height:1.4}.jodit_toolbar_list>.jodit_toolbar h4,.jodit_toolbar_list>.jodit_toolbar p{font-size:1em;line-height:1.5em}.jodit_toolbar_list>.jodit_toolbar h2{font-size:1.74em;line-height:1.4}.jodit_toolbar_list>.jodit_toolbar h1{font-size:2.17em;line-height:1.4}.jodit_toolbar_list>.jodit_toolbar blockquote,.jodit_toolbar_list>.jodit_toolbar pre{font-family:monospace}.jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn{display:block;cursor:pointer;white-space:nowrap;color:inherit;text-decoration:none;width:100%;height:auto;box-sizing:border-box;text-align:left}.jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn>a{background-image:none;padding:7px 24px;cursor:pointer;line-height:100%;width:auto;height:auto;display:block}.jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn>a>span{display:inline-block}.jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn>a:hover{background-color:#f3f0f0}.jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn>a:after{display:none}.jodit_toolbar[dir=rtl] .jodit_toolbar_list>.jodit_toolbar,.jodit_toolbar[dir=rtl] .jodit_toolbar_list>.jodit_toolbar li.jodit_toolbar_btn{text-align:right}.jodit_filebrowser{font-family:Helvetica,sans-serif;font-size:0;height:100%}.jodit_filebrowser .jodit_filebrowser_loader{height:100%;width:100%;position:absolute;top:0;left:0}.jodit_filebrowser .jodit_filebrowser_loader i{position:absolute;top:50%;left:50%;margin-top:-64px;margin-left:-64px}.jodit_filebrowser .jodit_filebrowser_status{position:absolute;font-size:10px;padding:2px 3px;border-top:1px solid hsla(0,0%,50%,.4);left:31%;right:0;bottom:0;background-color:#4a4a4a;visibility:hidden;opacity:0;transition:opacity .3s linear;color:#b38888;word-break:break-all}.jodit_filebrowser .jodit_filebrowser_status.success{color:#c5c5c5}.jodit_filebrowser .jodit_filebrowser_status.active{visibility:visible;opacity:1}.jodit_filebrowser .jodit_filebrowser_files,.jodit_filebrowser .jodit_filebrowser_tree{display:none;vertical-align:top;height:100%;position:relative}.jodit_filebrowser .jodit_filebrowser_files.active,.jodit_filebrowser .jodit_filebrowser_tree.active{display:inline-block}.jodit_filebrowser .jodit_filebrowser_files::-webkit-scrollbar,.jodit_filebrowser .jodit_filebrowser_tree::-webkit-scrollbar{width:5px}.jodit_filebrowser .jodit_filebrowser_files::-webkit-scrollbar-track,.jodit_filebrowser .jodit_filebrowser_tree::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.jodit_filebrowser .jodit_filebrowser_files::-webkit-scrollbar-thumb,.jodit_filebrowser .jodit_filebrowser_tree::-webkit-scrollbar-thumb{background-color:#a9a9a9;outline:1px solid #708090}.jodit_filebrowser .jodit_filebrowser_tree.active{width:31%;background-color:#3f3f3f;overflow-y:auto}@media (max-width:480px){.jodit_filebrowser .jodit_filebrowser_tree.active{display:none}}.jodit_filebrowser .jodit_filebrowser_tree.active::-webkit-scrollbar{width:5px}.jodit_filebrowser .jodit_filebrowser_tree.active::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.jodit_filebrowser .jodit_filebrowser_tree.active::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50%,.5);outline:1px solid #708090}.jodit_filebrowser .jodit_filebrowser_tree.active .jodit_filebrowser_source_title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:block;padding:10px;color:#969696;border-bottom:1px solid #484848;line-height:17px;min-height:38px;position:relative;word-break:break-all;background:#5a5a5a;font-size:16px}.jodit_filebrowser .jodit_filebrowser_tree.active a{display:block;padding:10px 20px;text-decoration:none;color:#b1b1b1;font-weight:600;transition:background-color .2s ease 0s;border-bottom:1px solid #474747;line-height:17px;min-height:38px;position:relative;word-break:break-all;font-size:16px}.jodit_filebrowser .jodit_filebrowser_tree.active a i.remove{height:16px;width:16px;line-height:17px;font-size:16px;position:absolute;right:5px;top:11px;opacity:0;padding-left:3px;display:inline-block}.jodit_filebrowser .jodit_filebrowser_tree.active a i.remove:hover{background:#696969}.jodit_filebrowser .jodit_filebrowser_tree.active a:hover{color:#222;background-color:#ecebe9}.jodit_filebrowser .jodit_filebrowser_tree.active a:hover i.remove{opacity:.6}.jodit_filebrowser .jodit_filebrowser_tree.active a.jodit_button{cursor:pointer;background:#696969;text-align:center;width:auto;height:38px;color:#333}.jodit_filebrowser .jodit_filebrowser_tree.active a.jodit_button svg{vertical-align:top}.jodit_filebrowser .jodit_filebrowser_tree.active a.jodit_button:not(.disabled):hover{background-color:#ecebe9}.jodit_filebrowser .jodit_filebrowser_tree.active a.jodit_button.disabled,.jodit_filebrowser .jodit_filebrowser_tree.active a.jodit_button:hover i{opacity:.7}.jodit_filebrowser .jodit_filebrowser_files.active{width:100%;overflow-y:auto;padding:10px}.jodit_filebrowser .jodit_filebrowser_files.active .jodit_filebrowser_source_title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:-10px -10px 0;display:block;padding:10px;line-height:17px;min-height:38px;position:relative;word-break:break-all;background:#5a5a5a;font-size:16px;color:#969696}.jodit_filebrowser .jodit_filebrowser_files.active a+.jodit_filebrowser_source_title{margin-top:10px}.jodit_filebrowser .jodit_filebrowser_files.active a{vertical-align:top;display:inline-block;width:150px;height:150px;line-height:150px;text-align:center;border:1px solid #ccc;margin:5px 5px 10px;font-size:0;overflow:hidden;transition:border .1s linear,bottom .1s linear;box-sizing:content-box;position:relative}.jodit_filebrowser .jodit_filebrowser_files.active a img{max-width:100%;vertical-align:middle}.jodit_filebrowser .jodit_filebrowser_files.active a:hover{border-color:#433b5c}.jodit_filebrowser .jodit_filebrowser_files.active a.active{border-color:#1e88e5;background-color:#b5b5b5}.jodit_filebrowser .jodit_filebrowser_files.active a .jodit_filebrowser_files_item-info{position:absolute;right:0;left:0;bottom:0;white-space:normal;opacity:.85;overflow:visible;padding:.3em .6em;transition:opacity .4s ease;background-color:#e9e9e9;color:#333;text-shadow:#eee 0 1px 0;font-size:14px;line-height:16px;text-align:left}.jodit_filebrowser .jodit_filebrowser_files.active a .jodit_filebrowser_files_item-info>span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:.75em}.jodit_filebrowser .jodit_filebrowser_files.active a .jodit_filebrowser_files_item-info>span.jodit_filebrowser_files_item-info-filename{font-weight:700;font-size:.9em}.jodit_filebrowser .jodit_filebrowser_files.active a.active .jodit_filebrowser_files_item-info{background-color:#b5b5b5;color:#fff;text-shadow:none}.jodit_filebrowser .jodit_filebrowser_files.active a:hover .jodit_filebrowser_files_item-info{bottom:-100px}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list{scroll-behavior:smooth}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a{display:block;width:100%;height:26px;line-height:26px;margin:0;border-width:0 0 1px;text-align:left;white-space:nowrap}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a img{min-width:16px;max-width:16px;vertical-align:middle;display:inline-block;margin-left:4px}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a .jodit_filebrowser_files_item-info{padding:0;position:static;display:inline-block;width:calc(100% - 20px);margin-left:4px;background-color:transparent;height:100%;line-height:inherit;vertical-align:middle;font-size:0}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a .jodit_filebrowser_files_item-info>span{display:inline-block;height:100%;font-size:12px}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a .jodit_filebrowser_files_item-info>span.jodit_filebrowser_files_item-info-filename{width:50%}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a .jodit_filebrowser_files_item-info>span.jodit_filebrowser_files_item-info-filechanged,.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a .jodit_filebrowser_files_item-info>span.jodit_filebrowser_files_item-info-filesize{width:25%}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a:hover{background-color:#433b5c}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a:hover .jodit_filebrowser_files_item-info{color:#fff;text-shadow:none}.jodit_filebrowser .jodit_filebrowser_files.active.jodit_filebrowser_files_view-list a:before{height:100%;content:"";vertical-align:middle;display:inline-block}.jodit_filebrowser .jodit_filebrowser_tree.active+.jodit_filebrowser_files.active{width:69%}@media (max-width:480px){.jodit_filebrowser .jodit_filebrowser_tree.active+.jodit_filebrowser_files.active{width:auto;display:block}}.jodit_filebrowser_preview{text-align:center;min-width:300px;max-width:900px;max-height:700px;min-height:700px;position:relative}.jodit_filebrowser_preview .jodit_filebrowser_preview_navigation{position:absolute;top:0;height:100%;left:0}.jodit_filebrowser_preview .jodit_filebrowser_preview_navigation-next{left:auto;right:0}.jodit_filebrowser_preview .jodit_filebrowser_preview_navigation svg{width:45px;height:45px;position:relative;top:50%;margin-top:-22px;transition:fill .3s linear;fill:#9e9ba7}.jodit_filebrowser_preview .jodit_filebrowser_preview_navigation:hover svg{fill:#000}.jodit_filebrowser_preview img{max-width:100%;max-height:100%}.jodit_draghover{background-color:#ecebe9}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-title .jodit_upload_button{position:relative;width:220px;border:0;padding:25px 0;margin:10px 0;overflow:hidden}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-title .jodit_upload_button input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;margin:0 -10px 0 0;padding:0;opacity:0;font-size:400px}.jodit_dialog_box .jodit_dialog .jodit_dialog_header .jodit_dialog_header-title.jodit_filebrowser_title_box{padding-left:10px}.jodit_grid{width:100%}.jodit_grid [class*=jodit_col-]{display:block;float:left}.jodit_grid .jodit_col-lg-5-5{width:100%}.jodit_grid .jodit_col-lg-4-5{width:80%}.jodit_grid .jodit_col-lg-3-5{width:60%}.jodit_grid .jodit_col-lg-2-5{width:40%}.jodit_grid .jodit_col-lg-1-5{width:20%}.jodit_grid .jodit_col-lg-4-4{width:100%}.jodit_grid .jodit_col-lg-3-4{width:75%}.jodit_grid .jodit_col-lg-2-4{width:50%}.jodit_grid .jodit_col-lg-1-4{width:25%}.jodit_grid:after,.jodit_grid:before{content:" ";display:table}.jodit_grid:after{clear:both}@keyframes a{to{transform:rotate(1turn)}}.jodit_icon-loader{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACACAYAAADDPmHLAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAABRsSURBVHja7F1/aJfVGn/33RgUg8FiNfK2WCykyS7GLoYyUbwYipZMumgLo+iPS9HlXhSHkRXdislESxMz0mapuaFo2myjkfnNlTQ2FJdTu8NvLVcrdbpcfGvxrfs823m/vXt3fjznvOedzr0PPJzzPe+7d+97Ps95nuc851fGAw884CD98ccfI1Jqmc3UpEyQz4FkMqRTgYshn8fymZ57SyGbzf5mENIOz9+ngE9Atg/SLkhPQHoWeEDn3SmpSZlJnvf7ypUrTpb7IyMjY+gGN6WWmaY84l2T3c+u58D1csjOgvwsyBdBvsDRo2zgMl/ZNM59vcAJ4Dj8nzikLa5QmBLv28YCfPd3li7gPHBMwKdcEwhCJgN6FoLOWJtUgiWovALG04FXsbI44xbgw8AplbaU/Q+ZQNgGf0gA/JWhC1aQyle1eN91rPRKKKuEsjzZvSph0m2RiutpIYRrfZC8B+l7kB6jgq0CnQIy9X39v2NYQW5FeUFQlQVN/aALyiYBPw/5M5B+Dvw02vMggqcDukEl57F3xHf9H747+4bA5oD6dzqaYEgAqIDbBl9RhvZ4H/B5yL+IDp3oXhmwNkm3lTLn80VIz+O3QFqm2/rHwgeI6QDOa006LZ3Q4lHNNwK3AVeYAD4WgmHQUivYNzWyb7xufICYaavXVbuKZ6MXfwRVJ+TnXW+Am/oMnNaO3/Y5pPitcyh/a6LqtXwAt+J01LVFEzAJ0jpIj7JunJYd1wHchnBQHUSC3Uan8WPgPVgHlBiBCcAkH4Da2i2DjwGZlcy5W0K17zLwVb9NgaY4iJpawJs+BCnWwUo3SKXT4oOAP8IHCFsIfMCguj8JaQ2kOaaA227d10ALuIR1gHVxErjctPtHBd8btSR3A4MIgSePAZxqVPeQlthq7ZRuZVABCVkLuGkJpGgKsY4ybfUEVO84qhsoAzSgrUfHZ1UQVe99B6o2oMYdwg7latAq5iROGoueQExW6UE0gCe/ANIh9SZ6jqkWsN3STZ0rHWEgpkNmEvILxqQbSAXaAPxqSBswQkbpbpo6fGPR0m3GBYjBIIwqNjCTEAr4wkBQUA0AjKNrdZCu0okAqgQhTKCDhFxV91BNgsDuYx3WQZptG3xtDUCJEDKvthGuLVEJlq4gUMyAylfQERadPrhKOHTmB3Ces4RFEXNsgW8UClbZcEhxqPQIpHOord2k1ZsAH4YvYNJXN3EgWX4Ocw4LbIEvDQSJfADJtULWxSuj+BBUP4DaC6D0DkyFg6JKTVo/5brvXqzbo2zSi3af3/9bGgrW1Ar5kH4MXEzVHEHVf5CuYZC4fti9AoI/gXX8Eda5Tp9f9I4xWWsnOoc5zNMv1okjmKp/vzay3epNJ4+YmALdoWBPWTHksc5zTU1AekqYt7LcWTruTYTZQdmQHoB0GuXv/de8L8e7xrsuA8kPNtx3AZIOxp3APc7wvD6kvi+//DLh3nvPPfegWs1jf4dBGGxpOA+hlOXzgw7VBjEBnDKcs4jzDOZDOmjqD2SJQFGBx9JaSOcQ7xVO2RIJhf86AfB+Z3huHs7Ra2pra+ugtubTp0+jMLgC0e6/ftddd6EgzMO5iGwSaq4NITCdLczy6GzXAj8KnDIxAaM0AKeViwCtgbRSNgGUJwQyDaACngO4w6S/CXgb8KEvvvgiFUaw59y5c64mWXvnnXdmsijdYxjpdP6cXh6oS0g1Bb48zpFEzValA3663pcuXaoleSzFltBIlWhRmWx+v6yMcQJ4PU7A/Oyzz/qca0R33HEHrjlAEJa73rns24JqA0keTUGTjglIJpNOxsMPP6wLfiGkx53hxRbcewwXc1BAx0u4gGMNcP2nn36acq4juv322ytZ5K7UlhBo5LER3AvcTXU60wKgYbsyWTCi3LTV6wLvKesGrvrkk0/qneucCgoKHoJkHbxvYRAhMMij/zMbVzZRTMAvv/wycj4AoRv4Mk7oII4HkLp+vC6drwxt/FrgKeMBfKTe3t69UMFTgPG9B3WcQdMeBsvjhJJqnYGqjMrKSmr/tZxNWAi87o9i+1l5O6SPNjc3dzrjlPLz83HyC/aWpqk0gWZUUHZtJvxuUZmAtAYgtHycr/a6qIXz2DQI5OH1UDRjPIOPdOHChU6o+JmQXW+68JYS4vUB/bozvN5RGAImdwPZA3AC51RKrMAfyBHFGCRBnz4oe7ypqemgc4PQxYsX0YytuOWWW3BRaa3DWd0U1A/w/Z4KvBx4jcoExAitE6dzPStr3RR/QKQ5fOUJ4PsaGxtvGPC9dOnSJfyu+7ALa9MJFPx+lkU05YNBBDVdg0uwKc4eAWCZ83cC8jM+/PDDLucGpr6+Pvy+GWz/ASs9AMFvd7ax1ATEFOBjmLdSBraN3gBwHHhmQ0NDrzMB6PLly73MUYubOs3EiB/GJebyTEB6QogCnGrV6KAFR7AVeP4HH3ww4EwgunLlCn7vfACi1UQDqMb5PWUvm5qAB3HESXNomKz2GaOHv/DAgQNJZwJSf38/fvdC3J5G1iPQnf3jK5sGvx80MQHP69hxHWZ/2wN8//vvv3/BmcD0008/XWCaoEcUJ6C0eoUWeFbXBOBCzTKKJ2/YExgEXrRv374eJyLn6tWrWA+LAJRBy+o/rQUQUx0TsFwzRKzLK/bu3dseQf8nDQwMYH2sCOL0ibx9Vr6cagIKmf0nxe8pguC7vn/Pnj2bIshH088//4z1st+m+veUI6ZFFBOwLGj/XqIh0O4/HkEtJgDmcZ4/EED9e69VKk0ACoDN1u/jqrq6uv4IZjElk0msnypbwPs0wTKVCUBnYbLuMC5REA7v3r37vQhikhBgPTWrTAEFeB9NZt3C0SbAr/6DdPM4jF7/PyNotUzBU26vgAo8x+7zri3jmgAgnOJdKYrVB9QEb+zcubMrgpVOv/76K9bXGzrACwTJfw1D+9k8EzAXOE8GviEPAK+JIDXSAlhvA7yWTWztvMfiXM65PBNQrgLfUBi2v/vuu70RnPo0ODjYC0BtN3D2VNfLR5gAz04eRn17yb0p4A0RlIEI6y+la/MV1xf4fYACSEtDiP031dbWRrY/AP32229dAGCTrs1XrHHEaesFXh+gXCfooyEM2yIIrdC2ADZ/1D1eM+CagHLJ5ExTxrl9hyLsrDiDWI99EjApgPvLRwhAmQh4HV/Axwe3bt06GMEXnFKpFK4tOBgQcH95WdoEAE01nc8Xi8VEArA3gs4q7VWpfsHaCpEg4GrnoeXhOEKUw3u4yZYqbGo4Lk2KR5hZpcOsXjO9GIm0AYFycTErmoDJVLWu0Tto3bJly0CEmT36/fffkzh/UKfVE3yLkix3Xx+v5FjYaaslgiwUZxDrdbrm38guF6EAFFKAF5kEwcFPrRFcoVCrIdAiKsSlYUWqFi/zBwTXOiKsQqGOIKe1cQRmSAPkmYIv0ADY9Yuif+GYgC5Wv9kB1L6X8lAA8k3BFwhB94YNG1IRXPYJutwpINwBpNjSI/O5AhDQGUxEUIVKCRMBEGiFIQG4yX+Daf+fPacvwihUM2Czfm/KcgMLtjZZhudEY//hks2VVJlZ7tJvi5SMMApVA9gMsOVkXYvDFiO6fggFACUqJ6qKcaMBbD5uAH2AlE0fIKJxRSnUAGizcykePtWzjOo1VA2gpa0V2CVRALBbURDwQV4qiGAKVQDyLZ571JfFum0lFqTJvScvgilUytPxAxSY9boawMbD3OtFEUahaoAinQap0gA4JSzhPswSFz733HOZEVT2KZlMYr0WesGV7KpOoQRqgG6DVi4rx5EqjFWfjSCz3vqLHd9IoGyYnoBjNwpAwhBoWXlpJAChCECpv66p5ycJBCSBcwI7daZ7E83FtAiuUGgaT/WLACaYhk4MBCVk0UDKWb2c3+URVqFogOm8OqccqMW5d+Dmm29OuGsDOyw7gmUvvfRSFBCySFevXsX6LBO1cIoG8NEQ5u7KoFbLi0Kz3fODI7JGeHbwTSJADcxCq1cAWnR39yYIQUWEmVX1X2G6SYTgnhavABwL0uoF91dUV1dnR9AFp/7+fjysq0IGvIEGODYkAOwa7t/XYXl3kDzgBRF8Vgg3eczT2SqGYP97vBoA83ELrd6/WPSJCDsr6v8Jw91BRdfS6za9ewQ1qVo9RQv47plXU1NTHEFoTpcvX8aTwueJgKdoAI4wpE8Y9e4SdtgdGLK4S1gm8L8jGAO1fqy/TNmiUE1hQIwPj9AADOQk7ugRdJ9ADj+2bt26aI6AAV26dAnr7THqnsFEYTgEnBRtFl0fwk6hOcCrIjiNaBXOAKIcuq3hG4w4fTXma+lNOEHEZFs4hcA8+eqrr0a+gAZdvHgRbf+TsrMDDMxBr2v/eT7A0L5+8HN7AKdPFhncHMGqZftfB84Wga0yBwKtsN1hk4B5PsCIrd0C2HwRz924cWNlBK2afvzxx0rX89c5Qo4gCNv85bwDI7r8XUKqynfL/KmHazZt2pQbQSymH374AffuqeEB7gWXCrzHFCCmXf5niE4NWxPkJFAJ41GmtRHMUtWP9TNJdYScgQZYo3NoFEYF21WmgAq8776KzZs3Px1BPZq+//57rJcKXhg3oClo90b/qCeHvqLjA2j6B+u2bNlSFkH+J3333XdlAMo6ntq3cJroK6K4gOzgyP2oBaj2nqIdPGXYKzjw5ptvToqgd5yenh5U+Qcgmy07UdxQA7QD7xfFClSnh68Oelag6H5n+Fj6j9566638iQz++fPn8wGMRq/dV4EviwVwrq0W9QpUJsAdINof5LRQxfNLgBu2bt06IaePffvttzjDp8EZ3r6dDL7sQEkfyAdVW82rjo9H/hdkB2y2ft89eEB149tvvz2hlqh/8803OazlTzMFX6ENcKLvU7LgEMUEuIc9vqLb+inBJE8ezyo+un379gkxaPT111/jdx4FEGbJwOd1A2VdQ9896Pj1qIJDMSJI6yHpNGnpGlHFqVgp77zzzg29tjCRSBQx8KfKWrmJBvDkO4HXU3oI7pQwFUDpc/8s9ABk14uB23bs2HFDTiU7d+7cAqj4NrbESxtojeAQYjWoOnyaqwF4AsFSnDm81lT1y2YZ+cpwLmHDzp07a3bt2nVDTCrt6urKBq5hDl8eBXCTHgGjtWxTaVK8IEYFjKWrvVPIdU8VE2kMgUCsBD6ye/fukvEM/ldffVUCFX4EsitVtl3UYjU0wDHg1dQIodQJFJShKXgE0j5dLaACn6MJkKcDH6+rq6uur68fV72EM2fO5Jw9e7YasseBp5u0cKoQsDxO9Vrqqn6R2hdGAjWEoBvSR03B9wPNA95HGDVcBXxqz549D40H8E+fPo3vecoZntGTreqzmwgBRyDw2Plu3TBxxmuvvcYFUQYwy+OQ5UoV6DITQzEJnGsdbLSyfvHixdfVptSnTp2qZMJaqtsVVtWbAiP0zap498ryt956q5OxYcMGyj/gpbhbxS5IlwSJBQQYYsZVzWtREBYtWnTN9ic+efIkOq1LmM9SZDKplioQgrJ6ZpZTVODd32kBIEoZL0UvvdFdCBoUfGo8gXM0/UHgHTireeHChaFrhePHj+N0dzxqdxnwg2xwS0vD6YIvwAOnd89nvhkZeJduu+02J2Pjxo0UKZO9GM7w+cjdFMIgCmiqAXj39bO5DPFYLNY8b948ayeXtLW1lbIT1mcxzjVZUGtqCjh44Bj/34H7ZXjJhCItAAHAd1Mc0fvcPYAqCPhBhIHDF5jP0MF2QkmwE02HTMjs2bPTpqOlpSXPVeHABSwoVcLsOebzTWZH2fADOClO7ZqB3yfDTWUSUACyiHZG9UJY0SiNH7PKIjsiqt6BooegIhTMOYxHUTweN3q26EAN/wkr3t+qvEaKczbvxzoXPcf7brL/a9oNFKXYPZzpnUpGlX6dbqHIDIRNlIWXsuibbjdQkGLdzoQ0YfJ/uJFAamsndllw19HZzDlxVGFmkcqilFnSEFotnnKNOlZPGQX0lWOdzoa01xR47nCwDtBEpwbHoedj94wy0KSKCOoIQhgaQrXZgkoYdMCXPAvrcr57WITuXEHlcLCu00cQGjza7BEcRjbRAFSNQAXXVAh0zuY1BV/Q2r3pekixnz+oGRomvVtMV9Vr3I/98RXAC73LzoM4grIWb1sIxgp8iSnAOlsIKdZhynB8QG8wiKIBDPyCQ5C9F0cRKY6gDFwZ2DaFIEzwCS3e3b/nXlzKras1dFr/KA2go/5FLVRwfzdzDtfodgupZoFqGohbqIYGPsH+Yx3NxF6V7D2omkXlmMZM1T8PDMXfoUl4BruKkHaaaANbtj2MnoEJ+L6/72RdvGe8Kt9kjqBOj4SsAUyvce7BCSV/Ba6C/EBYXcSg5oIKtqkj5ikbgLSKqfwWaheRWqZ6j1gIAFPuQW2AI3lTIN0b1CSonMSwYgCU6wqQ8NunsOHcQcozVKZIVwhiKjVuMEihY0YwevgPSDG0eUy3ezjWYOsEhRRAHWPf/A93Egc1MKTj+FGEIGZhIEgJiMzPYPlmHNxgjmLTtRSCsOw+o2YWzcNvbTYIBVsVgrQGsAW+6cCSJx9nUcS/QbrfVAjCDgQZ/P1+yOM33Q9pPMizqCaAKgSxsMCntk6B2sdVyYsh/QvwC7hriY4QhCkUGi0e3/kF/AYow29pJ8YArJkAihDEwgRfVyNw8rif7X+B74Y8qs03nOGNDq0IgQ3Afff0sXecAfm72bv3UFoxpdWbtH7V32cFcfgoLcyCEKQdJ9zVHNL/AM9ijOP808MYD/CP7UvuO8ZGP+OMB3nP4T1PNfYvey/KXAPKd2XpevA27iWYANk9g8yZamblOa5A4FQtZ/jEsjybWsBTaX1sQkbcA/iACAQd0E2EQgU8RUiyKC02qGnQjS6qwPP9LQJwiLFLuUwQcBuaIiYQuBjTPc8wk/32VtYJFq104xQnmLlJMPuNNr3fUEuQQtDUVm8DeNcc/F+AAQBKd8HaIWdjwQAAAABJRU5ErkJggg==") no-repeat 50%;background-size:100% 100%;width:128px;height:128px;will-change:transform;animation:a 2s ease-out 0s infinite}.jodit_icon,.jodit_icon-loader{display:inline-block;vertical-align:middle}.jodit_icon{font-style:normal;width:14px;height:14px;font-size:8px;fill:#222;transform-origin:0 0!important;overflow:visible;background:50% no-repeat;background-size:contain}svg.jodit_icon{height:auto}.jodit_text_icon{font-size:14px}.jodit_toolbar_size-small .jodit_icon{min-width:12px;height:12px;line-height:12px}.jodit_toolbar_size-large .jodit_icon{min-width:16px;height:16px;line-height:16px}.jodit_image_editor{width:100%;height:100%;padding:10px;overflow:hidden}@media (max-width:768px){.jodit_image_editor{height:auto}}.jodit_image_editor>div,.jodit_image_editor>div>div{height:100%}@media (max-width:768px){.jodit_image_editor>div,.jodit_image_editor>div>div{height:auto;min-height:200px}}.jodit_image_editor *{box-sizing:border-box}.jodit_image_editor .jodit_image_editor_slider-title{text-shadow:#f3f3f3 0 1px 0;color:#333;border-bottom:1px solid hsla(0,0%,62%,.31);background-color:#f9f9f9;padding:.8em 1em;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:700;line-height:1em}.jodit_image_editor .jodit_image_editor_slider-title svg{margin-right:10px;width:16px;display:inline-block;vertical-align:middle}.jodit_image_editor .jodit_image_editor_slider-content{display:none}.jodit_image_editor .jodit_image_editor_slider.active .jodit_image_editor_slider-title{background-color:#5d5d5d;color:#fff;text-shadow:#000 0 1px 0}.jodit_image_editor .jodit_image_editor_slider.active .jodit_image_editor_slider-title svg{fill:#fff}.jodit_image_editor .jodit_image_editor_slider.active .jodit_image_editor_slider-content{display:block}.jodit_image_editor_area{background-color:#eee;background-image:linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc),linear-gradient(45deg,#ccc 25%,transparent 0,transparent 75%,#ccc 0,#ccc);background-size:30px 30px;background-position:0 0,15px 15px;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;display:none}.jodit_image_editor_area.active{display:block}.jodit_image_editor_area .jodit_image_editor_box{overflow:hidden;position:relative;z-index:1;pointer-events:none;height:100%}.jodit_image_editor_area .jodit_image_editor_box img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;max-width:100%;max-height:100%}.jodit_image_editor_area .jodit_image_editor_croper,.jodit_image_editor_area .jodit_image_editor_resizer{z-index:2;width:100px;height:100px;position:absolute;box-shadow:0 0 11px #000;border:1px solid #fff;background-repeat:no-repeat;top:10px;left:20px;pointer-events:none}.jodit_image_editor_area .jodit_image_editor_croper i.jodit_bottomright,.jodit_image_editor_area .jodit_image_editor_resizer i.jodit_bottomright{position:absolute;display:inline-block;border:1px solid #383838;z-index:4;background-color:#8c7878;cursor:se-resize;border-radius:10px;height:20px;width:20px;right:-10px;bottom:-10px;box-shadow:0 0 11px #000;pointer-events:all}.jodit_image_editor_area .jodit_image_editor_croper i.jodit_bottomright:active,.jodit_image_editor_area .jodit_image_editor_resizer i.jodit_bottomright:active{border:1px solid #ff0}.jodit_image_editor_area.jodit_image_editor_area_crop{height:100%;background:#eee;text-align:center;line-height:100%;position:relative}.jodit_image_editor_area.jodit_image_editor_area_crop:before{content:"";line-height:100%;vertical-align:middle;height:100%;display:inline-block}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box{height:100%;overflow:visible;display:inline-block;vertical-align:middle;pointer-events:all;font-size:0;text-align:left;line-height:100%}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box img{max-width:100%;max-height:100%}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box:before{content:"";line-height:100%;vertical-align:middle;height:100%;display:inline-block}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;background:hsla(0,0%,100%,.3);z-index:1}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box .jodit_image_editor_croper{pointer-events:all;cursor:move}.jodit_image_editor_area.jodit_image_editor_area_crop .jodit_image_editor_box .jodit_image_editor_croper i.jodit_sizes{font-size:12px;white-space:pre;position:absolute;bottom:-30px;left:100%;text-align:center;color:#fff;text-shadow:none;background:rgba(0,0,0,.2);border-radius:.4em;padding:9px 6px;display:block}.jodit_properties svg{font-style:normal;display:inline-block;width:14px;height:14px;line-height:14px;font-size:8px;overflow:hidden;vertical-align:middle;fill:#222;transform-origin:0 0!important}.jodit_properties #tabsbox{padding:10px}.jodit_properties #tabsbox .jodit_form_group{padding:0}.jodit_properties .jodit_properties_view_box{padding:10px}.jodit_properties .jodit_properties_view_box .jodit_properties_image_view{height:150px;text-align:center;line-height:1;vertical-align:middle;padding:0;background-color:#f6f6f6;margin:0;vertical-align:baseline;font-size:100%;margin-bottom:10px}.jodit_properties .jodit_properties_view_box .jodit_properties_image_view:before{content:"";display:inline-block;vertical-align:middle;height:100%}.jodit_properties .jodit_properties_view_box .jodit_properties_image_view img{max-width:100%;max-height:100%;vertical-align:middle}.jodit_properties .jodit_properties_view_box .jodit_properties_image_sizes.jodit_form_group{padding:0!important;margin:0!important}.jodit_properties .jodit_properties_view_box .jodit_properties_image_sizes.jodit_form_group a{display:inline-block;cursor:pointer}.jodit_properties .jodit_properties_view_box .jodit_properties_image_sizes.jodit_form_group input[type=number]{display:inline-block!important;width:calc(50% - 8px)!important}.jodit_toolbar,.jodit_toolbar *{box-sizing:border-box}.jodit_toolbar{position:relative;left:0;top:0;margin:0!important;padding:0!important;list-style:none!important;font-size:0;background:#f9f9f9;box-shadow:0 4px 4px -2px rgba(0,0,0,.14);border:1px solid #ccc;border-bottom:0;min-height:16px!important}.jodit_toolbar+.jodit_toolbar_dummy{display:none}.jodit_toolbar.jodit_fly{position:absolute;left:0;right:0;z-index:10;background:#fff}.jodit_toolbar.jodit_sticky{position:fixed;position:-webkit-sticky;position:sticky;z-index:3;top:0;left:auto}.jodit_toolbar.jodit_sticky+.jodit_toolbar_dummy{display:block}.jodit_toolbar .jodit_toolbar_btn>a{color:#000;text-decoration:none;display:block;background:no-repeat 50%}.jodit_toolbar>li.jodit_toolbar_btn{display:inline-block;vertical-align:top;margin:0!important;padding:0;list-style:none!important;outline:none;position:relative;text-align:center;cursor:pointer;transition:background-color .2s linear,opacity .1s linear}.jodit_toolbar>li.jodit_toolbar_btn.jodit_disabled{background-color:transparent!important;opacity:.3;cursor:default}.jodit_toolbar>li.jodit_toolbar_btn.jodit_disabled a{cursor:default}.jodit_toolbar>li.jodit_toolbar_btn.jodit_toolbar_btn-separator{border-left:0;border-right:1px solid #e6e6e6;padding:0;margin:2px 3px 0!important;cursor:default}.jodit_toolbar>li.jodit_toolbar_btn.jodit_toolbar_btn-break{display:block!important;width:auto;border-top:1px solid #e6e6e6;height:0;margin:0 3px!important}.jodit_toolbar>li.jodit_toolbar_btn .jodit_toolbar_btn>a,.jodit_toolbar>li.jodit_toolbar_btn>a{width:100%;height:100%;display:inline-block;outline:none;text-decoration:none}.jodit_toolbar>li.jodit_toolbar_btn .jodit_toolbar_btn>a:after,.jodit_toolbar>li.jodit_toolbar_btn>a:after{content:"";display:inline-block;height:100%;vertical-align:middle}.jodit_toolbar>li.jodit_toolbar_btn .jodit_toolbar_btn>a:active+.jodit_tooltip,.jodit_toolbar>li.jodit_toolbar_btn>a:active+.jodit_tooltip{visibility:hidden!important}.jodit_toolbar>li.jodit_toolbar_btn.jodit_disabled .jodit_tooltip{display:none!important}.jodit_toolbar>li.jodit_toolbar_btn>a{line-height:100%}.jodit_toolbar>li.jodit_toolbar_btn.jodit_dropdown_open .jodit_tooltip,.jodit_toolbar>li.jodit_toolbar_btn .jodit_popap_open,.jodit_toolbar>li.jodit_toolbar_btn.jodit_popup_open .jodit_tooltip{visibility:hidden!important}.jodit_toolbar>li.jodit_toolbar_btn:not(.jodit_toolbar-input):hover{background-color:#dde4ef;outline:none}.jodit_toolbar>li.jodit_toolbar_btn.jodit_active,.jodit_toolbar>li.jodit_toolbar_btn:not(.jodit_toolbar-input):active{background-color:hsla(0,0%,87%,.4);outline:none}.jodit_toolbar>li.jodit_toolbar_btn.jodit-btn-hidden{display:none!important}.jodit_toolbar>li.jodit_toolbar_btn.jodit_with_dropdownlist .jodit_with_dropdownlist-trigger{width:0;height:0;border-right:3px solid transparent;border-left:3px solid transparent;border-top:3px solid #4c4c4c;display:inline-block;vertical-align:middle;margin-left:3px}.jodit_toolbar>li.jodit_toolbar_btn.jodit_toolbar-input input,.jodit_toolbar>li.jodit_toolbar_btn.jodit_toolbar-input select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;border-radius:0;outline:none;line-height:100%}.jodit_toolbar>li.jodit_toolbar_btn.jodit_toolbar-input select{padding-right:20px;background:url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 98% 50%!important}.jodit_toolbar>li{min-width:32px;height:32px;line-height:32px}.jodit_toolbar>li.jodit_toolbar_btn-separator{height:28px;width:0;min-width:0}.jodit_tooltip{position:absolute;background:#727171;color:#fff;font-size:12px;line-height:15px;padding:4px 5px;font-family:Arial,sans-serif;z-index:9;width:90px;transition:opacity .3s linear}@media (max-width:768px){.jodit_tooltip{display:none}}.jodit_toolbar_size-small .jodit_toolbar{min-height:12px!important}.jodit_toolbar_size-small .jodit_toolbar>li{min-width:24px;height:24px;line-height:24px}.jodit_toolbar_size-small .jodit_toolbar>li.jodit_toolbar_btn-separator{height:20px;width:0;min-width:0}.jodit_toolbar_size-large .jodit_toolbar{min-height:18px!important}.jodit_toolbar_size-large .jodit_toolbar>li{min-width:36px;height:36px;line-height:36px}.jodit_toolbar_size-large .jodit_toolbar>li.jodit_toolbar_btn-separator{height:32px;width:0;min-width:0}.jodit_toolbar_popup{position:absolute;z-index:7;top:100%;margin-top:10px;padding-top:0;left:0;font-size:14px;line-height:14px!important;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.2)}.jodit_toolbar_popup .jodit_toolbar{box-shadow:none;border-width:0;background-color:transparent}.jodit_toolbar_popup .jodit_toolbar .jodit_toolbar{background-color:#f9f9f9;box-shadow:0 4px 4px -2px rgba(0,0,0,.14);border:1px solid #ccc}.jodit_toolbar_popup>*{margin:10px}.jodit_toolbar_popup .jodit_popup_triangle{padding:0;margin:0;width:8px;height:8px;position:absolute;top:-5px;left:9px;display:inline-block;transform:rotate(45deg);background:#fff;border:1px solid rgba(0,0,0,.2);border-width:1px 0 0 1px;z-index:5}.jodit_toolbar_popup.jodit_right{left:auto;right:0}.jodit_toolbar_popup.jodit_right:before{left:auto;right:14px}.jodit_toolbar .jodit_toolbar_btn>svg{max-width:50%;vertical-align:middle;font-smoothing:antialiased}.jodit_container>.jodit_toolbar>li:first-child{margin-left:2px!important}.jodit_container[dir=rtl]>.jodit_toolbar>li:first-child{margin-left:0!important;margin-right:2px!important}.jodit_draganddrop_file_box,.jodit_uploadfile_button{position:relative;width:220px;border:1px dashed #ccc;padding:25px 0;margin:10px 0;text-align:center;overflow:hidden}.jodit_draganddrop_file_box:hover,.jodit_uploadfile_button:hover{background-color:#ecebe9}.jodit_draganddrop_file_box input,.jodit_uploadfile_button input{cursor:pointer;position:absolute;top:0;bottom:0;right:0;margin:0;padding:0;opacity:0;font-size:400px}@media (max-width:768px){.jodit_draganddrop_file_box{width:auto;max-width:100%;min-width:120px}}.jodit_statusbar{border:1px solid #ccc;border-top:0;font-size:0;background-color:#f9f9f9;padding:0 5px}.jodit_statusbar .jodit_statusbar_item{font-size:11px;float:left;line-height:1.57142857em;margin:0 10px 0 0;padding:0;vertical-align:middle}.jodit_statusbar .jodit_statusbar_item.jodit_statusbar_item-right{float:right;margin:0 0 0 10px}.jodit_statusbar .jodit_statusbar_item li,.jodit_statusbar .jodit_statusbar_item ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:top;position:relative}.jodit_statusbar .jodit_statusbar_item li li,.jodit_statusbar .jodit_statusbar_item ul li{margin-right:5px}.jodit_statusbar .jodit_statusbar_item a,.jodit_statusbar .jodit_statusbar_item span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;vertical-align:baseline;text-align:left;white-space:nowrap;padding:2px 3px;line-height:10px;outline:0;border:0;color:#222}.jodit_statusbar .jodit_statusbar_item a span,.jodit_statusbar .jodit_statusbar_item span span{padding:0}.jodit_statusbar .jodit_statusbar_item svg{width:11px;height:11px;display:inline-block;vertical-align:top}.jodit_statusbar .jodit_statusbar_item a{text-decoration:none;cursor:default;border-radius:3px}.jodit_statusbar .jodit_statusbar_item a:hover{background-color:hsla(0,0%,88%,.99);text-decoration:none;color:#222}.jodit_statusbar:after{content:" ";display:block;visibility:hidden;font-size:0;height:0;float:none;clear:both}.jodit_disabled .jodit_statusbar{opacity:.4}.jodit_form{color:#000}.jodit_form input[type=text],.jodit_form input[type=url],.jodit_form textarea{-webkit-appearance:none;-moz-appearance:none;display:block;outline:none;border:1px solid #b5b5b5;height:28px;line-height:28px;padding:0 5px;min-width:220px;margin-top:10px}.jodit_form input[type=text].jodit_error,.jodit_form input[type=url].jodit_error,.jodit_form textarea.jodit_error{border-color:#f7d1d1;box-shadow:inset 0 0 3px 0 hsla(0,0%,74%,.3)}@media (max-width:768px){.jodit_form input[type=text],.jodit_form input[type=url],.jodit_form textarea{min-width:150px}}.jodit_form textarea{height:128px}.jodit_form button{height:36px;line-height:1;color:#000;padding:10px;cursor:pointer;text-decoration:none;border:none;background:#d6d6d6;font-size:16px;outline:none;transition:background .2s ease 0s;margin-top:10px;margin-bottom:10px}.jodit_form button:hover{background-color:#ecebe9;color:#000}.jodit_form button:active{background:#ecebe9;color:#000}.jodit_form input[type=checkbox]{display:inline-block;z-index:2;border:0 none;cursor:pointer;height:16px;margin:0;padding:0;width:16px;position:relative;outline:none;top:3px}.jodit_form input[type=checkbox]:after{content:"";background:#fff;border:1px solid hsla(0,0%,88%,.99);border-radius:2px;background-clip:padding-box;width:16px;height:16px;display:inline-block;position:relative;z-index:1;box-sizing:border-box;transition:background .2s ease 0s,border-color .2s ease 0s}.jodit_form input[type=checkbox]:checked:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M27 4L12 19l-7-7-5 5 12 12L32 9z' fill='%23FFF'/%3E%3C/svg%3E") no-repeat 50%;background-color:#b5b5b5;border-color:#b5b5b5}.jodit_form label{margin-top:10px;display:block;text-align:left}.jodit_form form:after{content:"";display:table;clear:both}.jodit_about{padding:20px}.jodit_about a{color:#459ce7;text-decoration:none}.jodit_about a:focus,.jodit_about a:hover{color:#23527c;text-decoration:underline;outline:0}.jodit_about div{margin-bottom:5px}.jodit_colorpicker{min-width:180px;text-align:left;margin:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jodit_colorpicker .jodit_colorpicker_group{margin-bottom:5px;white-space:normal}.jodit_colorpicker a{width:18px;height:18px;line-height:16px;display:inline-block;text-decoration:none;vertical-align:middle;text-align:center}.jodit_colorpicker a:before{content:"";display:inline-block;height:100%;vertical-align:middle;width:0}.jodit_colorpicker a svg{display:inline-block;vertical-align:middle;font-smoothing:antialiased;max-width:14px}.jodit_colorpicker a:hover{border-color:#000}.jodit_colorpicker a:active{background:#d6d6d6;color:#b5b5b5}.jodit_colorpicker .jodit_text_icon{width:auto;text-decoration:none;color:#000}.jodit_colorpicker span{float:right}.jodit_colorpicker span em{width:16px;height:16px;display:inline-block;margin-right:4px}.jodit_colorpicker span input{width:18px;height:18px;padding:0;border:none;-webkit-appearance:none}.jodit_colorpicker span input[type=color]::-webkit-color-swatch-wrapper{padding:0}.jodit_colorpicker span input input[type=color]::-webkit-color-swatch{border:none}@keyframes b{30%{opacity:.6}60%{opacity:0}to{opacity:.6}}.jodit_progress_bar{position:absolute;top:0;left:0;height:2px;z-index:16;border-radius:1px;display:none}.jodit_progress_bar div{position:relative;background:#b91f1f;height:2px;transition:width .5s ease-out,opacity .5s linear;will-change:width,opacity}.jodit_progress_bar div:after,.jodit_progress_bar div:before{animation:b 2s ease-out 0s infinite;content:"";display:inline-block;position:absolute;top:0;height:2px;box-shadow:1px 0 6px 1px #b91f1f;border-radius:100%;opacity:.6}.jodit_progress_bar div:before{width:180px;right:-80px;clip:rect(-6px,90px,14px,-6px)}.jodit_progress_bar div:after{width:20px;right:0;clip:rect(-6px,22px,14px,10px)}.jodit_tabs .jodit_tabs_buttons{line-height:18px;margin-bottom:5px;margin-top:4px}.jodit_tabs .jodit_tabs_buttons>a{display:inline-block;text-decoration:none;font-size:11px;font-weight:700;text-align:center;white-space:nowrap;height:29px;line-height:27px;position:relative;vertical-align:middle;transition:background .1s linear;text-overflow:ellipsis;overflow:hidden;box-shadow:none;background-color:#f5f5f5;color:#737373;border:1px solid rgba(0,0,0,.1);outline:none}@media (max-width:768px){.jodit_tabs .jodit_tabs_buttons>a{width:100%!important;border-radius:0!important}}.jodit_tabs .jodit_tabs_buttons>a+a{margin-left:-1px}.jodit_tabs .jodit_tabs_buttons>a i,.jodit_tabs .jodit_tabs_buttons>a svg{width:16px;height:16px;display:inline-block;vertical-align:sub;margin-right:5px;fill:#737373}.jodit_tabs .jodit_tabs_buttons>a:hover{border:1px solid #c6c6c6;color:#111;box-shadow:none;background-color:#f8f8f8;outline:none}.jodit_tabs .jodit_tabs_buttons>a:hover i,.jodit_tabs .jodit_tabs_buttons>a:hover svg{fill:#111}.jodit_tabs .jodit_tabs_buttons>a.active,.jodit_tabs .jodit_tabs_buttons>a:active{outline:none;background:#fff;border:1px solid #ccc;color:#333}.jodit_tabs .jodit_tabs_buttons>a.active i,.jodit_tabs .jodit_tabs_buttons>a.active svg,.jodit_tabs .jodit_tabs_buttons>a:active i,.jodit_tabs .jodit_tabs_buttons>a:active svg{fill:#333}.jodit_tabs .jodit_tabs_wrapper .jodit_tab{display:none}.jodit_tabs .jodit_tabs_wrapper .jodit_tab.active{display:block}.jodit_tabs .jodit_tabs_wrapper .jodit_tab .jodit_tab_empty{min-width:220px;min-height:100px}.jodit-add-new-line{z-index:1;position:absolute;height:20px;line-height:100%;vertical-align:middle;font-size:0;top:0;outline:none;margin-top:-10px;display:none}.jodit-add-new-line,.jodit-add-new-line *{box-sizing:border-box}.jodit-add-new-line:before{height:100%}.jodit-add-new-line:after,.jodit-add-new-line:before{display:inline-block;vertical-align:middle;content:""}.jodit-add-new-line:after{box-sizing:border-box;border-top:1px solid #ccc;height:1px;width:calc(100% - 30px)}.jodit-add-new-line span{right:0;position:absolute;display:inline-block;width:30px;height:20px;background:hsla(40,7%,92%,.3);vertical-align:top;border:1px solid #ccc;padding:0 5px;cursor:pointer}.jodit-add-new-line span:hover{background:#ecebe9}.jodit-add-new-line svg{width:16px;fill:#ccc;vertical-align:top}.jodit_source_mode .jodit-add-new-line{display:none!important}.jodit_error_box_for_messages{position:absolute;right:0;bottom:0;width:0;height:0;overflow:visible;z-index:3}.jodit_error_box_for_messages>*{position:absolute;right:5px;bottom:0;display:block;transition:opacity .1s linear,bottom .3s linear;opacity:0;background:rgba(255,0,0,.29);color:#e02b2b;padding:2px 7px;border:1px solid hsla(0,65%,67%,.44);font-size:14px;white-space:pre}.jodit_error_box_for_messages>.active{opacity:1}.jodit_error_box_for_messages>.info{background:rgba(204,229,247,.71);color:#776565;border:1px solid hsla(0,0%,60%,.44)}.jodit_error_box_for_messages>.success{background:rgba(77,236,112,.29);color:#5d5a5a;border:1px solid hsla(0,0%,58%,.44)}.jodit_fullsize_box{z-index:11!important;position:static!important;overflow:visible!important}body.jodit_fullsize_box,html.jodit_fullsize_box{height:0!important;width:0!important;overflow:initial!important}html.jodit_fullsize_box{position:fixed!important}.jodit_fullsize{position:absolute;top:0;left:0;right:0;bottom:0;z-index:11;max-width:none!important}.jodit_fullsize .toolbar{width:100%!important}.jodit_fullsize .jodit_area,.jodit_fullsize .jodit_editor{height:100%}.jodit_fullsize .jodit_workflow{height:calc(100% - 16px * 1.5);overflow:auto}.jodit_fullsize.jodit_toolbar_size-small .jodit_workflow{height:calc(100% - 12px * 1.5)}.jodit_fullsize.jodit_toolbar_size-large .jodit_workflow{height:calc(100% - 18px * 1.5)}.jodit_placeholder{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important;top:0;left:0;display:block;position:absolute;padding:10px;color:rgba(0,0,0,.35);z-index:1;pointer-events:none}.jodit_toolbar_popup-inline-target{position:absolute;width:0;height:0}.jodit_toolbar_popup-inline-target.jodit_toolbar_popup-inline-target-hidden{display:none}.jodit_toolbar_popup-inline{display:inline-block!important;position:relative!important}.jodit_toolbar_popup-inline>div{color:hsla(0,0%,88%,.99);background:#fff;box-shadow:none;background-clip:padding-box;font-family:Helvetica,sans-serif;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:12!important;text-align:left;border:1px solid hsla(0,0%,88%,.99);display:inline-block;vertical-align:top}.jodit_toolbar_popup-inline .jodit_toolbar{z-index:6;border:0;white-space:normal}.jodit_toolbar_popup-inline>div>.jodit_toolbar{white-space:nowrap;box-shadow:none;vertical-align:top}.jodit_toolbar_popup-inline>.jodit_popup_triangle{padding:0;margin:0;width:8px;height:8px;position:absolute;top:-4px;margin-left:-4px;display:inline-block;transform:rotate(45deg);background:#fff;border:1px solid hsla(0,0%,88%,.99);border-width:1px 0 0 1px;z-index:5}.jodit_toolbar_popup-inline.jodit_toolbar_popup-inline-top>.jodit_popup_triangle{top:auto;bottom:-4px;border-width:0 1px 1px 0}.jodit_toolbar_popup-inline .buttons{box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);padding:0 2px;white-space:nowrap;line-height:0;border-bottom:0}[data-jodit_iframe_wrapper]{display:block;clear:both;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}[data-jodit_iframe_wrapper]:after{position:absolute;content:"";z-index:1;top:0;left:0;right:0;bottom:0;cursor:pointer;display:block;background:transparent}.jodit_resizer{width:100px;height:100px;position:absolute;border:1px solid rgba(3,14,82,.92);top:0;left:0;display:none;pointer-events:none;font-size:0}.jodit_resizer *{box-sizing:border-box}.jodit_resizer>span{opacity:0;transition:opacity .2s linear;left:50%;top:50%;height:24px;line-height:24px;font-size:12px;width:70px;margin-left:-35px;margin-top:-12px;text-align:center;overflow:visible;color:#fff;background-color:rgba(0,0,0,.35);max-width:100%}.jodit_resizer>i,.jodit_resizer>span{position:absolute;display:inline-block}.jodit_resizer>i{z-index:4;pointer-events:all;border:1px solid rgba(3,14,82,.92);background-color:hsla(0,0%,88%,.99);width:10px;height:10px}.jodit_resizer>i:hover{background-color:#f8f8f8}.jodit_resizer>i:first-child{left:-5px;top:-5px;cursor:nw-resize}.jodit_resizer>i:nth-child(2){right:-5px;top:-5px;cursor:ne-resize}.jodit_resizer>i:nth-child(3){right:-5px;bottom:-5px;cursor:se-resize}.jodit_resizer>i:nth-child(4){left:-5px;bottom:-5px;cursor:sw-resize}@media (max-width:768px){.jodit_resizer>i{width:20px;height:20px}.jodit_resizer>i:first-child{left:-10px;top:-10px;cursor:nw-resize}.jodit_resizer>i:nth-child(2){right:-10px;top:-10px;cursor:ne-resize}.jodit_resizer>i:nth-child(3){right:-10px;bottom:-10px;cursor:se-resize}.jodit_resizer>i:nth-child(4){left:-10px;bottom:-10px;cursor:sw-resize}}.jodit_container{min-height:100px}.jodit_container .jodit_workplace{display:-ms-flexbox;display:flex;height:auto;min-height:50px;overflow:hidden}.jodit_editor_resize{position:relative}.jodit_editor_resize a{position:absolute;bottom:0;right:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0;height:0;overflow:hidden;border-width:7px 7px 0 0;border-color:transparent #ccc transparent transparent;border-style:dashed solid dashed dashed;cursor:se-resize}.jodit_source{display:none;position:relative;background-color:#f8f8f8;font-size:0;-ms-flex:1;flex:1;overflow:auto}.jodit_source,.jodit_source .jodit_source_mirror-fake{min-height:100%}.jodit_container.jodit_source_mode .jodit_wysiwyg,.jodit_container.jodit_source_mode .jodit_wysiwyg_iframe{display:none!important}.jodit_container.jodit_source_mode .jodit_source{display:block!important}.jodit_container.jodit_split_mode .jodit_source,.jodit_container.jodit_split_mode .jodit_wysiwyg,.jodit_container.jodit_split_mode .jodit_wysiwyg_iframe{display:block!important;width:50%;-ms-flex:1;flex:1}.jodit_source_mirror{border:0;width:100%;background:#3f3f3f;margin:0;height:100%;box-shadow:none;resize:none;box-sizing:border-box;color:#f0f0f0;outline:none;font-family:Menlo,Monaco,monospace,sans-serif;font-size:13px;line-height:1.3em;z-index:2;padding:10px;overflow:auto;white-space:pre-wrap;-moz-tab-size:2em;-o-tab-size:2em;tab-size:2em;min-height:100%}.jodit_source_mirror::-moz-selection{background:#bdbdbd}.jodit_source_mirror::selection{background:#bdbdbd}.jodit_table_resizer{cursor:col-resize;position:absolute;z-index:3;padding-left:5px;padding-right:5px;margin-left:-5px}.jodit_table_resizer:after{content:"";display:block;height:100%;width:0;border:1px solid transparent;border-width:0 1px 0 0}.jodit_table_resizer-moved{z-index:2}.jodit_table_resizer-moved:after{border-color:#1e88e5}.jodit_wysiwyg table{width:100%;border:none;border-collapse:collapse;table-layout:fixed;empty-cells:show;max-width:100%}.jodit_wysiwyg table tr{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.jodit_wysiwyg table tr td,.jodit_wysiwyg table tr th{border:1px solid #ddd;text-align:left;vertical-align:middle;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.jodit_wysiwyg table tr td[data-jodit-selected-cell],.jodit_wysiwyg table tr th[data-jodit-selected-cell]{border:1px double #1e88e5}.jodit_form_inserter .jodit_form-table-creator-box{font-size:0}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-container{display:inline-block;vertical-align:top;padding:0;margin:0;min-width:180px;font-size:0}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-container>div{width:18px;height:18px;box-sizing:border-box;display:inline-block;position:relative;vertical-align:top}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-container>div:after{content:"";position:absolute;top:0;left:0;display:inline-block;width:12px;height:12px;border:1px solid #ccc}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-container>div.hovered:after{background:#7a450f;border:1px solid #b5b5b5}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-options{font-size:14px;display:inline-block;vertical-align:top}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-options label{text-align:left;padding-top:0}.jodit_form_inserter .jodit_form-table-creator-box .jodit_form-options label input{margin-right:10px}.jodit_form_inserter label{text-align:center;font-size:14px;padding:8px;display:block;margin:0}.jodit_text_icons .jodit_icon{width:auto;font-size:14px}.jodit_text_icons .jodit_icon:first-letter{text-transform:uppercase}.jodit_text_icons .jodit_tabs .jodit_tabs_buttons>a{font-family:Helvetica,sans-serif;width:auto}.jodit_text_icons .jodit_tabs .jodit_tabs_buttons>a i,.jodit_text_icons .jodit_toolbar>li{width:auto}.jodit_text_icons .jodit_toolbar>li>a{text-decoration:none}.jodit_text_icons.jodit_dialog_box .jodit_dialog .jodit_button,.jodit_text_icons.jodit_dialog_box .jodit_dialog .jodit_dialog_header a,.jodit_text_icons .jodit_toolbar>li>a{padding:0 12px;font-family:Helvetica,sans-serif;width:auto;color:rgba(0,0,0,.75)}.jodit_text_icons.jodit_dialog_box .jodit_dialog .jodit_button .jodit_icon,.jodit_text_icons.jodit_dialog_box .jodit_dialog .jodit_dialog_header a .jodit_icon{width:auto}.jodit_widget,.jodit_widget *{box-sizing:border-box}.jodit_search{visibility:hidden;position:absolute;top:0;right:0;width:0;height:0}.jodit_search.jodit_search-active{visibility:visible}.jodit_search .jodit_search_box{width:320px;position:absolute;right:0;background-color:#f9f9f9;border:1px solid #ccc;border-width:0 0 1px 1px;padding:5px}.jodit_search .jodit_search_box input{margin:0;width:100%;height:100%;border:0;background-color:transparent;outline:none;padding:0 10px}.jodit_search .jodit_search_box input.jodit_search-replace{display:none}.jodit_search .jodit_search_box .jodit_search_buttons,.jodit_search .jodit_search_box .jodit_search_counts,.jodit_search .jodit_search_box .jodit_search_inputs{height:30px;display:inline-block;vertical-align:top}.jodit_search .jodit_search_box .jodit_search_inputs{width:60%;padding-right:5px}.jodit_search .jodit_search_box .jodit_search_counts{width:15%;line-height:100%;text-align:center;color:#ccc;border-left:1px solid #ccc}.jodit_search .jodit_search_box .jodit_search_counts:before{content:"";display:inline-block;vertical-align:middle;height:100%}.jodit_search .jodit_search_box .jodit_search_counts span{display:inline-block;vertical-align:middle}.jodit_search .jodit_search_box .jodit_search_buttons{padding-left:0;width:25%}.jodit_search .jodit_search_box .jodit_search_buttons button{outline:0;width:32%;padding:1px 5px;margin-right:1%;transition:transform .1s linear;height:100%;border:1px solid transparent;background-color:transparent}.jodit_search .jodit_search_box .jodit_search_buttons button.jodit_search_buttons-replace{width:100%;border:1px solid #ccc;margin-top:2px;display:none}.jodit_search .jodit_search_box .jodit_search_buttons button:hover{background-color:#ecebe9}.jodit_search .jodit_search_box .jodit_search_buttons button:focus{border:1px solid rgba(181,214,253,.5)}.jodit_search .jodit_search_box .jodit_search_buttons button:active{border:1px solid #b5d6fd;transform:scale(.95)}.jodit_search.jodit_search-and-replace .jodit_search_counts,.jodit_search.jodit_search-and-replace .jodit_search_inputs{height:60px}.jodit_search.jodit_search-and-replace .jodit_search_counts input,.jodit_search.jodit_search-and-replace .jodit_search_inputs input{height:50%;transition:background-color .1s linear}.jodit_search.jodit_search-and-replace .jodit_search_counts input:focus,.jodit_search.jodit_search-and-replace .jodit_search_inputs input:focus{box-shadow:inset 0 0 3px 0 hsla(0,0%,80%,.58)}.jodit_search.jodit_search-and-replace .jodit_search_buttons button.jodit_search_buttons-replace,.jodit_search.jodit_search-and-replace .jodit_search_inputs input.jodit_search-replace{display:block}@media (max-width:320px){.jodit_search,.jodit_search .jodit_search_box{width:100%}}.jodit_symbols{width:460px;padding:10px}.jodit_symbols .jodit_symbols-container_preview,.jodit_symbols .jodit_symbols-container_table{display:inline-block;vertical-align:top}.jodit_symbols .jodit_symbols-container_table{width:88%}.jodit_symbols .jodit_symbols-container_preview{width:12%}.jodit_symbols .jodit_symbols-container_preview .jodit_symbols-preview{font-size:34px;text-align:center;padding:20px 0;border:1px solid #ccc}.jodit_symbols table{border:0;border-spacing:0;table-layout:fixed}.jodit_symbols table td{padding:0}.jodit_symbols table td a{font-size:16px;text-decoration:none;color:#000;display:inline-block;box-sizing:border-box;width:21.6px;height:21.6px;border:1px solid transparent;text-align:center;line-height:21.6px;vertical-align:top}.jodit_symbols table td a:focus,.jodit_symbols table td a:hover{border:1px solid #1e88e5}.jodit_sticky-dummy_toolbar{display:none}.jodit_sticky>.jodit_toolbar{position:fixed;z-index:3;top:0;left:auto}.jodit_sticky .jodit_sticky-dummy_toolbar{display:block}.jodit_paste_storage{padding:10px;max-width:600px}@media (max-width:768px){.jodit_paste_storage{max-width:100%}}.jodit_paste_storage>div{max-width:100%;max-height:300px;border:1px solid #ccc}.jodit_paste_storage>div:first-child{margin-bottom:10px}.jodit_paste_storage>div:first-child a{outline:none;box-sizing:border-box;display:block;max-width:100%;white-space:pre;overflow:hidden;text-overflow:ellipsis;padding:5px;margin:0;border:1px solid transparent;text-decoration:none;color:#000}.jodit_paste_storage>div:first-child a.jodit_active{color:#fff;background-color:#575757}.jodit_paste_storage>div:first-child a:focus{outline:none}.jodit_paste_storage>div:last-child{padding:10px;overflow:auto}.jodit_paste_storage>div:last-child li,.jodit_paste_storage>div:last-child ul{margin:0}

#LabelDesigner span.textLabel {
    background-color: #FFF;
    position: absolute;
    display: block;
    top: auto;
    left: 0px;
    min-height: 10px;
    min-width: 100px;
    line-height:0.7;
    text-align:left;
}

#LabelDesigner span.barcodeLabel {
    background-color: #CCC;
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    min-height: 20px;
    min-width: 150px;
}

#LabelDesigner span.datamatrixLabel {
    /*background-color: #ACF;*/
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    min-height: 20px;
    min-width: 20px;
    align-content: center;
    background-image: url(/Content/Images/DataMatrix.svg);
    background-size: 100% 100%;
}

#LabelDesigner span.selectedLabel {
    box-shadow: inset 0 1px 1px #ffffff1a, 0 0 6px #1d009599;
}

#LabelDesigner #LabelDesignerContainer {
    position: relative;
    height: 100%;
}

#LabelDesigner #options {
    position: absolute;
    left: 5px;
    width: 360px;
    top: 0;
    bottom: 5px;
    overflow: auto;
}

    #LabelDesigner #options h2 {
        clear: both;
        font-size: 20px;
        border-bottom: 1px solid #d8d8d8;
        margin-left: 3px;
        margin-bottom: 5px;
        color: #808080;
    }

#LabelDesigner .imp {
    clear: both;
}

    #LabelDesigner .imp label {
        float: left;
        display: block;
        width: 145px;
        font-weight: normal;
        text-align: right;
        padding-right: 10px;
    }

    #LabelDesigner .imp .con {
        float: left;
        width: 155px;
    }

    #LabelDesigner .imp .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn),
    #LabelDesigner .imp input {
        width: 100%;
    }


#LabelDesigner #addLabels {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    height: 36px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
}

    #LabelDesigner #addLabels a {
        height: 35px;
        text-align: center;
        font-size: 20px;
        border-right: 1px solid #ddd;
        display: block;
        float: left;
        padding: 5px 10px;
    }


    /*#LabelDesigner #addLabels a .fa-plus{
        font-size:17px;

    }*/


#LabelDesigner #addLabels a:hover {
    text-decoration: none;
    background-color: #efefef;
}


#LabelDesigner #designer {
    position: absolute;
    left: 370px;
    top: 0;
    right: 5px;
    bottom: 5px;
}

    #LabelDesigner #designer #cancon {
        width: 100%;
        height: 100%;
        display: table;
        border: 1px solid #CCC;
    }


    #LabelDesigner #designer #canv {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        background-color: #f2f2f2;
    }


#LabelDesigner #Label {
    background-color: #FFF;
    border: 2px solid #333;
    box-sizing: content-box;
    margin: auto;
    position: relative;
}


.dropdown-btn {
    width: 130px;
    margin: 0 6px 0 0;
}

.printer-radio {
    padding: 7px;
}



.dropdown-btn {
    width: 220px;
    background-color: white;
    text-align: left;
}

li.printer-group:hover .dropdown-btn {
    background-color: #ededed;
}

li.printer-group:hover {
    background-color: #ededed;
}

.dropdown-menu li.printer-group a {
    display: inline-block;
    padding: 3px 12px;
}

ul.dropdown-menu {
    width: 250px
}

#printBtn {
    margin-right: 0px;
}

tr[data-onholdid=True] {
    background-color: #e88484;
}

    tr[data-onholdid=True]:hover {
        background-color: #dd5c5c !important;
    }

.legend #L_OnHold .leg-c {
    background-color: #dd5c5c;
}

#logo img {
    width: 100%;
    height: 100%;
}


#login {
    background-size: cover;
}

    #login > div {
        /*display: table;
    height: 100%;
    width: 100%;*/
        height: 100%;
        width: 40%;
        min-width: 500px;
        position: relative;
    }

        #login > div > div {
            /*display: table-cell;
        vertical-align: middle;*/
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            height: 180px;
            width: 380px;
            margin: auto;
        }

#login {
    background-color: #363636;
}

    #login .validation-summary-errors ul {
        list-style: none;
        color: #ff9292;
    }

        #login .validation-summary-errors ul li {
            padding-left: 12px;
        }

    #login form {
        /*height: 245px;
        margin: 0 auto 250px;
        padding: 10px;
        width: 350px;*/
    }

    #login #logo {
        background-color: #2e2e2e;
        border: 1px solid #3e3e3e;
        width: 100%;
        height: 100px;
        margin-bottom: 10px;
        position: absolute;
        top: -120px;
    }

    #login form input {
        background-color: #2e2e2e;
        border: 1px solid #5d5d5d;
        border-radius: 1px;
        box-shadow: 0 0 2px #181818 inset;
        color: #fff;
        height: 30px;
        padding-left: 12px;
        width: 100%;
        height: 50px;
        background-color: #efefef;
        color: #000;
    }


        #login form input[name="userName"] {
            /*border-bottom: none;*/
            margin-bottom: 20px;
        }

        #login form input[type="submit"] {
            background-color: #deff00;
            box-shadow: none;
            color: #2b4300;
            font-size: 23px;
            height: 40px;
            line-height: 27px;
            margin-top: 10px;
        }

    #login > img {
        position: fixed;
        width: 100%;
    }

    #login #blur {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #727272;
        opacity: 0.5;
        border-right: 1px solid #8d8d8d;
        background-color: #626262;
        opacity: 0.2;
        box-shadow: 6px 0 10px #000;
    }

.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}
.mg-active-datapoint {
    fill: black;
    font-size: 0.9rem;
    font-weight: 400;
    opacity: 0.8;
}

.mg-area1-color {
    fill: #0000ff;
}

.mg-area2-color {
    fill: #05b378;
}

.mg-area3-color {
    fill: #db4437;
}

.mg-area4-color {
    fill: #f8b128;
}

.mg-area5-color {
    fill: #5c5c5c;
}

.mg-barplot rect.mg-bar {
    shape-rendering: auto;
    fill: #b6b6fc;
}

.mg-barplot rect.mg-bar.active {
    fill: #9e9efc;
}

.mg-barplot .mg-bar-prediction {
    fill: #5b5b5b;
}

.mg-barplot .mg-bar-baseline {
    stroke: #5b5b5b;
    stroke-width: 2;
}

.mg-baselines line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px;
}

.mg-baselines text {
    fill: black;
    font-size: 0.9rem;
    opacity: 0.6;
    stroke: none;
}

.mg-baselines-small text {
    font-size: 0.6rem;
}

.mg-header {
    cursor: default;
    font-size: 1.2rem;
}

.mg-header .mg-chart-description {
    fill: #ccc;
    font-family: FontAwesome;
    font-size: 1.2rem;
}

.mg-points circle {
    opacity: 0.65;
}

.mg-popover {
    font-size: 0.95rem;
}

.mg-popover-content {
    cursor: auto;
    line-height: 17px;
}

.mg-data-table {
    margin-top: 30px;
}

.mg-data-table thead tr th {
    border-bottom: 1px solid darkgray;
    cursor: default;
    font-size: 1.1rem;
    font-weight: normal;
    padding: 5px 5px 8px 5px;
    text-align: right;
}

.mg-data-table thead tr th .fa {
    color: #ccc;
    padding-left: 4px;
}

.mg-data-table thead tr th .popover {
    font-size: 1rem;
    font-weight: normal;
}

.mg-data-table .secondary-title {
    color: darkgray;
}

.mg-data-table tbody tr td {
    margin: 2px;
    padding: 5px;
    vertical-align: top;
}

.mg-data-table  tbody tr td.table-text {
    opacity: 0.8;
    padding-left: 30px;
}

.mg-y-axis line.mg-extended-y-ticks {
    opacity: 0.4;
}

.mg-x-axis line.mg-extended-x-ticks {
    opacity: 0.4;
}

.mg-histogram .axis path,
.mg-histogram .axis line {
    fill: none;
    opacity: 0.7;
    shape-rendering: auto;
    stroke: #ccc;
}

.mg-histogram .mg-bar rect {
    fill: #b6b6fc;
    shape-rendering: auto;
}

.mg-histogram .mg-bar rect.active {
    fill: #9e9efc;
}

.mg-least-squares-line {
    stroke: red;
    stroke-width: 1px;
}

.mg-lowess-line {
    fill: none;
    stroke: red;
}

.mg-line1-color {
    stroke: #4040e8;
}

.mg-hover-line1-color {
    fill: #4040e8;
}

.mg-line2-color {
    stroke: #05b378;
}

.mg-hover-line2-color {
    fill: #05b378;
}

.mg-line3-color {
    stroke: #db4437;
}

.mg-hover-line3-color {
    fill: #db4437;
}

.mg-line4-color {
    stroke: #f8b128;
}

.mg-hover-line4-color {
    fill: #f8b128;
}

.mg-line5-color {
    stroke: #5c5c5c;
}

.mg-hover-line5-color {
    fill: #5c5c5c;
}

.mg-line-legend text {
    font-size: 0.9rem;
    font-weight: 300;
    stroke: none;
}

.mg-line1-legend-color {
    color: #4040e8;
    fill: #4040e8;
}

.mg-line2-legend-color {
    color: #05b378;
    fill: #05b378;
}

.mg-line3-legend-color {
    color: #db4437;
    fill: #db4437;
}

.mg-line4-legend-color {
    color: #f8b128;
    fill: #f8b128;
}

.mg-line5-legend-color {
    color: #5c5c5c;
    fill: #5c5c5c;
}

.mg-main-area-solid svg .mg-main-area {
    fill: #ccccff;
    opacity: 1;
}

.mg-markers line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px;
}

.mg-markers text {
    fill: black;
    font-size: 0.8rem;
    opacity: 0.6;
}

.mg-missing-text {
    opacity: 0.9;
}

.mg-missing-background {
    stroke: blue;
    fill: none;
    stroke-dasharray: 10,5;
    stroke-opacity: 0.05;
    stroke-width: 2;
}

.mg-missing .mg-main-line {
    opacity: 0.1;
}

.mg-missing .mg-main-area {
    opacity: 0.03;
}

path.mg-main-area {
    opacity: 0.2;
    stroke: none;
}

path.mg-confidence-band {
    fill: #ccc;
    opacity: 0.4;
    stroke: none;
}

path.mg-main-line {
    fill: none;
    opacity: 0.8;
    stroke-width: 1.1px;
}

.mg-points circle {
    fill-opacity: 0.4;
    stroke-opacity: 1;
}

circle.mg-points-mono {
    fill: #0000ff;
    stroke: #0000ff;
}

/* a selected point in a scatterplot */
.mg-points circle.selected {
    fill-opacity: 1;
    stroke-opacity: 1;
}

.mg-voronoi path {
    fill: none;
    pointer-events: all;
    stroke: none;
    stroke-opacity: 0.1;
}

.mg-x-rug-mono,
.mg-y-rug-mono {
    stroke: black;
}

.mg-x-axis line,
.mg-y-axis line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px;
}

.mg-x-axis text,
.mg-y-axis text,
.mg-histogram .axis text {
    fill: black;
    font-size: 0.9rem;
    opacity: 0.6;
}

.mg-x-axis .label,
.mg-y-axis .label,
.mg-axis .label {
    font-size: 0.8rem;
    text-transform: uppercase;
    font-weight: 400;
}

.mg-x-axis-small text,
.mg-y-axis-small text,
.mg-active-datapoint-small {
    font-size: 0.6rem;
}

.mg-x-axis-small .label,
.mg-y-axis-small .label {
    font-size: 0.65rem;
}

.mg-european-hours {
}

.mg-year-marker text {
    fill: black;
    font-size: 0.7rem;
    opacity: 0.6;
}

.mg-year-marker line {
    opacity: 1;
    shape-rendering: auto;
    stroke: #b3b2b2;
    stroke-width: 1px;
}

.mg-year-marker-small text {
    font-size: 0.6rem;
}

#Organisation #address_container legend{display:flex;}#Organisation #address_container legend a{margin-left:auto;font-weight:normal;font-size:.8em;padding:5px;cursor:pointer;text-decoration:none;}#Organisation #address_container #addresses{border:1px solid #e2e2e2;height:170px;margin-top:5px;}#Organisation #address_container .field-validation-error{width:100%;}#Organisation #address_container #addressEditModal .modal-dialog{height:700px;width:780px;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body{overflow:hidden;display:flex;gap:20px;padding:10px;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body>div{flex:1;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body>div>div{margin-bottom:5px;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body>div>div>label{margin:0;font-size:small;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .lookup label{display:none;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .lookup .col-sm-8{width:100%;padding-right:unset;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .lookup .lookup-button{right:0;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .lookup .li-remove{right:35px;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .check{display:flex;align-items:center;gap:7px;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .check label{margin:0;cursor:pointer;}#Organisation #address_container #addressEditModal .modal-dialog .modal-body .check input[type=checkbox]{width:16px;margin:0;}#Organisation #address_container #addressEditModal .modal-dialog .modal-footer{display:flex;}#Organisation #address_container #addressEditModal .modal-dialog .modal-footer #editModalDelete{margin-right:auto;}#Organisation .add-section{clear:both;}#Organisation #approval_required_modal .modal-body{padding:20px;}#Organisation #approval_required_modal .modal-body select{background-color:#fff;border:1px solid #bdbdbd;padding:5px;}

#payment #con {
    max-width: 1020px;
    margin: 5px;
    padding: 5px;
    position:relative;
    height:100%;
}

#payment #header {
}

#payment #details {
    height: 60px;
    width: 100%;
    border: 1px solid #e8e8e8;
}

    #payment #details > div {
        float: left;
    }

        #payment #details > div:first-child {
            width: 300px;
            padding-top: 13px;
        }

    #payment #details .details {
        border-left: 1px solid #e8e8e8;
        padding-left: 10px;
        margin-top: 4px;
    }

        #payment #details .details label {
            float: left;
            clear: both;
            font-weight: normal;
            height: 20px;
        }





#payment #pay #i > div {
    float: left;
    width: 175px;
}

#payment #pay #i label {
    font-weight: normal;
    margin: 0;
}


#payment #pay #i .input-group {
    width: 100%;
}

#payment #data {
    display: none;
}

#payment #inv {
    position: absolute;
    top: 235px;
    bottom: 15px;
    left: 5px;
    width: 1010px;
    border: 1px solid #e8e8e8;
    margin-top: 15px;
    min-height: 200px;
}

#payment #inv.edit {
    top: 157px;
}
#payment #hist {
    height: 475px;
    border: 1px solid #e8e8e8;
    }

#payment .overview {
    padding-left: 0;
}

#payment #inv .it-col-amount input {
    background-color: #fff9ed;
}

#payment #inv input {
    width: 100%;
    padding-right: 5px;
    border: none;
    margin: 0;
    text-align: right;
}

#payment #inv .it-col-mark {
    background-color: #fff3dc;
}

    #payment #inv .it-col-mark input {
        display: block;
    }

:root {
    --sigantureImageWidth: 30em;
}

#newStaffPerson .emailSignatureFieldset,
#newStaffPerson .signatureFieldset,
#editStaffPerson .emailSignatureFieldset,
#editStaffPerson .signatureFieldset {
    margin-top: 2em;
}

#newStaffPerson .emailSignature, 
#editStaffPerson .emailSignature {
    margin-top: 3em;
    margin-left: 5%;
    width: 90%;
}

#newStaffPerson .signature-preview,
#editStaffPerson .signature-preview {
    border: 1px solid #ccc;
    padding: 2px;
    height: 10em;
    width: var(--sigantureImageWidth);
    margin-bottom: 0.5em;
    display: block;
}
#newStaffPerson .signature-controls-container,
#editStaffPerson .signature-controls-container {
    width: var(--sigantureImageWidth);
}

#newStaffPerson .signature-controls,
#editStaffPerson .signature-controls {
    position: relative;
    float: right;
}

#newStaffPerson .uploadButton,
#editStaffPerson .uploadButton {
    font-size: 1.75em;
    margin-right: 0.25em;
    margin-left: 0.25em;
}

#newStaffPerson .fa-upload,
#editStaffPerson .fa-upload {
    color: steelblue;
}

#newStaffPerson .fa-trash,
#editStaffPerson .fa-trash {
    color: crimson;
}
#picklist #goodsOutBarcodeModal .modal-dialog {
    width: 250px;
}

#picklist #goodsOutBarcodeModal .modal-body {
    padding: 50px 0;
}

#picklist #goodsOutBarcodeModal .modal-dialog label {
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #333333;
}

#picklist #goodsOutBarcodeModal .modal-header {
    background-color: #59963a;
    padding: 7px;
    color: white;
}

#picklist #goodsOutBarcodeModal .warn {
    margin-top: 1em;
    margin-bottom: -2em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #dd9999 !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklist #goodsOutBarcodeModal .quantityQuery {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #9999dd !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklist #goodsOutBarcodeModal .amendedQuery {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #99dd99 !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklist .scanned {
    background-color: #e0ffe0;
}

#picklist .frozen {
    background-color: yellowgreen !important;
}
#picklists #goodsOutBarcodeModal .modal-dialog {
    width: 250px;
}

#picklists #goodsOutBarcodeModal .modal-body {
    padding: 50px 0;
}

#picklists #goodsOutBarcodeModal .modal-dialog label {
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #333333;
}

#picklists #goodsOutBarcodeModal .modal-header {
    background-color: #59963a;
    padding: 7px;
    color: white;
}

#picklists #goodsOutBarcodeModal .warn {
    margin-top: 1em;
    margin-bottom: -2em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #dd9999 !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklists #goodsOutBarcodeModal .quantityQuery {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #9999dd !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklists #goodsOutBarcodeModal .amendedQuery {
    display: block;
    text-align: center;
    vertical-align: middle;
    margin-bottom: -1em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    background-color: #99dd99 !important;
    padding: 0.25em;
    border-radius: 3px;
}

#picklists .scanned {
    background-color: #e0ffe0;
}

#picklists .frozen {
    background-color: yellow !important;
}

#poHistory #purchase-history {
    height:400px;
    width: 1000px;
}


#priceHistory #price-history {
    height: 400px;
    width: 100%;
}

#stock h1 {
    color: #808080;
    font-size: 16px;
    border-top: 1px solid #6AA6B5;
    padding: 5px;
    margin: 0;
    font-weight: bold;
}

#stock #stoDet {
    margin-bottom: 10px;
}

    #stock #stoDet > div {
        clear: both;
        margin-top: 5px;
    }

    #stock #stoDet .de {
        float: left;
        margin-left: 10px;
        margin-bottom: 5px;
    }

        #stock #stoDet .de label {
            color: #575757;
            font-weight: normal;
            text-align: right;
            float: left;
            clear: both;
            margin: 0;
            font-size: 12px;
        }

        #stock #stoDet .de input {
            clear: left;
            float: left;
        }

        #stock #stoDet .de .val {
            font-size: 14px;
            width: 100px;
            text-align: right;
            border: 1px solid #bfbfbf;
            padding: 0;
            padding-right: 5px;
        }

        #stock #stoDet .de .val-btn {
            font-size: 14px;
            height: 22px;
            padding: 1px 10px;
        }

    #stock #stoDet .co {
        clear: left;
        float: left;
    }

        #stock #stoDet .co input {
            float: left;
            width: 90%;
        }

        #stock #stoDet .co a {
            width: 10%;
            float: left;
            text-align: center;
        }

#Stock_Table {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    /*top: 80px;*/
}

#stock #stoProd > div {
    height: 149px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #bfbfbf;
    overflow: hidden;
    margin-bottom: 20px;
    margin-top: 5px;
}

#stock #stoProd td {
    text-align: right;
}

#stock .it-cont .it-body .it-table-con {
    overflow: hidden;
}

#stock #stoBill {
    height: 100px;
}

#stock #stoBill table {
    table-layout: fixed;
    margin-top: 5px;
}

    #stock #stoBill table th {
        width: 100px;
        font-size: 12px;
        border-bottom: 1px solid #bfbfbf;
        text-align: center;
        color: #626262;
    }

        #stock #stoBill table th:first-child {
            border: none;
        }



    #stock #stoBill table td {
        padding-right: 5px;
        text-align: center;
    }

        #stock #stoBill table td:first-child {
            font-weight: bold;
            font-size: 12px;
            border-right: 1px solid #bfbfbf;
            text-align: right;
            color: #626262;
        }



#import_modal .modal-dialog {
    height: 765px;
}

.excel-imp .import-left-section {
    float: left;
    overflow: hidden;
}

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

    .excel-imp .import-left-section .fileupload-container {
        width: 270px;
    }

    .excel-imp .import-left-section .fileupload {
        position: relative;
        margin: 10px;
    }

.excel-imp .mappings-container {
    width: 270px;
}

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

    .excel-imp .mappings-container label {
        font-weight: bold;
    }

    .excel-imp .mappings-container .import-database-fields {
        padding-top: 3px;
    }

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

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

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


.excel-imp .data .actions {
    padding: 0 7px;
}

    .excel-imp .data .actions > input {
        height: 14px;
        position: relative;
        top: 3px;
    }

.excel-imp .data table {
    max-height: 500px;
    padding-bottom: 1px;
    margin-bottom: 0px;
}

    .excel-imp .data table tr td input {
        height: 20px;
    }

.excel-imp .errors .table-container-fullwidth {
    max-height: 83px;
}

.excel-imp td .product-lookup {
    width: 170px;
}

.excel-imp td .unit-lookup {
    width: 100px;
}

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

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


#bom-profile .bom-header {
    width: 1000px;
}

    #bom-profile .bom-header > div {
        width: 500px;
        float: left;
    }

#bom_lines {
    width: 1000px;
    height: 350px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#bom-profile #bomDocs {
    width: 1000px;
}


#bom-profile .details {
    margin: 0px;
    border: none;
}

input[type=checkbox] {
    display: block;
    margin: auto;
}

#bom-profile .it-col-qty,
#bom-profile .it-col-per,
#bom-profile .it-col-bufferlevel,
#bom-profile .it-col-leadinqty,
#bom-profile .it-col-fixed {
    text-align: right;
}

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

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

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

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

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

    #bom-profile #detail input[type=checkbox] {
        margin-top: 1px;
    }

#bom-profile #bom_lines [class^="it-col-"] input[type=checkbox] {
    margin: auto;
}

#bom-profile .notification {
    margin-top: 2em;
    text-align: center;
    color: #3071a9;
}

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

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

#bom-profile #detail #or {
    width: 80px;
}

#bom-profile #detail #p {
    width: 200px;
}

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

#bom-profile #detail #d {
    width: 140px;
    float: left;
}

#bom-profile #detail #mf {
    width: 90px;
}

#bom-profile #detail #q {
    width: 90px;
}

#bom-profile #detail #u {
    width: 80px;
}

#bom-profile #detail #bl {
    width: 100px;
}

#bom-profile #detail #lq {
    width: 100px;
}

#bom-profile #detail #fq {
    width: 100px;
}

#bom-profile #detail #al {
    width: 60px;
}

    #bom-profile #detail #al label {
        text-align: center;
        width: 100%;
    }

#bom-profile #detail #rc {
    width: 100px;
}

    #bom-profile #detail #rc label {
        width: 100%;
        text-align: center;
    }

#bom-profile #detail #sa {
    width: 100px;
}

    #bom-profile #detail #sa label {
        text-align: center;
        width: 100%;
    }

#bom-profile #detail #lt {
    width: 100px;
}

#bom-profile #detail #gr {
    width: 100px;
}

#bom-profile #detail #pa input {
    padding: 0;
    margin: 1px 0;
}


#bom-profile #detail #cr {
    width: 105px;
}

#bom-profile #detail #bd {
    width: 70px;
}


#bom-profile #locations,
#bom-profile #notes {
    padding: 3px;
    height: 200px;
}


    #bom-profile #locations textarea,
    #bom-profile #notes textarea {
        width: 100%;
        height: 100%;
        resize: none;
    }

#bom-profile #detail #controls {
    width: 151px;
    float: right;
    height: 45px;
    padding: 5px;
    text-align: center;
}

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

    #bom-profile #detail #controls > div > div {
        float: left;
    }

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

    #bom-profile #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;
    }

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

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


#bom-profile #line-info > div {
    border-bottom: 1px solid #c3c3c3;
}


    #bom-profile #line-info > div:last-child {
        border: none;
    }

#bom_costs .modal-dialog {
    width: 800px;
}

#bom_costs .modal-body {
    padding: 0;
    position: relative;
}

    #bom_costs .modal-body #tCon {
        height: 300px;
    }


    #bom_costs .modal-body .loader {
        position: absolute;
        top: 22px;
        bottom: 38px;
        left: 0;
        right: 0;
        z-index: 1;
        margin: auto;
    }


    #bom_costs .modal-body .costs input,
    #bom_costs .modal-body .costs label {
        width: 100px;
        float: right;
        text-align: right;
        margin: 0;
        margin-left: 5px;
        line-height: 25px;
    }

    #bom_costs .modal-body .costs {
        padding: 7px 17px;
        border-top: 1px solid #cdcdcd;
    }

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

#ProductEndCustomerAmendmentHistory .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
    border: 10px;
    margin-bottom:10px
}

#ProductEndCustomerAmendmentHistory .WideBtn {
    width: 130px;
    border: 5px;
    margin: 4px;
}

#ProductEndCustomerAmendmentHistory .OptionsDiv:first-of-type {
    float: left;
    width: 220px;
}

#ProductEndCustomerAmendmentHistory .OptionsDiv {
    float: left;
    width: 300px;
}

#ActiveProductionOrders .il-list .table td[data-orig] {
    padding: 0;
}

#ActiveProductionOrders .priority {
    border: 1px solid #fff;
    background-color: transparent;
}


#pr_edit .searchBox .search {
    height: 28px;
}

#pr_edit .alert {
    margin: 0;
}

.alert.Frozen_Open {
    color: #3b858a;
    background-color: #e3fcfc;
    border-color: #ccf7fa;
}

.alert.Frozen_Processing {
    color: #3b858a;
    background-color: #ccf7fa;
    border-color: #a6e0e4;
}

.alert.Open {
    color: #3b8a49;
    background-color: #e3fce7;
    border-color: #ccface;
}

.alert.Processing {
    color: #5c3b8a;
    background-color: #e4e3fc;
    border-color: #cdccfa;
}

.alert.Cancelled {
    color: #8a3b3b;
    background-color: #fce3e3;
    border-color: #fad0cc;
}

.alert.Complete {
    color: #433b8a;
    background-color: #e3e4fc;
    border-color: #ccd0fa;
}

#pr_edit .it-col-requiredqty,
#pr_edit .it-col-inproduction,
#pr_edit .it-col-wipqty,
#pr_edit .it-col-position,
#pr_edit .it-col-pickqty {
    text-align: right;
}

#pr_edit .it-col-fixed {
    text-align: center;
}


#pr_edit .input-group-addon {
    padding: 2px 12px;
}

#piclines {
    height: 80%;
}

#pr_edit #standardEditor .tab-content {
    border: 1px solid #ddd;
}

    #pr_edit #standardEditor .tab-content > div {
        height: 185px;
    }


#pr_edit #standardEditor #tab_pick .tab-content {
    border: none;
}

#pr_edit #standardEditor #tab_pick .tabNav > ul {
    margin: 0;
}

#pr_edit #standardEditor #tab_pick .tab-content > div {
    height: 145px;
}

#awaylines {
    height: 80%;
}


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


#pr_edit .pr-group {
    width: 300px;
    float: left;
}


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

#pr_edit #production_builder .modal-dialog {
    width: 1020px;
}

#pr_edit #production_builder #up_table {
    height: 300px;
}


#pr_edit #pick_con {
    border-bottom: 1px solid #d4d4d4;
    padding: 5px;
}

#pr_edit #picklist_updater .modal-dialog {
    width: 1020px;
}

#pr_edit #picklist_updater #up_table {
    height: 300px;
}

    #pr_edit #picklist_updater #up_table .wip {
        width: 100%;
        border: none;
        background-color: #fffdf2;
        text-align: right;
        padding-right: 5px;
    }

#pr_edit #picklist_updater .modal-body {
    padding: 0;
}


#pr_edit #returns_updater .modal-dialog {
    width: 1020px;
}

#pr_edit #returns_updater #returns_table {
    height: 300px;
}

    #pr_edit #returns_updater #returns_table .lookup input {
        border: none;
    }

    #pr_edit #returns_updater #returns_table .lookup .form-control[readonly] {
        background-color: #fffdf2;
    }

    #pr_edit #returns_updater #returns_table .wip {
        width: 100%;
        border: none;
        background-color: #fffdf2;
        text-align: right;
        padding-right: 5px;
    }

#pr_edit #returns_updater .modal-body {
    padding: 0;
}


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

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

        #pr_edit #detail .tab-content > div {
            height: 136px;
        }

#pr_edit #line-info .imp {
    margin-left: 5px;
    float: left;
    height: 45px;
}

#pr_edit #line-info > div {
    border-top: 1px solid #cdcdcd;
}

#pr_edit #line-info > div:first-child{
    border-top:none;
}

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

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

#pr_edit .condensed-lookup {
    position: relative;
}

    #pr_edit .condensed-lookup > div {
        padding-right: 24px;
    }

    #pr_edit .condensed-lookup.lookup .lookup-button {
        height: 20px;
        width: 25px;
        font-size: 28px;
        padding: 0px 3px;
        line-height: 16px;
        right: 0px;
    }

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

#pr_edit #detail ul {
    margin-bottom: 0;
}

#pr_edit #detail #product {
    width: 200px;
}

#pr_edit #detail #description {
    width: 200px;
}

#pr_edit #detail #manufacturer {
    width: 130px;
}

#pr_edit #detail #qty {
    width: 100px;
}

#pr_edit #detail #lead {
    width: 75px;
}

#pr_edit #detail #u {
    width: 80px;
}

#pr_edit #detail #bd {
    width: 80px;
}

#pr_edit #detail #notes {
    height: 230px;
    width: 99%;
}

    #pr_edit #detail #notes textarea {
        height: 200px;
        resize: none;
    }

#pr_edit #detail #controls {
    /*width: 121px;*/
    width: 160px;
    float: right;
    height: 45px;
    padding: 5px;
    text-align: center;
    /*margin-left: 20px;*/
}

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

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

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

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


#pr_edit #detail #allocations {
    /*width: 45px;*/
    float: left;
    /*height: 45px;*/
    padding-left: 5px;
    text-align: center;
}

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

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

    #pr_edit #detail #allocations > div > div {
        float: left;
    }

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

#pr_edit #detail #stocksummary {
    /*width: 45px;*/
    float: left;
    /*height: 45px;*/
    padding-left: 5px;
    text-align: center;
}

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

        #pr_edit #detail #stocksummary i:hover {
            background-color: #efefef;
        }

    #pr_edit #detail #stocksummary > div > div {
        float: left;
    }

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

#pr_edit #detail #equ > div,
#pr_edit #detail #docs > div,
#pr_edit #detail #allocs > div {
    height: 100%;
}

#pr_edit #detail #equ > span,
#pr_edit #detail #docs > span,
#pr_edit #detail #allocs > span {
    display: table;
    width: 100%;
    height: 100%;
}

    #pr_edit #detail #equ > span > span,
    #pr_edit #detail #docs > span > span,
    #pr_edit #detail #allocs > span > span {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        color: #717171;
    }


#pr_edit #detail #allocs .at {
    float: left;
    width: 33%;
    height: 100%;
    position: relative;
}

    #pr_edit #detail #allocs .at h2 {
        font-weight: normal;
        font-size: 14px;
        margin-left: 3px;
        margin-top: 8px;
        color: #3d3d3d;
    }

    #pr_edit #detail #allocs .at .alt {
        position: absolute;
        top: 30px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border: 1px solid #d3d3d3;
    }


#pr_edit #production_builder .modal-body {
    padding: 0;
}

#pr_edit #production_builder #build_head {
    border-bottom: 1px solid #d3d3d3;
    position: relative;
}

    #pr_edit #production_builder #build_head label {
        font-size: 12px;
        font-weight: normal;
    }

    #pr_edit #production_builder #build_head .con {
        width: 100px;
        float: left;
        margin-right: 5px;
    }

    #pr_edit #production_builder #build_head #build_costs {
        width: 250px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        padding: 5px;
        border-left: 1px solid #d3d3d3;
    }

    #pr_edit #production_builder #build_head .title {
        border-right: 1px solid #d3d3d3;
        height: 55px;
        background-color: #f8f8f8;
    }

        #pr_edit #production_builder #build_head .title h2 {
            margin-top: 18px;
            margin-left: 7px;
        }

    #pr_edit #production_builder #build_head h2 {
        font-size: 18px;
        margin-bottom: 5px;
    }

    #pr_edit #production_builder #build_head #build_costs .con {
        width: 100%;
        margin-bottom: 3px;
    }

    #pr_edit #production_builder #build_head #build_costs label {
        margin-top: 4px;
        margin-right: 10px;
        margin-bottom: 0;
    }

    #pr_edit #production_builder #build_head #build_costs label,
    #pr_edit #production_builder #build_head #build_costs input {
        width: 45%;
        float: left;
        text-align: right;
    }

    #pr_edit #production_builder #build_head #build_loc {
        border-top: 1px solid #d3d3d3;
        /*margin-right: 249px;*/
    }


    #pr_edit #production_builder #build_head #build_ops {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 230px;
        background-color: #fff;
        border-left: 1px solid #d3d3d3;
    }

        #pr_edit #production_builder #build_head #build_ops .op {
            border: 1px solid #d3d3d3;
            width: 84px;
            float: left;
            height: 74px;
            padding-top: 22px;
            text-align: center;
            margin: 20px;
        }

            #pr_edit #production_builder #build_head #build_ops .op:first-child {
                margin-right: 0;
            }

            #pr_edit #production_builder #build_head #build_ops .op i {
                font-size: 20px;
            }

            #pr_edit #production_builder #build_head #build_ops .op i,
            #pr_edit #production_builder #build_head #build_ops .op label {
                text-align: center;
                display: block;
                color: #d3d3d3;
            }

        #pr_edit #production_builder #build_head #build_ops > .active {
            border: 1px solid #74abd4;
            background-color: #e6f3ff;
        }

         #pr_edit #production_builder #build_head #build_ops .op:hover {
            border: 1px solid #75d474;
            background-color: #ebffe6;
            cursor:pointer;
        }

         #pr_edit #production_builder #build_head #build_ops > div:hover label{
              cursor:pointer;
         }

            #pr_edit #production_builder #build_head #build_ops > .active i,
            #pr_edit #production_builder #build_head #build_ops > .active label {
                color: #696969;
            }





#pr_edit #production_builder #build_table {
    height: 300px;
}

    #pr_edit #production_builder #build_table .qty {
        width: 100%;
        border: none;
        background-color: #fffdf2;
        text-align: right;
        padding-right: 5px;
    }

.warn {
    background-color: #ffbfb3 !important;
}


.num {
    text-align: right;
}

.has-wip {
    background-color: #84ffff;
}

.has-fifo {
    background-color: #dbfef2;
}

.has-po {
    background-color: #ffe1bc;
}

.has-latepo {
    background-color: #ffbede;
}

#pr_edit .error, #pr_new .error {
    background-color: #ffbebe;
}


#pr_new #drops {
    max-width: 500px;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#pr_new td input[type=text] {
    margin: 0;
    border: none;
    width: 100%;
    background: none;
    padding-left: 5px;
}

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

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


/*#pr_edit .pr-group {
    width: 300px;
    float: left;
}*/


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

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

#pr_edit #detail .tab-content {
    border: none;
    padding: 0;
}*/

/*#pr_edit #detail .tab-content > div {
    height: 136px;
}*/
    
/*container*/
#proforma #con {
    width: 1024px;
    padding: 0 10px;
}

/*header*/
#proforma #header {
    float: left;
}

#proforma #header .control-label {
    padding-top: 3px;
}

#proforma #header .borderless {
    padding-left: 4px;
}

#proforma #header #top-left {
    float: left;
    width: 280px;
}

#proforma #header #top-left #salesorderid-container a {
    position: relative;
    top: 1px;
    margin-left: 4px;
}

#proforma #header #top-middle {
    float: left;
    width: 240px;
}

#proforma #header #top-right {
    float: left;
    width: 300px;
}

#proforma #header #top-right label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 4px;
}

#proforma #header #top-right #Notes {
    height: 88px;
    width: 100%;
}

/*lines*/
#proforma #lines {
    height: 240px;
    border: 1px solid lightgray;
    margin-top: 10px;
    float: left;
    width: 100%;
}

/*despatch*/
#proforma .despatch-proforma {
    width: 110px;
    margin-right: 5px;
}

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

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

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

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

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

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

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


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

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

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

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

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

#purchaseOrder #header {
    width: 100%;
}

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

#purchaseOrder #header #supplierDetails{
    border:1px solid #ddd;
    margin-bottom:5px;
    height:52px;
}
    #purchaseOrder #header #supplierDetails > div{
        float:left;
    }

    #purchaseOrder #header #supplierDetails > div:first-child {
        width: 290px;
        padding-top:10px;
        border-right:1px solid #ddd;
        height:100%;
    }

    #purchaseOrder #header #supplierDetails > div:last-child{
        padding:5px;
    }

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

#purchaseOrder .supplier-details input {
    padding: 1px 2px;
    font-size: 12px;
    width: 700px;
    display: block;
}

#purchaseOrder #od {
    padding: 5px;
}

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

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

#purchaseOrder .po-group {
    width: 300px;
    float: left;
}


    #purchaseOrder .po-group label {
        font-size: 10px;
    }
#purchaseOrder #standardEditor .tab-content {
    border: 1px solid #ddd;
}

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

#purchaseOrder #detail {
    width: 100%;
    border: 1px solid #e3e3e3;
    border-top-color: #e3e3e3;
    border-top-color: transparent;
}
    #purchaseOrder #detail .tab-content {
        border: none;
        padding: 0;
    }
        #purchaseOrder #detail .tab-content > div {
            height: 136px;
        }
    #purchaseOrder #detail .nav-tabs > li.active:first-child > a {
        border: none;
        border-right: 1px solid #ddd;
    }

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

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

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

    #purchaseOrder .imp label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }
#purchaseOrder .con.input-group .input-group-addon{
    padding:0 3px;
    font-size: 10px;
}

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

#purchaseOrder #detail #p {
    width: 200px;
}

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

#purchaseOrder #detail #d {
    width: 140px;
    float: left;
}

#purchaseOrder #detail #mf {
    width: 120px;
}

#purchaseOrder #detail #conRef {
    width: 108px;
}

#purchaseOrder #detail #cr {
    width: 115px;
}

#purchaseOrder #detail #q {
    width: 60px;
}

#purchaseOrder #detail #u {
    width: 80px;
}

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

#purchaseOrder #detail #ro input {
    padding: 0;
    margin: 1px 0;
}

#purchaseOrder #detail #notes {
    float: left;
    height: 92px;
    /*width: 295px;*/
    width: 260px;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #purchaseOrder #detail #notes.torex-only {
        width: 225px;
    }

    #purchaseOrder #detail #notes textarea {
        height: 67px;
        resize: none;
    }
#purchaseOrder #detail #drop {
    float: left;
    margin-right: 5px;
}

    #purchaseOrder #detail #drop > div {
        width: 71px;
    }
#purchaseOrder #detail #stock {
    float: left;
    border-left: 1px solid #ddd;
    margin-right: 5px;
}

    #purchaseOrder #detail #stock > div {
        width: 57px;
    }

#purchaseOrder #detail #totals {
    border-left: 1px solid #ddd;
    float: left;
}

#purchaseOrder #detail #totals > div{
    width: 66px;
}

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

    #purchaseOrder #detail #controls.torex-only {
        width: 221px;
    }

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

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

#purchaseOrder #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;
}

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

/*#purchaseOrder #detail #stocksummary {
    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;
}

#purchaseOrder #detail #stocksummary > div > div {
    float: left;
}
    */
    #purchaseOrder #detail #othercontrols #stocksummary > div > div[data-disabled="true"] i {
        background-color: #f2f2f2;
        color: #848484 !important;
        cursor: not-allowed;
    }
    /*
#purchaseOrder #detail #stocksummary 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;
}

    #purchaseOrder #detail #stocksummary i:hover {
        background-color: #efefef;
    }

#purchaseOrder #detail #stocksummary > div:last-child i {
    border-right-color: #ddd;
}*/

/*#purchaseOrder #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;
}

    #purchaseOrder #detail #allocations > div > div {
        float: left;
    }
    */
        #purchaseOrder #detail #othercontrols #allocations > div > div[data-disabled="true"] i {
            background-color: #f2f2f2;
            color: #848484 !important;
            cursor: not-allowed;
        }
        /*
#purchaseOrder #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;
}

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

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

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

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

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

        #purchaseOrder #detail #stats > div > div {
            float: left;
            width: 25%;
        }

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

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

#purchaseOrder #overview {
    border: 1px solid #ddd;
    margin-bottom:20px;
    margin-top: 10px;
}

#purchaseOrder #overview > div{
    border-bottom:1px solid #ddd;
}
#purchaseOrder #overview > div:last-child{
    border-bottom:none;
}

#purchaseOrder #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;
}

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

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


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

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

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


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

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

    /* Order History */
#purchaseOrder #sph {
    height: 168px;
}


/* import excel csv*/
#purchaseOrder .import-left-section {
    float: left;
    overflow: hidden;
}

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

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

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

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

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

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

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

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

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

        #purchaseOrder .import-chevron-bar .import-chevron:hover {
            color: #2482d9;
            cursor: pointer;
        }
#purchaseOrder .errors .table-container-fullwidth {
    max-height: 83px;
}

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

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

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

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

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

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





#purchaseOrder #detail #state {
    float: left;
    border-top: 1px solid #ddd;
}

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




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

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

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

#purchaseOrder #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;
}

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

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

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

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

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

    #purchaseOrder #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;
    }

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

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

/*despatch*/
#purchaseOrder .despatch-purchase-order {
    width: 110px;
    margin-right: 5px;
}

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

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

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

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

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

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

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

/* Tabs */

#purchaseOrder #detail .tab-content #priceHistoryTab {
    height: 166px;
}



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

#PurchaseOrderAmendmentHistory .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
    border: 10px;
    margin: 4px;
}

#PurchaseOrderAmendmentHistory .WideBtn {
    width: 130px;
    border: 5px;
    margin: 4px;
}

#PurchaseOrderAmendmentHistory .OptionsDiv {
    float: left;
    min-width: 220px;
    max-width: 220px;
}

#PurchaseOrderAmendmentHistory #lookuppara {
    padding-left:40px;
}

/*update schedule dates modal*/
#purchaseOrderManagement .update-schedule-dates-modal {
    padding: 3px 10px 9px;
}

    #purchaseOrderManagement .update-schedule-dates-modal .highlight {
        color: #0027ff;
    }

/*key*/
#purchaseOrderManagement .key-container {
    width: 210px;
    z-index: 200;
    position: absolute;
    border: 1px solid black;
    background-color: #fff;
    border-radius: 10px;
    padding: 8px 15px 10px;
    font-size: 13px;
}

#purchaseOrderManagement .key-sub-header {
    font-weight: bold;
    margin-left: 4px;
    margin-bottom: 2px;
}

#purchaseOrderManagement .key-container .key-sub-header:not(:first-of-type) {
    margin-top: 10px;
}

#purchaseOrderManagement .key-colour {
    width: 23px;
    display: inline-block;
    height: 7px;
    margin-right: 8px;
    vertical-align: top;
    margin-top: 5px;
    border: 1px solid #535353;
}

#purchaseOrderManagement .key-description {
    display: inline-block;
    font-style: italic;
}

/*supplier search header*/
#purchaseOrderManagement .supplier-search {
    margin: 0 10px 3px;
}

    /*supplier*/
    #purchaseOrderManagement .supplier-search .supplier-container {
        float: left;
        margin-right: 10px;
    }

        #purchaseOrderManagement .supplier-search .supplier-container label {
            float: left;
            font-size: 12px;
            font-weight: normal;
            padding-top: 3px;
            padding-right: 10px;
        }

    #purchaseOrderManagement .supplier-search #Supplier {
        width: initial;
    }

    /*product type*/
    #purchaseOrderManagement .supplier-search .product-type {
        float: left;
        width: 210px;
        margin-right: 10px;
    }

/*refresh suppliers*/
#purchaseOrderManagement .refresh-suppliers {
    padding: 0 11px;
    margin-left: 4px;
}

/*employee*/
#purchaseOrderManagement .supplier-search .employee {
    float: left;
    width: 250px;
}

/*inline lookup*/
#purchaseOrderManagement .inline-lookup label.control-label {
    float: left;
    color: #3e3e3e;
    font-size: 12px;
    font-weight: normal;
    padding-top: 3px;
    padding-right: 10px;
}

#purchaseOrderManagement .inline-lookup .lookup-div {
    position: relative;
    overflow: hidden;
}

    #purchaseOrderManagement .inline-lookup .lookup-div .lookup-text {
        padding-right: 44px;
    }

    #purchaseOrderManagement .inline-lookup .lookup-div .lookup-button {
        width: 25px;
        right: 0;
        line-height: 18px;
        padding: 0 3px;
    }

    #purchaseOrderManagement .inline-lookup .lookup-div .glyphicon-remove {
        position: absolute;
        right: 29px;
        top: 6px;
        font-size: 12px;
        color: #7E7E7E;
        cursor: pointer;
    }

        #purchaseOrderManagement .inline-lookup .lookup-div .glyphicon-remove:hover {
            color: red;
        }

/*suppliers*/
#purchaseOrderManagement .suppliers-table {
    height: calc(40% - 158px);
    min-height: 113px;
    margin: 0 10px;
    border: 1px solid #cecece;
}

    /*suppliers highlighting*/
    #purchaseOrderManagement .key-container .key-requisitions,
    #purchaseOrderManagement .suppliers-table .it-body tr.has-requisitions td.it-col-requisitions {
        background-color: rgb(180,255,255);
    }

    #purchaseOrderManagement .key-container .key-reschedules,
    #purchaseOrderManagement .suppliers-table .it-body tr.has-reschedules td.it-col-reschedules {
        background-color: rgb(210,210,210);
    }

    #purchaseOrderManagement .key-container .key-cancellations,
    #purchaseOrderManagement .suppliers-table .it-body tr.has-cancellations td.it-col-cancellations {
        background-color: rgb(255,150,200);
    }

    #purchaseOrderManagement .key-container .key-agency,
    #purchaseOrderManagement .suppliers-table .it-body tr.is-agency td.it-col-agency {
        background-color: rgb(180,217,255);
    }

    #purchaseOrderManagement .key-container .key-risk-high,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-high td.it-col-name,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-high td.it-col-risk {
        background-color: rgb(255,145,145);
    }

    #purchaseOrderManagement .key-container .key-risk-med,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-med td.it-col-name,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-med td.it-col-risk {
        background-color: rgb(170,255,83);
    }

    #purchaseOrderManagement .key-container .key-risk-low,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-low td.it-col-name,
    #purchaseOrderManagement .suppliers-table .it-body tr.risk-low td.it-col-risk {
        background-color: rgb(180,180,255);
    }

    #purchaseOrderManagement .key-container .key-unapproved,
    #purchaseOrderManagement .suppliers-table .it-body tr.is-unapproved td.it-col-address {
        background-color: rgb(255,255,139);
    }

    #purchaseOrderManagement .key-container .key-pending,
    #purchaseOrderManagement .suppliers-table .it-body tr.is-pending td.it-col-address {
        background-color: rgb(50,255,50);
    }

    #purchaseOrderManagement .key-container .key-temporary,
    #purchaseOrderManagement .suppliers-table .it-body tr.is-temporary td.it-col-address {
        background-color: rgb(85,190,85);
    }

    #purchaseOrderManagement .key-container .key-inactive,
    #purchaseOrderManagement .suppliers-table .it-body tr.is-inactive td.it-col-address {
        background-color: rgb(180,180,100);
    }

/*main tabs*/
#purchaseOrderManagement .main-tabs {
    height: calc(60% + 54px);
    min-height: 449px;
    max-height: 517px;
    margin: 5px 10px;
    border: 1px solid #cecece;
    min-width: 1125px;
}

    #purchaseOrderManagement .main-tabs .tab-content {
        margin: 0 9px 9px 9px;
    }

    #purchaseOrderManagement .main-tabs > .tab-content {
        height: calc(100% - 34px);
    }

        #purchaseOrderManagement .main-tabs > .tab-content > div {
            height: 100%
        }

    #purchaseOrderManagement .main-tabs #pom-export {
        float: right;
        padding: 1px 15px;
        margin-right: 9px;
        margin-top: 4px;
    }

/*requisitions*/
#purchaseOrderManagement .requisitions-table {
    height: calc(100% - 215px);
    border: 1px solid #cecece;
}

    #purchaseOrderManagement .requisitions-table .it-head .it-head-selected .it-header {
        color: transparent;
    }

    #purchaseOrderManagement .requisitions-table .it-col-selected {
        text-align: center;
    }

    #purchaseOrderManagement .requisitions-table .it-head .it-head-selected .selected-center {
        text-align: center;
        width:inherit;
    }

/*requisitions highlighting*/
/*.requisitions-table tr.has-scheduled-date-expired td.it-col-scheduled,*/
/*.reschedules-table tr.has-requested-date-expired td.it-col-newrequested,*/
#purchaseOrderManagement .modal .modal-footer #This-Supplier.action-update-schedule-dates-warning,
#purchaseOrderManagement .actionBar .action-update-schedule-dates-warning {
    background-color: #fff7e2;
}

    #purchaseOrderManagement .modal .modal-footer #This-Supplier.action-update-schedule-dates-warning:hover,
    #purchaseOrderManagement .actionBar .action-update-schedule-dates-warning:hover {
        background-color: #fff1ca;
    }

#purchaseOrderManagement .key-container .key-invalid-line,
#purchaseOrderManagement .requisitions-table tr.is-invalid-line {
    background-color: rgb(255,242,242);
}

#purchaseOrderManagement .key-container .key-rfqs,
#purchaseOrderManagement .requisitions-table tr.is-rfqs td.it-col-manufacturer {
    background-color: rgb(222,231,240);
}

#purchaseOrderManagement .key-container .key-amended,
#purchaseOrderManagement .requisitions-table  tr.is-amended td.it-col-partnumber,
#purchaseOrderManagement .reschedules-table  tr.is-amended td.it-col-partnumber {
    background-color: rgb(255,255,214);
}

#purchaseOrderManagement .key-container .key-under-moq,
#purchaseOrderManagement .requisitions-table  tr.is-under-moq td.it-col-minorderqty {
    background-color: rgb(255,205,149);
}

#purchaseOrderManagement .requisitions-table  tr.is-confirmed td.it-col-confirmed {
    background-color: rgb(255,255,180);
}

#purchaseOrderManagement .requisitions-table  tr.is-order-late td.it-col-orderby {
    background-color: rgb(236, 236, 236);
}


/*tabNav hyperlinks*/
#purchaseOrderManagement .tabNav .tabNav-hyperlink[disabled] {
    color: gray;
    cursor: not-allowed;
}

/*sub-tabs*/
#purchaseOrderManagement .sub-tabs {
    border-right: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    border-left: 1px solid #cecece;
}

    #purchaseOrderManagement .sub-tabs > ul {
        margin-bottom: 3px;
    }

    #purchaseOrderManagement .sub-tabs .tab-content {
        margin: 0;
    }

/*sub-tabs helper*/
#purchaseOrderManagement .table-small .it-cont .bg {
    height: 20px;
}

#purchaseOrderManagement .table-small .it-cont .it-head {
    height: 20px;
    font-size: 13px;
}

#purchaseOrderManagement .table-small .it-cont .it-body {
    top: 20px;
    font-size: 12px;
}

/*requisitions editor*/
#purchaseOrderManagement #editor-tab.editor-tab-new-requisition {
    background-color: #fafcff;
}

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

#purchaseOrderManagement #editor-tab .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
}

#purchaseOrderManagement #editor-tab .lookup .form-group .col-sm-8 {
    padding-right: 39px;
}

#purchaseOrderManagement #editor-tab .lookup .li-remove {
    right: 29px;
}

#purchaseOrderManagement #editor-tab .condensed-lookup > div {
    padding-right: 0px;
}

#purchaseOrderManagement #editor-tab .condensed-lookup .lookup-button {
    right: 0px;
}

#purchaseOrderManagement #editor-tab .float-control {
    margin-left: 5px;
    float: left;
    height: 45px;
}

    #purchaseOrderManagement #editor-tab .float-control label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }

#purchaseOrderManagement #editor-tab input.validation-error {
    border: 1px solid red;
}

#purchaseOrderManagement #editor-tab .lookup.validation-error .output {
    border: 1px solid red;
}

#purchaseOrderManagement #editor-tab .lookup.validation-error .lookup-button {
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
}

/*editor-line1*/
#purchaseOrderManagement #product-container {
    width: 206px;
}

#purchaseOrderManagement #editor-tab #product-container .product-new-requisition {
    display: none;
    float: right;
    margin-right: 1px;
    margin-top: 1px;
    font-size: 12px;
    font-style: italic;
}

#purchaseOrderManagement #product-container .product-new-requisition span {
    color: #601414;
    font-weight: bold;
}

#purchaseOrderManagement #manufacturer-container {
    width: 141px;
}

#purchaseOrderManagement #supplier-container {
    width: 180px;
}

#purchaseOrderManagement #editor-tab #SupplierLookup {
    padding-right: 42px;
}

#purchaseOrderManagement #quantity-container {
    width: 80px;
}

#purchaseOrderManagement #unit-container {
    width: 120px;
}

#purchaseOrderManagement #supplier-partno-container {
    width: 150px;
}

#purchaseOrderManagement #price-container {
    width: 90px;
}

#purchaseOrderManagement #currency-container {
    width: 90px;
}

/*notes*/
#purchaseOrderManagement #editor-tab #notes-container {
    height: 116px;
    width: 352px;
}

    #purchaseOrderManagement #editor-tab #notes-container > div.con {
        height: calc(100% - 25px);
    }

    #purchaseOrderManagement #editor-tab #notes-container #Notes {
        resize: none;
        height: 100%;
    }

/*editor-line2*/
#purchaseOrderManagement #editor-line2 {
    display: table;
}

#purchaseOrderManagement #scheduled-date-container {
    width: 72px;
}

#purchaseOrderManagement #special-price-deal-container {
    width: 110px;
}

#purchaseOrderManagement #editor-tab #freight-percent-container {
    width: 70px;
}

#purchaseOrderManagement #editor-tab #duty-percent-container {
    width: 70px;
}

#purchaseOrderManagement #editor-tab #landed-container {
    width: 100px;
}

#purchaseOrderManagement #editor-tab #price-agreed-container {
    width: 75px;
}

    #purchaseOrderManagement #editor-tab #price-agreed-container #PriceAgreed {
        margin-top: 1px;
    }

#purchaseOrderManagement #editor-tab #delivery-container {
    width: auto;
}

#purchaseOrderManagement #editor-tab .delivery-box {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    margin-right: -2px;
    background-color: #f5f5f5;
    font-size: 11px;
    line-height: 14px;
    vertical-align: top;
    padding: 2px 0;
    z-index: 0;
    width: 28px;
    text-align: center;
}

#purchaseOrderManagement #editor-tab .delivery-am:before,
#purchaseOrderManagement #editor-tab .delivery-pm:after {
    content: ' ';
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0px;
    z-index: -1;
    background: #D2E1FF;
}

#purchaseOrderManagement #editor-tab .delivery-am:before {
    left: 0px;
}

#purchaseOrderManagement #editor-tab .delivery-pm:after {
    right: 0px;
}

/*controls*/
#purchaseOrderManagement .controls {
    float: left;
    height: 62px;
    padding: 2px 4px 4px;
    text-align: center;
    margin-left: 5px;
    margin-top: 4px;
    border: 1px solid #ddd;
    background-color: #ffffff;
}

    #purchaseOrderManagement .controls > div {
        float: left;
    }

    #purchaseOrderManagement .controls .control-group > div {
        float: left;
    }

    #purchaseOrderManagement .controls .control-group > label {
        text-align: left;
        font-size: 12px;
        font-weight: normal;
        display: block;
        margin-bottom: 2px;
    }

    #purchaseOrderManagement .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: rgb(221, 221, 221);
        border-right-color: transparent;
    }

    #purchaseOrderManagement .controls .control-group div:last-child i {
        border-right-color: #ddd;
    }

    #purchaseOrderManagement .controls .control-seperator {
        background-color: #ddd;
        width: 1px;
        height: 62px;
        position: relative;
        margin-left: 4px;
        margin-right: 4px;
        top: -3px;
    }

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

    #purchaseOrderManagement .controls i:hover {
        background-color: #efefef;
    }

    #purchaseOrderManagement .controls .pending-save i {
        background-color: #ffefcf;
    }

/*change supplier modal*/
#purchaseOrderManagement .change-supplier-modal {
    padding: 10px;
}

/*change worker modal*/
#purchaseOrderManagement .change-worker-modal {
    padding: 10px;
}

/*toggle confirm modal*/
#purchaseOrderManagement .toggle-confirm-modal {
    padding: 10px;
}

/*post modal*/
#purchaseOrderManagement .post-modal-top-left {
    float: left;
    width: 50%;
}

#purchaseOrderManagement .post-modal-top-right {
    float: right;
    width: 50%;
}

#purchaseOrderManagement .post-modal-sub-header {
    font-style: italic;
    padding-top: 6px;
    border-bottom: 1px solid #dadada;
    padding-bottom: 3px;
    margin-bottom: 3px;
    margin-right: 15px;
}

#purchaseOrderManagement .dispatch-print label {
    padding-top: 2px;
    font-weight: normal;
}

#purchaseOrderManagement .dispatch-print span {
    position: relative;
    top: 3px;
    margin-left: 6px;
    vertical-align: top;
    font-size: 12px;
}

#purchaseOrderManagement .dispatch-document-text {
    margin-top: 6px;
}

    #purchaseOrderManagement .dispatch-document-text a {
        display: block;
        font-size: 12px;
        line-height: 20px;
    }

        #purchaseOrderManagement .dispatch-document-text a:focus {
            text-decoration: none;
        }

            #purchaseOrderManagement .dispatch-document-text a:focus:hover {
                text-decoration: underline;
            }

#purchaseOrderManagement .post-modal-addresses {
    margin-bottom: 5px;
}

    #purchaseOrderManagement .post-modal-addresses .lookup {
        float: left;
        width: 50%;
    }

#purchaseOrderManagement .post-modal-top {
    margin-bottom: 5px;
}

#purchaseOrderManagement .invoice-address-lookup .col-sm-4 {
    width: 30%;
    text-align: left;
}

#purchaseOrderManagement .invoice-address-lookup .col-sm-8 {
    width: 70%;
}

#purchaseOrderManagement #DeliveryAddress {
    height: 103px;
}

#purchaseOrderManagement #DeliveryAddress {
    height: 96px;
    font-size: 13px;
}

#purchaseOrderManagement #InvoiceAddress {
    height: 96px;
    font-size: 13px;
}

#purchaseOrderManagement #Currency {
    padding-left: 4px;
}

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

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

#purchaseOrderManagement .post-modal input.validation-error {
    border: 1px solid red;
}

#purchaseOrderManagement .post-modal .lookup.validation-error .output {
    border: 1px solid red;
}

#purchaseOrderManagement .post-modal .lookup.validation-error .lookup-button {
    border: 1px solid red;
}

#purchaseOrderManagement .post-modal .lookup.validation-error .selected {
    border: 1px solid red;
}

/*rfqs tab*/
#purchaseOrderManagement #rfqs-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*quotes tab*/
#purchaseOrderManagement #quotes-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*price history tab*/
#purchaseOrderManagement #price-history-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*purchase order tab*/
#purchaseOrderManagement #purchase-orders-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*price breaks tab*/
#purchaseOrderManagement #price-breaks-tab {
    height: 171px;
}

    #purchaseOrderManagement #price-breaks-tab .priceBreaksContainer {
        float: left;
        width: 200px;
        margin-top: 5px;
        margin-left: 10px;
    }

        #purchaseOrderManagement #price-breaks-tab .priceBreaksContainer:first-child {
            margin-left: 5px;
        }

    #purchaseOrderManagement #price-breaks-tab .priceBreaksHeader {
        float: left;
        margin-bottom: 3px;
        font-size: 12px;
        font-weight: normal;
    }

        #purchaseOrderManagement #price-breaks-tab .priceBreaksHeader input {
            float: left;
            margin: 2px 5px 0 0;
        }

    #purchaseOrderManagement #price-breaks-tab .it-cont {
        border: 1px solid #ccc;
        height: 141px;
        margin-bottom: 5px;
    }

/*reschedules*/
#purchaseOrderManagement .reschedules-table {
    height: calc(100% - 215px);
    border: 1px solid #cecece;
}

    #purchaseOrderManagement .reschedules-table .it-head .it-head-selected .it-header {
        color: transparent;
    }

    #purchaseOrderManagement .reschedules-table .it-body .it-col-selected {
        text-align: center;
    }

/*reschedules editor*/
#purchaseOrderManagement #reschedules-tab .form-control {
    font-size: 12px;
    height: 20px;
    padding: 1px 3px;
}

#purchaseOrderManagement #reschedules-tab .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
}

#purchaseOrderManagement #reschedules-tab .lookup .form-group .col-sm-8 {
    padding-right: 39px;
}

#purchaseOrderManagement #reschedules-tab .lookup .li-remove {
    right: 29px;
}

#purchaseOrderManagement #reschedules-tab .condensed-lookup > div {
    padding-right: 0px;
}

#purchaseOrderManagement #reschedules-tab .condensed-lookup .lookup-button {
    right: 0px;
}

#purchaseOrderManagement #reschedules-tab .float-control {
    margin-left: 5px;
    float: left;
    height: 45px;
}

    #purchaseOrderManagement #reschedules-tab .float-control label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }

#purchaseOrderManagement #reschedules-tab input.validation-error {
    border: 1px solid red;
}

#purchaseOrderManagement #reschedules-tab .lookup.validation-error .output {
    border: 1px solid red;
}

#purchaseOrderManagement #reschedules-tab .lookup.validation-error .lookup-button {
    border-top: 1px solid red;
    border-right: 1px solid red;
    border-bottom: 1px solid red;
}

/*reschedules editor-line1*/
#purchaseOrderManagement #reschedules-purchase-order-container {
    width: 100px;
}

#purchaseOrderManagement #reschedules-product-container {
    width: 194px;
}

#purchaseOrderManagement #reschedules-manufacturer-container {
    width: 128px;
}

#purchaseOrderManagement #reschedules-supplier-container {
    width: 160px;
}

#purchaseOrderManagement #reschedules-quantity-container {
    width: 80px;
}

#purchaseOrderManagement #reschedules-unit-container {
    width: 110px;
}

#purchaseOrderManagement #reschedules-requested-date-container {
    width: 72px;
}

/*reschedules rfqs tab*/
#purchaseOrderManagement #reschedules-rfqs-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*quotes tab*/
#purchaseOrderManagement #reschedules-sales-orders-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*price history tab*/
#purchaseOrderManagement #reschedules-purchase-orders-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*purchase order tab*/
#purchaseOrderManagement #reschedules-stock-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

/*cancellations*/
#purchaseOrderManagement .cancellations-table {
    height: calc(100% - 215px);
    border: 1px solid #cecece;
}

    #purchaseOrderManagement .cancellations-table .it-head .it-head-selected .it-header {
        color: transparent;
    }

    #purchaseOrderManagement .cancellations-table .it-body .it-col-selected {
        text-align: center;
    }

/*cancellations editor*/
#purchaseOrderManagement #cancellations-tab .form-control {
    font-size: 12px;
    height: 20px;
    padding: 1px 3px;
}

#purchaseOrderManagement #cancellations-tab .lookup .lookup-button {
    height: 20px;
    width: 25px;
    font-size: 28px;
    padding: 0px 3px;
    line-height: 15px;
}

#purchaseOrderManagement #cancellations-tab .lookup .form-group .col-sm-8 {
    padding-right: 39px;
}

#purchaseOrderManagement #cancellations-tab .lookup .li-remove {
    right: 29px;
}

#purchaseOrderManagement #cancellations-tab .condensed-lookup > div {
    padding-right: 0px;
}

#purchaseOrderManagement #cancellations-tab .condensed-lookup .lookup-button {
    right: 0px;
}

#purchaseOrderManagement #cancellations-tab .float-control {
    margin-left: 5px;
    float: left;
    height: 45px;
}

    #purchaseOrderManagement #cancellations-tab .float-control label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }

/*cancellations editor line-1*/
#purchaseOrderManagement #cancellations-purchase-order-container {
    width: 100px;
}

#purchaseOrderManagement #cancellations-product-container {
    width: 194px;
}

#purchaseOrderManagement #cancellations-manufacturer-container {
    width: 128px;
}

#purchaseOrderManagement #cancellations-supplier-container {
    width: 160px;
}

#purchaseOrderManagement #cancellations-quantity-container {
    width: 80px;
}

#purchaseOrderManagement #cancellations-unit-container {
    width: 110px;
}

#purchaseOrderManagement #cancellations-scheduled-date-container {
    width: 72px;
}

/*cancellations tabs*/
#purchaseOrderManagement #cancellations-rfqs-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

#purchaseOrderManagement #cancellations-sales-orders-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

#purchaseOrderManagement #cancellations-purchase-orders-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

#purchaseOrderManagement #cancellations-stock-tab {
    height: 166px;
    border-top: 1px solid #e4e4e4;
}

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

.condensed-lookup {
    position: relative;
}

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

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

#quote #od {
    padding: 5px;
}

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

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

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

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

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

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

#quote #detail .tab-content #productStock {
    height: 166px;
}

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

#quote #standardEditor .tab-content {
    border: 1px solid #ddd;
}

#quote #header .tab-pane {
    height: 176px;
}

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

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

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

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

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

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

#quote #header {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#quote #detail #p {
    width: 200px;
}

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

#quote #detail #d {
    width: 140px;
    float: left;
}

#quote #detail #mf {
    width: 120px;
}

#quote #detail #q {
    width: 60px;
}

#quote #detail #u {
    width: 80px;
}

#quote #detail #ic {
    width: 70px;
}

#quote #detail #transferCost {
    width: 125px;
}

#quote #detail #transferCurrency {
    width: 110px;
}

#quote #detail #transferRef {
    width: 110px;
}

#quote #detail #sbp {
    width: 110px;
}

#quote #detail #sbpr {
    width: 125px;
}

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

#quote #detail #conRef {
    width: 105px;
}

#quote #detail #cr {
    width: 105px;
}

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

#quote #detail #notes {
    float: left;
    height: 90px;
    width: 300px;
    border-right: 1px solid #ddd;
    padding-right: 5px;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

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

#quote #detail #controls {
    width: 158px;
    float: left;
    height: 45px;
    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

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

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

    #quote #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;
    }

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

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

#quote #detail #stats {
    height: 45px;
    border-top: 1px solid #ddd;
    float: left;
    width: 383px;
    padding-right: 10px;
    display: table;
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px;
}

    #quote #detail #stats > div {
        font-size: 12px;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        #quote #detail #stats > div > div {
            float: left;
            width: 25%;
        }

    #quote #detail #stats label {
        font-weight: normal;
        margin: 0;
        clear: both;
        width: 100%;
    }

    #quote #detail #stats > div:first-child > div label:first-child {
        font-weight: bold;
    }

#quote #detail #drop {
    float: left;
    height: 45px;
}

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

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

#quote #detail #leadtime-container {
    width: 112px;
    border-right: 1px solid #ddd;
}

#quote #detail #leadtime-container #leadtime {
    float: left;
    width: 32px;
    margin-right: 2px;
}

#quote #detail #leadtime-container .leadtimeperiod-lookup {
    float: left;
    width: 77px;
}

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

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

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

#quote #detail #end {
    height: 45px;
    border-top: 1px solid #ddd;
    float: left;
    border-left: 1px solid #ddd;
}

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

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

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

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

        #quote #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;
        }

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

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


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

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

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

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

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

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

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


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

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

/* Tabs */

#quote #detail .tab-content #priceHistoryTab {
    height: 166px;
}

/* Price Breaks Tab */

#quote .priceBreaksHeader {
    float: left;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: normal;
}

#quote label.priceBreaksHeader:hover {
    cursor: pointer;
}

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

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

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

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

/* Order History */

#quote #cph {
    height: 168px;
}

/* Order Details */

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

    #quote #detail #state > div {
        width: 70px;
    }

#quote #detail #statecontrols {
    width: 81px;
    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;
}

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

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

    #quote #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;
    }

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

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

    #quote #detail #statecontrols .state-cancel i {
        font-weight: bold;
        font-family: Verdana;
    }

    #quote #detail #statecontrols .state-reinstate i {
        font-weight: bold;
        font-family: Verdana;
    }

/* import excel csv */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* extra */

#quote #lines .it-head-select label {
    color: transparent;
}

#quote #lines .line-select {
    margin-left: 3px;
}

#quote #lines .line-select-all {
    margin-left: 3px;
}

/*despatch*/
#quote .despatch-quote {
    width: 110px;
    margin-right: 5px;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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


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

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

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

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

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

/*stock*/
#quote #stock {
    float: left;
    padding: 0px 5px;
    margin-top: 4px;
    margin-left: 5px;
}

    #quote #stock > div {
        line-height: initial;
    }

    #quote #stock label.stock-header {
        font-weight: normal;
        border-bottom: 1px solid #ccc;
        display: block;
        font-size: 12px;
        margin-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 0px;
    }

    #quote #stock > div label {
        font-weight: normal;
        margin-bottom: 0px;
        font-size: 11px;
        padding: 2px 0;
    }

    #quote #stock .stock-type {
        font-style: italic;
        width: 50px;
        margin-right: 4px;
    }

    #quote #stock .stock-free {
        width: 26px;
    }

    #quote #stock .stock-value {
        width: 35px;
    }
#reconciliation #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}

    #reconciliation #con fieldset {
        width: 100%;
        padding-bottom: 10px;
    }

#reconciliation #poInvFilters, #reconciliation #grFilters {
    width: 100%;
    height: 60px;
    margin-top: 10px;
    border: 1px solid lightgray;
}

    #reconciliation .filter {
        width: 150px;
        padding-left: 10px;
        float :left;
    }
    
    #reconciliation #poInvFilters #poInvBtnSearch {
        margin-top: 20px;
        margin-left: 10px
    }

    #reconciliation #grFilters #grBtnSearch {
        margin-top: 20px;
        margin-left: 10px
    }


#reconciliation .supplier-filter {
    width: 200px;
}
#reconciliation .supplier-filter div {
    position: relative;
}
    #reconciliation .supplier-filter div input {
        padding-right: 27px
    }
    #reconciliation .supplier-filter div .lookup-button {
        right: 0px
    }
    #reconciliation .supplier-filter div .li-remove {
        right: 35px
    }

#reconciliation .matched-filter {
    width: 135px;
}
    #reconciliation .matched-filter label {
        margin-bottom: 0px;
        padding: 0px;
    }
    #reconciliation .matched-filter div {
        padding: 0px;
    }
        #reconciliation .matched-filter div input[type="checkbox"] {
            width: 13px;
            height: 13px;
        }






#reconciliation #grLines, #reconciliation #poInvLines {
    width: 100%;
    height: 300px;
    overflow-y: auto;
    border: 1px solid lightgray;
    box-sizing: border-box;
}


#reconciliation .modal-dialog.reconcileModal {
    width: 1000px;
}

    #reconciliation .modal-dialog.reconcileModal #grTable input[type="checkbox"] {
        width: 13px;
        margin-left: 14px
    }

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

#RepBilling .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
    width: 120px;
}

#RepBilling .RepTotal {
    font-weight: bold;
    background-color: #A5C818;
}

#RepBilling .GrandTotal {
    font-weight: bold;
}

#rma #standardEditor .tab-content {
    border: 1px solid #ddd;
}

#rma #standardEditor .tab-content > div {
    height: 185px;
}

#rma #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}
#rma .rma-group {
    width: 350px;
    float: left;
}

#rma .NotesBox {
    width: 100%;
}

#rma .SecondColumn {
    width: 300px;
}

#rma .tsbtn {
    float: right;
    margin-right: 15px;
}


#rma #lines {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
    #rma #lines .line-select {
        margin-left: 3px;
    }

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

    #rma #detail .tab-content {
        border: none;
        padding: 0;
    }
        #rma #detail .tab-content > div {
            height: 136px;
        }

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

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

#rma #tab_rd .form-control,
#rma #line-info .form-control {
    font-size: 12px;
    height: 20px;
    padding: 1px 3px;
}

#rma #tab_rd .lookup .lookup-button {
    height: 20px;
}

#rma #tab_rd .input-group-addon {
    padding: 2px 12px;
}

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

#rma #detail #replenish {
    width: 82px;
    float: left;
    height: 45px;
    padding: 5px;
    text-align: center;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    margin-left: 5px;
}

    #rma #detail #replenish > div > div {
        float: left;
    }

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

    #rma #detail #replenish 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;
    }

        #rma #detail #replenish i:hover {
            background-color: #efefef;
        }

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

#rma .btn-info {
    width: 100px
}

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

#SalesDayBook .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#SalesDayBook .WideBtn {
    width: 120px;
    border: 5px;
}
#SalesForecast #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:135px;
}

#SalesForecast .CategoryTotal {
    background-color: #A5C818;
    font-weight: bold
}

#SalesForecast .GrandTotal {
    background-color: #428bca;
    font-weight: bold
}

#SalesForecast .Total {
    background-color: #A5C818;
}

#SalesForecast .BlueBtn {
    background-color: lightblue;
    /*border-color: #357ebd;*/
}

#SalesForecast .WideBtn {
    width: 120px;
}

#SalesForecast .WideDiv {
    float: left;
    min-width: 300px;
    max-width: 300px;
}
.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 #lines .line-shipped, #salesOrder .key-colour.line-shipped {
    background-color: #ff4d4d;
}

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

#salesOrder #lines .line-late, #salesOrder .key-colour.line-late {
    background-color: #cc66ff;
}

#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;
    }
#SalesOrderAmendmentHistory #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 80px;
}

#SalesOrderAmendmentHistory .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
    border: 10px;
    margin-bottom:10px
}

#SalesOrderAmendmentHistory .WideBtn {
    width: 130px;
    border: 5px;
    margin: 4px;
}

#SalesOrderAmendmentHistory .OptionsDiv {
    float: left;
    min-width: 220px;   
    max-width: 220px;
}
/*#SalesReport .btn.btn-secondary {
    color: #333;
}

    #SalesReport .btn.btn-secondary:hover {
        background-color: #9fc6d2;
        border-color: #99beca;
    }
*/
#SalesReport fieldset {
    width: 395px;
}

#SalesReport {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

    #SalesReport #lines, #SalesReport #report_errors {
        overflow-y: auto;
        border: 1px solid #d3d3d3;
        box-sizing: border-box;
        height: 500px;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #SalesReport .tabNav {
        margin: 5px;
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #SalesReport .tab-content {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #SalesReport #tab-report {
        display: flex;
        flex-direction: column;
        flex: 1 1 auto;
    }

    #SalesReport #tab-errors {
        flex-direction: column;
        flex: 1 1 auto;
    }

    #SalesReport .btn-secondary {
        background-color: lightblue;
        border-color: #a3ccd9;
    }

    #SalesReport .scroller {
        display: flex;
        flex-direction: column;
    }



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

    #SalesReport .import-left-section .remove-file {
        background-color: #fff;
        font-size: 12px;
        position: absolute;
        right: -13px;
        top: 6px;
    }

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

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

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

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

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

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

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

    #SalesReport .errors.div-fieldset {
        max-height: 275px;
        color: #a94442;
        background-color: #f2dede;
        border-color: #ebccd1;
        width: 357px;
        padding: 5px;
        margin: 0 0 5px 0;
        scrollbar-width: thin;
    }

        #SalesReport .errors.div-fieldset .div-legend {
            color: #a94442;
            border-color: #ff9d9b;
        }

    #SalesReport .errors.div-fieldset li {
        margin-left: 15px;
    }

#SalesReport #file-upload {
    width: 250px;
}
#scrapGoods #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}

#scrapGoods #lines {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
    #scrapGoods #lines .line-select {
        margin-left: 3px;
    }

.side {
    height: 100%;
}

    .side .actions {
        position: absolute;
        top: 50px;
        bottom: 10px;
        left: 0;
        right: 0;
    }

        .side .actions .lp {
            position: relative;
        }

        .side .actions .lp #title {
            background-color : #fff;
            color: #555;
            height: 20px;
            padding: 2px;
        }

        .side .actions a {
            color: #b1dbff;
        }

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

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

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

            .side .actions .input input {
                border: none;
                color: #b1dbff;
                cursor: pointer;
                background-color: inherit;
            }

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

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

        .side .actions .lp {
            min-height: 285px;
        }


        .side .actions .info .ht {
            position: relative;
        }

            .side .actions .info .ht ul {
                display: none;
                position: absolute;
                top: -7px;
                left: -245px;
                list-style: none;
                z-index: 0;
                background-color: #426f96;
                border: 1px solid #4a4a4a;
                width: 230px;
                padding: 10px;
                font-size: 13px;
            }

                .side .actions .info .ht ul li span:first-child {
                    width: 50px;
                    font-weight: bold;
                    display: inline-block;
                    color: #d4f014;
                }

            .side .actions .info .ht:hover ul {
                display: block;
            }


        .side .actions .act {
            position: absolute;
            top: 160px;
            left: 0;
            right: 0;
            bottom: 31px;
        }


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

            .side .actions .con input {
                float: right;
                width: 70px;
                color: ButtonText;
                margin-left: 1px;
            }


        .side .actions .acon {
            position: absolute;
            top: 320px;
            left: 0;
            width: 330px;
            bottom: 0;
        }

        .side .actions .mtdl-div {
            position: absolute;
            top: 290px;
            left: 0;
            width: 330px;
            bottom: 0;
        }

        .side .actions .mtdl {
            color: ButtonText;
        }

        .side .actions .action-list {
            position: absolute;
            top: 40px;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .side .actions .action-list .mCSB_container {
                margin-right: 15px;
            }


            .side .actions .action-list .mCSB_dragger_bar {
                background-color: #1581b1 !important;
            }

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

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

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

            .side .actions .tl-edit-items .tl-edit-i {
                background-color: #333;
                border: 1px solid #272727;
                border-left: 2px solid;
                margin: 5px 0px 5px 0px;
                position: relative;
            }


                .side .actions .tl-edit-items .tl-edit-i.editing {
                    background-color: #314558;
                }

                .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic {
                    min-height: 70px;
                    position: relative;
                }


                    .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic p {
                        padding: 5px;
                        margin: 0;
                        width: 270px;
                    }

                    .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic a {
                        padding-right: 3px;
                        margin: 0px;
                        text-decoration: none;
                        color: #d4f014;
                    }

                .side .actions .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;
                }

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

        .side .actions .due {
            display: block;
            padding: 0 3px;
            border-bottom: 1px solid #525252;
            font-size: 11px;
            padding-left: 5px;
            text-transform: uppercase;
        }


            .side .actions .due .da {
                font-size: 12px;
                float: left;
                padding-top: 3px;
            }

                .side .actions .due .da > span {
                    margin-right: 5px;
                }

            .side .actions .due .dt {
                line-height: 22px;
                float: right;
                color: #b7b7b7;
            }

        .side .actions .di {
            border-top: 1px solid #272727;
            cursor: help;
        }

            .side .actions .di > div {
                padding: 2px 0px;
                width: 20px;
                text-align: center;
                font-size: 11px;
                float: right;
                height: 18px;
            }

        .side .actions .action .aed {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            /*background-color: #525252;*/
            opacity: 0.8;
            cursor: pointer;
            font-size: 18px;
            text-transform: uppercase;
            width: 50px;
            cursor: pointer;
        }

        .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic:hover .aed {
            display: block;
        }

        .side .actions .action .aed > div {
            width: 100%;
            height: 100%;
            max-height: 100px;
        }


            .side .actions .action .aed > div > .ae {
                height: 50%;
                display: table;
                width: 100%;
            }

                .side .actions .action .aed > div > .ac span,
                .side .actions .action .aed > div > .ae span {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                }


                .side .actions .action .aed > div > .ae:hover {
                    background-color: #314558;
                }

            .side .actions .action .aed > div > .ac {
                height: 50%;
                color: #01ff00;
                display: table;
                width: 100%;
            }

                .side .actions .action .aed > div > .ac:hover {
                    background-color: #344b23;
                }

#container > #sp {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #302e2e;
    opacity: .97;
    width: 30px;
    z-index: 9999;
}


    #container > #sp #sp_m {
        list-style: none;
        color: #fff;
        width: 30px;
        text-align: center;
        float: right;
        height: 100%;
        background-color: #212121;
        z-index: 2;
        position: relative;
    }

        #container > #sp #sp_m .sp-m-i {
            padding-top: 5px;
            cursor: pointer;
        }

            #container > #sp #sp_m .sp-m-i.active {
                background-color: #444242;
            }


            #container > #sp #sp_m .sp-m-i:hover {
                background-color: #613883;
            }

            #container > #sp #sp_m .sp-m-i > div {
                width: 30px;
                height: 40px;
            }


        #container > #sp #sp_m .c {
            font-size: 12px;
        }

        #container > #sp #sp_m .i,
        #container > #sp #sp_m .c {
            display: block;
        }


    #container > #sp #sides {
        position: absolute;
        top: 0;
        left: 0;
        width: 330px;
        bottom: 0;
        margin-right: 10px;
        margin-left: 10px;
        color:#fff;
    }

        #container > #sp #sides .side {
            width: 330px;
            display: none;
             height: 100%;
        }


            #container > #sp #sides .side h1 {
                color: #fff;
                font-size: 20px;
                padding-bottom: 3px;
                border-bottom: 1px solid #b2b2b2;
            }


#content {
    right: 30px !important;
}

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

#StockBilling .VeryWideDiv {
    float: left;
    min-width: 330px;
    max-width: 330px;
}

#StockBilling .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#StockBilling .WideBtn {
    width: 120px;
    border: 5px;
}
#StockGroupBilling #lines {
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 60px;
}

#StockGroupBilling .VeryWideDiv {
    float: left;
    min-width: 330px;
    max-width: 330px;
}

#StockGroupBilling .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#StockGroupBilling .WideBtn {
    width: 120px;
    border: 5px;
}

#StockGroupBilling .GrandTotal {
    background-color: #A5C818;
    font-weight: bold;
}

#StockGroupBilling .RepTotal {
    background-color: #A5C818;
}

#StockGroupBilling .CustomerTotal {
    font-weight: bold;
}
#stocktake #lines {
    max-width: 1347px;
    height: 400px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid lightgray;
    box-sizing: border-box;
}

#stocktake td input[type=text] {
    margin: 0;
    border: none;
    width: 100%;
    padding-left: 5px;
}

#stocktake td .different-count {
    background-color: #e88484;
}


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

    #stocktake .import-left-section .remove-file {
        background-color: #fff;
        font-size: 12px;
        position: absolute;
        right: -13px;
        top: 6px;
    }

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

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


#stocktake .errors.div-fieldset {
    max-height: 275px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    width: 357px;
    padding: 5px;
    margin: 0 0 5px 0;
    scrollbar-width: thin;
}

    #stocktake .errors.div-fieldset .div-legend {
        color: #a94442;
        border-color: #ff9d9b;
    }
#stockvaluation .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#stockvaluation .WideBtn {
    width: 120px;
    border: 1px;
}

#stockvaluation .sidebyside > div {
    float: left;
    width: inherit;
}

#stockvaluation .sidebyside .form-group {
    float: left;
    width: 50%;
    margin-bottom:0;
}

    #stockvaluation .sidebyside .form-group .col-sm-4 {
        width: 42.1%;
    }

    #stockvaluation .sidebyside .form-group .col-sm-8 {
        width: 57.9%;
    }

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

#stockvaluation .WideDiv {
    float: left;
    width: 530px;
    /*min-width: 255px;*/
}

#stockvaluation .total {
    background-color: #A5C818;
}

#stockvaluation #options {
    height: 180px;
    min-width: 1000px;
    overflow: auto;
}

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

    #StorageClass #lines .it-col-maximumpacks span {
        padding-left: 0px;
        padding-right: 0px;
    }
        #StorageClass #lines .it-col-maximumpacks span input {
            padding-left: 5px;
            padding-right: 5px;
        }
#supplierReturn #con {
    width: 1024px;
    height: 100%;
    padding: 10px;
}

#supplierReturn #lines {
    width: 100%;
    height: 200px;
    overflow-y: auto;
    margin-top: 10px;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
}
    #supplierReturn #lines .line-select {
        margin-left: 3px;
    }

#supplierReturn .top-left {
    float: left;
}

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

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

        #supplierReturn #detail .tab-content > div {
            height: 60px;
        }

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

#supplierReturn #s {
    padding-left: 10px;
}

    #supplierReturn .imp label {
        font-size: 12px;
        font-weight: normal;
        margin-bottom: 0;
    }
.it-table{position:relative;width:100%;height:100%;}.it-table .it-ov{position:absolute;top:-1px;bottom:-1px;width:10px;right:-10px;display:none;}.it-table .it-ov .ov-col{position:absolute;top:40px;bottom:33px;left:0;right:0;background-color:#f6f6f6;border:1px solid #cdcdcd;}.it-table .it-ov .ov{position:absolute;right:0;width:8px;height:3px;background-color:#a8a8a8;cursor:pointer;}.it-table .it-ov.dis{display:block;}.it-table .it-table-find{position:absolute;top:30px;right:25px;display:flex;flex-direction:column;padding:10px 10px 3px 10px;background:#f7f7f7;border-radius:2px;box-shadow:0 0 5px #acacac;}.it-table .it-table-find>div{display:flex;align-items:center;min-height:10px;}.it-table .it-table-find>div input{border:2px solid #11abe6;border-radius:3px;margin-right:5px;padding:2px;font-size:11px;width:150px;}.it-table .it-table-find>div>div{color:#5f5f5f;padding:0 3px;line-height:26px;}.it-table .it-table-find>div>div:hover{cursor:pointer;background:#e8e8e8;border-radius:3px;color:#1f1f1f;}.it-table .it-table-find>div .nav{margin-right:5px;font-size:20px;}.it-table .it-table-find>div .cls{font-weight:normal;font-size:17px;}.it-table .it-table-find .res{color:#5f5f5f;margin-bottom:3px;font-size:10px;}.it-table .found{background:#fafdff;font-weight:600;color:#515151;}.it-table .single-select{border:2px solid #11abe6;box-sizing:border-box;background:#e2f5fc;}.it-cont{overflow:hidden;width:100%;height:100%;position:relative;display:flex;}.it-cont .it-head{height:22px;}.it-cont .it-head>div{float:left;position:relative;border-right:1px solid #e3e3e3;overflow:hidden;height:100%;display:flex;align-items:center;box-sizing:border-box;}.it-cont .it-head>div label{padding-left:5px;padding-right:5px;overflow:hidden;white-space:nowrap;font-weight:normal;margin:0;display:block;text-overflow:ellipsis;}.it-cont .it-head>div span{position:absolute;right:0;top:0;bottom:0;width:7px;cursor:col-resize;}.it-cont .it-head>div span:hover{background-color:#ddd;}.it-cont .bg{border-top:1px solid #fff;background:#f2f2f2;border-bottom:1px solid #9a9a9a;position:absolute;top:0;left:0;right:0;height:22px;box-sizing:border-box;z-index:1;}.it-cont .db{position:absolute;top:0;bottom:0;border-left:1px solid #11abe6;left:100px;z-index:99;}.it-cont .it-table-fixed{flex-shrink:0;flex-basis:0;flex-grow:0;border-right:1px solid #8c8c8c;}.it-cont .it-table-fixed .it-head{position:absolute;z-index:2;}.it-cont .cs td{border:0!important;}.it-cont .it-table-scroll{flex:1 1 auto;position:relative;overflow:hidden;}.it-cont .it-table-scroll .it-head{position:absolute;z-index:1;}.it-cont .it-table-scroll table{position:absolute;margin-top:22px;width:100%;}.it-cont .it-table-scroll .it-body{pointer-events:none;}.it-cont .it-body{overflow:auto;position:absolute;top:22px;left:0;right:0;bottom:0;}.it-cont .it-body .it-table-con{height:100%;}.it-cont .it-load{display:none;position:absolute;width:100%;height:100%;z-index:9;}.it-cont .it-load .it-load-bg{background-color:#f9f9f9;opacity:.5;position:absolute;top:0;left:0;right:0;bottom:0;}.it-cont .it-load-con{position:absolute;left:50%;top:50%;}.it-cont .it-load-con>div{position:relative;transform:translate(0,-50%);left:-50%;}.it-cont table{table-layout:fixed;min-height:1px;border-spacing:0;}.it-cont table tr{border-spacing:0;}.it-cont table tr.active td{background-color:#e8f2fc!important;}.it-cont table tr.hover td{background-color:#f0f8ff!important;}.it-cont table td{border-right:1px solid #e3e3e3;border-bottom:1px solid #ddd;white-space:nowrap;cursor:pointer;overflow:hidden;padding:0;box-sizing:border-box;border-spacing:0;}.it-cont table td>span{padding:0 5px;display:block;overflow:hidden;text-overflow:ellipsis;}.it-cont table .norow{color:#8a8a8a;}
.tp-wrap {
    position: relative;
    height: 100%;
    width: 100%;
}

    .tp-wrap .tp-pop-con {
        display: none;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 20px;
        height: 20px;
        background-color: #5b5b5b;
        color: #fff;
        padding-left: 4px;
        cursor: ne-resize;
        z-index: 3;
    }

    .tp-wrap:hover .tp-pop-con {
        display: block;
        opacity: 0.3;
    }

    .tp-wrap:hover textarea {
        padding-bottom: 20px;
    }

    .tp-wrap:hover .tp-pop-con:hover {
        opacity: 1;
    }

.tp-pop-modal {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999;
}

    .tp-pop-modal .con {
        width: 100%;
        height: 100%;
        display: table;
        position: relative;
        z-index: 9999999;
    }

    .tp-pop-modal .bg {
        opacity: 0.5;
        background-color: #000;
        width: 100%;
        height: 100%;
        position: absolute;
    }


    .tp-pop-modal .tp-modal-in {
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

        .tp-pop-modal .tp-modal-in .tp-text {
            resize: both;
            width:500px;
            height:300px;
            padding: 5px;
        }

.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;
    }

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

#TopSales .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#TopSales .WideBtn {
    width: 120px;
    border: 5px;
}

#TopSales .OptionsDiv {
    float: left;
    min-width: 260px;
    max-width: 260px;
}
@font-face {
  font-family: 'triangle';
  src: url('/content/font/triangle.eot?87594218');
  src: url('/content/font/triangle.eot?87594218#iefix') format('embedded-opentype'),
       url('/content/font/triangle.woff2?87594218') format('woff2'),
       url('/content/font/triangle.woff?87594218') format('woff'),
       url('/content/font/triangle.ttf?87594218') format('truetype'),
       url('/content/font/triangle.svg?87594218#triangle') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'triangle';
    src: url('../font/triangle.svg?87594218#triangle') format('svg');
  }
}
*/
[class^="tri-"]:before, [class*=" tri-"]:before {
  font-family: "triangle";
  font-style: normal;
  font-weight: normal;
  speak: never;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.tri-triangle:before { content: '\e800'; } /* '' */
.tri-triangle-open:before { content: '\e801'; } /* '' */
.tri-invoice-pound:before { content: '\e802'; } /* '' */
.tri-qr-code:before { content: '\e803'; } /* '' */
.tri-data-matrix:before { content: '\e804'; } /* '' */
.tri-web-qr:before { content: '\e805'; } /* '' */

#viewprintbinstock fieldset {
    float: left;
}

#printerChoiceFields {
    width: 350px;
}

#successLabel {
    color: darkgreen;
}

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

#SupplierPerformance #lines td.right {
    text-align: right;
}

#SupplierPerformance .BlueBtn {
    background-color: lightblue;
    border-color: #357ebd;
}

#SupplierPerformance .WideBtn {
    width: 120px;
    border: 5px;
}

#SupplierPerformance .OptionsDiv {
    float: left;
    min-width: 260px;
    max-width: 260px;
}