/**ORDER LIST***/

#pendingO .waitForInventory {
    display: block;
    text-align: center;
    color: red;
    text-shadow: 1px 1px 2px black;
}
#pendingO .centerColumn, #orderReport .centerColumn {
    margin-top: initial;
}


.order-filter {
    height: 40px;
    text-align: right;
}
    .order-filter li select {
        font-size: 1.25rem;
        padding: 2px 10px;
    }
#orderEntry-tbl td.OrderId > *:not(.span-slash) {
    cursor: pointer;
    /*text-decoration: underline;*/
    color: rgba(0, 91, 211, 1);
}
.orderDetailCTA {
    position: relative;
    line-height: 0;
    width: 13px;
    cursor: pointer;
}
.orderDetailCTA:before {
    content: '»';
    width: 20px;
    height: auto;
    text-align: center;
    margin-left: 4px;
    font-weight: bold;
    font-size: 1.5rem;
    transform: rotate(90deg);
    position: absolute;
    left: 0;
    /* color: #a77803; */
    color: black;
}

.trackingBox {
    float: left;
    width: 250px;
    text-align: left;
}
.tracker {
    width: 175px;
    color: black;
    padding: 10px;
    cursor: pointer;
    text-shadow: 1px 1px 2px black;
}
    .tracker span {
        font-size: .8rem;
    }

.orderDetailBox{

}
/*********************/
.export-order {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid lightgray;
    background-color: lightyellow;
    text-align: left;
    line-height: 20px;
}
.export-order .download {
    cursor: pointer;
    text-decoration: underline;
    color: blue;
}

.pendingorderlist .entityCTA_dd.open {
    width: 88%;
}
.pendingorderlist .entityCTA_dd li {
    height:35px;
}

#modal article.modal {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: auto;
}

    #modal article.pendingorderShipTo select {
        text-align: left;
        height: 30px;
    }

#modal article.orderDetail .ordersWrap {
    overflow: auto;
    max-height: 97%;   
    margin: auto;
    padding: 0px 5px;
}

#modal article.orderDetail .ordersWrap h3 {
    background-color: #c0c0c07d;
    color: black;
}

#modal article.pendingorderDetail {
    height: 600px;
    max-width: 1000px !important;
    overflow: auto;
    padding: 45px 0;
}

    #modal article.pendingorderDetail .poditemCTA.entityCTACommit {
        position: absolute;
        bottom: 3px;
        right: 0;
        left: 0;
        margin: auto;
        text-align: inherit;
    }

    #modal article.pendingorderDetail div .poditemCTA {
        float: left;
        max-width: 500px;
        text-align: left;
        margin-left: 10%;
        color: black;
        margin-top: 20px;
    }

article.orderDetail .shipBlock, article.orderDetail .cartItemsWrap {
    margin-top: 20px;
    overflow: hidden;
    padding: 1px;
}

    article.orderDetail .shipBlock > div {
        width: 49.5%;
        float: left;
        text-align: left;
        overflow: hidden;
    }
    article.orderDetail .shipBlock .shipTo {
        float: right;
        padding-left: 5px;
    }

    article.orderDetail select {
        font-size: 1.1rem;
        height: 30px;
        width: 100%;
    }

.billTo label, .billTo div, .shipTo label, .shipTo div {
    display:block;
}

article.orderDetail .wrapDetails {
    /* width: 98%;*/
    overflow: auto;
    padding: 10px;
    box-shadow: 0px 0px 0px 1px silver;
    margin: auto;
    margin-bottom: 10px;
    position: relative;
    background-color: #efefef;
    /* margin-bottom: 4px;*/
}
    article.orderDetail .wrapDetails > div {
        float: left;
    }

    article.orderDetail .wrapDetails .isMerch {
        position: absolute;
        bottom: 15px;
        font-style: italic;
        font-size: .8rem;
        color: silver;
    }

    article.orderDetail .wrapDetails .detailWrapper .action-list {
        width: 200px;
        display: inline-block;
        max-width: 200px;
        position: absolute;
        top: 7px;
        right: 7px;
    }


.productWrap {
    overflow: auto;
}
.productWrap img {
    max-width: 100px;
}

.productBlock.wrapDetails {
    border: 1px solid silver;
    padding: 5px;
}
    .productBlock.wrapDetails .actionColumn{
        margin-top:initial;
    }
    .detailWrapper {
        width: 55%;
        text-align: left;
        margin-left: 7px;
        padding-bottom: 20px;
    }
