/*fbm order:start*/
.fmb-left-filters {
    float: left;
    width: 200px;
    position: relative;
    border: solid 1px #bbb;
    border-radius: 5px;
}

    .fmb-left-filters h3 {
        font-size: 14px;
        font-weight: bold;
        background: #4d90fd;
        color: #fff;
        margin: 0;
        padding: 5px 10px;
        margin-bottom: 10px;
        text-align: center;
    }

        .fmb-left-filters h3:first-child {
            border-radius: 4px 4px 0 0;
        }

    .fmb-left-filters ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .fmb-left-filters a {
        display: block;
        color: inherit;
        padding: 5px 10px;
        border-bottom: dotted 1px #bbb;
    }


        .fmb-left-filters a.active,
        .fmb-left-filters a:hover {
            background: #e2f0ff;
        }

        .fmb-left-filters a.active {
            font-weight: bold;
        }

        .fmb-left-filters a span {
            float: right;
        }

        .fmb-left-filters a i {
            display: none;
        }

        .fmb-left-filters a.active i {
            display: inline-block;
        }

    .fmb-left-filters li > ul {
        margin-left: 10px;
    }

.fbm-order-list {
    float: right;
    width: 100%;
    margin-left: -200px;
}

    .fbm-order-list .table-responsive {
        margin-left: 220px;
    }

.order-process {
    column-count: 8;
    position: relative;
    width: 100%;
    color: #bcbcbc;
}

    .order-process dt {
        padding-top: 5px;
        margin-bottom: 5px;
        color: #bcbcbc;
    }

        .order-process dt span {
            display: inline-block;
            background: #fff;
            padding-left: 10px;
            padding-right: 10px;
        }

    .order-process .fa {
        font-size: 140%;
    }

    .order-process dl {
        text-align: center;
    }

.order-process2 {
    column-count: 7;
    position: relative;
    width: 100%;
    color: #bcbcbc;
}

    .order-process2 dt {
        padding-top: 5px;
        margin-bottom: 5px;
        color: #bcbcbc;
    }

        .order-process2 dt span {
            display: inline-block;
            background: #fff;
            padding-left: 10px;
            padding-right: 10px;
        }

    .order-process2 .fa {
        font-size: 140%;
    }

    .order-process2 dl {
        text-align: center;
    }

.order-process-active {
    color: #555;
}

    .order-process-active dt {
        color: green;
    }

.order-process-box {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
}

.order-process-line {
    column-count: 8;
    position: absolute;
    width: 100%;
    top: 12px;
    left: 5%;
}

    .order-process-line div {
        height: 2px;
        overflow: hidden;
        background: #bcbcbc;
    }

.order-process-line2 {
    column-count: 7;
    position: absolute;
    width: 100%;
    top: 12px;
    left: 8%;
}

    .order-process-line2 div {
        height: 2px;
        overflow: hidden;
        background: #bcbcbc;
    }

div.order-process-line-active {
    background: green;
}

.order-process-line div:last-child {
    visibility: hidden;
}

.order-process-line2 div:last-child {
    visibility: hidden;
}


.od-summary {
    margin-bottom: 15px;
}

    .od-summary .badge {
        margin-right: 20px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 120%;
    }

        .od-summary .badge:first-child {
            font-weight: bold;
        }

    .od-summary .status-icon {
        margin-right: 10px;
    }


#fbm-order-lite-list {
    width: 700px;
    float: left;
    position: relative;
}

#fbm-order-details-fix {
    margin-left: -700px;
    width: 100%;
    float: left;
}

#fbm-order-details {
    padding: 10px;
    border: solid 1px #bcbcbc;
    border-radius: 5px;
    margin-left: 710px;
}


.status-icon {
    position: relative;
    margin-left: 5px;
}

    .status-icon .far,
    .status-icon .fa {
        font-size: 18px;
    }

    .status-icon .fa-check-circle {
        font-size: 6px;
        color: green;
        margin: 0;
        padding: 0;
        position: relative;
        right: -10px;
        bottom: -2px;
        text-shadow: -1px -1px 3px #fff;
        position: absolute;
    }

