@main-color: #289bd4;
@grey-color: #7d7b7c;
@black-color: #292B2C;
@white-color: white;

.active{
    color: @main-color!important;
}

hr {
    background: @main-color;
}

.a-lang > a {
    color: #289bd4;
    padding: 10px;
    &:hover{
        background-color: @grey-color;
        color: @white-color;
    }
}

.nav_ul > li, .nav_ul > span{
    color: @white-color;
}

/* Swiper button */
:root {
    --swiper-theme-color: @main-color!important;
}

/* Sticky Footer */
.a-footer-text>a {
    color: @main-color;
}

/* Navbar */
.navbar {
    background-color: @white-color;
    border-bottom: 3px solid @grey-color;
}
.navbar-toggler:hover {
    background-color: @main-color;
    color: @white-color;
}
.a-expand-nav-bar {
    border-left: 5px solid #1f89be;
}

/* Financial & Announcement */
.a-financial-container,
.a-announcement-container{
    background-color: @white-color; 
    height: 100%; 
}

.document-title{
    color: @black-color;
    &:hover{
        color: @main-color;
    }
    p{
        margin: 5px 0;
        text-overflow: ellipsis;
    }
    span{
        font-size: 14px;
        color:@grey-color;
        &:hover{
            background-color: @white-color;
        }
    }
}

/* Financial Reports */
.report:hover {
    border: 3px solid @main-color;
}