.docs-content {
    margin-top: 50px !important;
}

.tooltip {
    display: none;
}

.docs-code-snippet {
    border: 0px;
}

.nav-pills {
    --cui-nav-pills-border-radius: var(--cui-border-radius);
    --cui-nav-pills-link-active-color: rgba(255, 255, 255, 0.87);
    --cui-nav-pills-link-active-bg: var(--cui-info);
}

.nav-link {
    color: var(--cui-info);
}

.sidebar-nav .nav-group.show .nav-group-toggle {
    color: var(--cui-body-color) !important;
}

.sidebar-nav .nav-link.active {
    color: var(--cui-body-color) !important;
}

.sidebar-nav .nav-link:hover {
    color: var(--cui-body-color) !important;
}

.sidebar-nav .nav-link.active .nav-icon {
    color: var(--cui-sidebar-nav-link-icon-color) !important;
}

.sidebar-nav .nav-icon {
    color: var(--cui-sidebar-nav-link-icon-color) !important;
}

.codeExample ol {
    margin-top: 20px;
    margin-bottom: 20px;
}

.codeExample ol li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.codeExample ul {
    margin-top: 20px;
    margin-bottom: 20px;
}

.codeExample ul li {
    margin-top: 10px;
    margin-bottom: 10px;
}

.codeExample .docs-code-snippet {
    margin-top: 20px;
    margin-bottom: 20px;
}

:not(pre) > code[class*=language-], pre[class*=language-] {
    background-color: transparent !important;
}

.px-xl-4 {
    padding-right: 0px !important;
    padding-left: 0px !important;
}