/*Checkbox Validation*/
.btn-group input[type="radio"].is-invalid ~ label,
.was-validated .btn-group input[type="radio"]:invalid ~ label {
    border-color: #dc3545;
}
.btn-group input[type="radio"].is-valid ~ label,
.was-validated .btn-group input[type="radio"]:valid ~ label {
    border-color: #198754;
}
.was-validated .btn-group:has(input[type="radio"]:invalid) + .invalid-feedback,
.btn-group:has(input[type="radio"].is-invalid) + .invalid-feedback {
    display: block;
}
/*Checkbox Validation*/

/*Select2 Seçim Arka Plan*/
.select2-selection__choice:hover {
    background-color: #495057 !important;
    color: #fff !important;
}
.select2-selection__choice:hover span {
    color: #fff !important;
}
/*Select2 Seçim Arka Plan*/

/*CK Editor Validation*/
/* ═══ Wrapper ═══ */
.ck-editor-wrapper {
    position: relative;
}

/* ═══ Geçersiz (Kırmızı + Ünlem) ═══ */
.was-validated .ck-editor-wrapper.ck-editor-invalid .ck-editor__editable {
    padding-right: 4.8125rem !important;
    --form-validation-border-color: #EF4444;
    --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25);
    border-color: var(--form-validation-border-color) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .875rem top .875rem !important;
    background-size: calc(1.00em + 0.375rem) calc(1.00em + 0.375rem) !important;
}

