.fdm-orders-content {
    display: flex
}

.fdm-orders-list {
    width: 35%;
    height: 700px;
    background: #fff
}

.fdm-orders-list-action {
    padding: 0 15px;
    /*border: #eaeaea solid 1px;*/
    height: 60px;
    display: flex;
    align-items: center
}

.fdm-orders-list-action input[type=text] {
    margin: 0
}

.fdm-orders-list-action-full, .fdm-orders-list-action-up {
    position: absolute;
    width: 100%;
    display: flex;
    background: #fff;
    flex-wrap: nowrap;
    height: 60px;
    background: #fff
}

.fdm-btn-order-action svg {
    fill: #383838;
    height: 14pt;
    width: 14pt
}

.fdm-btn-order-action:hover svg {
    fill: #fff
}

.fdm-orders-list-action-full {
    bottom: 0;
    border-top: #eaeaea solid 1px
}

.fdm-orders-list-action-up {
    top: 0;
    justify-content: flex-end;
    /*border-bottom: #eaeaea solid 1px*/
}

#fdm-back:hover {
    background: #ededed
}

#fdm-confirm-order:hover {
    background: #208e2a
}

#fdm-cancel-order:hover {
    background: #bb1e1e
}

#fdm-indelivery-order:hover {
    background: #d8800d
}

#myd-done-order:hover {
    background: #037d91
}

#myd-waiting-order:hover {
    background: #4e6585
}

#fdm-finished-order:hover {
    background: #007bbf
}

#fdm-print-order:hover {
    background: #007bbf;
    color: #fff
}

#fdm-print-order {
    border-left: #eaeaea solid 1px
}

.fdm-btn-order-action, .fdm-btn-order-action-back {
    justify-content: center;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #383838;
    background: #f9f9f9;
    width: 33%;
    padding: 10px 5px;
    flex-wrap: wrap;
    border: 1px solid #eaeaea;
    gap: 5px
}

#hide-prints {
    display: none
}

.fdm-btn-order-action:hover {
    background: #444;
    color: #fff
}

.fdm-orders-full-details {
    width: 65%;
    height: 700px;
    background: #f9f9f9;
    position: relative;
    /*border-right: #eaeaea solid 1px;*/
    /*border-left: #eaeaea solid 1px*/
}

.fdm-order-list-items-date, .fdm-order-list-items-order-number, .fdm-order-list-items-type {
    width: auto;
    font-size: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    line-height: 1.4
}

.fdm-order-list-items-customer, .fdm-order-list-items-customer-name, .fdm-order-list-items-product, .fdm-order-list-items-product-extra {
    display: flex;
    align-items: center;
    width: 100%;
    line-height: 1.4
}

.fdm-order-list-items-customer, .fdm-order-list-items-product-extra {
    font-weight: 400;
    color: #565656
}

.fdm-order-list-items-product-extra {
    white-space: pre
}

.fdm-order-list-items-product {
    font-weight: 700
}

.fdm-products-order-loop {
    margin-bottom: 10px;
    width: 100%
}

.fdm-order-list-items-type {
    padding: 0 15px;
    background: #46b450;
    border-radius: 5px;
    color: #fff
}

.fdm-order-list-items-customer-name, .fdm-order-list-items-order-number {
    font-weight: 700;
    font-size: 18px;
    color: #383838
}

.fdm-order-list-items-date {
    font-weight: 400;
    color: #565656;
    margin: 0
}

.fdm-order-list-items-store {
    width: auto;
    font-size: 16px;
    color: #666
}

.fdm-orders-loop {
    width: 100%;
    height: calc(100% - 60px);
    overflow: auto;
    padding: 10px;
    background: #f5f4f5
}

.fdm-not-logged {
    padding: 60px;
    font-size: 16px;
    text-align: center
}

.fdm-orders-full {
    width: 100%;
    height: 100%;
    background: #f5f4f5;
    margin: auto;
    display: flex;
    align-items: center
}

.fdm-orders-items {
    width: 100%;
    border: 1px solid #e8e8e8;
    padding: 20px 12px;
    cursor: pointer;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #fff;
    display: flex;
    box-shadow: 1px 1px 8px #d3d3d3 !important;
}

.fdm-order-list-items-status {
    width: auto;
    font-size: 16px;
    display: flex;
    align-items: center;
    line-height: 1.2;
    padding: 8px 20px;
    border-radius: 5px;
    color: #fff;
    white-space: nowrap
}

.fdm-orders-items:hover {
    border-left: solid 6px #e01a29
}

.fdm-orders-items.fdm-active {
    border-left: solid 6px #e01a29
}

.fdm-orders-full-items {
    width: 100%;
    padding: 15px 60px;
    color: #000;
    display: none;
    height: calc(100% - 120px);
    overflow: auto;
    background: #f5f4f5
}

.fdm-orders-items-order, .fdm-orders-items-products {
    border: #eaeaea solid 1px;
    border-radius: 10px;
    padding: 20px;
    background: #fff;
    box-shadow: 1px 1px 8px #d3d3d3 !important;
}

.fdm-orders-items-products {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap
}

.fdm-divider {
    background: #eaeaea;
    width: 100%;
    margin: 20px 0 !important
}

.fdm-order-list-items, .fdm-order-list-totals {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.fdm-orders-items-left {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    /*flex-direction: column;*/
}

.tarja-status {
    width: 50%;
    margin-top: 10px;
    display: flex;
    justify-content: flex-start;
    /*align-items: center;*/
    /*justify-content: center;*/
}

/*.fdm-orders-items-right {*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    width: 25%*/
/*}*/

#fdm-back {
    display: none
}

.myd-item-hide {
    display: none
}

.myd-orders-panel__notification-status {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    gap: 5px
}

.myd-orders-panel__notification-status>p {
    margin: 0
}

@media only screen and (max-width:768px) {
    .fdm-orders-loop {
        height: auto
    }

    .fdm-orders-list {
        width: 100%;
        height: auto
    }

    .fdm-orders-full-details {
        width: 100%;
        height: auto;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 99999999;
        display: none;
        border-right: none;
        border-left: none
    }

    .fdm-orders-full-items {
        padding: 15px 20px;
        height: calc(100% - 125px);
        margin-top: 60px
    }

    .fdm-orders-list-action-up {
        padding: 0;
        justify-content: center
    }

    .fdm-orders-list-action-up .fdm-btn-order-action {
        width: 50%
    }

    .fdm-orders-items-left {
        width: 70%
    }

    .fdm-orders-items-right {
        width: 30%
    }

    #fdm-back {
        display: flex;
        width: 50%
    }

    .fdm-order-list-items-customer-name, .fdm-order-list-items-order-number {
        font-size: 16px
    }

    .fdm-order-list-items-status {
        font-size: 14px
    }

    .fdm-orders-full {
        align-items: start
    }

    .fdm-orders-list-action-full {
        height: 65px
    }
}