/* 
    Created on : 19/09/2017, 13:27:17
    Author     : SHL
*/

@media only screen and (min-width: 820px) {
    #menuModulos .modal-content .menu_modulos {
        display: block;
        margin: 0 auto;
        width: 800px;
    }
}

#menuModulos .menu_modulos * {
    box-shadow: none;
    box-sizing: border-box;
    border: 0;
    margin: 0;
    padding: 0;
    height: auto;
}

#menuModulos .menu_modulos > ul { font-size: 1em; text-transform: uppercase; }
#menuModulos .collapsible-body > ul { font-size: 0.9em; text-transform: uppercase; }
#menuModulos .collapsible-body > a { font-size: 0.9em; text-transform: none; }
#menuModulos .collapsible-body .menu_modulos_funcao > a { font-size: 0.7em; text-transform: none; }

#menuModulos .modulo_menu_icone {
    max-height: 36px;
    max-width: 36px;
    height: 100%;
    margin-right: 5px;
}

#menuModulos .menu_modulos_item {
    margin: 10px 0 !important;
    padding: 0 15px;
}

#menuModulos .menu_modulos_modulo > .collapsible-header,
#menuModulos .menu_modulos_item.active {
    background-color: transparent;
}

#menuModulos .menu_modulos_modulo > .collapsible-header span,
#menuModulos .menu_modulos_modulo > .collapsible-header a,
#menuModulos .menu_modulos_funcao {
    width: 100%;
    height: 60px;
    padding: 0 10px;
    border-bottom: 1px solid #DDD;
    box-sizing: border-box;
    background: transparent;
    font-weight: 800;
    color: #666;
    text-align: left;
    transition: all .3s;
}

#menuModulos .menu_modulos_funcao {
    height: 40px;
    min-height: 40px;
    line-height: 40px;
    font-weight: 400;
    font-size: 18px;
    padding: 0;
}

#menuModulos .menu_modulos_funcao a {
    width: 100%;
    height: 100%;
    padding: 0 10px;
    overflow: hidden;
}

#menuModulos .menu_modulos_modulo > .collapsible-header a,
#menuModulos .menu_modulos_funcao a {
    color: black;
}

#menuModulos .menu_modulos_modulo > .collapsible-header span:hover,
#menuModulos .menu_modulos_modulo.active > .collapsible-header span,
#menuModulos .menu_modulos_modulo > .collapsible-header a:hover,
#menuModulos .menu_modulos_funcao a:hover {
    background: #bbdefb;  /* #bbdefb blue lighten-4*/
}

#menuModulos .menu_modulos_modulo > .collapsible-header a:hover,
#menuModulos .menu_modulos_funcao a:hover {
    background: #42a5f5;  /* #42a5f5 blue lighten-1 */
}

#menuModulos .menu_modulos_modulo > .collapsible-header span,
#menuModulos .menu_modulos_modulo > .collapsible-header a,
#menuModulos .menu_modulos_funcao {
    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;
}

#menuModulos .menu_modulos_modulo > .collapsible-header a * {
    align-self: center;
}

#menuModulos .menu_modulos_body {
    margin: 0;
}

#menuModulos .menu_modulos_modulo .menu_modulos_modulo > .collapsible-header span {
    border-left: 3px solid #90caf9; /* #90caf9 blue lighten-3 */
}

#menuModulos .menu_modulos_modulo .menu_modulos_modulo > .collapsible-header a,
#menuModulos .menu_modulos_modulo .menu_modulos_funcao a {
    border-left: 3px solid #2196f3; /* #2196f3 blue */
}