select.verde {
    background-color: #2ecc71 !important; /* verde */
    color: #fff;
}

select.vermelho {
    background-color: #e74c3c !important; /* vermelho */
    color: #fff;
}

select.cinza {
    background-color: #bdc3c7 !important; /* cinza */
    color: #000;
}

select.amarelo {
    background-color: #f1c40f !important; /* amarelo */
    color: #000;
}

/* Cola o botão de info ao lado do campo Free Time (Capa do processo).
   O Adianti força width:100% em cada item de uma linha com múltiplos
   campos (setFieldSizes('100%')), o que empurraria o botão para a
   linha de baixo; aqui reduzimos o campo e fixamos o botão para
   caberem lado a lado. */
#row-free-time .fb-field-container:nth-of-type(2) .fb-inline-field-container:nth-of-type(2) {
    width: calc(100% - 40px) !important;
    padding-right: 4px !important; /* Adianti aplica 10px por padrão entre itens da linha */
}

#row-free-time .fb-field-container:nth-of-type(2) .fb-inline-field-container:nth-of-type(3) {
    width: 32px !important;
    vertical-align: middle;
}

.barra-de-secao {
    background-color: #07324e; /* preto */
    color: #ffffff;            /* texto branco */
    font-size: 16px;
    border-radius: 4px;
    font-weight: 500;
    padding: 2px 5px;
    margin: 20px 0;
    width: 100%;
    box-sizing: border-box;
}