@charset "UTF-8";
:root {
    --kirmizi-100: rgba(250, 137, 107, 0.1);
    --kirmizi-200: rgba(250, 137, 107, 0.2);
    --kirmizi-300: rgba(250, 137, 107, 0.3);
    --kirmizi-400: rgba(250, 137, 107, 0.4);
    --kirmizi-500: rgba(250, 137, 107, 0.5);
    --kirmizi-600: rgba(250, 137, 107, 0.6);
    --kirmizi-700: rgba(250, 137, 107, 0.7);
    --kirmizi-800: rgba(250, 137, 107, 0.8);
    --kirmizi-900: rgba(250, 137, 107, 0.9);

    --mavi-100: rgba(94, 163, 203, 0.1);
    --mavi-200: rgba(94, 163, 203, 0.2);
    --mavi-300: rgba(94, 163, 203, 0.3);
    --mavi-400: #5ea3cb;
    --mavi-500: rgba(94, 163, 203, 0.5);
    --mavi-600: rgba(94, 163, 203, 0.6);
    --mavi-700: rgba(94, 163, 203, 0.7);
    --mavi-800: rgba(94, 163, 203, 0.8);
    --mavi-900: rgba(94, 163, 203, 0.9);

    --gri-100: #f3f4f6;
    --gri-200: #e5e7eb;
    --gri-300: #d1d5db;
    --gri-400: #9ca3af;
    --gri-500: #6b7280;
    --gri-600: #4b5563;
    --gri-700: #374151;
    --gri-800: #1f2937;
    --gri-900: #111827;

    --yesil-100: rgba(106, 218, 125, 0.1);
    --yesil-200: rgba(106, 218, 125, 0.2);
    --yesil-300: rgba(106, 218, 125, 0.3);
    --yesil-400: rgba(106, 218, 125, 0.4);
    --yesil-500: rgba(106, 218, 125, 0.5);
    --yesil-600: rgba(106, 218, 125, 0.6);
    --yesil-700: rgba(106, 218, 125, 0.7);
    --yesil-800: rgba(106, 218, 125, 0.8);
    --yesil-900: rgba(106, 218, 125, 0.9);

    --info-100: rgba(88, 202, 234, 0.1);
    --info-200: rgba(88, 202, 234, 0.2);
    --info-300: rgba(88, 202, 234, 0.3);
    --info-400: rgba(88, 202, 234, 0.4);
    --info-500: rgba(88, 202, 234, 0.5);
    --info-600: rgba(88, 202, 234, 0.6);
    --info-700: rgba(88, 202, 234, 0.7);
    --info-800: rgba(88, 202, 234, 0.8);
    --info-900: rgba(88, 202, 234, 0.9);

    --sari-100: rgba(247, 184, 75, 0.1);
    --sari-200: rgba(247, 184, 75, 0.2);
    --sari-300: rgba(247, 184, 75, 0.3);
    --sari-400: rgba(247, 184, 75, 0.4);
    --sari-500: rgba(247, 184, 75, 0.5);
    --sari-600: rgba(247, 184, 75, 0.6);
    --sari-700: rgba(247, 184, 75, 0.7);
    --sari-800: rgba(247, 184, 75, 0.8);
    --sari-900: rgba(247, 184, 75, 0.9);

    --midnight: #121063;
}

.text-midnight {
    color: var(--midnight) !important;
}

[data-bs-theme="dark"] .text-midnight {
  color: #f8f9fa !important;
}

.bg-midnight {
    background-color: var(--midnight) !important;
}

.border-midnight {
    border-color: var(--midnight) !important;
}

.border-midnight-top {
    border-top-color: var(--midnight) !important;
}

.border-midnight-bottom {
    border-bottom-color: var(--midnight) !important;
}

.border-midnight-left {
    border-left-color: var(--midnight) !important;
}

.border-midnight-right {
    border-right-color: var(--midnight) !important;
}

