:root {
    --wellabe-black: #231f20;
    --wellabe-blue: #396ebe;
    --wellabe-yellow: #eec319;
    --wellabe-ms: #d77d3e;
    --wellabe-d: #78974b;
    --wellabe-fe: #866e93;
    --wellabe-pn: #00a29c;
    --wellabe-hi: #eb3f5f;
    --wellabe-c: #15a5bb;
    --wellabe-grey50: #f9f7f5;
    --wellabe-grey: #f3efec;
    --wellabe-white: #ffffff;
    --wellabe-stc: #bc7682;
}

input[type="checkbox"] {
    background-color: initial !important;
    cursor: default !important;
    appearance: auto !important;
    box-sizing: border-box !important;
    margin: 3px 3px 3px 4px !important;
    padding: initial !important;
    border: initial !important;
    width: auto !important;
}

.ktc-checkbox{
    display: flex;
    margin: 10px 0;
}

.text-wellabe-grey50 {
    color: var(--wellabe-grey) !important;
}
.text-wellabe-grey {
    color: var(--wellabe-grey) !important;
}
.text-black {
    color: var(--wellabe-black) !important;
}
.text-blue {
    color: var(--wellabe-blue) !important;
}
.text-yellow {
    color: var(--wellabe-yellow) !important;
}
.text-ms {
    color: var(--wellabe-ms) !important;
}
.text-d {
    color: var(--wellabe-d) !important;
}
.text-fe {
    color: var(--wellabe-fe) !important;
}
.text-pn {
    color: var(--wellabe-pn) !important;
}
.text-hi {
    color: var(--wellabe-hi) !important;
}
.text-c {
    color: var(--wellabe-c) !important;
}
.text-stc{
    color: var(--wellabe-stc) !important;
}

.bg-grey50 {
    background-color: var(--wellabe-grey50) !important;
}
.bg-yellow {
    background-color: var(--wellabe-yellow) !important;
}
.bg-blue {
    background-color: var(--wellabe-blue) !important;
}
.bg-grey {
    background-color: var(--wellabe-grey) !important;
}
.bg-ms {
    background-color: var(--wellabe-ms) !important;
}
.bg-d {
    background-color: var(--wellabe-d) !important;
}
.bg-fe {
    background-color: var(--wellabe-fe) !important;
}
.bg-pn {
    background-color: var(--wellabe-pn) !important;
}
.bg-hi {
    background-color: var(--wellabe-hi) !important;
}
.bg-c {
    background-color: var(--wellabe-c) !important;
}
.bg-stc{
    background-color: var(--wellabe-stc) !important;
}

border-ms {
    border-color: var(--wellabe-ms) !important;
}
border-d {
    border-color: var(--wellabe-d) !important;
}
border-fe {
    border-color: var(--wellabe-fe) !important;
}
border-pn {
    border-color: var(--wellabe-pn) !important;
}
border-hi {
    border-color: var(--wellabe-hi) !important;
}
border-c {
    border-color: var(--wellabe-c) !important;
}
border-stc {
    border-color: var(--wellabe-stc) !important;
}

.yellow-underline {
    text-decoration: underline solid var(--wellabe-yellow);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-yellow);
    -webkit-text-decoration-line: underline;
}

.ms-underline {
    text-decoration: underline solid var(--wellabe-ms);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-ms);
    -webkit-text-decoration-line: underline;
}
.d-underline {
    text-decoration: underline solid var(--wellabe-d);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-d);
    -webkit-text-decoration-line: underline;
}
.fe-underline {
    text-decoration: underline solid var(--wellabe-fe);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-fe);
    -webkit-text-decoration-line: underline;
}
.pn-underline {
    text-decoration: underline solid var(--wellabe-pn);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-pn);
    -webkit-text-decoration-line: underline;
}
.hi-underline {
    text-decoration: underline solid var(--wellabe-hi);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-hi);
    -webkit-text-decoration-line: underline;
}
.c-underline {
    text-decoration: underline solid var(--wellabe-c);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-c);
    -webkit-text-decoration-line: underline;
}
.stc-underline {
    text-decoration: underline solid var(--wellabe-stc);
    text-decoration-thickness: 5px;
    text-underline-offset: .4em;
    -webkit-text-decoration-color: var(--wellabe-stc);
    -webkit-text-decoration-line: underline;
}

