.user-sidebar{
    width:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    list-style:none;
    background:#FFF;
    padding:10px 10px;
}

.user-sidebar li{
    
}

.user-sidebar li a{
    padding:8px 10px;
    text-decoration:none;
    color:#3B190C;
    font-size:18px;
    display:flex;
    flex-direction:row;
    gap:10px;
    align-items:center;
    border-bottom:1px solid #ddd;
    font-weight:600;
}


.user-sidebar li a:hover{
    background:#04783D;
    color:#FFF;
}

.dashboard-grid{
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between;
}

.dash-grid-item{
    width:24%;
    background:#FFF;
    margin-bottom:20px;
    padding:15px;
    border-radius:5px;
    cursor:pointer;
    /*box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;*/
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    font-weight:600;
    color:#ccc;
    text-decoration:none;
}


.dash-grid-item:hover{
    color:#04783D;
}


.checkout-grid{
    padding:15px;
}


.checkout-grid h1{
    font-size:22px;
    font-weight:700;
}


.order-div{
        width:100%;
        border:1px solid #888c8c;
        border-radius:5px;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        background:#FFF;
        
        
    }
    .order-header-div{
        width:100%;
        background:#F0F2F2;
        border-top-left-radius:5px;
        border-top-right-radius:5px;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:space-between;
        padding: 14px 18px;
        gap:20px;
        color:#565959;
    }
    
    .order-header-item{
        display:flex;
        flex-direction:column;
    }
    .order-body-div{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        padding: 14px 18px;
    }
    
    .order-title{
        color:#565959;
    }
    .header-title{
        width:100%;    
    }
    .header-data{
        width:100%;
    }
    
    
    .order-item-div{
        width:100%;
        display:flex;
        flex-direction:row;
        flex-wrap:wrap;
        gap:20px;
        margin:10px 0px;
    }
    
    .order-item-img{
        width:auto;
        height:100px;
    }
    
    
    .order-item-data-div{
        width:auto;
        display:flex;
        flex-direction:column;
    }
    .oi_name{
        
    }
    .oi_price{
        color:#cc0c39;
    }