﻿@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
:root {

}

body {
    font-family: Nunito, Arial !important;
}

button, input, optgroup, options, select, textarea {
    font-family: Nunito, Arial !important;
}

body * {
    --bs-primary: #b20436;
    --bs-dropdown-link-active-bg: #b20436;
    --bs-primary-rgb: 178, 4, 54;
    --bs-primary-bg-subtle: #f7d4d9;
}

.container-fluid {
    --bs-gutter-x: 1.0rem !important;
}

[data-bs-theme=dark] body * {
    --bs-primary: #b20436;
    --bs-dropdown-link-active-bg: #b20436;
    --bs-primary-rgb: 178, 4, 54;
    --bs-primary-bg-subtle: #514244;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #b20436;
    --bs-btn-border-color: #b20436;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bd0e40;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bd0e40;
    --bs-btn-active-border-color: #b20436;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #b20436;
    --bs-btn-disabled-border-color: #b20436;
    border-color: #cc1c3d;
}


.btn.btn-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: #cc1c3d;
}

.btn-primary:focus {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-primary:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow, inset 0 3px 5px rgba(0, 0, 0, 0.125));
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: 0.65;
    pointer-events: none;
}

.btn-outline-primary {
    --bs-btn-color: #b20436;
    --bs-btn-border-color: #b20436;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bd0e40;
    --bs-btn-hover-border-color: #bd0e40;
    --bs-btn-focus-shadow-rgb: 178, 4, 54;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bd0e40;
    --bs-btn-active-border-color: #b20436;
    --bs-btn-disabled-color: #b20436;
    --bs-btn-disabled-border-color: #b20436;
    color: var(--bs-btn-color);
    border: 1px solid var(--bs-btn-border-color);
    background-color: transparent;
}

.btn-outline-primary:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
}

.btn-outline-primary:active {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color);
    box-shadow: var(--bs-btn-active-shadow, inset 0 3px 5px rgba(0, 0, 0, 0.125));
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: var(--bs-btn-disabled-color);
    background-color: transparent;
    border-color: var(--bs-btn-disabled-border-color);
    opacity: 0.65;
}

.dropdown-item:active {
    
}

.custom-tooltip {
    --bs-tooltip-bg: #b20436;
    --bs-tooltip-color: white;
}

.tooltip.show {
    opacity: 1;
}

.card-title-finteo {
    border-radius: 5px 0px;
    /*background-color: #e8e8e8;*/
    border-bottom: 0px;
}

[data-bs-theme=dark] #bankaBazliBakiye .card-body a {
    --bs-text-opacity: 1;
    color: white !important;
    text-decoration: none;
}

#bankaBazliBakiye .card-body a {
    --bs-text-opacity: 1;
    color: black !important;
    text-decoration: none;
}

#bankaBazliBakiye .card-body a:hover {
    --bs-text-opacity: 1;
    color: #b20436 !important;
    text-decoration: none;
}

#bankaBazliBakiye table tbody tr td:first-child {
    border-left: 0px !important;
}

#bankaBazliBakiye table tbody tr td:last-child {
    border-right: 0px !important;
}

.form-check-input:checked {
    background-color: #b20436;
    border-color: #b65c76;
}

.form-check-input:focus {
    border-color: #b65c76;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,.25);
}
.form-check-input:focus {
    border-color: #b65c76;
    outline: 0;
    box-shadow: 0 0 0 .25rem #f2d0da;
}

.form-switch .form-check-input {
    background-image: var(--bs-form-switch-bg);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23dadada'/%3e%3c/svg%3e");
}

.form-check-label {
    user-select:none;
}

[data-bs-theme=light] .bg-gradient {
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(150, 150, 150, 0));
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.60), rgb(208, 208, 208)) !important;
}

.fs-7 {
    font-size: 0.85rem !important;
}

.fs-8 {
    font-size: 0.68rem !important;
}

.pageOverlay {
    top: 0px;
    position: fixed;
    height: 100%;
    background-color: rgba(128, 128, 128, 0.3);
    width: 100%;
    text-align: center;
    z-index: 9999;

}