/* Gri Border Sınıfları */
.border-gray-100 { border-color: var(--gri-100) !important; }
.border-gray-200 { border-color: var(--gri-200) !important; }
.border-gray-300 { border-color: var(--gri-300) !important; }
.border-gray-400 { border-color: var(--gri-400) !important; }
.border-gray-500 { border-color: var(--gri-500) !important; }
.border-gray-600 { border-color: var(--gri-600) !important; }
.border-gray-700 { border-color: var(--gri-700) !important; }
.border-gray-800 { border-color: var(--gri-800) !important; }
.border-gray-900 { border-color: var(--gri-900) !important; }

.border-top-gray-100 { border-top-color: var(--gri-100) !important; }
.border-top-gray-200 { border-top-color: var(--gri-200) !important; }
.border-top-gray-300 { border-top-color: var(--gri-300) !important; }
.border-top-gray-400 { border-top-color: var(--gri-400) !important; }
.border-top-gray-500 { border-top-color: var(--gri-500) !important; }
.border-top-gray-600 { border-top-color: var(--gri-600) !important; }
.border-top-gray-700 { border-top-color: var(--gri-700) !important; }
.border-top-gray-800 { border-top-color: var(--gri-800) !important; }
.border-top-gray-900 { border-top-color: var(--gri-900) !important; }

.border-bottom-gray-100 { border-bottom-color: var(--gri-100) !important; }
.border-bottom-gray-200 { border-bottom-color: var(--gri-200) !important; }
.border-bottom-gray-300 { border-bottom-color: var(--gri-300) !important; }
.border-bottom-gray-400 { border-bottom-color: var(--gri-400) !important; }
.border-bottom-gray-500 { border-bottom-color: var(--gri-500) !important; }
.border-bottom-gray-600 { border-bottom-color: var(--gri-600) !important; }
.border-bottom-gray-700 { border-bottom-color: var(--gri-700) !important; }
.border-bottom-gray-800 { border-bottom-color: var(--gri-800) !important; }
.border-bottom-gray-900 { border-bottom-color: var(--gri-900) !important; }

.border-left-gray-100 { border-left-color: var(--gri-100) !important; }
.border-left-gray-200 { border-left-color: var(--gri-200) !important; }
.border-left-gray-300 { border-left-color: var(--gri-300) !important; }
.border-left-gray-400 { border-left-color: var(--gri-400) !important; }
.border-left-gray-500 { border-left-color: var(--gri-500) !important; }
.border-left-gray-600 { border-left-color: var(--gri-600) !important; }
.border-left-gray-700 { border-left-color: var(--gri-700) !important; }
.border-left-gray-800 { border-left-color: var(--gri-800) !important; }
.border-left-gray-900 { border-left-color: var(--gri-900) !important; }

.border-right-gray-100 { border-right-color: var(--gri-100) !important; }
.border-right-gray-200 { border-right-color: var(--gri-200) !important; }
.border-right-gray-300 { border-right-color: var(--gri-300) !important; }
.border-right-gray-400 { border-right-color: var(--gri-400) !important; }
.border-right-gray-500 { border-right-color: var(--gri-500) !important; }
.border-right-gray-600 { border-right-color: var(--gri-600) !important; }
.border-right-gray-700 { border-right-color: var(--gri-700) !important; }
.border-right-gray-800 { border-right-color: var(--gri-800) !important; }
.border-right-gray-900 { border-right-color: var(--gri-900) !important; }

/* &Font Size 7,8,9 */
.fs-7 {
    font-size: .75rem !important;
}

.fs-8 {
    font-size: .625rem !important;
}

.fs-9 {
    font-size: .5rem !important;
}

/* &Kırmızı Metin Sınıfları */
.text-danger-100 {
    color: var(--kirmizi-100) !important;
}

.text-danger-200 {
    color: var(--kirmizi-200) !important;
}

.text-danger-300 {
    color: var(--kirmizi-300) !important;
}

.text-danger-400 {
    color: var(--kirmizi-400) !important;
}

.text-danger-500 {
    color: var(--kirmizi-500) !important;
}

.text-danger-600 {
    color: var(--kirmizi-600) !important;
}

.text-danger-700 {
    color: var(--kirmizi-700) !important;
}

.text-danger-800 {
    color: var(--kirmizi-800) !important;
}

.text-danger-900 {
    color: var(--kirmizi-900) !important;
}

