:root {
    --text-color: #2B2F32;
    --text-active-color: #111;
    --text-secondary-color: #C0C0C0;
    --body-bg: #EDEDED;
    --body-inversse-bg: #FFFFFF;
    --placeholder-color: #97999A;
    --text-inverse-color: #FFFFFF;
    --primary-color: #003C5F;
    --secondary-color: #EDEDED;
    --dark-color: #2B2F32;
    --danger-color: #CD2122;
    --info-color: #5EA9DD;
    --info-color2: #2874AE;
    --light-color: #FFFFFF;
    --border-radius: 5px;
    --input-border-radius: var(--border-radius);
    --block-radius: var(--border-radius);
    --block-bg: #FFF;
    /* bootstrap vars */
    --bs-body-color: var(--text-color);
    --bs-primary-color: var(--primary-color);
    --bs-secondary-color: var(--secondary-color);
    --bs-danger-color: var(--danger-color);
    --bs-info-color: var(--danger-color);
    --bs-link-color: var(--dark-color);
    --bs-link-hover-color: var(--info-color);
}

body,
html {
    width: 100%;
    height: 100%;
    min-height: 100%;
}
body {
    font-family: "Poppins", sans-serif;
    line-height: 1.5;
    background-color: var(--body-bg);
    color: var(--text-color);
}
#bx-body {
    background-color: #fff;
}

a {
    color: var(--dark-color);
}
a:hover {
    text-decoration: none;
    color: var(--info-color);
}

h1, .h1,
h2, .h2,
h3, .h3 {
    font-weight: 600;
    color: var(--dark-color);
}
h1, .h1 {
    font-size: 1.375rem;
    line-height: 1.3;
}
h2, .h2 {
    font-size: 1.25rem;
    line-height: 1.3;
}
h3, .h3 {
    font-size: 1.125rem;
}
ul {
    padding-left: 1rem;
    list-style: disc;
}

ol ol,
ul ul,
ol ul,
ul ul {
    padding-left: 1.5rem;
}
.num {
    counter-reset: item;
    list-style: none;
    padding-left: 0;
}
ol.num > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item;
}
ol.num ul,
ol.num ol {
    padding-left: 1.5rem;
}

.utf-icon {
    line-height: 1;
    vertical-align: middle;
}

.comma-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.comma-list > li {
    display: inline-block;
}
.comma-list > li::after {
    content: ', ';
    padding-right: 0.15rem;
}
.comma-list > li:last-child::after {
    content: '';
    display: none;
}

.btn {
    --bs-border-width: 2px;
    font-weight: 500;
}

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

.btn-danger {
    --bs-btn-color: var(--text-inverse-color);
    --bs-btn-bg: var(--danger-color);
    --bs-btn-border-color: var(--danger-color);
    --bs-btn-hover-color: var(--text-inverse-color);
    --bs-btn-hover-bg: var(--danger-color);
    --bs-btn-hover-border-color: var(--danger-color);
    --bs-btn-hover-shadow: 0 0 4px var(--danger-color);
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: var(--text-inverse-color);
    --bs-btn-active-bg: var(--danger-color);
    --bs-btn-active-border-color: var(--danger-color);
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

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

.btn-secondary {
    --bs-btn-color: var(--dark-color);
    --bs-btn-bg: var(--secondary-color);
    --bs-btn-border-color: var(--secondary-color);
    --bs-btn-hover-color: var(--info-color);
    --bs-btn-hover-bg: var(--light-color);
    --bs-btn-hover-border-color: var(--info-color);
    /* --bs-btn-focus-shadow-rgb: 130, 138, 145; */
    --bs-btn-active-color: var(--text-inverse-color);
    --bs-btn-active-bg: var(--info-color);
    --bs-btn-active-border-color: var(--info-color);
    --bs-btn-active-shadow: unset;
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #6c757d;
    --bs-btn-disabled-border-color: #6c757d;
}

.btn-link-text {
    text-decoration: none;
}
.btn-link-text .link-text {
    text-decoration: underline;
}
.btn-link-text:hover .link-text {
    text-decoration: none;
}

.submenu {
    margin-bottom: 2rem;
    padding: 2rem;
    background-color: var(--body-bg);
    border-radius: var(--border-radius);
}
.submenu a {
    margin: 0 0 1rem 0;
    line-height: 1.2;
    font-size: 1.125rem;
}