/*menu principal*/
.menu {
    width: 100%;
}

    .menu td {
        padding: 0px;
    }

        .menu td .col1 {
            width: 80px;
        }

        .menu td .col3 {
            width: 30px;
        }



/*tamanho da seta no final do menu principal*/
.menu-seta {
    width: 20px;
    height: 20px;
}

/*título no menu principal*/
.menu-titulo {
    font-weight: bold;
    font-size: 16px;
}

/*descrição do comando do menu principal*/
.menu-descricao {
    font-weight: initial;
    font-size: 14px;
    color: #808080;
}

/*icone padrão menu principal*/
.icone {
    border-radius: 5px;
    width: 64px;
    height: 64px;
    padding: 16px;
 }

/*icone padrão mesa/comanda*/
.status {
    border-radius: 24px;
    width: 48px;
    height: 48px;
    padding: 10px;
    align-content: center ;
}

/*título das telas abaixo do menu principal */
.titulo {
    padding-top: 20px;
    padding-left: 12px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 18px;
    background: #e8e8ec;
    color: gray;
    border-bottom: 1px solid #b3b3b3;
}
/*centraliza um texto ou objeto*/
.center {
    text-align: center;
}

/*botão padrão*/
.cmd {
    Width: 250px;
    height: 50px;
}

/*Botão de voltar*/
.bt-top {
    width: 20px;
    height: 20px;
}

/*cores dos botoes do menu principal*/
.vendas {
    background: #0066ff;
}

.comb {
    background: #089425;
}

.ob {
    background: #b200ff;
}

.estoque {
    background: #5cd65c;
}

.preco {
    background: #ffcc00;
}

.receber {
    background: #80dfff;
}

.pagar {
    background: #ff6666;
}

.os {
    background: #b3b3b3;
}

.food {
    background: #089425;
}

.qrCod {
    background: #0094ff;
}

.disponivel {
    background: #089425;
}

.ocupada {
    background: #c41b1b;
}

/*menu utilizado na tela de vendas*/
.menu2 {
    width: 100%;
    border-bottom: 1px solid #e8e8ec;
}

    .menu2 td {
        padding: 15px;
    }

        .menu2 td .col2 {
            text-align: right;
        }

/*icone da tela inicial de login*/
.login-icon {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    padding-top:4px;
    padding-left :8px;
    padding-right :8px;
    padding-bottom :12px;
    border:2px solid #fff;
    background-color:#0e75c1;
}
/*campos da tela de login*/
.input-login {
    border: none;
    border-bottom: 2px solid #fff;
    background:0;
    color: #fff;
    width: 100%;
}

/*Bares e Restaurantes*/
.bar-cat {
    height: 60px; 
    font-size:medium ; 
    line-height:48px; 
    padding :5px; 
    white-space:normal; 
    text-transform: uppercase; 
    font-weight :bold ;
}