[sidebar-dark-light-data-theme=sidebar-dark] .light1 {
    display: inline-block;
}

[sidebar-dark-light-data-theme=sidebar-dark] .dark1 {
    display: none;
}

[sidebar-dark-light-data-theme=sidebar-light] .light1 {
    display: none;
}

[sidebar-dark-light-data-theme=sidebar-light] .dark1 {
    display: inline-block;
}

/* Global Modern Button Styling */
.btn-primary {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
    border-color: #764ba2 !important;
    color: white !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
    border-color: #764ba2 !important;
    color: white !important;
} 

.btn-primary:focus {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
    border-color: #764ba2 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(200, 44, 106, 0.25) !important;
}

.btn-success {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border-color: #10b981 !important;
    color: white !important;
}

.btn-success:hover {
    background: linear-gradient(135deg, #059669, #047857) !important;
    border-color: #059669 !important;
    color: white !important;
}

.btn-success:focus {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border-color: #10b981 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(16, 185, 129, 0.25) !important;
}

.btn-outline-primary {
    border-color: #764ba2 !important;
    color: #764ba2 !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
    border-color: #764ba2 !important;
    color: white !important;
}

.btn-outline-primary:focus {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%) !important;
    border-color: #764ba2 !important;
    color: white !important;
    box-shadow: 0 0 0 0.2rem rgba(200, 44, 106, 0.25) !important;
}

.btn-outline-success {
    border-color: #10b981 !important;
    color: #10b981 !important;
}

.btn-outline-success:hover {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border-color: #10b981 !important;
    color: white !important;
}

.btn-outline-warning {
    border-color: #f59e0b !important;
    color: #f59e0b !important;
}

.btn-outline-warning:hover {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    border-color: #f59e0b !important;
    color: white !important;
}

.btn-warning {
    background: linear-gradient(135deg, #f59e0b, #d97706) !important;
    border-color: #f59e0b !important;
    color: white !important;
}

.btn-warning:hover {
    background: linear-gradient(135deg, #d97706, #b45309) !important;
    border-color: #d97706 !important;
    color: white !important;
}

.btn-danger {
    background: linear-gradient(135deg, #ef4444, #dc2626) !important;
    border-color: #ef4444 !important;
    color: white !important;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #dc2626, #b91c1c) !important;
    border-color: #dc2626 !important;
    color: white !important;
}

.definitions-link li {
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer !important;
}

.calendar-wrap .fc .fc-button-primary {
    border-radius: 0 !important;
}

#preloader .preloader .waviy span:nth-child(6) {
    animation-delay: 0.6s;
}

#preloader .preloader .waviy span:nth-child(7) {
    animation-delay: 0.7s;
}

#preloader .preloader .waviy span:nth-child(8) {
    animation-delay: 0.8s;
}

#preloader .preloader .waviy span:nth-child(9) {
    animation-delay: 0.9s;
}

#preloader .preloader .waviy span:nth-child(10) {
    animation-delay: 0.10s;
}

#preloader .preloader .waviy span:nth-child(11) {
    animation-delay: 0.11s;
}

.light-dark button{
    border: none !important;
}

.form-control.form-control-sm {
    height: 35px !important;
    min-height: 35px !important;
}

/* Fullcalendar */
.fc-timegrid-slot {
    height: 2.8em !important;
}

.fc-event {
    cursor: pointer;
}

.fc-scroller {
    overflow-y: scroll;
}

.fc-scroller::-webkit-scrollbar {
    width: 5px;
}

.fc-scroller::-webkit-scrollbar-track {
    background: #eee;
}

.fc-scroller::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #00d2ff;
    background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
}

/* Scrollbar*/
.custom-scrollbar-css {
    overflow-y: scroll;
}

.custom-scrollbar-css::-webkit-scrollbar {
    width: 5px;
}

.custom-scrollbar-css::-webkit-scrollbar-track {
    background: #eee;
}

.custom-scrollbar-css::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background-color: #00d2ff;
    background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
}

/* General */
.table-src-form .material-symbols-outlined, .table-src-form i {
    left: 15px !important;
    font-size: 20px;
}

.dt-search {
    display: none;
}

.table-row-clickable tbody tr {
    cursor: pointer;
}

.table-row-sm tbody td {
    padding: 6px !important;
}

table.dataTable tbody td {
    vertical-align: middle;
}

/* Customer Portal - Card Text (Bekleyen İşlemler / Tamamlanan Seçimlerim / Albüm Tasarımlarım) */
.customer-panel-card-text {
    font-size: 13px;
    line-height: 1.6;
    opacity: 0.9;
}

.customer-panel-card-meta {
    font-size: 12px;
    opacity: 0.8;
}

.customer-panel-card-title {
    font-size: 15px;
    line-height: 1.4;
}

