.pisol-bar-container{
box-sizing: border-box;
}
.pisol-bar-container{
position:fixed;
left:0px;
width:100%;
z-index:999999999999;
text-align:center;
padding:10px 0;
display: none;
padding-left:30px;
padding-right:30px;
}
.pisol-fsnw-close{
position: absolute;
right: 0px;
top: 0px;
width: 30px;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
text-decoration:none !important;
}
.pisol-fsnw-close:hover{
text-decoration:none !important;
}
.pisol_shortcodes{
font-weight:light;
}
#pi-progress-circle{
width:70px;
height:70px;
position:fixed;
bottom:20px;
right:20px;
z-index:200000000;
background-position: center;
background-size:50px 50px;
background-repeat: no-repeat;
cursor:pointer;
}
.pi-fsnw-container{
background-color: #cccccc;
border-radius:6px;
position:relative;
overflow:hidden;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .7) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .7) 50%, rgba(255, 255, 255, .7) 75%, transparent 75%, transparent);
background-size: 30px 30px;
animation: progress-bar-move 2s linear infinite reverse;
}
@-webkit-keyframes progress-bar-move {
0% {
background-position: 0 0
}
100% {
background-position: 30px 30px
}
}
@keyframes progress-bar-move {
0% {
background-position: 0 0
}
100% {
background-position: 30px 30px
}
}
.pi-fsnw-cart-message{
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
}
.pi-fsnw-container .pi-inner-content{
position:absolute;
width:100%;
text-align:center;
color:#000000;
font-size:16px;
line-height: 24px;;
font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
z-index:10;
}
.pi-fsnw-container-progress{
background-color: #ff0000;
opacity:0.9;
border-radius:6px;
z-index:9;
}
.pisol-fsnw-on-cart-block-before-shipping .wc-block-components-shipping-rates-control, .pisol-fsnw-on-checkout-block-before-shipping .wc-block-components-shipping-rates-control{
display:flex;
flex-direction: column;
}
.pisol-fsnw-on-cart-block-before-shipping #pi-fsnw-progress-block, .pisol-fsnw-on-checkout-block-before-shipping #pi-fsnw-progress-block{
order:-1;
}
#pi-fsnw-progress-block{
margin-bottom:20px;
margin-top:20px;
}
#pi-fsnw-row, #pi-fsnw-progress-block{
border:1px solid #ccc;
& .pi-fsnw-cart-message{
margin-bottom:10px;
}
}