#basket_list li{
        background: white;
        border-bottom: 1px lightgray solid;
        padding-bottom: 1em;
        padding-top: 1em;
}
#basket_list li:first-child,
#basket_list li&:last-child {
            border-bottom: 0;
        }
#basket_list li:first-child {
            background: #CCCCCC; color: #575757; padding: 10px 20px; font-weight:bold;
        }

.basketoption {
    padding: 1em 0;
    position: relative;
    background: white;
    min-width: 300px;
    padding:2rem;

}

.basket a.basketFunctionRefresh.load img {
    animation: rotate 1s infinite both ease-in-out
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

#extrapayments {
    overflow: hidden
}

.formlabel {
    display: none
}

ul.form li {
    margin-top: 1em;
}


.extrapayments {
    display: flex;
    justify-content: flex-end;

}


.checkout #morewrap {
    background: transparent;
}

#checkoutcontainer {
    background-color: rgba(255, 255, 255, 0.4);
}

.greybox {
    background: #F2F2F2
}



.formbox {
    background: #F4F2EE;
}

.checkout-title {
    
}

.checkout-title {
    font-size: 1.5rem;
    text-transform: uppercase;
    @media screen and (max-width: 779px) {
    position: relative;

        text-align: center;
            &:after {
                content: "";
                display: block;
                border-top: solid 1px #000;
                width: 100%;
                height: 1px;
                position: absolute;
                top: 50%;
                z-index: 1
            }
        span {
            background: #ECE7E0;
            padding: 0 20px;
            z-index: 5;
            position: relative;
            text-transform: uppercase;            
            display: inline-block;
            max-width: 80%;            
                &:before, &:after {
                    content: "";
                    background: url(../img/skulls.png) -125px 22px;
                    width: 15px;
                    height: 22px;
                    display: block;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%)
                }
                &:before {
                    left: -5px
                }
                &:after {
                    right: -5px
                }
        }
    }
}


table#basket {
  width: 100%;
}
#basket_list {
    margin-bottom: 2em;
}