.supplylist-table {
    width:100%;
    position: relative;
    border-collapse:collapse;
}

.supplylist-table td {
    border-top:1px solid #ccc;
    padding-top:.5rem;
    padding-bottom:.5rem;
}

.supplylist-table th {
    text-align:left;
    font-weight:bold;
}

.supplylist-table th.supplylist-td-price  {
    text-align:right;
}

.supplylist-table td {
    position: relative;
}

.supplylist-td-thumb {
    width:80px;
    text-align:center;
}

.supplylist-td-qty {
    width:300px;
}

.supplylist-td-price {
    text-align:right;
    padding-right:1rem;
}

.supplylist-table img {
   max-width:60px;
   height:auto;
   max-height:60px;
   margin:0 auto;
}

.supplylist-table a.details {
    padding:4px 16px;
    background: #000000;
    color: #ffffff;
    text-align: center;
    border:none !important
}

.supplylist-quantity {
    display:inline-block;
    float:left;
    margin-right:.5rem;
    width:70px;
    text-align:center;
}

.supplylist-viewall {
    display:none;
}

.supplylist-remove {
    margin-left:.25rem;
}

.supplylist-toggle.active + .supplylist-viewall {
    display:block;
    margin:.5rem 0;
}

.supplylist-container {
    display:block;
    flex-basis:300px;
}

@media (max-width:768px) {
    .supplylist-container {
        flex-basis:100%;
        min-width:100%;
    }
}

.supplylist-quantity {
    display:inline-block!important;
}

.supplylist-title {
    display: none;
}

.supplylist-toggle:focus {
    outline: none;
    border:none;
}

.supplylist-toggle svg {
    fill:#bdbdbd;
    transition: all 200ms ease-out;
}

.supplylist-toggle:hover svg,
.supplylist-toggle.active svg {
    fill:#000000;
}


@keyframes loading {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}