.order_container {
    position: relative;
    margin: 10px 50px 0 50px;
    display: flex;
    padding: 20px;
    flex-direction: column;
}



.order_container {
    position: relative;
    /*margin: 10px 50px 0 50px;*/
    display: flex;
    /*padding: 20px;*/
    flex-direction: column;
    font-family: 'Century Gothic', sans-serif !important;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Century Gothic', sans-serif !important;
}

.order-el-container .ui-widget-content {
    border: none;
}

.make-order {
    position: relative;
    padding: 18px;
    display: flex;
    justify-content: right;
    background-color: #f1f8ff;
}
.cart-total-price {
    font-size: 25px;
    margin-right: 40px;
    font-weight: bold;
}

.cart-total-price span {
    color: #9d9d9c;
    display: inline;
    font-weight: normal;
}

.make-order-btn,
.make-proposal-btn {
    background-color: #0089ce;
    color: #FFFFFF;
    font-size: 13px !important;
    text-transform: uppercase;
    border: none;
    outline: none;
    border-radius: 3px;
    padding: 7px 18px 7px 19px;
    cursor: pointer;
    white-space: nowrap;
}

.make-order-btn:disabled {
    cursor: default;
    background-color: #a3c6cd;
}

.order-el-container {
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

.order-el-container .ui-accordion-content {
    padding: 0;
    overflow: unset;
}

.order-el-items-container .item-row {
    position: relative;
    align-items: center;
    border-bottom: 3px solid #f1f8ff;
    display: grid;
    grid-template-columns: minmax(430px, 2.5fr) minmax(240px, 1.5fr) minmax(110px, 1fr) minmax(150px,1fr) minmax(150px,1fr);
    gap: 0;
    width: 100%;
    justify-content: stretch;
}

.order-el-items-container .item-row .item-row-cell {
    display: flex;
    border-right: 3px solid #f1f8ff;
    padding: 10px 0;
    height: -webkit-fill-available;
    align-items: center;
    justify-content: center;
}





.order-el-items-container .item-row .item-image {
    width: 92px;
    height: 92px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.order-el-items-container .item-row .item-info {
    flex-grow: 1;
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-start;
    font-size: 13px;
    height: 92px;
}
.order-el-items-container .item-row .item-info .item-name {
    max-width: 300px;
}
.order-el-items-container .item-row .item-info .item-name a {
    text-decoration: none;
}

.order-el-items-container .item-row .item-info .item-codes > span {
    background-color: #f1f8ff;
    padding: 0px 0 0px 11px;
    width: 129px;
    display: inline-block;
    line-height: 24px;
}
.order-el-items-container .item-row .item-availability {
    justify-self: center;
    width: unset;
}
.order-el-items-container .item-row .item-count {
    /*width: 100px;*/
    text-align: center;
}
.order-el-items-container .item-row .item-count .count {
    font-size: 20px;
    font-family: "Century Gothic Bold";
    color: #000000;
}
.order-el-items-container .item-row .item-count .units {
    font-size: 20px;
    font-weight: normal;
    color: #9d9d9c;
    font-family: Calibri;
}

.order-el-items-container .item-row .item-price,
.order-el-items-container .item-row .item-cost {
    font-size: 20px;
    color: #000000;
    display: flex;
    position: relative;
    justify-content: flex-end;
}
.order-el-items-container .item-row .item-cost {
    text-align: right;
}
.order-el-items-container .item-row .item-cost .price {
    font-family: "Century Gothic Bold";
    font-size: 20px;
    color: #000000;
}
.order-el-items-container .item-row .item-cost .order-item-currency {
    font-size: 20px;
    font-weight: normal;
    color: #9d9d9c;
    font-family: Calibri;
}


.order-el-items-container .item-row .item-price .price {
    font-size: 20px;
    font-weight: normal;
    color: #000000;
}
.order-el-items-container .item-row .item-price .per-unit {
    font-size: 20px;
    font-weight: normal;
    color: #9d9d9c;
    font-family: Calibri;
}

    /*.order-el-items-container .item-row .item-price span,*/
/*.order-el-items-container .item-row .item-cost span {*/
/*    color: #9d9d9c;*/
/*    display: inline;*/
/*}*/

/*.order-el-items-container .item-row .item-price {*/
/*    margin-left: 20px;*/
/*}*/
.order-el-items-container .item-row  .item-availability,
.order-el-items-container .item-row  .item-price,
.order-el-items-container .item-row .item-cost {
    padding: unset;
    white-space: nowrap;
}

.order-el-items-container .item-row .item-price-marker {
    position: relative;
}

.order-el-items-container .item-row .item-price-marker::before {
    position: absolute;
    content: "";
    transform-origin: 3px 3px;
    border-bottom: 6px solid transparent;
    border-left: 6px solid transparent;
}
.order-el-items-container .item-row .item-price-marker.price-up::before {
    border-top: 6px solid #c01a04;
    border-right: 6px solid #c01a04;
    transform: rotate(-45deg);
    left: -20px;
    top: 14px;
}
.order-el-items-container .item-row .item-price-marker.price-down::before {
    border-top: 6px solid #549400;
    border-right: 6px solid #549400;
    transform: rotate(135deg);
    left: -12px;
    top: 8px;
}







.cart-name {
    margin-left: 10px;
    text-decoration: none;
    font-style: italic;
    color: #FFFFFF !important;
}
.cart-name:not(:empty):before {
    position: relative;
    display: inline-block;
    content: "«";
}
.cart-name:not(:empty):after {
    position: relative;
    display: inline-block;
    content: "»";
}

.cart-name-input {
    border: 1px solid #0089ce;
    outline: none;
    padding: 0 25px 0 5px;
    margin-left: 10px;
}

.order-el-title-text .save-icon > svg {
    display: inline-block;
    width: 13px;
    height: 13px;
    fill: #0089ce;
    stroke-width: 0;
}


.order-el-title {
    background-color: #9d9d9c;
    display: flex !important;
    justify-content: space-between;
    padding: 0 !important;
    transition-duration: 0.3s;
    height: 45px;
    border: none;
}
.order-el-title:hover {
    background-color: #9d9d9cF0;
}
.main-cart > .order-el-title:hover {
    background-color: #0089ceF0;
}

.order-el-title-text:before {
    position: absolute;
    width: 0;
    height: 0;
    content: "";
    left: 9px;
    top: 15px;
    border-left: 6px solid #ffffff;
    border-top: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid transparent;
    transition-duration: 0.2s;
    transform-origin: 3px 6px;
}

.ui-state-active .order-el-title-text:before {
    transform: rotate(90deg);
}


.order-el-title-text {
    flex-grow: 1;
    display: grid;
    padding: 13px 0 12px 25px;
    /*align-items: center;*/
    grid-template-columns: minmax(150px, 200px) minmax(170px, 250px) minmax(200px,auto) minmax(40px, 70px) auto minmax(40px, 250px);
}

:not(.order-new) .order-el-title {
    padding-right: 25px;
}

.order-new .order-el-title {
    background-color: #0089ce;
}
.order-el-title.ui-accordion-header-active {
    /*border: 1px solid transparent;*/
}
.order-el-title-text {
    font-size: 14px;
    color: #FFFFFF;
}

.empty-message {
    padding: 20px;
    font-size: 16px;
    color: gray;
    text-align: center;
}
.order-el-container.ui-sortable-helper {
    box-shadow: 0 0 10px 2px #28282885;
}
.order_container.ui-accordion .order-el-title.ui-accordion-header {
    margin: 0;
    border-radius: 0;
}

.order-manifest {
    background-color: #FFFFFFff;
    padding: 20px 0;
}
.order-manifest > div {
    display: flex;
}
.order-manifest .manifest-title {
    font-size: 20px;
    font-weight: bold;
    width: 180px;
    padding-left: 10px;
}
.order-manifest .manifest-content {
    font-size: 13px;
    align-self: flex-end;
    width: 100%;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    display: grid;
    grid-template-columns: repeat(2, 1fr);;
}
.order-manifest .manifest-content.manifest-blue {
    background-color: #f1f8ff;
    color: #0089ce;
    border-radius: 3px;
    border: 1px solid #0089ce;
    padding: 8px;
    font-size: 13px;
}


.order-manifest .manifest-content > div {
    display: flex;
    align-items: flex-start;
}
.manifest-content .mc-title {
    margin-right: 3px;
}
.manifest-content .mc-value {
    font-weight: bold;
}
.item-detailed-status {
    display: flex;
    justify-content: center;
    align-items: center;
}

.item-detailed-status .item-status {
    display: flex;
    position: relative;
    justify-content: flex-start;
    align-items: center;
    width: 200px;
    height: 30px;
    border-radius: 3px;
    background-color: #0089ce;
    padding-left: 25px;
    color: #ffffff;
}
.item-detailed-status .item-status.item-status-canceled {
    background-color: #9d9d9c;
}


.item-detailed-status .item-status.item-status-icon:before {
    position: absolute;
    content: "";
    width: 15px;
    height: 15px;
    left: 6px;
    top: 7px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.item-detailed-status .item-status.item-status-icon.item-status-new:before,
.item-detailed-status .item-status.item-status-icon.item-status-fetched:before {
    background-image: url("/static/icons/orders/items.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-reserved:before {
    background-image: url("/static/icons/orders/reserved.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-moving:before {
    background-image: url("/static/icons/orders/items.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-ready_pick_up:before {
    background-image: url("/static/icons/orders/ready.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-shipped:before {
    background-image: url("/static/icons/orders/items.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-payment_awaiting:before {
    background-image: url("/static/icons/orders/waiting.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-awaiting_admission:before {
    background-image: url("/static/icons/orders/waiting.svg");
}
.item-detailed-status .item-status.item-status-icon.item-status-canceled:before {
    background-image: url("/static/icons/orders/canceled.svg");
}