.hidden {
    display: none !important;
}
.modal-display.active {
    display: block;
}
.modal-display {
    display: none;
}

.fancy-input .message, .fancy-select .message {
    display: none;
    font-size: 12px;
}

#cart-shipping .fancy-input .message,#cart-shipping .fancy-select .message {
    /* xjeans template <input> fields have 30px bottom margin; move the message
       up closer to the input field */
    margin-top: -25px;
    margin-bottom: 30px;
}

.fancy-input.error .message, .fancy-select.error .message {
    display: block;
    color: #f35e60;
}
.fancy-input.error input, .fancy-input.error textarea, .fancy-select.error select, .fancy-checkbox.error label::before{
    border-color: #f35e60;
}
.fancy-checkbox.error label{
    color: #f35e60;
}
textarea.w100h100px{
    max-width:100%;
    min-width:100%;
    min-height:100px;
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
}

/*cart shipping coment padding fix*/
.ecm-padding-fix{
    padding-right: 0;
    padding-left: 0;
}

/* grid-default and grid-compact svg buttons */
#grid-type-buttons {
    float: left;
    margin-top: 3px;
}
#grid-type-buttons > button {
    padding: 6px 13px;
    line-height: 11px;
}
#grid-type-buttons > button {
    fill: #e1e1e1;
}
#grid-type-buttons > button:disabled {
    fill: #7b7b7b;
}

