/* .app-sidebar{
    background-color:#053E2F !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: #0d0e12; }
.app-sidebar-menu .menu > .menu-item > .menu-link > .menu-title{font-size: 12px;}
[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: #0d0e12 !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: #0d0e12 !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: #0d0e12 !important; 
}
[data-kt-app-layout="dark-sidebar"] .app-sidebar .menu .menu-item .menu-link .menu-title {
    color: #fff;
    font-size: 12px;
  }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{color: #0d0e12;}
.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: #0d0e12 !important;}
.btn.btn-primary{border-color: #0d0e12; background-color: #0d0e12;}
.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: #0d0e12;}
.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: 12px;}
.form-label{margin-bottom: 0; font-size: 12px;}
.m-t-20{margin-top: 20px;}

table th{color:#0d0e12 !important;}
table th a{color:#0d0e12 !important;}
.border{border: 1px solid #d0d4e4;}
.table-bordered > :not(caption) > * > *{white-space: nowrap;}
.table-bordered tr th{font-size: 12px; padding: 5px 15px;}
.table-bordered tr td{color: #484848; padding: 5px 15px; font-size: 12px;}
.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: #0d0e12 !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;
}
  
@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: 12px; line-height: 18px;}
    .form-control{padding: 4px 10px; font-size: 12px; 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;
    }
    .dashboardBoxArea .card.card-flush{
        display: flex;
        flex-flow: nowrap;
        justify-content: space-between;
    }
    .dashboardBoxArea .card.card-flush .card-body{
        justify-content: end;
        text-align: right;
    }
}