@import '/assets/css/iconfont.css';

body {
    background-color: #F9F9F9;
}

a {
    text-decoration: none;
    color: var(--bs-gray-800);
}

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

ul , li  {
    list-style: none;
}

.page-link , .fs-12 {
    font-size: .75rem !important;
    color: var(--bs-gray-700);
}

.fs-14 {
    font-size: .85rem;
}

.fs-16 {
    font-size: 1rem;
}

.bs-gray-600 {
    color: var(--bs-gray-600)
}

.green {
    color: #76B900;
}

.white {
    color: var(--bs-white)
}

.col-lg-4 {
    width: 16rem;

}

.col-lg-4 img {
    width: 10rem;
}

.lh-lg-175 {
	line-height:1.75!important
}

.col-lg-4 li a.fw-medium {
    color: #76B900;
}

.col-lg-4 li .nav-link:hover{
    background-color: #efefef !important;
}


.accordion {
    --bs-accordion-btn-icon-width: 0.8rem !important;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-nav-link-color)
}

.col-lg-8 {
    width: calc( 100% - 16rem );
    margin-left: 16rem;
}

.col-lg-8 .content {
    background-color: var(--bs-white);
}
.sort a.fw-semibold {
    color: #76B900;
}

.btn-primary {
    --bs-btn-color:#fff;
	--bs-btn-bg:#76B900;
	--bs-btn-border-color:#76B900;
	--bs-btn-hover-color:#fff;
	--bs-btn-hover-bg:#76B900;
	--bs-btn-hover-border-color:#76B900;
	--bs-btn-focus-shadow-rgb:49,132,253;
	--bs-btn-active-color:#fff;
	--bs-btn-active-bg:#76B900;
	--bs-btn-active-border-color:76B900#0a53be;
	--bs-btn-active-shadow:inset 0 3px 5px rgba(0,0,0,0.125);
	--bs-btn-disabled-color:#fff;
	--bs-btn-disabled-bg:#76B900;
	--bs-btn-disabled-border-color:#0d6efd
}

.loadmore div {
    display: inline-block;
    color: #76B900;
    padding: 8px 40px;
    border-radius: 50px;
    cursor: pointer;
}

@media (max-width:992px) {

    .col-lg-8 {
        width: 100%;
        margin: 0;
        padding: 0 !important;
    }
}