[v-cloak] {
    display: none;
}

.max-lines-6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}

.max-lines-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}


.max-lines-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.max-lines-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

#search-course-input-desktop {
    font-weight: bold;
}

.invalid-feedback:empty {
    display: none !important;
}

.whatsapp-float-button {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 100;
}

@media (max-width: 520px) {
    .whatsapp-float-button {
        bottom: 10px;
        right: 10px;
    }
}

@media (min-width: 521px) and (max-width: 720px) {
    .whatsapp-float-button {
        bottom: 20px;
        right: 20px;
    }
}

#navbarUserDropdown:after {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-image: url("data:image/svg+xml,%3csvg width= '24' height= '24' viewBox= '0 0 24 24' fill= '%23677788' xmlns= 'http://www.w3.org/2000/svg' %3e%3cpath d= 'M12.72,15.78a.75.75,0,0,1-.53.22h-.38a.77.77,0,0,1-.53-.22L6.15,10.64a.5.5,0,0,1,0-.71l.71-.71a.49.49,0,0,1,.7,0L12,13.67l4.44-4.45a.5.5,0,0,1,.71,0l.7.71a.5.5,0,0,1,0,.71Z' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 2rem 2rem;
    margin-left: auto;
    padding: 1rem;
    content: "";
    vertical-align: -50%;
}

.rounded-bottom-0 {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
}

.avatar .avatar-initials {
    width: 100% !important;
    height: 100% !important;
}

.cursor-auto {
    cursor: auto;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    pointer-events: auto;
}

#header .live-text {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 200px;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
}

#header .live-icon {
    -webkit-animation: live-icon 2s infinite;
}

@-webkit-keyframes live-icon {
    0%,
    100% {
        filter: brightness(125%);
        -webkit-filter: brightness(125%);
        -moz-filter: brightness(125%);
    }
    50% {
        filter: brightness(75%);
        -webkit-filter: brightness(75%);
        -moz-filter: brightness(75%);
    }
}

.btn-group-segment > .btn-check:checked + .btn, .btn-group-segment > .btn-check:focus + .btn {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
    font-weight: 700 !important;
}

.tooltip.live-link .tooltip-inner {
    background-color: transparent;
    max-width: 350px;
}

.cursor-pointer {
    cursor: pointer;
}

.navbar-nav-wrap .navbar-toggler {
    margin-left: initial;
}

.nav-vertical.nav-pills.nav-no-vertical-line .nav-collapse::before {
    background: none;
}

.swiper-pagination-bullet::before {
    background-color: #081F42;
}

.swiper-pagination-bullet-active::before, .swiper-pagination-bullet-active:hover::before {
    background-color: #e23b30;
    width: 0.5rem;
    height: 0.5rem;
}

.swiper-pagination-bullet {
    border: 0.2rem solid transparent;
}

.swiper-pagination-bullet-active {
    border: 0.2rem solid #e23b30;
}

.swiper-pagination-bullet:hover {
    border-color: rgba(226, 59, 48, .5);
}

.toastify {
    background: unset;
}

/*.js-navbar-vertical-aside {*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    bottom: 0;*/
/*    z-index: 100;*/
/*    width: 16.25rem;*/
/*    margin-left: 0;*/
/*    transition: 0.15s ease-in-out;*/

/*    background-color: #263238;*/
/*    color: #ccd3dd;*/
/*}*/

/*.js-navbar-vertical-aside a, .js-navbar-vertical-aside button {*/
/*    color: #ccd3dd !important;*/
/*}*/

/*.js-navbar-vertical-aside a:hover, .js-navbar-vertical-aside button:hover {*/
/*    color: #fff !important;*/
/*}*/

/*.js-navbar-vertical-aside .btn-toggle-nav a {*/
/*    padding: 0.1875rem 0.5rem;*/
/*    margin-top: 0.125rem;*/
/*    margin-left: 1.25rem;*/
/*}*/

/*.navbar-vertical-aside-closed-mode .js-navbar-vertical-aside {*/
/*    margin-left: -17.25rem;*/
/*}*/

/*.navbar-vertical-aside-mobile-overlay {*/
/*    background-color: rgba(8, 31, 66, 0.25);*/
/*    position: fixed;*/
/*    top: 0;*/
/*    left: 0;*/
/*    width: 0;*/
/*    height: 0;*/
/*    opacity: 0;*/
/*    z-index: 1;*/
/*    transition: opacity 0.2s ease;*/
/*}*/

/*.has-navbar-vertical-aside:not(.navbar-vertical-aside-closed-mode) .navbar-vertical-aside-mobile-overlay {*/
/*    z-index: 99;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    opacity: 1;*/
/*}*/