label, input, button, select, textarea
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
	font-family: calibri, "Helvetica Neue",Helvetica,Arial,sans-serif;	
}


.box-status
{
    font-weight: 300;
    font-size: 13px;
    margin-bottom: 5px;
}

#builder-layout  div:not(.beditorcss).col-sm-12.fb-field-container {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    box-shadow: none !important;
    color: rgb(97, 103, 118) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(97, 103, 118) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

#builder-layout  div:not(.beditorcss).panel-footer.card-footer {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: rgb(97, 103, 118) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: solid !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(223, 228, 237) rgb(97, 103, 118) rgb(97, 103, 118) !important;
    border-top-width: 1px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
}

#builder-layout  div:not(.beditorcss).card-header.panel-heading {
    background: rgb(236, 239, 244) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: rgb(97, 103, 118) !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: solid !important;
    border-left-style: none !important;
    border-color: rgba(97, 103, 118, 0.404) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 1px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


#builder-layout  i:not(.beditorcss).far.fa-sun {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    box-shadow: none !important;
    color: #698acf !important;
    font-size: 50px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: rgb(97, 103, 118) !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}


#builder-layout [page-name='RegistroPontoEtapa1Form'] [form]  div:not(.beditorcss).tab-pane.tabpanel_form_RegistroPontoEtapa1Form.active {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: -1px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    box-shadow: none !important;
    color: #616776 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: center !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #616776 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

#builder-layout [page-name='RegistroPontoEtapa1Form'] [form]  div:not(.beditorcss).col-sm-12.fb-field-container {
    background: rgba(0, 0, 0, 0) !important;
    margin-top: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    margin-left: 0px !important;
    padding-top: 0px !important;
    padding-right: 15px !important;
    padding-bottom: 0px !important;
    padding-left: 15px !important;
    box-shadow: none !important;
    color: #616776 !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-decoration-line: none !important;
    text-align: left !important;
    border-top-style: none !important;
    border-right-style: none !important;
    border-bottom-style: none !important;
    border-left-style: none !important;
    border-color: #616776 !important;
    border-top-width: 0px !important;
    border-right-width: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

/*layout_admissao_inicial*/
#tbutton_btn_salvar_e_continuar{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    border-color: #fff;
}

/*layout_admissao_inicial login*/ /*curriculo criar conta*/
[page-name="LoginAuxForm"] .ui-dialog .ui-dialog-titlebar, [page-name="NewRegistrationForm"] .ui-dialog .ui-dialog-titlebar  {
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
}

[page-name="LoginAuxForm"] .panel{
    margin: 0;
}

#form_LoginAuxForm .panel-footer{
    background-color: #fff;
    border-color: #fff;
}

#tbutton_btn_entrar, #tbutton_btn_salvar_e_proximo{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    color: #fff;
    font-weight: bold;
}
#tbutton_btn_entrar:hover{
    opacity: 0.8;
}

/*email*/
#btn-email{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
}

.tseparator{
    padding-top: 10px;
}

.tdatagrid_cell, .tdatagrid_action, .tdatagrid_col{
    padding-left: 10px !important;
}


.tdatagrid_cell.action a{
    background-color: #FFFFFF;
    color:#03A9F4;
    border-radius: 40px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid #03A9F4;
}
.card-item-actions{
    display: flex;
}
.tdatagrid_cell.action a:hover{
    background-color: #03A9F4;
    color:#fff;
    transform: scale(1.1)!important;
    transition: all 0.2s;
    font-size: 15.4px;
}

.card-item-actions i{
    background-color: #FFFFFF;
    color:#03A9F4;
    border-radius: 30px;
    display: flex;
    width: 30px;
    height: 30px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid #03A9F4;
}
.card-item-actions i:hover{
    background-color: #03A9F4;
    color:#fff;
    transform: scale(1.1)!important;
    transition: all 0.2s;
    font-size: 15.4px;
}
.btnPadraoList{
    background-color: #FFFFFF;
    color:#03A9F4;
    border-radius: 40px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid #03A9F4;
}

.btnPadraoList:hover{
    background-color: #03A9F4;
    color:#fff;
    transform: scale(1.1)!important;
    transition: all 0.2s;
    font-size: 15.4px;
}

.card-item-content{
    min-height: 50px !important;
}

.card-wrapper{
    margin-left: 10px !important;
    justify-content: flex-start !important;
}
.card-item{
    text-align: left !important;
    align-items: left !important;
}

