.tppl-widget-iframe {
height: 100%;
width: 100%;
border: none;
overflow: hidden;
}
.tppl-popup-widget {
margin: 0;
padding: 0;
overflow: hidden;
}
.tppl-popup-widget-loading{
width: 100%;
height: 100%;
vertical-align: center;
text-align: center;
background: rgba( 255, 255, 255, .8 )
url(http://i.stack.imgur.com/FhHRx.gif)
50% 50%
no-repeat;
z-index: 999999 !important;
}
.tppl-widget-title{
font-weight: 500;
margin-bottom: 10px;
}
.ppl-parcelshop-map {
min-height: 551px;
min-width: 350px;
height: 600px;
max-height: 640px;
}
.tppl-widget-popup {
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.75);
width:100%;
height:100%;
display:none;
z-index: 999999!important;
} .ppl-popup-content {
width: 100%;
margin: 0 auto;
box-sizing: border-box;
padding: 10px;
margin-top: 10px;
margin-right: 10px;
height: 100%;
box-shadow: 0px 2px 6px rgba(0,0,0,1);
border-radius: 3px;
background: #fff;
position: relative;
} .tppl-widget-close-button {
width: 35px;
height: 35px;
position: absolute;
top: -5px;
right: -5px;
border-radius: 20px;
background: rgba(0,0,0,0.8);
font-size: 20px;
text-align: center;
color: #fff;
text-decoration:none;
z-index: 9999;
}
.tppl-widget-close-button:hover {
background: rgba(0,0,0,1);
}
@media screen and (max-width: 720px) {
.ppl-popup-content {
width:100%;
}
}