.wellabe-logo-black {
    -moz-filter: brightness(0%);
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
    height: 30px;
    width: auto;
}

.libre-baskerville {
    font-family: 'Libre Baskerville', serif;
}

.dropdown-menu {
    --bs-dropdown-bg: var(--wellabe-grey50) !important;
    --bs-dropdown-border-color: var(--wellabe-grey50) !important;
    --bs-dropdown-link-hover-bg: var(--wellabe-grey50) !important;
    --bs-dropdown-link-active-bg: var(--wellabe-grey50) !important;
    --bs-dropdown-link-color: var(--wellabe-black) !important;
    --bs-dropdown-link-hover-color: var(--wellabe-black) !important;
    --bs-dropdown-link-active-color: var(--wellabe-black) !important;
}

.nav-link[aria-expanded="true"] {
    text-decoration: underline solid var(--wellabe-yellow);
    text-decoration-thickness: 5px;
    text-underline-offset: 7px;
    -webkit-text-decoration-color: var(--wellabe-yellow);
    -webkit-text-decoration-line: underline;
}

.dropdown-toggle[aria-expanded="true"]:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dropdown-toggle:after {
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
.dropdown-item:hover {
    font-weight: bold !important;
}

.text-link-button {
    font-weight: 600;
    color: var(--wellabe-blue);
    text-decoration: none;
}
.text-link-button:hover {
    border-bottom: 3px solid var(--wellabe-blue);
}

.btn-primary {
    --bs-btn-bg: var(--wellabe-blue) !important;
    --bs-btn-hover-bg: var(--wellabe-blue) !important;
    --bs-btn-border-color: var(--wellabe-blue) !important;
    --bs-btn-hover-border-color: var(--wellabe-blue) !important;
}
.btn-secondary {
    --bs-btn-color: var(--wellabe-blue) !important;
    --bs-btn-bg: var(--wellabe-white) !important;
    --bs-btn-hover-bg: var(--wellabe-grey50) !important;
    --bs-btn-border-color: var(--wellabe-white) !important;
    --bs-btn-hover-border-color: var(--wellabe-grey50) !important;
    --bs-btn-hover-color: var(--wellabe-blue) !important;
}
.btn-outline-primary {
    --bs-btn-color: var(--wellabe-blue) !important;
    --bs-btn-border-color: var(--wellabe-blue) !important;
    --bs-btn-hover-bg: var(--wellabe-blue) !important;
    --bs-btn-hover-color: var(--wellabe-white) !important;
    --bs-btn-hover-border-color: var(--wellabe-blue) !important;
}
.btn-outline-secondary {
    --bs-btn-color: var(--wellabe-blue) !important;
    --bs-btn-border-color: var(--wellabe-blue) !important;
    --bs-btn-hover-bg: #f5f9ff !important;
    --bs-btn-hover-color: var(--wellabe-blue) !important;
    --bs-btn-hover-border-color: var(--wellabe-blue) !important;
}

.yellow-rectangle {
    width: 10px;
    background-color: var(--wellabe-yellow);
}

.waving-man-bg {
    background-image: url(../content/Images/waving-man.png);
    -ms-background-size: 80%;
    background-size: 80%;
    -ms-background-repeat: no-repeat;
    background-repeat: no-repeat;
    -ms-background-position: 75% 75%;
    background-position: 75% 75%;
}

@media screen and (max-width: 576px) {
    .waving-man-bg {
        background-image: none;
    }
}

.tools-card {
    border: 2px solid var(--wellabe-grey);
    -ms-border-radius: 10px;
    border-radius: 10px;
}

.tools-card:hover {
    background-color: var(--wellabe-grey50);
}

.tools-card-alt {
    -ms-border-radius: 0 10px 10px 0;
    border-radius: 0 10px 10px 0;
}

.primary-hero-circle {
    height: 37vw;
    width: 37vw !important;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--wellabe-white);
}

.secondary-hero-circle {
    height: 37vw;
    width: 37vw !important;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--wellabe-grey);
}

