/*!
 * bs4-compat.css — Bootstrap 5.0.2 için Bootstrap 4 görsel uyumluluk yamaları
 */

/* 1) Grid gutter'ı BS4 gibi yap (30px -> kolon başına 15px padding) */
:root {
    --bs-gutter-x: 30px;
}

/* 2) XXL breakpoint'te container'ı 1140px'e sabitle (BS4 davranışı) */
@media (min-width: 1400px) {
    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1140px;
    }
}

/* 3) Link çizgilerini BS4'e döndür (içerik linkleri hover'da altı çizili) */
a {
    text-decoration: none;
}

    a:hover,
    a:focus {
        text-decoration: underline;
    }

/* Menü, nav, dropdown, breadcrumb, pagination vb. yerlerde hover'da çizgi olmasın (BS4'e yakın) */
.nav-link,
.navbar a,
.dropdown-item,
.breadcrumb a,
.pagination .page-link,
.list-group-item-action {
    text-decoration: none;
}

    .nav-link:hover,
    .navbar a:hover,
    .dropdown-item:hover,
    .breadcrumb a:hover,
    .pagination .page-link:hover,
    .list-group-item-action:hover {
        text-decoration: none;
    }

/* Buton linkleri ve normal butonlar altı çizili olmasın */
.btn,
.btn:hover,
.btn:focus {
    text-decoration: none !important;
}

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

    .btn-link:hover,
    .btn-link:focus {
        text-decoration: underline;
    }

/* 4) Border radius'ları BS4'e yaklaştır (isteğe bağlı, geneli toparlar) */
:root {
    --bs-border-radius: .25rem;
    --bs-border-radius-sm: .2rem;
    --bs-border-radius-lg: .3rem;
}

/* 5) Form label alt boşluğu BS4'e benzet */
label,
.form-label {
    margin-bottom: .5rem;
}

/* 6) Kart başlıkları ve benzeri hizalamalar için ufak düzeltmeler (isteğe bağlı) */
.card-title {
    margin-bottom: .75rem;
}

/* 7) Navbar linklerinin kalınlaşmasını istemiyorsan (BS4'e yakın incelik) */
.navbar .nav-link {
    font-weight: 400;
}

/* 8) Tablo linkleri/başlıkları alt çizgi açmasın (sık görülen istek) */
.table a {
    text-decoration: none;
}

    .table a:hover {
        text-decoration: underline;
    }

.table td, .table th {
    border-top: 1px solid #dee2e6;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }
}

@media (min-width: 576px) {
    .text-sm-right {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .float-lg-right {
        float: right !important;
    }
}




@media (min-width: 1200px) {
    .mb-xl-3, .my-xl-3 {
        margin-bottom: 1rem !important;
    }
}

@media (min-width: 1200px) {
    .ml-xl-2, .mx-xl-2 {
        margin-left: .5rem !important;
    }
}

@media (min-width: 992px) {
    .ml-lg-2, .mx-lg-2 {
        margin-left: .5rem !important;
    }
}

@media (min-width: 992px) {
    .mb-lg-2, .my-lg-2 {
        margin-bottom: .5rem !important;
    }
}

.mr-2, .mx-2 {
    margin-right: .5rem !important;
}

.ml-2, .mx-2 {
    margin-left: .5rem !important;
}

.mr-1, .mx-1 {
    margin-right: .25rem !important;
}

.ml-1, .mx-1 {
    /*margin-left: .25rem !important;*/
}

.ml-1-override, .mx-1-override {
    margin-left: .25rem !important;
}

.ms-1 {
    margin-left: 0 !important;
}

.float-right {
    float: right !important;
}


/*combodate select gorunumu*/
.form-control {
    border: 1px solid #ced4da !important;
}

.form-control-sm {
    height: calc(1.8125rem + 2px);
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.form-group {
    margin-bottom: 1rem;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: inherit;
}

.input-group-prepend {
    margin-right: -1px;
}

.input-group-append, .input-group-prepend {
    display: -ms-flexbox;
    display: flex;
}

/* Eski sınıfları BS5 görünümüne map'le */
select.form-control,
.custom-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    max-width: 100%;
}

    /* Ok (chevron) görünsün */
    select.form-control:not([multiple]):not([size]),
    .custom-select:not([multiple]):not([size]),
    .form-select:not([multiple]):not([size]) {
        background-image: var(--bs-form-select-bg-img, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"));
        background-repeat: no-repeat;
        background-position: right .75rem center;
        background-size: 16px 12px;
        padding-right: 2.25rem;
    }

    /* Odak stili */
    select.form-control:focus,
    .custom-select:focus,
    .form-select:focus {
        outline: 0;
        border-color: var(--bs-primary);
        box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
    }

    /* BS4 boyut sınıfları için yaklaşık eşdeğerler */
    .custom-select.custom-select-sm,
    select.form-control.form-control-sm {
        font-size: .875rem;
        border-radius: var(--bs-border-radius-sm);
        padding-top: .25rem;
        padding-bottom: .25rem;
    }

    .custom-select.custom-select-lg,
    select.form-control.form-control-lg {
        font-size: 1.25rem;
        border-radius: var(--bs-border-radius-lg);
        padding-top: .5rem;
        padding-bottom: .5rem;
    }

/* Her ihtimale karşı bazı global resetleri geri al */
select {
    background-color: inherit;
}
/* başka css 'background:none' verdiyse */
.form-select {
    background-image: var(--bs-form-select-bg-img) !important;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

    .close:hover {
        color: #000;
        text-decoration: none;
    }

    .close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover {
        opacity: .75;
    }

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 550px;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }
}

@media (min-width: 768px) {
    .text-md-right {
        text-align: right !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-right {
        text-align: right !important;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}

.small, small {
    font-size: 80%;
}

.ml-3, .mx-3 {
    margin-left: 1rem !important;
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: inherit;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    padding-right: 15px;
    padding-left: 15px;
}
footer hr {
    background: #46546d;
    color: #46546d;
    height: 1px;
    border: 0;
    opacity: 1;
}