﻿:root {
    --bs-app-header-height: 60px;
    --bs-app-header-height-actual: 60px;
}

html:not([data-bs-theme=dark]) {
    --nvs-aside-first-color: #2186fd;
    --nvs-aside-second-color: #0c56ad;
    --nvs-aside-bg: linear-gradient(90deg, var(--nvs-aside-first-color) 0%, var(--nvs-aside-second-color) 100%);
    --nvs-bg-primary: linear-gradient(90deg, var(--nvs-aside-first-color) 0%, var(--nvs-aside-second-color) 100%);
    --bs-novus-tab-link-boder-color: #DBDFE9;
    --bs-novus-tab-bg: #ffffff;
    --bs-swall-text: #000000;
    --bs-danger-light: #fbf4f4;
    --bs-danger-rgb: 206, 42, 48;
    --bs-text-danger: #ce2a30;
    --bs-app-sidebar-light-menu-link-color: #b4021f;
    --bs-app-sidebar-light-menu-link-icon-color: #b4021f;
    --bs-app-sidebar-light-menu-link-text-color: #252F4A;
    --bs-app-sidebar-light-menu-link-icon-text-color: #252F4A;
    --nvs-checkbox-bg-primary: #636674;
    --nvs-checkbox-primary: #ffffff;
    --nvs-checkbox-border-primary: #D5B5B7;
    --nvs-grid-header-bg: #e3e3e3;
    --nvs-grid-header-text: #636674;
    --nvs-grid-batch-focus-border: #056AB9;
    --nvs-grid-batch-invalid-border: #b4021f;
    --nvs-grid-batch-modified-border: #4BA345;
}

[data-bs-theme=dark] {
    --nvs-aside-first-color: #0F1014;
    --nvs-aside-second-color: #15171C;
    --nvs-aside-bg: linear-gradient(90deg, var(--nvs-aside-first-color) 0%, var(--nvs-aside-second-color) 100%);
    --nvs-bg-primary: linear-gradient(90deg, var(--nvs-aside-first-color) 0%, var(--nvs-aside-second-color) 100%);
    --bs-novus-tab-link-boder-color: #363843;
    --bs-novus-tab-bg: #1B1C22;
    --bs-swall-text: #B3B7BF;
    --bs-app-header-minimize-bg-color: #15171c;
    --bs-app-sidebar-light-bg-color: #15171c;
    --bs-danger-light: #291616;
    --bs-danger-rgb: 206, 42, 48;
    --bs-text-danger: #ce2a30;
    --bs-app-sidebar-light-menu-link-color: #b4021f;
    --bs-app-sidebar-light-menu-link-icon-color: #b4021f;
    --bs-app-sidebar-light-menu-link-text-color: #7F8194;
    --bs-app-sidebar-light-menu-link-icon-text-color: #7F8194;
    --nvs-checkbox-bg-primary: #636674;
    --nvs-checkbox-primary: #ffffff;
    --nvs-checkbox-border-primary #D5B5B7;
    --nvs-grid-header-bg: #636674;
    --nvs-grid-header-text: #e3e3e3;
    --nvs-grid-batch-focus-border: #056AB9;
    --nvs-grid-batch-invalid-border: #D9534F;
    --nvs-grid-batch-modified-border: #018382;
}

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-title, [data-kt-app-layout=light-sidebar] .box-title {
    color: var(--bs-app-sidebar-light-menu-link-text-color);
}

    [data-kt-app-layout=light-sidebar] .box-title:hover {
        color: var(--bs-app-sidebar-light-menu-link-color);
    }

[data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=light-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: var(--bs-app-sidebar-light-menu-link-icon-text-color);
}

[data-kt-drawer=on] *.app-sidebar-minimize-hide, .app-sidebar-minimize-hide {
    display: block;
}

[data-kt-drawer=on] *.app-sidebar-minimize-show, .app-sidebar-minimize-show {
    display: none;
}

[data-kt-app-sidebar-minimize=on] *.app-sidebar-minimize-hide {
    display: none;
}

[data-kt-app-sidebar-minimize=on] *.app-sidebar-minimize-show {
    display: block;
}

[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] #kt_app_sidebar:hover:not(.animating) .app-sidebar-minimize-hide {
    display: block;
}

[data-kt-app-sidebar-hoverable=true][data-kt-app-sidebar-minimize=on] #kt_app_sidebar:hover:not(.animating) .app-sidebar-minimize-show {
    display: none;
}