/*Publicacao*/


#bem-vindo, #container-voltar, #views, #link-download{
    display: flex;
}
#bem-vindo{
    width:150px;
    margin-bottom: 50px;
}
#container-voltar{
    width:60px;
    margin-bottom: 50px;
}
#container-voltar i, #container-voltar a {
    font-weight: bold;
}
#views{
    display:flex;
    width:70px;
    height:30px;
    text-align:center;
    align-items:center;
    justify-content:center;
    margin-top: 0px;
    margin-bottom:30px;
}
#views i{
    margin:auto;
}
#views p{
    margin:auto;    
}
#icon-arround{
    display:flex;
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background-color: #ECEFF4;
    text-align:center;
    align-items:center;
    justify-content:center;
    margin:auto;
}

#container-topo-icon{
    display:flex;
    height:60px;
    width:50px;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-right: 10px;
}

#topo-post p{
    margin-bottom: 0px;
}

#topo-post h4 {
    margin-top: -10px;
    font-weight: bold;
    margin-bottom:0px;
}

#body-publicacao h2{
    font-weight:bold;
}

#body-publicacao p{
    font-size: 14px;
    line-height: 1.5;
}

#container-imagens-post{
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 70px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
#container-imagens-post img{
    width:350px;
    margin-left: 20px;
}
#container-video-post{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
}
#container-text-reacao{
    width:100%;
    padding-top: 40px;
    margin:auto;
    text-align:center;
    align-items:center;
}
#text-reacao{
    margin:auto;
    font-size: 12px;
}

#container-reacao{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    width:200px;
    padding-top: 5px;
    margin:auto;
}

#box-curtir, #box-nao-curtir{
    position:relative;
    display:flex;
    width: 60px;
    margin:auto;
}

#box-nao-curtir a, #box-curtir a{
    display:flex;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 20px;
    margin:auto;
    cursor: pointer;
}

#m-gostei, #m-nao-gostei{
    position:absolute;
    display:none;
    margin-top: 40px;
    width: 100px;
    font-size:10px;
    color: #fff;
    background-color:#5A6571;
    padding: 3px;
    border-radius:3px;
}

#link-doc-publicacao{
    margin-top: 70px;
}

#galeria-publicacao{
    margin-bottom: 70px;
}

.link-padrao{
    font-size: 14px;
    text-decoration: underline;
    color: #59ABE3;
    padding-bottom:5px;
}

#link-download a{
    display:flex;
    font-size: 18px;
    text-decoration: underline;
    justify-content: center;
}
#link-download i{
    margin-left: 20px;
    margin-right: 20px;
}
#link-download{
    width:100%;
    flex-direction: column;
    margin:auto;
    text-align:center;
    justify-content:center;
}


#container-all-publicacao{
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.icon-posts-nao-lidos{
    position: absolute;
    font-size: 30px;
    color: #F9BF3B;
    margin-top:10px;
    margin-left: 10px;
}

.msg-nao-lido{
    position: absolute;
    display: none;
    padding: 6px;
    background-color: #F9BF3B;
    border-radius: 6px;
    margin-left: 42px;
}
.msg-nao-lido p{
    color:  #fff;
    margin-left: 30px;
    margin: auto;
}

#container-foto-comentario{
    width: 80px;
    margin: auto;
    margin-top: 0px;
    
}
#foto-comentario{
    margin: auto;
    margin-top: 0px;
}
#tbutton_button_salvar{
    margin-bottom: 30px;
}
#btn-exibir-comentarios{
    width:100%;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}


/*Colaborador*/

#container-dados-perfil{
    display:flex;
}
#container-dados-gerais{
    display: flex;
    margin-top: 10px;
    overflow-y: auto;
    margin-left: 10px;
}
#container-dados{
    display: flex;
}
#dados-empresa{
    margin-left: 10px;
}
#container-dados-empresa{
    display: flex;
    white-space: nowrap;
}
#container-foto{
    align-items: center;
    text-align: center;
    justify-content: center;
}
#container-minha-equipe{
    display:flex;    
    overflow: auto;
    white-space: nowrap;
    padding: 20px 0px 20px 0px;
}
#container-dados-pessoais{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 10px;
}
.title-meus-dados{
    display:flex;
}

.title-dados-perfil h6{
    font-weight: bold;
}

