@import url("/css/bg-img.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");

    @import url("/css/dark.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");
    :root {
    --theme-primary-rgb: 30,16,173;
    --theme-secondary-rgb: 216,29,151;

    --theme-bg-page-rgb: 81,16,174;
    --theme-bg-primary-rgb: 58,56,60;
    --theme-bg-secondary-rgb: 81,16,174;

                --theme-bg-image-url: url(https://i.imgur.com/nDAC81A.png);
    }

    :root {
        --theme-opacity: 0.92;
    }

    .navbar-primary {
        backdrop-filter: blur(10px);
    }

    :root {
        --theme-gradient: rgba(var(--theme-primary-rgb), var(--theme-opacity));
    }

    .page-header {
        clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
                    padding-bottom: 70px;
            }

    .alternatebg:nth-child(2) {
        clip-path: polygon(0 0, 100% 87px, 100% 100%, 0 100%);
        padding-top: 8vh;
        margin-top: -11.5vh;
    }

    .title {
        font-weight: 900;
        text-transform: uppercase;
    }

    .page-header {
        text-align: center;
    }

    :root {
        --theme-border-radius: 0.09rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

    


	.alternatebg:nth-child(even) {
    background-color: #8466AD; /* Cor de fundo desejada */
}
.card-header {
    color: #FFFFFF; /* Cor desejada */
}
.card-header {
    background-color: #5110ae; /* Cor de fundo desejada */
}
.card-body {
    background-color: #8466AD; /* Cor de fundo desejada */
}
.card-footer {
    background-color: #5110AE; /* Cor de fundo desejada */
}

.btn.btn-lg.btn-block.btn-outline-custom {
    background-color: #8466AD !important; /* Cor de fundo */
    border-color: #fff !important; /* Cor da borda */
    color: #fff !important; /* Cor do texto */
}

/* Ao passar o mouse sobre o botão */
.btn.btn-lg.btn-block.btn-outline-custom:hover {
    background-color: #3592DC !important; /* Cor de fundo ao passar o mouse */
    border-color: #fff !important; /* Cor da borda ao passar o mouse */
    color: #fff !important; /* Cor do texto ao passar o mouse */
}
.text-muted.text-decoration-line-through {
    color: #3592DC !important; /* Cor desejada */
}

.text-muted,
.text-decoration-line-through{
    color: #5110ae !important; /* Cor desejada */
}
.modal-header {
    background-color: #5110ae; /* Cor de fundo desejada */
    color: #fff; /* Cor do texto para contraste */
}
/* Estilo padrão dos botões */
.btn-group.btn-group-lg .btn.btn-outline-custom {
    background-color: #8466AD !important; /* Cor de fundo inativa */
    border-color: #FFF !important; /* Cor da borda inativa */
    color: #8a8e91 !important; /* Cor do texto inativo */
}

/* Botões ativos */
.btn-group.btn-group-lg .btn.btn-outline-custom.active {
    background-color: #5110AE !important; /* Cor de fundo ativa */
    color: #fff !important; /* Cor do texto ativo */
}

/* Ao passar o mouse sobre os botões */
.btn-group.btn-group-lg .btn.btn-outline-custom:hover,
.btn-group.btn-group-lg .btn.btn-outline-custom.active:hover {
    background-color: #3592DC !important; /* Cor de fundo ao passar o mouse */
    color: #fff !important; /* Cor do texto ao passar o mouse */
}

/* Ao clicar nos botões */
.btn-group.btn-group-lg .btn.btn-outline-custom:active,
.btn-group.btn-group-lg .btn.btn-outline-custom.active:active {
    background-color: #8466AD !important; /* Cor de fundo ao clicar */
    color: #fff !important; /* Cor do texto ao clicar */
}
.navbar.navbar-primary.fixed-top.navbar-expand-lg.text-nowrap.navbar-dark.bg-primary {
    background-color: #5110ae !important; /* Cor de fundo desejada */
}
.title.text-muted.me-auto {
    color: #fff !important; /* Cor desejada */
}
.mx-2.text-muted {
    color: #919090 !important; /* Cor desejada */
}
.modal-footer {
    background-color: #18cc18; /* Cor de fundo desejada */
    color: #fff; /* Cor do texto */
    padding: 10px; /* Exemplo de padding */
    margin: 5px; /* Exemplo de margem */
    border-radius: 5px; /* Exemplo de borda arredondada */
}
.card.hoverscale.text-center {
    border-color: #fff !important; /* Cor da borda desejada */
    border-width: 2px; /* Largura da borda */
    border-style: solid; /* Estilo da borda */
}
.navbar-brand {
    font-size: 24px; /* Tamanho do texto */
    color: #fff !important; /* Cor desejada */
    font-weight: bold; /* Colocar em negrito */
}
#navbar_primary_collapse {
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
}

#navbar_primary_collapse .navbar-nav {
    display: flex;
    justify-content: center; /* Garante que os itens do navbar sejam centralizados */
}
.py-2.py-xxl-3.text-center.text-white {
    background-color: rgb(53, 146, 220) !important; /* Cor de fundo inicial */
    color: #fff !important; /* Cor do texto inicial */
    transition: background-color 0.3s ease, color 0.3s ease; /* Transição suave */
}

.py-2.py-xxl-3.text-center.text-white:hover {
    background-color: #8466AD !important; /* Cor de fundo ao passar o mouse */
    color: #fff !important; /* Cor do texto ao passar o mouse */
}
.btn.btn-outline-custom {
  background-color: #5110AE !important; /* Cor de fundo inicial */
  border: 2px solid #FFF; /* Cor da borda */
  color: #fff; /* Cor da fonte */
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease; /* Transição suave para a mudança de cor */
}

.btn.btn-outline-custom:hover {
  background-color: #3592DC !important; /* Cor de fundo ao passar o mouse */
  color: #fff; /* Cor da fonte ao passar o mouse */
}
.progress {
  background-color: #5110ae; /* Cor de fundo do elemento progress */
  position: relative; /* Posição relativa */
}
.card.hoverscale {
  border: 2px solid #ffffff; /* Borda branca */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Transição suave para a transformação */
}

.card.hoverscale:hover {
  transform: scale(1.05); /* Aumenta o tamanho do card em 5% ao passar o mouse */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Adiciona sombra ao passar o mouse */
}