@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --cor-principal: #DF0209;
    --cor-padrao-texto: #333333;
    --cor-tarefa-operacional: #DF0209;
    --cor-tarefa-venda: #0D6EFD;
}
body {
    background-color: #FFF;;
    color: var(--cor-padrao-texto);
    font-family: "Montserrat", serif;
    font-size: 1em;
    margin: 0 auto;
}
.badge_operacional { background-color: var(--cor-tarefa-operacional) !important;}
.badge_venda { background-color: var(--cor-tarefa-venda) !important;}
.cabecalho { background-color: #FAFAFA;}
.controlador {font-size: 32px; font-weight: 500; height: 100px;}
.controlador-navegacao a { color: #333333; }
.controlador-navegacao a:hover { color: var(--cor-principal); }
.identificacao {background-color: #D9D9D9; border-bottom: 2px solid var(--cor-principal); font-size: 12px;}
.identificacao-titulo {font-weight: bold;}
.link-muted { color: var(--cor-padrao-texto); }
.link-tarefa,.link-material { color: var(--cor-padrao-texto); }
.link-tarefa:hover,.link-material:hover { color: var(--cor-principal); }
.painel { background-color: #d9d9d969; padding: 3% 10%; border-bottom: 2px solid #00000033;}
.painel h2 {font-size: 16px; font-weight: 600; }
.painel-indicador { font-size: 32px; }
.painel-lista-tarefas {
    font-size: 14px;
    max-height: 180px;
    overflow: auto;
}
.painel-titulo { font-size: 22px; width: 50%; }
.progress {border: 1px solid #D9D9D9;}
.tarefa { 
    border: 1px solid #CCCCCC; 
    border-radius: 10px; 
    height: 85%;
    overflow-x: hidden;
}
.tarefa img { width: 100px;}
.tarefa h1 { font-size: 20px; }
.tarefa h2 { font-size: 16px; }
.tarefa h1,h2 {font-weight: 600;}
.tarefa-hora { 
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    color: #FFF; 
    font-size: 16px;
    gap: 10px;
    height: 40px;
}
.tarefa-hora-no-prazo { background-color: #489769; }
.tarefa-hora-aguarde { background-color: #0d6efd; }
.tarefa-hora-atrasado { background-color: #DF0209; }
.tarefa-log { font-size: 12px; font-weight: 200;}
.rodape-menu {background-color: var(--cor-principal); height: 10%; max-height: 100px;}