.info-dados-perfil{
    display:flex;
    padding: 20px;
    margin-right: 20px;
    white-space: nowrap;
}
.container-icon-perfil{
    height: 50px;
    width: 50px;
}

.icon-perfil{
    display: flex;
    width:30px;
    height:30px;
    border-radius:30px;
    margin-top: 10px;
    text-align:center;
    justify-content:center;
    background: #03A9F4;
}
.icon-perfil i{
    font-size: 20px;
    margin:auto;
    color: #fff;
}

.title-meus-dados h6{
    padding-left: 10px;
    padding-right: 10px;
}
.card-equipe{
    display: flex; 
    max-width: 200px;
    min-width: 180px;
    height: 250px;
    margin-right: 20px;
    border: 1px solid #ECEFF4;
    border-radius: 10px;
    margin-top:30px;
    background-color:#fff;
    text-align:center;
    justify-content:center;
    white-space: normal;
}

.container-foto-equipe{
    margin:auto;
    top: 20px;
    width: 90px;
    height: 80px;
}

.expandir-retrair{
    width:100%;
    display: flex;
    justify-content: space-between;
}
.table-colaborador{
    margin-left:18px;
    width: 90%;
    white-space: nowrap;
}
.table-colaborador td{
    border:none;
    white-space: nowrap;
}

.dropdown-menu-right li{
    padding: 5px;
}

#sem-equipe{
    display: flex;
    padding: 30px;
}

#icon-equipe{
    margin-right: 10px;
    font-size: 14px;
}

.foto-perfil{
    width:100px;
    height:100px;
}

#infos-perfil{
    display: flex;
    justify-content: flex-start;
}

.info-perfil{
    margin-left: 0px !important;
    padding: 0px !important;
}

.info-perfil p{
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    text-align: left !important;
    padding: 0px !important;
    line-height: 1.5;
}

#SalvarEdicao{
    display:none;
}


/*Admissão*/
#fb-inline-field-container-61, #fb-inline-field-container-70, #fb-inline-field-container-78, #fb-inline-field-container-80{
    width: 100%;
    overflow: auto;
}

/*curriculo*/
[page-name="CurriculoListaVagaInicial"], [page-name="AdmissaoDigitalInicialForm"]{
    background-color: #E9ECEF !important;
}



@media only screen and (max-width: 800px)  {
    #container-dados-perfil{
        display:block;
    }
    #container-dados-gerais{
        margin-top: 10px;
        margin-left:0px;
    }
    
}


/*Home*/


.topo{
    display: flex;
}

.topo i{
    color: #5A6571;
    font-size: 30px;
    margin-right: 10px;
    font-size:14px;
}

.topo h4{
    font-size: 14px;
}

#container-avisos{
    display:flex;
    white-space: nowrap;
    overflow-x: auto;
}

.card-aviso{
    display: flex;
    margin-left: 20px;
    margin-right: 20px;
    width:250px;
    margin-top:0px;
}

.container-icon-geral{
    width: 30px;
    height:110px;
    margin-top: 45px;
}
 /*.container-icon-chamado, .container-icon-post{
     display:flex;
     background-color: #047AFD;
     width: 30px;
     height: 30px;
     border-radius: 30px;
     text-align:center;
     justify-content: center;
     align-items: center;
     border: 2px #fff solid;
 }*/
  .container-icon-chamado i{
      background-color: #047AFD;
  }
  .container-icon-post i{
     background-color: #F9BF3B;
 }
 .container-icon-chamado i, .container-icon-post i{
     margin: auto;
     color: #ffffff;
     font-size: 20px;
     padding: 5px;
     border-radius: 30px;
 } 
 .icon-notas{
     font-size: 40px;
 }
.container-card-posts{
    display:flex;
    overflow-x: auto;
    white-space: nowrap;
    margin-bottom: 20px;
}
.card-posts{
    margin-top:0px;
    white-space: normal;
    display: inline-block;
    width: 300px;
    margin-right: 20px;
}
.card-body h5, .card-body p, .card-body a {
    font-size: 14px;
    margin-bottom: 0px;
}
.card-body-aniver{
    height: 160px;
    overflow: hidden;
}
.container-cards-aniver{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 40px;
    padding: 30px;
}
.container-cards-aniver h5{
    position:absolute;
}
.card-aniver{
    display: inline-block;
    min-width: 150px;
    max-width: 150px;
    height: 230px;
    margin-right: 20px;
    border: 1px solid #ECEFF4;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    margin-top:30px;
    background-color:#fff;
    text-align:center;
    justify-content:center;
    white-space: normal;
    margin-top: 0px;
}
.card{
    margin-left: 10px;
}