.pageOverlay div {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pageOverlay div span {
    padding: 10px;
    border: 1px solid rgb(159, 159, 159);
    background: rgb(251, 251, 251);
    border-radius: 4px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
    min-width: 400px;
    min-height: 200px;
    align-content: center;
}

.loader-line {
    width: 100% !important;
    height: 3px;
    position: fixed;
    top: 0px;
    left: auto;
    overflow: hidden;
    background-color: #ccc;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    z-index: 9999;
}

.loader-line:before {
    content: "";
    position: fixed;
    top:0px;
    left: -50%;
    height: 3px;
    width: 20%;
    background-color: var(--bs-primary) !important;
    animation: lineAnim 1s linear infinite;
    border-radius: 20px;
}

@keyframes lineAnim {
    0% {
        left: -40%;
    }

    50% {
        left: 20%;
        width: 80%;
    }

    100% {
        left: 100%;
        width: 100%;
    }
}

.form-select-sm .ts-control {
    padding: 0 .75rem;
}

.ts-control, .ts-control input, .ts-dropdown {
    color: unset !important;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
}

.ts-dropdown, .ts-dropdown.form-control, .ts-dropdown.form-select {
    background: var(--bs-body-bg) !important;
}

.ts-dropdown .active {
    background-color: var(--bs-dark-border-subtle) !important;
    color: var(--bs-secondary) !important
}

/*.ts-control .item {
    align-items: center;
    display: block;
    width: 90% !important;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 3px 0px;
}

.ts-control .item .remove {
    position: absolute;
    right: 10% !important;
}*/

[data-bs-theme=light] .ts-control .item .remove {
    background-color: white;
    color: black;
}

[data-bs-theme=dark] .ts-control .item .remove {
    background-color: #2e2d2d;
    color: #aeaeae;
}

[data-bs-theme=dark] .ts-control .item {
    background-color: var(--bs-dark-bg-subtle) !important;
    color: #aeaeae !important;
}

[data-bs-theme=dark] .ts-wrapper.plugin-remove_button .item .remove:hover {
    background-color: #262525 !important
}

[data-bs-theme=dark] div:where(.swal2-container) div:where(.swal2-popup) {
    background-color: var(--bs-dark-bg-subtle) !important;
    color:white !important;
}

[data-bs-theme=dark] .ag-overlay-loading-center {
    background-color: var(--bs-dark-bg-subtle) !important;
    color: white !important;
}

[data-bs-theme=dark] .pageOverlay div span {
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.ts-wrapper.multi .ts-control > div.active {
    background: #b4b5b7;
    border: 0 solid transparent;
    color: #fff;
}

.lback {
    /*background-image: url('../img/content/loginback.jpg');*/
    background-position: center;
    background-size: cover;
    background-color: #dadada;
}

.w500px {
    width: 500px;
}

#mynavbar .nav-item {

}

@media (max-width: 1499px) {
    #mynavbar .nav-item .nav-link .nav-menu-item {
        display: none;
    }


    #mynavbar .nav-item .nav-link {
        padding-top:0px;
        padding-bottom:0px;
    }

    #mynavbar .nav-item .nav-link i {
        font-size:25px;
    }
}


@media (max-width: 575px) {
    #mynavbar .nav-item .nav-link .nav-menu-item {
        display: unset;
    }
}

.dateTools {
    position: absolute;
    top: 0;
    right: -201px;
    background: white;
    height: 250px;
    width: 200px;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #b20436;
    border-color: white;
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #b20436,5px 0 0 #b20436 !important;
    box-shadow: -5px 0 0 #b20436,5px 0 0 #b20436 !important;
}

.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #b20436;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    border-color: #b20436;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 #999999;
    box-shadow: -10px 0 0 #999999;
}


.ag-row .ag-center-vertical  {
    display: flex;
    align-items: center;
}

div:where(.swal2-icon).swal2-error {
    border-color: #b20436;
    color: #b20436;
}

div:where(.swal2-icon).swal2-error [class^="swal2-x-mark-line"] {
    background-color: #b20436 !important;
}

.filter-label {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
}

.bg-secondary-subtle .form-control,
.bg-secondary-subtle .form-select {
    border-color: #bfbfbf !important;
    border-style: dashed;
}

/* Dark theme versiyonu */
[data-bs-theme=dark] .bg-secondary-subtle .form-control,
[data-bs-theme=dark] .bg-secondary-subtle .form-select {
    border-color: #5f5e5e !important;
}

[data-bs-theme=dark] .tabulator .tabulator-header {
    background-color: #080808;
    border-bottom: 3px solid #0b0b0b;
}

