:root{
    --button-list-color: #03A9F4;
    --icon-aniver-color: #03A9F4;
    --button-ponto-color: #03A9F4;
    --top-windown-color: #03A9F4;
    --meus-dados-infos-color: #03A9F4;
    --cabecalho-color: #698acf;
    --btn-link-color:  #03A9F4;
}

#navbar-builder-top-submenu-collapse{
    position: fixed;
    z-index: 1;
}

#tbutton_button_gerar_mapa{
    margin-top: 20px;

}
#close-msg-aniver{
    position: absolute;
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
}

.mensagem-aniversario-padrao{
    border: 1px solid #ECEFF4;
    border-radius: 10px;
    /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);*/
    background-color: #fff;
    justify-content: center;
    margin-top: 0px;
}

#container-comentario-ava{
    overflow: hidden;
    background: var(--panel-background);
    border: 1px solid var(--panel-border-color);
    margin: auto;
    margin-bottom: 20px;
    border-radius: var(--panel-border-radius);
}

.leaflet-control a{
    display: none;
}

.mapa-registro-ponto{
    width: auto !important;
    height: 500px !important;
}

.foto-aredondada{
    width: 80px;
    position: relative;
    height: 80px;
    border-radius: 100px;
    margin: auto;
    margin-bottom: 8px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.foto-aredondada-mini{
    width: 50px;
    position: relative;
    height: 50px;
    border-radius: 100px;
    margin: auto;
    margin-bottom: 8px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.header-box {
    height: 80% !important;
    opacity: 0.8;
    background-color: #fff !important;
}

#tbutton_btn_registrar_ponto span i{
    margin: 0px !important;
}

.contentButton{
    display: flex;
    justify-content: center;
}

.header-actions{
    display: inline !important;
}

[name="closeCurtain"] {
    margin: 20px !important;
}

div[page-name="RegistroPontoMotoristaForm"] .card-body{
    display: flex;
    align-items: center;
    justify-content: center;
}

div[page-name="RegistroPontoMotoristaForm"] .tab-content{
    width: 50%;
}

div[page-name="RegistroPontoMotoristaForm"] .panel-footer{
    display: flex;
    align-items: center;
    justify-content: center;
}

#btnRemoverFoto i, #tbutton_btn_confirmar_ponto i, #tbutton_btn_finalizar_ponto{
        /* width: 25px; */
    padding: 0 !important;
    margin-right: 0px !important;
}

#tbutton_btn_finalizar_ponto {
    background-color: #03A9F4;
    color: #fff;
    border: none;
    padding: 0 10px;
}


.card-body-aniver-aux{
    overflow: hidden;
}

.card-aniver-aux{
    display: inline-block;
    min-width: 150px;
    max-width: 150px;
    height: 200px;
    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;
}

.container-foto-aniversariante-aux{
    position:relative;
    margin:auto;
    top: 20px;
    width: 70px;
    height: 60px;
}

.container-card-link{
    display: flex;
}

.button_link{
    font-style: italic;
    color: var(--button-list-color);
}

.button_link:hover{
    color: var(--button-list-color) !important;
}

.card-home{
    margin: 8px; 
    max-width: 300px; 
    width: auto;
}


div[page-name="LoginForm"] .panel-title{
    margin-left: 0px !important;
}

#longitude{
    display: none;
}

#latitude{
    display: none;
}

.lista-dados li{
    padding: 0 10px 0 10px !important;
}

.kanban-dragging{
    margin-right: -50px important;
}

.kanban-item-actions i{
    color: var(--button-list-color);
    border: 1px solid;
    border-radius: 20px;
}

.kanban-item-actions i:hover{
    color: #fff;
    border: 1px solid;
    border-radius: 20px;
    background-color: var(--button-list-color);
    transform: scale(1.1) !important;
}

div[form="form_organogramaForm"]{
    border: none;
    margin-top: 0px;
}

div[page-name="RecVagaCurriculoKanbanView"] .kanban-board-wrapper{
    margin-top: 25px;
}

div[page-name="RecCurriculoFormView"] .foto-aniversariante{
    margin-left: 0px;
}


div[page-name="RecVagaCurriculoKanbanView"] .kanban-item-title{
    display: flex;
}