.nvs-checkbox-wrapper {
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
    width: 100%;
    vertical-align: middle;
    display: inline-flex;
    align-items: center;
    text-overflow: clip;
}

    .nvs-checkbox-wrapper input[type="checkbox"] {
        display: none;
    }

    .nvs-checkbox-wrapper .nvs-checkbox-box {
        width: 1em;
        height: 1em;
        font-size: 16px;
        border: 2px solid var(--dx-nvs-primary-color);
        border-radius: 2px;
        margin-right: 5px;
        position: relative;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .nvs-checkbox-wrapper input[type="checkbox"]:checked + .nvs-checkbox-box {
        color: #fff;
        background-color: var(--dx-nvs-primary-color);
        font: 16px / 1 DXIcons;
    }

        .nvs-checkbox-wrapper input[type="checkbox"]:checked + .nvs-checkbox-box::before {
            content: "\f005";
            position: relative;
            display: block;
            width: 1em;
            height: 1em;
            top: 50%;
            margin-top: -.5em;
            inset-inline-start: 50%;
            -webkit-margin-start: -0.5em;
            margin-inline-start: -.5em;
            font-size: .875em;
        }

        .nvs-checkbox-wrapper input[type="checkbox"]:checked + .nvs-checkbox-box::after {
            content: "";
            width: 2em;
            height: 2em;
            top: 50%;
            left: 50%;
            margin-top: -1em;
            margin-left: -1em;
            border-radius: 50%;
            display: block;
            position: absolute;
            z-index: 1;
            transform: scale(.5);
            transition: .4s cubic-bezier(.23, 1, .32, 1);
        }

.nvs-height-450px {
    max-height: 450px !important;
    min-height: 450px !important;
}

.card .card-header {
    min-height: unset !important;
}

.swal2-styled.swal2-confirm {
    background-color: var(--bs-primary) !important;
}

.tab-opener-btn {
    cursor: pointer !important;
}

.box-menu-row {
    --bs-gutter-x: 0.4rem;
    --bs-gutter-y: 0;
}

.page-loader {
    z-index: 999999 !important;
}

#kt_app_sidebar {
    z-index: 999990 !important;
}

#kt_app_header {
    z-index: 999980 !important;
}

#kt_app_toolbar {
    z-index: 999970 !important;
}

.novus-aside {
    background: var(--nvs-aside-bg);
}

.novus-main-layout-wrapper {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    gap: 10px;
}

    .novus-main-layout-wrapper > .card {
        flex-grow: 1 !important;
        max-height: calc(100vh - 2.5rem) !important;
    }

        .novus-main-layout-wrapper > .card .card-body {
            display: flex !important;
            overflow: hidden;
        }

            .novus-main-layout-wrapper > .card .card-body .row {
                flex-flow: inherit !important;
            }

.novus-bg-primary {
    background: var(--nvs-bg-primary);
}

.novus-aside-logo {
    width: 100% !important;
}

    .novus-aside-logo img {
        width: 100% !important;
        min-width: 300px !important;
        max-width: 60% !important;
        height: auto;
    }

.novus-aside-text {
    color: #ffffff;
}

.app-header {
    background-color: var(--bs-app-header-minimize-bg-color);
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    border-bottom: var(--bs-app-header-minimize-border-bottom);
}

/* Metronic 8.2.4 Datatable Problemlerinin Çözümü Başlangıç */
.dtr-control:before {
    display: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
    display: inline-block;
}

/* Metronic 8.2.4 Datatable Problemlerinin Çözümü Sonu */

.swal2-popup .swal2-title {
    font-weight: 500;
    font-size: 1.3rem;
    color: var(--bs-swall-text);
}

#kt_app_content {
    padding-top: 30px !important;
}

.dt-paging {
    padding-bottom: 0;
}

.grecaptcha-badge {
    display: none;
}

.novus-logo {
    width: 100% !important;
    max-width: 33%;
    height: auto;
}

#nvs_s_engage {
    padding-right: 0px !important;
}

    #nvs_s_engage .app-engage-btn {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
    }

.nvs-tx10x-edtr-cr {
    max-height: 250px !important;
    overflow-y: auto;
}

.dx-texteditor {
    width: 100%;
}

.dx-field-label {
    width: 100%;
}

.dx-multiview-item {
    overflow-y: auto;
}

.dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item {
    color: var(--bs-text-primary);
}

.treelist-container .dx-treelist-header-panel, .treelist-container .dx-bordered-top-view {
    border: none;
}

.ql-editor {
    white-space: normal !important;
}

.nvs-tx6x-editor.is-invalid, .nvs-tx6x-editor.is-valid {
    background-position: right calc(0.375em + 0.375rem) top calc(0.375em + 0.375rem) !important;
}

.fv-plugins-bootstrap5-row-invalid .nvs-aut-ui-pass-eye {
    margin-right: 20px !important;
}

.fv-plugins-bootstrap5-row-valid .nvs-aut-ui-pass-eye {
    margin-right: 20px !important;
}