/* &Mavi Metin Sınıfları */
.text-primary-100 {
    color: var(--mavi-100) !important;
}

.text-primary-200 {
    color: var(--mavi-200) !important;
}

.text-primary-300 {
    color: var(--mavi-300) !important;
}

.text-primary-400 {
    color: var(--mavi-400) !important;
}

.text-primary-500 {
    color: var(--mavi-500) !important;
}

.text-primary-600 {
    color: var(--mavi-600) !important;
}

.text-primary-700 {
    color: var(--mavi-700) !important;
}

.text-primary-800 {
    color: var(--mavi-800) !important;
}

.text-primary-900 {
    color: var(--mavi-900) !important;
}

/* &Gri Metin Sınıfları */
.text-gray-100 {
    color: var(--gri-100) !important;
}

.text-gray-200 {
    color: var(--gri-200) !important;
}

.text-gray-300 {
    color: var(--gri-300) !important;
}

.text-gray-400 {
    color: var(--gri-400) !important;
}

.text-gray-500 {
    color: var(--gri-500) !important;
}

.text-gray-600 {
    color: var(--gri-600) !important;
}

.text-gray-700 {
    color: var(--gri-700) !important;
}

.text-gray-800 {
    color: var(--gri-800) !important;
}

.text-gray-900 {
    color: var(--gri-900) !important;
}

/* &Yeşil Metin Sınıfları */
/* &Yeşil Metin Sınıfları */
.text-success-100 {
    color: var(--yesil-100) !important;
}

.text-success-200 {
    color: var(--yesil-200) !important;
}

.text-success-300 {
    color: var(--yesil-300) !important;
}

.text-success-400 {
    color: var(--yesil-400) !important;
}

.text-success-500 {
    color: var(--yesil-500) !important;
}

.text-success-600 {
    color: var(--yesil-600) !important;
}

.text-success-700 {
    color: var(--yesil-700) !important;
}

.text-success-800 {
    color: var(--yesil-800) !important;
}

.text-success-900 {
    color: var(--yesil-900) !important;
}

/* &Info Metin Sınıfları */
.text-info-100 {
    color: var(--info-100) !important;
}

.text-info-200 {
    color: var(--info-200) !important;
}

.text-info-300 {
    color: var(--info-300) !important;
}

.text-info-400 {
    color: var(--info-400) !important;
}

.text-info-500 {
    color: var(--info-500) !important;
}

.text-info-600 {
    color: var(--info-600) !important;
}

.text-info-700 {
    color: var(--info-700) !important;
}

.text-info-800 {
    color: var(--info-800) !important;
}

.text-info-900 {
    color: var(--info-900) !important;
}

/* &Sarı Metin Sınıfları */
.text-warning-100 {
    color: var(--sari-100) !important;
}

.text-warning-200 {
    color: var(--sari-200) !important;
}

.text-warning-300 {
    color: var(--sari-300) !important;
}

.text-warning-400 {
    color: var(--sari-400) !important;
}

.text-warning-500 {
    color: var(--sari-500) !important;
}

.text-warning-600 {
    color: var(--sari-600) !important;
}

.text-warning-700 {
    color: var(--sari-700) !important;
}

.text-warning-800 {
    color: var(--sari-800) !important;
}

.text-warning-900 {
    color: var(--sari-900) !important;
}

/* &Kırmızı Arka Plan Sınıfları */
.bg-danger-100 {
    background-color: var(--kirmizi-100) !important;
}

.bg-danger-200 {
    background-color: var(--kirmizi-200) !important;
}

.bg-danger-300 {
    background-color: var(--kirmizi-300) !important;
}

.bg-danger-400 {
    background-color: var(--kirmizi-400) !important;
}

.bg-danger-500 {
    background-color: var(--kirmizi-500) !important;
}

.bg-danger-600 {
    background-color: var(--kirmizi-600) !important;
}

.bg-danger-700 {
    background-color: var(--kirmizi-700) !important;
}

.bg-danger-800 {
    background-color: var(--kirmizi-800) !important;
}

.bg-danger-900 {
    background-color: var(--kirmizi-900) !important;
}

