.analitikcard {
    /*background-image: url(https://img.freepik.com/free-photo/red-ribbon-blank-white-background_23-2147877933.jpg?t=st=1721034617~exp=1721038217~hmac=f20688372a50b9974ba350cf56232d573aa8d31f81f3951226b57d7b0c84f4f9&w=1800);*/
    box-shadow: 0 0 1px 1px #c2bfbe42;
    background-color: #f9faf41a;
    border-radius: 2px;
    padding: 20px;
}

    .analitikcard .baslik {
        color: #000000;
    }

.select2-container--open .select2-dropdown {
    z-index: 99999999999999 !important;
    background-color: #ffffff !important;
}


.analitikcard a.belge-dogrulanamadi {
    padding: 10px;
    /*        background-color: var(--vkv-crimson-trans) !important;
    border-color: rgb(143 40 68) !important;
    color: #fff !important;*/
}


[data-bs-theme=light] {
    --bs-danger: var(--vkv-danger) !important;
}

.swal2-icon {
    border-color: #fff;
    background-color: #fff;
}

.scan {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
}

    .scan .qrcode {
        position: relative;
        width: 120px;
        height: 120px;
        background: url(/images/Scanner/QR_Code01.png);
        background-size: 120px;
        margin-bottom: 20px;
    }

        .scan .qrcode::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: url(/images/Scanner/QR_Code03.png);
            background-size: 120px;
            overflow: hidden;
            animation: animate 1.5s linear infinite;
        }

@keyframes animate {
    0%, 100% {
        height: 0;
    }

    80% {
        height: 100%;
    }

    100% {
        height: 0;
    }
}


.btn.btn-active-light-primary.active {
    background-color: #f7fbff !important;
}

.btn.btn-outline.btn-outline-dashed:hover:not(.btn-active), .btn.btn-active-light-primary.active {
    background-color: #ffffff !important;
    border-color: #a4bdff !important;
}

.swal2-icon.swal2-error.swal2-icon-show {
    margin: 20px auto;
}

select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: #e9f3ff;
    padding-bottom: 4px !important;
}

.form-select.form-select-solid {
    background-color: #ffffff;
    border-color: var(--vkv-border);
}

.form-control {
    border: 1px solid var(--bs-gray-300);
    border-radius: 4px;
}

.select2-container--bootstrap5 .select2-selection--single {
    height: 38px;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #ffffff !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #ffffff !important;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .app-sidebar-logo {
    border: none;
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-bullet .bullet, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-arrow:after {
    background-color: #8c1313;
}


.app-navbar .menu-sub-dropdown {
    width: 200px !important;
}

.app-navbar .cursor-pointer {
    color: #fff;
    padding: 5px 10px;
    display: flex;
}

.app-navbar .ki-user {
    color: #fff;
}

.app-navbar .cursor-pointer i {
    margin-right: 8px
}

.app-header {
    border-bottom: 1px solid #4f434621;
}

#kt_app_sidebar_toggle {
    top: 74px !important;
}

.separator.separator-content::after, .separator.separator-content::before {
    border-bottom: 1px solid var(--vkv-logo-red) !important;
}

#ModalSoruCevap .row .col {
    width: 50% !important;
    display: block;
    flex: none !important;
}

.form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #ffffff !important;
    border: 2px solid var(--vkv-navy) !important;
}

video {
    max-width: 700px;
}

div#kamera {
    text-align: center;
}

.customSelect {
    padding: 0 15px;
}

.btn.btn-outline.btn-outline-dashed .fs-4 {
    margin-top: 3px;
}

.app-sidebar-logo-mobile {
    display: none;
}

.belgenot {
    font-size: 13px;
    line-height: 1.8;
    color: #303030e0;
}

@media screen and (max-width:1000px) {
    .btn-primary {
        color: #fff !important;
    }

    .app-sidebar-logo-mobile {
        display: block;
        height: 150px !important;
        margin: auto;
    }

    .analitikcard h6:not(.analitikcard a h6), .analitikcard h5:not(.analitikcard a h5) {
        margin: 15px 0 !important;
        line-height: 1.7;
    }
}

@media screen and (max-width:770px) {
    .swal2-container .swal2-html-container {
        margin: 10px;
    }

    .analitikcard {
        border: none;
        box-shadow: none;
        padding: 0;
    }

        .analitikcard .baslik {
            margin: 10px 0 !important;
        }
}



.dz-size {
    visibility: hidden;
}

.neredenalabilirim, .belgelink {
    justify-content: flex-start;
}

    .neredenalabilirim h6, .belgelink h6 {
        margin-left: 8px;
        font-size: 9.5pt;
        line-height: 17px;
    }

