:root {
    --black: #2b3539;
    --green-dark: #1bb77d;
    --purple: #9882d2;
    --purple-dark: #493f65;
    --green: #46d89f;
    --teal: #289baa;
    --gold: #d9b23c;
    --grey: #b0bfc3;
    --white: white;
    --grey-light: #dee9ed;
    --green-light: #e8f8f2;
    --gold-dark: #b99c3f;
    --purple-light: #bdaee0;
    --grey-lighter: #f6f9fa;
    --grey-dark: #7b8e93;
    --green-lightest: #e8f8f2;
    --purple-lightest: #f6f4fb;
    --gold-lightest: #fcf8eb;
    --red: #dd6154;
    --gold-darker: #a08b41;
}

.bg-purple-light {
    background-color: var(--purple-light);
}

/*------------------------------------
- COLOR primary
------------------------------------*/
.alert-primary {
    color: #1c875d;
    background-color: #eefbf6;
    border-color: #ddf7ed;
}

.alert-primary hr {
    border-top-color: #c8f3e2;
}

.alert-primary .alert-link {
    color: #135c40;
}

.badge-primary {
    color: #212529;
    background-color: #46d89f;
}

.badge-primary[href]:hover,
.badge-primary[href]:focus {
    color: #212529;
    background-color: #28c286;
}

.bg-primary {
    background-color: #46d89f !important;
}

a.bg-primary:hover,
a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
    background-color: #28c286 !important;
}

.border-primary {
    border-color: #46d89f !important;
}

.btn-primary {
    color: #212529;
    background-color: #46d89f;
    border-color: #46d89f;

    box-shadow: 0 4px 8px #46d89f1a, 0 11px 24px #46d89f4d;
    padding: 13px;
    font-weight: 700;
}

.btn-primary:hover {
    color: #212529;
    background-color: #2bce8f;
    border-color: #28c286;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(70, 216, 159, 0.5);
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #212529;
    background-color: #46d89f;
    border-color: #46d89f;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    color: #212529;
    background-color: #28c286;
    border-color: #26b57d;
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(70, 216, 159, 0.5);
}

.btn-outline-primary {
    color: #46d89f;
    background-color: transparent;
    border-color: #46d89f;

    box-shadow: 0 4px 8px #46d89f1a, 0 11px 24px #46d89f4d;
    padding: 13px;
    font-weight: 600;
}

.btn-outline-primary:hover {
    color: #212529;
    background-color: #46d89f;
    border-color: #46d89f;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(70, 216, 159, 0.5);
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
    color: #46d89f;
    background-color: transparent;
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    color: #212529;
    background-color: #46d89f;
    border-color: #46d89f;
}

.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(70, 216, 159, 0.5);
}

.list-group-item-primary {
    color: #1c875d;
    background-color: #ddf7ed;
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #1c875d;
    background-color: #c8f3e2;
}

.list-group-item-primary.list-group-item-action.active {
    color: #212529;
    background-color: #1c875d;
    border-color: #1c875d;
}

.table-primary,
.table-primary>th,
.table-primary>td {
    background-color: #ddf7ed;
}

.table-hover .table-primary:hover {
    background-color: #c8f3e2;
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
    background-color: #c8f3e2;
}

.text-primary {
    color: #46d89f !important;
}

a.text-primary:hover,
a.text-primary:focus {
    color: #28c286 !important;
}

.progress {
    --bs-progress-bar-bg: #28c286 !important;
}

/*------------------------------------
- COLOR secondary
------------------------------------*/
.alert-secondary {
    color: #0b4c34;
    background-color: #abf2d8;
    border-color: #99f0cf;
}

.alert-secondary hr {
    border-top-color: #83ecc5;
}

.alert-secondary .alert-link {
    color: #041f15;
}

.badge-secondary {
    color: #212529;
    background-color: #1bb77d;
}

.badge-secondary[href]:hover,
.badge-secondary[href]:focus {
    color: #212529;
    background-color: #148a5e;
}

.bg-secondary {
    background-color: #1bb77d !important;
}

a.bg-secondary:hover,
a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
    background-color: #148a5e !important;
}

.border-secondary {
    border-color: #1bb77d !important;
}

.btn-secondary {
    color: #212529;
    background-color: #1bb77d;
    border-color: #1bb77d;
}

.btn-secondary:hover {
    color: #212529;
    background-color: #169767;
    border-color: #148a5e;
}

.btn-secondary:focus,
.btn-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 183, 125, 0.5);
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    color: #212529;
    background-color: #1bb77d;
    border-color: #1bb77d;
}

.btn-secondary:not(:disabled):not(.disabled):active,
.btn-secondary:not(:disabled):not(.disabled).active,
.show>.btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #148a5e;
    border-color: #127d55;
}

.btn-secondary:not(:disabled):not(.disabled):active:focus,
.btn-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 183, 125, 0.5);
}

.btn-outline-secondary {
    color: #1bb77d;
    background-color: transparent;
    border-color: #1bb77d;
}

.btn-outline-secondary:hover {
    color: #212529;
    background-color: #1bb77d;
    border-color: #1bb77d;
}

