#app[v-cloak] {
    display: none;
}

body {
    font-size: 14px;
    font-weight: 400;
}

#app {
    overflow: auto;
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

.flex {
    overflow: auto;
    height: 100%;
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
}

    .flex.flex-row, .flex-row
    {
        display: flex;
        flex-direction: row;
    }

.flex1 {
    flex: 1;
    overflow: hidden;
}

.status::before {
    display: inline-block;
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 6px;
    background-color: #333;
}

.status.Cancelled::before {
    background-color: #f00;
}

.status.Cancelled {
    color: #f00;
}

.status.Delivered::before, .status.Confirmed::before, .status.Finished::before {
    background-color: #060;
}

.status.Delivered, .status.Confirmed, .status.Finished {
    color: #060;
}

.status.WaitConfirm::before {
    background-color: #e83;
}

.status.WaitConfirm {
    color: #e83;
}

.status.Delivering::before, .status.WaitOuterDeliver::before, .status.Allocation::before, .status.Picking::before {
    background-color: #090;
}

.status.Delivering, .status.WaitOuterDeliver, .status.Allocation, .status.Picking {
    color: #090;
}

.status.WaitPay::before {
    background-color: #8d8d8d;
}

.tagwhere, .tagdo, .taglist {
    line-height: 24px;
    padding: 16px;
}

.taglist .j-tag {
    margin-left: 6px;
    margin-bottom: 2px;
}

.newtag::before {
    content: '*';
    color: #000000cc;
}

.back {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg  viewBox='0 0 1171 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'   width='14' height='14'%3E%3Cpath d='M659.11161 1024a513.149972 513.149972 0 0 1-323.782752-115.3368 34.915932 34.915932 0 1 1 44.192888-54.025536A443.148314 443.148314 0 0 0 659.11161 954.152701c243.763216 0 442.114111-198.335459 442.114111-442.144983S902.843955 69.847299 659.11161 69.847299 216.889448 268.198194 216.889448 512.007718a34.931368 34.931368 0 0 1-69.847299 0C147.042149 229.685705 376.758726 0 659.11161 0s511.930539 229.685705 511.930539 512.007718S941.387315 1024 659.11161 1024z' p-id='4398'%3E%3C/path%3E%3Cpath d='M181.958081 546.92365A34.792445 34.792445 0 0 1 152.707112 530.993835L5.649605 304.580533a34.900496 34.900496 0 1 1 58.517372-38.064848l128.117699 197.193204 197.177769-128.117698a34.931368 34.931368 0 0 1 38.064848 58.656295l-226.536788 147.042072a34.668958 34.668958 0 0 1-19.032424 5.634092z'%3E%3C/path%3E%3C/svg%3E");
}

input, select, textarea {
    box-shadow: 0px 0px 2px #eee inset;
}

.shadow {
    box-shadow: 0px 0px 4px 1px #ccc;
}

.nobr {
    white-space: nowrap;
}

.dialog-over {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 30px;
    left: 0px;
    z-index: 1;
    cursor: move;
    background-color: #ffffff99;
    border: 1px solid #f00;
}

input[type='checkbox'] ~ span, input[type='radio'] ~ span {
    padding-left: 6px;
}


.c9 {
    color: #999;
}

.g-font:not(.j-link ):before {
    color: #333;
}

.g-font.j-button:before {
    font-size: 16px;
}

.g-print:before {
    color: #090;
}

.g-send:before {
    color: #060;
    font-size: 17px;
}

.j-table-td[title='false'][colname^='is'] {
    color: #ccc;
}

.j-table-td[title='true'][colname^='is'] {
    color: #009900;
    /*	background-position: 6px center;
    padding-left: 24px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg'   width='16px' height='16px'%3E%3Cpath d='M886.745 249.567c-12.864-12.064-33.152-11.488-45.217 1.408L414.776 705.344l-233.12-229.696c-12.608-12.416-32.864-12.288-45.28 0.32-12.416 12.575-12.256 32.863 0.352 45.248l256.48 252.672c0.096 0.096 0.224 0.128 0.319 0.224 0.097 0.096 0.129 0.224 0.225 0.32 2.016 1.92 4.448 3.008 6.784 4.288 1.151 0.672 2.144 1.664 3.359 2.144 3.776 1.472 7.776 2.24 11.744 2.24 4.192 0 8.384-0.832 12.288-2.496 1.313-0.544 2.336-1.664 3.552-2.368 2.4-1.408 4.896-2.592 6.944-4.672 0.096-0.096 0.128-0.256 0.224-0.352 0.064-0.097 0.192-0.129 0.288-0.225l449.185-478.208C900.28 281.951 899.608 261.695 886.745 249.567z' fill='%23009900'%3E%3C/path%3E%3C/svg%3E");
*/
}

label > input ~ span {
    margin-right: 18px;
}
label.j-checkbox > input ~ span, label.j-radio > input ~ span
{
    margin-right:5px;
}