/* 
    Created on : 18/09/2017, 16:12:54
    Author     : SHL
*/

header
{
    width: 100%;
    height: 50px;
}

header.header_extended
{
    height: 98px;
}

@media only screen and (max-width: 600px)
{
    header
    {
        height: 46px;
    }
    header.header_extended
    {
        height: 50px;
    }

    .cabecalho .nav-content
    {
        display: none;
    }

    .cabecalho .nav-wrapper .cabecalho_parte
    {
        padding: 0 2px;
    }
    .cabecalho .nav-wrapper .cabecalho_parte .modulo_atual .modulo_descricao .modulo,
    .cabecalho .nav-wrapper .cabecalho_parte .modulo_atual .modulo_descricao .funcao
    {
        font-size: 0.8Em;
        text-align: left;
    }
}

header.small-size
{
    height: 40px;
}

.cabecalho
{
    position: fixed;
    background-color: #fafafa; 
    top: 0;
    left: 0;
    z-index: 500;
}

.cabecalho .button-collapse
{
    margin: 0;
}

.cabecalho,
.cabecalho .nav-wrapper i,
.cabecalho .nav-wrapper > div,
.cabecalho .nav-wrapper ul > li,
.cabecalho a.button-collapse,
.cabecalho a.button-collapse i,
.cabecalho .field_link > a,
.cabecalho .field_link > a svg,
.cabecalho.nav-extended .nav-wrapper
{
    height: 45px;
    min-height: 45px;
    line-height: 45px;    
}

header.header_large:not(.header_extended) .cabecalho .field_link
{
    padding: 0;
}

header.header_large:not(.header_extended) .cabecalho .field_link a
{
    border: none !important;
}

.cabecalho .nav-content .tabs
{
    background: rgba(80,80,80,.02);
    color: #000;
    border-color: #000;
}

.cabecalho .nav-content .tabs .indicator
{
    background-color: #2196f3;
}

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

.cabecalho .nav-content .tabs .tab a
{
    color: #666;
    transition: ease-in-out all.4s;
}

.cabecalho .nav-content .tabs .tab a:hover,
.cabecalho .nav-content .tabs .tab a.active
{
    background-color: #bbdefb;
}

.cabecalho .nav-wrapper
{
    margin-bottom: 0;
}

.cabecalho a
{
    padding: 0;
    height: 100%;
}

.cabecalho ul > li i,
.cabecalho div > div i
{
    font-size: 34px;
    color: black;
}

.cabecalho .cabecalho_parte ul > li svg,
.cabecalho .cabecalho_parte div > div svg
{
    margin: 15% 0;
    height: 70%;
}

.cabecalho .cabecalho_parte ul > li svg path,
.cabecalho .cabecalho_parte div > div svg path
{
    width: 36px;
    height: 36px;
}

.cabecalho .img_icon
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
/*    background: rgb(0,0,0,0.1);*/
    /*min-width: 36px;*/
}

.cabecalho .img_icon span,
.cabecalho .img_icon p
{
    font-size: 1Em;
    font-weight: 200;
    margin-left: 5px;
    margin-right: 5px;
}

.cabecalho .img_icon.big img
{
    height: 48px;
}

.cabecalho .img_icon img
{
    height: 34px;
}

.cabecalho .img_icon.small img
{
    height: 20px;
}

@media only screen and (min-width: 601px)
{
    header.header_large:not(.header_extended)
    {
        height: 70px;
    }

    header.header_large:not(.header_extended) .cabecalho,
    header.header_large:not(.header_extended) .cabecalho .nav-wrapper > div,
    header.header_large:not(.header_extended) .cabecalho .nav-wrapper i,
    header.header_large:not(.header_extended) .cabecalho .nav-wrapper ul > li,
    header.header_large:not(.header_extended) .cabecalho a.button-collapse,
    header.header_large:not(.header_extended) .cabecalho a.button-collapse i,
    header.header_large:not(.header_extended) .cabecalho .field_link > a,
    header.header_large:not(.header_extended) .cabecalho .field_link > a svg,
    header.header_large:not(.header_extended) .cabecalho.nav-extended .nav-wrapper
    {
        height: 70px;
        min-height: 70px;
        line-height: 70px;
    }

    header.header_large:not(.header_extended) .cabecalho .img_icon.big img
    {
        height: 64px;
    }

    header.header_large:not(.header_extended) .cabecalho .img_icon img
    {
        height: 48px;
    }

    header.header_large:not(.header_extended) .cabecalho .img_icon.small img
    {
        height: 32px;
    }
}