.loader {
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
    }

.li-style {
    border-radius: 100px !important;
    border: 1px solid !important;
    background-color: #fff !important;
    padding: 8px !important;
    margin-right: 3px !important;
}

.li-margin{
    margin-right:10px !important;
}

li-img-w {
    max-width: 45px !important;
    height: 45px!important;
}

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
.ui-autocomplete {
    z-index: 999999 !important;
}
.ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
    z-index: 1;
}
.ui-datepicker {
    z-index: 2000 !important
}
.w-30 {
    width: 30% !important
}
.w-70 {
    width: 70% !important
}
@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-end.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    .carousel-inner .carousel-item-start.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
    transform: translateX(0);
}
.kh-btn-check+ .btn-outline-primary:hover {
    background: #fff;
    border-color: #66a523;
    color: #000;
}