#product-variations-form {
    position: relative;
    background-color: #fff;
    border-radius: 7px;
    padding: 20px 0px;
    max-width: 550px;
    margin: 0 auto;
    box-shadow: 0 5px 20px 0 rgba(74, 73, 82, 0.2);
    text-align: center;
    overflow: hidden;
}

.form-group.products-container {
    /*max-width: 557px;*/
    /*margin: 0 auto;*/
    padding: 0 10px;
    /*border-radius: 3px;*/
    /*background: #C5CAE9;*/
}

.form-group.products-container > p {
    margin-bottom: 3px;
    text-align: center;
    color: #003173;
}

.form-group.products-container .total-balance-title {
    color: #0b71f9;
}

span.total-balance-value {
    font-weight: 600;
}

.product-variations-action-title {
    font-size: 0.8rem;
    line-height: 7px;
    margin-bottom: 10px !important;
}

.form-group.products-container ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 0;
    margin-bottom: 16px;
}

.form-group.products-container > ul:last-of-type {
    margin: 0;
}

.form-group.products-container ul li {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: 6px;
    padding: 10px;
    text-align: center;
    cursor: pointer;
    background: white;
    border-radius: 3px;
    border: 1px solid #016bf8;
    color: #016bf8;
    transition: all 0.3s, border-radius 1s, color 0.6s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
}

.product-format-value {
    width: 80px;
    height: 80px;
    font-size: 14px;
}

.product-format-value img {
    width: 35px;
}

.product-format-value.active img {
    filter: brightness(0) invert(1);
}

.product-balance-value {
    width: 60px;
    height: 60px;
    line-height: 39px;
}

#product-variations-form .product-package-value {
    min-width: 280px;
    /* white-space: pre-wrap; */
    height: 60px;
    line-height: 20px;
    padding: 3px;
    font-weight: 600;
    /*padding-top: 17px;*/
}

.product-package-value:before {
    position: absolute;
    top: 10px;
    /* color: #fff; */
    text-decoration: line-through;
    font-weight: 400;
}

.product-package-value[data-paket-podklyuchennyj-za-schet-balansa="1ГБ (7€)"]:before {
    content: "1ГБ";
}

.product-package-value[data-paket-podklyuchennyj-za-schet-balansa="2ГБ (10€)"]:before {
    content: "2ГБ";
}

.product-package-value[data-paket-podklyuchennyj-za-schet-balansa="3ГБ (15€)"]:before {
    content: "3ГБ";
}

.form-group.products-container ul li:hover {
    box-shadow: 0 3px 3px -2px rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 1px 8px 0 rgba(0, 0, 0, .12);
    outline: none;
    border-color: #fdfdfd;
    background: #fdfdfd;
}

.form-group.products-container ul li:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.form-group.products-container ul li.active {
    background: #016bf8;
    background: linear-gradient(70deg, #016bf8, #4b98ff);
    color: #fff;
    border-radius: 100px;

}

.form-group.products-container ul li.active:hover {
    border: 1px solid #016bf8;
    box-shadow: none;
}

#product_total_price_wrap {
    /*background: linear-gradient(45deg, #23db6d 30%, #00C853 100%);*/
    text-align: center;
    padding: 20px;
    margin: 17px 0;
    border-top: 2px solid #f87501;
    border-bottom: 2px solid #f87501;
}

#product_total_price_wrap .product-total-price {
    font-size: 1.3rem;
    /*color: #fff;*/
    color: #f87501;
    font-weight: 700;
}

.product-variation-add-to-cart-wrap {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
    margin: 0 auto;
    padding: 12px;
}

.product-variation-add-to-cart-wrap > *:not(:last-child) {
    margin-right: 10px;
}

.product-variation-add-to-cart-wrap > * {
    margin-top: 7px;
    margin-bottom: 7px;
}

.product-variation-add-to-cart-wrap.loading * {
    opacity: 0.2;
    pointer-events: none;
}

.product-variation-add-to-cart-wrap.loading:before {
    opacity: .2;
}

.product-variation-add-to-cart-wrap.loading:before, .product-variation-add-to-cart-wrap.loading:after {
    display: block;
    content: '';
    position: absolute;
    top: 43%;
    left: 50%;
    height: 30px;
    width: 30px;
    margin: -12px 0 0 -12px;
    border-radius: 50%;
    border: 3px solid;
    border-color: #1275f9;
}

.product-variation-add-to-cart-wrap.loading:after {
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    -webkit-animation: rotation .8s infinite cubic-bezier(.6, .3, .3, .6);
    animation: rotation .8s infinite cubic-bezier(.6, .3, .3, .6);
}

.product-quantity-wrap {
    width: 53px;
}

input.product-quantity-value {
    border: 2px solid #f87501;
    border-radius: 5px;
    padding-left: 5px;
    font-weight: 500;
}

button.product_go_to_checkout_button {
    background: #f87501;
}

button.product_add_to_cart_button {
    background: #1875d1;
    background: #3f90fd;
}

.product-variation-add-to-cart-wrap button.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.ripple-effect {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background: white;
    -webkit-animation: ripple-animation 1s 1;
    animation: ripple-animation 1s 1;
    animation-delay: 0.03s;
}

@-webkit-keyframes ripple-animation {
    0% {
        transform: scale(1);
        opacity: 0.4;
    }
    100% {
        transform: scale(100);
        opacity: 0;
    }
}

#product-variations-action-table table.coast-table {
    box-shadow: none;
}

#product-variations-action-table td {
    padding: 3px !important;
}

#product-variations-action-table tbody tr:nth-child(n+5) td:nth-child(3) {
    color: #ff8100;
    font-weight: 600;
}

#product-variations-action-table tbody tr:nth-child(n+5) td:nth-child(3) del {
    font-weight: 400;
    color: initial;
}

/*@keyframes ripple-animation {*/
/*from {*/
/*-webkit-transform: scale(1);*/
/*transform: scale(1);*/
/*opacity: 0.4;*/
/*}*/
/*to {*/
/*-webkit-transform: scale(100);*/
/*transform: scale(100);*/
/*opacity: 0;*/
/*}*/
/*}*/