#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}  
#boxes .window {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:auto;
    display:none;
    z-index:9999;
    padding:20px;
    border-radius: 15px;
    text-align: center;
}
#boxes #dialog {
    width:50%; 
    height:auto;
    padding:10px;
    background-color:#ffffff;
    font-family: 'Segoe UI Light', sans-serif;
    font-size: 15pt;
}
.maintext{
    text-align: center;
    font-family: "Segoe UI", sans-serif;
    text-decoration: none;
}
 
#lorem{
    font-family: "Segoe UI", sans-serif;
    font-size: 12pt;
    text-align: left;
    width: 100%;
}
#popupfoot{
    font-family: "Segoe UI", sans-serif;
    font-size: 16pt;
    padding: 10px 20px;
}
#popupfoot a{
    text-decoration: none;
}
.agree:hover{
    background-color: #D1D1D1;
}
.popupoption:hover{
    background-color:#D1D1D1;
    color: green;
}
.popupoption2:hover{

    color: red;
}