/******************************** INICIO ALUNOS *******************************/
#formAluno #div_id_municipio{display:none}
#formAluno.associado #div_id_municipio{display:block}
#formAluno.associado #div_instituicao{display:none}
/********************************* FIM ALUNOS *********************************/

/***************************** INICIO ASSOCIACOES *****************************/
#formAssociacao #div_cor_mapa span.box-cor{
    padding: 5px 13px;
    border: 1px solid #d6d6d6;
}
/******************************* FIM ASSOCIACOES ******************************/

/************************ INICIO AVALIAÇÃO CAPACITAÇÕES ***********************/
#formItemAvaliacaoCapacitacao #div_opcoes{display: none;}

#formItemAvaliacaoCapacitacao #div_containerOption #div_add {margin-top: 10px}
#formItemAvaliacaoCapacitacao #div_containerOptions #div_rem {margin-top: 45px}
/************************* FIM AVALIAÇÃO CAPACITAÇÕES *************************/

/******************************* INICIO BANNERS *******************************/
#formBanner #div_id_arquivo{display:none}
#formBanner #div_descricao{display:none}
/********************************* FIM BANNERS ********************************/

/***************************** INICIO CAPACITAÇÕES ****************************/
#formCapacitacao #div_id_local,
#formCapacitacao #div_plataforma_ead,
#formCapacitacao #div_link_externo,
#formCapacitacao #div_modelo_certificado,
#formCapacitacao #div_conteudo_programatico,
#formCapacitacao #div_gerar_previsualizacao,
#formCapacitacao #div_entidade_certificadora,
#formCapacitacao #div_id_arquivo_fundo_certificado,
#formCapacitacao #div_gerar_previsualizacao,
#formCapacitacao #div_avaliacao_obrigatoria{
    display:none;
}
#formCapacitacao.presencial #div_id_local{display:block}
#formCapacitacao.ead #div_plataforma_ead{display:block}
#formCapacitacao.linkExterno #div_link_externo{display:block;}

#formCapacitacao.certificado #div_modelo_certificado,
#formCapacitacao.certificado #div_conteudo_programatico,
#formCapacitacao.certificado #div_gerar_previsualizacao{
    display:block;
}

#formCapacitacao.certificado.fundoCertificado #div_id_arquivo_fundo_certificado,
#formCapacitacao.certificado.fundoCertificado #div_entidade_certificadora{
    display:block;
}

#formCapacitacao.certificado.avaliacao #div_avaliacao_obrigatoria{
    display:block;
}
/****************************** FIM CAPACITAÇÕES ******************************/

/******************************** INICIO CONFIG *******************************/
#mensagem_mapa{padding: 0px;}
#mensagem_mapa .note{margin-bottom:-15px;}
#mensagem_mapa .note span.fa.fa-map-marker{color: #D6373B;}
/** esconde icone do marcador do google maps no form de config **/
.config_cliente #div_maps_marker_icone{display: none;}
#div_oportuniza_dias_envio_cremers .multiCheckBoxLabel{
    width: 50%;
    display: inline-block;
}
/********************************* FIM CONFIG *********************************/

/************************** INICIO CONTROLE DE ACESSO *************************/
.acesso-senha.oculta .acesso-senha{display: none;}
.acesso-senha.visivel .acesso-senha-oculta{display: none;}
/*************************** FIM CONTROLE DE ACESSO ***************************/

/************************** INICIO CONTROLE DE SESSÃO *************************/
#ulMensagens li {margin-right: 1px;}
.sessao-expirada{height: 560px;}
.sessao-expirada .buttons a{font-size: 1.3em;padding: 20px 35px;}

.sessao-expirada .buttons{
    background: #e8e8e8;
    margin: 30px 40px;
    border-radius: 5px;
}

