@import "/account/aankopen/components/basic/searchbar.css";
@import "/account/aankopen/components/basic/orders.css";
@import "/account/aankopen/components/basic/orderLines.css";
@import "/account/aankopen/components/basic/more.css";

.acOrder_basic_container *{
    font-family:                'Roboto', sans-serif;
    font-weight:                400;
    font-size:                  14px;
    box-sizing:                 border-box;
}

.acOrder_basic_container{
    position:                   relative;
    margin-bottom:              50px;
}

.acOrder_basic_container h1{
    font-weight:                bolder;
    font-size:                  24px;
}

.acOrder_basic_container .acStickyHeader{
    position:                   sticky;
    top:                        60px;
    background:                 linear-gradient(180deg, rgba(var(--RGBcolorWhite),1) 0%, rgba(var(--RGBcolorWhite),1) 80%, rgba(var(--RGBcolorWhite),0) 100%);
    padding-top:                5px;
    padding-bottom:             5px;
    z-index:                    90;
}

@media screen and (max-width: 600px) {
    .acOrder_basic_container .acStickyHeader{
        top:                        100px;
    }
}