/* &Mavi Arka Plan Sınıfları */
.bg-primary-100 {
    background-color: var(--mavi-100) !important;
}

.bg-primary-200 {
    background-color: var(--mavi-200) !important;
}

.bg-primary-300 {
    background-color: var(--mavi-300) !important;
}

.bg-primary-400 {
    background-color: var(--mavi-400) !important;
}

.bg-primary-500 {
    background-color: var(--mavi-500) !important;
}

.bg-primary-600 {
    background-color: var(--mavi-600) !important;
}

.bg-primary-700 {
    background-color: var(--mavi-700) !important;
}

.bg-primary-800 {
    background-color: var(--mavi-800) !important;
}

.bg-primary-900 {
    background-color: var(--mavi-900) !important;
}

/* &Gri Arka Plan Sınıfları */
.bg-gray-100 {
    background-color: var(--gri-100) !important;
}

.bg-gray-200 {
    background-color: var(--gri-200) !important;
}

.bg-gray-300 {
    background-color: var(--gri-300) !important;
}

.bg-gray-400 {
    background-color: var(--gri-400) !important;
}

.bg-gray-500 {
    background-color: var(--gri-500) !important;
}

.bg-gray-600 {
    background-color: var(--gri-600) !important;
}

.bg-gray-700 {
    background-color: var(--gri-700) !important;
}

.bg-gray-800 {
    background-color: var(--gri-800) !important;
}

.bg-gray-900 {
    background-color: var(--gri-900) !important;
}

/* &Yeşil Arka Plan Sınıfları */
.bg-success-100 {
    background-color: var(--yesil-100) !important;
}

.bg-success-200 {
    background-color: var(--yesil-200) !important;
}

.bg-success-300 {
    background-color: var(--yesil-300) !important;
}

.bg-success-400 {
    background-color: var(--yesil-400) !important;
}

.bg-success-500 {
    background-color: var(--yesil-500) !important;
}

.bg-success-600 {
    background-color: var(--yesil-600) !important;
}

.bg-success-700 {
    background-color: var(--yesil-700) !important;
}

.bg-success-800 {
    background-color: var(--yesil-800) !important;
}

.bg-success-900 {
    background-color: var(--yesil-900) !important;
}

/* &Info Arka Plan Sınıfları */
.bg-info-100 {
    background-color: var(--info-100) !important;
}

.bg-info-200 {
    background-color: var(--info-200) !important;
}

.bg-info-300 {
    background-color: var(--info-300) !important;
}

.bg-info-400 {
    background-color: var(--info-400) !important;
}

.bg-info-500 {
    background-color: var(--info-500) !important;
}

.bg-info-600 {
    background-color: var(--info-600) !important;
}

.bg-info-700 {
    background-color: var(--info-700) !important;
}

.bg-info-800 {
    background-color: var(--info-800) !important;
}

.bg-info-900 {
    background-color: var(--info-900) !important;
}

/* &Sarı Arka Plan Sınıfları */
.bg-warning-100 {
    background-color: var(--sari-100) !important;
}

.bg-warning-200 {
    background-color: var(--sari-200) !important;
}

.bg-warning-300 {
    background-color: var(--sari-300) !important;
}

.bg-warning-400 {
    background-color: var(--sari-400) !important;
}

.bg-warning-500 {
    background-color: var(--sari-500) !important;
}

.bg-warning-600 {
    background-color: var(--sari-600) !important;
}

.bg-warning-700 {
    background-color: var(--sari-700) !important;
}

.bg-warning-800 {
    background-color: var(--sari-800) !important;
}

.bg-warning-900 {
    background-color: var(--sari-900) !important;
}

/* &Font Weight Sınıfları */
.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/* &TEXT ALIGN */
.text-left { text-align: left !important; }

.text-right { text-align: right !important; }

.align-middle-between {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important; 
    height: 100%;
}
/* &Responsive Height */
@media (min-width: 1200px) {
    .h-xl-50 {
        height: 50% !important;
    }
}

