:root {
    /* from figma */

    --white: #f7f8fc;
    --white-rgb: 247, 248, 252;

    --black: #151516;
    --black-rgb: 21, 21, 22;

    --grey: #a6a8b2;
    --grey-rgb: 166, 168, 178;

    --off-white: #eef0f7;
    --off-white-rgb: 238, 240, 247;

    --brand: #4248f5;
    --brand-rgb: 66, 72, 245;

    --brand-subtle-bg: #dddefe;
    --brand-subtle-line: #b6b9fb;
    --brand-emphasis: #060a79;
    --brand-hover: #161df3;
    --brand-hover-rgb: 22, 29, 243;
    --brand-active: #0c13ed;

    --orange: #eabc60;
    --orange-rgb: 234, 188, 96;

    --orange-subtle-bg: #fbf2df;
    --orange-subtle-line: #f7e4c0;
    --orange-emphasis: #75530f;
    --orange-hover: #e5aa34;
    --orange-active: #e3a62b;

    --purple: #a791f8;
    --purple-rgb: 168, 145, 248;

    --purple-subtle-bg: #f0ecfe;
    --purple-subtle-line: #ddd4fc;
    --purple-emphasis: #280995;

    --red: #e78261;
    --red-rgb: 231, 130, 97;

    --red-subtle-bg: #fae7e0;
    --red-subtle-line: #f6cec1;
    --red-emphasis: #732a11;
    --red-hover: #e15e33;
    --red-active: #df572a;

    --pink: #ed90bc;
    --pink-rgb: 237, 144, 188;

    --pink-subtle-bg: #fbe9f2;
    --pink-subtle-line: #f8d3e4;
    --pink-emphasis: #841549;

    --aqua: #86c4d8;
    --aqua-rgb: 134, 196, 216;

    --aqua-subtle-bg: #e8f4f8;
    --aqua-subtle-line: #d1e8f0;
    --aqua-emphasis: #235a6c;
    --aqua-hover: #5dafcb;
    --aqua-active: #56acc8;

    --green: #72d698;
    --green-rgb: 114, 214, 152;

    --green-subtle-bg: #e3f7eb;
    --green-subtle-line: #c8efd7;
    --green-emphasis: #1e673a;
    --green-hover: #49ca7b;
    --green-active: #41c875;

    /* bootstrap overrides */

    --bs-body-color: var(--black);
    --bs-body-color-rgb: var(--black-rgb);

    --bs-body-bg: var(--off-white);
    --bs-body-bg-rgb: var(--off-white-rgb);

    --bs-secondary-color: var(--grey);
    --bs-secondary-color-rgb: var(--grey-rgb);

    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;

    --bs-border-color: var(--black);
    --bs-border-color-rgb: var(--black-rgb);

    --bs-primary: var(--brand);
    --bs-primary-rgb: var(--brand-rgb);

    --bs-primary-bg-subtle: var(--brand-subtle-bg);
    --bs-primary-border-subtle: var(--brand-subtle-line);
    --bs-primary-text-emphasis: var(--brand-emphasis);

    --bs-success: var(--green);
    --bs-success-rgb: var(--green-rgb);

    --bs-success-bg-subtle: var(--green-subtle-bg);
    --bs-success-border-subtle: var(--green-subtle-line);
    --bs-success-text-emphasis: var(--green-emphasis);

    --bs-danger: var(--red);
    --bs-danger-rgb: var(--red-rgb);

    --bs-danger-bg-subtle: var(--red-subtle-bg);
    --bs-danger-border-subtle: var(--red-subtle-line);
    --bs-danger-text-emphasis: var(--red-emphasis);

    --bs-warning: var(--orange);
    --bs-warning-rgb: var(--orange-rgb);

    --bs-warning-bg-subtle: var(--orange-subtle-bg);
    --bs-warning-border-subtle: var(--orange-subtle-line);
    --bs-warning-text-emphasis: var(--organge-emphasis);

    --bs-info: var(--aqua);
    --bs-info-rgb: var(--aqua-rgb);

    --bs-info-bg-subtle: var(--aqua-subtle-bg);
    --bs-info-border-subtle: var(--aqua-subtle-line);
    --bs-info-text-emphasis: var(--aqua-emphasis);

    --bs-light: var(--off-white);
    --bs-light-rgb: var(--off-white-rgb);

    --bs-light-bg-subtle: var(--off-white);
    --bs-light-border-subtle: var(--off-white);
    --bs-light-text-emphasis: var(--bs-body-color);

    --bs-dark: var(--black);
    --bs-dark-rgb: var(--black-rgb);

    --bs-dark-bg-subtle: var(--grey);
    --bs-dark-border-subtle: var(--grey);
    --bs-dark-text-emphasis: var(--bs-emphasis-color);
    --bs-dark-hover: var(--bs-emphasis-color);
    --bs-dark-active: var(--bs-emphasis-color);

    --bs-black: var(--black);
    --bs-black-rgb: var(--black-rgb);
    --bs-white: var(--white);
    --bs-white-rgb: var(--white-rgb);

    --bs-link-color: var(--bs-primary);
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-link-hover-color: var(--brand-hover);
    --bs-link-hover-color-rgb: var(--brand-hover-rgb);

    --bs-form-valid-color: var(--bs-border-color);
    --bs-form-valid-border-color: var(--bs-border-color);
    --bs-form-invalid-color: var(--bs-danger);
    --bs-form-invalid-border-color: var(--bs-danger);

    --bs-font-monospace:
        "Space Mono", SFMono-Regular, Menlo, Monaco, Consolas,
        "Liberation Mono", "Courier New", monospace;
    --bs-font-sans-serif: var(--bs-font-monospace);
}