.tempo-sessao .dropdown-menu{border-color: transparent;}
.tempo-sessao a,
.tempo-sessao a:hover,
.tempo-sessao a:focus,
.tempo-sessao a:active,
.tempo-sessao a:visited{background: #f8f8f8}
.tempo-sessao.terminando > a,
.tempo-sessao.terminando > a + .dropdown-menu {
    -webkit-animation-name: alerta!important;
    -webkit-animation-duration: 0.5s!important;
    -webkit-animation-timing-function: linear!important;
    -webkit-animation-iteration-count: infinite!important;
    -webkit-animation-direction: alternate!important;
    color: #fff!important;
}
.tempo-sessao.terminando > a + .dropdown-menu .titulo{color: #fff;}
@-webkit-keyframes alerta {0% {background: #e76d5e}100% {background: #ec8b7f;}}
.tempo-sessao a i {font-size: 1.6em;}
.tempo-sessao a + .dropdown-menu {
    min-width: 150px!important;
    padding: 10px 15px!important;
    margin-top: 0px!important;
    background: #f8f8f8;
}
@media screen and (min-width:1001px) {
    .tempo-sessao a:hover + .dropdown-menu,
    .tempo-sessao a:focus + .dropdown-menu,
    .tempo-sessao a + .dropdown-menu:hover{display: block}
}
.tempo-sessao .contagem .time{font-size: 1.5em}
.tempo-sessao a.refresh{
    display:none!important;
    border-radius: 4px;
    background: #7b6f6f!important;
    padding: 5px 0;
    text-align: center;
    margin-top: 10px;
    font-size: .8em;
    color: #efefef;
    cursor: pointer!important;
    line-height: 3!important;
}
.tempo-sessao a.login{
    display:none!important;
    border-radius: 4px;
    background: #7b6f6f!important;
    padding: 5px 0;
    text-align: center;
    margin-top: 10px;
    font-size: .8em;
    color: #efefef;
    cursor: pointer!important;
    line-height: 3!important;
}
.tempo-sessao.terminando a.refresh{display: block!important;}
.tempo-sessao.terminando.expirada a.refresh{display: none!important;}
.tempo-sessao.terminando.expirada a.login{display: block!important;}
.tempo-sessao a.refresh:hover{background: #e5e5e5!important;color: #555!important;}
.tempo-sessao a.login:hover{background: #e5e5e5!important;color: #555!important;}
.tempo-sessao .titulo {color: #595959;font-size: 1.2em;font-weight: 600;}
@media screen and (max-width:1000px) {
    .tempo-sessao a + .dropdown-menu {width: 100%; border-top: 1px solid #000}
}

@media screen and (max-width:768px){
    .tempo-sessao a.dropdown-toggle:after{
        content: "\f078";
        display: inline-block;
        float: right;
        font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
        font-size: 10px;
        position: relative;
        border: none;
        padding-right: 10px;
        display: block!important;
    }
    
    /** muda icone dos itens abertos **/
    .tempo-sessao.open > a.dropdown-toggle:after{content: "\f077";}
}

/** Controle de Acesso **/
.controleAcesso a,
.controleAcesso a:hover,
.controleAcesso a:focus,
.controleAcesso a:active,
.controleAcesso a:visited{background: #f8f8f8}
.controleAcesso a i {font-size: 1.6em;}
.controleAcesso a + .dropdown-menu {
    min-width: 250px!important;
    padding: 10px 15px!important;
    margin-top: 0px!important;
    background: #f8f8f8;
}
#main-navbar li.controleAcesso .titulo a {line-height: 0px;}

@media screen and (min-width:1001px) {
    .controleAcesso a:hover + .dropdown-menu,
    .controleAcesso a:focus + .dropdown-menu,
    .controleAcesso a + .dropdown-menu:hover{display: block}
}
@media screen and (max-width:768px){
    .controleAcesso a.dropdown-toggle:after{
        content: "\f078";
        display: inline-block;
        float: right;
        font-family: var(--fa-fontawesone-family, "Font Awesome 6 Pro");
        font-size: 10px;
        position: relative;
        border: none;
        padding-right: 10px;
        display: block!important;
    }
    
    /** muda icone dos itens abertos **/
    .controleAcesso.open > a.dropdown-toggle:after{content: "\f077";}
}
/*************************** FIM CONTROLE DE SESSÃO ***************************/

/****************************** INICIO DASHBOARD ******************************/
/** imagem usuário **/
.avatar figure{position: relative;display: inline-block!important;margin: 20px auto 0;}
.avatar figure .overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.4);
    height: 100%;
    border-radius: 50%;
    line-height: 11;
}
.avatar figure .overlay i{display: block;color: #fff;font-size: 2em;margin-top: 40px;}
.avatar figure .overlay small{display: block;line-height: 20px;color: #fff;}
.avatar figure .overlay{opacity: 0;transition: opacity .6s;}
.avatar figure:hover .overlay{opacity: 1;}
.avatar figure > img{width: 130px;}
.avatar .nome{color: #fff;text-align: center;padding: 15px 0;}

.avatar{
    position: absolute;
    left: 115px;
    top: 0;
    min-width: 300px;
    height: 220px;
    background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.4) 32%, rgba(0,0,0,0.25) 53%, rgba(0,0,0,0) 73%, rgba(0,0,0,0) 99%);
    background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 32%,rgba(0,0,0,0.25) 53%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 99%);
    background: radial-gradient(ellipse at center,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.4) 32%,rgba(0,0,0,0.25) 53%,rgba(0,0,0,0) 73%,rgba(0,0,0,0) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=1 );
    z-index: 1;
}

@media screen and (max-width:768px){
    /** centraliza foto usuário em telas pequenas **/
    .avatar{margin-left: auto;margin-right: auto;left: 0;right: 0;}
}

/** Banners do Admin **/
#dinamicHeader{display: none;}
#dinamicHeaderContent .bg-overlay{background: #222;}
.page-pricing-header{
    margin: 0 -18px;
    height: 220px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.page-pricing-header.menu-header{margin: -10px -22px 0 -22px!important;}
.page-pricing-header > img {left: 0;position: absolute;width: 100%;}
.page-pricing-header .bg-overlay {
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.page-pricing-header .page-pricing-header-content{position: relative;}
.page-pricing-header .page-pricing-header-content h1.page-title{
    padding: 40px 0 0;
    color: #fff;
    margin: 0 0 -40px 0;
}
.page-pricing-header .page-pricing-header-content .slogan {
    padding: 60px 0 40px;
    color: #fff;
}
.page-pricing-header figure img{position: static;margin-top:15px;margin-bottom:10px;}

/** divisores dos blocos do dashborad **/
.theme-dust .page-header{display: block;margin: 0 0 20px 0;}
.rowDashboard .page-header{border-right: 1px solid #e4e4e4;}

/** informações de acesso **/
.div-mostra-ip{padding: 35px 20px;}
.div-mostra-ip i{font-size:60px;line-height:80px;height:80px;}
.div-mostra-acessos{padding: 24px 15px!important;}

/** últimos acessos **/
.tabela-ultimos-acessos{
    overflow-y: hidden;
    overflow-x: scroll;
}
.tabela-ultimos-acessos .tabela-ultimos-acessos-content{
    display: inline-table;
    width: 100%;
}
.tabela-ultimos-acessos .table-header{padding: 15px 20px;}
.p-without-access{padding: 56px 10px;}

/** Botões de acesso rápido **/
a.acesso-rapido .stat-cell {background: #546169;}
a.acesso-rapido p.titulo{color: #fff;}
a.acesso-rapido .titulo{
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 300;
    color: #4a4a4a;
}
a.acesso-rapido:focus{text-decoration: none;}
a.acesso-rapido img{
    transition: transform .3s, opacity .3s;
    transform: scale(.7);
    width:55px;
}
a.acesso-rapido:hover img{
    transform: scale(1);
    opacity: .8
}

/** Videoaulas **/
#videoaulas{margin-bottom: 1.5em; opacity: 1; display: block;}
.videoaula-div{transition: display 1s;}
.videoaula-div .absolute{top:0;}
.videoaula-div img{opacity: 0.8; transition: opacity 0.5s}
.videoaula-div:hover img{opacity: 0.5;}
.videoaula-titulo{float:left;width: 100%;margin-top:25%;}
.videoaula-titulo p {font-size: 1.7em;color:#FFF;display: inline-block;}
.videoaula-play i{font-size:5em;color:#FFF;margin-top:25%;}
.videoaula-div .videoaula-play{display: none;}
.videoaula-div:hover .videoaula-play{display: block;}
.videoaula-div:hover .videoaula-titulo{display: none;}

/** estatisticas do sistema **/
#divConfigServidorHeader{padding: 52px 20px;}
#divConfigServidorHeader .bg-icon{line-height: 160px;height: 160px;}
#divConfigServidor .stat-counters .stat-cell{padding: 24px 15px!important;}
.panelEstatisticaSistema .panel-body{
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 20px;
}
.panelEstatisticaSistema .chart{width: 100%;}

/** estatisticas Analytics **/
#estatisticasAnalytics .tabela-estatisticas .panel-body{
    margin-bottom: 0px;
    padding: 0px;
    border: none;
    background-color: #f3f3f3;
}
#estatisticasAnalytics .tabela-estatisticas .panel-body .table-success,
#estatisticasAnalytics .tabela-estatisticas .panel-body .table-success table{
    margin-bottom: 0px;
}
#estatisticasAnalytics .chartBackground .chartAnalytics{width: 100%; height:250px}
#estatisticasAnalytics .tableScroll tbody{height: 245px;}
#estatisticasAnalytics .resumoEstatisticas .btns-estatisticas{overflow:visible;}
#estatisticasAnalytics .bootstarp-date{margin-top:-5px;}
#estatisticasAnalytics .bootstarp-date .input_date{width: 85px;float: left;}
#estatisticasAnalytics .bootstarp-date .input-group-addon{
    width: 30px;
    float: left;
    height: 30px;
    padding-left: 11px;
}
#estatisticasAnalytics .divChartAnalyticsIcon{margin-top:-25px;}
.closed-panel-estatisticas:after{content: "\f0fe";}
/******************************** FIM DASHBOARD *******************************/

/******************************* INICIO ENQUETES ******************************/
#formEnquete #div_opcoes{display: none;}
#formEnquete #div_containerOption #div_add{margin-top: 10px}
#formEnquete #div_containerOptions #div_rem{margin-top: 45px}
.titulo-enquete{
    font-size: 1.8em;
    letter-spacing: normal;
    line-height: 24px;
    margin: 0 0 32px 0;
}
#formEnquete #opcao{width:auto;}
#formEnquete #tabela .th-acoes{width:12%;}
.enquete-progress{height: 20px;}
.enquete-progress-bar{
    background: rgba(245, 134, 52, 1) !important;
    border-color: #F58634 !important;
}
.ui-tabs-panel .titulo-enquete{
    padding-left: 20px;
    padding-right: 20px;
    display: block;
    margin: 0px 0 10px 0;
    padding-top: 15px;
}
.ui-tabs-panel .progress-bars{
    padding: 20px;
    margin: 0;
}
/******************************** FIM ENQUETES ********************************/

/******************************* INICIO GESTOES *******************************/
#formGestao #div_id_associacao, #formGestao #div_id_municipio{display: none;}
/********************************* FIM GESTOES ********************************/

/****************************** INICIO INSCRIÇÕES *****************************/
#formInscricao #div_capacitacoes{display:none}
/******************************* FIM INSCRIÇÕES *******************************/

/************************* INICIO ORGANIZADOR DO MENU *************************/
.first-step{margin-top: 20px;}
.first-step a img{transform: scale(.9);transition: transform .3s;}
.first-step a:hover img{transform: scale(1);}
.first-step a span{
    transform: scale(.9);
    transition: all .3s;
    margin-top: -13px;
    padding: 15px 0!important;
}
.first-step a:hover span{transform: scale(1);margin-top: 0;padding: 25px 0;}
.first-step a span{
    background: #e6e6e6;
    display: block;
    color: #6a6a6a;
    padding: 25px 0;
    font-size: 24px;
    border-radius: 0 0 6px 6px;
    font-weight: 300;
}
.first-step a:hover span{border-bottom: 4px solid #cecece;}
/*************************** FIM ORGANIZADOR DO MENU **************************/

/**************************** INICIO MÍDIAS SOCIAIS ***************************/
@media (min-width: 992px){
    .page-social-media .row:not(:nth-last-child(1)) div[class^="col-md"] {
        margin-bottom: 15px;
    }
}
.ativo .bg-default{color: #fff;transition: opacity .4s;}
.ativo.facebook .bg-default{background-color: #425F9C!important;}
.ativo.spotify .bg-default{background-color: #1dd05d!important;}
.ativo.twitter .bg-default{background-color: #39A0CE!important;}
.ativo.x-twitter .bg-default{background-color: #000000!important;}
.ativo.youtube .bg-default{background-color: #cc181e!important;}
.ativo.instagram .bg-default{background-color: #8f49c3!important;}
.ativo.linkedin .bg-default {background-color: #006599!important;}
.ativo.flickr .bg-default {background-color: #0061d4!important;}
.ativo:hover .bg-default{opacity: .7;}
.inativo .bg-default{
    background-color: #969696!important;
    color: #FFF;
    opacity: .8;
    transition: opacity .4s;
}
.inativo:hover .bg-default{opacity: 1;}
/***************************** FIM MÍDIAS SOCIAIS *****************************/

/****************************** INICIO MUNICIPIOS *****************************/
#formMunicipio.semHospital #div_qtde_hospitais{display: none;}
#formMunicipio #div_hospital_referencia{display: none;}
#formMunicipio.semHospital #div_hospital_referencia{display: block;}

.label.naoDivulgada {background: #bf1522;}
.label.atualizado {background: #0d8f36;}
.label.pendente {background: #f9b234;}
/******************************* FIM MUNICIPIOS *******************************/

/******************************* INICIO NOTICIAS ******************************/
#formNoticia #div_data_inicio_destaque,
#formNoticia #div_data_fim_destaque,
#formNoticia #div_ordem_destaque{
    display: none;
}
/******************************** FIM NOTICIAS ********************************/


/*********************** INICIO POLITICA DE PRIVACIDADE ***********************/
#formPoliticaPrivacidade.inativo #displayGroup-form_pagina_politica_privacidade,
#formPoliticaPrivacidade.inativo #div_politicaprivacidade_url,
#formPoliticaPrivacidade.inativo #div_politicaprivacidade_resumo,
#formPoliticaPrivacidade.inativo #div_politicaprivacidade_descricao,
#formPoliticaPrivacidade.inativo #displayGroup-form_termo_uso,
#formPoliticaPrivacidade.inativo #div_termouso_ativo,
#formPoliticaPrivacidade.inativo #div_termouso_url,
#formPoliticaPrivacidade.inativo #div_termouso_descricao{
    display: none;
}

#formPoliticaPrivacidade.termoInativo #div_termouso_descricao,
#formPoliticaPrivacidade.termoInativo #div_termouso_url{
    display: none;
}

#divBtnCopiar{
    position: sticky;
    z-index: 10;
    top: 0;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px;
    display: block;
    width: 100%;
    margin-bottom: 5px;
    text-align: right;
}
#exemploPolitica ul{list-style-position: inside;}
#exemploPolitica ul ul{padding-left: 15px;}
/************************* FIM POLITICA DE PRIVACIDADE ************************/

/******************************* INICIO RECURSOS ******************************/
#formRecurso #acao{min-width: 250px;}
/******************************** FIM RECURSOS ********************************/

/******************************** INICIO VAGAS ********************************/
#formVaga #displayGroup-form_contratado_vaga{display: none;}
#formVaga.contratado #displayGroup-form_contratado_vaga{display: block;}
/********************************** FIM VAGAS *********************************/