.od-section-title {
    font-weight: bold;
    background: #bee2ff;
    font-size: 14px;
    margin: 0 -10px 10px -10px;
    padding: 7px 10px;
    /*border-bottom: solid 2px #90cdff;*/
}

    .od-section-title button {
        height: 20px;
        overflow: hidden;
        padding: 0 10px;
        margin-top: -2px;
    }

.od-expand {
    position: relative;
    top: -3px;
    display: inline-block;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
}

    .od-expand:hover {
        background: #fff;
        cursor: pointer;
    }

.order-errors {
    background: #fdd;
    margin: 0 -10px 15px -10px;
    padding-bottom: 1px;
}

    .order-errors .od-section-title {
        background: red;
        color: #fff;
        margin: 0 0 10px 0;
    }

.od-section {
    margin-bottom: 15px;
}

.order-remark-item {
    margin-bottom: 10px;
    border: dotted 1px #bcbcbc;
    border-radius: 5px;
    padding: 10px;
}

    .order-remark-item p {
        margin: 0;
    }

    .order-remark-item .pull-left {
        width: 120px;
        color: gray;
        /*border-right: solid 1px #bcbcbc;*/

    }

    .order-remark-item .od-content {
        border-left: solid 1px #bcbcbc;
        margin-left: 123px;
        padding-left: 10px;
        white-space: normal;
        word-break: break-all;
    }

.od-table {
    width: 100%;
    border: none;
}


    .od-table tr:last-child th, .od-table tr:last-child td {
        border: 0;
    }

    .od-table th:last-child, .od-table td:last-child,
    .od-table th, .od-table td {
        padding: 10px 10px 10px 0;
        border: none;
        border-bottom: dashed 1px #bcbcbc;
        vertical-align: top;
    }

    .od-table th {
        width: 100px;
    }

.od-product-item {
    margin-bottom: 10px;
    border: dotted 1px #bcbcbc;
    border-radius: 5px;
}

.od-product-raw-info {
    background: #efefef;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    border-bottom: solid 1px #bbb;
}

.odp-info {
    list-style: none;
    margin: 0;
    margin-right: 180px;
    padding: 0;
}

    .odp-info li {
        float: left;
        width: 50%;
        margin: 0;
        padding: 0;
        line-height: 150%;
    }


.odp-right {
    float: right;
    width: 180px;
    text-align: right;
}

    .odp-right p {
        margin: 0;
    }

        .odp-right p:first-child {
            font-size: 150%;
            font-weight: bold;
        }

.odp-matched {
    margin-top: 7px;
    padding-bottom: 10px;
    border-bottom: dotted 1px #bcbcbc;
}

.od-product-item .odp-matched:last-child {
    border-bottom: 0;
}

.odp-matched dl {
    margin: 0;
    margin-left: 30px;
}

.odp-matching-flag {
    float: left;
    width: 30px;
    text-align: center;
    padding-top: 10px;
}



.odp-qty {
    float: right;
    padding-top: 10px;
    position: relative;
    padding-right: 10px;
    padding-left: 10px;
}

    .odp-qty span {
        position: absolute;
        left: 18px;
        top: 13px;
    }

    .odp-qty input {
        width: 50px;
        padding: 2px 5px 2px 15px;
        border: solid 1px #bcbcbc;
    }

.odp-avoid-package {
    border: solid 1px #bcbcbc;
    border-radius: 3px;
    padding: 2px 5px;
    color: #bcbcbc;
}

    .odp-avoid-package-active,
    .odp-avoid-package:hover {
        background: orange;
        color: #fff;
        cursor: pointer;
        border-color: orange;
    }


.odp-actions {
    float: right;
    width: 30px;
    text-align: center;
    padding-top: 11px;
}

    .odp-actions span {
        display: inline-block;
        padding: 2px 5px;
        border: solid 1px transparent;
        border-radius: 3px;
    }

        .odp-actions span:hover {
            border-color: red;
            color: red;
            cursor: pointer;
        }