div[page-name="RecVagaCurriculoKanbanView"] .splash-user-photo{
    width: 65px;
    margin-right: 20px;
}
div[page-name="RecVagaCurriculoKanbanView"] .nome-curriculo{
   width: 100%;
   display: flex;
   align-items: center;
}
div[page-name="RecVagaCurriculoKanbanView"] .kanban-stage{
    border: 0px !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
div[page-name="RecVagaCurriculoKanbanView"] .kanban-item{
    border: 0px !important;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
div[page-name="RecVagaCurriculoKanbanView"] .form-container{
    margin-top: -50px;
}

div[page-name="RecVagaCurriculoKanbanView"] #container-btn-filtro{
    position: relative;
    top: 47px;
    left: 20px;
    z-index: 999;
}

.btn-topo-inspecao{
    margin-top: 5px;
    margin-bottom: 5px;
}

.container-infos-colaborador-inspecao p strong, .container-infos-complementar-colaborador-inspecao p strong{
    margin-right: 5px;
}

#container-title-obs .badge{
    background-color: var(--button-list-color);
}

.container-perfil-colaborador-inspecao a:hover{
    color: #616776;
}
.badge-inpecao{
    border-radius: 50%;
}

.container-perfil-colaborador-inspecao{
    width: 100%; 
    margin-right:10px; 
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-radius: 5px;
    margin-bottom: 5px
}
.container-perfil-colaborador-inspecao a{
     display:flex;
}

.container-foto-inspecao, .container-infos-colaborador-inspecao{
    padding: 10px 10px 10px 10px;
}

.container-infos-complementar-colaborador-inspecao{
    margin-left: 20px;
    padding-bottom: 5px;
    padding-top: 0px;
    margin-top: -5px
}
.container-nomedataobservacao small{
    margin-left: 10px;
}

.comentario{
    text-align: justify;
    margin-right: 5px;
}

.btn-gpway{
    background-color: #FFFFFF;
    color: var(--button-list-color);
    border-radius: 40px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--button-list-color);
    margin: 5px;
}

.btn-gpway:hover{
    background-color: var(--button-list-color);
    color: #FFFFFF;
}

#btn-observacoes-inspecao-seguranca b{
    padding: 10px;
}

#btn-obs{
    width:100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

#card-header-obs{
    width:100%;
    display:flex;
    background-color: #fff !important; 
    box-shadow: 0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); 
    border-radius: 5px !important;
}

#container-title-obs{
    width:100%;
    flex:11; 
    display:flex
}

.container-item-table{
    margin-bottom: 100px;
    background-color: red;
    width: 300px;
    height: 300px;
}

.item-signatario{
    display: flex; 
    justify-content: space-between;
    color: var(--btn-link-color) !important;
    padding: 10px;
}

.text-truncate b{
    margin-right: 5px;
}

/*#builder-layout div:not(.beditorcss).card-header.panel-heading{*/
/*    margin-left: 0px !important;*/
/*}*/

.panel-title{
    margin-left: 25px !important;
}

.paginacao-pdf{
    display: flex;
    flex-direction: column;
    align-items: center;
}

#prev, #next{
    margin: 2px;
}

#container-comentario{
    display: block !important;
}
.menu-curriculo{
    width: 100%;
}
.container-cabecalho-curriculo-etapa h4{
    display: flex;
    margin-bottom: 50px;
    justify-content: center;
}

.menu-curriculo a{
    color: var(--btn-link-color) !important;
}

.tgantt-weekly-header-info-xs{
    font-size: 12px !important;
}

.tgantt .fixed-table-xs tr td, .tgantt .fixed-table-xs tr th{
    max-width: 1000px !important;
    padding: 10px 10px 10px 10px;
}

.tgantt-event{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.row-meus-dados{
    padding: 5px 0px 5px 0px;
}

/*#adianti_content{*/
/*    overflow-x: hidden;*/
/*}*/
.login-content>div>a{
    display: none;
}
#login-admissao-digital{
	background-color: #E9ECEF ;
}
#iframe-login{
	background-color: #E9ECEF !important;
}
.cssload-speeding-wheel{
    width: 49px !important;
    height: 49px !important;
    margin: 0 auto !important;
    border: 3px solid var(--btn-link-color) !important;
    border-radius: 50% !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}

.btn-finalizar, .btn-voltar{
    background-color: var(--button-list-color) !important;
    color: #fff;
}
.btn-finalizar, .btn-voltar{
    color: #fff !important;
}
.btn-voltar{
    margin-top: 20px;
}