.data-post{
    width:80px;
    height:25px;
    margin-top: 118px;
    margin-left: 220px;
    background-color:#5A6571;
    color: #fff;
    border-radius: 6px;
    text-align:center;
    position:absolute;
    z-index:2;
}
.container-foto-aniversariante{
    position:relative;
    margin:auto;
    top: 20px;
    width: 70px;
    height: 60px;
}
.foto-aniversariante{
    border:2px solid #5A6571; 
    width:50px; 
    height:50px; 
    margin:auto;
}
.data-aniver{
    position:absolute;
    background-color: #5A6571;
    width: 25px;
    height: 25px;
    margin-top:16px;
    z-index: 1;
    text-align:center;
    justify-content: center;
    align-items: center;
}
.data-aniver p{
    font-size:16px;
    margin: auto;
    color: #ffffff;
}
.link-ver-mais-posts{
    width:100%; 
    height:70px;
}
.link-ver-mais-posts{
    font-size:14px;
}


.title-card-topo{
    font-size: 14px;
}
.card-title{
    font-size: 14px;
}

.card-title-msg{
    font-size:14px;    
}
.card-title-msg a{
    font-size:14px;    
}
.btns-aniver{
    display: flex;
}
#btn-hoje, #btn-semana, #btn-mes, #btn-hoje-empresa, #btn-semana-empresa, #btn-mes-empresa{
    display: flex;
    margin-left: 2px;
}
.icone-aniver{
    position: absolute;
    height: 19px;
    width: 19px;
    border-radius: 5px;
    background-color: #04A9F4;
    color: #fff;
}
#btn-hoje .icone-aniver, #btn-hoje-empresa .icone-aniver{
    margin-left: 48px;  
    margin-bottom: 24px;
}
#btn-semana .icone-aniver, #btn-semana-empresa .icone-aniver{
    margin-left: 95px;  
    margin-bottom: 26px;
}
#btn-mes .icone-aniver, #btn-mes-empresa .icone-aniver{
    margin-left: 70px;  
    margin-bottom: 26px;
}

/*Ajuste de Ponto*/

.card-item-actions .btn{
    border: none;
}

/*Registro Ponto*/

.icon{
    font-size:40px;
    color: #698acf;
}
#map{
    width: 280px;
    height: 240px;
    margin:auto;
    margin-top: 10px;
}
.cabecalho_registro{
    width:100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin:auto;
    font-size:15px;
}
#data{
    font-size:13px;
}
#hora{
    font-size: 22px;
}

#saudacao{
    font-size:15px;
    color:#698acf;
}

#nome-usuario{
    font-weight: bold;
    font-size: 18px;
}
.msg-registro{
    margin:auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.msg-registro-small{
    font-size: 12px;
    margin:auto;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.msg-registro-mobile{
    font-weight: bold;
    text-align: center;
    justify-content: center;
    align-items: center;
}
.container-msg-registro-mobile{
    margin-top:50%;
    position:absolute;
    right: 0px;
    width:100%;
}

.conteudo-selfie{
    align-items: center;
    justify-content: center;
    text-align: center;
}
.conteudo-button{
    display: flex;
    width:180px;
    margin:auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}


#btnSelfie, #btnRemoverFoto, #btnRegistrar, #tbutton_btn_registrar, #tbutton_btn_confirmar{
    margin:auto;
    margin-top: 5px;
}
#tbutton_btn_confirmar_mobile, #tbutton_btn_registrar_mobile{
    display: none;
}
#canvas{
    display: none;
    margin: auto;
}
#video{
    margin:auto;
}
#btnRemoverFoto{
    width: 50px;
    height: 30px;
    border-radius: 15px;
}
#msg-localizacao{
    width: 100%;
    margin:auto;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#retorno-registros{
    width: 100%;
    margin:auto;
    align-items: center;
    justify-content: center;
    text-align: center;    
}

#btnRemoverFoto,
#btnRegistrar {
  display: none;
}



.modalFotoPonto .modal-content {
  border: 1px solid #ccc;
  width: auto;
  transform: scale(1.5);
  margin: 0 auto;
}

