.news-card-panel > a{
    color: inherit;
    text-decoration: none;
}

.news-card {
    background: #FFFFFF;
    border-radius: 8px;
}

    .news-card .news-card-img-panel {
        max-height: 220px;
        overflow: hidden;
    }

    .news-card .news-card-content {
        padding: 2rem;
    }

        .news-card .news-card-content .news-card-title {
            font-weight: bold;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .news-card .news-card-content .news-card-text {
            font-size: 0.9rem;
            color: rgba(100, 114, 141, 1);
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }

    .news-card .news-card-date {
        background: rgba(237, 241, 245, 0.4);
        border-radius: 8px 0px 0px 8px;
        max-width: 114px;
        transition: color 1s ease;
    }

    .news-card:hover .news-card-date {
        background: linear-gradient( 137deg, #0566F5 0%, #4590FE 100%);
        color: rgba(255, 255, 255, 1);
    }

        .news-card:hover .news-card-date .news-year-month {
            color: rgba(255, 255, 255, 1);
        }

        .news-card .news-card-date .news-day {
            font-size: 3rem;
            font-weight: bold;
        }

    .news-card .news-card-date .news-year-month {
        color: rgba(92, 92, 102, 1);
        transition: color 1s ease;
    }

#bd-docs-nav-panel{
    min-width: 145px;
}

.bd-toc-item a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bd-sidebar {
    border-radius: 8px;
}

.bd-toc-link {
    display: block;
    padding: 0 1.5rem;
    font-weight: 600;
    color: rgba(0,0,0,0.65);
    border-radius: 8px;
    height: 52px;
    line-height: 52px;
}

    .bd-toc-link:hover {
        color: rgba(0,0,0,0.85);
        text-decoration: none
    }

.bd-toc-item.active {
    margin-bottom: 1rem
}

    .bd-toc-item.active:not(:first-child) {
        margin-top: 1rem
    }

    .bd-toc-item.active > .bd-toc-link {
        color: rgba(0,0,0,0.85)
    }

        .bd-toc-item.active > .bd-toc-link:hover {
            background-color: transparent
        }

    .bd-toc-item.active > .bd-sidenav {
        display: block
    }

.bd-sidebar .nav > li {
    display: block;
    color: rgba(19, 40, 66, 1);
    height: 42px;
    line-height: 42px;
    border-radius: 8px;
    font-size: 0.9rem;
}

    .bd-sidebar .nav > li > a {
        display: block;
        padding: 0 1.5rem;
        color: rgba(19, 40, 66, 1);
    }

    .bd-sidebar .nav > li > a:hover {
        color: rgba(0,0,0,0.85);
        text-decoration: none;
        background-color: transparent
    }

.bd-sidebar .nav > .active, .bd-sidebar .nav > li:hover {
    background: linear-gradient( 137deg, #0566F5 0%, #4590FE 100%);
}

    .bd-sidebar .nav > .active > a, .bd-sidebar .nav > li:hover > a {
        color: rgba(255, 255, 255, 1);
    }

@media (min-width: 576px) {
    .news-card .news-card-img-panel {
        max-height: 160px;
        overflow: hidden;
    }
}