.itemDetailWrap , .costDetail{
    padding-bottom: 8px;
}
.modified {
    font-size: .65rem;
    padding: 15px 0px 0px;
    font-style: italic;
}
.atSymbol::after {
    content: '@';
}
.editShip {
    background-color: #c0c0c05e;
    border: 1px solid #c0c0c059;
    padding: 10px;    
    overflow: hidden;
}
.editShip .editfld {
    width:100%;
    overflow:hidden;
}
.editShip .noneditfld, .editShip .editfldZip {

    float: left;
    display: inline-block;  
    padding-top: 10px;
    overflow:hidden;
}
    .editShip .editfldZip {
        width: 100%;
    }
   /* .editShip .noneditfld.dState, .editShip .editfld.iState {
        width: 64%;
    }
        .editShip .noneditfld.dState select#State {
            border: 1px solid #c0c0c08f;
            background-color: white;
            color: #5a5a5a;
            margin: 1px 0 0;
            width: 96%;
        }*/
    .editShip .noneditfld.dZip {
        width: 36%;
    }
    .editShip .noneditfld .fldLbl {
        width: 100%;
        display: block;
    }

    .editShip .button {
        min-width: 75px !important;
        height: 35px;
        line-height: .7;
        margin-top: 10px;
    }
.sizeWrap {
    /*background-color: #f3f1f1;*/
    padding: 3px;
}
.sizeCell {    
    width: 100%;
    display: inline-block;
    line-height: 20px;
    margin-top: 0px !important;
    padding: 2px;
    text-align: left !important;
}

.sizeCell div {
    /*width: 48%;*/
    float: left;    
    /*border: 1px solid silver;*/
    padding-left: 5px;
    margin-left: 2px;
}

.totalBox {
    width: 75%;
    /*float: right;*/
    text-align: left;
}
.wrapperRow {
    width: 100%;
    overflow: auto;
    padding:5px;
}
    .wrapperRow label {
        width: 71% !important;
        float: left;
        text-align: right;
        padding-right: 10px;
    }

.stat-wrap {
    display: block;
    width: 100%;
    overflow: hidden;
}
    .stat-wrap .lbl{
        text-align:left;
    }
    .stat-wrap .o-status {
        float: left;
        width: 100%;
    }
.stat-wrap .indicator{
    width: 80px;
    float: left;
    font-size:.7rem;
    border: 1px solid silver;
    border-radius: 20px;
    text-indent: 10px;
    line-height: 30px;
    position: relative;
}
        .stat-wrap .indicator.asupplies {
            width: 120px;
        }
.stat-wrap .indicator .ind-icon-cont {
    position: absolute;
    top: 4px;
    right: 4px;
}
.waitIcon {
    padding: 10px 0px 0px 25px;
    background-image: url(https://assets.apliiq.com/images/icons/wait-icon.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center;
}

.warnIcon {
    padding: 10px 0px 0px 25px;
    background-image: url(https://assets.apliiq.com/images/icons/warning-icon.png);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center;
}

.modal select.orderContent {
    font-size: 17px;
    text-align: left;
    width: 175px;
    color: #959595;
}

.pendingorderDetailContent .shipBlock {
    width: 30%;
    text-align: left;
    line-height: 27px;
}

#pendingO .productName span {
    text-decoration: underline;
    cursor: pointer;
    color: blue;
}

/*#pendingO .notfulfilled {
    text-align: left;
    padding: 10px 25px;
}

    #pendingO .notfulfilled a {
        color: blue;
        text-decoration: underline;
    }

#pendingO .onum {
    text-decoration: underline;
    color: blue;
    cursor: pointer;
}*/

#pendingO .ordersWrap h3 {
    display: none;
}

#pendingO .productName .addi_price {
    font-size: .8rem;
    display: block;
    text-decoration: none;
    color: black;
    cursor: default;
}


#pendingO .totalBox {
    width: 51%;
    min-width: 300px;
    padding-right: 15px;
}

    #pendingO .totalBox .amtBox, #pendingO .totalBox .totalItemLabel {
        float: left;
    }

    #pendingO .totalBox .amtBox {
        width: 25%;
    }

    #pendingO .totalBox .totalItemLabel {
        width: 70%;
        text-align: right;
        padding: 0 10px 0 0;
    }
    
@media screen and (min-width:768px){
    .totalBox {
        width: 65%;
        float:right;
        padding-right: 15px;
    }
    #modal article.orderDetail .ordersWrap {
        padding: 0 50px;
    }
    .quantityWrap {
        max-width: 215px;
    }
  /*  .orderDetail {        
        max-width: 500px;
    }*/
    article.orderDetail .shipBlock {
        overflow: auto;
        margin-bottom: 35px;
        width: 100%;
    }   
   /* article.orderDetail .wrapDetails {
        width: 49%;
        float: left;        
        margin-right: 4px;
    }*/

    .stat-wrap .indicator {
        width: 90px;
    }
        .stat-wrap .indicator.asupplies {
            width: 138px;
        }

    #modal article.pendingorderShipTo {
        max-width: 500px !important;
        max-height: 500px !important;
        text-align: left;
    }
}
@media screen and (min-width: 1024px){
    #modal article.modal {
            max-width: 80%;
            max-height: 95%;
            width: 100%;
    }

    .stat-wrap .indicator {
        width: 96px;
        margin-left:10px;
    }

        .stat-wrap .indicator.asupplies {
            width: 150px;
        }

    .stat-wrap .o-status {
        float: left;
        width:auto;
    }
    .totalBox {
        width: 50%;
        float: right;
        padding-right: 15px;
    }
}