.btn-outline-secondary:focus,
.btn-outline-secondary.focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 183, 125, 0.5);
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
    color: #1bb77d;
    background-color: transparent;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active,
.show>.btn-outline-secondary.dropdown-toggle {
    color: #212529;
    background-color: #1bb77d;
    border-color: #1bb77d;
}

.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem rgba(27, 183, 125, 0.5);
}

.list-group-item-secondary {
    color: #0b4c34;
    background-color: #99f0cf;
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #0b4c34;
    background-color: #83ecc5;
}

.list-group-item-secondary.list-group-item-action.active {
    color: #212529;
    background-color: #0b4c34;
    border-color: #0b4c34;
}

.table-secondary,
.table-secondary>th,
.table-secondary>td {
    background-color: #99f0cf;
}

.table-hover .table-secondary:hover {
    background-color: #83ecc5;
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
    background-color: #83ecc5;
}

.text-secondary {
    color: #1bb77d !important;
}

a.text-secondary:hover,
a.text-secondary:focus {
    color: #148a5e !important;
}

/*------------------------------------
- Font size
------------------------------------*/
h1 {
    overflow-wrap: anywhere !important;
}

.fs-10 {
    font-size: 0.625rem !important;
    /* 10px */
}

.fs-11 {
    font-size: 0.6875rem !important;
    /* 11px */
}

.fs-12 {
    font-size: 0.75rem !important;
    /* 12px */
}

.fs-13 {
    font-size: 0.8125rem !important;
    /* 13px */
}

.fs-14 {
    font-size: 0.875rem !important;
    /* 14px */
}

.fs-15 {
    font-size: 0.9375rem !important;
    /* 15px */
}

.fs-16 {
    font-size: 1rem !important;
    /* 16px */
}

.fs-17 {
    font-size: 1.0625rem !important;
    /* 17px */
}

.fs-18 {
    font-size: 1.125rem !important;
    /* 18px */
}

.fs-19 {
    font-size: 1.1875rem !important;
    /* 19px */
}

.fs-20 {
    font-size: 1.25rem !important;
    /* 20px */
}

.fs-21 {
    font-size: 1.3125rem !important;
    /* 21px */
}

.fs-22 {
    font-size: 1.375rem !important;
    /* 22px */
}

.fs-23 {
    font-size: 1.4375rem !important;
    /* 23px */
}

.fs-24 {
    font-size: 1.5rem !important;
    /* 24px */
}

.fs-25 {
    font-size: 1.5625rem !important;
    /* 25px */
}

.fs-26 {
    font-size: 1.625rem !important;
    /* 26px */
}

.fs-27 {
    font-size: 1.6875rem !important;
    /* 27px */
}

.fs-28 {
    font-size: 1.75rem !important;
    /* 28px */
}

.fs-29 {
    font-size: 1.8125rem !important;
    /* 29px */
}

.fs-30 {
    font-size: 1.875rem !important;
    /* 30px */
}

.fs-31 {
    font-size: 1.9375rem !important;
    /* 31px */
}

.fs-32 {
    font-size: 2rem !important;
    /* 32px */
}

.fs-33 {
    font-size: 2.0625rem !important;
    /* 33px */
}

.fs-34 {
    font-size: 2.125rem !important;
    /* 34px */
}

.fs-35 {
    font-size: 2.1875rem !important;
    /* 35px */
}

.fs-36 {
    font-size: 2.25rem !important;
    /* 36px */
}

.fs-37 {
    font-size: 2.3125rem !important;
    /* 37px */
}

.fs-38 {
    font-size: 2.375rem !important;
    /* 38px */
}

.fs-39 {
    font-size: 2.4375rem !important;
    /* 39px */
}

.fs-40 {
    font-size: 2.5rem !important;
    /* 40px */
}

.fs-41 {
    font-size: 2.5625rem !important;
    /* 41px */
}

.fs-42 {
    font-size: 2.625rem !important;
    /* 42px */
}

.fs-43 {
    font-size: 2.6875rem !important;
    /* 43px */
}

.fs-44 {
    font-size: 2.75rem !important;
    /* 44px */
}

.fs-45 {
    font-size: 2.8125rem !important;
    /* 45px */
}

.fs-46 {
    font-size: 2.875rem !important;
    /* 46px */
}

.fs-47 {
    font-size: 2.9375rem !important;
    /* 47px */
}

.fs-48 {
    font-size: 3rem !important;
    /* 48px */
}

.fs-49 {
    font-size: 3.0625rem !important;
    /* 49px */
}

.fs-50 {
    font-size: 3.125rem !important;
    /* 50px */
}

.fs-51 {
    font-size: 3.1875rem !important;
    /* 51px */
}

.fs-52 {
    font-size: 3.25rem !important;
    /* 52px */
}

.fs-53 {
    font-size: 3.3125rem !important;
    /* 53px */
}

.fs-54 {
    font-size: 3.375rem !important;
    /* 54px */
}

.fs-55 {
    font-size: 3.4375rem !important;
    /* 55px */
}

.fs-56 {
    font-size: 3.5rem !important;
    /* 56px */
}

.fs-57 {
    font-size: 3.5625rem !important;
    /* 57px */
}

