html, body {
    width: auto !important;
    overflow-x: hidden !important
}

a.nav-link .fas {
    color: var(--main);
    !important;
}

a.nav-link .fab {
    color: var(--main);
    !important;
}

.bg-primary {
    background-color: var(--main);
    !important;
}



.btn-primary {
    color: #fff;
    border-color: var(--main);
    ;
    background-color: var(--main);
    ;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

    .btn-primary:hover {
        color: #fff;
        border-color: var(--main);
        ;
        background-color: var(--main);
        ;
    }

    .btn-primary:focus,
    .btn-primary.focus {
        box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08), 0 0 0 0 rgba(94, 114, 228, .5);
    }

    .btn-primary.disabled,
    .btn-primary:disabled {
        color: #fff;
        border-color: var(--main);
        ;
        background-color: var(--main);
        ;
    }

    .btn-primary:not(:disabled):not(.disabled):active,
    .btn-primary:not(:disabled):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        border-color: var(--main);
        ;
        background-color: #324cdd;
    }

        .btn-primary:not(:disabled):not(.disabled):active:focus,
        .btn-primary:not(:disabled):not(.disabled).active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            /*box-shadow: none, 0 0 0 0 rgba(94, 114, 228, .5);*/
        }

a {
    text-decoration: none;
    color: var(--main);
    ;
    background-color: transparent;
}

    a:hover {
        text-decoration: none;
        color: #233dd2;
    }

    a:not([href]) {
        text-decoration: none;
        color: inherit;
    }

        a:not([href]):hover {
            text-decoration: none;
            color: inherit;
        }


.text-primary {
    color: var(--main);
    !important;
}

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

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

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

.bg-gradient-primary {
    background: linear-gradient(87deg, var(--main);
    0, rgba(25, 179, 148, 0.5) 100%) !important;
}

.bg-secondary {
    background-color: white !important;
}

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

.bg-default {
    background-color: white !important;
}

a.bg-default:hover,
a.bg-default:focus,
button.bg-default:hover,
button.bg-default:focus {
    background-color: #0b1526 !important;
}

.fill-default {
    fill: white;
}

.nav-pills .nav-link {
    font-size: .875rem;
    font-weight: 500;
    padding: .75rem 1rem;
    transition: all .15s ease;
    color: var(--main);
    ;
    background-color: #fff;
    /*box-shadow: 0 4px 6px rgb(50 50 93 / 11%), 0 1px 3px rgb(0 0 0 / 8%);*/
}

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #fff;
        background-color: var(--main);
        !important;
    }

    .nav-pills .nav-link:hover {
        color: rgba(25, 179, 148, 0.5);
    }

.page-item.active .page-link {
    border-color: var(--main) !important;
    background-color: var(--main) !important
}

.btn-neutral {
    color: var(--main) !important
}

.breadcrumb-links {
}

.breadcrumb-dark {
}

.btn.btn-sm.btn-neutral {
    margin-bottom: 0.5rem;
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
}

#fr-logo {
    display: none !important;
}

.moreOptionClass {
    background-color: var(--main) !important;
    color: white !important;
}

/*a.btn.btn-sm.btn-danger {
    margin-bottom: 8px !important;
}*/