/* &Height */
.h-25px { height: 25px !important; }
.h-50px { height: 50px !important; }
.h-70px { height: 70px !important; }
.h-75px { height: 75px !important; }
.h-100px { height: 100px !important; }
.h-125px { height: 125px !important; }
.h-150px { height: 150px !important; }
.h-175px { height: 175px !important; }
.h-200px { height: 200px !important; }
.h-225px { height: 225px !important; }
.h-250px { height: 250px !important; }
.h-275px { height: 275px !important; }
.h-300px { height: 300px !important; }
.h-325px { height: 325px !important; }
.h-350px { height: 350px !important; }
.h-375px { height: 375px !important; }
.h-400px { height: 400px !important; }
.h-425px { height: 425px !important; }
.h-450px { height: 450px !important; }
.h-475px { height: 475px !important; }
.h-500px { height: 500px !important; }

/* &Width */
.w-25px { width: 25px !important; }
.w-50px { width: 50px !important; }
.w-70px { width: 70px !important; }
.w-75px { width: 75px !important; }
.w-100px { width: 100px !important; }
.w-125px { width: 125px !important; }
.w-150px { width: 150px !important; }
.w-175px { width: 175px !important; }
.w-200px { width: 200px !important; }
.w-225px { width: 225px !important; }
.w-250px { width: 250px !important; }
.w-275px { width: 275px !important; }
.w-300px { width: 300px !important; }
.w-325px { width: 325px !important; }
.w-350px { width: 350px !important; }
.w-375px { width: 375px !important; }
.w-400px { width: 400px !important; }
.w-425px { width: 425px !important; }
.w-450px { width: 450px !important; }
.w-475px { width: 475px !important; }
.w-500px { width: 500px !important; }

/* &Height Large */
@media (min-width: 992px) {
    .h-lg-25px { height: 25px !important; }
    .h-lg-50px { height: 50px !important; }
    .h-lg-70px { height: 70px !important; }
    .h-lg-75px { height: 75px !important; }
    .h-lg-100px { height: 100px !important; }
    .h-lg-125px { height: 125px !important; }
    .h-lg-150px { height: 150px !important; }
    .h-lg-175px { height: 175px !important; }
    .h-lg-200px { height: 200px !important; }
    .h-lg-225px { height: 225px !important; }
    .h-lg-250px { height: 250px !important; }
    .h-lg-275px { height: 275px !important; }
    .h-lg-300px { height: 300px !important; }
    .h-lg-325px { height: 325px !important; }
    .h-lg-350px { height: 350px !important; }
    .h-lg-375px { height: 375px !important; }
    .h-lg-400px { height: 400px !important; }
    .h-lg-425px { height: 425px !important; }
    .h-lg-450px { height: 450px !important; }
    .h-lg-475px { height: 475px !important; }
    .h-lg-500px { height: 500px !important; }

    .w-lg-25px { width: 25px !important; }
    .w-lg-50px { width: 50px !important; }
    .w-lg-70px { width: 70px !important; }
    .w-lg-75px { width: 75px !important; }
    .w-lg-100px { width: 100px !important; }
    .w-lg-125px { width: 125px !important; }
    .w-lg-150px { width: 150px !important; }
    .w-lg-175px { width: 175px !important; }
    .w-lg-200px { width: 200px !important; }
    .w-lg-225px { width: 225px !important; }
    .w-lg-250px { width: 250px !important; }
    .w-lg-275px { width: 275px !important; }
    .w-lg-300px { width: 300px !important; }
    .w-lg-325px { width: 325px !important; }
    .w-lg-350px { width: 350px !important; }
    .w-lg-375px { width: 375px !important; }
    .w-lg-400px { width: 400px !important; }
    .w-lg-425px { width: 425px !important; }
    .w-lg-450px { width: 450px !important; }
    .w-lg-475px { width: 475px !important; }
    .w-lg-500px { width: 500px !important; }
}

/* &Padding */
.p-6 {
    padding: 4rem !important;
}

.p-7 {
    padding: 5rem !important;
}

.p-8 {
    padding: 6rem !important;
}

.p-9 {
    padding: 7rem !important;
}

.p-10 {
    padding: 8rem !important;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.px-7 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.px-8 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
}

.px-9 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
}

.px-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
}

