:root {
    --vsg-primary: #00af50;
    --vsg-primary-v2: #00b04e;
}

.btn-vsg-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--vsg-primary-v2);
    --bs-btn-border-color: var(--vsg-primary-v2);
    --bs-btn-hover-color: var(--vsg-primary-v2);
    --bs-btn-hover-bg: var(--bs-white);
    --bs-btn-hover-border-color: var(--vsg-primary-v2);
    --bs-btn-active-color: var(--vsg-primary-v2);
    --bs-btn-active-bg: var(--bs-white);
    --bs-btn-active-border-color: var(--vsg-primary-v2);
}
.text-vsg-primary {
    color: var(--vsg-primary-v2);
}

.navbar {
    --bs-navbar-active-color: var(--vsg-primary-v2);
}

.navbar-nav {
    --bs-nav-link-hover-color: var(--vsg-primary-v2);
    --bs-nav-link-active-color: var(--vsg-primary-v2);
}

.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
    --bs-nav-link-font-weight: bold;
}

.pagination {
    --bs-pagination-color: var(--vsg-primary-v2);
    --bs-pagination-focus-color: var(--vsg-primary-v2);
    --bs-pagination-hover-color: var(--vsg-primary-v2);
    --bs-pagination-active-bg: var(--vsg-primary-v2);
    --bs-pagination-active-border-color: var(--vsg-primary-v2);
}

body {
    background-color: white;
}

.logo {
    width: 100px;
    margin-right: 40px;
}

.table-column-min {
    width: 1%;
    white-space: nowrap;
}

.dropdown-header {
    line-height: 0.875rem;
}

.trix-button--icon-underline::before {
    content: "";
    display: inline-block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23333' d='M5 21h14v-2H5v2zm7-4a6 6 0 0 0 6-6V3h-2.5v8a3.5 3.5 0 0 1-7 0V3H6v8a6 6 0 0 0 6 6z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

a {
    color: var(--vsg-primary);
    text-decoration: none;
}
a:hover {
    color: #8a8d8f;
}