.modalFotoPonto .modal-body img {
  display: block;
  width: 100%;
  height: auto;
}

/*chamdos*/
 .faded{
     opacity: 0.5;
 }
 
 /*Avalição*/
.chart-ranking{
     display: flex;
 }
 #foto-ranking{
    flex: 2; 
 }
 #infos-ranking{
    flex: 4;
 }
 .info-progresso{
     flex: 6;
 }
 .ciclo-conceito{
     display: flex;
     justify-content:space-around;
 }
 
.btn-view{
    cursor: pointer;
 }
 .btn-view:hover{
    color: #03A9F4 !important;
    transform: scale(1.1) !important;
 }
 
 #ava_importadas{
     margin:0 !important;
     padding: 0 !important;
     background-color: green !important;
 }
 .container-part{
     width: 50% !important;
 }

@media only screen and (max-width: 600px){
    .container-part{
         width: 100% !important;
    }
 
   
   #conteudo_etapa2 .cabecalho_registro{
        position: fixed;
        z-index: 5;
        top: 70px;
        left: 0;
    }
    #conteudo_etapa3 .cabecalho_registro, #div_breadcrumbs, hr{
        display: none;
    }
    
    .master-container, 
    .container-live, 
    .adianti_div_content, 
    .conteudo, 
    .form_RegistroPontoEtapa2Form, 
    .adianti_div_content,
    div[page-name="RegistroPontoEtapa2Form"]{
        height: 100vh;
        width: 100vw;
    }
    
    
    #adianti_content,
    div[form="form_RegistroPontoEtapa1Form"],
    div[form="form_RegistroPontoEtapa2Form"],
    div[form="form_RegistroPontoEtapa3Form"],
    #form_RegistroPontoEtapa1Form .card-body,
    #form_RegistroPontoEtapa2Form .card-body,
    #form_RegistroPontoEtapa3Form .card-body,
    .tab-pane .tabpanel_form_RegistroPontoEtapa1Form .active,
    .tab-pane .tabpanel_form_RegistroPontoEtapa2Form .active,
    .tab-pane .tabpanel_form_RegistroPontoEtapa3Form .active
    {
        margin: 0;
        padding: 0;
    }
    #container-map{
        z-index: 2;
        height: 90vh;
        width: 100vw;
        top: 0;
        left: 0;
    }
    #map{
        position: fixed;
        z-index: 3;
        height: 90vh;
        width: 100vw;
        top: 40px;
        left: 0;
    }
    .contentButton{
        position:fixed;
        width: 60px;
        height: 100%;
        bottom: 0;
        left: 50%;
        transform: translate(-50%);
    }
    #tbutton_btn_confirmar_mobile, #tbutton_btn_registrar_mobile{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        font-size: 40px;
        position: fixed;
        margin-top: 80vh;
        z-index:4;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }
    #tbutton_btn_confirmar_mobile{
         margin-top: 70vh;
    } 
    #tbutton_btn_registrar_mobile{
         margin-top: 80vh;
    }

    #tbutton_btn_registrar, #tbutton_btn_confirmar{
        display: none !important;
    }
    #form_RegistroPontoEtapa1Form, #form_RegistroPontoEtapa2Form, #form_RegistroPontoEtapa3Form{
        width:100vw; 
        height:100vh;
        border: none;
    }
    #form_RegistroPontcoEtapa2Form .panel-footer, #form_RegistroPontoEtapa3Form .panel-footer{
        height: 100vh;
        padding: 0; 
        margin:0; 
    }
    #video, #canvas{
        position: fixed;
        z-index: 6;
        top:0;
        left: 0;
    }
    .conteudo-selfie{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    #video{
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    #btnSelfie, #btnRegistrar, #btnRemoverFoto{
        top: 0;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        margin-top: 75vh;
        position: fixed;
        z-index: 6;
        padding: 0;
    }
    #btnRegistrar{
        margin-right: 25%;
    }
    
    #btnRemoverFoto{
        margin-left: 25%;
    }
    
    #btnSelfie i, #btnRegistrar i, #btnRemoverFoto i, #tbutton_btn_confirmar_mobile span i, #tbutton_btn_registrar_mobile span i{
        font-size: 40px;
        padding: 0 !important;
        margin: 0 !important;
    }
    
    #row_3 {
        cursor: pointer !important;
    }
    
    .panel{
        margin-left:0px;
    }
}