@charset "utf-8";
/* CSS Document */

.optmedia-popup-container{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(0,0,0,0.80);
    display: none;
}
.optmedia-popup-box{
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -200px;
    background-color: rgba(29,29,29,0.90);
    border-radius: 10px;
    color: #579c44;
    z-index: 11000;
}
.optmedia-popup-box2{
    width: 980px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -450px;
    margin-top: -200px;
    background-color: rgba(29,29,29,0.90);
    border-radius: 10px;
    color: #579c44;
    z-index: 11000;
}
.optmedia-popup-content{
    padding: 50px;
}
.optmedia-popup-content input{
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
    margin: 0px;
    margin-bottom: 14px;
}
.optmedia-popup-content button{
    box-sizing: border-box;
    width: 100%;
    padding: 14px;
    background-color: #579c44;
    color: #ffffff;
    border: 0px;
    cursor: pointer;
}
.optmedia-popup-close{
    position: absolute;
    top: -35px;
    left: 0px;
}
.optmedia-popup-close i{
    color: #579c44;
    font-size: 30px;
    width: 10px;
    height: 10px;
}

.optmedia-login-erro-container{
    display: none;
}
.optmedia-login-erro{
    margin-top: 14px;
    text-align: center;
}
.optmedia-waitIcon{
    text-align: center;
    padding: 14px;
    display: none;
}
.optmedia-waitIcon i{
    font-size: 30px;
}

@media screen and (max-width: 450px) {
    .optmedia-popup-box{
        width: 280px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -140px;
        margin-top: -140px;
        background-color: rgba(29,29,29,0.90);
        border-radius: 10px;
        color: #579c44;
        z-index: 11000;
    }
}