hr {
    opacity: 1;
}

legend {
    float: none;
}

/* MULTI-OVERRIDES */

.accordion-button:focus,
.form-check-input:focus,
.form-control:focus,
.form-select:focus,
.page-link:focus,
.navbar-toggler:focus {
    border-color: var(--bs-primary);
    box-shadow: initial !important;
}

.accordion-button,
.btn,
.col-form-label,
.form-check-label,
.form-label,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.nav-link,
.page-item,
h1,
h2,
h3,
h4,
h5,
h6,
label,
th {
    text-transform: uppercase;
}

.btn,
.nav-link,
.page-link {
    white-space: nowrap;
}

/* ACCORDIONS */

.accordion {
    --bs-accordion-bg: var(--bs-white);
    --bs-accordion-border-radius: 0;
    --bs-accordion-inner-border-radius: 0;
    --bs-accordion-active-bg: var(--bs-primary);
    --bs-accordion-active-color: var(--bs-white);
    --bs-accordion-body-padding-x: 1rem;
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23151516' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23f7f8fc' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* BUTTONS */

.btn {
    --bs-btn-border-radius: 0;
    word-spacing: -0.125rem;
}

.btn-primary {
    --bs-btn-hover-color: var(--bs-primary);
}

:not(.input-group) > .btn {
    --bs-btn-padding-x: 0.75rem;
    --bs-btn-padding-y: 0.5rem;
}

.btn-group-sm > .btn,
.btn-sm {
    word-spacing: -0.25rem;
}

.btn-group-sm > .btn,
:not(.input-group) > .btn-sm {
    --bs-btn-padding-x: 0.5rem;
    --bs-btn-padding-y: 0.25rem;
}

.btn-group-lg > .btn,
.btn-lg {
    word-spacing: 0;
}

.btn-group-lg > .btn,
:not(.input-group) > .btn-lg {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: 0.75rem;
}

.btn-danger {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-danger);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--red-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--red-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-danger {
    --bs-btn-color: var(--bs-danger);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

.btn-dark {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--bs-dark-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--bs-dark-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-dark {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

.btn-info {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-info);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--aqua-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--aqua-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-info {
    --bs-btn-color: var(--bs-info);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--brand-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--brand-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

.btn-success {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-success);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--green-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--green-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-success {
    --bs-btn-color: var(--bs-success);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

.btn-warning {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-warning);
    --bs-btn-border-color: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-bg: var(--orange-hover);
    --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
    --bs-btn-active-color: var(--bs-btn-color);
    --bs-btn-active-bg: var(--orange-active);
    --bs-btn-active-border-color: var(--bs-btn-active-bg);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.btn-outline-warning {
    --bs-btn-color: var(--bs-warning);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
    --bs-btn-disabled-color: var(--bs-btn-color);
    --bs-btn-disabled-border-color: var(--bs-btn-color);
}

/* CARDS */

.card {
    --bs-card-bg: var(--bs-white);
    --bs-card-border-color: var(--bs-black);
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
}

/* DROPDOWNS */

.dropdown-menu {
    --bs-dropdown-bg: var(--bs-white);
    --bs-dropdown-border-color: var(--bs-border-color);
    --bs-dropdown-border-radius: 0;
    --bs-dropdown-link-hover-color: var(--bs-primary);
    --bs-dropdown-link-hover-bg: var(--bs-dropdown-bg);
    --bs-dropdown-link-active-bg: var(--bs-primary);
    --bs-dropdown-link-active-color: var(--bs-white);
    --bs-dropdown-padding-y: 0;
}

.dropdown-item.active:focus,
.dropdown-item.active:hover {
    background-color: var(--brand-hover);
}

.dropdown-toggle {
    min-width: 2.5rem;
}

.dropdown-toggle::after {
    margin-left: 0;
}

/* FORMS */

input[required] + label:not(.btn):after,
label:has(+ input[required]):after,
label:has(+ select[required]):after,
legend:has(+ input[required]):after,
label:has(+ div > input[required]):after,
label:has(+ div > select[required]):after,
legend:has(+ div input[required]):after,
label:has(+ div textarea[required]):after {
    content: "*";
    color: var(--bs-danger);
    vertical-align: super;
    line-height: 0;
}

label > p:last-child {
    display: inline-block;
}

.row.form-switch .form-check-input {
    font-size: 1.5rem;
}

.form-check-input {
    --bs-form-check-bg: var(--bs-white);
}

.form-check-input:checked {
    background-color: var(--bs-form-check-bg);
    border-color: var(--bs-border-color);
}

.form-check-input:checked[type="checkbox"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%234248f5' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%234248f5'/%3e%3c/svg%3e");
}

th .form-check-input[type="checkbox"],
td .form-check-input[type="checkbox"],
.form-check:not(.form-switch) .form-check-input[type="checkbox"],
.form-check-reverse:not(.form-switch) .form-check-input[type="checkbox"],
.form-check-input[type="checkbox"]:not([role="switch"]),
.form-control,
.form-select,
.input-group-text {
    border-radius: 0;
}

.form-control:disabled {
    border-color: var(--bs-secondary-color);
}

.form-control.is-invalid,
.was-validated .form-control:invalid,
.form-select.is-invalid,
.was-validated .form-select:invalid,
.form-control.is-valid,
.was-validated .form-control:valid,
.form-select.is-valid,
.was-validated .form-select:valid {
    background-image: none;
    padding-right: 0.75rem;
}

.form-control-color.is-valid,
.was-validated .form-control-color:valid {
    padding-right: 0;
    width: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}

.form-select {
    --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23151516' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-control,
.form-control:focus,
.form-select,
.form-select:focus {
    background-color: var(--bs-white);
}

.form-switch .form-check-input {
    border-width: 0;
    background-color: var(--bs-secondary-color);
}

.form-switch .form-check-input {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f7f8fc'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:focus {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f7f8fc'/%3e%3c/svg%3e");
}

.form-switch .form-check-input:checked {
    --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f7f8fc'/%3e%3c/svg%3e");
    background-color: var(--bs-success);
}

.input-group > .form-control-color {
    flex-grow: 0;
    width: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
    padding: 0;
}

.input-group:not(.has-validation)
    > :not(
        :last-child,
        .dropdown-toggle,
        .dropdown-menu,
        .form-floating
    )::-moz-color-swatch {
    border-radius: 0;
}
.input-group:not(.has-validation)
    > :not(
        :last-child,
        .dropdown-toggle,
        .dropdown-menu,
        .form-floating
    )::-webkit-color-swatch {
    border-radius: 0;
}

/* HEADINGS */

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1;
}

.h1,
h1 {
    font-size: calc(1.35rem + 1.2vw);

    @media (min-width: 1200px) {
        font-size: 2.25rem;
    }
}

/* NAV */

.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-color: var(--bs-white);
    --bs-nav-pills-link-active-bg: var(--bs-primary);
}

.nav-pills .nav-link.active:hover,
.nav-pills .show > .nav-link:hover {
    background-color: var(--bs-nav-link-hover-color);
}

.nav-tabs {
    --bs-nav-tabs-border-radius: 0;
    --bs-nav-tabs-link-active-bg: var(--bs-white);
    --bs-nav-tabs-link-active-border-color: var(--bs-nav-tabs-border-color);
    --bs-nav-tabs-link-hover-border-color: var(--bs-nav-tabs-border-color);
    --bs-nav-tabs-link-active-color: var(--bs-body-color);
    border-bottom: 0;
    box-shadow: inset 0px -1px var(--bs-black);
}

.nav-tabs .nav-item:not(:first-child) {
    margin-left: -1px;
}

.nav-tabs .nav-link {
    color: var(--bs-body-color);
    border-bottom-width: 0 !important;
    margin-bottom: 0;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    color: var(--bs-nav-link-hover-color);
}

/* NAVBAR */

.navbar {
    --bs-navbar-color: var(--bs-black);
    --bs-navbar-hover-color: var(--bs-primary);
    --bs-navbar-disabled-color: var(--grey);
    --bs-navbar-active-color: var(--bs-primary);
    --bs-navbar-brand-color: var(--bs-primary);
    --bs-navbar-brand-hover-color: var(--brand-hover);
    --bs-navbar-brand-margin-end: 1.5rem;
    --bs-navbar-toggler-border-color: var(--bs-black);
    --bs-navbar-toggler-border-radius: 0;
}

.navbar-brand {
    height: 2.5rem;
}

.navbar-brand > img {
    max-height: 100%;
    vertical-align: unset;
}

.navbar-nav .nav-link.active:hover,
.navbar-nav .nav-link.show:hover {
    color: var(--bs-navbar-brand-hover-color);
}

.navbar-toggler:hover {
    border-color: var(--bs-navbar-hover-color);
    color: var(--bs-navbar-hover-color);
}

/* PAGINATION */

.pagination {
    --bs-pagination-bg: var(--bs-white);
    --bs-pagination-hover-bg: var(--bs-primary);
    --bs-pagination-hover-color: var(--bs-white);
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-pagination-border-color);
    --bs-pagination-disabled-color: rgba(var(--bs-secondary-color-rgb), 0.3);
    --bs-pagination-border-radius: 0;
}

/* TABLES */

.table {
    --bs-table-bg: inherit;
}

.table > :not(caption) > * > * {
    padding: 0.5rem 1rem;
    vertical-align: middle;
}

/* FONT AWESOME */

.fa,
.far,
.fas {
    min-width: 1.125rem;
}

.fa-sm {
    min-width: 1rem;
}

.fa-lg {
    min-width: 1.625rem;
}

/* SUMMERNOTE */

.note-editor.note-frame {
    border-color: var(--bs-border-color);
}

.note-editor .note-toolbar {
    background-color: var(--bs-white);
    padding: 0;
}

.note-editor .note-toolbar > .note-btn-group {
    margin: 0;
}

.note-btn-group .note-btn {
    border-color: var(--bs-border-color);
    border-top-width: 0;
    border-bottom-width: 0;
}

.note-btn-group .note-btn:first-child {
    border-left-width: 0;
}

.note-btn.btn-outline-secondary {
    --bs-btn-color: var(--bs-dark);
    --bs-btn-border-color: var(--bs-btn-color);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-color);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-btn-color);
    --bs-btn-active-border-color: var(--bs-btn-color);
}

.note-editor.note-frame .note-statusbar {
    background-color: var(--bs-white);
    border-color: var(--bs-border-color);
}

.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    border-color: var(--bs-border-color);
}