/*.dx-datagrid .dx-header-filter::before {
    font-family: "Font Awesome 6 Pro";
}*/
/*.dx-gridbase-container > .dx-datagrid-rowsview.dx-scrollable{
    min-height:400px;
}*/
.c-point{
    cursor: pointer !important;
}
.form-check-input:checked {
    background-color: #8A2425;
    border-color: #8A2425;
}
.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #FF8D8E;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(138,36,37,.25)
}
.form-check-input[type=checkbox]:indeterminate {
    background-color: #FF3335;
    border-color: #FF3335;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}
.text-pink {
    color: #E47CE8 !important;
}
    .text-pink:hover {
        color: #BE3FC3 !important;
    }
.text-grey {
    color: #3D3D3D !important;
}
    .text-grey:hover {
        color: #2D2D2D !important;
    }
.text-aqua {
    color: #59DFF3 !important;
}
    .text-aqua:hover {
        color: #22B1C6 !important;
    }
.text-purple {
    color: #9F59F3 !important;
}
    .text-purple:hover {
        color: #681EC1 !important;
    }
.text-darkgreen {
    color: #3D8130 !important;
}
    .text-darkgreen:hover {
        color: #205815 !important;
    }
.text-darkred {
    color: #C30404 !important;
}
    .text-darkred:hover {
        color: #950000 !important;
    }
.text-orange {
    color: #F4800B !important;
}
    .text-orange:hover {
        color: #B75D03 !important;
    }
.text-aquablue {
    color: #07A8DE !important;
}
    .text-aquablue:hover {
        color: #0E89B2 !important;
    }
.text-blue {
    color: #0850FF !important;
}
    .text-blue:hover {
        color: #1041B7 !important;
    }
.text-darkblue {
    color: #1B3A7A !important;
}
    .text-darkblue:hover {
        color: #0A265D !important;
    }
.text-green {
    color: #13AD20 !important;
}
    .text-green:hover {
        color: #10901A !important;
    }
.text-darkgrey {
    color: #424242 !important;
}
    .text-darkgrey:hover {
        color: #171717 !important;
    }
.btn-close-custom {
    background-color: transparent;
    border: none;
    font-size: 1.5rem; 
    color: black; 
    cursor: pointer;
}  
.btn-pink {
    color: #ffffff;
    background-color: #E47CE8 !important;
    border-color: #E47CE8 !important;
}
    .btn-pink:hover {
        color: #ffffff !important;
        background-color: #E47CE8 !important;
        border-color: #E47CE8 !important;
    }
.btn-outline-pink {
    color: #E47CE8 !important;
    border-color: #E47CE8 !important;
}
    .btn-outline-pink:hover {
        color: #ffffff !important;
        background-color: #E47CE8 !important;
        border-color: #E47CE8 !important;
    }
.btn-aqua {
    color: #ffffff !important;
    background-color: #59DFF3 !important;
    border-color: #59DFF3 !important;
}
    .btn-aqua:hover {
        color: #ffffff !important;
        background-color: #59DFF3 !important;
        border-color: #59DFF3 !important;
    }

.btn-outline-aqua {
    color: #59DFF3 !important;
    border-color: #59DFF3 !important;
}

    .btn-outline-aqua:hover {
        color: #ffffff !important;
        background-color: #59DFF3 !important;
        border-color: #59DFF3 !important;
    }

.btn-purple {
    color: #ffffff !important;
    background-color: #9F59F3 !important;
    border-color: #9F59F3 !important;
}

    .btn-purple:hover {
        color: #ffffff !important;
        background-color: #9F59F3 !important;
        border-color: #9F59F3 !important;
    }

.btn-outline-purple {
    color: #9F59F3 !important;
    border-color: #9F59F3 !important;
}

    .btn-outline-purple:hover {
        color: #ffffff !important;
        background-color: #9F59F3 !important;
        border-color: #9F59F3 !important;
    }

ul.activity li.activity-list.text-pink:after {
    border: 2px solid #E47CE8;
}

ul.activity li.activity-list.text-grey:after {
    border: 2px solid #3D3D3D;
}

ul.activity li.activity-list.text-aqua:after {
    border: 2px solid #59DFF3;
}

ul.activity li.activity-list.text-purple:after {
    border: 2px solid #9F59F3;
}

ul.activity li.activity-list.text-darkgreen:after {
    border: 2px solid #3D8130;
}

ul.activity li.activity-list.text-darkred:after {
    border: 2px solid #C30404;
}

ul.activity li.activity-list.text-orange:after {
    border: 2px solid #F4800B;
}

ul.activity li.activity-list.text-aquablue:after {
    border: 2px solid #07A8DE;
}

ul.activity li.activity-list.text-blue:after {
    border: 2px solid #0850FF;
}

ul.activity li.activity-list.text-darkblue:after {
    border: 2px solid #1B3A7A;
}

ul.activity li.activity-list.text-green:after {
    border: 2px solid #13AD20;
}

ul.activity li.activity-list.text-darkgrey:after {
    border: 2px solid #424242;
}


.font-large-2 {
    font-size: 3rem !important
}
.custom-options-checkable .custom-option-item {
    width: 100%;
    cursor: pointer;
    border-radius: 0.42rem;
    color: #82868b;
    background-color: rgba(130, 134, 139, 0.06);
    border: 1px solid #ebe9f1;
}

    .custom-options-checkable .custom-option-item .custom-option-item-title {
        color: #82868b;
    }

.custom-option-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

    .custom-option-item-check:checked + .custom-option-item {
        color: #8A2425;
        background-color: rgba(138, 36, 37, 0.12);
        border-color: #8A2425;
    }

        .custom-option-item-check:checked + .custom-option-item
        .custom-option-item-title {
            color: #8A2425;
        }
.password-valid {
    color: #5CC33A;
}

.password-invalid {
    color: #E30E10;
}
.bildirim-okundu-title {
    color: #80888E !important;
}
.bildirim-okundu-desc {
    color: #B1B4B7 !important;
}
/* TEMA ÖZELLEŞTİRME */
.accordion-body {
    padding: .50rem .50rem;
}
.accordion-button {
    padding: .50rem .50rem;
    font-weight: bold;
}
.dx-scrollable-scrollbar.dx-scrollbar-horizontal .dx-scrollable-scroll-content {
    background-color: #E02539; /* Scrollbar'ın İçindeki Kısım */
}

.dx-scrollable-scrollbar.dx-scrollbar-vertical .dx-scrollable-scroll-content {
    background-color: #E02539; /* Scrollbar'ın İçindeki Kısım */
}
.dx-datagrid .dx-row.dx-data-row {
    height: auto !important; /* Yüksekliği otomatik ayarla */
    padding: 4px 0 !important; /* Üst ve alt padding azalt */
}

/* DataGrid hücrelerinin iç padding'ini daraltma */
.dx-datagrid .dx-data-row .dx-data-cell {
    padding: 4px 8px !important; /* Daha dar iç padding */
    line-height: 1.2 !important; /* Satır aralığını azalt */
}
.desktop-only {
    display: inline-block; /* Masaüstünde normal buton göster */
}

.mobile-only {
    display: none; /* Masaüstünde gizle */
}

/* Mobil görünüm */
@media (max-width: 768px) {
    .desktop-only {
        display: none; /* Mobilde butonu gizle */
    }

    .mobile-only {
        display: inline-block; /* Mobilde menüyü göster */
    }
}


.offcanvas-width-20 {
    width: 20% !important;
}
.offcanvas-width-35 {
    width: 35% !important;
}

.offcanvas-width-50 {
    width: 50% !important;
}

.offcanvas-width-80 {
    width: 80% !important;
}

.offcanvas-width-95 {
    width: 95% !important;
}


@keyframes slideInFromTop {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shake {
    0% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }

    100% {
        transform: translateX(0);
    }
}

#warningMessageContainer {
    animation: slideInFromTop 0.5s ease-in-out forwards, shake 0.3s ease 0.5s;
    display: flex;
    align-items: center;
}

