/* 
    Created on : 13/12/2017, 18:14:00
    Author     : ti2
*/

/* FUNDO CABECALHO*/
.cabecalho,
.cabecalho .nav-wrapper,
.cabecalho .modal,
.cabecalho ~ ul#menuLateralFuncoes {
     background-color: #FFF;
}

/* FONTES */
.cabecalho .nav-content .tabs,
.cabecalho .nav-content .tabs .tab a,
.cabecalho ul > li i,
.cabecalho div > div i,
.cabecalho .img_icon span,
.cabecalho .img_icon p,
.cabecalho .descricao p,
.cabecalho .modulo_atual li.modulo_titulo,
.cabecalho .modulo_atual li.funcao_titulo,
.cabecalho #menuModulos .menu_modulos_funcao,
.cabecalho #menuModulos .menu_modulos_funcao a,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header span,
.cabecalho ~ ul#menuLateralFuncoes li a {

}

.cabecalho .nav-content .tabs:hover,
.cabecalho .nav-content .tabs .tab a:hover,
.cabecalho .nav-content .tabs .tab a.active,
.cabecalho #menuModulos .menu_modulos_funcao:hover,
.cabecalho #menuModulos .menu_modulos_funcao a:hover,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a:hover,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header span:hover,
.cabecalho #menuModulos .menu_modulos_modulo.active > .collapsible-header span,
.cabecalho ~ ul#menuLateralFuncoes li:hover a,
.cabecalho ~ ul#menuLateralFuncoes li a.active {

}
/* ICONES SVG MODULO */
.cabecalho .modulo_atual .modulo_icone svg path
{
    fill: #000;
}

/* NOME MODULO E FUNCAO */
.cabecalho .modulo_atual .modulo_descricao span
{
    color: #000;
}

/* ICONES SVG  DIREITA*/
.cabecalho .cabecalho_parte ul > li svg path,
.cabecalho .cabecalho_parte div > div svg path
{
    fill: #000;    
}

/* DETALHES */
.cabecalho .field_body.field_busca > a.field_link_elem,
.cabecalho .nav-content .tabs .indicator {
    background-color: #000;
}

/* MENU FUNCAO BORDA ESQUERDA  */
.cabecalho #menuModulos .menu_modulos_modulo .menu_modulos_funcao a,
.cabecalho #menuModulos .menu_modulos_modulo .menu_modulos_modulo > .collapsible-header a,
.cabecalho #menuModulos .menu_modulos_modulo .menu_modulos_modulo > .collapsible-header span,
.cabecalho ~ ul#menuLateralFuncoes li,
.cabecalho ~ ul#menuLateralFuncoes li:hover {
    border-left-color: #FFF;
}

/* MENU FUNCAO HOVER */
.cabecalho .field_body.field_busca > a.field_link_elem:hover,
.cabecalho .nav-content .tabs .tab a:hover,
.cabecalho .nav-content .tabs .tab a.active,
.cabecalho #menuModulos .menu_modulos_modulo.active > .collapsible-header span,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a:hover,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header span:hover,
.cabecalho ~ #menuModulos .menu_modulos_funcao a:hover,
.cabecalho ~ ul#menuLateralFuncoes li:hover a,
.cabecalho ~ ul#menuLateralFuncoes li a.active {
    background-color: #FFF;
    color: #000
}

.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a:hover,
.cabecalho #menuModulos .menu_modulos_funcao a:hover {
    background-color: #FFF;
}

.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header span,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a,
.cabecalho #menuModulos .menu_modulos_funcao,
.cabecalho ~ ul#menuLateralFuncoes li a,
.cabecalho ~ ul#menuLateralFuncoes li:hover a,
.cabecalho ~ ul#menuLateralFuncoes li a.active {
    border-bottom: 1px solid #FFF;
}

.cabecalho .nav-content .tabs .tab:first-of-type ~ .tab a {
    border-left: 1px solid #FFF;
}

/* HOVER */

.cabecalho .nav-content .tab,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header span,
.cabecalho #menuModulos .menu_modulos_modulo > .collapsible-header a,
.cabecalho #menuModulos .menu_modulos_funcao a,
.cabecalho ~ ul#menuLateralFuncoes li a {
    background-color: rgba(0, 0, 0, .1);
}

.cabecalho .nav-content .tabs {
    background-color: rgba(0, 0, 0, .02);
}
.cabecalho .nav-wrapper ul > li > a:hover {
    background-color: rgba(0, 0, 0, .2);
}

/* ICONES CABECALHO */
.cabecalho .nav-wrapper ul > li > a > i,
.cabecalho .nav-wrapper ul > li > a > svg,
.cabecalho .nav-wrapper .img_icon > svg,
.cabecalho .nav-wrapper ul > li > a.field_link_elem .estrutura_elemento_flutuante > i,
.cabecalho .nav-wrapper ul > li > .field_body .estrutura_elemento_flutuante > .display svg
{
    display: inline-block;
    vertical-align: middle;
    width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    line-height: normal !important;
    font-size: 30px;
    padding: 3px;
    margin: 0 .2rem;
    background-color: #fafafa;
    box-shadow: 0 0 1px 0px #fafafa inset, 0 0 1px 0px #fafafa;
    color: #000;
    border-radius: 50%;
    transition: ease-in-out all .2s;
}
/* ICONES CABECALHO */
.cabecalho .nav-wrapper ul > li > a > svg path,
.cabecalho .nav-wrapper ul > li > .field_body .estrutura_elemento_flutuante > .display svg path
{
    fill: #000;
}

.cabecalho .nav-wrapper ul > li:hover > a > i,
.cabecalho .nav-wrapper ul > li:hover > a > svg,
.cabecalho .nav-wrapper ul > li:hover > a.field_link_elem .estrutura_elemento_flutuante > i,
.cabecalho .nav-wrapper ul > li:hover > .field_body .estrutura_elemento_flutuante > .display svg
{
    background-color: #fff;
    box-shadow: 0 0 1px 0px #fafafa inset, 0 0 2px 0px #fafafa, 0 0 3px 0px rgba(0, 0, 0, .3);
    color: #000;
}

.cabecalho .nav-wrapper ul > li:hover > a > svg path,
.cabecalho .nav-wrapper ul > li:hover > .field_body .estrutura_elemento_flutuante > .display svg path
{
    fill: #000;
}

/* MULTIFUNÇÃO */

.cabecalho .nav-content .tabs {
    background-color: #FFF !important;
}

.cabecalho .nav-content .tabs .tab,
.cabecalho .nav-content .tabs .tab a {
    color: #FFF;
}