body, html {
    height: 100%;
    margin: 0;
}

header {
    background-color: #f8f9fa !important;
    /* Cinza claro */
}

footer {
    background-color: rgba(173, 169, 150, 0.5) !important;
    /* Background personalizado com 50% de opacidade */
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

.logo {
    height: 50px;
    width: auto;
    /* Mantém a proporção da imagem */
}

.card {
    margin-bottom: 20px;
}

.social-icons a {
    color: #333;
    margin-right: 10px;
}

.social-icons a:hover {
    color: #007bff;
}

.container {
    padding-bottom: 60px;
    /* Espaço para o footer fixo */
}

.footer-basic {
    background-color: #ADA996;
    opacity: 0.5;
    height: 30px;
}

.footer-basic .footer-content {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-auto {
    width: auto;
}

.btn-50 {
    width: 50px;
}

.btn-100 {
    width: 100px;
}

.btn-120 {
    width: 120px;
}

.btn-150 {
    width: 150px;
}

.btn-200 {
    width: 200px;
}

.btn-250 {
    width: 250px;
}

.modal-bg-custom {
    background: rgba(255, 255, 255, 0.2);
    /* Fundo branco com 80% de opacidade */
    backdrop-filter: blur(10px);
    /* Efeito de desfoque */
    -webkit-backdrop-filter: blur(10px);
    /* Suporte para Safari */
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    /* Borda inferior leve */
}

.modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    /* Ajuste a sombra conforme necessário */
}

.text-with-border {
    color: white;
    /* Cor do texto */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    /* Sombras para criar a borda preta */
}

.text-shadow {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7), -2px -2px 4px rgba(0, 0, 0, 0.7);
}

.input-group-text {
    cursor: pointer;
}

.text-with-border {
    color: white;
    /* Cor do texto */
    text-shadow:
        -1px -1px 0 #000,
        1px -1px 0 #000,
        -1px 1px 0 #000,
        1px 1px 0 #000;
    /* Sombras para criar a borda preta */
}

.bg-texture {
    background-image: url('../images/bg/mini-form-bg.jpg');
    /* Caminho para sua imagem de textura */
    background-size: cover;
    /* Cobre todo o elemento */
    background-repeat: no-repeat;
    /* Não repete a imagem */
    background-position: center;
    /* Centraliza a imagem */
    color: white;
    /* Padding para afastar o conteúdo das bordas */
}

.modal-content {
    overflow: unset;
}

.bootstrap-select .dropdown-menu {
    z-index: 1055;
    /* Ajuste de z-index para garantir que o dropdown apareça sobre o modal */
}

.bg-bar {
    background: rgb(255, 255, 255);

}

#neubar {
    background: #fae8d2;
    box-shadow: 4px 6px 12px rgba(0, 0, 0, 0.4);
    padding: 0.5rem 1rem;
    /* Ajusta o padding para reduzir a altura */
}

.nav-item .active {
    border-radius: 6px;
    background: linear-gradient(145deg, #ececec, #f5f5f5);
    box-shadow: 4px 4px 8px #d1d1d1,
        -4px -4px 8px #ffffff;
}

#neubar .dropdown-menu a:hover {
    color: #454545;
}

#neubar .nav-item {
    margin: auto 4px;
}

#neubar a {
    padding-left: 8px;
    padding-right: 8px;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    /* Reduz o tamanho da fonte */
}

#neubar .dropdown-menu {
    background: #545454;
}

a.navbar-brand {
    color: #454545;
}

.btn.dropdown-toggle.btn-light {
    border: 1px solid #dde2e5;
}

.actions-btn.bs-deselect-all.btn.btn-light {
    white-space: nowrap;
}

.btn-group.btn-group-sm {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    counter-reset: button;
}

.btn.dropdown-toggle.btn-light, .filter-option-inner-inner {
    background-color: #ffffff;
}

.form-select.form-select-sm+label, .dt-search label, .dt-info {
    color: #333;
}

.btn.btn-transparent.dropdown-toggle.show {
    border-color: #ADA996;
}

/* Ajusta o tamanho do dropdown para caber no maior conteúdo */
.dropdown-menu.text-start.align-middle {
    min-width: auto;
    /* Remove a largura mínima padrão */
    width: auto;
    /* Ajusta a largura automaticamente */
}

/* Opção alternativa: ajustar o tamanho do dropdown com base no conteúdo */
.dropdown-menu.text-start.align-middle {
    white-space: nowrap;
    /* Impede quebra de linha */
}

.table-caption {
    caption-side: top;
    /* Garante que o caption fique acima do thead */
    font-weight: bold;
    text-align: center;
    padding: 10px;
    color: #333;
    /* Cor do texto */
    background-color: #f8f9fa;
    /* Cor de fundo */
}

.fit-column {
    white-space: nowrap;
    width: 1%;
}

.fit-column, .fit-column td {
    white-space: nowrap;
    width: 1%;
}

.btn-link {
    text-decoration: none;
}

.btn-link:hover {
    text-decoration: none;
}

.gradient-label {
    background: linear-gradient(to bottom, white, rgba(255, 255, 255, 0));
}

.user-bubble {
    position: relative;
    width: auto;
    height: auto;
    padding: 10px;
    background: #f7fbe1;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    border: #c7c7ca solid 2px;
}

.user-bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 14px;
    border-color: #f7fbe1 transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -15px;
    top: -14px;
    left: 15%;
}

.user-bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 16px 15px;
    border-color: #c7c7ca transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -16px;
    top: -17px;
    left: 15%;
}

.navbar-nav {
    justify-content: center;
    width: 100%;
}