/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.product-variants>.product-variants-item ul.attribute-group-select li {
    display: inline-block;
    padding: 8px 0px;
    border: 2px solid #aaa;
    border-radius: 50%;
    cursor: pointer;
    min-width: 40px;
    text-align: center;
    position: relative;
}
.product-variants>.product-variants-item ul.attribute-group-select li.active {
    border-color: #000;
    background: #000;
    color: #fff;
}
.product-variants>.product-variants-item ul.attribute-group-select li.inactive {
    border-color: #8C8A8A;
}
.product-variants>.product-variants-item ul.attribute-group-select li.inactive span{
    width: 2px;
    background: #8C8A8A;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 1px;
    transform: rotate(45deg);
    display: block;
}

/* new css 5th september, 2018 */
.product-additional-info-mailonly{
    margin-top: 20px;
}
.product-additional-info-mailonly > *, .product-additional-info > .js-mailalert{display: none;}
.product-additional-info-mailonly > .js-mailalert{display: flex;}

.products-selection .view-switcher a.showall{
    opacity: 1;
    margin-top: -3px;
    margin-left: 5px;
}