/* Messages - Customer initials avatar in chat header */
.customer-avatar-initials {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: linear-gradient(135deg, #605DFF 0%, #7E3AF2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
}

/* Messages - Customer initials avatar in message list */
.customer-avatar-initials-sm {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #605DFF 0%, #7E3AF2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
}

/* Logo mobilde ortalanması */
@media (max-width: 991px) {
    .sidebar-area .logo {
        padding: 24px 0 20px !important;
        text-align: center !important;
        display: block !important;
        width: 100% !important;
    }
    
    .sidebar-area .logo a {
        display: block !important;
        position: static !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
    
    .sidebar-area .logo img {
        margin: 0 auto !important;
        display: block !important;
        max-width: 100% !important;
    }
}

[sidebar-dark-light-data-theme=sidebar-dark] .sidebar-area {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
}

.dropzone {
    border: 2px dashed #c8c8c8 !important;
    border-radius: 4px !important;
}

.w-30 {width: 30%!important;}
.w-35 {width: 35%!important;}
.w-40 {width: 40%!important;}
.w-45 {width: 45%!important;}
.w-50 {width: 50%!important;}

.w-30px {width: 30px !important;}
.w-35px {width: 35px !important;}
.w-40px {width: 40px !important;}
.w-45px {width: 45px !important;}
.w-50px {width: 50px !important;}

.h-30px {height: 30px !important;}
.h-35px {height: 35px !important;}
.h-40px {height: 40px !important;}
.h-45px {height: 45px !important;}
.h-50px {height: 50px !important;}
.h-100px {height: 100px !important;}

.change-avatar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.change-avatar .profile-img {
    margin-right: 15px;
}
.change-avatar .profile-img img {
    border-radius: 4px;
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.change-avatar .change-photo-btn {
    margin: 0 0 10px;
    width: 150px;
}
.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img {
    padding: 0;
}
.widget-profile.pat-widget-profile .profile-info-widget .booking-doc-img img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
}

.file-upload {
    position: relative;
    overflow: hidden;
    margin: 10px;
}

.file-upload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.crop-box {
    position: relative;
    height: 650px;
    width: 100%;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    cursor: move;
}

.crop-box .thumb-box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    box-sizing: border-box;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background: none repeat scroll 0% 0% transparent;
}

.autocomplete-suggestions {
    border: 1px solid #999;
    background: #FFF;
    cursor: default;
    overflow: auto;
}

.autocomplete-suggestion {
    padding: 2px 5px;
    white-space: nowrap;
    overflow: hidden;
}

.autocomplete-selected {
    background: #F0F0F0;
}

.autocomplete-suggestions strong {
    font-weight: normal;
    color: #3399FF;
}

.sa-welcome-card {
    background: linear-gradient(104deg, #361e7d 2.4%, #403cff 112.33%);
}

.trezo-card {
    padding: 25px;
}

.border-radius {
    border-radius: 7px !important;
}

@media only screen and (min-width: 1600px) {
    .sa-welcome-card .trezo-card-content {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sa-welcome-card .trezo-card-content .content span {
    color: #c2cdff;
    margin-bottom: 5px;
}

.sa-welcome-card .trezo-card-content .content h1{
    font-size: 28px;
}

.sa-welcome-card .trezo-card-content .image {
    text-align: end;
}

@media only screen and (min-width: 1600px) {
    .sa-stats {
        margin-left: 40px;
        margin-right: 40px;
    }
}

.sa-stats {
    margin-top: -50px;
    margin-left: 25px;
    margin-right: 25px;
}

.sa-stat-card .trezo-card-content h3 {
    font-size: 28px;
    margin-top: 5px;
    margin-bottom: 8px;
}

.sa-stat-card .trezo-card-content .trezo-badge {
    border-radius: 30px;
    padding-left: 11px;
    padding-right: 11px;
}

.trezo-badge.inProgress, .trezo-badge.finished, .trezo-badge.shipped, .trezo-badge.pFinished {
    background-color: #d8ffc8;
    color: var(--successColor);
}

.trezo-badge {
    background-color: #ecf0ff;
    color: var(--primaryColor);
    display: inline-block;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 500;
    font-size: 12px;
}

.dropdown-item-sm .dropdown-item {
    padding: 2px 12px !important;
    cursor: pointer;
}

.dropdown-item-sm .dropdown-item span {
    vertical-align: middle;
}

.sa-stat-card .trezo-card-content .icon {
    width: 48px;
    height: 48px;
    font-size: 24px;
}

.bg-primary-100 {
    background-color: #dde4ff !important;
}

.bg-success-100 {
    background-color: #d8ffc8 !important;
}

.bg-purple-100 {
    background-color: #f3e8ff !important;
}

.form-switch{padding-left:2.5em}.form-switch .form-check-input{--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='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion: reduce){.form-switch .form-check-input{transition:none}}.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='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--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='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check[disabled]+.btn,.btn-check:disabled+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(: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='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}

.menu-vertical .menu-item .menu-link.menu-toggle::after{
    border-color: #ffffff;
}
[sidebar-dark-light-data-theme=sidebar-dark] .sidebar-area .logo {
    border-color: #ffffff !important;
}
[sidebar-dark-light-data-theme=sidebar-dark] .menu-vertical .menu-sub .menu-item .menu-link{
    color: #ffffff !important;
}
[card-radius-square-data-theme=card-radius] .btn{
    border-radius: 7px !important;
}