.wms_packs_quantity{
height: 100%;
width: 100%;
padding: 0;
}
.wms-view-component-none{
display:none;
}
.wms-view-component{
margin-left:-250px;
padding:10px;
margin-top:17px;
background:#fff;
min-height:350px;
-moz-box-shadow:0 5px 5px rgba(0,0,0,0.3);
-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.3);
box-shadow:0 5px 5px rgba(0,0,0,0.3);
}
.wms-view-component-active{
display:block;
position:absolute;
top:120px;
z-index:999999;
width:250px;
}
.wms-view-component-main{
width:100%;
display: flex;
flex-direction:column;
justify-content:space-between;
}
.wms-product-gallery {
width: 100%;
margin: 0 auto;
}
.wms-view-component-main .wms-view-component-row .wms-view-component-content{
margin-bottom: 0;
}
.wms-view-component-meta, .wms-view-component-content{
border-top: 1px solid #e2e2e2;
}
.wms-component-price{
font-size: 1.2em;
margin: 1.41575em 0;
}
.wms-component-title{
margin: 5px auto;
font-size: 18px;
font-weight: 400;
}
#circularG{
position:relative;
width:58px;
height:58px;
margin: 50% auto;
}
.circularG{
position:absolute;
background-color:rgb(212,212,212);
width:14px;
height:14px;
border-radius:9px;
-o-border-radius:9px;
-ms-border-radius:9px;
-webkit-border-radius:9px;
-moz-border-radius:9px;
animation-name:bounce_circularG;
-o-animation-name:bounce_circularG;
-ms-animation-name:bounce_circularG;
-webkit-animation-name:bounce_circularG;
-moz-animation-name:bounce_circularG;
animation-duration:0.818s;
-o-animation-duration:0.818s;
-ms-animation-duration:0.818s;
-webkit-animation-duration:0.818s;
-moz-animation-duration:0.818s;
animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
animation-direction:normal;
-o-animation-direction:normal;
-ms-animation-direction:normal;
-webkit-animation-direction:normal;
-moz-animation-direction:normal;
}
#circularG_1{
left:0;
top:23px;
animation-delay:0.308s;
-o-animation-delay:0.308s;
-ms-animation-delay:0.308s;
-webkit-animation-delay:0.308s;
-moz-animation-delay:0.308s;
}
#circularG_2{
left:6px;
top:6px;
animation-delay:0.404s;
-o-animation-delay:0.404s;
-ms-animation-delay:0.404s;
-webkit-animation-delay:0.404s;
-moz-animation-delay:0.404s;
}
#circularG_3{
top:0;
left:23px;
animation-delay:0.51s;
-o-animation-delay:0.51s;
-ms-animation-delay:0.51s;
-webkit-animation-delay:0.51s;
-moz-animation-delay:0.51s;
}
#circularG_4{
right:6px;
top:6px;
animation-delay:0.616s;
-o-animation-delay:0.616s;
-ms-animation-delay:0.616s;
-webkit-animation-delay:0.616s;
-moz-animation-delay:0.616s;
}
#circularG_5{
right:0;
top:23px;
animation-delay:0.712s;
-o-animation-delay:0.712s;
-ms-animation-delay:0.712s;
-webkit-animation-delay:0.712s;
-moz-animation-delay:0.712s;
}
#circularG_6{
right:6px;
bottom:6px;
animation-delay:0.818s;
-o-animation-delay:0.818s;
-ms-animation-delay:0.818s;
-webkit-animation-delay:0.818s;
-moz-animation-delay:0.818s;
}
#circularG_7{
left:23px;
bottom:0;
animation-delay:0.914s;
-o-animation-delay:0.914s;
-ms-animation-delay:0.914s;
-webkit-animation-delay:0.914s;
-moz-animation-delay:0.914s;
}
#circularG_8{
left:6px;
bottom:6px;
animation-delay:1.02s;
-o-animation-delay:1.02s;
-ms-animation-delay:1.02s;
-webkit-animation-delay:1.02s;
-moz-animation-delay:1.02s;
}
@keyframes bounce_circularG{
0%{
transform:scale(1);
}
100%{
transform:scale(.3);
}
}
@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1);
}
100%{
-o-transform:scale(.3);
}
}
@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1);
}
100%{
-ms-transform:scale(.3);
}
}
@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1);
}
100%{
-webkit-transform:scale(.3);
}
}
@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1);
}
100%{
-moz-transform:scale(.3);
}
}