#infotime{
    display:none;
}

.pu_inp input{
    width:100%;
    padding:0.2em 1em;
    box-sizing:border-box;
    border-radius:0.5em;
    border:1px solid var(--c2);
}

#alertbox{
    width:60%;
    position:fixed;
    top:2%;
    left:100%;
    background:var(--c2);
    border-radius:0.5em;
    box-shadow:2px 2px 10px 1px #000;
    padding:1em;
    display:flex;
    opacity:0;
    z-index:6 !important;
}
#alertbox .text{
    flex:7 !important;
}

#alertbox .fa{
    font-size: 1.5em;
    margin-right: 0.3em;
    flex:1;
}

#alertbox .a-exit{
    font-size: 1.2em;
    margin-right: 0em;
}

#alertbox .a-exit:hover{
    cursor:pointer;
    opacity:0.5;
}

#inetwork{
    text-transform:capitalize;
}
.infobtn{
    width:99.5%;
    padding:0.5em 1em;
    margin:0em 0.25% 0.2em !important;
    font-family:Obl;
    background:var(--c2) !important;
    color:#000;
    border-radius:0.1em 0.1em 1em 1em !important;
}

#infocontainer{
    display:grid;
    grid-template-columns:auto 30% auto;
    grid-gap:10px;
    justify-content:center;
    padding:0em 0;
}

.mgrid{
    padding:0.1em;
}

#infobox table, #infobox tr{
    width:100%;
}

#infobox td{
    text-align:left;
    padding:1em 1em;
    white-space:no-wrap;
}

#infobox tr td:first-child{
    width:30%;
}

#infobox tr td:nth-child(2){
    text-align:right;
    background-image:linear-gradient(to right, #fff, var(--c2));
}

#infobox tr td:nth-child(2) i{
    margin-left:0.2em;
}
.mtnc{
    background:#ed0;
}

#popup{
    height:100vh;
    width:100vw;
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:5;
    display:none;
    overflow:auto;
}

#bg, #abg{
    height:100vh;
    width:100vw;
    background:#000c;
    display:flex;
    justify-content:center;
    align-items:center;
    position:fixed;
    top:0;
    left:0;
    z-index:5 !important;
    backdrop-filter: blur(4.3px);
    -webkit-backdrop-filter: blur(4.3px);
}

#abg{
    backdrop-filter: blur(0.2px);
    -webkit-backdrop-filter: blur(0.2px);
    background:#0004;
    z-index:5;
    display:none;
}

#infobox{
    height:auto;
    width:80%;
    background:#fff;
    border-radius:1em;
    z-index:6;
}

@media screen and (min-width:800px){
    #infobox{
        width:60%;
    }
    #alertbox{
        font-size:1.3em;
        width:35%;
    }
    .pu_inp{
        font-size:1.05em;
    }
}

#infobox .infohead{
    background:var(--c2);
    border-radius:0.8em 0.8em 0 0;
    margin:0;
    padding:1em;
    text-align:center;
    font-family:Ob;
    font-size:1.2em;
    letter-spacing:0.1em;
}