:root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #ffffff;
    --gray: #7E8299;
    --gray-dark: #3F4254;
    --primary: #3699FF;
    --secondary: #E4E6EF;
    --success: #1BC5BD;
    --info: #8950FC;
    --warning: #FFA800;
    --danger: #F64E60;
    --light: #F3F6F9;
    --dark: #181C32;
    --white: #ffffff;
    --breakpoint-xs: 0;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1400px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New html:not([data-theme=dark]";
    --kt-app-header-base-box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-header-base-box-shadow-mobile: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
    --kt-app-header-base-border-bottom: rgba(82, 63, 105, 0.05);
    --Charcoal: #264653;
    --Persian-green: #2A9D8F;
    --Burnt-sienna: #E76F51;
    --Lapis-Lazuli: #05668D;
    --Lapis-lazuli: #05668D;
    --Asparagus: #679436;
    --Apple-green: #A5BE00;
    --Lavender: #B388EB;
    --Plum: #F7AEF8;
    --lavender: #B388EB;
    --plum: #F7AEF8;
}
.timeline {
    --bs-timeline-icon-size: 50px;
    --bs-timeline-icon-space: 0.35rem;
}

.bgzkat200 {
    background-color: #1BC5BD;
}

.txtzkat200 {
    color: #1BC5BD;
}
.bgzkat202 {
    background-color: #FFA800;
}

.txtzkat202 {
    color: #FFA800;
}

.bgzkat400 {
    background-color: #F64E60;
}

.txtzkat400 {
    color: #F64E60;
}
.form-group {
    margin-bottom: 1.75rem;
}
.form-group label {
    margin-bottom: 0.5rem;
}
.table-vertical-align-middle td {
    vertical-align: middle;
}

.btn-tb {
    padding: calc(.70rem + 1px) calc(.70rem + 1px)!important;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
    left: 5px;
}

.xv0,
.xv00000000-0000-0000-0000-000000000000 {
    display: none;
}
.btn.btn-icon.btn-icon-hw13em {
    height: calc(1.3em + 1.55rem + 2px);
    width: calc(1.3em + 1.55rem + 2px);
}

 @media (min-width: 992px) {
        .app-header {
            box-shadow: var(--bs-app-header-minimize-box-shadow);
        }
    } table .BasicDatatable th, table.BasicDatatableSort0 th {
    border-bottom-width: 3px;
} .here {
} .form-check-input {
    border-width: 2px;
} table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
    position: absolute;
    padding-left: 0;
    cursor: pointer;
    right: 0px;
    left: 0px;
    border: 0;
} .btn-block {
    display: block!important;
} .dataTables_info {
    font-size: .9rem;
    line-height: 35px;
} .btn i {
    font-size: 1.3rem;
} div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    font-size: 1em;
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
    padding: calc(.775rem + 1px) calc(2.5rem + 1px);
} [data-kt-app-layout=dark-sidebar] .app-sidebar .menu > .menu-item .menu-link.active, .aside-menu .menu .menu-item .menu-link.active {
    background-color: #1b84ff7a;
}
    /*table.dataTable td, table.dataTable th {
    vertical-align: middle;
}
*/

.form-check .form-check-input:checked {
    border:0;
}

.form-check.form-check-charcoal .form-check-input:checked {
    background-color: var(--Charcoal) !important;
}
.text-charcoal {
    color: var(--Charcoal)!important;
}
.bg-charcoal {
    background-color: var(--Charcoal)!important;
}

.form-check.form-check-Persian-green .form-check-input:checked {
    background-color: var(--Persian-green) !important;
}
.text-Persian-green {
    color: var(--Persian-green) !important;
}
.bg-Persian-green {
    background-color: var(--Persian-green) !important;
}

.form-check.form-check-info .form-check-input:checked {
    background-color: var(--bs-text-info) !important;
}

.form-check.form-check-Lapis-Lazuli .form-check-input:checked {
    background-color: var(--Lapis-Lazuli) !important;
}

.text-Lapis-Lazuli {
    color: var(--Lapis-Lazuli) !important;
}
.bg-Lapis-Lazuli {
    background-color: var(--Lapis-Lazuli) !important;
}

.text-Lapis-lazuli {
    color: var(--Lapis-Lazuli) !important;
}
.bg-Lapis-lazuli {
    background-color: var(--Lapis-Lazuli) !important;
}


.form-check.form-check-Asparagus .form-check-input:checked {
    background-color: var(--Asparagus) !important;
}

.text-Asparagus {
    color: var(--Asparagus) !important;
}
.bg-Asparagus {
    background-color: var(--Asparagus) !important;
}

.form-check.form-check-Apple-green .form-check-input:checked {
    background-color: var(--Apple-green) !important;
}

.text-Apple-green {
    color: var(--Apple-green) !important;
}
.bg-Apple-green {
    background-color: var(--Apple-green);
}


.form-check.form-check-Lavender .form-check-input:checked {
    background-color: var(--Lavender) !important;
}

.text-Lavender {
    color: var(--Lavender) !important;
}
.bg-Lavender {
    background-color: var(--Lavender) !important;
}

.text-lavender {
    color: var(--Lavender)!important;
}
.bg-lavender {
    background-color: var(--Lavender) !important;
}

.form-check.form-check-Plum .form-check-input:checked {
    background-color: var(--Plum) !important;
}

.text-Plum {
    color: var(--Plum)!important;
}
.bg-Plum {
    background-color: var(--Plum) !important;
}

.text-plum {
    color: var(--Plum)!important;
}
.bg-plum {
    background-color: var(--Plum) !important;
}