body {
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.blurred-hover-clear {
    filter: blur(4px);
    transition: filter 0.3s ease;
}

.blurred-hover-clear:hover,
.blurred-hover-clear:active,
.blurred-hover-clear:focus {
    filter: blur(0);
}

/* For better mobile tap support */
@media (hover: none) and (pointer: coarse) {

    .blurred-hover-clear:active,
    .blurred-hover-clear:focus {
        filter: blur(0);
    }
}

#icon-menu-navbar i {
    font-size: 20px !important;
    color: #50cd89 !important;
    margin-right: 3px;
}

.text-strava {
    color:#FC4C02 !important;
}

.bg-strava {
    background: #FC4C02 !important;
    color: white;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.aside-menu .menu .menu-item .menu-link.active {
    transition: color .2s ease, background-color .2s ease;
    background-color: #50cd89;
    color: #fff;
}

.nav-line-tabs .nav-item .nav-link.active,
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled),
.nav-line-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #50cd89;
    transition: color .2s ease, background-color .2s ease;
}

.nav-pills {
    --bs-nav-pills-link-active-color: var(--kt-nav-pills-link-active-color);
    --bs-nav-pills-link-active-bg: #50cd89 !important;
}

.aside {
    background-color: #000000 !important;
}

.aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here),
.aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) {
    transition: color .2s ease, background-color .2s ease;
    background-color: transparent;
    color: #50cd89 !important;
}

.aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-title,
.aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: #50cd89 !important;
}

.aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i,
.aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: #50cd89 !important;
}

.aside-menu .menu .menu-item.show>.menu-link .menu-title {
    color: #50cd89 !important;
}

.aside-menu .menu .menu-item.show>.menu-link .menu-icon i {
    color: #50cd89 !important;
}

.header .header-brand {
    background-color: #000000 !important;
}

.menu-active-bg .menu-item .menu-link.active .menu-title {
    color: #50cd89;
}

.menu-active-bg .menu-item .menu-link.active .menu-icon,
.menu-active-bg .menu-item .menu-link.active .menu-icon .svg-icon,
.menu-active-bg .menu-item .menu-link.active .menu-icon i {
    color: #50cd89;
}

#printable {
    display: none;
    font-size: 12px !important;
    color: black !important;
}

.stepper.stepper-links .stepper-nav .stepper-item.current .stepper-title {
    color: var(--kt-success);
}
.stepper.stepper-links .stepper-nav .stepper-item.current:after {
    background-color: var(--kt-success)
}

.modal-payment {
    width:100%;
    min-height: 500px !important;
}

.form-check-custom.form-check-solid .form-check-input:checked {
    background-color: #50cd89 !important;
}


@media print {
    @page {
        size: 5.83in 8.27in;
        margin: 1cm
    }
}

#img-connect-strava {
    width:200px;height:48px;border-radius:15px;
}

@media (max-width: 768px) {
    .menu-navbar {
        color:black !important;
    }

    #img-connect-strava {
        width: 160px;
        height: 38px;
        border-radius: 15px;
    }
}

@media (min-width: 992px) {
    .wrapper {
        padding-top: 50px;
    }
}

@media (min-width: 992px) {
    .aside {
        top: 60px;
    }
}