@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] {
    display: none;
}
body{
    background-color:  #5983b0;
}
img.logo-menu{
    width: 100%;
    max-width: 150px;   
    height: auto;
}
img{
    width: 20%;
}
footer{
    background-color: #041e5d;
    color: #fff;
    text-align: center;
    padding: 5px;
}
footer p{
    margin: 10px;
}
/*  PADRÃO BOTÃO */
.botao{
    background-color: #afd095; 
    border: solid 4px #808080; 
    border-radius: 15px; 
    color: #000;
}
.botao:hover{
    background-color: #93c26f;
    border: solid 5px #757272;
}
.botao-desativado{
    padding: 5px;
    border: solid 4px #989898; 
    border-radius: 15px; 
    color: rgba(145, 144, 144, 0.873);
}

/* LINKS */
.link-menu{
    text-decoration: none;
    color: #000;
}
.link-controle-prod{
    color: #000;
}

/* PADRÃO FORMULÁRIOS  */
.campo-input{
    border-color: #000;
}
.formulario{
    background-color: #fff;
}

/* PADRÃO TABELAS */
.titulo-tabela{
    font-size: 20px;
    padding: 8px;
    font-weight: bold;
}
.titulo-tabela.apontamento{
    font-size: 15px;
}
table{
    border: outset 1px #000;
    min-width: 1000px;
    width: 100%;
}
th{
    background-color: #f8f2b6;
    border-right: solid 1px #000;
    padding: 10px;
}
tr{
    background-color: #e0e0e0;
}
tr:nth-child(even){
    background-color: #dfd9d2;
}
td{
    border-right: solid 1px #000;
    padding: 12px;
    white-space: nowrap;
}
/* destaque-tit é no controle de produção, só no titulo da tabela  */
.destaque-tit{
    background-color: #93c26f;
}
tr.verde{
    background-color: #93c26f;
}
.destaque{
    background-color: #afd095;
}
tr.apontAberto{
    background-color: #f7eb6a;
}
th.tab-horas-plan{
    background-color: #fac249;
}
th.tab-horas-vend{
    background-color: #61abff;
}
th.tab-horas-proc{
    background-color: #fa6956;
}
th.tab-horas-entr{
    background-color: #93c26f;
}
th.tab-horas-disp{
    background-color: #ffe469;
}

/* CONTROLE DE PRODUÇÃO */
tr.vermelho{
    background-color: #fa6956;
}
.tempo-total{
    background-color: #93c26f;
    border: solid #000 2px;
    border-radius: 10px;
    padding: 10px;
}

/* CONTA DO USUÁRIO */
.descConta{
    background-color: #ffe469;
    color:#fff;
}
.cabecalho{
    height: 160px;
    background-color: #fff;
}
.menu-lateral{
    background-color: #fff;
    position: absolute;
    top: 15%;
    right: 5%;
}
.fontes-dashboard{
    font-size: 20px;
}

/* PLANEJAMENTO */
.vermelho{
    background-color: #fa6956;
}
.amarelo{
    background-color: #f7eb6a;
}

/* ADICIONAR ITENS */
.itemOS{
    background-color: #ffe469;
    font-size:25px ;
    padding:10px ;
    text-align:center;
}

/* GESTÃO DE PROJETOS */
.desc-projeto{
    font-size: 40px;
    color: white;
    background-color: #875555;
    margin: 20px;
    text-align: center;
}
.projeto{
    text-align: center;
}
/* Botão individualmente */
.botao-projeto{
    font-size: 25px;
    margin-right: 10px;
    margin-bottom: 10px;
}
/* Centraliza o grupo de botões */
.botoes-projeto{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*  PADRÃO SELEÇÃO OS  */
.selecao-os{
    width: 25%;
    text-align:center;   
}

/* GESTÃO DE USUÁRIOS */
th.excluir{
    background-color: #fa6956;
}

/* RECURSOS */
tr.equipamento-inativo{
    background-color: #adadad;
}