@media (max-width: 767px) {
    .flex-sm-row {
        flex-direction: column !important;
    }

    .neredenalabilirim, .belgelink {
        justify-content: start;
    }

        .neredenalabilirim h6, .belgelink h6 {
            /*width: 165px;*/
            font-size: 8pt;
        }

    .me-sm-2 {
        margin-right: 0 !important;
    }

    .mb-sm-0 {
        margin-bottom: 0 !important;
    }

    .mt-sm-0 {
        margin-top: 0 !important;
    }

    .tabpanelbutton {
        margin-right: 0 !important;
    }
}

@media (max-width: 576px) {
    .swal2-container .swal2-html-container {
        font-size: 11pt;
    }

    .fs-6 {
        font-size: 1rem !important;
    }

    .rounded-bottom-0 {
        border-radius: 0 !important;
        border-radius: 0 !important;
    }
}


.dz-message h3, .dz-message span {
    color: var(--vkv-info) !important;
}


/*Renk*/
.menu-hover-primary .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-hover-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease;
    color: var(--vkv-slate);
}

.btn.btn-active-color-primary:hover:not(.btn-active) i, .btn-check:active + .btn.btn-active-color-primary, .btn-check:checked + .btn.btn-active-color-primary, .btn.btn-active-color-primary.active, .btn.btn-active-color-primary.show, .btn.btn-active-color-primary:active:not(.btn-active), .btn.btn-active-color-primary:focus:not(.btn-active), .btn.btn-active-color-primary:hover:not(.btn-active), .show > .btn.btn-active-color-primary, .btn.btn-active-color-primary.active i {
    color: var(--vkv-light) !important;
}

.tab-pane, .tab-content {
    border: 1px solid var(--vkv-border);
    padding: 15px;
    background-color: #fff;
    margin-bottom: 4px;
    border-radius: 7px;
}

    .tab-content > .tab-pane {
        padding: 0;
        border: none;
    }

.tabpanelbutton {
    background-color: var(--vkv-bg-light) !important;
    color: rgb(72 72 72) !important;
    border: 1px solid !important;
    border-color: rgb(181 181 181) !important;
    font-weight: 600;
    opacity: 0.7
}

.dz-message h3, .dz-message span {
    color: var(--vkv-green-dark) !important;
}

.buttonYesil {
    color: rgb(47 47 47) !important;
    background-color: var(--vkv-green-pale) !important;
    /*background-color: var(--vkv-green-bright);*/
    border: 1px solid !important;
    border-color: var(--vkv-green-border) !important;
    font-weight: 600 !important;
    opacity: 1 !important;
}

[data-bs-theme=light] {
    --bs-root-card-border-color: var(--vkv-border);
}

.form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: none;
}

.text-hover-primary:hover {
    color: var(--vkv-slate) !important;
}

.form-check-input:checked {
    background-color: var(--vkv-green-bright) !important;
    border-color: var(--vkv-green-bright) !important;
    opacity: 1
}

#BtnBackStep {
    background-color: var(--vkv-bg-light) !important;
    color: var(--vkv-slate)
}


    #BtnBackStep i {
        color: var(--vkv-slate)
    }

/*.btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary {
    background-color: #c6125b !important;
}*/


[data-kt-app-layout=dark-sidebar] .app-sidebar {
    background-color: var(--vkv-red) !important;
}

.app-navbar .cursor-pointer {
    background-color: var(--vkv-red);
}

[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link.active {
    background-color: var(--vkv-magenta);
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon .stepper-check {
    color: #fff;
}

.stepper.stepper-pills .stepper-item.completed .stepper-icon, .stepper.stepper-pills .stepper-item.current.mark-completed:last-child .stepper-icon {
    /*background-color: var(--vkv-green);*/
    background-color: var(--vkv-green-bright);
}

.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--vkv-green-bright);
}

button.swal2-confirm.btn.btn-primary, .btn-blue {
    background-color: var(--vkv-info) !important;
    color: #fff !important
}

button.swal2-confirm.btn.btn-primary, .btn-red {
    background-color: var(--vkv-red) !important;
    color: #fff !important
}

button.swal2-confirm.btn.btn-primary, .btn-green {
    background-color: var(--vkv-green) !important;
    color: #fff !important
}

button.swal2-confirm.btn.btn-primary {
    background-color: var(--vkv-info) !important;
    color: #fff !important
}

