body {
    background-color: #272727;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-size: 0.9rem;
}

p, .card-text {
    font-size: 0.95rem;
}

.bg-darkgreenPIM {
    background-color: #004746;
}

.bg-greenPIM {
    background-color: #00FF66;
}
.bg-purplePIM {
    background-color: #55316b;
}

.bg-darkbluePIM {
    background-color: #253183;
}

.bg-bluePIM {
    background-color: #08A1E3;
}

.bg-orangePIM {
    background-color: #F0760C;
}

.bg-redPIM {
    background-color: #D1404C;
}
.bg-yellowPIM {
    background-color: #F3C509;
}

.pbottom150 {
    padding-bottom: 150px;
}

.footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: white;
  font-size: 0.7rem;
}

/* Estilização para os inputs de arquivo */
.form-control {
    background-color: #2c3034;
    border-color: #495057;
    color: #e9ecef;
}

.form-control:focus {
    background-color: #2c3034;
    border-color: #198754;
    color: #e9ecef;
    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

/* Estilização para os inputs de texto */
input[type="text"] {
    background-color: #2c3034;
    border-color: #495057;
    color: #e9ecef;
}

input[type="text"]:focus {
    background-color: #2c3034;
    border-color: #198754;
    color: #e9ecef;
}

/* Estilização para os botões */
.btn {
    font-size: 0.85rem;
    padding: 0.4rem 0.75rem;
}

.btn-success {
    background-color: #00FF66;
    border-color: #198754;
}

.btn-greenPIM {
    background-color: #00FF66;
    border-color: #198754;
    color: #212529;
}

.btn-greenPIM:hover {
    background-color: #04bc66;
    border-color: #146c43;
    color: #e9ecef;
}

.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
}

.btn-outline-light:hover {
    background-color: #f8f9fa;
    color: #212529;
}

/* Estilização para os modais */
.modal-content {
    border: 1px solid #495057;
}

.modal-header, .modal-footer {
    border-color: #495057;
}

/* Animação para o spinner de carregamento */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.spinner-border {
    animation: spin 1s linear infinite;
}