@font-face {
    font-family: 'PoppinsMedium';
    src: url('Poppins-Medium.ttf')  format('truetype')
}

body{
    font-family: 'PoppinsMedium', arial;
    font-size:13px;
    line-height:140%;
    background-color:#414042;
    margin:0px;
    padding:0px;
}

.caixa-login{
    background-color:#444;
    border-radius: 10px;
    box-shadow:2px 2px 5px #000;
    border:1px solid #333;
    padding:20px;
    width:400px;
    margin:auto;
    margin-top:70px;
    color:white;
    font-size:18px;
    text-align:center;
}

.caixa-login img{
    width:70%;
}

.caixa-login form{
    text-align:left;
    margin-top:20px;
}
.caixa-login .titulo{
    font-size:20px;
    text-align:center;
    margin-top:20px;
    margin-bottom:50px;
    font-weight:bold;
}

.caixa-login input{
    font-size:18px;
    padding:10px;
    width:100%;
    margin-top:10px;
}

.caixa-login .erro
{
    background-color:red;
    color:white;
    margin-bottom:5px;
    padding:5px;
    margin-bottom:20px;
}

.caixa-login input[type="submit"]{
    width:auto;
    display:block;
    position:relative;
    margin:auto;
    font-weight:bold;
    color:white;
    padding:10px 30px;
    background-color:#00afa4;
    border:1px solid #000;
    cursor:pointer;
}

.caixa-topo{
    background-color:#444;
    border:1px solid #333;
    padding:10px;
    margin:auto;
    color:white;
    font-size:18px;
    text-align:center;
}
.caixa-topo img{
    height:50px;
}

.opcao{
    padding:10px;
    font-weight:bold;
    cursor:pointer;
    font-size:16px;
    border-bottom:1px solid #333;
    text-transform: uppercase;
    letter-spacing:-1px;
}
.opcao:hover{
    background-color:#DDD !important;
}
.opcao.selected{
    background-color:white !important;
}

.menu{
    background-color:#BBB;
    float:left;
    width:20%;
}
.conteudo{
    float:left;
    padding:30px;
    width:70%;
}

.conteudo .titulo{
    font-size:30px;
    font-weight:bold;
}

.botao_padrao{
    padding:5px 20px !important;
    font-size:16px;
    font-weight:bold;
}

.importar{
    overflow:hidden;
    margin-top:20px;
}
.importar .titulo_tipo{
    font-size:20px;
    font-weight:bold;
    margin-bottom:10px;
}

.formulario{
    padding-top:20px;
    font-size:20px;
    width:750px;
    margin:auto;
    color:black;
    text-align:center;
    position:relative;

}
.formulario input, .formulario select{
    font-size:20px;
    padding:5px;
    margin-top:10px;
    width:100%;
}
.formulario label{
    margin-bottom:0px;
    display:block;
    margin-bottom:5px;
}

.filtros{
    margin-top:20px;
}

.filtros input, .filtros select{
    font-size:14px;
    padding:5px;
    margin-top:5px;
    width:100%;
   
}

.tabela_titulo td{
    background-color:#00afa4;
    color:white;
    border-bottom:1x solid #444;
    font-weight:bold;
    font-size:12px;
    padding:5px;
}

a{
    color: #00afa4;
    text-decoration:none;
    font-weight:bold;
}
a:hover{
    text-decoration:underline;
}

.tabela_linha td{
    margin-bottom:3px;
    border-bottom:1px solid #DDD;
    padding-bottom:3px;
    cursor:pointer;
}

.tabela_linha:hover td{
    background-color:#FFD;
}
.botao_form
{
    font-weight:bold;
    font-size: 17px;
    cursor:pointer;
    color:white;
    background-color:#40aea3;
    border-radius:25px;
    padding:16px 35px;
    display:inline-block;
    text-transform: uppercase;
}
.botao_form:hover{
    background-color:#269288;
}

.formulario .formulario_caixa
{
    border-radius:15px;box-shadow:0px 0px 22px -5px #000;background-color:rgba(255,255,255,0.7);padding:50px 30px;
}

.formulario .formulario_caixa input[type="text"], 
.formulario .formulario_caixa input[type="number"], 
.formulario .formulario_caixa input[type="email"], 
.formulario .formulario_caixa select
{
    padding:10px 20px;
    border-radius:10px;
    box-shadow:0px 0px 27px -5px #555;
    border:none;
    width:60%;
}

.corpo_hotsite
{
    height:100%;
    position:relative;
}
.hotsite_titulo
{
    position:absolute;margin-left:50%;left:-5vw;top: 15%;width:40vw;
}
.hotsite_quero{
    cursor:pointer;position:absolute;margin-left:50%;left:1vw;top:51%;width:28vw;
}

.titulo_formulario{
    letter-spacing:-1px;margin:80px 0px;text-shadow:2px 2px 10px #000;font-weight:bold;color:white;font-size:36px;    
    line-height:100%;
}