.nav-line-tabs {
    margin-top: 18px;
    margin-bottom: 0px !important;
    border: none;
    margin-bottom: 1px !important;
}

.buttonDogrula {
    background-color: var(--vkv-green) !important;
    font-size: 14px;
    padding: 8.5px 30px !important;
    border-radius: 5px;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--vkv-green-bright);
    background-color: var(--vkv-green-bright);
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: white !important;
    z-index: 9999;
}

.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
    background-color: white !important;
    z-index: 9999;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--vkv-green-bright);
    background-color: var(--vkv-green-bright);
}

.swal2-icon.swal2-info, .swal2-icon.swal2-question {
    border-color: var(--vkv-info);
    color: #fff;
    background-color: var(--vkv-info);
}

.tab-content-hr {
    border-top: 1px solid var(--vkv-danger);
    opacity: 0.5;
    margin: 1rem 0 1rem 0;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    color: var(--vkv-green-dark);
    background-color: #fff;
}

    .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
        background-color: var(--vkv-green-dark)
    }

.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    background-color: var(--vkv-green-pale);
    border: 1px solid var(--vkv-green-border);
}

.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
    background-color: #ffffff;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    color: var(--vkv-green-dark);
}

.swal2-popup {
    width: 37em;
}

    .swal2-popup .aciklama {
        font-weight: 700;
        line-height: 1.6;
        font-size: 12pt;
        color: var(--vkv-text);
    }

.swal2-container .swal2-html-container {
    font-weight: 700;
    line-height: 1.6;
    font-size: 12pt;
    color: var(--vkv-text);
}

.swal2-container.swal2-center.swal2-backdrop-show {
    z-index: 9999999;
}

button.swal2-confirm.btn.btn-custom-success, button.swal2-confirm.btn.btn-custom-success:hover, button.swal2-confirm.btn.btn-custom-success:before, button.swal2-confirm.btn.btn-custom-success:after {
    background-color: var(--vkv-green) !important;
    color: #fff;
}

button.swal2-confirm.btn.btn-custom-error, .btn-red, button.swal2-confirm.btn.btn-custom-error:hover, button.swal2-confirm.btn.btn-custom-error:before, button.swal2-confirm.btn.btn-custom-error:after {
    background-color: var(--vkv-danger) !important;
    color: #fff !important;
}

.swal2-icon.swal2-success [class^=swal2-success-line] {
    background-color: white !important;
    z-index: 3;
}

.swal2-icon.swal2-success .swal2-success-ring {
    border-color: var(--vkv-green) !important;
    background-color: var(--vkv-green) !important;
}

.swal2-icon.swal2-error {
    background-color: var(--vkv-danger);
    border-color: var(--vkv-danger);
    color: var(--vkv-danger);
}

.eksik-belge .stepper-icon {
    background-color: var(--vkv-crimson-trans) !important;
    border-color: var(--vkv-crimson-trans) !important;
}

.eksik-belge h3.stepper-title.fs-5 {
    color: var(--vkv-crimson) !important;
    margin-top: 10px;
}

.eksik-belge .ki-duotone:before {
    content: "✖" !important;
    color: #fff;
}

.eksik-belge-default-button {
    color: #fff;
    background-color: var(--vkv-slate) !important;
}

.eksi-belge-ustpanel .dropzone {
    border: 1px dashed var(--vkv-crimson-dark);
    background-color: var(--vkv-rose);
}

.eksi-belge-ustpanel .dz-message h3, .eksi-belge-ustpanel .dz-message span {
    color: #fff !important;
}

bootstrap5.select2-container--disabled .select2-selection__choice {
    color: #313131 !important;
    background-color: var(--vkv-green-pale) !important;
}

.select2-container--disabled .select2-selection__choice__remove {
    display: none !important;
    visibility: hidden !important;
}

.select2-container--disabled .form-select {
    --bs-form-select-bg-img: none;
}

.select2-container--disabled .select2-selection__choice__display {
    margin-left: 3px !important;
}

.disabled .form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: #a6a6a6 !important;
    border-color: #7e7e7e !important;
}

.nav-item-span {
    display: flex;
    align-content: center;
    align-items: center;
    margin-right: 1rem;
}

@media screen and (max-width:1000px) {
    .app-sidebar-logo-default {
        display: none;
    }

    .eksik-belge .stepper-check {
        margin-top: -6px !important;
        color: #fff !important
    }

    .eksik-belge .ki-duotone:before {
        color: #fff !important
    }
}

