@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
    font-family: "Poppins", sans-serif;
}
.app-sidebar{
    background-color:#000 !important
}
[data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon .svg-icon, [data-kt-app-layout=dark-sidebar] .app-sidebar .menu .menu-item .menu-link .menu-icon i {
    color: #ffffff;
}
.app-default, body{background-color:#F9EEFB !important;}
[data-kt-app-header-fixed="true"] .app-header{background: #fff; box-shadow: 0px 0px 25px 0px rgba(45, 69, 95, 0.1);}
[data-kt-app-header-fixed="true"] .app-wrapper{margin-top: 60px;}
.app-header{height: 60px;}
.app-header-menu .menu > .menu-item.here > .menu-link .menu-title{color: #000; }
.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title{font-size: 13px;}
[data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.active > .menu-link, [data-kt-app-layout="dark-sidebar"] .app-header-menu .menu > .menu-item.here > .menu-link{box-shadow: none; padding: 0px;}
.text-hover-primary:hover{color: #000 !important;}

[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active{
    background-color:#fff !important;
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-title{
   color: #000 !important; 
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon .svg-icon, 
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link.active .menu-icon i{
    color: #000 !important; 
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #fff;
    font-size: 13px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: #000;}
.app-page{background: #e8fff3;}
.card{--bs-card-box-shadow: none; --bs-card-border-color: var(--bs-root-card-border-color); border: none; box-shadow: 0px 0px 25px 0px rgb(216, 234, 224); border-radius: 10px;}
.breadcrumb {background: #fff; border: none; box-shadow: 0px 0px 25px 0px rgb(216, 234, 224); border-radius: 10px; padding: 12px; border-radius: 0.625rem;}
.breadcrumb a {color: #000 !important;}
.btn.btn-primary{border-color: #000; background-color: #000;}
.btn-check:active + .btn.btn-primary, .btn-check:checked + .btn.btn-primary, .btn.btn-primary.active, .btn.btn-primary.show, .btn.btn-primary:active:not(.btn-active), .btn.btn-primary:focus:not(.btn-active), .btn.btn-primary:hover:not(.btn-active), .show > .btn.btn-primary{border-color: #105946 !important; background-color: #105946 !important;}
.btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {border: 0; padding: 8px 20px !important; font-size: 14px; line-height: 22px;}
.form-control{padding: 7px 15px; font-size: 14px; font-weight: 500; line-height: 22px; border-radius: 5px;}
.form-check-input:checked{background-color: #000;}
.form-check-input[type="checkbox"] {border-radius: 3px;}
.form-check.form-check-sm .form-check-input {height: 16px; width: 16px;}
label{line-height: 20px; font-size: 13px;}
.form-label{margin-bottom: 0; font-size: 13px;}
.m-t-20{margin-top: 20px;}
table th{color:#000 !important;}
table th a{color:#000 !important;}
.border{border: 1px solid #d0d4e4;}
.table-bordered > :not(caption) > * > *{white-space: nowrap;}
.table-bordered tr th{font-size: 13px; padding: 5px 15px;}
.table-bordered tr td{color: #484848; padding: 5px 15px; font-size: 13px;}
.table-bordered tr td a{color: #009300;}
.btn-group-sm > .btn.btn-icon, .btn.btn-icon.btn-sm{height: 24px; width: 24px;}
.app-footer {
    background-color: #fff !important;
}
label.error {
    color: red; 
}
.inner-photo {
    width: 100%;
    height: 332px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}
.inner-photo img , .inner-photo video{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    object-fit: fill;
}
.owl-nav {
    position: absolute;
    bottom: 7px;
    left: 10px;
}
.owl-nav .owl-prev {
    width: 24px;
    height: 24px;
    background-color:#fcfbfb !important;
    border-radius: 200px !important;
}
.owl-nav .owl-prev svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.owl-nav .owl-next {
    margin-left: 5px;
    width: 24px;
    height: 24px;
    background-color:#fcfbfb !important;
    border-radius: 200px !important;
}
.owl-nav .owl-next svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
}
.owl-dots {
    display: none;
}
.owl-nav .owl-next:hover{
    transform: rotate(45deg);
    transition: all .5s ease;
}
.owl-nav .owl-prev:hover{
    transform: rotate(-45deg);
    transition: all .5s ease;
}
.text-gray{
    color:#78829D !important;
}
.vactorPreview pre{
    background-color: #eeeeee;
    padding: 20px;
    border-radius: 10px;
    height: 600px;
}
.postMediaLists {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}
.postMediaLists li {
    width: calc(100% / 10);
}
.postMediaLists li .delete-media-btn {
    position: absolute;
    top: 10px;
    right: 10px;
}
.chatFormScreen{
    position: relative;
    z-index: 999;
    background-color: #fff;
}
.travel_style,
.favourite_travel_brands,
.identify{
    display: none;
}
.page-item.active .page-link {
    background-color: #000 !important;
}
#kt_app_content_container .card .card-body .dt-buttons button {
    width: 150px;
    color: #fff;
    max-width: fit-content;
}
#kt_app_content_container .card .card-body .dt-buttons {
    justify-content: end;
    width: 100%;
}
.form-switch.form-check-custom .form-check-input {
    height: 1.50rem;
    border-radius: 50px;
}
table td.remove-white-space {
    white-space: unset !important;
}
.custom-borders{
    border-color: #a7a7a7;
}
.noUi-target.noUi-horizontal {
    height: 8px !important;
}
.noUi-target.noUi-horizontal .noUi-handle {
    top: -8.5px !important;
}
.noUi-target .noUi-connect {
    background: #053e2f !important;
}
body .borderLeft {
    border-left: 3px solid #e6e6e6;
}
body .borderRight{
    border-right: 3px solid #e6e6e6;
}
.custom-chart-scrollbar::-webkit-scrollbar {
    height: 8px;
}
.custom-chart-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f4;
    border-radius: 4px;
}
.custom-chart-scrollbar::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}
.custom-chart-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}
.stat-box {
    background-color: #fafbfc;
    border: 1px solid #f1f1f4;
    border-radius: 8px;
    padding: 10px 18px;
    min-width: 130px;
    text-align: center;
}
.profile-card-custom {
    background-color: #ffffff;
    border: 1px solid #e4e6ef;
    border-radius: 12px;
    padding: 16px 20px;
    height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.01);
}
.profile-card-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: #181c32;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    border-bottom: 2px solid #f1f1f4;
    padding-bottom: 12px;
}
.profile-card-title i {
    font-size: 1.25rem;
    margin-right: 8px;
}
.info-row-custom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
    border-bottom: 1px dashed #f1f1f4;
}
.info-row-custom:last-child {
    border-bottom: 0;
}
.info-row-label {
    font-size: 0.95rem;
    font-weight: 600;
    color: #4b5563;
    flex-shrink: 0;
    margin-right: 16px;
}
.info-row-value {
    font-size: 0.95rem;
    font-weight: 600;
    color: #111827;
    text-align: right;
    max-width: 65%;
    word-wrap: break-word;
}
.btn-repeater-delete {
    transition: all 0.2s ease;
}
.btn-repeater-delete:hover {
    background-color: var(--bs-light-danger) !important;
    color: var(--bs-danger) !important;
}
.cursor-move {
    cursor: move !important;
}
.listing-top-feed-select + .select2-container .select2-selection__choice {
    cursor: move !important;
    position: relative;
    transition: transform 0.15s ease, opacity 0.15s ease;
}
.listing-top-feed-select + .select2-container .select2-selection__choice.dragging {
    opacity: 0.35 !important;
    border: 1px dashed #7449b7 !important;
    background-color: rgba(116, 73, 183, 0.05) !important;
}
.feature-feed-item,
.travel-style-item,
.premium-popup-item {
    transition: border-color 0.2s ease, box-shadow 0.2s ease, opacity 0.2s ease;
}
.feature-feed-item.feature-feed-dragging,
.travel-style-item.travel-style-dragging,
.premium-popup-item.premium-popup-dragging {
    opacity: 0.45 !important;
    border: 2px dashed #7449b7 !important;
    background-color: rgba(116, 73, 183, 0.05) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}
.feature-feed-drag-handle,
.travel-style-drag-handle,
.premium-popup-drag-handle {
    cursor: grab !important;
    user-select: none;
}
.feature-feed-drag-handle:active,
.travel-style-drag-handle:active,
.premium-popup-drag-handle:active {
    cursor: grabbing !important;
}
.feature-feed-item:hover,
.travel-style-item:hover,
.premium-popup-item:hover {
    border-color: #b5b5c3 !important;
}
.apexcharts-canvas {
    position: relative !important;
}
.apexcharts-tooltip {
    z-index: 99999 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    border-radius: 8px !important;
    max-height: 350px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    pointer-events: auto !important;
}

/* Custom slim scrollbar for ApexCharts tooltip */
.apexcharts-tooltip::-webkit-scrollbar {
    width: 6px;
}
.apexcharts-tooltip::-webkit-scrollbar-track {
    background: #f1f1f4;
    border-radius: 4px;
}
.apexcharts-tooltip::-webkit-scrollbar-thumb {
    background: #c4c5d6;
    border-radius: 4px;
}
.apexcharts-tooltip::-webkit-scrollbar-thumb:hover {
    background: #a1a5b7;
}

/* Prevent tooltip from hiding when user hovers or scrolls over it */
.apexcharts-tooltip:hover,
.apexcharts-tooltip.is-hovered {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* Ensure series labels do not wrap or get truncated across all charts */
.apexcharts-tooltip-text-y-label,
.apexcharts-tooltip-text-y-value,
.apexcharts-tooltip-text-goals-value,
.apexcharts-tooltip-text-z-value {
    white-space: nowrap !important;
}

@media only screen and (max-width: 1024px) {
    [data-kt-app-header-fixed="true"] .app-wrapper{margin-top: 0px;}
    .app-container{padding: 0 10px !important;}
    .m-t-20{margin-top: 5px;}
    .card .card-body{padding: 10px 15px 15px 15px;}
    .table-bordered tr td{color: #484848; padding: 3px 8px; font-size: 11px;}
    .table-bordered tr th {font-size: 11px; padding: 3px 8px;}
    .btn:not(.btn-outline):not(.btn-dashed):not(.btn-bordered):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon):not(.btn-hover-outline) {border: 0; padding: 5px 12px !important; font-size: 13px; line-height: 18px;}
    .form-control{padding: 4px 10px; font-size: 13px; line-height: 20px;}
    #form-general-search .mb-3{margin-bottom: 8px !important;}
}
@media (max-width: 767px) {
    .notoficationInnerType{
        display: block !important;
    }
    .notoficationInnerType .form-check-custom {
        margin-bottom: 6px;
    }
    .rangeFiltersSlider {
        display: block !important;
        padding-right: 15px;
        padding-left: 5px;
    }
    .rangeFiltersSlider .w-50 {
        width: 100% !important;
    }
}