@charset "UTF-8";

/* ---------------------- Sidebar ---------------------- */
.offcanvas-btn {
    right: 395px;
    top: 120px;
    visibility: visible;
    z-index: 5555;
}

    .offcanvas-btn span:last-child,
    .offcanvas.show .offcanvas-btn span:first-child {
        display: none;
    }

.offcanvas.show .offcanvas-btn span:last-child {
    display: inline;
}

.daterangepicker {
    z-index: 5555;
}

.filterBtn {
    box-shadow: -5px 5px 5px 0px #ccccd3;
}

/*  Acente İmage Input */
.image-input-placeholder {
    background-image: url('svg/avatars/blank.svg');
}

[data-bs-theme="dark"] .image-input-placeholder {
    background-image: url('svg/avatars/blank-dark.svg');
}

.link-danger {
    color: red;
}

.link-success {
    color: green;
}

.export-button-hidden {
    display: none !important;
}

.passive-label {
    color: red;
    font-weight: bold;
}
/* ------------------------------------------------------ */

/* Reservation Modal Typography */
.kpanel-table-primary-text {
    color: #44516B !important;
    font-weight: 600;
}

.kpanel-table-secondary-text {
    color: #6B7890 !important;
    font-weight: 500;
}

.kpanel-table-header-text {
    color: #7D89A0 !important;
    font-weight: 600;
}

/* fatura */
i.kpanel-receipt-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Telefone ikonu */
i.kpanel-telephone-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Mail ikonu */
i.kpanel-envolope-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Lokasyon ikonu */
i.kpanel-location-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Takvim ikonu */
i.kpanel-calendar-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Saat ikonu */
i.kpanel-clock-icon {
    color: #97cded;
    font-size: 1rem;
}

/* Input icon wrapper */
.kpanel-input-icon {
    background-color: #FFFFFF !important;
    border-color: #E7EEF5 !important;
}

/* Üçgen uyarı levhası */
.kpanel-triangle-info {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 8px 12px;
    margin-bottom: 1rem;
    background: #F6F3FF;
    border: 1px dashed #C9B8F5;
    border-radius: 10px;
    color: #6F52B5;
    transition: all .2s ease;
}

.kpanel-triangle-info i {
    font-size: 1rem;
    color: #7C5AC7;
    opacity: .9;
}

.kpanel-triangle-info span {
    color: #6B4FB3;
    font-weight: 600;
    line-height: 1.2;
}

/* Pastel Renk Sınıfları Rate Code Ekranı*/
.bg-blue-100 {
    background-color: #cce5ff !important;
}

.bg-indigo-200 {
    background-color: #d6d8ff !important;
}

.bg-purple-200 {
    background-color: #e9d8fd !important;
}

.bg-pink-200 {
    background-color: #fcd5ce !important;
}

.bg-red-200 {
    background-color: #f5c6cb !important;
}

.bg-orange-200 {
    background-color: #ffe0b2 !important;
}

.bg-yellow-200 {
    background-color: #fff3cd !important;
}

.bg-green-200 {
    background-color: #d4edda !important;
}

.bg-teal-200 {
    background-color: #b2f5ea !important;
}

.bg-cyan-200 {
    background-color: #b2ebf2 !important;
}

.bg-gray-200 {
    background-color: #e2e3e5 !important;
}