.modal-button {
    padding: 0;
    border: 0;
    cursor: pointer;
    background: #fff;
}
.modal-button:hover {
    opacity: 0.5;
}
.modal-containerPopup {
    padding: 20px;
}
.display-topright {
    color:#fff;
    background:#555;
    padding: 7px 11px;
    border-radius: 3px;
    font-weight: bold;
    float: right;
    cursor: pointer;
}
.display-topright:hover {
    opacity: 0.5;
}

.w3-modal{z-index:3;display:none;padding-top:110px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:90%; max-width: 700px}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
@media (max-width:768px){.w3-modal-content{width:100%; max-width: 700px}.w3-modal{padding-top:90px}}
@media (min-width:993px){.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}