.was-validated .ck-editor-wrapper.ck-editor-invalid .ck.ck-toolbar {
    border-color: var(--form-validation-border-color, #EF4444) !important;
}

.was-validated .ck-editor-wrapper.ck-editor-invalid .ck-editor__editable.ck-focused {
    border-color: var(--form-validation-border-color, #EF4444) !important;
    box-shadow: var(--form-validation-focus-box-shadow, 0 0 0 0.125rem rgba(239, 68, 68, 0.25)) !important;
}

/* ═══ Geçerli (Yeşil + Tik) ═══ */
.was-validated .ck-editor-wrapper.ck-editor-valid .ck-editor__editable {
    padding-right: 4.8125rem !important;
    --form-validation-border-color: #059669;
    --form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(5, 150, 105, 0.25);
    border-color: var(--form-validation-border-color) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right .875rem top .875rem !important;
    background-size: calc(1.00em + 0.375rem) calc(1.00em + 0.375rem) !important;
}

.was-validated .ck-editor-wrapper.ck-editor-valid .ck.ck-toolbar {
    border-color: var(--form-validation-border-color, #059669) !important;
}

.was-validated .ck-editor-wrapper.ck-editor-valid .ck-editor__editable.ck-focused {
    border-color: var(--form-validation-border-color, #059669) !important;
    box-shadow: var(--form-validation-focus-box-shadow, 0 0 0 0.125rem rgba(5, 150, 105, 0.25)) !important;
}
/*CK Editor Validation*/

/*GANTT*/
/*.gantt-container {
    overflow-x: auto;
    overflow-y: auto;
}

.gantt_task_line.kisa-gorev {
    min-width: 25px !important;
}

.gantt_task_line.kisa-gorev .gantt_task_content {
    overflow: visible;
    white-space: nowrap;
}

.gantt_task_line.sadece-baslangic {
    border-right: none !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    background: repeating-linear-gradient(
        -45deg,
        transparent,
        transparent 4px,
        rgba(255,255,255,0.2) 4px,
        rgba(255,255,255,0.2) 8px
    ), var(--bar-renk, #0d6efd) !important;
}

.gantt_task_line.sadece-baslangic::after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 15px solid var(--bar-renk, #0d6efd);
}

.gantt_task_line.sadece-bitis {
    border-left: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 4px,
        rgba(255,255,255,0.2) 4px,
        rgba(255,255,255,0.2) 8px
    ), var(--bar-renk, #6c757d) !important;
}

.gantt_task_line.sadece-bitis::before {
    content: '';
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-right: 15px solid var(--bar-renk, #6c757d);
}

.gantt_task_line.sadece-baslangic .gantt_task_content,
.gantt_task_line.sadece-bitis .gantt_task_content {
    padding-right: 20px;
    padding-left: 20px;
}*/

/* ═══════════════════════════════════════════════════════════
   Gantt ECharts — Grid & Layout Stilleri
   ═══════════════════════════════════════════════════════════ */

/* Ana Konteyner */
.gantt-container {
    display: flex;
    background: #fff;
    border: 1px solid #d9d2c6;
    border-radius: 6px;
    overflow: visible;
    position: relative;
}

.gantt-container.bos {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 120px;
    color: #8a827e;
    font-size: 14px;
    font-style: italic;
}

/* ───────────────────── Sol Grid ───────────────────── */
.gantt-grid {
    flex: 0 0 auto;
    width: 460px;
    border-right: 1px solid #d9d2c6;
    font-size: 13px;
    overflow: hidden;
}

.gantt-grid-header {
    display: grid;
    grid-template-columns: 1fr 90px 90px 80px;
    height: 36px;
    border-bottom: 1px solid #d9d2c6;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: #8a827e;
}
.gantt-grid-header > div {
    padding: 0 10px;
    display: flex;
    align-items: center;
}
.gantt-grid-header > div + div {
    border-left: 1px solid #d9d2c6;
    justify-content: center;
}

/* Grid Satırı — Ortak */
.gantt-grid-row {
    display: grid;
    grid-template-columns: 1fr 90px 90px 80px;
    border-bottom: 1px solid #ede7dc;
    transition: background .1s;
}
.gantt-grid-row:hover {
    background: #f7f4ef;
}
.gantt-grid-row > div {
    padding: 0 10px;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.gantt-grid-row > div + div {
    border-left: 1px solid #ede7dc;
    justify-content: center;
    font-size: 11px;
    color: #4a4340;
}

/* Tek satır yüksekliği (tek phase) */
.gantt-grid-row.tek {
    height: 32px;
}

/* Çift satır yüksekliği (iki phase) */
.gantt-grid-row.cift {
    height: 52px;
}

/* ───────────────────── Ad Hücresi ───────────────────── */
.gantt-grid-row .ad {
    gap: 4px;
    white-space: nowrap;
}
.gantt-grid-row .ad-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ───────────────────── Tree: Indent & Chevron ───────────────────── */
.gantt-grid-row .indent {
    display: inline-block;
    flex-shrink: 0;
}

.gantt-grid-row.parent-row {
    font-weight: 600;
}
.gantt-grid-row.parent-row:hover {
    background: #f5f0e8;
}

.gantt-grid-row .chevron {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #0d6efd;
    background: rgba(13, 110, 253, 0.1);
    border-radius: 4px;
    transition: transform .18s, background .15s;
    flex-shrink: 0;
    user-select: none;
    font-size: 12px;
    font-weight: 700;
    margin-right: 4px;
}
.gantt-grid-row .chevron:hover {
    color: #fff;
    background: #0d6efd;
}
.gantt-grid-row .chevron.kapali {
    transform: rotate(-90deg);
}
.gantt-grid-row .chevron.bos {
    cursor: default;
    opacity: 0;
    pointer-events: none;
}

/* ───────────────────── Çift Satır Tarih Hücreleri ───────────────────── */
.gantt-grid-row.cift .tarih-stack {
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    padding: 6px 8px;
    line-height: 1.2;
}
.gantt-grid-row.cift .tarih-stack .plan {
    color: #94a3b8;
    font-size: 10.5px;
    font-style: italic;
    letter-spacing: 0.02em;
}
.gantt-grid-row.cift .tarih-stack .ger {
    font-size: 11px;
    font-weight: 500;
}

/* ───────────────────── Sağ Chart Alanı ───────────────────── */
.gantt-chart-area {
    flex: 1;
    min-width: 0;
}

/* ───────────────────── Görev Tipi Göstergeler ───────────────────── */
.gantt-grid-row .text-muted {
    color: #a9a19b;
    font-style: italic;
}

/* ───────────────────── Zoom Bar Düzenlemesi ───────────────────── */
.gantt-zoom-bar {
    padding: 0 0 8px 0;
}
/*GANTT*/

.form-masonry {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
}

.form-masonry > * {
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid;
    display: inline-block;
    width: 100%;
}

.form-masonry > .w-100 {
    -webkit-column-span: all;
    -moz-column-span: all;
    column-span: all;
    display: block;
}

@media (max-width: 767.98px) {
    .form-masonry {
        -webkit-column-count: 1 !important;
        -moz-column-count: 1 !important;
        column-count: 1 !important;
    }

    .form-masonry > * {
        display: block !important;
        width: 100% !important;
    }

    .form-masonry > .w-100 {
        -webkit-column-span: none !important;
        -moz-column-span: none !important;
        column-span: none !important;
    }
}

.ob-gizle {
	display: none;
}
.ob-goster {
	display: block !important;
}
thead input {
	width: 100%;
}
.child ul li {
	border-bottom: 1px solid #ddd;
}
table tbody tr[class*=odd] td input,table tbody tr[class*=even] td input {
	display: none !important;
}
.form-control.manuel-valid {
	--form-validation-border-color: #059669;
	--form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(5, 150, 105, 0.25);
	border-color: var(--form-validation-border-color);
	padding-right: calc(calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2));
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(calc(var(--input-line-height) * 0.25em) + calc(var(--input-padding-y) * 0.5)) center;
	background-size: calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y)) calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y));
}
.form-control.manuel-valid:focus {
	border-color: var(--form-validation-border-color);
	box-shadow: var(--form-validation-focus-box-shadow);
}
.manuel-valid ~ .manuel-valid-feedback {
	display: block;
}
.manuel-valid-feedback {
	--form-validation-color: #059669;
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: var(--body-font-size-sm);
	color: var(--form-validation-color);
}
.form-control.manuel-invalid {
	--form-validation-border-color: #EF4444 !important;
	--form-validation-focus-box-shadow: 0 0 0 0.125rem rgba(239, 68, 68, 0.25) !important;
	border-color: var(--form-validation-border-color) !important;
	padding-right: calc(calc(var(--input-line-height) * 1em) + calc(var(--input-padding-y) * 2));
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right calc(calc(var(--input-line-height) * 0.25em) + calc(var(--input-padding-y) * 0.5)) center !important;
	background-size: calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y)) calc(calc(var(--input-line-height) * 0.5em) + var(--input-padding-y)) !important;
}
.form-control.manuel-invalid:focus {
	box-shadow: var(--form-validation-focus-box-shadow);
}
.manuel-invalid ~ .manuel-invalid-feedback {
	display: block;
}
.manuel-invalid-feedback {
	--form-validation-color: #EF4444;
	display: none;
	width: 100%;
	margin-top: 0.25rem;
	font-size: var(--body-font-size-sm);
	color: var(--form-validation-color);
}
.was-validated select.select:invalid + .select2.select2-container.select2-container--default span.select2-selection, .was-validated select.ob_select_ajax:invalid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
	padding-right:4.8125rem;
	--form-validation-border-color:#EF4444;
	--form-validation-focus-box-shadow:0 0 0 0.125rem rgba(239, 68, 68, 0.25);
	border-color:var(--form-validation-border-color);
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23EF4444'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23EF4444' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position:right 2.625rem center,center right .875rem;
	background-size: calc(1.00em + 0.375rem) calc(1.00em + 0.375rem);
}

