/*#kt_app_wrapper {*/
/* background-image: url('assets/media/img/front/banner.png');*/
/*background: #fff8f5 !important;
    object-fit: scale-down;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.app-footer {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.box .title {
    margin: 50px auto;
    margin-top: 0;
    margin-bottom: 30px;
    background: #f9d7d7;
    color: #a81e1e;
    padding: 10px;
    border-radius: 5px;
}

.text-justify {
    text-align: justify;
    text-justify: inter-word;
}*/

.wni-100 {
    width: 100%;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
    border-radius: 0.625rem !important;
}

.btn.btn-outline.border3x:not(.btn-outline-dashed) {
    border: 2.5px solid;
}

.vertical {
    border-left: 6px solid black;
    height: 200px;
    position: absolute;
    left: 50%;
}

.card.loading {
    background: #D6D6D6;
    background: linear-gradient(90deg, #e9edf1 7%, #eff2f4 12%, #e9edf1 37%);
    background-size: 200% 100%;
    -webkit-animation: 1.5s shimmer linear infinite;
    animation: 1.5s shimmer linear infinite;
}

@-webkit-keyframes shimmer {
    to {
        background-position-x: -200%;
    }
}

@keyframes shimmer {
    to {
        background-position-x: -200%;
    }
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
    border-radius: 100%;
}

.carousel.slide > .carousel-inner {
    border-radius: 12px;
}

/* swiper */
.container-swipper {
    display: grid;
    place-items: center;
    height: 100%;
    padding: 0px;
    border-radius: 1rem;
}

.swiper {
    width: 100%;
    min-height: 100%;
    height: 100%;
    border-radius: 1rem;
}

.image__wrapper {
    width: 100%;
    /*position: relative;*/
    padding-top: 56.25%;
    border-radius: 1rem;
}

    .image__wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center center;
        border-radius: 1rem;
    }


    .image__wrapper .swiper-text {
        position: absolute;
        z-index: auto;
        bottom: 30px;
        display: flex;
        margin-left: 10px;
        transition-delay: 0s;
        transition-duration: 0.4s;
    }

    .image__wrapper:hover .swiper-text {
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        opacity: 1;
    }

        .image__wrapper:hover .swiper-text > .swiper-title {
            text-decoration: underline;
            text-decoration-color: white;
        }

    .image__wrapper .swiper-bg-img {
        transition: 0.4s;
    }

    .image__wrapper:hover .swiper-bg-img {
        display: inline-block;
        background: White;
        border-radius: 1rem !important;
        opacity: 0.5;
        filter: blur(4px);
        transform: scale(1.5);
    }

.swiper-button-prev, .swiper-rtl .swiper-button-next {
    color: white;
    font-weight: bold;
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
    color: white;
    font-weight: bold;
}

.swiper-pagination-bullet {
    background-color: white;
    opacity: 50%;
}

    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        opacity: 100%;
    }


.dropdown-menu.show {
    border-radius: 1rem;
}
.topic-heading {
    /*border-left: 3px solid var(--bs-primary);*/
    margin-bottom:1rem;
}
    .topic-heading > .t_title {
        min-height: 3rem;
        display: inline-flex;
        -webkit-align-items: center;
        align-items: center;
        margin-bottom: 0;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
div#kt_app_content_card_header > .t_title ,
.topic-heading > .t_title
{
    /*font-size: 1.4rem !important;*/
    font-weight: bold !important;
}
    .topic-heading > .t_title .sub-title{
        font-size:1.15rem;
        flex-basis:100%;
        padding-top:2px;

    }

    ul.dropdown-menu.business-profile-menu > li.dropdown-menu-item > .dropdown-item {
        padding: 0.65rem 1rem;
        border-radius: 0.475rem;
    }

ul.dropdown-menu.business-profile-menu > li.dropdown-menu-item {
    padding: 0.1rem 1rem;
}

/*.dropdown-item:hover, .dropdown-item:focus {
    color: var(--kt-menu-link-color-hover);
}*/
div.dataTables_wrapper .table-responsive {
    height: 100%;
}
div.dataTables_wrapper div.dataTables_processing {
    border-radius: 0.475rem;
    /*box-shadow: var(--kt-dropdown-box-shadow);*/
    background-color: var(--kt-tooltip-bg);
    color: var(--kt-gray-700);
    font-weight: 500;
    margin: 0 !important;
    width: auto;
    padding: 1rem 2rem !important;
    transform: translateX(-50%) translateY(-50%);
}

.user-select-none {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}


.form-floating .select2-container--bootstrap5 .select2-selection {
    height: calc(3.75rem + 2px)
}

.form-floating > label {
    font-size: 1.125rem !important
}


.swal2-icon .swal2-icon-content{
    font-size:3.75em !important; /*default from swal*/
}
.form-select[aria-disabled=true] {
    background-color: var(--kt-input-disabled-bg);
    cursor:default;
}

.form-control[readonly]:not(.flatpickr-input):not(.flatpicker) {
    background-color: var(--kt-input-disabled-bg);
}
.select2-container--disabled .select2-selection__clear{
    display:none;
}
fieldset.aliza_drop > legend.editable{
    padding-left:1rem;
    font-weight:bold;
    font-size:1.5rem !important;
}


.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
    padding-left: 2rem;
}

.row > .form-floating > .form-control:focus ~ label,
.row > .form-floating > .form-control:not(:placeholder-shown) ~ label {
    left: calc(var(--bs-gutter-x) * 0.5)
}

.row > .form-floating > .form-select ~ label {
    left: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
}
/*For supported css has*/
.select2-results__option.select2-results__option--group:has( > .d-none) {
    display: none;
}

strong.select2-results__group.d-none ~ ul.select2-results__options.select2-results__options--nested {
    display: none;
}
/*remove autofill ugly background color*/
input:autofill {
    background: inherit; /* or any other */
}