:root {
    --Stem-Green: #53B68E;
    --Stem-Green-Hover: #5CDB94;
    --Stem-Green-Light: #bcebd8;
    --Leaf-Green: #5CDB94;
    --Leaf-Green-Hover: #53B68E;
    --Deep-Blue: #3D5A80;
    --Grey-4: #B5B5C3;
    --Grey-4-Hover: #5CDB94;
    --Grey-2: #EFF2F5;
    --Grey-2-Hover: #E4E6EF;
    --Grey-Disabled: #E4E6EF;
    --Dark-Cyan-1: #3d5a80;
    --Dark-Blue-26: #270089;
    --Dark-Gray-3: #595959;
}

body {
    font-family: Poppins;
    font-size: 14px;
    font-style: normal;
    font-weight: normal;
    line-height: normal;
}

.btn-primary {
    background-color: #5cdb94 !important;
    border-color: #5cdb94 !important;
}

    .btn-primary:hover,
    .btn-primary:active {
        background-color: #58c991 !important;
        border-color: #58c991 !important;
    }

input:disabled {
    cursor: not-allowed;
}

.transform-center {
    transform: translate(-50%, 0px);
}

.form-control:disabled, .form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-500 {
    font-weight: 500 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

div:not(.input-group)>.btn-custom-1 {
    border-radius: 100px;
}

.btn-icon.btn-custom-1 {
    height:auto !important;
}

.btn-custom-1 {
    background-color: var(--Leaf-Green) !important;
    border-color: var(--Leaf-Green) !important;
    color: #FFF !important;
    font-size: 14px;
    font-weight: 600;
}

    .btn-custom-1:hover,
    .btn-custom-1:active {
        background-color: var(--Leaf-Green-Hover) !important;
        border-color: var(--Leaf-Green-Hover) !important;
    }

    .btn-custom-1.disabled:hover,
    .btn-custom-1.disabled,
    .btn-custom-1:disabled:hover,
    .btn-custom-1:disabled {
        background-color: var(--Grey-Disabled) !important;
        border-color: var(--Grey-Disabled) !important;
    }

.btn-custom-2 {
    border-radius: 100px;
    background-color: var(--Grey-2) !important;
    border-color: var(--Grey-2) !important;
    color: var(--Deep-Blue) !important;
    font-size: 14px;
    font-weight: 700;
}

    .btn-custom-2:hover,
    .btn-custom-2:active {
        background-color: var(--Grey-2-Hover) !important;
        border-color: var(--Grey-2-Hover) !important;
    }

    .btn-custom-2.disabled:hover,
    .btn-custom-2.disabled,
    .btn-custom-2:disabled:hover,
    .btn-custom-2:disabled {
        background-color: var(--Grey-Disabled) !important;
        border-color: var(--Grey-Disabled) !important;
    }

.text-deep-blue {
    color: var(--Deep-Blue) !important;
    font-size: 14px;
    font-weight: 600;
}

.text-green-leaf {
    color: var(--Leaf-Green) !important;
}

.border-green-leaf {
    border-color: var(--Leaf-Green) !important;
}

.profile-nav .nav-item,
.profile-nav .nav-item .nav-link {
    font-size: 20px;
    font-weight: 600;
}

    .profile-nav .nav-item a.nav-link.text-deep-blue:hover,
    .profile-nav .nav-item a.nav-link.text-deep-blue:active {
        color: var(--Leaf-Green) !important;
    }

.text-stem-green {
    color: var(--Stem-Green);
}

.link-stem-green {
    color: var(--Stem-Green);
    text-align: center;
    text-decoration-line: underline !important;
    text-underline-offset: 3px;
}

    .link-stem-green:hover {
        color: var(--Stem-Green-Hover);
        text-decoration-line: underline !important;
    }

.link-deep-blue {
    color: var(--Deep-Blue);
    text-align: center;
    text-decoration-line: none !important;
}

    .link-deep-blue:hover .text-deep-blue {
        color: #346 !important;
    }

.card-heading-title {
    color: var(--Dark-Cyan-1);
    font-size: 20px;
    font-weight: 600;
}

h1.card-heading-title {
    font-size: 30px;
    line-height: 32px;
    letter-spacing: 0em;
}

.ws-nowrap {
    white-space: nowrap !important;
}

.ws-normal {
    white-space: normal !important;
}

.ws-pre-wrap {
    white-space: pre-wrap !important;
}

.text-grey-4 {
    color: var(--Grey-4) !important;
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0em;
}

.footer-links {
    color: #B5B5C3;
    font-size: 14px;
}

    .footer-links:hover,
    .footer-links:active {
        color: var(--Grey-4-Hover) !important;
    }

.breadcrumb-item.text-deep-blue {
    font-size: 12px;
}

.breadcrumb-links {
    color: #B5B5C3;
    font-size: 12px;
}

    .breadcrumb-links:hover,
    .breadcrumb-links:active {
        color: var(--Grey-4-Hover) !important;
    }


.form-label {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0em;
    color: #7C7F80;
}

.modal-body {
    font-size: 14px;
    line-height: 21px;
}

.bg-gradient01 {
    background: linear-gradient(134.85deg, #50CD89 1.65%, #0095E8 97.75%);
}

.text-underline,
.hover-underline:hover {
    text-decoration: underline !important;
}

.overflow-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fs-32px {
    font-size: 32px !important;
}

.fs-26px {
    font-size: 26px !important;
}

.fs-20px {
    font-size: 20px !important;
}

.fs-16px {
    font-size: 16px !important;
}

.fs-15px {
    font-size: 15px !important;
}

.fs-14px {
    font-size: 14px !important;
}

.fs-12px {
    font-size: 12px !important;
}

.fs-10px {
    font-size: 12px !important;
}

.text-dark-cyan {
    color: var(--Dark-Cyan-1) !important;
}

.text-dark-blue {
    color: var(--Dark-Blue-26) !important;
}

.text-dark-grey,
.text-dark-gray {
    color: var(--Dark-Gray-3) !important;
}


.td-form-label {
    vertical-align: top !important;
    padding-top: 20px !important;
    font-weight: 500 !important;
}

.td-align-top td {
    vertical-align: top !important;
}

.aside-title-text {
    font-family: 'Crimson Pro';
    font-size: 38px;
    font-weight: bold;
}

.aside-title-welcome-to {
    font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.6px;
}

.aside-subtitle-label {
    font-family: 'sans-serif';
    font-size: 16px;
    font-style: italic;
}

.aside-subtitle-text {
    color: #389583;
    font-size: 32px;
    font-weight: 700;
}

.round-100px {
    border-radius: 100px;
}

.icon-aqua {
    background-color: #E0FBFC;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .icon-aqua i {
        color: var(--Stem-Green);
        font-size: 22px;
    }