.was-validated select.select:valid + .select2.select2-container.select2-container--default span.select2-selection, .was-validated select.ob_select_ajax:valid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-valid + .select2.select2-container.select2-container--default span.select2-selection{
	padding-right:4.8125rem;
	--form-validation-border-color:#059669;
	--form-validation-focus-box-shadow:0 0 0 0.125rem rgba(5, 150, 105, 0.25);
	border-color:var(--form-validation-border-color);
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23059669' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position:right 2.625rem center,center right .875rem;
	background-size: calc(1.00em + 0.375rem) calc(1.00em + 0.375rem);
}
/*input:placeholder-shown {
	font-style: italic;
}*/
input::-webkit-input-placeholder {
	font-style: italic;
	opacity: 0.5 !important; /*Change the opacity between 0 and 1*/
}

.kalin {border-bottom: 2px solid grey !important;}

div.dataTables_wrapper div.dataTables_info {
	padding-top: 0px;
}

.table.table-small>tbody>tr>td, .table.table-small>tbody>tr>th, .table.table-small>tfoot>tr>td, .table.table-small>tfoot>tr>th, .table.table-small>thead>tr>td, .table.table-small>thead>tr>th {
	padding: 4px 8px 4px 8px;
}

.table-pointer>tbody>tr>td{
	/*cursor: -webkit-grab;
	cursor: -Moz-grab;*/
	cursor: pointer;
}
a.disabled {
	opacity: .5;
	cursor: not-allowed !important;
	pointer-events: none;
}
.all-disabled input:not([type=button]) {
	pointer-events:none !important;
}
.all-disabled .ck-editor__top,
.all-disabled .ck-editor__editable {
    pointer-events: none !important;
    opacity: 0.6;
    filter: grayscale(1); /* Opsiyonel: Renkleri soldurarak pasif hissi verir */
}
.all-disabled .fancytree-title, 
.all-disabled .fancytree-checkbox {
    pointer-events: none !important;
    opacity: 0.6;
}
.dt-buttons-right {
	float: right;
}
.table-group {
	text-align: center;
	cursor: not-allowed !important;
	pointer-events: none;
	color: red;
	font-size: 14px;
}
table.dataTable tr.dtrg-group th:not(.nobg){background-color:rgba(0, 0, 0, 0.15);text-align:left}table.dataTable tr.dtrg-group.dtrg-level-0 th{font-weight:bold;color:red}table.dataTable tr.dtrg-group.dtrg-level-1 th,table.dataTable tr.dtrg-group.dtrg-level-2 th,table.dataTable tr.dtrg-group.dtrg-level-3 th,table.dataTable tr.dtrg-group.dtrg-level-4 th,table.dataTable tr.dtrg-group.dtrg-level-5 th:not(.nobg){background-color:rgba(0, 0, 0, 0.1);padding-top:.25em;padding-bottom:.25em;font-size:.9em}table.dataTable tr.dtrg-group.dtrg-level-2 th:not(.nobg){background-color:rgba(0, 0, 0, 0.05)}table.dataTable tr.dtrg-group.dtrg-level-3 th:not(.nobg){background-color:rgba(255, 228, 181, 0.5)}table.dataTable tr.dtrg-group.dtrg-level-4 th:not(.nobg){background-color:rgba(0, 0, 0, 0.01)}table.dataTable tr.dtrg-group.dtrg-level-5 th:not(.nobg){background-color:rgba(0, 0, 0, 0.01)}html.dark table.dataTable tr.dtrg-group th:not(.nobg){background-color:rgba(255, 255, 255, 0.1)}html.dark table.dataTable tr.dtrg-group.dtrg-level-1 th:not(.nobg){background-color:rgba(255, 255, 255, 0.05)}html.dark table.dataTable tr.dtrg-group.dtrg-level-2 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-3 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-4 th,html.dark table.dataTable tr.dtrg-group.dtrg-level-5 th:not(.nobg){background-color:rgba(255, 255, 255, 0.01)}
table.dataTable tr.dtrg-group.dtrg-level-1 th:not(.nolevel){padding-left:2em}table.dataTable tr.dtrg-group.dtrg-level-2 th:not(.nolevel){padding-left:2.5em}table.dataTable tr.dtrg-group.dtrg-level-3 th:not(.nolevel){padding-left:3em}table.dataTable tr.dtrg-group.dtrg-level-4 th:not(.nolevel){padding-left:3.5em}table.dataTable tr.dtrg-group.dtrg-level-5 th:not(.nolevel){padding-left:4em}html.dark table.dataTable tr.dtrg-group th:not(.nobg){background-color:rgba(255, 255, 255, 0.1)}
table.datatable-group tr.odd td:first-child,table.datatable-group tr.even td:first-child,table.datatable-group tr.odd th:first-child,table.datatable-group tr.even th:first-child { padding-left: 4em; !important;}
table.dataTable tr.dtrg-level-0 td{background-color:rgba(0, 0, 0, 0.2);text-align:left}
table.dataTable tr.dtrg-level-1 td{background-color:rgba(0, 0, 0, 0.1);text-align:left}
table.dataTable tr.dtrg-level-2 td{background-color:rgba(0, 0, 0, 0.05);text-align:left}
table.dataTable tr.dtrg-level-3 td{background-color:rgba(255, 228, 181, 0.5);text-align:left}
table.dataTable tr.dtrg-group th.nobg {background-color:rgba(0, 0, 0, 0) !important}
/*table.dataTable tr.dtrg-group.dtrg-end {border-top:1px solid black !important}*/
.gizle {
	display: none !important;
	pointer-events: none !important;
}

