.modaljp {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 1);
}

.modal-content {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    max-width: 80%;
}

.jp-modal .active		{opacity:1 !important; pointer-events:auto; overflow-x:auto;}
.jp-modal .modalp > div {max-width: 500px; margin:10% auto; position:relative;}
.jp-modal .modalm > div {max-width: 700px; margin:10% auto; position:relative;}
.jp-modal .modalg > div {max-width: 800px; margin:10% auto; position:relative;}
.jp-modal .modalgd > div{max-width: 800px; margin:100px auto; position:relative;}
@media screen and (max-width:540px){.jp-modal .modalp > div{margin:0 auto}}
@media screen and (max-width:540px){.jp-modal .modalm > div{margin:0 auto}}
@media screen and (max-width:540px){.jp-modal .modalg > div{margin:0 auto}}
.jp-modal .close 		{background:#3e4be7; color: #fff; line-height: 25px; padding:3px; font-size:200%; position: absolute; right:0px; top:0px; text-align: center; width: 35px; text-decoration: none; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0px;}
.jp-modal .close:hover 	{background:#b623e6; color:#fff; cursor: pointer;}	
.jp-modal .close:after 	{content: "\d7"}
.jp-modal .open h4 		{font-size:110%; line-height:110%; font-weight:400; color:#908989; text-align:center; font-family: 'Lato', sans-serif, arial}
.jp-modal .open .janela {width: 300px; margin: 15% auto; padding: 40px 20px; border: solid 1px #423f3f; border-radius: 10px; background:#282929}
.jp-modal .open button  {background:var(--button); color:#f5f5f5; height:30px; width:100px; border:1px; border-radius:10px; padding:0 0; cursor: pointer;}
.jp-modal button:hover  {background:var(--buthover); outline:none; cursor: pointer;}
.jp-modal .align 		{height:42px; width:100%; display: flex; align-items: center; justify-content:left; overflow:hidden}
.jp-modal p 			{font-size:100%}
.jp-modal h1 			{font-size:150%}