/* usa ponto (.) antes para referenciar classes (class) e (#) para referenciar elemento (id) */

/* Navbar */

.navbar {
    border-bottom: 1px solid #f5d108; /* borda inferior */
    margin-bottom: 30px; /* margem da borda para a página */
}

.navbar-brand { /* título */
    margin: auto;
    color: #f5d108; /* amarelo */
}

.navbar-brand:hover { /* título com mouse em cima */
    color: #f5d108; /* para não mudar de cor */
}

.navbar-nav { /* os menus */
    margin: left; /* para centralizar = auto */
}

.navbar-nav >li >a {
  color: #ffff;
}

.navbar-nav >li:hover >a /* quando passa o mouse em cima do menu */
{
  color: #f5d108;
}

.navbar-expand-lg .navbar-nav .nav-link { /* sobrescrevendo para colocar os espaçamentos que quero entre os menus */
    padding: 1rem .8rem;
}

/* Dashboard Home */

.dash-total, .dash-sem-nuc, .dash-mat, .dash-esp, .dash-ina  {
    height: 60px;
    border: 1px solid transparent;
    border-image: linear-gradient(to right top, #f5d108, #fff212);
    border-image-slice: 1;
    margin-left: 1%; /* espaçamento entre as caixas */
    text-align: center;  /* alinhamento horizontal do número */
    padding: 5px; /* margem do texto para o topo da caixa */
    box-sizing: border-box;
}

.dash-total {
    background-color: #f5d108;
    color: #1f573a;
}

.dash-sem-nuc, .dash-mat, .dash-esp, .dash-ina  {
    background-color: #1f573a;
    color: #ffffff;
}

/* Dashboard Aluno  NÃO TEM MAIS */

.dashboard-aluno {
    padding: 0;
    width: 99%; /* cobrir toda a tela */
    display: block; /* ???? ficar independente dos outros elementos */
}

.dashboard-box {
    float: left; /* para as caixinhas ficarem do lado uma da outra */
    padding: 5px; /* margem do texto para o topo da caixa */
    box-sizing: border-box;
    height: 60px; /* altura */
    width: 30%; /* para cada box = 99% */
    text-align: center;
    margin-bottom: 15px; /* margem inferior entre outro elemento */
}

.dashboard-box:nth-child(2) { /* para mexer na segunda box e deixar as três separadas */
    margin-left: 0.5%;
    margin-right: 0.5%; /* 3% + 96% = 99% */
}

.dashboard span { /* dados vindos do banco */
    font-size: 20px;
    display: block; /* ??? */
    width: 100%; /* ??? */
}

#dashboard-novas, #dashboard-enc, #dashboard-EM {
    background-color: #dee2e6; /* cinza */
}

#dashboard-novas span {
    color: red;
}

#dashboard-enc span {
    color: #ffc107;
}

#dashboard-EM span {
    color: green;
}

/* Btn Add Ocorrência */

.add-div {
    display: inline-block; /* para ficar do lado btn add */
}

.btn-primary {
    margin-bottom: 15px; /* margem inferior entre outro elemento */
    margin-right: 10px;
    display: inline-block; /* para ficar do lado btn add */
}

.fa-plus {
    margin-left: 5px;
    margin-right: 10px;
}

#add-ocorrencia {
    text-decoration: none; /* para tirar o sublinhado de link */
}

/* Btn Ocorrências Finalizadas */

.finalizadas-div {
    display: inline-block; /* para ficar do lado btn add */
}

#btn-finalizadas {
    margin-bottom: 15px;
}

.fa-check {
    margin-left: 5px;
    margin-right: 10px;
}

/* Messages */

ul.messages {
    padding: 0;
}

ul.messages li {
    list-style: none;
}

/* Tabela */

.container-fluid {
    border-bottom: 15px; /* margem inferior entre outro elemento */
    border-top: 15px;
}

.item-lista {
    padding: 0;
    list-style: none; /* tirar os marcadores */
}

#add-link {
    text-decoration: none; /* para tirar o sublinhado de link */
    color: black;
}

.fa-eye {
    margin-right: 10px;
}

.fa-edit {
    margin-right: 10px;
    color: green;
}

.fa-user {
    margin-right: 10px;
}

.fa-trash {
    color: red;
}

.fa-print {
    margin-right: 10px;
    color: black;
}

.fa-file {
    color: black;
}

.fa-check {
    color: green;
}

.fa-minus {
    color: red;
}

/* Btn Gerar PDF */

.div-gerar-pdf {
    text-align: right; /* alinha o botão a direita */
}

.sair-onibus {
    text-align: right; /* alinha o botão a direita */
}

#gerar-csv, #gerar-pdf, #sair-onibus {
    margin-top: 15px;
}

#btn-encaminhar-oc, #btn-receber-oc, #btn-registrar-acao, #btn-finalizar-oc, #voltar-listar-oc {
    margin-top: 15px;
}

/* Preenchimento automático de pesquisa para campo de entrada Aluno */
#nome-aluno {
    width: 1095px;
    height: 35px;
    text-align:justiy;
    font-size: 100%;
}

#nome-passageiro {
    width: 1075px;
    height: 35px;
    text-align:justiy;
    font-size: 100%;
}

/* Rodapé */

.rodape {
    margin-top: 15px;
}

.texto-rodape {
    color: #f5d108; /* amarelo */
}

.related-widget-wrapper-link {
    display: none;
}