@main-color: #00923e;
@grey-color: #7d7b7c;
@black-color: rgb(20, 20, 20);
@white-color: white;

.active{
    color: @main-color!important;
    &:hover{
        color: @white-color!important;
    }
}

hr {
    background: @main-color;
}

.a-lang > a {
    color: @grey-color;
    padding: 10px;
    &:hover{
        background-color: @grey-color;
        color: @white-color;
    }
}

.nav_ul{
}

.nav_ul > li {
    margin-bottom: 30px;
    cursor: pointer;
}

.nav_ul a {
    color: @black-color;
    &:hover{
        color: @main-color;
    }
}



.nav_ul > li{
    color: @black-color;
    font-weight: bold;
    font-size: 16px;
}

.sub-menu {
    color: white;
}

.sub-menu a {
    font-weight: normal;
    border-bottom: 1px solid transparent;
    color: @black-color;
    font-size: 14px;
}

.sub-menu a:hover {
    border-bottom: 1px solid @main-color;
    color: @main-color;
}

/* Swiper button */
:root {
    --swiper-theme-color: @main-color !important;
}

/* Sticky Footer */
.a-footer-text>a {
    color: @white-color;
    &:hover{
        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 {
    background-color: white;
    border-left: 5px solid @main-color;
}

/* Financial & Announcement */
.a-financial-container,
.a-announcement-container{
    background-color: @white-color; 
    height: 100%; 
    min-height: 620px;
}

.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;
}

.fixed-top{
    position: relative!important;
}

.more-link-btn{
    color: @main-color;
    border-bottom: 1px solid transparent;
    &:hover{
        border-bottom: 1px solid @main-color;
    }
}