.odp-sku-not-matched {
    background: red;
    color: #fff;
    text-align: center;
    border-radius: 0 0 5px 5px;
    padding: 2px;
}

.od-section-actions {
    text-align: right;
    border-top: dotted 1px #bcbcbc;
    padding-top: 10px;
}

.odp-modify-view {
    border: dotted 1px #bcbcbc;
    padding: 5px;
    border-radius: 5px;
    background: #eef7ff;
    margin-top: 5px;
}

.odp-remark-text:hover,
.odp-remark-text {
    border: dotted 1px orange;
    padding: 5px;
    display: inline-block;
    cursor: pointer;
    color: #555;
}

.odp-remark-text-mute {
    color: #bcbcbc;
    border-color: #bcbcbc;
}
/*fbm order:end*/
.biz-form-inline .form-group {
    float: left;
    margin-right: 30px;
}

    .biz-form-inline .form-group > div,
    .biz-form-inline .form-group > label {
        float: left;
    }

    .biz-form-inline .form-group > label {
        width: auto !important;
        margin-right: 10px;
        padding-top: 8px;
    }

.biz-boxes span {
    cursor: pointer;
    width: 50px !important;
    margin: 0 10px 10px 0;
}

.ja-preview {
    border: dotted 1px #bcbcbc;
    padding: 10px;
    border-radius: 5px;
}

/**wizard:start*/
.biz-step-wizard {
    list-style: none;
    column-gap: 0;
}

    .biz-step-wizard li {
        box-sizing: border-box;
        height: 50px;
        background: #fff;
        margin: 0;
        line-height: 50px;
        font-size: 16px;
        padding-left: 20px;
    }

        .biz-step-wizard li.biz-passed {
            background: #e0f1ff;
        }

            .biz-step-wizard li.biz-passed .biz-index {
                background: #cfe9fe;
            }

        .biz-step-wizard li.has-hover {
            cursor: pointer;
        }

            .biz-step-wizard li.has-hover:hover,
            .biz-step-wizard li.active {
                background: #4d90fd;
                color: #fff;
            }

                .biz-step-wizard li.has-hover:hover .biz-index,
                .biz-step-wizard li.active .biz-index {
                    color: #4d90fd;
                    background: #fff;
                }

    .biz-step-wizard .biz-index {
        display: inline-block;
        height: 30px;
        width: 30px;
        line-height: 30px;
        text-align: center;
        border-radius: 15px;
        background: #fff;
    }
/**wizard:end*/
.biz-orderno {
    font-size: 200%;
    border-radius: 4px !important;
}

.biz-currClassify {
    border-bottom: dotted 1px gray;
}

/*.biz-currClassify:hover {
        background: #2083d6;
        color:#fff;
    }*/


.biz-main-input {
    background: #ecf6ff;
    font-size: 150%;
    text-align: center;
    padding: 20px 10px !important;
    border-color: #2083d6;
}

    .biz-main-input:focus {
        background: #cee9ff;
    }


textarea {
    resize: none;
}

    textarea[disabled][readonly], input[readonly], select[disabled] {
        background: #f3f7f9;
        box-shadow: none;
        outline: none;
        border-color: none !important;
    }

        input[readonly]:focus {
            outline: none !important;
            box-shadow: none !important;
            border-color: none !important;
        }

.form-control:focus {
    border-color: none !important;
    box-shadow: none !important;
}



.drop-down-select {
    padding: 20px;
    border: 1px solid #bcbcbc;
    width: 70%;
    margin: 0 auto;
    box-shadow: 0 2px 2px #f1eeee;
    background: #fff;
    border-top: none;
}

    .drop-down-select ul {
        list-style-type: none;
    }

        .drop-down-select ul > li:first-child {
            text-align: center;
            margin-bottom: 10px;
        }

        .drop-down-select ul > li.row {
            padding: 5px 5px;
        }

            .drop-down-select ul > li.row span {
                color: red;
            }

            .drop-down-select ul > li.row:hover {
                background: #bcbcbc;
                cursor: pointer;
            }