/* The Modal (background) */
.modal {
/* display: none; */
visibility: hidden;
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */    
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    top: 50%;
    left: 50%;
    padding: 20px;
    border: 1px solid #888;
    width: 400px;
    position: absolute;
    transform: translate(-50%, -50%);
    height: 50%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
line-height: 1rem;
display: block;
}

.close:hover,
.close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}

#sawo-container{
    height: 100% !important;
}