#container-comentario{
    margin-right: 0px !important;
    overflow: hidden;
}

.label-btn-ajuste{
    padding-left: 5px;
    color: #03A9F4;
}


/*Div que contem o botão criar currículo Web*/
.card-footer{
    background-color: white !important;
    padding: 20px !important;
    border: 2px solid white;
}

/*Botão criar currículo Web*/
#tbutton_btn_criar {
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    color: #fff;
    font-weight: bold;
    width: 96.5%;
}

 /*Estilos para botões de Fechar modal*/ 
.ui-dialog .ui-dialog-titlebar-close {
    background-image: url("https://cdn-icons-png.flaticon.com/128/2696/2696714.png") !important;
    background-size: 40% 40% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    top: 22px;
    right: 13px;
}
 /*Efeito ao mover em cima de botão fechar*/
.ui-dialog .ui-dialog-titlebar-close:hover {
    border: 1px solid var(--btn-link-color) !important;
}


 /*Estilos para o elemento RequestPasswordResetForm*/ 
div[form="form_RequestPasswordResetForm"], div[form="form_PasswordResetForm"]{
  margin-left: 0px;
}

 /*Estilos para o formulário dentro do elemento RequestPasswordResetForm*/ 
#RequestPasswordResetForm form {
    overflow: hidden;
}

div[page_name="RequestPasswordResetForm"] .ui-dialog-titlebar, div[page_name="PasswordResetForm"] .ui-dialog-titlebar{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    color: #fff !important;
}

div[form="form_PasswordResetForm"] #tbutton_btn_salvar{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    color: #fff;
}

 #form_RequestPasswordResetForm .panel-footer, #form_PasswordResetForm .panel-footer{
    background-color: #fff;   
 }

.ui-widget-content .panel-footer .card-footer {
  background-color: #fff;
}

.page-name[page-name="RequestPasswordResetForm"] .ui-dialog-titlebar {
  background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599) !important;
}


.tabpanel_formView_AdmAdmissaoDependente .fb-field-container, .tabpanel_formView_RecCurriculo .fb-field-container{
    overflow: hidden;
}


.fim-admissao{
    justify-content: center;
}


.aviso-anexo{
    margin-top: 20px !important;
}

[form="form_AdmAdmissaoConcluidaForm"]{
    border: none;
}

.fim-admissao h2{
    line-height: 1.8;
    font-weight: bold;
    color: var(--login-title-color);
}

#form_AdmAdmissaoConcluidaForm{
    background-color: #E9ECEF;
    border: none !important;
}

.card-equipe-info{
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}
.tbutton-acoes{
    padding: 10px;
}

.btn-acoes{
    width: 100%;
    margin-top: 5px;
    border: 0.2px solid var(--button-list-color) !important;
    color: var(--button-list-color) !important;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1) !important;
}
.btn-acoes:hover{
    background-color: var(--button-list-color) !important;
    color: #fff !important;
    transition: 0.5s ease;
}

.btn-acao{
    background-color: #FFFFFF;
    color: var(--button-list-color);
    border-radius: 20px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid  var(--button-list-color);
    position: absolute;
    font-size: 20px;
}

.btn-acao i{
    margin-right: 0px !important;
}

.tbutton-acoes:hover .btn-acao{
    background-color: var(--button-list-color) !important;
    color: #fff !important;
    transition: 0.5s ease;
}

.tbutton-acoes:hover{
    text-decoration: underline;
}

.label-acoes{
    font-size: 14px;
    color: var(--button-list-color) !important;
    margin-left: 50px;
    font-weight: bold;
    margin-top: 10px;
}

.p-acoes{
    margin-left: 0px !important;
    font-weight: bold;
}

#ui-id-1{
    color: var(--button-list-color) !important;
}
input[type='checkbox']{
    border: 2px solid #5A6571;
    opacity: 0.5;
}


[page-name="ColaboradorFormView"] #tbutton_voltar{
    margin-right: 35px;
}


#tbutton_button_nova_entidade, #tbutton_button_novo_curso{
    margin-top: 10px;
    color: var(--btn-link-color);
}
#tbutton_button_nova_entidade i, #tbutton_button_novo_curso i{
    color: var(--btn-link-color) !important;
}

