.grafact-public-network {
width: 100%;
height: 800px;
border: 1px solid #ddd;
background: #fafafa;
overflow: hidden;
}
.grafact-wrapper {
position: relative;
width: 100%;
}
.grafact-search-box {
position: absolute;
top: 20px;
left: 20px;
z-index: 10;
}
.grafact-public-search {
padding: 10px;
width: 250px;
border-radius: 5px;
border: 1px solid #ccc;
}
.grafact-public-popup h2 {
margin-top: 0;
}
.grafact-public-close {
float: right;
border: none;
background: none;
font-size: 25px;
cursor: pointer;
}
.grafact-public-content img {
max-width: 100%;
height: auto;
}
.grafact-public-popup {
position:absolute;
top:80px;
right:40px;
width:350px;
max-height:500px;
overflow:auto;
background:#fff;
padding:20px;
border-radius:10px;
box-shadow:0 5px 25px rgba(0,0,0,.25);
z-index:20;
}
@media (max-width:768px){
.grafact-public-popup{
position:fixed !important;
top:5vh !important;
left:5vw !important;
right:5vw !important;
width:auto !important;
max-width:none !important;
max-height:85vh !important;
overflow-y:auto !important;
border-radius:12px !important;
z-index:99999 !important;
}
}