/*
---------------------------------------------
Configuracoes de Tela
---------------------------------------------
*/

:root {
    --cor-branco: #FFF;
    --cor-preto-01: #666;
    --cor-preto-02: #00000040;
    --cor-preto-03: #00000017;
    --cor-cinza-01: #808080;
    --cor-cinza-02: #9e9e9e;
    --cor-verde-01: #4db6ac;
    --cor-verde-02: #79b51b;
    --cor-verde-03: #25a18e;
    --cor-verde-04: #649719;
    --cor-verde-05: #accf36;
    --cor-amarelo-01: #ffc107;
    --cor-red-01: #ee6e73;
}

.cor-teal{color:var(--cor-verde-01)}
.cor-grey{color:var(--cor-cinza-01)}
.cor-green{color:var(--cor-verde-02)}
.cor-green2{color:var(--cor-verde-03)}
.cor-red{color:var(--cor-red-01)}

.bg-red{background-color:var(--cor-red-01)!important;}


/*
---------------------------------------------
Menu Lateral
---------------------------------------------
*/

.sidenav{
    background-color: var(--cor-verde-05);
    width: 250px;
}

.sidenav .user-view {
    background-color: var(--cor-preto-02);
    width: 250px;
    height: 159px;
}

.sidenav .user-view .background > img{
    width: 250px;
}

.sidenav .user-view .name{
    font-size: 21px;
}

.sidenav li>a>i,
.sidenav li>a>i.material-icons,
.sidenav li>a{
    color:var(--cor-branco);
}

.sidenav li>a>i.material-icons,
.sidenav li>a>i{
    margin-right: 10px;
    font-size: 20px;
    width: 24px;
}

.sidenav li>a>span{
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

/*
---------------------------------------------
Menu Superior / Inferior
---------------------------------------------
*/

nav .brand-logo{
    font-size: 1.1rem;
}

nav .nav-wrapper,
.teal.lighten-2,
#produtos.fechado,
#produtos.clientes,
#produtos.previsao,
#grupos.previsao{
    background: var(--cor-verde-03)!important;
}

/*
---------------------------------------------
Menu Previsao
---------------------------------------------
*/

#produtos.previsao>.collection a#exibePrevisao > .material-icons{
    color: var(--cor-amarelo-01);
}

/*
---------------------------------------------
Listas
---------------------------------------------
*/

.fone:active{
    background: var(--cor-amarelo-01)!important;
}

#produtos.aberto{
    background: var(--cor-branco)!important;
}


.collection.contato .collection-item a>span{
    color:var(--cor-preto-01);
}

.collection.contato .collection-item a{
    color: var(--cor-verde-03)!important;
}