#saudacao, #data{
    color: var(--cabecalho-color);
}
.cabecalho_registro i{
    color: var(--cabecalho-color) !important;
}

.btn-link .card-header{
    color: var(--meus-dados-infos-color);
}

.ui-dialog-titlebar{
    background-color: #fff;
    color: #333;
}
.ui-dialog .ui-dialog-title{
    color: var(--cabecalho-color) !important;
    font-size: 14px;
    font-weight: bold;
}
.ui-icon-closethick {
    color: #333 !important;
}


/*.btn.btn-default{*/
/*    border: none;*/
/*}*/

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


#tbutton_btn_salvar_e_proximo{
    background-image: linear-gradient(-45deg, #03A9F4, #0088cc, #005599);
    color: #fff;
    font-weight: bold;
    width: 100%;
}

.form-login-admissao, .form-login-curriculo{
    max-width: 500px;
    margin: auto;
    background-color: #fff;
    border-radius: 10px;
}

/*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;
}
/*Curriculo*/


/*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, .coments a{
    background-color: #FFFFFF;
    color: var(--button-list-color);
    border-radius: 40px;
    display: flex;
    width: 40px;
    height: 40px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    text-align: center;
    border:1px solid  var(--button-list-color);
}
.card-item-actions{
    display: flex;
}
.tdatagrid_cell.action a:hover, .coments a:hover{
    background-color: var(--button-list-color);
    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;
}

.grid_borda{
      border: 1px solid #dddddd !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;
    padding: 0px !important;
}
#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;
}
#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-60, #fb-inline-field-container-54, #fb-inline-field-container-70, #fb-inline-field-container-78, #fb-inline-field-container-80, #fb-inline-field-container-90, #fb-inline-field-container-92, #fb-inline-field-container-96, #fb-inline-field-container-113 {
    width: 100%;
    overflow: auto;
}

.escolar, .vacinacao{
    display: block !important;
}

[page-name="OpcaoForm"] .ui-dialog, [page_name="Opcao2Form"] .ui-dialog
{
    width: auto !important;
    z-index: 1000 !important;
}

[name="OpcaoForm"]{
    overflow: hidden !important;
}


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

[page_name="RecCurriculoEtapa1Form"], 
[page_name="RecCurriculoEtapa2Form"], 
[page_name="RecCurriculoEtapa3Form"], 
[page_name="RecCurriculoEtapa4Form"], 
[page_name="RecCurriculoEtapa5Form"], 
[page_name="RecCurriculoEtapa6Form"]{
    width: 100%;
    margin: auto;
}

form[name="form_RecCurriculoForm"] input, 
form[name="form_RecCurriculoForm"] textarea, 
form[name="form_RecCurriculoForm"] select, 
[page-name='RecCurriculoEtapa3Form'] .select2-container--default .select2-selection--single,
[page-name='RecCurriculoEtapa4Form'] .select2-container--default .select2-selection--multiple
{
    border-radius: 25px !important;
    padding-left: 15px;
}

form[name="form_RecCurriculoForm"] span{
    border-radius: 0px 25px 25px 0px;
}

form[name="form_RecCurriculoForm"] [name="data_nascimento"]{
    border-radius: 25px 0px 0px 25px;
}

#form_RecCurriculoForm .card-body{
    width: 80% !important;
    margin: auto;
}

#form_RecCurriculoForm  .panel-footer{
    width: 80% !important;
    margin: auto;
}

.logout-curriculo{
    margin-left: auto;
    padding: 15px;
}

.btn-curriculo-salvar{
    background-color: var(--button-list-color);
    border-radius: 30px;
    color: #fff;
}
.btn-curriculo-salvar:hover{
    opacity: 0.9;
    color: #fff;
}

.btn-curriculo-voltar{
    border: 1px solid;
    color: var(--button-list-color);
    border-radius: 30px;
}
.btn-curriculo-voltar:hover{
    color: var(--button-list-color);
}

@media only screen and (max-width: 1200px)  {
    #container-dados-perfil #container-foto .splash-user-photo{
        width: 70px;
        height: 70px;
    }
}



@media only screen and (max-width: 800px)  {
    #container-dados-perfil{
        display:block;
    }
    #container-dados-gerais{
        margin-top: 10px;
        margin-left:0px;
    }
    #form_RecCurriculoForm .card-body{
        width: 100% !important;
        margin: auto;
    }

    #form_RecCurriculoForm  .panel-footer{
        width: 100% !important;
        margin: auto;
    }

    /* #arquivo_visualizar{
        width: 150% !important;
        margin-left: -24%;
    } */
    
}