@media screen and (max-width:770px) {
    div#OsysPuani {
        width: 100%;
        margin-bottom: 10px;
    }

    div#OSYSYili .d-flex {
        display: flex;
        width: 100% !important;
        flex-direction: column;
        align-content: space-between;
        flex-wrap: wrap;
    }

    div#OSYSYili .d-flex {
        display: block !important;
        width: 100%;
    }

    div#OSYSYili .position-relative {
        margin-bottom: 20px;
    }

    div#OsysPuani .fv-plugins-message-container.invalid-feedback {
        margin: 4px;
    }

    .nav-item-span {
        margin: auto;
        margin-top: 10px;
    }

    .PanelLiseVerileri .form-check-input, .PanelLiseVerileri .form-check-label {
        margin-top: 10px;
    }
}

.app-sidebar-logo {
    display: block;
}

[data-kt-app-sidebar-minimize=on][data-kt-app-sidebar-hoverable=true] .app-sidebar:not(:hover) .app-sidebar-logo .app-sidebar-logo-minimize {
    margin-top: 10px;
}

/*.eksi-belge-ustpanel {
    color: #fff;
    background-color: #65656517 !important;
}

.eksi-belge-baslik {
        background-color: #f4275a !important;
    padding: 10px;
    color: #fff;
}*/
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link {
    padding-left: 23px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -2px;
}

@media (min-width: 1920px) {
    .col-xxxl-6 {
        flex: 0 0 auto;
        width: 50%;
    }
}

@media (max-width: 770px) {
    .tab-pane, .tab-content {
        border-top-right-radius: 0 !important;
    }
}

#VukuatliNufusKayitOrnegi .belge-veri-panel.tab-content.belge-tab-content:not([data-bursiyer-resit=True]) {
    display: none;
}

:focus-visible {
    outline: none !important;
}

@media screen and (max-width:770px) {
    img.h-90px.desktop-header-logo {
        display: none;
    }

    #kt_app_content .app-container .basvuruDurumBursiyerPanel .card-body {
        margin-bottom: -30px;
    }
}

.col-sm-12.col-xl-8 {
    margin-bottom: 25px;
}

.menu-state-color .menu-item .menu-link.active {
    color: var(--vkv-slate) !important;
}

.menu-state-color .menu-item.hover:not(.here) > .menu-link:not(.disabled):not(.active):not(.here), .menu-state-color .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    color: var(--vkv-slate) !important;
}

.menu-item .active i {
    color: var(--vkv-slate);
}

.btn-check:active + .btn.btn-danger, .btn-check:checked + .btn.btn-danger, .btn.btn-danger.active, .btn.btn-danger.show, .btn.btn-danger:active:not(.btn-active), .btn.btn-danger:focus:not(.btn-active), .btn.btn-danger:hover:not(.btn-active), .show > .btn.btn-danger {
    background-color: var(--vkv-danger) !important;
}

.ki-file-up.ki-duotone:before {
    color: var(--vkv-green-dark) !important;
}

.ki-file-up.ki-duotone:after {
    color: var(--vkv-green-dark) !important;
}

button.btn-close {
    filter: invert(1);
    filter: brightness(0) invert(1);
    opacity: 1;
    background-size: contain;
    width: 0px !important;
    margin-right: 1px !important;
}
.swal2-show {
    width: 42em;
}
.swal2-show li {
    line-height: 23px !important;
}
.swal2-container .swal2-html-container{
    max-height:300px !important;
    line-height: 21px;
}


.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    background-color: #fff;
}

.swal2-icon.swal2-error {
    background-color: var(--vkv-danger) !important;
    border-color: var(--vkv-danger) !important;
}

button.btn-close.btn-close-white {
    filter: invert(1);
    filter: brightness(0) invert(1);
    opacity: 1;
    background-size: contain;
    width: 0px !important;
    margin-right: 1px !important;
}

.btn-custom-error {
    background-color: var(--vkv-danger) !important;
    color: #fff !important;
}
i.ki-duotone.ki-file-up.fs-3x.text-primary {
    color: var(--vkv-green) !important;
}

.transkript-henuz-olusmadi-wrapper {
    border: 1px solid lightgray;
    padding: 10px;
    border-radius: 5px;
    background-color: #87878708;
}
.form-check-input[type=checkbox] {
    --bs-form-check-bg: #fff;
    border: 2px solid #9E9E9E;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}
div#summaryModal .modal-header {
    background-color: var(--vkv-green-bright) !important;
}
.btn-prev, .btn-next {
    background-color: #607d8b !important;
    color: #ffffff !important;
}
button.swal2-confirm.btn.btn-primary.fw-semibold.px-5.bilgilendirmewarningbtn {
    display: none !important;
}