@keyframes blinkFade {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    50% {
        opacity: 0;
        transform: translateY(-2px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.OzetBilgiAnimasyon {
    animation: blinkFade 1.2s infinite ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .OzetBilgiAnimasyon {
        animation: none;
        opacity: 1;
        transform: none;
    }
}




/* yatay kaydırma içeren container */
.paket-scroll {
    display: ruby !important;
    flex-wrap: nowrap !important; /* alt satıra geçmeyi engelle */
    gap: 1rem !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 0.5rem 0 !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    white-space: nowrap !important;
}

    /* Eğer kartların içinde col-12 gibi sınıflar varsa bunları override et */
    .paket-scroll > .col-12,
    .paket-scroll > .paket-card,
    .paket-scroll > .paket-card * {
        box-sizing: border-box !important;
    }

    /* her bir kartın kendisi — genişliği isteğe göre ayarla */
    .paket-scroll > .col-12,
    .paket-scroll > .paket-card {
        flex: 0 0 auto !important; /* sabit genişlik, kırılmayı önler */
        width: 320px !important; /* kart genişliği: istersen 280/300/340 yap */
    }

    /* kart içeriğinin tam genişlik kullanması için */
    .paket-scroll .card {
        width: 100% !important;
        height: auto;
    }
    .paket-scroll .row {
        display: ruby !important;
    }

    .card.pricing-basic .card-body {
        display: flex;
        flex-direction: column;
        flex: 1; /* kartın geri kalanını kaplasın */
    }

    .card.pricing-basic .footer-btn {
        margin-top: auto; /* butonu en alta iter */
    }

.YukseklikSabit {
    height: 610px !important;
}
/* istersen küçük ekranlarda daha dar göster */
@media (max-width: 576px) {
    .paket-scroll > .col-12,
    .paket-scroll > .paket-card {
        width: 260px !important;
    }
}

@media (min-width: 1200px) {

    .paket-scroll .col-xl-3 {
        flex: 0 0 auto;
        width: 22%;
    }
}

.row {

   /* padding: 10px !important;*/
}

.Logo_ a img {
    height: 50px !important;
}
.UstMenu_Iletisim a {
    display: block;
    width: 100%;
    padding: 0px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    height: 20px !important;
    padding-left: 3px !important;
}
.UstMenu_Iletisim a span {

    height: 20px !important;

}
.widget a{
    margin-top:5px;
}
.Sayfalama {
    text-align: center; /* Sayfa numaralarını ortalamak için */
    margin-top: 20px; /* Yukarıdan boşluk bırakmak için */
    font-family: Arial, sans-serif; /* Yazı tipi ayarı */
}

.Sayfalama span {
    color: #717171; /* Yazı rengi */
    background-color: #e9e9e9; /* Arka plan rengi */
    border-radius: 5px; /* Köşeleri yuvarlama */
    padding: 5px 10px; /* İç boşluk */
    font-weight: bold; /* Kalın yazı */
}

.Sayfalama a {
    color: #007bff; /* Yazı rengi */
    text-decoration: none; /* Alt çizgiyi kaldır */
    background-color: #abcef3;
    margin: 0 5px; /* Sayfa numaraları arasında boşluk */
    padding: 5px 10px; /* İç boşluk */
    border: 1px solid #007bff; /* Çerçeve ekleme */
    border-radius: 5px; /* Köşeleri yuvarlama */
    transition: all 0.3s ease; /* Geçiş animasyonu */
}

.Sayfalama a:hover {
    background-color: #007bff; /* Arka plan rengi */
    color: #ffffff; /* Yazı rengi */
}


.LoaderIslem {
    position: absolute;
    top: 250px;
    left: 40%;
    z-index: 99999999;
}

.loader {
    width: 60px;
    aspect-ratio: 2;
    --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
    background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
    background-size: calc(100%/3) 50%;
    animation: l3 1s infinite linear;
}
@keyframes l3 {
    20% {
        background-position: 0% 0%, 50% 50%,100% 50%;
    }

    40% {
        background-position: 0% 100%, 50% 0%,100% 50%;
    }

    60% {
        background-position: 0% 50%, 50% 100%,100% 0%;
    }

    80% {
        background-position: 0% 50%, 50% 50%,100% 100%;
    }
}




.accordion-body .mt-4 .btn-success {
    margin-top: 0px !important;
}
.form-label {
    display: flex;
}
.media{
    padding-top:10px;
}
.card .card-header {
    background: linear-gradient(103.75deg, #000000 -13.9%, #ff3a20 79.68%);
    padding: 10px;
    border-bottom: 1px solid #ecf3fa;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    position: relative;
    color: #ffffff;
}
.card-wrapper {
    padding: 14px;
}
.sub-title {
    font-weight: 500;
}
.radio-form {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
}

.HizliMenu {
    height: 220px;
}

@media (max-width: 390px) {
    .HizliMenu {
        height: 280px;
    }
}
.UstMenu_Mobile {
    display: none !important;
}
@media (max-width: 1100px) {
    .UstMenu_Mobile {
        display: block !important;
    }
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1400px !important;
    }
}

.ArkaPlan {
    background-image: linear-gradient(to right top, #4c0301, #970000, #7e0000, #e70000, #ff0000);
}


.Logo_Link_Odeme {
    height: 60px;
}

.Gizle {
    display: none !important;
}

.Goster {
    display: block !important;
}
.img-fluid {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.btn-xs {
    padding: 0.05rem 0.4rem;
    font-size: 11px;
}
/* Tek satırda veri göster */

.widget-1 {
    background-image: url(../images/dashboard/widget-bg.png);
    background-size: cover;
    margin-bottom: 25px;
}

    .widget-1 i {
        font-weight: 700;
        font-size: 12px;
    }

    .widget-1 .f-w-500 {
        display: flex;
        align-items: center;
    }

@media (max-width: 1580px) and (min-width: 1200px) {
    .widget-1 .f-w-500 {
        display: none;
    }
}

.widget-1 .card-body {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 18px 25px;
}

@media (max-width: 1720px) {
    .widget-1 .card-body {
        padding: 18px;
    }
}

.widget-1 .widget-round {
    position: relative;
    display: inline-block;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
}

    .widget-1 .widget-round .bg-round {
        width: 56px;
        height: 56px;
        box-shadow: 1px 2px 21px -2px rgba(214, 214, 227, 0.83);
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100%;
        margin: 6px;
        position: relative;
        z-index: 1;
    }

        .widget-1 .widget-round .bg-round svg {
            width: 24px;
            height: 24px;
        }

        .widget-1 .widget-round .bg-round .half-circle {
            height: 52px;
            position: absolute;
            left: -9px;
            width: 35px;
            bottom: -8px;
            background: #fff;
            z-index: -1;
        }

@media (max-width: 1600px) {
    .widget-1 .widget-round .bg-round {
        width: 40px;
        height: 40px;
    }

        .widget-1 .widget-round .bg-round svg {
            width: 22px;
            height: 22px;
        }

        .widget-1 .widget-round .bg-round .half-circle {
            height: 40px;
            left: -10px;
            width: 30px;
            bottom: -8px;
        }
}

.widget-1 .widget-round.primary {
    border-color: var(--theme-deafult);
}

.widget-1 .widget-round.secondary {
    border-color: var(--theme-secondary);
}

.widget-1 .widget-round.success {
    border-color: #54BA4A;
}

.widget-1 .widget-round.warning {
    border-color: #FFAA05;
}

.widget-1 .widget-content {
    display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 1600px) {
    .widget-1 .widget-content {
        gap: 10px;
    }
}

.widget-1 .widget-content h4 {
    margin-bottom: 4px;
}

.widget-1:hover {
    transform: translateY(-5px);
    transition: 0.5s;
}

    .widget-1:hover .widget-round .svg-fill:not(.half-circle) {
        animation: tada 1.5s ease infinite;
    }

.widget-with-chart .card-body {
    align-items: center;
}



.select2-dropdown {
    top: -25px !important;
}

.HizmetList {
    padding: 2px !important;
}

table {
    table-layout: auto;
    width: 100%;
}

td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Tek satırda veri göster */



.badge-light-primary {
    background-color: white;
    color: #7366FF;
}

    .badge-light-primary:hover {
        background-color: white;
        color: #7366FF;
    }

.badge-light-secondary {
    background-color: #fff5f7;
    color: #FF3364;
}

    .badge-light-secondary:hover {
        background-color: #fff5f7;
        color: #FF3364;
    }

.badge-light-success {
    background-color: #d9efd6;
    color: #54BA4A;
}

    .badge-light-success:hover {
        background-color: #d9efd6;
        color: #54BA4A;
    }

.badge-light-danger {
    background-color: #fff7f7;
    color: #FC4438;
}

    .badge-light-danger:hover {
        background-color: #fff7f7;
        color: #FC4438;
    }

.badge-light-info {
    background-color: #d3f4fe;
    color: #16C7F9;
}

    .badge-light-info:hover {
        background-color: #d3f4fe;
        color: #16C7F9;
    }

.badge-light-light {
    background-color: #b7b7c9;
    color: #52526c;
}

    .badge-light-light:hover {
        background-color: #b7b7c9;
        color: #52526c;
    }

.badge-light-dark {
    background-color: #8490a9;
    color: #2c323f;
}

    .badge-light-dark:hover {
        background-color: #8490a9;
        color: #2c323f;
    }

.badge-light-warning {
    background-color: #ffecc7;
    color: #FFAA05;
}

    .badge-light-warning:hover {
        background-color: #ffecc7;
        color: #FFAA05;
    }

.badge-light-light {
    background-color: #e9e9ee;
}

.badge-light-primary {
    background-color: rgba(115, 102, 255, 0.1);
}

.badge-light-success {
    background-color: rgba(84, 186, 74, 0.15);
}

.badge-light-secondary {
    background-color: rgba(255, 51, 100, 0.08);
}

.badge-light-warning {
    background-color: rgba(255, 170, 5, 0.1);
}





.form-label {
    margin-bottom:0px !important;
}
.media .media-body {
    float: left;
    padding-right: 5px;
}
.media .col-form-label {
    float: left;
}

.switch-state:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: 0.4s;
    border-radius: 20px;
}

.icon-state .switch-state:after {
    content: "";

    left: 10px;
    position: absolute;
    top: 10px;
    color: #2c323f;
    transition: 0.4s;
    opacity: 0.3;
}

.icon-state input:checked + .switch-state:after {
    content: "\efad";
    left: 36px;
    opacity: 1;
    transition: 0.4s;
}



.user-list {
    column-count: 3;
    column-rule-style: dashed;
    column-rule-color: rgba(82, 82, 108, 0.7);
    column-gap: 120px;
    column-rule-width: 1px;
}

.MobileMenu {
    display: none !important;
}

@media (max-width: 1199px) {

    .MobileMenu {
        display: block !important;
    }
}



@media (max-width: 1780px) {
    .user-list {
        column-gap: 80px;
    }
}

@media (max-width: 1660px) {
    .user-list {
        column-gap: 40px;
    }
}

@media (max-width: 360px) {
    .user-list {
        column-gap: 25px;
    }
}

.user-list li {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
}

@media (max-width: 1540px) {
    .user-list li {
        gap: 5px;
    }
}

.user-list li i {
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 360px) {
    .user-list li h5 {
        font-size: 16px;
    }
}

@media (max-width: 360px) {
    .user-list li span {
        font-size: 13px;
    }
}

.user-list li:hover .user-box svg {
    animation: tada 1.5s ease infinite;
}

.user-list .user-icon {
    border-radius: 100%;
    display: inline-block;
}

    .user-list .user-icon .user-box {
        margin: 3px;
        width: 47px;
        height: 47px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

@media (max-width: 1540px) {
    .user-list .user-icon .user-box {
        width: 30px;
        height: 30px;
    }

        .user-list .user-icon .user-box svg {
            width: 18px;
            height: 18px;
        }
}

.user-list .user-icon.primary {
    border: 1px solid #7366FF;
}

    .user-list .user-icon.primary .user-box {
        background: #e8e6ff;
    }

.user-list .user-icon.success {
    border: 1px solid #54BA4A;
}

    .user-list .user-icon.success .user-box {
        background: #e0f2de;
    }


/**=====================
    2.28 Switch CSS Start
==========================**/
.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        display: none;
    }

        .switch input:checked + .switch-state {
            background-color: var(--theme-deafult);
        }

            .switch input:checked + .switch-state:before {
                transform: translateX(26px);
            }

        .switch input:focus + .switch-state {
            box-shadow: 0 0 1px var(--theme-deafult);
        }

.switch-state {
    border-radius: 20px;
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4;
    transition: 0.4s;
}

    .switch-state:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: #fff;
        transition: 0.4s;
        border-radius: 20px;
    }

.icon-state .switch-state:after {
    content: "\efb8";
    font-family: IcoFont;
    left: 10px;
    position: absolute;
    top: 10px;
    color: #2c323f;
    transition: 0.4s;
    opacity: 0;
}

.icon-state input:checked + .switch-state:after {
    content: "\efad";
    left: 36px;
    opacity: 0;
    transition: 0.4s;
}

.switch-lg .switch {
    width: 75px;
    height: 40px;
    padding: 0;
    margin: 0;
}

    .switch-lg .switch .switch-state:before {
        height: 30px;
        width: 30px;
        left: 7px;
        bottom: 5px;
        top: 4px;
    }

.switch-lg.icon-state .switch .switch-state:after {
    left: 12px;
    font-size: 18px;
}

.switch-lg.icon-state .switch input:checked + .switch-state:after {
    left: 47px;
}

.switch-lg.icon-state .switch input:checked + .switch-state:before {
    transform: translateX(32px);
}

.switch-sm.icon-state .switch .switch-state:after {
    top: 4px;
    left: 4px;
    font-size: 8px;
}

.switch-sm.icon-state .switch input:checked + .switch-state:after {
    left: 13px;
    top: 4px;
}

.switch-sm .switch {
    width: 25px;
    height: 16px;
    margin-top: 10px;
    margin-bottom: 0px;
}

    .switch-sm .switch .switch-state:before {
        height: 8px;
        width: 8px;
        left: 4px;
        bottom: 4px;
    }

.switch-sm input:checked + .switch-state:before {
    left: -13px;
}

.switch-outline .switch-state {
    background-color: #fff;
    border: 1px solid var(--theme-deafult);
    transition: 0.4s;
}

    .switch-outline .switch-state:before {
        background-color: #f4f4f4;
        bottom: 3px;
        color: #fff;
    }

.switch-outline .switch input {
    display: none;
}

    .switch-outline .switch input:checked + .switch-state {
        background-color: transparent;
        border: 1px solid var(--theme-deafult);
    }

        .switch-outline .switch input:checked + .switch-state:before {
            background-color: var(--theme-deafult);
            bottom: 3px;
            transform: translateX(26px);
        }

        .switch-outline .switch input:checked + .switch-state:after {
            color: #fff;
        }

.switch-outline .switch-state.bg-primary {
    border: 1px solid var(--theme-deafult);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    background-color: transparent !important;
    border: 1px solid var(--theme-deafult);
}

    .switch-outline .switch input:checked + .switch-state.bg-primary:before {
        background-color: var(--theme-deafult);
    }

.switch-outline .switch-state.bg-dark {
    border: 1px solid #2c323f;
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-dark {
    background-color: transparent !important;
    border: 1px solid #2c323f;
}

    .switch-outline .switch input:checked + .switch-state.bg-dark:before {
        background-color: #2c323f;
    }

.switch-outline .switch-state.bg-warning {
    border: 1px solid #FFAA05;
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-warning {
    background-color: transparent !important;
    border: 1px solid #FFAA05;
}

    .switch-outline .switch input:checked + .switch-state.bg-warning:before {
        background-color: #FFAA05;
    }

.switch-outline .switch-state.bg-success {
    border: 1px solid #54BA4A;
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-success {
    background-color: transparent !important;
    border: 1px solid #54BA4A;
}

    .switch-outline .switch input:checked + .switch-state.bg-success:before {
        background-color: #54BA4A;
    }

.switch-outline .switch-state.bg-info {
    border: 1px solid #16C7F9;
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-info {
    background-color: transparent !important;
    border: 1px solid #16C7F9;
}

    .switch-outline .switch input:checked + .switch-state.bg-info:before {
        background-color: #16C7F9;
    }

.switch-outline .switch-state.bg-danger {
    border: 1px solid #FC4438;
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-danger {
    background-color: transparent !important;
    border: 1px solid #FC4438;
}

    .switch-outline .switch input:checked + .switch-state.bg-danger:before {
        background-color: #FC4438;
    }

.switch-outline .switch-state.bg-primary {
    border: 1px solid var(--theme-deafult);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-primary {
    background-color: transparent !important;
    border: 1px solid var(--theme-deafult);
}

    .switch-outline .switch input:checked + .switch-state.bg-primary:before {
        background-color: var(--theme-deafult);
    }

.switch-outline .switch-state.bg-secondary {
    border: 1px solid var(--theme-secondary);
    background-color: transparent !important;
}

.switch-outline .switch input:checked + .switch-state.bg-secondary {
    background-color: transparent !important;
    border: 1px solid var(--theme-secondary);
}

    .switch-outline .switch input:checked + .switch-state.bg-secondary:before {
        background-color: var(--theme-secondary);
    }

.switch-showcase {
    margin-bottom: -8px;
}

    .switch-showcase .media {
        line-height: 1;
    }

    .switch-showcase .form-check .form-check-input {
        float: right;
    }

.form-switch .form-check-input:checked {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult);
}

.tg-list {
    text-align: center;
    display: flex;
    align-items: center;
}

.tgl {
    display: none;
}

    .tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl + .tgl-btn {
        box-sizing: border-box;
    }

        .tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl + .tgl-btn::selection {
            background: none;
        }

        .tgl + .tgl-btn {
            outline: 0;
            display: block;
            width: 4em;
            height: 2em;
            position: relative;
            cursor: pointer;
            user-select: none;
        }

            .tgl + .tgl-btn:after, .tgl + .tgl-btn:before {
                position: relative;
                display: block;
                content: "";
                width: 50%;
                height: 100%;
            }

            .tgl + .tgl-btn:after {
                left: 0;
            }

            .tgl + .tgl-btn:before {
                display: none;
            }

        .tgl:checked + .tgl-btn:after {
            left: 50%;
        }

.tgl-skewed + .tgl-btn {
    overflow: hidden;
    transform: skew(-10deg);
    backface-visibility: hidden;
    transition: all 0.2s ease;
    background: #FF3364;
}

    .tgl-skewed + .tgl-btn:after, .tgl-skewed + .tgl-btn:before {
        transform: skew(10deg);
        display: inline-block;
        transition: all 0.2s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: var(--white);
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
    }

    .tgl-skewed + .tgl-btn:after {
        left: 100%;
        content: attr(data-tg-on);
    }

    .tgl-skewed + .tgl-btn:before {
        left: 0;
        content: attr(data-tg-off);
    }

    .tgl-skewed + .tgl-btn:active {
        background: #FF3364;
    }

        .tgl-skewed + .tgl-btn:active:before {
            left: -10%;
        }

.tgl-skewed:checked + .tgl-btn {
    background: #7366FF;
}

    .tgl-skewed:checked + .tgl-btn:before {
        left: -100%;
    }

    .tgl-skewed:checked + .tgl-btn:after {
        left: 0;
    }

    .tgl-skewed:checked + .tgl-btn:active:after {
        left: 10%;
    }

.tgl-flip + .tgl-btn {
    padding: 2px;
    transition: all 0.2s ease;
    perspective: 100px;
}

    .tgl-flip + .tgl-btn:after, .tgl-flip + .tgl-btn:before {
        display: inline-block;
        transition: all 0.4s ease;
        width: 100%;
        text-align: center;
        position: absolute;
        line-height: 2em;
        font-weight: bold;
        color: var(--white);
        position: absolute;
        top: 0;
        left: 0;
        backface-visibility: hidden;
        border-radius: 4px;
    }

    .tgl-flip + .tgl-btn:after {
        content: attr(data-tg-on);
        background: #FFAA05;
        transform: rotateY(-180deg);
    }

    .tgl-flip + .tgl-btn:before {
        background: #FC4438;
        content: attr(data-tg-off);
    }

    .tgl-flip + .tgl-btn:active:before {
        transform: rotateY(-20deg);
    }

.tgl-flip:checked + .tgl-btn:before {
    transform: rotateY(180deg);
}

.tgl-flip:checked + .tgl-btn:after {
    transform: rotateY(0);
    left: 0;
    background: #54BA4A;
}

.tgl-flip:checked + .tgl-btn:active:after {
    transform: rotateY(20deg);
}

.radius-none .form-check-input {
    border-radius: 3px;
}

.tg-list .tg-list-item .square-checked .switch-state::before {
    content: "";
    border-radius: 0;
}

.switch-wrapper .media {
    margin-right: 20px;
}

    .switch-wrapper .media .col-form-label {
        padding-bottom: 0;
    }

.switch-wrapper .tg-list p {
    margin: 0 8px 0 0;
}

.default-square .form-switch .form-check-input {
    background-image: url(../images/switch/square-gray.png);
}

    .default-square .form-switch .form-check-input:checked {
        background-image: url(../images/switch/square.svg);
    }

/**=====================
    2.28 Switch CSS Ends
==========================**/