/*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;
}

#container-avisos .card-body:hover{
    color: #68738B;
}

.card-body h5, .card-body p, .card-body a {
    font-size: 14px;
    margin-bottom: 0px;
}
.card-body-aniver{
    overflow: hidden;
    padding: 7px 7px 0 0;
}
.container-cards-aniver{
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin-bottom: 40px;
    padding: 30px;
    display: flex;
}
.container-cards-aniver h5{
    position:absolute;
}

.card-aniver{
    display: flex;
    /* 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-aniver{*/
/*    display: flex;*/
/*    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;*/
/*}*/


.data-post{
    width:85px;
    height:25px;
    margin-top: 118px;
    margin-left: 220px;
    background-color:#5A6571;
    color: #fff;
    border-radius: 6px;
    text-align:center;
    position:absolute;
    z-index:2;
    padding: 3px;
}
.container-foto-aniversariante{
    position:relative;
    margin:auto;
    /*top: 20px;*/
    width: 70px;
    /*height: 60px;*/
    margin-left: 4px;
}
.foto-aniversariante{
    border:2px solid #5A6571; 
    width:50px; 
    height:50px; 
    margin:auto;
}

.foto-organograma{
    border:2px solid #5A6571; 
    width:35px; 
    height:35px; 
    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: var(--icon-aniver-color);
    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;
    z-index: 0;
}
.cabecalho_registro{
    color: var(--cabecalho-color) !important;
    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;
}

#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:150px;
    margin:auto;
    align-items: center;
    justify-content: space-evenly;
    text-align: center;
}



#btnSelfie, #tbutton_btn_registrar_ponto, #tbutton_btn_confirmar_ponto{
    background-color: var(--button-ponto-color);
    border:none;
    margin:auto;
    margin-top: 5px;
}


#btnRemoverFoto, #btnRegistrar {
    border-radius: 40px !important;
    height: 40px !important;
    width: 40px !important;
    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: 10px;
}
#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;
}

.modal-header{
    margin-bottom: 0px;
    padding-top: 0px;
}


.modalFotoPonto .modal-content {
  width: auto;
  transform: scale(1);
  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;
 }
 
 
#tbutton_btn_registrar_ponto, #tbutton_btn_confirmar_ponto, #tbutton_btn_registrar_mobile, #tbutton_btn_confirmar_mobile, #btnSelfie, #tbutton_btn_finalizar_ponto{
    background-color: var(--button-ponto-color) !important;
    border: none;
    height: 40px;
    width: 40px;
    border-radius: 20px;
}
 
 

@media only screen and (max-width: 600px){
    
    div[page-name="RegistroPontoMotoristaForm"] .tab-content{
        width: 100%;
    }
    
    .master-menu-content{
        width: 100% !important;
    }
    .container-submenu{
        background-color: #7b8289;
    }
    
    .master-menu-content .container-submenu>ul{
        padding: 0px !important;
        margin: 0px important;
    }
    .open li{
        padding: 5px 0px;
    }
    
    .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_ponto{
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        position: fixed;
        width: 60px;
        height: 60px;
        border-radius: 60px;
        margin-top: 60vh;
        z-index:4;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
    }
    
    #tbutton_btn_registrar, #tbutton_btn_finalizar_ponto{
        width: 60px;
        height: 60px;
        border-radius: 60px;
    }
    
    #tbutton_btn_registrar_ponto i, #tbutton_btn_confirmar_ponto i, #tbutton_btn_finalizar_ponto i{
        font-size: 40px;
    }
    
    /*#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 !important;
        height: 60px !important;;
        border-radius: 60px !important;
        margin-top: 80vh;
        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: 3px 3px 3px 3px !important;
        margin-right: 0px !important;
    }
    
    #btnSelfie i{
        margin-right: 8px !important;
        padding: 3px 3px 3px 3px !important;
        margin-right: 0px !important;
    }
    
    #row_3 {
        cursor: pointer !important;
    }
    
    .panel{
        margin-left:0px;
    }

    .container-btns-acoes{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

}

.link_tela{
    margin-top:10px;
}