.titulo_formulario > div {
    font-weight:normal;
    font-size:15px;
}
#barra_azul{
    background-color:#00a39d;top:0px;left:0px;width:25%;position:fixed;height:100%;
}
.titulo_dentro_form{
    line-height:140%;font-size:25px;margin-bottom:20px;font-weight:bold;letter-spacing:-1px;
}

.subtitulo_dentro_form{
    font-size:18px;margin-bottom:30px;line-height:110%;
}
.subtitulo_dentro_form span{
    font-size:14px;
}
.logos_footer_hotsite{
    margin:50px 0px;text-align:center;
}
.logos_footer_hotsite img{
    width:100%;max-width: 200px;    
}

.logos_iniciais{
    position:absolute;bottom:10%;left:50%;margin-left:7%;width:16%;
}
.logos_iniciais img{
    width:100%;
}
.textos_home_mobile{
    display:none;
}
.btn_quero_mobile{
    display:none;
}
.img-ivete{
    position:absolute;bottom:0px;width:42vw;left:0px;
}
.titulo_formulario_mobile{
    display:none;
}
#msg_concluido{
    margin:0 150px;
}
#photo_frame{
    position:absolute;top:19vh;left:calc(50% - 23vh);background-color:transparent;border:3px solid #888;
    width: 46vh;height: 60vh; box-shadow:0px 0px 100000px 700px #333;border-bottom-left-radius: 50% 50%;border-bottom-right-radius: 50% 50%;border-top-left-radius: 50% 50%;border-top-right-radius: 50% 50%;
}
.caixa_botao_take_picture{position:absolute;bottom:16vh;text-align:center;width:100%;}

#foto_countdown{
    color:white;text-shadow:2px 2px 3px #000;display:block;font-size:30vh;padding-top:30vh;
}
#ivete-mobile{
    display:none;
}

@media screen and (max-width: 600px) {
    .hide-cad-mobile{
        display:none !important;
    }

    #barra_azul{
        top:auto;
        bottom:0px;
        width:100%;
        height:20%;
    }
    #ivete-mobile{
        display:block;
        background-image:url('/events/ivete/imgs/ivete.png');       
        width: 100%;
        background-position: 32% top;
        background-size: auto 157%;
        bottom: 0px;
        height: calc(100% - 111vw);
        position: absolute;
        background-repeat: no-repeat;        
    }
    
    #foto_countdown{
        font-size:17vh;padding-top:16vh;
    }
    
    .caixa_botao_take_picture{bottom:auto;top:66%}

    #photo_frame{
        top:33vh;height:33vh;width:32vh;left:calc(50% - 16vh);
    }
    
    .corpo_hotsite
    {
        background-image:url('../imgs/back_mobile.jpg');background-size:cover;
        background-position:center bottom;
    }
    .logos_footer_hotsite img{
        width:60%;max-width: 400px;    
    }
    #msg_concluido{
        margin:0 0px;
    }
    
    
    .img-ivete{
        display:none;
    }
    
    .textos_home_mobile{
        display:block;
        width: 78%;
        margin:auto;
        padding-top:20%;
    }
    .btn_quero_mobile{
        display:block;
        margin:3% auto;
        width: 80%;       
        cursor:pointer;
        z-index:10;
        position:relative;
    }
        
    .frame_azul{
        background:none;position:absolute;border:8px solid #40aea3; width:85%;height:92%;left:5%;top:3%;border-top-right-radius: 100px;
    }

    .logos_iniciais{
        display:none;
    }
    .hotsite_titulo
    {
        display:none;
    }
    .hotsite_quero{
        display:none;

    }
    .formulario{
        padding-top:0px;
        width:95%;
    }
    .formulario .formulario_caixa input[type="text"],
    .formulario .formulario_caixa input[type="email"], 
    .formulario .formulario_caixa input[type="number"],
    .formulario .formulario_caixa select
    {
        width:100%;
    }
    .titulo_formulario{
        display:none;
    }
    .titulo_formulario_mobile{
        display:block;
        margin:10% 0%;
    }

    .formulario .formulario_caixa
    {
        padding:30px
    }
    .titulo_dentro_form{
        font-size:22px;
    }
    .subtitulo_dentro_form{
        font-size:4vw;
    }
    .subtitulo_dentro_form span{
        font-size:12px;
    }       
    .foto-btn{
        width:100% !important;
    }

}

.foto-btn{
    cursor:pointer;
    margin-top:10px;
    overflow:hidden;
    margin:10px auto 20px;
    width:60%;
    border-radius:10px;
    border:1px solid #999;
    text-align:center;
    background-color:#EEE;
    box-shadow:0px 0px 27px -5px #555;
}
.foto-btn-left{
    float:left;width:calc(100% - 120px);text-align:left;
}
.foto-btn-right{
    float:right;width:120px;text-align:right;
}
.foto-pessoa{
    background-image:url('/no-photo.png');
    background-position:center center;
    background-size:cover;
    width:100px;
    height:100px;
    border-radius:100%;
}

.foto-btn:hover{
    background-color:#fff;
    filter:brightness(107%)
}