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

    @import url("/css/dark.css?3060737993");
    :root {
    --theme-primary-rgb: 25,25,25;
    --theme-secondary-rgb: 25,25,25;

    --theme-bg-page-rgb: 34,34,34;
    --theme-bg-primary-rgb: 45,46,49;
    --theme-bg-secondary-rgb: 0,0,0;

            --theme-community-logo-url: url(/img/vkorp_logo.png);
                --theme-bg-image-url: url(/img/vkorp_bg-flou2.jpg);
    }

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

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

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


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

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

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

    .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;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	.navbar.bg-primary {
  background: rgba(25, 25, 25, 0.73) !important;
}

.alternatebg:nth-child(2n) {
  background-color: #000000A1;
}

.footer, .navbar-secondary {
  background-color: rgba(10, 10, 10, 0.65);
}

.alternatebg {
  background-color: #0000004d;
}

.card-body {
  background-color: #00000061;
  border-radius: 5px;
  padding: 1.5rem;
  border: 1px solid #00000012;
}

.parallax {
  height: 70vh;
  z-index: 0;
}

.form-check-input:checked {
  background-color: #6D59FF;
}

.card-title {
  text-align: center;
  font-weight: bold;
}

.progress {
  background-color: #020202 !important;
}

.progress-bar.bg-custom {
  background-color: #33b955;
}


.title-main img {
    max-width: none !important;
    width: auto !important;
    height: auto !important;
}

/* Permet au conteneur d'accepter une image énorme */
.title-main {
    max-width: none !important;
}

.title-main img {
    transform: scale(0.15);   /* 1 = normal, 2 = x2, 3 = x3 */
}

.title-main img {
    animation: vkorpGlow 3s ease-in-out infinite;
}

@keyframes vkorpGlow {
    0%, 100% {
        filter:
            drop-shadow(0 0 15px rgba(255,255,255,1))
            drop-shadow(0 0 70px rgba(169,141,255,0.8))
            drop-shadow(0 0 130px rgba(126,83,255,0.6));
    }
    50% {
        filter:
            drop-shadow(0 0 35px rgba(255,255,255,1))
            drop-shadow(0 0 130px rgba(169,141,255,1))
            drop-shadow(0 0 210px rgba(126,83,255,0.85));
    }
}

.dropdown-menu-dark {
  background-color: #0009;
  margin-top: 25px !important;
}

.avatar img {
  border-radius: 20%;
  width: 150px;
  border: 2px solid #ffffff
}

.avism {
  height: 64px;
  width: 64px;
  border-radius: 20%;
  border: 2px solid #fff;
}

.profilecircle {
  border: 4px solid #fff;
  border-radius: 20%;
}

.navbar-dark .navbar-nav .nav-link.active {
  color: #6D59FF !important;
  font-weight: bold;
}

.navbar-dark .navbar-nav .nav-link {
    font-weight: bold;
}

.navbar {
  height: 90px;
}

.card-img-top img {
border: 1px solid #00000012;
}

.card-img-top {
    border: 1px solid #00000012;
}

.card {
border: 1px solid #00000012;
}


#app .btn-outline-custom:not(.active):not(:active):not(:hover) {
  background-color: rgba(140, 140, 140, 0.02);
}

.btn-outline-custom {
  color: #29e319;
  border-color: #29e319;
}

.btn-outline-custom:hover {
  background: #29e319 !important;
  border-color: var(--bs-primary);
  color: var(--bs-white);
}

.progress-bar.bg-custom {
  background-color: #7d6de7;
}