.py-6 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.py-7 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.py-8 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
}

.py-9 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
}

.py-10 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
}

.pt-6 {
    padding-top: 4rem !important;
}

.pt-7 {
    padding-top: 5rem !important;
}

.pt-8 {
    padding-top: 6rem !important;
}

.pt-9 {
    padding-top: 7rem !important;
}

.pt-10 {
    padding-top: 8rem !important;
}

.pb-6 {
    padding-bottom: 4rem !important;
}

.pb-7 {
    padding-bottom: 5rem !important;
}

.pb-8 {
    padding-bottom: 6rem !important;
}

.pb-9 {
    padding-bottom: 7rem !important;
}

.pb-10 {
    padding-bottom: 8rem !important;
}

.ps-6 {
    padding-inline-start: 4rem !important;
}

.ps-7 {
    padding-inline-start: 5rem !important;
}

.ps-8 {
    padding-inline-start: 6rem !important;
}

.ps-9 {
    padding-inline-start: 7rem !important;
}

.ps-10 {
    padding-inline-start: 8rem !important;
}

.pe-6 {
    padding-inline-end: 4rem !important;
}

.pe-7 {
    padding-inline-end: 5rem !important;
}

.pe-8 {
    padding-inline-end: 6rem !important;
}

.pe-9 {
    padding-inline-end: 7rem !important;
}

.pe-10 {
    padding-inline-end: 8rem !important;
}

/* &Margin */
.m-6 {
    margin: 4rem !important;
}

.m-7 {
    margin: 5rem !important;
}

.m-8 {
    margin: 6rem !important;
}

.m-9 {
    margin: 7rem !important;
}

.m-10 {
    margin: 8rem !important;
}

.mx-6 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
}

.mx-7 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
}

.mx-8 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
}

.mx-9 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
}

.mx-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
}

.my-6 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
}

.my-7 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

.my-8 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
}

.my-9 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
}

.my-10 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
}

.mt-6 {
    margin-top: 4rem !important;
}

.mt-7 {
    margin-top: 5rem !important;
}

.mt-8 {
    margin-top: 6rem !important;
}

.mt-9 {
    margin-top: 7rem !important;
}

.mt-10 {
    margin-top: 8rem !important;
}

.mb-6 {
    margin-bottom: 4rem !important;
}

.mb-7 {
    margin-bottom: 5rem !important;
}

.mb-8 {
    margin-bottom: 6rem !important;
}

.mb-9 {
    margin-bottom: 7rem !important;
}

.mb-10 {
    margin-bottom: 8rem !important;
}

.ms-6 {
    margin-inline-start: 4rem !important;
}

.ms-7 {
    margin-inline-start: 5rem !important;
}

.ms-8 {
    margin-inline-start: 6rem !important;
}

.ms-9 {
    margin-inline-start: 7rem !important;
}

.ms-10 {
    margin-inline-start: 8rem !important;
}

.me-6 {
    margin-inline-end: 4rem !important;
}

.me-7 {
    margin-inline-end: 5rem !important;
}

.me-8 {
    margin-inline-end: 6rem !important;
}

.me-9 {
    margin-inline-end: 7rem !important;
}

.me-10 {
    margin-inline-end: 8rem !important;
}

/* &Font Sizes */
.fs-7 {
font-size: .75rem !important;
}

.fs-8 {
font-size: .625rem !important;
}

.fs-9 {
font-size: .5rem !important;
}

/* &Font Sizes for Small Screens */
@media (max-width: 576px) {
    .fs-sm-1 {
        font-size: calc(1.34375rem + 1.125vw) !important;
    }

    .fs-sm-2 {
        font-size: calc(1.3rem + .6vw) !important;
    }

    .fs-sm-3 {
        font-size: calc(1.278125rem + .3375vw) !important;
    }

    .fs-sm-4 {
        font-size: calc(1.25625rem + .075vw) !important;
    }

    .fs-sm-5 {
        font-size: 1.09375rem !important;
    }

    .fs-sm-6 {
        font-size: .875rem !important;
    }

    .fs-sm-7 {
        font-size: .75rem !important;
    }

    .fs-sm-8 {
        font-size: .625rem !important;
    }

    .fs-sm-9 {
        font-size: .5rem !important;
    }
}

