/*#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:850px;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius: 5px;
  text-align: center;
}
#boxes #dialog {
  width:600px; 
  height:500px;
  padding: 10px 10px 10px 10px;
  background-color:#ffffff;
  font-size: 15pt;
}

.agree:hover{
  background-color: #D1D1D1;
}
.popupoption:hover{
	background-color:#D1D1D1;
	color: green;
}
.popupoption2:hover{
	color: red;
} 
*/
/* Mask / overlay */
/*
#boxes #dialog
{
    top:365px !important;
    left:737px !important;
    display:block;
}

@media(max-width:768px)
{
    #boxes #dialog
    {
        top:450px !important;
        left:182px !important;
    }
}

#mask {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: #26262c;
    opacity: 0.5;
    display: none;
    z-index: 9000;
}
*/
/* Popup base */
/*
#boxes .window {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 85%;
    max-width: 560px;
    background-color: #ffffff;
    display: none;
    z-index: 9999;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
}
*/
/* Dialog specific */
/*
#boxes #dialog {
    font-size: 15pt;
}
*/
/* Popup image */
/*
.popup-img {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
}
*/
/* Close button */
/*
.close img {
    position: absolute;
    top: -12px;
    right: -12px;
    width: 30px;
    cursor: pointer;
}

.agree:hover {
    background-color: #D1D1D1;
}
.popupoption:hover {
    background-color: #D1D1D1;
    color: green;
}
.popupoption2:hover {
    color: red;
}


@media (max-width: 576px) {
    #boxes .window {
        width: 85%;
    }

    .close img {
        width: 25px;
        top: -10px;
        right: -10px;
    }
}
*/

#mask{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#26262c;
  opacity:0.8;
  z-index:9000;
  display:none;
}

/* Popup box */
#boxes .window{
  position:fixed;
  top:55%;
  left:50%;
  transform:translate(-50%, -50%);
  width:90%;
  max-width:520px;
  background:#fff;
  z-index:9999;
  display:none;
  padding:10px;
  border-radius:8px;
  text-align:center;
}

/* Image responsive */
.popup-img{
 width:100%; 
 /* width:500px; height:530px;*/
  /*height:auto; */
  border-radius:5px;
}

/* Close button */
.close img{
  width:25px;
  position:absolute;
  top:-12px;
  right:-12px;
  cursor:pointer;
}

/* Hover */
.agree:hover{
  opacity:0.7;
}

/* Mobile tweaks */
@media(max-width:576px){
  #boxes .window{
    max-width:95%;
    padding:8px;
  }

  .close img{
    top:-10px;
    right:-10px;
  }
}