#warningMessage i {
    font-size: 16px;
    color: #f39c12;
}
.kullanici-adlari{
    cursor: pointer;
}

div.dx-submenu {
    background-color: #ffffff; /* Beyaz arka plan */
    border: 1px solid #dcdcdc; /* Kenar çizgisi */
    border-radius: 4px; /* Köşeleri yuvarlat */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Gölge efekti */
}

    /* Menü içindeki liste */
    div.dx-submenu ul.dx-menu-items-container {
        padding: 0;
        margin: 0;
        list-style: none; /* Nokta işaretlerini kaldırır */
    }

    /* Menü öğeleri */
    div.dx-submenu li.dx-menu-item-wrapper {
        margin: 0;
        padding: 0;
    }

    /* Menü item */
    div.dx-submenu .dx-menu-item {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        color: #333; /* Yazı rengi */
        cursor: pointer;
        transition: background-color 0.2s ease;
    }

        /* Menü item üzerine gelindiğinde */
        div.dx-submenu .dx-menu-item:hover {
            background-color: #f5f5f5; /* Hover efekti */
        }

    /* Menüdeki ikon */
    div.dx-submenu .dx-icon {
        font-size: 14px; /* İkon boyutu */
        color: #ff0000; /* İkon rengi */
    }

    /* Menüdeki metin */
    div.dx-submenu .dx-menu-item-text {
        flex-grow: 1;
        white-space: nowrap; /* Metni taşırmaz */
        overflow: hidden;
        text-overflow: ellipsis; /* Uzun metinleri kes */
    }