@media only screen and (min-width: 992px) {
    .order-list {
        padding-top: 30px;
    }
}
.order-list .status-tag {
    display: inline-block;
    width: auto;
    background-color: #e2e2e2;
    color: #545454;
    font-weight: 500;
    padding: 5px 10px;
    margin: 0;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.order-list .status-tag.success {
    background-color: #c7e7c8;
    color: #4CAF50;
}
.order-list .status-tag.warning {
    background-color: #fef5dc;
    color: #f0ad05;
}
.order-list .status-tag.error {
    background-color: #fde1df;
    color: #F44336;
}
.order-list .status-tag.info {
    background-color: #ace4fe;
    color: #03A9F4;
}
.order-list .order-search {
    margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
    .order-list .order-search {
        margin-bottom: 30px;
    }
}
.order-list .order-search form {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
}
.order-list .order-search form > div {
    width: 100%;
}
.order-list .order-search form input {
    margin-bottom: 0;
}
.order-list .order-list-switch {
    margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
    .order-list .order-list-switch {
        margin-bottom: 30px;
    }
}
.order-list .order-list-switch #grid-type-panel {
    float: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-right: 0;
}
@media only screen and (min-width: 576px) {
    .order-list .order-list-switch #grid-type-panel {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        border-bottom: 3px solid #222222;
    }
}
.order-list .order-list-switch #grid-type-panel button {
    font-size: 80%;
    margin: 0 10px 10px 0;
}
@media only screen and (min-width: 576px) {
    .order-list .order-list-switch #grid-type-panel button {
        margin-bottom: 0;
    }
}
@media only screen and (min-width: 768px) {
    .order-list .order-list-switch #grid-type-panel button {
        font-size: 100%;
    }
}
.order-list .order-list-switch #grid-type-panel button label {
    color: initial;
    font-size: 100%;
    margin-bottom: 0;
    cursor: pointer;
}
.order-list .order-list-switch #grid-type-panel button:hover {
    color: white;
}
.order-list .order-list-switch #grid-type-panel button:disabled {
    background-color: #ec2424;
    color: white;
    cursor: default;
    pointer-events: none;
}
.order-list .order-list-switch #grid-type-panel button:disabled label {
    cursor: default;
}
.order-list .grid-list-table .list-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5px;
}
.order-list .grid-list-table .list-header label {
    width: 100%;
    color: #717274;
    font-size: 12px;
    padding-right: 15px;
}
.order-list .grid-list-table .list-header label.order {
    padding-left: 10px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-header label.order {
        padding-left: 15px;
    }
}
.order-list .grid-list-table .list-header label.price {
    display: none;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-header label.price {
        display: block;
    }
}
.order-list .grid-list-table .list-header label.ship-statuss {
    display: none;
    text-align: right;
}
@media only screen and (min-width: 420px) {
    .order-list .grid-list-table .list-header label.ship-statuss {
        display: block;
    }
}
.order-list .grid-list-table .list-header label.drop-stat {
    max-width: 40px;
    padding-right: 0;
}
@media only screen and (min-width: 420px) {
    .order-list .grid-list-table .list-header label.drop-stat {
        max-width: 20px;
    }
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-header label.drop-stat {
        max-width: 30px;
    }
}
.order-list .grid-list-table .list-rows .order {
    background-color: #efefef;
    margin-bottom: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.order-list .grid-list-table .list-rows .order .row-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-info {
        padding: 15px;
    }
}
.order-list .grid-list-table .list-rows .order .row-info > * {
    width: 100%;
    font-size: 85%;
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-rows .order .row-info > * {
        font-size: 100%;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .doc-print {
    width: auto;
    background-color: #e2e2e2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px;
    margin-right: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-rows .order .row-info .doc-print {
        padding: 10px;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .doc-print img {
    width: 24px;
    height: auto;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-info .doc-print img {
        margin-right: 5px;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .doc-print label {
    display: none;
    color: #222222;
    font-weight: 500;
    margin-bottom: 0;
    cursor: pointer;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-info .doc-print label {
        display: block;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .doc-print:hover {
    background-color: #d6d6d6;
}
.order-list .grid-list-table .list-rows .order .row-info .order-info label {
    display: block;
    color: #2b2b2b;
    line-height: normal;
    margin-bottom: 0;
    cursor: text;
}
.order-list .grid-list-table .list-rows .order .row-info .order-info small {
    display: block;
    color: #717274;
    font-weight: 600;
}
.order-list .grid-list-table .list-rows .order .row-info .price {
    display: none;
    font-weight: 600;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-info .price {
        display: block;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .order-status {
    margin-right: 15px;
}
.order-list .grid-list-table .list-rows .order .row-info .ship-status {
    display: none;
    text-align: right;
    margin-right: 10px;
}
@media only screen and (min-width: 420px) {
    .order-list .grid-list-table .list-rows .order .row-info .ship-status {
        display: block;
    }
}
.order-list .grid-list-table .list-rows .order .row-info .tag {
    font-weight: 600;
    padding: 5px 10px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
}
.order-list .grid-list-table .list-rows .order .row-info .dropdown-status {
    min-width: 16px;
    max-width: 16px;
    text-align: center;
    color: #717274;
    font-size: 24px;
    font-weight: 900;
    line-height: normal;
}
.order-list .grid-list-table .list-rows .order .row-info .dropdown-status::before {
    content: "+";
}
.order-list .grid-list-table .list-rows .order.open {
    background-color: #eaeaea;
}
.order-list .grid-list-table .list-rows .order.open .dropdown-status {
    color: #c3332b;
}
.order-list .grid-list-table .list-rows .order.open .dropdown-status::before {
    content: "-";
}
.order-list .grid-list-table .list-rows .order .row-dropdown {
    display: none;
    padding: 10px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown {
        display: block;
        padding-left: 15px;
        padding-right: 15px;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown h3 {
    color: #545454;
    font-size: 16px;
    font-weight: 600;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .info-box {
    background-color: white;
    padding: 10px;
    margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .info-box {
        padding: 15px;
        margin-bottom: 15px;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-add-info {
    padding-bottom: 1px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-add-info {
        display: none;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-add-info div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 10px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-add-info div label {
    margin-right: 10px;
    margin-bottom: 0;
}
@media only screen and (min-width: 420px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-add-info div.ship-status {
        display: none;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box {
    padding-bottom: 1px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box p {
    color: #222222;
    font-size: 90%;
    line-height: 21px;
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box p {
        font-size: 100%;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box p b {
    color: #545454;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .btn {
    padding: 1px 5px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info {
    margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info p {
        margin-right: 15px;
        margin-bottom: 0;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info .track-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info .track-input {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info .track-input input {
    width: 100%;
    margin-bottom: 15px;
}
@media only screen and (min-width: 576px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info .track-input input {
        margin-right: 15px;
        margin-bottom: 0;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .client-info .info-box .tracking-info .track-input button {
    line-height: 34px;
    padding: 0 15px;
    overflow: visible;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
    border-bottom: 1px solid #d9d9d9;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info {
    width: 100%;
    max-width: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: auto;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .product-link {
    min-width: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .product-link img {
    margin-right: 10px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .order-info a {
    font-weight: 500;
    word-break: break-all;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .order-info .order-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .order-info .order-details div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 90%;
    margin-right: 15px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .order-info .order-details div {
        font-size: 100%;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-info .order-info .order-details div label {
    font-size: 100%;
    margin-right: 5px;
    margin-bottom: 0;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-control {
    width: 100%;
    max-width: 500px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-control select {
    max-width: 320px;
    margin-bottom: 0;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-control input {
    margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-check {
        padding: 0 20px;
        margin-left: auto;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-row .product-controls a {
    display: block;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-accept {
    text-align: center;
    padding: 10px 0;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-info .order-accept .checkbox {
    margin-bottom: 5px;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button {
    width: 240px;
    line-height: 70px;
    padding: 0 30px;
    margin-top: 20px;
}
@media only screen and (min-width: 768px) {
    .order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button {
        margin: 0 5px;
    }
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button.js-scan-barcode {
    background-color: cadetblue;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button.scan-barcode {
    background-color: cornflowerblue;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button.scan-barcode img {
    width: auto;
    margin: 0 auto;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .control-row button:hover {
    background-color: #c3332b;
}
.order-list .grid-list-table .list-rows .order .row-dropdown .order-controls .barcode input {
    margin-bottom: 0;
}
.order-list .grid-list-table .list-rows .order.default .row-dropdown {
    display: block !important;
}