/* &Font Sizes for Medium Screens */
@media (min-width: 768px) and (max-width: 991.98px) {
    .fs-md-1 {
        font-size: calc(1.34375rem + 1.125vw) !important;
    }

    .fs-md-2 {
        font-size: calc(1.3rem + .6vw) !important;
    }

    .fs-md-3 {
        font-size: calc(1.278125rem + .3375vw) !important;
    }

    .fs-md-4 {
        font-size: calc(1.25625rem + .075vw) !important;
    }

    .fs-md-5 {
        font-size: 1.09375rem !important;
    }

    .fs-md-6 {
        font-size: .875rem !important;
    }

    .fs-md-7 {
        font-size: .75rem !important;
    }

    .fs-md-8 {
        font-size: .625rem !important;
    }

    .fs-md-9 {
        font-size: .5rem !important;
    }
}

/* &Object Fit */
.object-contain {
    object-fit: contain !important;
}

.object-cover {
    object-fit: cover !important;
}

.object-fill {
    object-fit: fill !important;
}

.darkmode-icon {
    transition: text-shadow 0.6s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: flex;
    align-items: end;
    color: var(--gri-500)

}

.darkmode-icon:hover {
    text-shadow: 0 0 3px #3971D3, 0 0 5px #3971d375, 0 0 12px #3971D3;
    color:  #F1F1F4
} 

.lightmode-icon {
    transition: text-shadow 0.6s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: flex;
    align-items: end;
    color: var(--gri-500)
}

.lightmode-icon:hover {
    text-shadow: 0 0 3px #3971D3, 0 0 5px #3971d375, 0 0 12px #3971D3;
    color:  #F1F1F4
}

        /* Ayarlar */
.settings-icon{
    transition: text-shadow 0.6s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: flex;
    align-items: end;
    color: var(--gri-500)
}

.settings-icon:hover {
    text-shadow: 0 0 3px #0310EA, 0 0 5px #0310EA, 0 0 12px #fa0064;;
    color:  #F1F1F4
}  

/* Çıkış Yap */
.logout-icon{
    transition: text-shadow 0.6s ease-in-out;
    transition: color 0.3s ease-in-out;
    display: flex;
    align-items: end;
    color: var(--gri-500)
}

.logout-icon:hover {
    text-shadow: 0 0 3px #fa0064, 0 0 5px #fa0064, 0 0 12px #fa0064;;
    color:  #F1F1F4
}   

.admin{
    position: absolute;
    bottom: 0; 
    width: 100%;
}

.profil{
    cursor: pointer;
}

.profil:hover{
    scale: 1.04;
    transition: 0.7s ease-in-out;
}

/* &Text-Hover */
.text-hover-primary,
.text-hover-danger,
.text-hover-success,
.text-hover-warning,
.text-hover-info,
.text-hover-gray {
    transition: color 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.text-hover-primary:hover {
    color: var(--mavi-800) !important;
}

.text-hover-danger:hover {
    color: var(--kirmizi-800) !important;
}

.text-hover-success:hover {
    color: var(--yesil-800) !important;
}

.text-hover-warning:hover {
    color: var(--sari-800) !important;
}

.text-hover-info:hover {
    color: var(--info-800) !important;
}

.text-hover-gray:hover {
    color: var(--gri-800) !important;
}

/* &TOOLTIP POPPER */
.popper-tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.5;
    color: #222;
    background: rgba(255,255,255,0.96);
    border-radius: 10px;
    padding: .45em 1em;
    box-shadow: 0 2px 12px 0 rgba(60,60,67,0.10);
    pointer-events: none;
    opacity: 1;
    border: 1px solid #ececf0;
    backdrop-filter: blur(6px);
    letter-spacing: 0.01em;
    transition: none;
    transform: none;
}

.popper-tooltip .tooltip-arrow {
    position: absolute;
    width: 1em;
    height: .5em;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5em;
    overflow: hidden;
    pointer-events: none;
}