.card-rounded-top-clear {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.card-rounded-top-right-clear {
    border-top-right-radius: 0px;
}

.card-rounded-top-left-clear {
    border-top-left-radius: 0px;
}

.w-max-50px {
    max-width: 50px !important;
}

.w-max-100px {
    max-width: 100px !important;
}

.w-max-175px {
    max-width: 150px !important;
}

.w-max-175px {
    max-width: 175px !important;
}

.w-max-500px {
    max-width: 500px !important;
}

.h-140px {
    height: 140px !important;
}

.jstree-default .jstree-clicked {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.nvs-custom-tab .nav.nav-pills.nav-pills-custom .nav-link.active, .nav.nav-pills.nav-pills-custom .show > .nav-link.active {
    border: 4px solid var(--bs-novus-tab-link-boder-color) !important;
    border-bottom: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    background-color: var(--bs-novus-tab-bg) !important;
}

.nvs-custom-tab .nav.nav-pills.nav-pills-custom .nav-link-first.active, .nav.nav-pills.nav-pills-custom .show > .nav-link-first.active {
    border-left: 1px solid var(--bs-novus-tab-link-boder-color) !important;
}

.nvs-custom-tab .nav.nav-pills.nav-pills-custom .nav-link-last.active, .nav.nav-pills.nav-pills-custom .show > .nav-link-last.active {
    border-right: 1px solid var(--bs-novus-tab-link-boder-color) !important;
}

.nav.nav-pills.nav-pills-custom .nav-link.active .bullet-custom, .nav.nav-pills.nav-pills-custom .show > .nav-link.active .bullet-custom {
    background-color: var(--bs-novus-tab-bg) !important;
}

.nvs-custom-tab .tab-content {
    background-color: var(--bs-novus-tab-bg) !important;
    border: 1px solid var(--bs-novus-tab-link-boder-color) !important;
    border-top: none !important;
    border-bottom-left-radius: .475rem !important;
    border-bottom-right-radius: .475rem !important;
}

.table:not(.table-default) tbody tr td {
    align-content: center !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

    .table:not(.table-default) tbody tr td.group {
        color: var(--bs-text-danger);
        font-weight: bolder;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

.white-space-pre {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.password-group .form-control {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.input-group .select2-container {
    position: relative !important;
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.is-valid .select2-selection__clear {
    margin-right: 30px;
}

.input-group select, .input-group .form-select, .input-group textarea {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (min-width: 1200px) {
    .nvs-modal-xxl {
        --bs-modal-width: 1340px;
    }
}

table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1).selected > * {
    box-shadow: inset 0 0 0 9999px rgba(13,110,253,.95);
    box-shadow: inset 0 0 0 9999px #850000;
    cursor: pointer !important;
}

.form-control:read-only {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}

.form-control.nvs-lookup {
    border-top-left-radius: .475rem !important;
    border-bottom-left-radius: .475rem !important;
}

.nvs-tx98x-lkpr-btn {
    border-top-right-radius: .475rem !important;
    border-bottom-right-radius: .475rem !important;
}

.form-lookup {
    border-top-left-radius: .475rem !important;
    border-bottom-left-radius: .475rem !important;
}

.modal {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

.nvs-tx17x-lkpr-cr {
    color: var(--bs-gray-500);
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-300);
    opacity: 1;
}

.btn-icon-regular {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    height: calc(1.1em + 1rem);
    width: calc(1.1em + 1rem);
    line-height: 1;
}

    .btn-icon-regular i {
        padding: 0px;
    }

.nvs-tab-modal {
    position: absolute !important;
}

    .nvs-tab-modal .modal-body {
        max-height: 80vh !important;
        overflow: hidden;
        overflow-y: auto;
        width: 100% !important;
    }

        .nvs-tab-modal .modal-body .card {
            width: 100% !important;
        }

    .nvs-tab-modal .modal-fullscreen .modal-body {
        max-height: 100% !important;
    }

.nvs-flex-column {
    display: flex !important;
    overflow: hidden;
}

    .nvs-flex-column .row {
        flex-flow: inherit !important;
    }

.nvs-modal-sm {
    max-width: 50%;
    width: 50%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-modal-md {
    max-width: 70%;
    width: 70%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-modal-lg {
    max-width: 80%;
    width: 80%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-modal-xl {
    max-width: 92%;
    width: 92%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-modal-xxl {
    max-width: 96%;
    width: 96%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-no-sidebar .nvs-modal-lg {
    max-width: 60%;
    width: 60%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-no-sidebar .nvs-modal-xl {
    max-width: 72%;
    width: 72%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-no-sidebar .nvs-modal-xxl {
    max-width: 76%;
    width: 76%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.nvs-no-sidebar .modal-dialog {
    padding-top: var(--bs-app-header-height);
}

.padding-none {
    padding: 0px !important;
}

.nvs-tab-pane {
    position: relative !important;
}

.px-0-important {
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.nvs-bg-with-bottom {
    background: url('../media/svg/novus-footer.svg') no-repeat;
    background-size: auto;
    background-position: bottom;
}

.novus-aside-content {
    background: url('../media/svg/novus-footer.svg') no-repeat;
    background-size: auto;
    background-position: bottom;
}

[data-bs-theme=dark] .nvs-bg-with-bottom {
    background: url('../media/svg/novus-footer-trans.svg') no-repeat;
    background-size: auto;
    background-position: bottom;
}

[data-bs-theme=dark] .novus-aside-content {
    background: url('../media/svg/novus-footer-trans.svg') no-repeat;
    background-size: auto;
    background-position: bottom;
}

.novus-tab-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.01);
}

.carousel-item {
    transition: transform .2s ease-in-out;
}

.novus-tab-screen {
    width: 100% !important;
    overflow: hidden !important;
    height: 100% !important;
}

.pb-13px {
    padding-bottom: 13px !important;
}

.vh-10 {
    height: 10vh !important;
}

.vh-20 {
    height: 20vh !important;
}

.vh-30 {
    height: 30vh !important;
}

.vh-40 {
    height: 40vh !important;
}

.vh-50 {
    height: 50vh !important;
}

.vh-60 {
    height: 60vh !important;
}

.vh-70 {
    height: 70vh !important;
}

.vh-80 {
    height: 80vh !important;
}

.vh-90 {
    height: 90vh !important;
}

.vh-100 {
    height: 100vh !important;
}

.nvs-dx-button .dx-button-content {
    padding: 0px !important;
    margin: 0px !important;
}

.nvs_dx_form_au_submit, .nvs_dx_form_au_cancel {
    border-radius: 0px !important;
    padding: 4px 20px !important;
}

.tab-cancel-btn i {
    font-size: 1.4rem !important;
    vertical-align: middle !important;
}

.nvs-header-toolbar {
    background-color: var(--bs-app-header-minimize-bg-color);
    box-shadow: var(--bs-app-header-minimize-box-shadow);
    border-bottom: var(--bs-app-header-minimize-border-bottom);
    z-index: 999979 !important;
}

.nvs-toolbar-content {
    padding-top: 50px !important;
}

.text-max-line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Görünmesini istediğiniz satır sayısı */
    -webkit-box-orient: vertical;
    position: relative;
}

.text-max-line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Görünmesini istediğiniz satır sayısı */
    -webkit-box-orient: vertical;
    position: relative;
}

.text-max-line-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Görünmesini istediğiniz satır sayısı */
    -webkit-box-orient: vertical;
    position: relative;
}

.file-upload-widget .dx-fileuploader-wrapper {
    padding: 0px !important;
}

.file-upload-widget .dx-fileuploader-input-wrapper {
    padding: 10px !important;
    background-color: var(--dx-nvs-grid-header-bg);
    color: var(--dx-nvs-grid-header-text);
}

.file-upload-widget .dx-fileuploader-input {
    padding: 0px !important;
}

.dx-fileuploader-wrapper .small, small {
    display: block;
    width: 100% !important;
    margin-top: 5px;
}

.nvs_dx_form_au .btn-bottom {
    width: 100%;
    position: absolute;
    bottom: 0;
    margin-right: calc(.5 * var(--bs-gutter-x));
    margin-left: calc(.5 * var(--bs-gutter-x));
}

.borderless-top .dx-treelist-rowsview {
    border-top: none !important;
}

@media (max-width: 575.98px) {
    .table-responsive {
        margin-bottom: 1.25rem !important;
    }

    .nvs-modal-sm, .nvs-modal-md, .nvs-modal-lg, .nvs-modal-xl, .nvs-modal-xxl {
        max-width: 96%;
        width: 96%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nvs-height-450px {
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .modal-body {
        max-height: none !important;
        overflow-y: auto;
    }
}

@media (max-width: 767.98px) {
    .nvs-modal-sm, .nvs-modal-md, .nvs-modal-lg, .nvs-modal-xl, .nvs-modal-xxl {
        max-width: 96%;
        width: 96%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .nvs-height-450px {
        min-height: 100% !important;
        max-height: 100% !important;
    }

    .modal-body {
        max-height: none !important;
        overflow-y: auto;
    }
}

@media (max-width: 991.98px) {
    .nvs-modal-sm, .nvs-modal-md, .nvs-modal-lg, .nvs-modal-xl, .nvs-modal-xxl {
        max-width: 96%;
        width: 96%;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .modal-body {
        max-height: none !important;
        overflow-y: auto;
    }
}

@media (max-width: 1199.98px) {
    .nvs-modal-sm, .nvs-modal-md, .nvs-modal-lg, .nvs-modal-xl, .nvs-modal-xxl {
        max-width: 96%;
        width: 96%;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 1399.98px) {
}
