/* azul padrão: #095578; */
/* verde padrão: #1A8043; */
body {
    padding: 20px;
    background-color: #1A8043;
    background-repeat: no-repeat;
}

table tbody tr td,
th {
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}

.tabela-overflow {
    height: 600px;
    overflow-y: auto;
}

.tabela-overflow thead th {
    position: sticky;
    top: 0;
}

.area-overflow {
    height: 200px;
    overflow-y: auto;
}

.float-button {
    position: fixed;
    bottom: 40px;
    right: 40px;
}

.float-button-up {
    position: fixed;
    bottom: 100px;
    right: 40px;
}

.cor-azul {
    color: #00008B;
}

.cor-azul-claro {
    color: #1E90FF;
}

.cor-vermelho {
    color: red;
}

.cor-verde {
    color: #1A8043;
}

.cor-branco {
    color: white;
}

.cor-amarelo {
    color: #FFD700;
}

.cor-laranja {
    color: orange;
}

.cor-preto {
    color: #000000;
}

.cor-cinza {
    color: #696969;
}

.icone-tam-1 {
    font-size: 1rem;
}

.icone-tam-15 {
    font-size: 1.5rem;
}

.icone-tam-2 {
    font-size: 2rem;
}

.icone-tam-5 {
    font-size: 5rem;
}

.centralizado {
    margin: 5% 2% 2% 2%;
    width: 250px;
}

#my-div {
    -webkit-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    -moz-box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
    box-shadow: 9px 7px 5px rgba(50, 50, 50, 0.77);
}

#my-div:hover {
    background: lightgrey;
    cursor: pointer;
}

#celulas:hover {
    background: lightgrey;
}

a.fill-div {
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
}

#primeiraColuna {
    background-color: black;
    font-size: 150%;
    font-weight: bold;
    color: white;
}

#foto_perfil {
    border-radius: 20px;
    width: 100%;
}

.bd-callout {
    padding: 0 0 0 0.8rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout-info {
    border-left-color: #00008B
}

.bd-callout-info h4,
.bd-callout-info p {
    color: #00008B
}

.bd-callout-success {
    border-left-color: #1A8043
}

.bd-callout-success h4,
.bd-callout-success p {
    color: #1A8043
}

.bd-callout-warning {
    border-left-color: #ffc107
}

.bd-callout-warning h4,
.bd-callout-warning p {
    color: #ffc107
}

.bd-callout-danger {
    border-left-color: #a52834
}

.bd-callout-danger h4,
.bd-callout-danger p {
    color: #a52834
}

.bd-callout-black {
    border-left-color: #000000
}

.bd-callout-black h4,
p {
    color: #000000
}

@media screen and (max-width: 480px) {
    h5 {
        font-size: 100%;
    }

    .bd-callout-info h4 {
        color: #00008B;
        font-size: 100%;
    }

    .bd-callout-success h4 {
        color: #1A8043;
        font-size: 100%;
    }

    .bd-callout-warning h4 {
        color: #ffc107;
        font-size: 100%;
    }

    .bd-callout-danger h4 {
        color: #a52834;
        font-size: 100%;
    }

    .bd-callout-black h4 {
        color: #000000;
        font-size: 100%;
    }

    .bd-callout-info p {
        color: #00008B;
        font-size: 90%;
    }

    .bd-callout-success p {
        color: #1A8043;
        font-size: 90%;
    }

    .bd-callout-warning p {
        color: #ffc107;
        font-size: 90%;
    }

    .bd-callout-danger p {
        color: #a52834;
        font-size: 90%;
    }

    .bd-callout-black p {
        font-size: 90%;
    }
}

#logo {
    padding: 0 0 0 10px;
}

.nav-item {
    padding: 0 0 0 10px;
}

.navbar-toggler {
    margin: 0 10px 0 0;
}

/*
 * Footer
 */
.blog-footer {
    padding: 2.5rem 0;
    color: #727272;
    text-align: center;
    background-color: #f9f9f9;
    border-top: .05rem solid #e5e5e5;
}

.blog-footer p:last-child {
    font-size: 80%;
    margin-bottom: 0;
}

.modal {
    color: black;
}

.link-ficha:hover {
    color: blue;
}

.tabelas-sumario tr {
    text-align: center;
}

.my-foto:hover {
    cursor: pointer;
}

/* APP PUBLIC */
* {
    margin: 0;
    padding: 0;
}

.tabela-top {
    background-color: #008B8B;
    color: white;
}

.jumbotron {
    padding-top: 10px;
}

.icones-topo {
    margin-bottom: 10px;
}

.no-arrows::-webkit-inner-spin-button,
.no-arrows::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.no-arrows {
    -moz-appearance: textfield;
    appearance: textfield;
    -webkit-appearance: none;
    /* Firefox */
}

.card .text-muted {
    font-size: 0.9rem;
    letter-spacing: 0.2px;
}

.btn.rounded-pill {
    border-width: 1.5px;
    font-size: 1rem;
}