.popper-tooltip .tooltip-arrow::before {
    content: "";
    position: absolute;
    width: 1em;
    height: .5em;
    background: rgba(255,255,255,0.96);
    border-bottom: 1px solid #ececf0;
    left: 0;
    top: 0;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    box-shadow: 0 1px 4px 0 rgba(60,60,67,0.08);
    backdrop-filter: blur(6px);
}

.card-pattern {
    background-image: url("../images/bg-card.png");
    background-size: cover;    
    background-repeat: no-repeat; 
    background-position: center;  
}
[data-bs-theme="dark"] .card-pattern {
    background-image: url("../images/bg-card-dark.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-outline-gray {
  --vz-btn-bg: transparent;
  --vz-btn-border-color: var(--gri-200);
  --vz-btn-hover-bg: var(--gri-100);
  --vz-btn-hover-border-color: var(--gri-200);
  --vz-btn-hover-color: var(--gri-900);
  --vz-btn-active-bg: var(--gri-200);
}

:is(.btn-outline-gray).btn-border {
  border-bottom: 2px solid var(--gri-200);
}

[data-bs-theme="dark"] .btn-outline-gray {
  --vz-btn-border-color: var(--gri-600);
  --vz-btn-hover-bg: var(--gri-700);
  --vz-btn-hover-border-color: var(--gri-600);
  --vz-btn-hover-color: var(--gri-100);
  --vz-btn-active-bg: var(--gri-700);
}

[data-bs-theme="dark"] :is(.btn-outline-gray).btn-border {
  border-bottom: 2px solid var(--gri-600);
}

.text-darko {
  color: var(--gri-900) !important;
}

[data-bs-theme="dark"] .text-darko {
  color: #fff !important;
}

.border-darko {
  border-color: var(--gri-900) !important;
}

[data-bs-theme="dark"] .border-darko {
  border-color: #fff !important;
}

[data-bs-theme="dark"] .firma {
  filter: invert(1);
}

@media (max-width: 576px) {
  .table-mobile {
    min-width: 400px;
  }
}

.border-acil {
  opacity: 1;
  border-color: #D80D16 !important;
}

.bg-acil-subtle {  
    background-color: rgba(216, 13, 22, 0.1) !important;
}

.bg-acil {
  background-color: #D80D16 !important;
}

.text-acil {
  color: #D80D16 !important;
}

.link-acil {
  color: rgba(216, 13, 22, 1) !important;
  -webkit-text-decoration-color: rgba(216, 13, 22, 1) !important;
  text-decoration-color: rgba(216, 13, 22, 1) !important;
}

.link-acil:focus,
.link-acil:hover {
  color: rgba(180, 10, 18, 1) !important;
  -webkit-text-decoration-color: rgba(180, 10, 18, 1) !important;
  text-decoration-color: rgba(180, 10, 18, 1) !important;
}

.link-darko {
  color: var(--gri-900) !important;
  -webkit-text-decoration-color: var(--gri-900) !important;
  text-decoration-color: var(--gri-900) !important;
}

.link-darko:focus,
.link-darko:hover {
  color: var(--gri-700) !important;
  -webkit-text-decoration-color: var(--gri-700) !important;
  text-decoration-color: var(--gri-700) !important;
}

[data-bs-theme="dark"] .link-darko {
  color: #fff !important;
  -webkit-text-decoration-color: #fff !important;
  text-decoration-color: #fff !important;
}

[data-bs-theme="dark"] .link-darko:focus,
[data-bs-theme="dark"] .link-darko:hover {
  color: var(--gri-200) !important;
  -webkit-text-decoration-color: var(--gri-200) !important;
  text-decoration-color: var(--gri-200) !important;
}

.btn-cekilis:checked + .btn {
    border-color: #5ea3cb !important;
    box-shadow: 0 4px 15px rgba(94, 163, 203, 0.462) !important; 
    transition: all 0.3s ease !important;
}

/*yıldız mouse yılbaşı */


.star {
  transform-style: preserve-3d;
  width: 1px;
  height: 1px;
  position: absolute;
  color: red;
}

.star:before {
  position: absolute;
  content: "✦";
  color: inherit;
  inset: 0;
  text-shadow: 0 0 0.8em #fff5;
}