:root {
    --bs-text-primary: #0073ad;
    --primary-color: #0073ad;
    --bs-primary: #0073ad;
    --bs-link-color: #0073ad;
    --primary-hover-color: #00adee;
    --hover-color: #00adee;
    --bs-link-hover-color: #00adee;
    --bs-emphasis-color: #00adee;
    --bs-component-hover-color: #00adee;
}



.btn.btn-secondary {
    color: #FFFFFF;
    border-color: #00adee;
    background-color: #00adee;
}

    .btn.btn-secondary:focus:not(.btn-active),
    .btn.btn-secondary.show,
    .btn.btn-secondary:hover:not(.btn-active) {
        color: #FFFFFF;
        border-color: #00aec3;
        background-color: #00aec3 !important;
    }

.main-header-container {
    background-color: var(--primary-color);
}

#kt_header_nav {
    background-color: #FFFFFF;
}

.btnnavigation {
    color: #ffffff !important;
}

    .btnnavigation:hover {
        color: var(--primary-hover-color);
    }

    .btnnavigation.active {
        color: var(--primary-hover-color) !important;
    }

.badge-blue {
    color: #FFFFFF;
    background-color: #00AEC3;
}

.badge-primary {
    color: #FFFFFF;
    background-color: #50cd89;
}

    .badge-primary.badge-outline {
        background-color: transparent;
        color: #50cd89;
        border: 1px solid #50cd89;
    }

.alert-primary {
    color: #000000;
    background-color: #e8fff3;
    border-color: #50cd89;
}

.text-green {
    color: #50cd89 !important;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

a,
.nav-link,
.btn-link,
.text-hover-primary:hover {
    color: var(--primary-color);
}

    a:hover,
    .btn-link:hover {
        color: var(--primary-hover-color);
    }

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300ADEE'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: var(--bs-accordion-btn-icon-transform);
}

.toolbar {
    display: flex;
    align-items: center;
    background-color: var(--bs-toolbar-bg-color);
    margin-bottom: 30px;
}

/* Menu */

.menu-link.active .menu-title,
.menu-item .menu-link:hover:not(.disabled):not(.active) .menu-title,
.menu-item .menu-link:hover:not(.disabled):not(.active),
.menu-item .menu-link.active,
.menu-item.hover > .menu-link:not(.disabled):not(.active) .menu-title,
.menu-item.hover > .menu-link:not(.disabled):not(.active) {
    color: var(--primary-color) !important
}

.menu-state-primary .menu-item.here > .menu-link {
    color: var(--primary-color) !important
}

.menu-state-primary .menu-item.show > .menu-link {
    color: var(--primary-color) !important
}

.menu-arrow {
    color: var(--primary-color) !important
}

.menu-state-arrow-primary .menu-item.show > .menu-link .menu-arrow:after {
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M2.72011 2.76429L4.46358 1.02083C4.63618 0.848244 4.63617 0.568419 4.46358 0.395831C4.29099 0.223244 4.01118 0.223244 3.83861 0.395831L1.52904 2.70537C1.36629 2.86808 1.36629 3.13191 1.52904 3.29462L3.83861 5.60419C4.01117 5.77675 4.29099 5.77675 4.46358 5.60419C4.63617 5.43156 4.63617 5.15175 4.46358 4.97919L2.72011 3.23571C2.58994 3.10554 2.58994 2.89446 2.72011 2.76429Z'/%3e%3c/svg%3e");
    /*rtl:begin:remove*/
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    background-color: var(--bs-primary);
    -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 6' fill='var%28--bs-primary%29'%3e%3cpath d='M3.27989 3.23571L1.53642 4.97917C1.36382 5.15176 1.36383 5.43158 1.53642 5.60417C1.70901 5.77676 1.98882 5.77676 2.16139 5.60417L4.47096 3.29463C4.63371 3.13192 4.63371 2.86809 4.47096 2.70538L2.16139 0.395812C1.98883 0.22325 1.70901 0.22325 1.53642 0.395812C1.36383 0.568437 1.36383 0.84825 1.53642 1.02081L3.27989 2.76429C3.41006 2.89446 3.41006 3.10554 3.27989 3.23571Z'/%3e%3c/svg%3e");
    /*rtl:end:remove*/
}

/* PĆ ginas */