[data-bs-theme=dark] .tabulator-row.tabulator-group {
    border-bottom: 2px solid #0b0b0b;
}

[data-bs-theme=dark] .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
    border-top: 6px solid #b20436;
    border-left: 6px solid transparent;
}

[data-bs-theme=dark] .tabulator-row.tabulator-group .tabulator-arrow {
    border-left: 6px solid #b20436;
    border-top: 6px solid transparent;
}

[data-bs-theme=dark] .tabulator .tabulator-footer {
    background-color: #101010;
    border-top: 3px solid white;
    padding: 8px 10px 5px;
}

.swal2-cancel {
    margin-left:10px;
}

[data-bs-theme=dark] .ag-row-hover::before {
    background-color:#262222 !important;
}

[data-bs-theme=dark] .ag-row-selected::before {
    background-color: #3c3c3c !important;
}

[data-bs-theme=dark] .ag-cell-focus {
    background-color: #3c3c3c !important;
}

[data-bs-theme=dark] .ag-cell-range-selected {
    background-color: #3c3c3c !important;
}

[data-bs-theme=dark] .ag-row-focus {
    background-color: #3c3c3c !important;
}

:root {
    --fc-today-bg-color: #fadddd; /* açık mavi gibi */
    --fc-border-color: #c8c8c8;
}

[data-bs-theme="dark"] {
    --fc-today-bg-color: #2b3a50; /* koyu ton, dark tema için */
    --fc-border-color: #3c3c3c;
}

.fc-scrollgrid-sync-inner .fc-col-header-cell-cushion {
    color:var(--bs-btn-active-bg);
    text-decoration:none;
}

.fc-daygrid-day-top a {
    color: var(--bs-btn-active-bg);
    text-decoration: none;
    font-size: 0.9em !important;
}

.tablist .nav-link.active {
    background-color: #b20436 !important;
    color: white !important;
    border-radius: 3px 0px 0px 0px;
}


.tablist .nav-link {
    background-color: #e9e9ed !important;
    color: black !important;
    border-radius: 3px 0px 0px 0px;
}

.fc-button-primary {
    background-color: #e1e1e1 !important;
    border-color: #828282 !important;
    padding: .22em .65em !important;
    color: #848484 !important;
}

.row-success {
    /*background-color: #cdedc9 !important;
    color: #333333 !important;*/
    border-bottom: 4px solid white !important;
}

[data-bs-theme="dark"] .row-success {
    /*background-color: #cdedc9 !important;
    color: #333333 !important;*/
    border-bottom: 4px solid #141414 !important;
}

[data-bs-theme="dark"] .row-danger {
    /*background-color: #edd4c9 !important;
    color: #333333 !important;*/
    border-bottom: 4px solid #2c010e !important;
}

.row-danger {
    /*background-color: #edd4c9 !important;
    color: #333333 !important;*/
    border-bottom: 4px solid white !important;
}

.text-muted {
    color:unset !important;
}

.support-btn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 56px;
    height: 56px;
    z-index: 1050;
    font-size: 1.4rem;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.support-btn:hover {
    transform: scale(1.1);
    box-shadow: 0 0 0 0.2rem rgba(178, 4, 54, 0.25);
}

.form-check-input {
    border: var(--bs-border-width) solid #b1b1b1;
}

.form-control, .form-select {
    border: var(--bs-border-width) solid #b1b1b1;
}

#divTekliSirketSecim {
    margin-left: 20px;
    font-size:0.9rem;
    max-height:500px;
    overflow-y:auto;
    max-width:250px;
}

#divTekliSirketSecim a {
    color:black;
}

#divTekliSirketSecim a:hover {
    color:var(--bs-primary);
}

[data-bs-theme="dark"] #divTekliSirketSecim a {
    color: white;
}

[data-bs-theme="dark"] #divTekliSirketSecim a:hover {
    color: var(--bs-primary);
}

.nav-pills .nav-link.active {
    background-color: var(--bs-primary) !important;
    color: #fff;
}

#btnHesapTuruSecim.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    float: right;
    margin-top: 8px;
}

.table-sticky thead th {
    position: sticky;
    top: 0;
    z-index: 50; /* hücrelerin üstünde kalsın */
}

.table-sticky tbody tr > td[colspan] {
    position: sticky;
    top: 30px;
}
