/* plugins' stylesheet */

/* === DATE RANGE PICKER === */
.daterangepicker {
    font-family: var(--font-family);
}

.daterangepicker select {
    border: 1px solid var(--gray-10);
    border-radius: 0.25rem;
    padding: 0.5rem;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    width: 50%;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker .calendar-table td {
    font-size: 0.875rem;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect,
.daterangepicker .calendar-table td {
    padding: 0.5rem;
    line-height: 1;
}

.daterangepicker .calendar-table .month {
    padding: 0 0.25rem;
}

.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    width: 32px;
    height: 32px;
}

.daterangepicker td.start-date.end-date,
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    border-radius: 50%;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background-color: var(--primary-15);
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary);
}


/* === OWL CAROUSEL === */
.owl-theme .owl-dots .owl-dot span {
    color: transparent;
    font-size: 80%;
    transition: 0.3s ease;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--gray-06);
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background-color: var(--primary);
}


.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background-color: var(--white);
}

.owl-theme .owl-nav .disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
    border-radius: 50%;
    background-color: transparent;
    color: var(--gray-65);
    font-size: 1.5rem;
    transform: translateY(-50%);
    box-shadow: rgba(0, 0, 0, 0.16) 0 1px 4px;
    transition: 0.3s ease;
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0;

}

.owl-carousel .owl-nav button.owl-next {
    right: 0;

}

.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
    background-color: var(--primary);
    text-decoration: none;
}

.owl-carousel .owl-nav button.owl-next:active, .owl-carousel .owl-nav button.owl-prev:active {
    color: #ffffff;
    background-color: var(--primary-dark);
    border-color: var(--primary-dark);
}