/* BotƵes */
.btn.btn-primary {
    background-color: var(--primary-color);
}

    .btn.btn-primary.show {
        background-color: var(--primary-hover-color) !important;
    }


    .btn.btn-primary:hover:not(.btn-active),
    .btn.btn-primary:focus:not(.btn-active),
    .btn.btn-primary:active:not(.btn-active) {
        border-color: var(--primary-hover-color) !important;
        background-color: var(--primary-hover-color) !important;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
}

/* tabs */
.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item .nav-link:focus:not(.disabled),
.nav-line-tabs .nav-item .nav-link:active:not(.disabled) {
    border-color: var(--primary-color);
    color: var(--primary-color) !important;
}

/* forms */
.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--primary-color);
}

/* datatables */
.page-item.active .page-link {
    background-color: var(--primary-color);
}

.page-link:hover {
    color: var(--primary-color);
    background-color: var(--hover-color);
}

/* select2 */
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--primary-color);
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
    background-color: var(--hover-color);
    color: var(--primary-color);
}

/* daterangepicker */
.daterangepicker .ranges li.active {
    background-color: var(--primary-color);
}

.daterangepicker .drp-calendar td.active {
    background-color: var(--primary-color) !important;
}

.daterangepicker .drp-calendar td.today,
.daterangepicker .drp-calendar td.today.active,
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) {
    background-color: var(--hover-color) !important;
    color: var(--primary-color) !important;
}

.daterangepicker .ranges li:hover,
.daterangepicker .drp-calendar th.available:hover,
.daterangepicker .drp-calendar td.available:hover {
    background-color: var(--hover-color);
    color: var(--primary-color);
}

/* stepper */
.stepper.stepper-pills .stepper-item.current .stepper-icon {
    background-color: var(--primary-color);
}

.stepper.stepper-pills .stepper-item .stepper-icon {
    background-color: var(--hover-color);
}

    .stepper.stepper-pills .stepper-item .stepper-icon .stepper-number {
        color: var(--primary-color) !important;
    }

/*Inactive*/
.carousel-custom .carousel-indicators.carousel-indicators-bullet li {
    transition: all 0.3s ease;
    background-color: transparent !important;
    border-radius: 12px;
    height: 20px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: 0 6px;
}

    .carousel-custom .carousel-indicators.carousel-indicators-bullet li:after {
        display: inline-block;
        content: " ";
        transition: all 0.3s ease;
        background-color: var(--bs-gray-400);
        border-radius: 12px;
        height: 20px;
        width: 20px;
    }

    /*Active*/
    .carousel-custom .carousel-indicators.carousel-indicators-bullet li.active {
        transition: all 0.3s ease;
        background-color: transparent;
        height: 20px;
        width: 40px;
    }

        .carousel-custom .carousel-indicators.carousel-indicators-bullet li.active:after {
            transition: all 0.3s ease;
            height: 20px;
            width: 40px;
            background-color: var(--bs-gray-600);
        }

@media (max-width: 1024px) {
    .carousel-custom .carousel-item .image-column {
        flex: 0 0 30%;
        max-width: 30%;
    }

        .carousel-custom .carousel-item .image-column img {
            width: 100%;
            height: auto;
            object-fit: contain;
            border-radius: 50%;
        }

    .carousel-custom .carousel-item .text-column {
        flex: 0 0 70%;
        max-width: 70%;
    }
}


@media (max-width: 768px) {
    .carousel-custom .carousel-item .image-column {
        flex: 0 0 30%;
        max-width: 30%;
    }

    .carousel-custom .carousel-item .text-column {
        flex: 0 0 70%;
        max-width: 70%;
        display: flex;
        flex-direction: column;
        font-size: 0.85rem;
        gap: 0.5rem;
    }

        .carousel-custom .carousel-item .text-column a,
        .carousel-custom .carousel-item .text-column span,
        .carousel-custom .carousel-item .text-column div {
            font-size: 0.85rem;
            line-height: 1.2;
        }


        .carousel-custom .carousel-item .text-column > * {
            margin-bottom: 0.4rem;
        }

    .carousel-custom .carousel-item .text-content-wrap {
        flex-direction: column;
    }

    .carousel-custom .carousel-item .time-price-wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_paginate {
        float: none;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_info {
        white-space: normal;
        word-break: break-word;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
    }

    .dataTables_wrapper .dataTables_length select {
        width: auto;
        display: inline-block;
    }

    .dataTables_wrapper {
        overflow-x: auto;
    }

    abp-page-subheader {
        margin-top: 10px !important;
    }
}