body {
    background-color: rgba(222, 226, 230, 0.5);
}

.eships-mt {    
    margin-top: 4rem !important;
}

.eships-title {
    display: flex;
    justify-content: space-between;
    font-size: 1.75rem;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 0.5rem;
}

.eships-header {
    display: flex;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}
    .eships-header > * {
        font-weight: 600;
        line-height: 1.2;
        padding: 1rem;
        background-color: #17a2b8;
    }
    .eships-header > :first-child {
        flex-grow: 1;        
        border-top-left-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }
    .eships-header > :last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-right-radius: 0.25rem;
    }
    .eships-header > :last-child:not(:first-child) {
        color: #856404;
        background-color: #fff3cd;
    }

.eships-file {
    display: inline-block;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    /*vertical-align:middle;*/
    border-radius: 10rem;
    padding: 0.2rem 0.6rem;
    margin-left: 0.2rem;
}

.eships-letter-img {
    height:auto;
    max-width:100%;
}

.eships-row {
    display: flex;
    justify-content: space-between;
    border-style: solid;
    border-width: 1px 6px;
    border-radius: 0.5rem;
    padding: 0.25rem;
    margin-bottom: 0.5rem;
}


.eships-cell-status {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.25rem;
    font-weight: bolder;
    padding: 0.375rem 0.75rem;
}

.eships-list {
    border-radius: 0.25rem;
    border: 1px solid #6c757d;
    margin-bottom: 0.5rem;
}

    .eships-list > div {
        padding: 0.5rem;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-item-align: center;
        align-self: center;
    }

.eships-list-title {
    font-size: 80%;
    background-color: #6c757d;
    color: #fff;
}

.eships-list-foot {
    font-size: 80%;
    background-color: #6c757d;
    color: #fff;
}

.eships-link {
    cursor: pointer;
}

.div-list {
    background-color: rgba(248, 249, 250,1);
}

    .div-list:hover {
        color: #0f5132;
        background-color: #d1e7dd;
        border-color: #badbcc;
    }

.status-pill {
    white-space: nowrap;
    color: #212529;
    border: 1px solid #6c757d;
    border-radius: 50rem;
    padding: 0.2rem 0rem 0.2rem 0rem;
}

    .status-pill > * {
        border-right: inherit;
        border-color: inherit;
        min-width: 0;
        max-width: 100%;
	    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    }

    .status-pill > :last-child {
        border-right: 0px;
    }

.status-na{
    border-color: #6c757d;
    background-color: #e2e3e5;
}

.status-4A, .status-4R {
    border-color: #6c757d;
    background-color: rgba(108,117,125,0.5);
}

.status-success, .status-A, .status-R, .status-AFC, .status-NDR {
    color: #155724;
    border-color: #28a745;
    background-color: rgba(75, 192, 192, 0.5);
}

.status-warning, .status-AC, .status-RC {
    color: #212529;
    border-color: #ffc107;
    background-color: rgba(255, 206, 86, 0.4);
}

.status-danger, .status-RS {
    color: #fff;
    border-color: rgba(255, 99, 132, 0.8);
    background-color: rgba(255, 99, 132, 0.5);
}

.border-success > .eships-list-title,
.border-success > .eships-list-foot {
    background-color: #28a745;
}

.text-del {
    text-decoration: line-through;
}

.color-Open, .color-Flow, .color-Processing {
    color: #856404;
    background-color: #ffc107;
    border-color: #ffc107;
}

.color-Closed, .color-AFC, .color-NDR {
    color: #155724;
    background-color: #28a745;
    border-color: #28a745;
}

.color-Ref {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.color-Cancelled, .color-DEL {
    color: #721c24;
    background-color: #dc3545;
    border-color: #dc3545;    
}

.color-Editing {
    color: #721c24;
    background-color: #dc3545;
    border-color: #f5c6cb;
}

.color-outline-na {
  color: #1b1e21;
  /*background-color: #d6d8d9;*/
  border-color: #c6c8ca;
}

.color-outline-flow {
    color: #856404;
    border-color: #ffc107;
}

.color-outline-del {
    color: #721c24;
    border-color: #f8d7da;
}

.color-outline-end {
    color: #155724;
    border-color: #28a745;
}

.blur {
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    filter: blur(4px);
}

.echarts-size {
    border: 1px solid #6c757d;
    border-radius: 0.25rem;
    box-sizing: border-box;
    padding: 0.5rem;
    width: 100%;
    height: 350px;
}

/*以下内容从微信网页版拷贝而来*/
.bubble {
    max-width: 800px;
    min-height: 1em;
    display: inline-block;
    vertical-align: top;
    position: relative;
    text-align: left;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin: 0 10px;
}

    .bubble.bubble_primary {
        background-color: #b2e281;
    }

    .bubble.bubble_default {
        background-color: #e2e3e5;
    }

/*.bubble.bubble_primary.right.arrow_primary:before, */
.bubble.bubble_primary.right:after {
    border-left-color: #b2e281;
    border-left-width: 4px;
}

.bubble.left:after {
    border-right-color: #e2e3e5;
    border-right-width: 4px;
}

.bubble.right:after, .bubble.right:before {
    left: 100%;
}

.bubble.left:after, .bubble.left:before {
    right: 100%;
}

.bubble:after, .bubble:before {
    position: absolute;
    top: 10px;
    border: 6px solid transparent;
    content: " ";
}