.greyscale-image {
    -moz-filter: grayscale(1);
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.article-card {
    border: 1px solid #d8d8d8;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.article-card:hover {
    background-color: var(--wellabe-grey50) !important;
}

.article-card:hover img {
    -moz-filter: grayscale(0);
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

.product-card {
    border: 1px solid #d8d8d8;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.product-card:hover #product-card-bg {
    background-color: var(--wellabe-yellow) !important;
}

.product-card-circle {
    width: 250px !important;
    height: 250px;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background-color: var(--wellabe-white);
}

.fr-view{
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
}

.carousel .carousel-indicators button {
    width: 15px;
    height: 15px;
    background-color: var(--wellabe-grey);
    -ms-border-radius: 100%;
    border-radius: 100%;
}

.carousel-indicators .active {
    background-color: var(--wellabe-yellow) !important;
}

.carousel-indicators {
    position: relative !important;
    margin-top: 30px;
}

body {
    --bs-body-font-family: 'Poppins', sans-serif !important;
}

.article-sidebar[data-sidebar-location="Right"] {
    padding-left: 1rem;
}

.article-sidebar[data-sidebar-location="Left"] {
    padding-right: 1rem;
}

@media screen and (max-width: 768px) {
    .article-sidebar[data-sidebar-location="Right"] {
        padding-left: 0px;
        padding-right: 0px;
    }

    .article-sidebar[data-sidebar-location="Left"] {
        padding-right: 0px;
        padding-left: 0px;
    }
}

.sidebar-container {
    background: var(--wellabe-grey50);
    border: 5px solid var(--wellabe-grey50);
    border-radius: 10px;
}

.widget-dividers {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 0px;
}

.sidebar-accordion {
    --bs-accordion-active-bg: var(--wellabe-grey50) !important;
    --bs-accordion-bg: var(--wellabe-grey50) !important;
    --bs-accordion-active-color: var(--wellabe-black) !important;
    --bs-accordion-border-color: var(--wellabe-grey50) !important;
}

.glossary-accordion {
    --bs-accordion-active-bg: #FFF !important;
    --bs-accordion-btn-bg: #FFF !important;
    --bs-accordion-bg: var(--wellabe-grey50) !important;
    --bs-accordion-active-color: var(--wellabe-black) !important;
    --bs-accordion-border-color: var(--wellabe-grey50) !important;
}

.accordion-button:focus {
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, .125) !important;
}

#glossary-accordion-text a {
    color: var(--wellabe-black) !important;
}

.grey-circle {
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50px;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    background: var(--wellabe-grey);
    margin: auto;
}

.divider {
    border-left: 1px solid var(--wellabe-yellow);
    padding-left: 20px;
}

#search-list-sidebar {
    max-height: 250px;
    overflow-y: scroll;
}

#search-list-sidebar::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: var(--wellabe-grey50);
}

#search-list-sidebar::-webkit-scrollbar {
    width: 7px;
    background-color: var(--wellabe-grey50);
}

#search-list-sidebar::-webkit-scrollbar-thumb {
    background: rgba(35, 31, 32, 0.6);
    border-radius: 10px;
}

@media screen and (min-width: 1400px) {
    .primary-hero-circle {
        height: 500px;
        width: 500px !important;
    }
}

@media screen and (max-width: 768px) {
    .primary-hero-circle {
        height: 280px;
        width: 280px !important;
    }
}

.calculator-number {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 275;
    font-size: 64px;
    line-height: 96px;
}

.divider-lg {
    border-left: 2px solid var(--wellabe-yellow);
    padding-left: 30px !important;
}

@media screen and (max-width: 768px) {
    .divider-lg {
        border-left: none;
        padding-left: 30px !important;
    }
}

.numberBlock-numberInfo {
    font-size: 14px;
}

.grief-divider {
    border-top: 1px solid var(--wellabe-grey);
    border-bottom: 1px solid var(--wellabe-grey);
}

.form-field {
    margin-bottom: .8rem;
}

.form-field-label {
    margin-bottom: .3rem;
}

.editing-form-control-nested-control input,
.editing-form-control-nested-control textarea {
    padding: .4rem;
}

.field-validation-error {
    font-weight: bold;
    color: #D12127;
}

.required-field-red-star::after {
    content: "*";
}

.submit-button {
    -webkit-appearance: button;
    cursor: pointer;
    padding: .6rem 4rem;
    cursor: pointer;
    color: var(--wellabe-white) !important;
    background-color: var(--wellabe-blue);
    border: 1px solid var(--wellabe-blue);
    border-radius: 0.375rem;
}

table thead tr th, table tbody tr td {
    border-style: none !important;
}