.daterangepicker.hafta tbody tr:hover {
	background-color: #cccccc;
}
.sby {font-weight: 600;}
/*table thead, .table-ob {*/
	table .table-ob {
		background-color: #8b3a3a;
		color: white;
	}
	thead .dtfc-fixed-left {
		background-color: #8b3a3a !important;
		color: white;
	}
/*table tbody, .table-th-ob {
	background-color: #eee;
	color: white;
}*/
.dataTables_processing {
	top: 40px !important;
	z-index: 11000 !important;
}
.bg-mavi {background-color: blue}
.bg-mavi:hover {background-color: #8b3a3a}
.text-mavi {color: blue}
.bg-yesil {background-color: green}
.bg-yesil:hover {background-color: #8b3a3a}
.text-yesil {color: green}
.bg-lacivert {background-color: navy}
.bg-lacivert:hover {background-color: #8b3a3a}
.text-lacivert {color: navy}
.bg-kirmizi {background-color: red}
.bg-kirmizi:hover {background-color: #8b3a3a}
.text-kirmizi {color: red}
.bg-turuncu {background-color: orange}
.bg-turuncu:hover {background-color: #8b3a3a}
.text-turuncu {color: orange}
.bg-mor {background-color: purple}
.bg-mor:hover {background-color: #8b3a3a}
.text-mor {color: purple}
.bg-kahve {background-color: brown}
.bg-kahve:hover {background-color: #8b3a3a}
.text-kahve {color: brown}
.bg-zeytin {background-color: olive}
.bg-zeytin:hover {background-color: #8b3a3a}
.text-zeytin {color: olive}
.bg-ciko {background-color: #D2691E}
.bg-ciko:hover {background-color: #8b3a3a}
.text-ciko {color: #D2691E}
.bg-ksari {background-color: #B8860B}
.bg-ksari:hover {background-color: #8b3a3a}
.text-ksari {color: #B8860B}
.bg-dsgri {background-color: #4B0082}
.bg-dsgri:hover {background-color: #8b3a3a}
.text-dsgri {color: #4B0082}
.bg-obindigo {background-color: #2F4F4F}
.bg-obindigo:hover {background-color: #8b3a3a}
.text-obindigo {color: #2F4F4F}


.yukleniyor-arka{
	z-index:1050;
	background-color:black;
	opacity:0.70;
	position:fixed;
	top:0;
	left:0;
	width:100vw;
	height:100vh;
}

.lds-roller {
	display: inline-block;
	position: fixed;
	width: 10px;
	height: 10px;
	top: 45%;
	left: 45%;
	z-index: 9999;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #fff;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}
@keyframes lds-roller {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

#yukleniyor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.60);
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	color: white;
	font-size: 22px;
	backdrop-filter: blur(3px);
}

/* Dönen ikon */
.yukleyici {
	border: 8px solid rgba(255, 255, 255, 0.25);
	border-top: 8px solid white;
	border-radius: 50%;
	width: 100px;
	height: 100px;
	animation: yukleniyor_spin 2s linear infinite;
	margin-bottom: 20px;
}

@keyframes yukleniyor_spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Yazı animasyonu */
.fade_yukeniyor_text {
	opacity: 0;
	animation: fade_yukeniyor_text_in 0.6s forwards;
	width: 100%;
	text-align: center;
	padding: 0 20px;
	box-sizing: border-box;
}

@keyframes fade_yukeniyor_text_in {
	from { opacity: 0; transform: translateY(6px); }
	to   { opacity: 1; transform: translateY(0); }
}

.col-lg-1-5 {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 12.5%;
}
.col-lg-3-5 {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 29.16666667%;
}
.col-lg-10-5 {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 87.5%;
}
@media (max-width: 992px) {
	.col-lg-1-5 {
		flex: 0 0 25%;
		max-width: 25%;
	}
}
@media (max-width: 576px) {
	.col-lg-1-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-10-5 {
		flex: 0 0 50%;
		max-width: 50%;
	}
}
@media (max-width: 992px) {
	.col-lg-1-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.col-lg-10-5 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
.ck-balloon-panel {z-index: 9999 !important;}

/*.yukleniyor {
	position:fixed;
	z-index: 9999;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  background: 
    radial-gradient(farthest-side,#766DF4 94%,#0000) top/16px 16px no-repeat,
    conic-gradient(#0000 30%,#766DF4);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 16px),#000 0);
  animation:s3 2s infinite linear;
}

@keyframes s3{ 
  100%{transform: rotate(1turn)}
}*/

/*Spinner*/
.sk-spinner-three-bounce.sk-spinner {
	margin: 0 auto;
	width: 70px;
	padding: 50px 0;
	text-align: center;
}
.sk-spinner-three-bounce div {
	width: 18px;
	height: 18px;
	background-color: #0c83ff;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
	animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
	/* Prevent first frame from flickering when animation starts */
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.sk-spinner-three-bounce .sk-bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.sk-spinner-three-bounce .sk-bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes sk-threeBounceDelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes sk-threeBounceDelay {
	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}


.pdf-paneli {
	border: 2px solid #ccc;
	border-radius: 8px;
	padding: 10px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	width: 100%;
	height: 500px; /* PDF görüntüleyici gibi geniş bir alan oluştur */
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	position: relative;
}

/* "Dosya Yok" mesajını büyük ve ortalanmış hale getirme */
.no-file-message {
	font-size: 22px; /* Yazıyı daha büyük yap */
	color: #999;
	position: absolute;
	text-align: center;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold; /* Kalın yazı */
	opacity: 0.7; /* Hafif saydamlık efekti */
}
.height-full {
	/*width:100vw; */
	height:100%;
}
.width-full {
	width:100%;
	/*height:100%; */
}

/*Spinner*/

.zoom-70 {
	zoom: 0.7;
	-moz-transform: scale(0.7);
	-moz-transform-origin: 0 0;
}
.zoom-80 {
	zoom: 0.8;
	-moz-transform: scale(0.8);
	-moz-transform-origin: 0 0;
}

.fancytree-ext-filter-dimm span.fancytree-node span.fancytree-title {
	color: #c0c0c0;
	font-weight: lighter;
}
.fancytree-ext-filter-dimm tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-submatch span.fancytree-title {
	font-weight: normal;
}
.fancytree-ext-filter-dimm tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-dimm span.fancytree-node.fancytree-match span.fancytree-title {
	font-weight: bold;
}
.fancytree-ext-filter-hide tr.fancytree-hide,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-hide {
	display: none;
}
.fancytree-ext-filter-hide tr.fancytree-submatch span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title {
	color: #c0c0c0;
	font-weight: lighter;
}
.fancytree-ext-filter-hide tr.fancytree-match span.fancytree-title,
.fancytree-ext-filter-hide span.fancytree-node.fancytree-match span.fancytree-title {
	font-weight: normal;
}
/* Hide expanders if all child nodes are hidden by filter */
.fancytree-ext-filter-hide-expanders tr.fancytree-match span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-match span.fancytree-expander {
	visibility: hidden;
}
.fancytree-ext-filter-hide-expanders tr.fancytree-submatch span.fancytree-expander,
.fancytree-ext-filter-hide-expanders span.fancytree-node.fancytree-submatch span.fancytree-expander {
	visibility: visible;
}

.nav-link.tab-has-error {
	color: #dc3545 !important; /* Bootstrap Danger Kırmızı */
	position: relative; /* İkonun referans noktası burası olur */
	padding-right: 2.5rem !important; /* İkon için sağda yer açıyoruz */
}

.nav-link.tab-has-error::after {
	font-family: "Phosphor";
	content: "\e4e2";
	font-size:var(--icon-font-size);
	color: #dc3545;
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 0; 
}
.fancytree-unselectable .fancytree-title {
    opacity: 0.5;
    /*cursor: not-allowed;*/
    /*font-style: italic;*/
}