.fs-58 {
    font-size: 3.625rem !important;
    /* 58px */
}

.fs-59 {
    font-size: 3.6875rem !important;
    /* 59px */
}

.fs-60 {
    font-size: 3.75rem !important;
    /* 60px */
}

.fs-61 {
    font-size: 3.8125rem !important;
    /* 61px */
}

.fs-62 {
    font-size: 3.875rem !important;
    /* 62px */
}

.fs-63 {
    font-size: 3.9375rem !important;
    /* 63px */
}

.fs-64 {
    font-size: 4rem !important;
    /* 64px */
}

.fs-65 {
    font-size: 4.0625rem !important;
    /* 65px */
}

.fs-66 {
    font-size: 4.125rem !important;
    /* 66px */
}

.fs-67 {
    font-size: 4.1875rem !important;
    /* 67px */
}

.fs-68 {
    font-size: 4.25rem !important;
    /* 68px */
}

.fs-69 {
    font-size: 4.3125rem !important;
    /* 69px */
}

.fs-70 {
    font-size: 4.375rem !important;
    /* 70px */
}

.fs-71 {
    font-size: 4.4375rem !important;
    /* 71px */
}

.fs-72 {
    font-size: 4.5rem !important;
    /* 72px */
}

.fs-73 {
    font-size: 4.5625rem !important;
    /* 73px */
}

.fs-74 {
    font-size: 4.625rem !important;
    /* 74px */
}

.fs-75 {
    font-size: 4.6875rem !important;
    /* 75px */
}

.fs-76 {
    font-size: 4.75rem !important;
    /* 76px */
}

.fs-77 {
    font-size: 4.8125rem !important;
    /* 77px */
}

.fs-78 {
    font-size: 4.875rem !important;
    /* 78px */
}

.fs-79 {
    font-size: 4.9375rem !important;
    /* 79px */
}

.fs-80 {
    font-size: 5rem !important;
    /* 80px */
}

.fs-81 {
    font-size: 5.0625rem !important;
    /* 81px */
}

.fs-82 {
    font-size: 5.125rem !important;
    /* 82px */
}

.fs-83 {
    font-size: 5.1875rem !important;
    /* 83px */
}

.fs-84 {
    font-size: 5.25rem !important;
    /* 84px */
}

.fs-85 {
    font-size: 5.3125rem !important;
    /* 85px */
}

.fs-86 {
    font-size: 5.375rem !important;
    /* 86px */
}

.fs-87 {
    font-size: 5.4375rem !important;
    /* 87px */
}

.fs-88 {
    font-size: 5.5rem !important;
    /* 88px */
}

.fs-89 {
    font-size: 5.5625rem !important;
    /* 89px */
}

.fs-90 {
    font-size: 5.625rem !important;
    /* 90px */
}

.fs-91 {
    font-size: 5.6875rem !important;
    /* 91px */
}

.fs-92 {
    font-size: 5.75rem !important;
    /* 92px */
}

.fs-93 {
    font-size: 5.8125rem !important;
    /* 93px */
}

.fs-94 {
    font-size: 5.875rem !important;
    /* 94px */
}

.fs-95 {
    font-size: 5.9375rem !important;
    /* 95px */
}

.fs-96 {
    font-size: 6rem !important;
    /* 96px */
}

.fs-97 {
    font-size: 6.0625rem !important;
    /* 97px */
}

.fs-98 {
    font-size: 6.125rem !important;
    /* 98px */
}

.fs-99 {
    font-size: 6.1875rem !important;
    /* 99px */
}

.fs-100 {
    font-size: 6.25rem !important;
    /* 100px */
}

/*------------------------------------
- Custom classes
------------------------------------*/
.d-flex-row-start {
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: start;
}

.d-flex-row-center {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.d-flex-column-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.d-flex-column-start {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
}


.max-1-line {
    display: block;
    width: 100px;
    overflow: hidden;
    word-wrap: break-word;
    text-overflow: ellipsis;
    text-align: center;
}

.remove-input-focus:focus {
    outline: none;
}

.outline-icon {
    border: 1px solid #EEE;
    padding: 8px;
    border-radius: 10px;
}

.frequency-outline-btn {
    color: black !important;
    background-color: transparent !important;
    border-color: #46d89f !important;
    font-weight: 400 !important;

    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.frequency-outline-btn:hover {
    color: #212529 !important;
    background-color: #46d89f !important;
    border-color: #46d89f !important;
}

.frequency-outline-btn:not(:disabled):not(.disabled):active,
.frequency-outline-btn:not(:disabled):not(.disabled).active,
.show>.frequency-outline-btn.dropdown-toggle {
    color: #212529 !important;
    background-color: #46d89f !important;
    border-color: #46d89f !important;
}

.btn-check:checked+.frequency-outline-btn {
    background-color: #46d89f !important;
    border-color: #46d89f !important;
}

.bg-black-green {
    background: var(--black);
}

@media (max-width: 991.98px) {
    .mt-md-n5 {
        margin-top: -5rem !important;
    }
}

@media (min-width: 992px) {
  .mt-lg-6 {
    margin-top: 6rem;
  }
}