* {
    scrollbar-width: auto;
    scrollbar-color: #8f54a0 #83147a;
}


html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
}





.colod-1 {
    background-image: linear-gradient(to right, #3da4a3, #83147a);
    color: white;
}



.vh-100 {
    height: 100vh !important;
}




.btn-bd-ihsan {
    font-weight: 600;
    color: #fff; /* Beyaz yazı */
    background-color: #6c5ce7; /* Mor buton rengi */
    border-color: #6c5ce7; /* Mor çerçeve rengi */
    border-radius: 0.375rem; /* Hafif yuvarlatma */
    padding: 0.5rem 1rem; /* Düğme iç boşluğu */
}

    .btn-bd-ihsan:hover {
        background-color: #5b4acb; /* Hover sırasında koyu mor */
        border-color: #5b4acb;
    }

    .btn-bd-ihsan:focus {
        box-shadow: 0 0 0 0.25rem rgba(108, 92, 231, 0.5); /* Odaklandığında gölge */
    }

    .btn-bd-ihsan:active {
        background-color: #4e3db0; /* Tıklama sırasında daha koyu mor */
        border-color: #4e3db0;
    }







#SearchList {
    max-height: 300px; /* Yükseklik sınırı */
    overflow-y: auto; /* Taşan veriler için kaydırma */
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #f9f9f9;
    padding: 5px;
}

    #SearchList .customer-item {
        padding: 10px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
        transition: background 0.2s ease;
    }

        #SearchList .customer-item:hover {
            background: #f0f0f0;
        }

        #SearchList .customer-item h3 {
            font-size: 1.2rem; /* Daha küçük başlık */
            margin: 0;
            font-weight: 600;
        }

        #SearchList .customer-item p {
            font-size: 0.9rem; /* Daha küçük detay yazısı */
            margin: 0;
            color: #666;
        }