#cart {
    padding-top: 0px;
    flex-direction: column;
    transition: transform .2s;
}

#cart_title {
    background-color: rgb(240,240,240); 
    padding-top: 10px; 
    display: flex;
    align-items: center; 
    flex-flow: row wrap;
    border-bottom: solid 2px rgba(0,0,0,0.15);
}

#cart_wrapper {
    overflow-x: hidden; 
    overflow-y: auto;
    flex:1;
}

#cart_footer {
    line-height: 24px;
    margin: 0 -15px;
}
#cart_footer .btn-success {
    font-size: 1.2em;
    margin-top: 5px;
    width: 100%;
    max-width:300px;
    margin-bottom: 20px;
}
#cart_footer a {
    margin-bottom: 10px;
}
#cart_footer #totals2,
#cart_footer #totals {
    display: flex;
    flex: 1;
    background-color: rgb(240,240,240);
    padding: 10px 30px;
    flex-wrap: wrap;
}
#cart_footer #totals2 .cart-total-label,
#cart_footer #totals .cart-total-label {
    font-weight: 700;
    text-align: right;
    flex: 1;
    min-width: 6em;
}
#cart_footer #totals2 .cart-total-value,
#cart_footer #totals .cart-total-value {
    font-size: 16px;
    color: var(--black-color);
    padding-left: 5px;
    padding-right: 5px;
    min-width: 9em;
    text-align: right;
    color: black;
    font-weight: 700;
}
#cart_footer #totals2 .cart-quantity-totals,
#cart_footer #totals .cart-quantity-totals {
    display: flex;
    flex: 1;
    flex-direction: column;
}
#cart_footer #totals2 .cart-quantity-totals .cart-quantity-item,
#cart_footer #totals .cart-quantity-totals .cart-quantity-item {
    display: flex;
    flex-direction: row;
}
#cart_footer #totals2 .cart-amounts-totals,
#cart_footer #totals .cart-amounts-totals {
    display: flex;
    flex-direction: column;
    flex-grow: 10;
}
#cart_footer #totals2 .cart-amounts-totals .cart-amount-item,
#cart_footer #totals .cart-amounts-totals .cart-amount-item {
    display: flex;
    flex-direction: row;
}
    
.cart_item {
    display: flex; 
    align-items: center; 
    flex-flow: row wrap; 
    border-bottom: solid 1px rgba(0,0,0,0.15);
}

#cart .btn-danger {
    color: var(--black-color);
    background-color: #ffffff00;
    border: none;
}

#cart .btn-danger:hover, 
#cart .btn-danger:active, 
#cart .btn-danger.active, 
#cart .btn-danger.focus, 
#cart .btn-danger:focus {
    color: var(--red-color);
    background-color: #ffffff00;
}

/* Locking styles for remove operations */
.btn-remove-cart.disabled,
.btn-remove-cart:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.btn-remove-cart.disabled i,
.btn-remove-cart:disabled i {
    color: #ccc !important;
}