/* _content/FderivsWebsite/Components/CookieConsent.razor.rz.scp.css */
.cookie-consent[b-55dg1ddz8n] {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 3px 5px rgba(0,0,0,0.5);
    padding: 1rem;
    position: fixed;
    min-height: 5rem;
    width: 60vw;
    left: 50%;
    bottom: 5rem;
    z-index: 9999;
    transition: opacity 0.3s ease;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
    column-gap: 1rem;
    transform: translateX(-50%);
}

.cookie-consent p[b-55dg1ddz8n]{
    margin: 0;
}

.cookie-consent .button[b-55dg1ddz8n]{
    width: 15rem;
}

.cookie-consent.hidden[b-55dg1ddz8n]{
    display: none;
}

@media(max-width: 900px){
    .cookie-consent[b-55dg1ddz8n]{
        width: 90vw;
    }
}
/* _content/FderivsWebsite/Components/SiteFooter.razor.rz.scp.css */
.site-footer[b-83otycs6dw]{
    position: relative;
    background: var(--base-dark);
    color: var(--background-default);
    padding: 1.5rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.site-footer > div[b-83otycs6dw] {
    height: 25px;
}
.site-footer > div + div[b-83otycs6dw] {
    margin-top: .75rem;
}
.site-footer a[b-83otycs6dw]{
    color: var(--background-default);
}
.site-footer a:hover[b-83otycs6dw],
.site-footer a:active[b-83otycs6dw] {
    color: var(--highlight);
}
.contact-section a[b-83otycs6dw] {
    display: inline-block;
    height: 100%;
    margin-right: .5rem;
    vertical-align: top;
}
.contact-section a span[b-83otycs6dw]{
    position: relative;
    font-size: .9rem;
    top: -4px;
}
.contact-section i[b-83otycs6dw] {
    display: inline-block;
    min-width: 25px;
    font-size: 1.5rem;
}
.nav-section .divider[b-83otycs6dw]{
    margin: 0 .75rem;
}
@media (min-width: 768px) {
    .site-footer > div + div[b-83otycs6dw] {
        margin-top: 0;
    }
}
@media (min-width: 950px) {
    .site-footer[b-83otycs6dw] {
        height: 56px;
        padding: 0 2.5rem;
        flex-direction: row-reverse;
        align-items: center;
        z-index: 3;
    }

    .nav-section[b-83otycs6dw] {
        position: absolute;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: -1;
    }
}
/* _content/FderivsWebsite/Components/SiteHeader.razor.rz.scp.css */
.site-header[b-eaxv0b41k3] {
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 56px;
    background-color: var(--base-dark);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: initial;
}
.site-header div[b-eaxv0b41k3] {
    box-shadow: none;
}
.site-header .navigation > *[b-eaxv0b41k3]{
    vertical-align: top;
}
.site-header .toggle[b-eaxv0b41k3] {
    position: relative;
    height: 56px;
    width: auto;
    margin: 0;
    border: none;
    background: none;
    text-align: center;
    padding: 0 20px;
    z-index: 2;
    background-color: var(--base-dark-1);
}
.toggle > *[b-eaxv0b41k3]{
    display: inline-block;
    vertical-align: middle;
}
.menu-text[b-eaxv0b41k3] {
    display: none;
    margin-left: .75rem;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: .9rem;
    font-family: 'Franklin Gothic Medium', 'Lucida Sans', Arial, Helvetica, sans-serif;
}
.site-header .toggle:hover[b-eaxv0b41k3] {
    background-color: var(--base-darker);
}
.site-header .toggle .icon-bar[b-eaxv0b41k3] {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #fff;
}
.site-header .toggle .icon-bar + .icon-bar[b-eaxv0b41k3] {
    margin-top: 4px;
}
.site-header .brand[b-eaxv0b41k3] {
    display: inline-block;
    position: absolute;
    left: 0;
    height: 56px;
    margin: 0;
    width: 100%;
    text-align: center;
}
.site-header .logo[b-eaxv0b41k3] {
    height: 56px;
}
.site-header .profile[b-eaxv0b41k3]{
    display: none;
    align-items: center;
    padding-right: 2.5rem;
    z-index: 2;
}
@media (min-width: 768px) {
    .site-header .toggle[b-eaxv0b41k3] {
        padding: 0 15px;
    }
    .menu-text[b-eaxv0b41k3] {
        display: inline-block;
    }
    .site-header .profile[b-eaxv0b41k3] {
        display: flex;
        min-width: 280px;
    }
}
/* _content/FderivsWebsite/Components/SiteSidebar.razor.rz.scp.css */
.site-sidebar[b-rkoz6sv41w] {
    z-index: 3;
    position: fixed;
    left: -100%;
    width: 100%;
    height: calc(100% - 56px);
    top: 56px;
    background-color: var(--base-light);
    transition-duration: var(--transition-duration-short);
    transition-timing-function: var(--transition-function-default);
    overflow-x: hidden;
    display: block;
}
.site-sidebar .profile-section[b-rkoz6sv41w] {
    background-color: var(--base-medium);
    padding: 1rem;
}
.page.sidebar-layout .site-sidebar[b-rkoz6sv41w] {
    left: 0;
}
@media (min-width: 768px) {
    .site-sidebar[b-rkoz6sv41w] {
        left: var(--sidebar-negative-width);
        width: var(--sidebar-width);
    }
}
.nav[b-rkoz6sv41w] {
    display: block;
}
.nav > li[b-rkoz6sv41w] {
    display: block;
}
.site-sidebar .nav > li.nav-header[b-rkoz6sv41w] {
    padding: 15px 20px 10px;
    color: #b1b5b8;
    font-size: .75em;
    font-weight: bold;
}
.site-sidebar .nav > li.divider[b-rkoz6sv41w] {
    margin: 15px 0;
    height: 2px;
    background: #30373e;
}
.site-sidebar .nav > li.divider + li.nav-header[b-rkoz6sv41w] {
    margin-top: -15px;
}
.site-sidebar .nav > li[b-rkoz6sv41w]:before,
.site-sidebar .nav > li[b-rkoz6sv41w]:after,
.site-sidebar .nav > li > a[b-rkoz6sv41w]:before,
.site-sidebar .nav > li > a[b-rkoz6sv41w]:after {
    content: '';
    display: table;
    clear: both;
}
.site-sidebar .nav > li > a[b-rkoz6sv41w] {
    display: block;
    padding: 12px 20px;
    color: #d1d5d8;
    font-weight: bold;
}
.site-sidebar .nav > li.expand > a[b-rkoz6sv41w],
.site-sidebar .nav > li > a:hover[b-rkoz6sv41w],
.site-sidebar .nav > li > a:focus[b-rkoz6sv41w] {
    background: #636a71;
    color: #fff;
    text-decoration: none;
}
.site-sidebar .nav > li > a:hover > .fa[b-rkoz6sv41w],
.site-sidebar .nav > li > a:hover > .caret[b-rkoz6sv41w] {
    color: #fff;
    border-top-color: #fff;
}
.site-sidebar .nav > li > a > .icon-img[b-rkoz6sv41w] {
    float: left;
    width: 32px;
    height: 32px;
    margin-right: 1rem;
    line-height: 32px;
}
.site-sidebar .nav > li > a > .icon-img img[b-rkoz6sv41w] {
    max-width: 100%;
    max-height: 100%;
}
.site-sidebar .nav > li > a > i[b-rkoz6sv41w],
.site-sidebar .nav > li > a > .image[b-rkoz6sv41w] {
    float: left;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    font-size: 16px;
    margin-right: 13px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    background: rgba(0,0,0,0.5);
    position: relative;
    overflow: hidden;
}
.site-sidebar .nav > li > a > .image[b-rkoz6sv41w]{
    padding: 3px;
}
.site-sidebar .nav > li > a > .image img[b-rkoz6sv41w] {
    width: 100%;
    height: 100%;
    vertical-align: top;
    filter: brightness(80%);
}
.site-sidebar .nav > li > a:hover > .image img[b-rkoz6sv41w] {
    filter: brightness(100%);
}
.sub-menu .image[b-rkoz6sv41w],
.sub-menu .image img[b-rkoz6sv41w]{
    height: 24px;
}
.sub-menu .image img[b-rkoz6sv41w] {
    filter: grayscale(1);
}
.sub-menu li:hover .image img[b-rkoz6sv41w] {
    filter: grayscale(1) brightness(10);
}
.site-sidebar .nav > li > a > span[b-rkoz6sv41w] {
    line-height: 30px;
}
.site-sidebar .nav > li.active > a[b-rkoz6sv41w],
.site-sidebar .nav > li.active > a:hover[b-rkoz6sv41w],
.site-sidebar .nav > li.active > a:focus[b-rkoz6sv41w] {
background: #24292e;
color: #fff;
}
.site-sidebar .nav > li.active > a > i[b-rkoz6sv41w] {
    color: rgba(0,0,0,0.5);
    background: #17b6a4;
}
.site-sidebar .nav > li.active > a > i[b-rkoz6sv41w]:after {
    background: none;
}
.site-sidebar .nav > li > a > .caret.pull-right[b-rkoz6sv41w] {
    margin-top: 14px;
    margin-right: 2px;
    color: #b1b5b8;
}
.site-sidebar .has-sub.active > .sub-menu[b-rkoz6sv41w] {
    display: block;
}
.sub-menu .fa[b-rkoz6sv41w] {
    width: 20px;
    margin-right: .5rem;
}
.site-sidebar .sub-menu[b-rkoz6sv41w]:before {
    content: '';
    display: block;
    position: absolute;
    left: 34px;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #24292e;
}
.site-sidebar .sub-menu[b-rkoz6sv41w] {
    list-style-type: none;
    padding: 10px 0 10px 45px;
    margin: 0;
    background: #30373e;
    position: relative;
    display: none;
}
.site-sidebar .sub-menu .sub-menu[b-rkoz6sv41w] {
    padding: 0 0 0 30px;
    background: none;
}
.site-sidebar .sub-menu .sub-menu[b-rkoz6sv41w]:before {
    left: 21px;
}
.site-sidebar .sub-menu > li > a[b-rkoz6sv41w] {
    padding: 5px 20px;
    display: block;
    color: #8a8f94;
    text-decoration: none;
    position: relative;
}
.site-sidebar .sub-menu > li > a[b-rkoz6sv41w]:before {
    content: '\f111';
    position: absolute;
    top: 50%;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 7px;
    color: #4f555a;
    margin-top: -4px;
    margin-left: -12px;
}
.site-sidebar .sub-menu .sub-menu > li > a[b-rkoz6sv41w]:before {
    margin-left: -10px;
}
.site-sidebar .sub-menu > li > a:hover[b-rkoz6sv41w]:before,
.site-sidebar .sub-menu > li > a:focus[b-rkoz6sv41w]:before {
    color: #8a8f94;
}
.site-sidebar .sub-menu > li > a:hover[b-rkoz6sv41w],
.site-sidebar .sub-menu > li > a:focus[b-rkoz6sv41w],
.site-sidebar .sub-menu > li.active > a[b-rkoz6sv41w],
.site-sidebar .sub-menu > li.active > a:hover[b-rkoz6sv41w],
.site-sidebar .sub-menu > li.active > a:focus[b-rkoz6sv41w],
.site-sidebar .nav > li li.has-sub.active > a[b-rkoz6sv41w] {
    color: #fff;
}
.site-sidebar .sub-menu > li.active > a[b-rkoz6sv41w]:before {
    color: #17B6A4;
}
.site-sidebar .nav .sub-menu > li > a .caret[b-rkoz6sv41w] {
    float: right;
    margin-top: 7px;
}
.site-sidebar .label.label-theme[b-rkoz6sv41w] {
    background: #17B6A4;
}
.site-sidebar .text-theme[b-rkoz6sv41w] {
    color: #17B6A4;
}
.site-sidebar .nav > li > a > .indicator[b-rkoz6sv41w] {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: none;
    margin: 0;
    top: 8px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: 12px;
}
.site-sidebar .smaller[b-rkoz6sv41w]{
    font-weight: normal;
    font-size: .9rem;
}
@media (min-width: 768px){
    .site-sidebar .sidebar-container[b-rkoz6sv41w] {
        height: calc(100% - 56px);
        overflow: auto;
    }
}
/* _content/FderivsWebsite/Components/UI/DataTable.razor.rz.scp.css */
.data-table[b-f5zm4nadsq] {
    position: relative;
    height: 100%;
    width: 100%;
}

.table-container[b-f5zm4nadsq] {
    position: relative;
    height: calc(100% - 60px - 138px - 1.6rem);
    min-height: 45vh;
    width: 100%;
    overflow-y: auto;
    overflow-x: auto;
    background: var(--background-default);
    margin: .8rem 0;
}

.table-panel[b-f5zm4nadsq] {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    row-gap: .5rem;
    padding: 0 .75rem;
}

.table-panel > div[b-f5zm4nadsq]{
    display: flex;
    flex-direction: row;
    align-items: center;
}

table[b-f5zm4nadsq] {
    min-width: 100%;
    background: var(--background-lighter);
    font-size: .78rem;
}

td[b-f5zm4nadsq], th[b-f5zm4nadsq]{
    padding: .6rem 1rem;
    min-width: 4rem;
    max-width: 28rem;
    white-space: nowrap;
    min-height: 2rem;
}

td[b-f5zm4nadsq]{
    position: relative;
    border: 1px solid var(--secondary);
}

tr:hover[b-f5zm4nadsq] {
    background: var(--background-lighte);
}

th[b-f5zm4nadsq]{
    background: var(--base-light-1);
    color: var(--background-light);
    cursor: pointer;
    position: sticky;
    top: 0;
    z-index: 1;
}

th:hover[b-f5zm4nadsq] {
    color: var(--background-lighter);
    background: var(--base-light);
}

th:hover span[b-f5zm4nadsq] {
    text-decoration: underline;
}

th > div[b-f5zm4nadsq]{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

th > div > *[b-f5zm4nadsq] {
    vertical-align: middle;
}

th .icon[b-f5zm4nadsq]{
    margin-left: .8rem;
}

th .icon.active[b-f5zm4nadsq]{
    color: var(--highlight);
}

.content-container[b-f5zm4nadsq] {
    width: 100%;
    height: 100%;
    /*overflow: hidden;*/
    text-overflow: ellipsis;
}

.details[b-f5zm4nadsq] {
    display: none;
    position: absolute;
    background: var(--background-lighter);
    padding: 1rem 2rem;
    box-shadow: rgba(0, 0, 0, .3) 0px 3px 8px 3px;
    top: -100%;
    left: -100%;
    text-align: center;
}

.details.visible[b-f5zm4nadsq]{
    display: inline-block;
}

.table-panel > div:first-child[b-f5zm4nadsq] {
    margin-top: 0;
}

.table-panel > div:last-child[b-f5zm4nadsq] {
    margin-bottom: 0;
}

.paginator[b-f5zm4nadsq]{
    display: flex;
    justify-content: space-between;
}

.paginator .button[b-f5zm4nadsq],
.paginator .divider[b-f5zm4nadsq]{
    display: inline-block;
    vertical-align: top;
    width: 2rem;
    height: 2rem;
    padding: 0;
    text-align: center;
}

.paginator .divider[b-f5zm4nadsq]{
    color: var(--highlight);
}

.panel-content[b-f5zm4nadsq] {
    flex-basis: 25%;
    flex-grow: 2;
    column-gap: 2rem;
}

.count-select[b-f5zm4nadsq] {
    justify-content: space-between;
}

.count-select span[b-f5zm4nadsq]{
    font-weight: bold;
    margin-right: 1rem;
}

[b-f5zm4nadsq] .count-select .form-floating {
    margin: 0!important;
}

[b-f5zm4nadsq] .count-select .form-floating > select.form-control {
    padding: .5rem;
    padding-top: .625rem!important;
    height: 40px;
    width: 100%;
    padding-left: 10.5rem;
    padding-right: 3rem;
}

[b-f5zm4nadsq] .count-select .form-floating .label {
    transform: scale(1) translateY(-.55rem) translateX(0)!important;
    height: auto;
}

[b-f5zm4nadsq] .count-select .icon-area{
    bottom: .5rem;
}

.search-area[b-f5zm4nadsq] {
    justify-content: space-around;
    flex-basis: 25%;
}

.table-panel > .count-display[b-f5zm4nadsq] {
    justify-content: center;
    font-size: .85rem;
    height: 20px;
}

.search-box[b-f5zm4nadsq] {
    border: 1px solid #ced4da;
    background-color: var(--background-lighter);
    height: 40px;
    width: 100%;
    padding: .5rem;
    overflow: hidden;
    white-space: nowrap;
}

.search-box input[b-f5zm4nadsq]{
    border: none;
    padding: 0 1rem 0 1rem;
    box-shadow: none;
    outline: 0;
}

.subtitle[b-f5zm4nadsq] {
    font-size: .8rem;
    margin: .5rem;
}

@media (min-width: 768px) {
    table[b-f5zm4nadsq] {
        font-size: .85rem;
    }
    .table-panel[b-f5zm4nadsq] {
        padding: 0;
        align-items: start;
        column-gap: 2rem;
        flex-direction: row;
    }
    .table-panel > *[b-f5zm4nadsq]{
        height: 45px;
    }
    .table-container[b-f5zm4nadsq] {
        height: calc(100% - 90px - 1.6rem);
    }
    .paginator[b-f5zm4nadsq] {
        display: inline-block;
        min-width: 21.6rem;
    }
}

@media (max-width: 768px){
    .table-panel > div[b-f5zm4nadsq] {
        align-items: start;
    }
   .panel-content[b-f5zm4nadsq] {
        flex-direction: column !important;
        flex-shrink: 0;
        row-gap: .5rem;
    }
    .panel-footer[b-f5zm4nadsq] {
        position: sticky;
        bottom: 0rem;
        padding: .5rem;
        background-color: var(--background-light);
    }
    thead tr[b-f5zm4nadsq]{
        position: sticky;
        top: 0;
    }
}
/* _content/FderivsWebsite/Components/UI/DateExpirationCard.razor.rz.scp.css */
.ui-card[b-mdx6ij8x5n] {
    padding: .2rem .75rem;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .7rem;
    display: block;
}

[b-mdx6ij8x5n].ui-card > * {
    display: inline-block;
    vertical-align: top;
}

.valid[b-mdx6ij8x5n] {
    background-color: var(--success);
}

.expired[b-mdx6ij8x5n] {
    background-color: var(--error);
}

.never-expires[b-mdx6ij8x5n] {
    background-color: var(--highlight-light-1);
}

.description-icon[b-mdx6ij8x5n] {
    position: relative;
    margin-left: .25rem;
}

.description-icon .description-text[b-mdx6ij8x5n] {
    visibility: hidden;
    min-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: 5px;
}

.description-icon .description-text[b-mdx6ij8x5n]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.description-icon:hover .description-text[b-mdx6ij8x5n] {
    visibility: visible;
}
/* _content/FderivsWebsite/Components/UI/FieldLayout.razor.rz.scp.css */
.field-layout[b-u1yzhq93r0]{
    position: relative;
    min-height: 25rem;
}
.modal-body .field-layout[b-u1yzhq93r0]{
    min-height: auto;
}
.content-area[b-u1yzhq93r0]{
    font-size: 0;
}
[b-u1yzhq93r0] .field-input,
[b-u1yzhq93r0] .field-output {
    font-size: 1rem;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}
.sticky-footer .footer-area[b-u1yzhq93r0] {
    position: sticky;
    bottom: 0;
    background-color: var(--background-light);
    background: linear-gradient(180deg, transparent 0%, var(--background-light) 2rem);
    z-index: 1;
}
.footer-content[b-u1yzhq93r0] {
    display: flex;
    justify-content: space-around;
    padding-top: 1.8rem;
    padding-bottom: .5rem;
}
[b-u1yzhq93r0] .section-title{
    font-size: 2.2rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
}
[b-u1yzhq93r0] .section-title:first-child {
    margin-top: 0;
}
@media(min-width: 768px){
    [b-u1yzhq93r0] .field-input,
    [b-u1yzhq93r0] .field-output {
        width: 50% !important;
    }
    [b-u1yzhq93r0] .field-input:nth-child(odd),
    [b-u1yzhq93r0] .field-output:nth-child(odd) {
        padding-right: 1.5rem;
    }
    [b-u1yzhq93r0] .field-input:nth-child(even),
    [b-u1yzhq93r0] .field-output:nth-child(even) {
        padding-left: 1.5rem;
    }
    [b-u1yzhq93r0] .full-row .field-input,
    [b-u1yzhq93r0] .full-row .field-output,
    [b-u1yzhq93r0] .field-input .field-input,
    [b-u1yzhq93r0] .field-output .field-output {
        width: 100% !important;
        padding: 0;
    }
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInput.razor.rz.scp.css */
.form-floating.styled[b-737hnzghie] {
    margin-bottom: 1rem;
}
[b-737hnzghie] .form-floating > input.form-control,
[b-737hnzghie] .form-floating > select.form-control {
    height: 3.5rem;
    border-radius: 0;
    padding: 0 1.5rem;
    padding-top: 1rem;
}
.form-floating > input.form-control:focus[b-737hnzghie],
.form-floating > select.form-control:focus[b-737hnzghie] {
    border-bottom-color: var(--highlight);
    box-shadow: none;
}
.form-floating > input.is-invalid[b-737hnzghie],
.form-floating > select.is-invalid[b-737hnzghie] {
    border-bottom-color: var(--error);
}
.form-control.required + .label[b-737hnzghie]::after {
    content: '*';
    color: var(--highlight-dark-1);
    margin-left: 2px;
}
.form-floating .error-message[b-737hnzghie] {
    color: var(--error);
    font-size: 0.8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.error-message .error[b-737hnzghie] {
    display: block;
    padding-left: .5rem;
    line-height: 1.3rem;
}
.form-floating.is-invalid .error-message[b-737hnzghie]{
    display: block;
}
.form-floating .label[b-737hnzghie] {
    transform: scale(1) translateY(-.85rem) translateX(0)!important;
    opacity: .65;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputCheckbox.razor.rz.scp.css */
[b-t2gx6lxei5] .form-floating.styled {
    height: 3.5rem;
    border-bottom: 1px solid var(--secondary);
}
[b-t2gx6lxei5] input[type=checkbox] {
    position: relative;
    width: 20px;
    height: 20px;
    top: 0;
    left: 0;
}
[b-t2gx6lxei5] .styled input[type=checkbox] {
    position: absolute;
    top: 1.75rem;
    left: .75rem;
}
[b-t2gx6lxei5] input[type=checkbox][disabled] {
    cursor: not-allowed;
}
[b-t2gx6lxei5] label {
    display: none;
}
[b-t2gx6lxei5] .styled label {
    display: block;
    transform: translateY(-.85rem) translateX(0);
    opacity: .6;
}
.field-input[b-t2gx6lxei5]{
    display: inline-block;
}
[b-t2gx6lxei5] .field-input {
    padding: 0 !important;
    width: 100%;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputCombobox.razor.rz.scp.css */
[b-hs6bieze4x] .icon-area {
    position: absolute;
    bottom: .8rem;
    right: 1.5rem;
    transform: none !important;
    top: unset;
    left: unset;
    height: auto;
    padding: 0;
}
[b-hs6bieze4x] .field-input {
    padding: 0 !important;
    width: 100%;
}
.options[b-hs6bieze4x]{
    position: absolute;
    top: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 5px;
    padding: .5rem 0 .5rem 0;
    box-shadow: rgba(0, 0, 0, .3) 0px 0px 10px -3px;
    z-index: 2;
    max-height: 15rem;
    overflow-y: auto;
    text-align: left;
}
.options a:hover[b-hs6bieze4x]{
    color: var(--text-default);
    text-decoration: none;
}
.option[b-hs6bieze4x] {
    padding: .25rem .5rem .25rem .5rem;
    text-decoration: none;
    user-select: none;
}
.option:hover[b-hs6bieze4x],
.option:focus[b-hs6bieze4x] {
    background: #e0e0e6;
}
.message[b-hs6bieze4x]{
    text-align: center;
    padding-left: .5rem;
    padding-right: .5rem;
    color: #666;
}
.value-display[b-hs6bieze4x] {
    border: 1px solid #999;
    padding: .5rem;
    padding-top: .1rem;
    padding-bottom: .1rem;
    border-radius: 5px;
    background-color: #ddd;
    height: 1.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
    padding-right: 1.5rem;
}
[b-hs6bieze4x] .icon-area.remove-value{
    bottom: .45rem;
    color: #666;
}
[b-hs6bieze4x] .icon-area.remove-value:hover {
    color: #3af;
}
.main-icon-area[b-hs6bieze4x]{
    position: absolute;
    top: 1.7rem;
    left: 1.2rem;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    text-align: center;
    border-radius: 5px;
    border: none;
    font-size: .9rem;
    line-height: 1.5rem;
}
[b-hs6bieze4x] input.has-icon {
    padding-left: 3.5rem !important;
}
.value-display.has-icon[b-hs6bieze4x] {
    width: calc(100% - 2.5rem);
    left: 2.5rem;
    position: relative;
}
.form-floating > .form-control[b-hs6bieze4x]::placeholder{
    color: #6c757d;
    opacity: .7;
}
.form-floating > .form-control[b-hs6bieze4x], 
.form-floating > .form-select[b-hs6bieze4x] {
    height: 3.5rem !important;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputFile.razor.rz.scp.css */
[b-wpxlwl8vhm] input[type="file"] {
    opacity: 0;
    /*border: 1px solid blue;*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer;
    z-index: 1;
}

[b-wpxlwl8vhm] .small{
    font-size: .8rem;
}

[b-wpxlwl8vhm] label.handler {
    display: block;
    opacity: 1;
    transform: none;
    position: relative;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputPassword.razor.rz.scp.css */
.password-toggle[b-83wnxuhmae]{
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    width: 2.5rem;
    border: none;
    background: transparent;
    padding: 5px;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputRadio.razor.rz.scp.css */
[b-ok1tu5e80n] input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #ccc;
    border-radius: 50%;
    background: #fff;
}
[b-ok1tu5e80n] input[type=checkbox]:hover {
    border-color: #999;
}
[b-ok1tu5e80n] input[type=checkbox]:checked::after {
    content: "";
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #0060df;
}
[b-ok1tu5e80n] input[type=checkbox]:checked:hover::after {
    background-color: #2374ff;
}
[b-ok1tu5e80n] input[disabled]:hover {
    border-color: #ccc;
}
[b-ok1tu5e80n] input[disabled]:checked::after,
[b-ok1tu5e80n] input[type=checkbox]:checked:hover::after {
    background-color: #aaa;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputRecord.razor.rz.scp.css */
[b-r54bhgxf64] .field-input {
    padding: 0 !important;
    width: 100%;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputRichText.razor.rz.scp.css */
.form-floating > .form-control[b-snivfh3pl1]{
    position: relative;
    padding: 1.75rem 0 1.5rem 0;
    min-height: 15rem;
}
.resize-handle[b-snivfh3pl1]{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: .9rem;
    display: inline-block;
}
.resize-handle i[b-snivfh3pl1]{
    color: #666;
    padding: .3rem;
    cursor: ns-resize;
}
.resize-handle i:hover[b-snivfh3pl1]{
    color: var(--highlight);
}
.resize-handle .fa-compress-alt[b-snivfh3pl1],
.expanded .resize-handle .fa-expand-alt[b-snivfh3pl1] {
    display: none;
}
.expanded .resize-handle .fa-compress-alt[b-snivfh3pl1] {
    display: block;
}
[b-snivfh3pl1] .ql-toolbar.ql-snow {
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
}
[b-snivfh3pl1] .ql-container.ql-snow{
    border: none;
    height: calc(100% - 42px);
}
[b-snivfh3pl1] button:hover,
[b-snivfh3pl1] button:focus,
[b-snivfh3pl1] button.ql-active,
[b-snivfh3pl1] .ql-picker-label:hover,
[b-snivfh3pl1] .ql-picker-label.ql-active,
[b-snivfh3pl1] .ql-picker-item:hover,
[b-snivfh3pl1] .ql-picker-item.ql-selected{
    color: var(--highlight)!important;
}
[b-snivfh3pl1] button:hover .ql-stroke,
[b-snivfh3pl1] button:focus .ql-stroke,
[b-snivfh3pl1] button.ql-active .ql-stroke,
[b-snivfh3pl1] .ql-picker-label:hover .ql-stroke,
[b-snivfh3pl1] .ql-picker-item:hover .ql-stroke,
[b-snivfh3pl1] .ql-picker-label.ql-active .ql-stroke,
[b-snivfh3pl1] .ql-picker-item.ql-selected .ql-stroke,
[b-snivfh3pl1] button:hover .ql-stroke-miter,
[b-snivfh3pl1] button:focus .ql-stroke-miter,
[b-snivfh3pl1] button.ql-active .ql-stroke-miter,
[b-snivfh3pl1] .ql-picker-label:hover .ql-stroke-miter,
[b-snivfh3pl1] .ql-picker-item:hover .ql-stroke-miter,
[b-snivfh3pl1] .ql-picker-label.ql-active .ql-stroke-miter,
[b-snivfh3pl1] .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: var(--highlight) !important;
}
[b-snivfh3pl1] button:hover .ql-fill,
[b-snivfh3pl1] button:focus .ql-fill,
[b-snivfh3pl1] button.ql-active .ql-fill,
[b-snivfh3pl1] .ql-picker-label:hover .ql-fill,
[b-snivfh3pl1] .ql-picker-item:hover .ql-fill,
[b-snivfh3pl1] .ql-picker-label.ql-active .ql-fill,
[b-snivfh3pl1] .ql-picker-item.ql-selected .ql-fill {
    fill: var(--highlight) !important;
}

@media(max-width: 768px){
    .form-floating > .form-control[b-snivfh3pl1] {
        min-height: 20rem;
        height: auto;
    }

    .form-floating > .form-control.expanded[b-snivfh3pl1] {
        height: calc(100vh - 56px - 112px);
    }

    .resize-handle i[b-snivfh3pl1]{
        cursor: pointer;
    }
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputSelect.razor.rz.scp.css */
[b-l6e24fgqdy] select {
    border-radius: 0;
}

[b-l6e24fgqdy] .icon-area{
    position: absolute;
    bottom: .8rem;
    right: 1.5rem;
    transform: none !important;
    top: unset;
    left: unset;
    height: auto;
    padding: 0;
}

.field-input[b-l6e24fgqdy] {
    display: inline-block;
    width: 100%;
}

[b-l6e24fgqdy] .field-input {
    padding: 0 !important;
    width: 100%;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputTextArea.razor.rz.scp.css */
textarea[b-zgg3b5lshc] {
    min-height: 7rem;
    border-radius: 0;
    padding: 0 1.5rem;
    padding-top: 1rem;
}

[b-zgg3b5lshc] .label {
    text-align: left;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputToggle.razor.rz.scp.css */
.toggle[b-xt1y018pfg] {
    position: relative;
    width: auto;
    display: inline-block;
    background: #cbcbcb;
    border-radius: 1rem;
    text-align: left;
    height: 1.2em;
    overflow: hidden;
    color: #fff;
    font-size: 1em;
    line-height: 1.1rem;
    text-align: center;
    transition: 400ms ease;
    user-select: none;
    cursor: pointer;
    padding: 0 1rem;
}

.toggle:hover[b-xt1y018pfg],
.toggle:active[b-xt1y018pfg]{
    filter: brightness(1.1);
}

.option[b-xt1y018pfg] {
    position: relative;
    width: 100%;
    height: 100%;
    padding-left: 1em;
    font-weight: 600;
    overflow: hidden;
    color: #777;
    font-size: .8em;
    transition: 100ms linear;
}

.option.on[b-xt1y018pfg] {
    opacity: 0;
    margin-top: -1.5em;
    padding-left: unset;
    padding-right: 1em;
    color: #fff;
}

.selection-indication[b-xt1y018pfg] {
    position: absolute;
    top: .2em;
    left: .3em;
    height: .8em;
    width: .8em;
    background: #fff;
    border-radius: 50%;
    transition: left 400ms ease;
}

.toggle.on[b-xt1y018pfg] {
    background-color: var(--highlight);
}

.toggle.on .option.on[b-xt1y018pfg] {
    opacity: 1;
}

.toggle.on .option.off[b-xt1y018pfg] {
    opacity: 0;
}

.toggle.on .selection-indication[b-xt1y018pfg] {
    left: calc(100% - 1.1em);
}

.toggle.disabled[b-xt1y018pfg]{
    background-color: #ddd;
    cursor: not-allowed;
    filter: none !important;
}

.toggle.disabled .option[b-xt1y018pfg]{
    color: #bbb;
}

.toggle.disabled .selection-indication[b-xt1y018pfg] {
    background-color: #ebebeb;
}

.field-input[b-xt1y018pfg] {
    display: inline-block;
    width: 100%;
}

[b-xt1y018pfg] .styled {
    padding-left: .75rem;
}

[b-xt1y018pfg] .form-floating.styled {
    height: 3.5rem;
}

[b-xt1y018pfg] label {
    display: none;
}

[b-xt1y018pfg] .styled > label {
    display: block;
    transform: translateY(-.85rem) translateX(0);
    opacity: .6;
}

.styled > .toggle[b-xt1y018pfg]{
    top: 2rem;
}

[b-xt1y018pfg] .field-input {
    padding: 0 !important;
    width: 100%;
}
/* _content/FderivsWebsite/Components/UI/Fields/Input/FieldInputUserRoles.razor.rz.scp.css */
a[disabled][b-fun2sa8v4n]{
    color: var(--text-light);
    cursor: default;
}

a[disabled]:hover[b-fun2sa8v4n] {
    text-decoration: none;
}

[b-fun2sa8v4n] .title{
    text-align: left;
    margin-bottom: 1rem;
}

[b-fun2sa8v4n] input[type="radio"]{
    width: 1.2rem;
    height: 1.2rem;
}

.role-view[b-fun2sa8v4n] {
    width: 100%;
    padding: 0 .25rem 0 .25rem;
    font-size: .75rem;
}

.changes[b-fun2sa8v4n] {
    font-size: .7rem;
    color: var(--secondary-dark-1);
    text-align: center;
}

.changes-container[b-fun2sa8v4n] {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-top: -.25rem;
}

.changes-container p[b-fun2sa8v4n] {
    line-height: .9rem;
    margin: 0;
}

.added[b-fun2sa8v4n] {
    color: var(--success);
}

.removed[b-fun2sa8v4n] {
    color: var(--error);
}

@media(min-width: 750px) {
    .role-view[b-fun2sa8v4n] {
        padding: 0rem .25rem .25rem 1rem;
    }
}
/* _content/FderivsWebsite/Components/UI/Fields/Output/FieldOutput.razor.rz.scp.css */
.form-floating[b-sgwrdwmnfj] {
    margin: 0;
}

.styled.form-floating[b-sgwrdwmnfj] {
    margin-bottom: 1rem;
}

.styled[b-sgwrdwmnfj] {
    min-height: 3.5rem;
    border-bottom: 1px solid var(--secondary);
}

.styled.form-floating > label[b-sgwrdwmnfj] {
    color: var(--text-light);
    padding: 0;
    position: relative;
    height: auto;
}

.field-text[b-sgwrdwmnfj] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.styled .field-text[b-sgwrdwmnfj]{
    overflow: visible;
}

.styled .field-text[b-sgwrdwmnfj] {
    padding: 0 1rem;
    word-wrap: anywhere;
    word-break: break-all;
}

@media(max-width: 920px) {
    .styled.form-floating[b-sgwrdwmnfj] {
        padding-bottom: .5rem !important;
    }
}
/* _content/FderivsWebsite/Components/UI/Fields/Output/FieldOutputDate.razor.rz.scp.css */
.form-floating[b-dkk0b7ni03] {
    margin: 0;
}

.styled.form-floating[b-dkk0b7ni03] {
    margin-bottom: 1rem;
}

.styled[b-dkk0b7ni03] {
    min-height: 3.5rem;
    border-bottom: 1px solid var(--secondary);
}

.styled.form-floating > label[b-dkk0b7ni03] {
    color: var(--text-light);
    padding: 0;
    position: relative;
    height: auto;
}

.field-text[b-dkk0b7ni03] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.styled .field-text[b-dkk0b7ni03] {
    padding: 0 1rem;
}
/* _content/FderivsWebsite/Components/UI/Fields/Output/FieldOutputDateTime.razor.rz.scp.css */
.form-floating[b-e96hgxa2oc] {
    margin: 0;
}

.styled.form-floating[b-e96hgxa2oc] {
    margin-bottom: 1rem;
}

.styled[b-e96hgxa2oc] {
    min-height: 3.5rem;
    border-bottom: 1px solid var(--secondary);
}

.styled.form-floating > label[b-e96hgxa2oc] {
    color: var(--text-light);
    padding: 0;
    position: relative;
    height: auto;
}

.field-text[b-e96hgxa2oc] {
    overflow: hidden;
    text-overflow: ellipsis;
}

.styled .field-text[b-e96hgxa2oc] {
    padding: 0 1rem;
}
/* _content/FderivsWebsite/Components/UI/Fields/Output/FieldOutputHtml.razor.rz.scp.css */
[b-xtzwb2b2z6] .field-text p{
    margin-bottom: 1rem;

}

[b-xtzwb2b2z6] .field-text .ql-font-monospace{
    font-family: monospace;
}

[b-xtzwb2b2z6] .field-text .ql-font-serif {
    font-family: serif;
}

[b-xtzwb2b2z6] .field-text p:last-child{
    margin-bottom: 0;
}

[b-xtzwb2b2z6] .styled {
    border: none;
}

[b-xtzwb2b2z6] .styled .field-text {
    border: 1px solid var(--secondary) !important;
    padding: 1rem;
    background-color: var(--background-lighter);
}
/* _content/FderivsWebsite/Components/UI/Fields/Output/FieldOutputUserRoles.razor.rz.scp.css */
.title[b-b5a7xooy9k]{
    text-align: center;
    margin-bottom: 2rem;
}

.role-view[b-b5a7xooy9k] {
    width: 100%;
    padding: 0 .5rem 0 0;
    font-size: .75rem;
}

.role-table[b-b5a7xooy9k]{
    width: 100%;
    text-align: left;
    overflow-x: auto;
}

    .role-table tr[b-b5a7xooy9k] {
        height: 2.2rem;
        white-space: nowrap;
    }

@media(min-width: 750px) {
    .role-view[b-b5a7xooy9k] {
        padding: 0rem .25rem .25rem 1rem;
    }
}
/* _content/FderivsWebsite/Components/UI/LoadingDisplay.razor.rz.scp.css */
.loading-display[b-rtfqdgoq30] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .45);
    display: flex;
    justify-content: center;
    align-items: center;
    --dot-size: 1.2em;
    --dot-half: calc(var(--dot-size) / 2 * -1);
}
.loading-display.component[b-rtfqdgoq30] {
    z-index: 1;
}
.loading-display.screen[b-rtfqdgoq30] {
    position: fixed;
    z-index: 2;
}
.spinner[b-rtfqdgoq30]{
    position: relative;
    height: 5.5em;
    width: 5.5em;
    animation: spin-b-rtfqdgoq30 2s ease-in-out infinite;
}
.spinner .line[b-rtfqdgoq30]{
    position: absolute;
    width: 100%;
    top: 50%;
}
.spinner .line:nth-child(1)[b-rtfqdgoq30]{
    transform: rotateZ(60deg);
}
.spinner .line:nth-child(2)[b-rtfqdgoq30] {
    transform: rotateZ(-60deg);
}
.spinner .dot[b-rtfqdgoq30] {
    width: var(--dot-size);
    height: var(--dot-size);
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
}
.spinner .dot:nth-child(1)[b-rtfqdgoq30] {
    left: var(--dot-half);
    top: var(--dot-half);
}
.spinner .dot:nth-child(2)[b-rtfqdgoq30] {
    right: var(--dot-half);
    top: var(--dot-half);
}
@keyframes spin-b-rtfqdgoq30 {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}
/* _content/FderivsWebsite/Components/UI/LoadingDisplayFieldLayout.razor.rz.scp.css */
.loading-display[b-ydocjsvs08] {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.loading-display.component[b-ydocjsvs08] {
    z-index: 1;
}
.loading-display.screen[b-ydocjsvs08] {
    position: fixed;
    z-index: 2;
}
.field-layout[b-ydocjsvs08] {
    position: relative;
    min-height: 25rem;
    width: 100%;
    padding: 1.5rem 3rem;
}
.compact .field-layout[b-ydocjsvs08]{
    min-height: unset;
    padding: 0;
}
.content-area[b-ydocjsvs08] {
    font-size: 0;
}
.section-title[b-ydocjsvs08] {
    display: block;
    width: 24rem;
    font-size: 2.2em;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    height: 25px;
    background: #bbb;
    overflow: hidden;
}
.item[b-ydocjsvs08] {
    position: relative;
    font-size: 1em;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: 40px;
    margin-bottom: 2.8rem;
}
.compact .section-title[b-ydocjsvs08]{
    width: 80%;
}
.compact .item[b-ydocjsvs08]{
    width: 100%;
}
.label[b-ydocjsvs08] {
    position: relative;
    width: 14rem;
    height: 10px;
    background: #ccc;
    margin-bottom: 10px;
    overflow: hidden;
}
.compact .label[b-ydocjsvs08] {
    width: 45%;
}
.field[b-ydocjsvs08] {
    position: relative;
    width: 100%;
    height: 20px;
    background: #ccc;
    overflow: hidden;
}
.item:nth-child(odd)[b-ydocjsvs08] {
    padding-right: 2.5rem !important;
}
.item:nth-child(even)[b-ydocjsvs08] {
    padding-left: 2.5rem !important;
}
.compact .item:nth-child(odd)[b-ydocjsvs08],
.compact .item:nth-child(even)[b-ydocjsvs08]{
    padding: 0 !important;
}
.section-title[b-ydocjsvs08], .label[b-ydocjsvs08],
.field[b-ydocjsvs08], .field[b-ydocjsvs08]::after {
    border-radius: 10px;
}
.section-title[b-ydocjsvs08]::after,.label[b-ydocjsvs08]::after,
.field[b-ydocjsvs08]::after {
    content: "";
    position: absolute;
    width: 4%;
    height: 100%;
    left: -15%;
    background: rgba(240, 240, 240, .35);
    box-shadow: rgba(240, 240, 240, .35) 0px 0px 30px 30px;
    animation-name: animatedLoadingItem-b-ydocjsvs08;
    animation-direction: normal;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
.section-title[b-ydocjsvs08]::after{
    animation-duration: 4s;
}
.label[b-ydocjsvs08]::after{
    animation-duration: 1.5s;
    animation-delay: .5s;
}
.field:nth-child(even)[b-ydocjsvs08]::after {
    animation-duration: 3.5s;
    animation-delay: 1s;
}
.field:nth-child(odd)[b-ydocjsvs08]::after {
    animation-duration: 3.8s;
    animation-delay: 1.5s;
}
@keyframes animatedLoadingItem-b-ydocjsvs08 {
    0%{
        left: -15%;
    }
    100%{
        left: 115%;
    }
}
.cover[b-ydocjsvs08] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(235,236,237,1) 5%, transparent 100%);
}

@media(max-width: 768px){
    .loading-display[b-ydocjsvs08]{
        flex-direction: column;
    }
    .field-layout[b-ydocjsvs08] {
        padding: 1rem 0;
    }
    .compact .field-layout[b-ydocjsvs08]{
        padding: 0;
    }
    .section-title[b-ydocjsvs08] {
        width: 100%;
        font-size: 2.2em;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
        height: 22px;
    }
    .section-title:first-child[b-ydocjsvs08]{
        margin-top: 1rem;
    }
    .items[b-ydocjsvs08]{
        padding: 0 .5rem;
    }
    .item[b-ydocjsvs08] {
        position: relative;
        font-size: 1em;
        display: block;
        width: 100%;
        height: 40px;
        margin-bottom: 2.5rem;
    }
    .item:nth-child(odd)[b-ydocjsvs08],
    .item:nth-child(even)[b-ydocjsvs08] {
        padding: 0 !important;
    }
}
/* _content/FderivsWebsite/Components/UI/MessageController.razor.rz.scp.css */
.notification-area[b-xsqn146lvy] {
    position: fixed;
    top: 56px;
    left: 0;
    width: 100vw;
    height: auto;
    padding: 0;
    margin-top: 1rem;
    min-height: unset;
    z-index: 99;
    overflow: visible;
}
.debug-log[b-xsqn146lvy]{
    color: #fff;
    background: rgba(0,0,0,.65);
    font-size: .7em;
    padding: .7rem;
    position: fixed;
    right: 0;
    top: 0;
    font-family: monospace;
    z-index: 99;
    width: 19rem;
    height: 100vh;
    overflow: auto;
}
.debug-row[b-xsqn146lvy]{
    display: block;
    margin-bottom: .7rem;
}
@media (min-width: 768px) {
    .notification-area[b-xsqn146lvy] {
        left: 15vw;
        width: 70vw;
    }
}
/* _content/FderivsWebsite/Components/UI/Modal.razor.rz.scp.css */
.modal-background[b-66qg4y6uip]{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50 !important;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: start;
    text-align: center;
    animation: fadein-b-66qg4y6uip ease forwards 400ms;
}
.modal-background.medium[b-66qg4y6uip],
.modal-background.small[b-66qg4y6uip],
.modal-background.x-small[b-66qg4y6uip] {
    align-items: center;
}
.modal-window[b-66qg4y6uip]{
    position: relative;
    top: 65px;
    margin: 0 auto;
    width: 95vw;
    height: calc(100vh - 75px);
    background-color: var(--background-default);
    border-radius: 5px;
    display: flex;
    flex-direction: column;
}
.medium .modal-window[b-66qg4y6uip],
.small .modal-window[b-66qg4y6uip],
.x-small .modal-window[b-66qg4y6uip] {
    top: 0;
}
.medium .modal-window[b-66qg4y6uip] {
    height: 70vh;
}
.auto .modal-window[b-66qg4y6uip] {
    height: auto;
    max-height: calc(100vh - 56px - 1rem);
}
.small .modal-window[b-66qg4y6uip] {
    height: 50vh;
}
.x-small .modal-window[b-66qg4y6uip] {
    height: 30vh;
}
.modal-header[b-66qg4y6uip] {
    height: 4rem;
    border-bottom: 1px solid #bbb;
    padding: 1rem;
}
.close-button[b-66qg4y6uip]{
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #999;
    background: transparent;
    color: #999;
    line-height: 2rem;
    font-weight: 100;
    font-size: 1.4rem;
    transition: 100ms;
}
.close-button:hover[b-66qg4y6uip]{
    background: #999;
    color: #fff;
}
.title-area[b-66qg4y6uip] {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.closable .title-area[b-66qg4y6uip] {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.modal-footer[b-66qg4y6uip] {
    min-height: 4rem;
    border-top: 1px solid #bbb;
    padding: .5rem;
    text-align: center;
    justify-content: space-around;
}
.modal-body[b-66qg4y6uip] {
    width: 100%;
    height: 100%;
    padding: .75rem; 
    overflow-y: auto;
    overflow-x: hidden;
}
@media(min-width: 1200px){
    .modal-window[b-66qg4y6uip] {
        width: 1200px;
        height: 85vh;
    }
}
@media(min-width: 1000px) {
    .medium .modal-window[b-66qg4y6uip] {
        width: 1000px;
        height: 70vh;
    }
    .modal-body[b-66qg4y6uip] {
        padding: 2rem;
    }
}
@media(min-width: 800px) {
    .modal-window[b-66qg4y6uip] {
        top: 0;
    }
    .modal-background[b-66qg4y6uip] {
        align-items: center;
    }
    .small .modal-window[b-66qg4y6uip] {
        height: 50vh;
        width: 800px;
    }
}
@media(min-width: 600px) {
    .x-small .modal-window[b-66qg4y6uip] {
        height: 30vh;
        width: 600px;
    }
}
@keyframes fadein-b-66qg4y6uip{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}
/* _content/FderivsWebsite/Components/UI/PriorityCard.razor.rz.scp.css */
.ui-card[b-59znttbzlv] {
    padding: .2rem .75rem;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .7rem;
    display: block;
    border-style: solid;
    border-width: 1px;
}

[b-59znttbzlv].ui-card > * {
    display: inline-block;
    vertical-align: top;
}

.valid[b-59znttbzlv] {
    background-color: #FFEBC0;
    color: #8F6200;
}

.expired[b-59znttbzlv] {
    background-color: #FABBC3;
    color: #A4262C;
}
.expired[b-59znttbzlv] {
    background-color: #FABBC3;
    color: #A4262C;
}
.critical[b-59znttbzlv] {
    background-color: #D13438;
    color: #FFFFFF;
    border-style: none;
    border-width: none;
}


.never-expires[b-59znttbzlv] {
    background-color: #D4E7F6;
    color: #0068B8;
}

.description-icon[b-59znttbzlv] {
    position: relative;
    margin-left: .25rem;
}

.description-icon .description-text[b-59znttbzlv] {
    visibility: hidden;
    min-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: 5px;
}

.description-icon .description-text[b-59znttbzlv]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.description-icon:hover .description-text[b-59znttbzlv] {
    visibility: visible;
}
/* _content/FderivsWebsite/Components/UI/RoleLevelView.razor.rz.scp.css */
.icon[b-4nno3if3q5] {
    margin-right: .5rem;
}
.role-table[b-4nno3if3q5],
.role-table table[b-4nno3if3q5] {
    width: 100%;
    text-align: left;
    overflow-x: auto;
    font-size: 1rem;
}
.role-table tr[b-4nno3if3q5] {
    white-space: nowrap;
}
.changes[b-4nno3if3q5] {
    font-size: .7rem;
    color: var(--secondary-dark-1);
    text-align: center;
}
.changes-container[b-4nno3if3q5] {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-top: -.25rem;
}
.changes-container p[b-4nno3if3q5] {
    line-height: .9rem;
    margin: 0;
}
.added[b-4nno3if3q5] {
    color: var(--success);
}
.removed[b-4nno3if3q5] {
    color: var(--error);
}
.root-row .role-name[b-4nno3if3q5] {
    font-size: 1.4rem;
}
.selector-col[b-4nno3if3q5] {
    width: 2.5rem;
    text-align: center;
}
.caret-col[b-4nno3if3q5] {
    width: 1rem;
}
.caret-col i[b-4nno3if3q5],
.selector-col input[b-4nno3if3q5],
.role-table td[b-4nno3if3q5] {
    vertical-align: top;
}
.child-roles[b-4nno3if3q5] {
    padding-left: 1rem;
    border-left: 1px dashed #555;
    margin-left: 1.25rem;
    padding-top: .5rem;
    margin-bottom: 1rem;
}
.text-col[b-4nno3if3q5] {
    line-height: .8rem;
    margin: 0;
}
.role-name[b-4nno3if3q5] {
    margin: 0;
    font-weight: 600;
    margin-bottom: .65rem;
    font-size: 1.1rem;
}
.role-details[b-4nno3if3q5] {
    font-size: .8rem;
    color: #666;
    line-height: .7rem;
}
.inactive[b-4nno3if3q5] {
    opacity: .5;
    filter: grayscale(100%);
}
.role-action[b-4nno3if3q5] {
    margin-left: 1rem;
    font-size: .95em;
    color: #0060df;
    text-transform: lowercase;
    font-weight: normal;
}
.required-licenses[b-4nno3if3q5]{
    position: relative;
    display: inline-block;
    margin-left: .5rem;
}
.required-licenses i[b-4nno3if3q5]{
    color: var(--alert-dark-1);
    font-size: 1rem;
    cursor: pointer;
}
.required-licenses .description[b-4nno3if3q5] {
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    min-height: 3rem;
    margin-top: .8rem;
    transform: translateX(-50%);
    padding: .5rem;
    background: var(--alert-dark-1);
    border-radius: 8px;
    font-size: .85rem;
    color: #fff;
    z-index: 1;
}
.required-licenses .description[b-4nno3if3q5]::after {
    content: "";
    position: absolute;
    left: 50%;
    top: -.75rem;
    margin-left: -.5rem;
    border-bottom: .75rem solid var(--alert-dark-1);
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
}
tr:last-child .required-licenses .description[b-4nno3if3q5]{
    top: unset;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .8rem;
}
tr:last-child .required-licenses .description[b-4nno3if3q5]::after {
    top: unset;
    bottom: -.75rem;
    border-bottom: none;
    border-top: .75rem solid var(--alert-dark-1);
}
.required-licenses .description p[b-4nno3if3q5] {
    margin-bottom: .75rem;
}
.required-licenses .description p:last-child[b-4nno3if3q5]{
    margin-bottom: 0;
}
.required-licenses:hover .description[b-4nno3if3q5]{
    display: block;
}
/* _content/FderivsWebsite/Components/UI/Slider.razor.rz.scp.css */
.slider[b-csca1yor28], .slide[b-csca1yor28] {
    position: relative;
    width: 100%;
    height: 100%;
}
.slide-content[b-csca1yor28] {
    position: relative;
}
.slider[b-csca1yor28] {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
}
.slide-container[b-csca1yor28] {
    position: relative;
    left: 0;
    height: 100%;
    width: auto;
    white-space: nowrap;
    transition: 1000ms ease;
}
.slide[b-csca1yor28] {
    position: relative;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    font-size: 1rem;
    overflow: hidden;
}
.slider .slide-content[b-csca1yor28] {
    position: absolute;
    bottom: 0;
    padding: 2rem 4rem;
    /*text-shadow: -2px 2px 2px rgba(0, 0, 0, .9);*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
    color: #fff;
    width: 75%;
    text-align: justify;
}
.slide-content a[b-csca1yor28] {
    color: #fff;
    text-decoration: none;
}
.slide-title[b-csca1yor28] {
    font-weight: bold;
    font-size: 1.9rem;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
    padding: 0 1rem;
    width: 100%;
    display: inline-block;
    /*text-shadow: 2px 3px 3px rgba(10, 10, 10, .9);*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
    white-space: break-spaces;
    overflow: hidden;
}
.slider .slide .shadow[b-csca1yor28] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.6) 55%, rgba(0,0,0,0) 100%);
    transition: 300ms;
}
.left-button[b-csca1yor28],
.right-button[b-csca1yor28] {
    opacity: 0;
    position: absolute;
    top: 50%;
    margin-top: -1.5rem;
}
.left-button[b-csca1yor28] {
    left: 1rem;
}
.right-button[b-csca1yor28] {
    right: 1rem;
}
.slider:hover .left-button[b-csca1yor28],
.slider:hover .right-button[b-csca1yor28] {
    opacity: 1;
}
.loading-bar[b-csca1yor28] {
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background-color: rgba(255, 255, 255, .5);
    box-shadow: rgba(0, 0, 0, .6) 0 2px 5px 2px;
    animation: loading-b-csca1yor28 linear infinite 8s;
    animation-play-state: paused;
}
@keyframes loading-b-csca1yor28 {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}
.slide-content .description[b-csca1yor28] {
    transition: 300ms;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-height: 0;
    font-size: 1rem;
    letter-spacing: 1px;
}
.slider:hover .description[b-csca1yor28] {
    max-height: 6.5rem;
    padding: .5rem 6rem .5rem 1rem;
}
.slide .image[b-csca1yor28] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 700ms ease;
}
.slider:hover .shadow[b-csca1yor28],
.slider:focus .shadow[b-csca1yor28] {
    opacity: 1;
}
@media (max-width: 920px) {
    .slider .slide-content[b-csca1yor28] {
        padding: 2rem 1rem;
        width: 100%;
        font-size: 1em;
        text-align: left;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: normal;
    }
    .slide-title[b-csca1yor28] {
        font-size: 1.7rem;
        font-weight: 600;
        letter-spacing: 1px;
        border-bottom: 2px solid #fff;
        padding: 0 1.75rem 1rem 2.5rem;
    }
    .slide-content p[b-csca1yor28] {
        margin: 0;
    }
    .slide-content .description[b-csca1yor28] {
        padding: .25rem;
    }
    .slider .left-button[b-csca1yor28],
    .slider .right-button[b-csca1yor28] {
        opacity: 1;
        height: 2.25rem;
        width: 2.25rem;
    }
    .left-button[b-csca1yor28] {
        left: .5rem;
    }
    .right-button[b-csca1yor28] {
        right: .5rem;
    }
    .slider:hover .description[b-csca1yor28] {
        max-height: 0;
        padding: .25rem;
    }
}

@media (max-height: 780px) {
    .slide-title[b-csca1yor28] {
        font-size: 1.7rem;
    }
}

@media (max-width: 420px) {
    .slider .arrow-button[b-csca1yor28] {
        width: 2.25rem;
        height: 7rem;
        font-size: 1.75rem;
        border-radius: 0;
        border-width: 1px;
        margin-top: -3.5rem;
    }
    .slider .left-button[b-csca1yor28] {
        left: 0;
    }
    .slider .right-button[b-csca1yor28] {
        right: 0;
    }
}
/* _content/FderivsWebsite/Components/UI/StatusLevelCard.razor.rz.scp.css */
.ui-card[b-kxp1aznhef] {
    padding: .2rem .75rem;
    border-radius: 8px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: .7rem;
    display: block;
    border-style: solid;
    border-width: 1px;
}

[b-kxp1aznhef].ui-card > * {
    display: inline-block;
    vertical-align: top;
}

.valid[b-kxp1aznhef] {
    background-color: #FFEBC0;
    color: #8F6200;
}

.expired[b-kxp1aznhef] {
    background-color: #FABBC3;
    color: #A4262C;
}

.never-expires[b-kxp1aznhef] {
    background-color: #CAF0CC;
    color: #437406;
}

.description-icon[b-kxp1aznhef] {
    position: relative;
    margin-left: .25rem;
}

.description-icon .description-text[b-kxp1aznhef] {
    visibility: hidden;
    min-width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    top: 0;
    left: 100%;
    margin-top: -5px;
    margin-left: 5px;
}

.description-icon .description-text[b-kxp1aznhef]::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}

.description-icon:hover .description-text[b-kxp1aznhef] {
    visibility: visible;
}
/* _content/FderivsWebsite/Components/UI/ToastNotification.razor.rz.scp.css */
.toast-notification[b-sod9wp81ey] {
    position: relative;
    display: flex;
    align-items: start;
    justify-content: space-between;
    background-color: var(--secondary-dark-1);
    color: var(--background-lighter);
    min-height: 4rem;
    max-height: 100vh;
    border-radius: 10px;
    padding: .5rem;
    animation: notification-enter-b-sod9wp81ey .5s ease;
    animation-fill-mode: forwards;
    overflow: hidden;
    text-overflow: ellipsis;
}
.toast-notification.hide[b-sod9wp81ey] {
    animation: notification-leave-b-sod9wp81ey .5s ease-out;
    animation-fill-mode: forwards;
}
@keyframes notification-enter-b-sod9wp81ey {
    0% {
        top: 4rem;
        opacity: 0;
    }
    100% {
        top: 0;
        opacity: 1;
    }
}
@keyframes notification-leave-b-sod9wp81ey {
    0% {
        top: 0;
        opacity: 1;
        max-height: 100vh;
        height: auto;
    }
    99% {
        top: -4rem;
        opacity: 0;
        max-height: 4rem;
        margin-bottom: -4rem;
        margin-top: 0;
    }
    100% {
        top: -100vh;
        opacity: 0;
        max-height: 4rem;
        margin-bottom: -4rem;
        margin-top: 0;
    }
}
.toast-notification.success[b-sod9wp81ey] {
    background-color: var(--success);
}
.toast-notification.error[b-sod9wp81ey] {
    background-color: var(--error);
}
.toast-notification.warning[b-sod9wp81ey] {
    background-color: var(--alert);
}
.toast-notification.info[b-sod9wp81ey] {
    background-color: var(--highlight-dark-1);
}
.toast-notification + .toast-notification[b-sod9wp81ey]{
    margin-top: 1.2rem;
}
.icon-area[b-sod9wp81ey],
.button-area[b-sod9wp81ey] {
    width: 3rem;
}
.icon-area[b-sod9wp81ey]{
    text-align: center;
    font-size: 1.5em;
    color: var(--background-lighter);
}
.message-area[b-sod9wp81ey]{
    width: 100%;
    padding-left: .8rem;
    padding-right: 1.8rem;
}
.title[b-sod9wp81ey]{
    margin: 0;
    font-size: 1.5em;
    font-weight: bold;
}
.close-button[b-sod9wp81ey] {
    width: 2rem;
    height: 2rem;
    border-radius: 2px;
    border: 1px solid var(--background-lighter);
    color: var(--background-lighter);
    background: transparent;
    font-weight: 100;
    font-size: 1rem;
    line-height: 1.8rem;
    box-shadow: rgba(255, 255, 255, .3) 0 0 0;
    transition: 250ms;
}
.close-button:hover[b-sod9wp81ey] {
    box-shadow: rgba(255, 255, 255, .3) 0 3px 5px;
    margin-top: -2px;
}
.close-button:active[b-sod9wp81ey] {
    box-shadow: rgba(0, 0, 0, .3) 0 0px 5px inset;
    margin-top: 2px;
}
/* _content/FderivsWebsite/Components/UI/TrailCourse.razor.rz.scp.css */
.course[b-cflxd3g080] {
    position: absolute;
    width: 1em;
    height: 1em;
    background-color: #f9f9f9;
    border: 2px solid #888;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
    display: inline-block;
    transition: .25s ease-in-out;
    animation: selectable-course-b-cflxd3g080 alternate infinite ease-in-out 2s;
    animation-delay: inherit;
}
.course:hover[b-cflxd3g080] {
    filter: grayscale(0);
    transform: scale(1.2);
    border: 2px solid var(--highlight);
    animation: none;
    z-index: 1;
}
.course .circle[b-cflxd3g080] {
    position: absolute;
    border: 1px solid var(--highlight);
    width: 100%;
    height: 100%;
    border-radius: 50%;
    animation: grow-b-cflxd3g080 forwards infinite ease-in-out 2s;
    animation-delay: inherit;
}
.course .image-area[b-cflxd3g080] {
    position: absolute;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    filter: grayscale(0.8);
    transition: inherit;
}
.course .image-area:hover[b-cflxd3g080] {
    filter: grayscale(0);
}
.course .name-area[b-cflxd3g080] {
    position: absolute;
    width: 180%;
    top: 75%;
    left: -40%;
    font-size: .75rem;
    background-color: #888;
    background-color: rgba(0, 0, 0, .45);
    color: #fff;
    padding: 4px;
    border-radius: 10px;
    text-align: center;
    line-height: 1rem;
    font-weight: 600;
    overflow: hidden;
    max-height: 2.5rem;
    user-select: none;
}
.course:hover .name-area[b-cflxd3g080] {
    background-color: rgba(0, 0, 0, .85);
    height: auto;
    max-height: none;
    font-size: .8rem;
    text-decoration: underline;
}
@keyframes selectable-course-b-cflxd3g080 {
    0%, 10% {
        border-color: #888;
    }
    80%, 100% {
        border-color: var(--highlight);
    }
}
@keyframes grow-b-cflxd3g080 {
    0%, 10% {
        transform: scale(1);
        filter: opacity(1);
    }
    80%, 100% {
        transform: scale(1.5);
        filter: opacity(0);
    }
}
@media (max-width: 960px) {
    .course .name-area[b-cflxd3g080] {
        width: 120%;
        left: -10%;
        background-color: rgba(0, 0, 0, .65);
    }
    .course:hover .name-area[b-cflxd3g080] {
        height: auto;
        width: 150%;
        left: -25%;
    }
}
/* _content/FderivsWebsite/Components/UI/TrailLevel.razor.rz.scp.css */
.container[b-8bpoqi22vl] {
    position: relative;
    background-image: url("/img/learning/course-tree-bg.webp");
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: visible;
}
.trail-level[b-8bpoqi22vl] {
    position: relative;
    width: 100%;
    font-size: 5.5rem;
    height: 1.4em;
    height: calc((100vh - 56px - 5rem) / 7);
    min-height: 6.5rem;
    padding: 1rem;
}
.trail-level:nth-child(1)[b-8bpoqi22vl]{
    animation-delay: 0;
}
.trail-level:nth-child(2)[b-8bpoqi22vl] {
    animation-delay: 250ms;
}
.trail-level:nth-child(3)[b-8bpoqi22vl] {
    animation-delay: 500ms;
}
.trail-level:nth-child(4)[b-8bpoqi22vl] {
    animation-delay: 750ms;
}
.trail-level:nth-child(5)[b-8bpoqi22vl] {
    animation-delay: 1000ms;
}
.trail-level:nth-child(6)[b-8bpoqi22vl] {
    animation-delay: 1250ms;
}
.trail-level:nth-child(7)[b-8bpoqi22vl] {
    animation-delay: 1500ms;
}
.trail-level:nth-child(1)[b-8bpoqi22vl]  .course {
    left: 50%;
    margin-left: -.5em;
}
.trail-level:nth-child(2)[b-8bpoqi22vl]  .course:nth-child(1) {
    left: 12.5%;
}
.trail-level:nth-child(2)[b-8bpoqi22vl]  .course:nth-child(2) {
    right: 12.5%;
}
.trail-level:nth-child(3)[b-8bpoqi22vl]  .course:nth-child(1) {
    left: 5%;
}
.trail-level:nth-child(3)[b-8bpoqi22vl]  .course:nth-child(2) {
    right: 27%;
}
.trail-level:nth-child(4)[b-8bpoqi22vl]  .course:nth-child(3) {
    right: 0;
}
.trail-level:nth-child(4)[b-8bpoqi22vl]  .course:nth-child(2) {
    right: 27%;
}
.trail-level:nth-child(4)[b-8bpoqi22vl]  .course:nth-child(1) {
    right: 54%;
}
.trail-level:nth-child(5)[b-8bpoqi22vl]  .course{
    right: 13.5%;
}
.trail-level:nth-child(6)[b-8bpoqi22vl]  .course {
    left: 50%;
    margin-left: -.5em;
}
.trail-level:nth-child(7)[b-8bpoqi22vl]  .course {
    left: 12.5%;
}
.selection-indication[b-8bpoqi22vl] {
    position: absolute;
    height: 4rem;
    width: 9rem;
    left: 50%;
    bottom: 100%;
    background-color: var(--highlight);
    color: #fff;
    font-weight: 600;
    text-align: center;
    padding: .5rem 1.2rem;
    line-height: 1.3rem;
    border-radius: 15px;
    font-size: 1rem;
    margin-left: -4.5rem;
    margin-bottom: .75rem;
    animation: moving-arrow-v-b-8bpoqi22vl alternate infinite ease-in-out 2s;
}
.selection-indication[b-8bpoqi22vl]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: -.25rem;
    margin-left: -.8rem;
    border-left: .8rem solid transparent;
    border-right: .8rem solid transparent;
    border-top: .95rem solid var(--highlight);
}
.image-area[b-8bpoqi22vl]{
    height: 11rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.textual[b-8bpoqi22vl] {
    padding-top: 10rem;
    margin-top: -10rem;
    background: linear-gradient(180deg, transparent 2rem, var(--background-default) 8rem);
    text-align: justify;
}
.textual p[b-8bpoqi22vl]{
    margin-bottom: .5rem;
}
.title[b-8bpoqi22vl]{
    font-size: 1.8rem;
    font-weight: 600;
}
.category[b-8bpoqi22vl] {
    font-size: 1rem;
}
.category span[b-8bpoqi22vl]{
    font-weight: bold;
}
.description[b-8bpoqi22vl] {
    padding: 0 2rem;
}
@keyframes moving-arrow-h-b-8bpoqi22vl {
    0% {
        transform: translateX(0);
    }
    33% {
        transform: translateX(.25rem);
    }
    100% {
        transform: translateX(-.25rem);
    }
}
@keyframes moving-arrow-v-b-8bpoqi22vl {
    0% {
        transform: translateY(0);
    }
    33% {
        transform: translateY(.25rem);
    }
    100% {
        transform: translateY(-.25rem);
    }
}
@media (max-width: 960px) {
    .trail-level[b-8bpoqi22vl] {
        font-size: 5rem;
    }
}
@media (max-width: 830px) {
    .image-area[b-8bpoqi22vl] {
        height: 8rem;
    }
    .textual[b-8bpoqi22vl] {
        padding-top: 6rem;
        margin-top: -6rem;
        background: linear-gradient(180deg, transparent 1rem, var(--background-default) 5rem);
    }
    .title[b-8bpoqi22vl] {
        text-align: center;
    }
    .description[b-8bpoqi22vl]{
        padding: 0 1rem;
        font-size: 1.1rem;
    }
    .container[b-8bpoqi22vl] {
        background-image: url("/img/learning/course-tree-bg-mobile.webp");
    }
    .trail-level[b-8bpoqi22vl] {
        font-size: 4.5rem;
        height: 90vh;
        height: calc((100vh - 56px - 1rem) / 7);
    }
    .selection-indication[b-8bpoqi22vl] {
        height: 3.5rem;
        width: 8.5rem;
        left: unset;
        right: 0;
        bottom: unset;
        top: 1em;
        padding: .4rem 1rem;
        font-size: .95rem;
        margin-right: -1rem;
        animation: moving-arrow-h-b-8bpoqi22vl alternate infinite ease-in-out 2s;
    }
    .selection-indication[b-8bpoqi22vl]::after {
        top: 50%;
        left: unset;
        right: 100%;
        margin-top: -.8rem;
        margin-right: -.25rem;
        border-bottom: .8rem solid transparent;
        border-top: .8rem solid transparent;
        border-right: .95rem solid var(--highlight);
    }
}
/* _content/FderivsWebsite/Components/UserActions.razor.rz.scp.css */
.bc-user-actions[b-9k5biyx7mc]{
    display: flex;
    width: 100%;
    justify-content: space-between;
}
.button[b-9k5biyx7mc]{
    min-width: 95px;
}
.button i[b-9k5biyx7mc]{
    margin-right: 6px;
}
.profile-menu[b-9k5biyx7mc] {
    position: relative;
    color: #fff;
    display: flex;
    justify-content: start;
    align-items: center;
    height: 100%;
    width: 100%;
}
.profile-menu .toggle[b-9k5biyx7mc] {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
    white-space: nowrap;
}
.profile-menu .toggle:hover span[b-9k5biyx7mc]{
    text-decoration: underline;
}
.image[b-9k5biyx7mc] {
    width: 2.5em;
    height: 2.5em;
    background: var(--background-light);
    border-radius: 50%;
    overflow: hidden;
    color: var(--base-dark);
    text-align: center;
}
.image .icon[b-9k5biyx7mc]{
    font-size: 2em;
    line-height: 1.5em;
}
.info[b-9k5biyx7mc]{
    width: calc(100% - 3em);
    padding: 0 .5rem;
}
.info .user-data[b-9k5biyx7mc] {
    position: relative;
    display: block;
    width: 100%;
}
.info .user-data .caret[b-9k5biyx7mc] {
    vertical-align: middle;
    border-top-width: .45rem;
    border-left-width: .4rem;
    border-right-width: .4rem;
    margin-left: 10px;
    margin-top: 5px;
}
.info .user-name[b-9k5biyx7mc] {
    display: inline-block;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    vertical-align: middle;
}
.info .user-data[b-9k5biyx7mc] {
    line-height: 1.3rem;
}
.info .user-role[b-9k5biyx7mc] {
    color: var(--secondary-light-1);
    font-size: .8em;
}
.dropdown-menu[b-9k5biyx7mc] {
    position: absolute;
    top: 50px;
    right: 0;
    z-index: 1000;
    display: none;
    min-width: 160px;
    width: 100%;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    box-shadow: 0 3px 8px rgba(0,0,0,0.25);
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background: #fff;
}
.open.dropdown-menu[b-9k5biyx7mc] {
    display: block;
}
.dropdown-menu .divider[b-9k5biyx7mc] {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}
.dropdown-menu > li.dropdown-header[b-9k5biyx7mc],
.navbar-nav .open .dropdown-menu .dropdown-header[b-9k5biyx7mc] {
    padding: 5px 20px 8px;
    border-bottom: 1px solid #EAEDEF;
    font-weight: bold;
}
.dropdown-menu > li.dropdown-footer[b-9k5biyx7mc],
.navbar-nav .open .dropdown-menu .dropdown-footer[b-9k5biyx7mc] {
    padding: 10px 20px 5px;
    border-top: 1px solid #EAEDEF;
}
.dropdown-menu > li.dropdown-footer > a[b-9k5biyx7mc],
.navbar-nav .open .dropdown-menu .dropdown-footer > a[b-9k5biyx7mc] {
    margin: -10px -20px;
    padding: 10px 20px;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
}
.dropdown-menu > li > a[b-9k5biyx7mc],
.navbar-nav .open .dropdown-menu > li > a[b-9k5biyx7mc] {
    padding: 5px 20px;
}
.dropdown-menu > li.divider[b-9k5biyx7mc] {
    height: 2px;
    margin: 5px 0;
    background: #EAEDEF;
}
.dropdown-menu > .active > a[b-9k5biyx7mc],
.dropdown-menu > .active > a:focus[b-9k5biyx7mc],
.dropdown-menu > .active > a:hover[b-9k5biyx7mc] {
    background: #2eaef0;
    color: #fff;
}
.dropdown-header[b-9k5biyx7mc] {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}
.dropdown-menu > li > a[b-9k5biyx7mc] {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu > li > a:focus[b-9k5biyx7mc],
.dropdown-menu > li > a:hover[b-9k5biyx7mc] {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.button.learn-button[b-9k5biyx7mc]{
    padding: .4rem .85rem;
}
.icon-image[b-9k5biyx7mc] {
    height: 24px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
}
.icon-image img[b-9k5biyx7mc]{
    height: 100%;
}
.button:hover .icon-image img[b-9k5biyx7mc] {
    filter: brightness(20);
}
@media (min-width: 768px) {
    .profile-menu[b-9k5biyx7mc]{
        display: flex;
    }
}

@media (max-width: 768px) {
    .bc-user-actions[b-9k5biyx7mc] {
        display: flex;
        width: 100%;
        justify-content: space-evenly;
    }
    .button[b-9k5biyx7mc] {
        width: 40%;
        min-width: unset;
    }
}
/* _content/FderivsWebsite/Pages/Account/Signup.razor.rz.scp.css */
[b-7hxgabrqk9] .footer{
    text-align: center;
}
.sub-section[b-7hxgabrqk9] {
    position: relative;
    padding: .5rem 1.5rem;
    border: 1px solid #ccc;
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.sub-section[b-7hxgabrqk9]::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 2rem;
    border-left: .75rem solid transparent;
    border-right: .75rem solid transparent;
    border-bottom: .75rem solid #ccc;
}
/* _content/FderivsWebsite/Pages/Account/SignupLearning.razor.rz.scp.css */
[b-0pv0uo7y0e] .footer{
    text-align: center;
}
/* _content/FderivsWebsite/Pages/Group/GroupDetails.razor.rz.scp.css */
.page-article p[b-e4ehabl7va] {
    text-indent: unset;
}
.content[b-e4ehabl7va] {
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: start;
    row-gap: 1rem;
    column-gap: 1rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}
.main[b-e4ehabl7va] {
    margin: 0;
    flex-grow: 1;
    width: auto;
    flex-basis: 70%;
}
.side-bar[b-e4ehabl7va] {
    position: sticky;
    top: 56px;
    padding: 1rem;
    margin: 0;
    flex-grow: 1;
    width: auto;
    min-width: 350px;
}
.footer-content[b-e4ehabl7va]{
    margin-top: 1rem;
}
.filter-box[b-e4ehabl7va] {
    width: 100%;
    height: 40px;
}
.count-view[b-e4ehabl7va] {
    padding: 1rem 0;
    font-size: 1.75rem;
    margin: 0 auto;
}
.count[b-e4ehabl7va] {
    background-color: #429f4c;
    border-radius: 12px;
    color: #fff;
    min-height: 7rem;
    max-width: 350px;
    margin: 0 auto;
    padding: .75rem .8rem;
    text-align: center;
}
.content p[b-e4ehabl7va]{
    margin-bottom: 1rem;
}
.count + .count[b-e4ehabl7va]{
    margin-top: 1rem;
}
.inactive[b-e4ehabl7va] {
    background-color: #9f4242;
}
.count .title[b-e4ehabl7va]{
    font-weight: 700;
    line-height: 1.5rem;
}
.count .value[b-e4ehabl7va]{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
}
.sub-count[b-e4ehabl7va] {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    font-size: 1.2rem;
    border-radius: 12px;
    background-color: #326f39;
    padding: .75rem;
}
.sub-count .value[b-e4ehabl7va]{
    font-size: 2.2rem;
    line-height: 1.5rem;
}
[b-e4ehabl7va] .filter-box .form-floating > select.form-control {
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}
[b-e4ehabl7va] .filter-box .form-floating .label {
    transform: scale(1) translateY(-.7rem) !important;
}
[b-e4ehabl7va] .filter-box .form-floating .icon-area {
    bottom: .4rem;
}
[b-e4ehabl7va] .inner-toggle-container .field-input {
    width: auto !important;
    margin-top: 2px;
    margin-right: .5rem;
    padding: 0;
}
@media(min-width: 1000px) {
    .content[b-e4ehabl7va] {
        width: 80vw;
    }
    .side-bar[b-e4ehabl7va] {
        padding: 1rem 1.5rem;
    }
    .filter-box[b-e4ehabl7va] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }
    [b-e4ehabl7va] .filter-box .form-floating > select.form-control {
        height: 45px;
    }
    [b-e4ehabl7va] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }
    [b-e4ehabl7va] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Group/GroupEdit.razor.rz.scp.css */
.button[b-9kjoq6dkt5] {
    min-width: 8.5rem;
    height: 40px;
}
.toggle-container[b-9kjoq6dkt5] {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
[b-9kjoq6dkt5] .inner-toggle-container .field-input{
    width: auto !important;
    margin-top: 2px;
    margin-right: .5rem;
    padding: 0;
}
@media(max-width: 920px){
    [b-9kjoq6dkt5] .inner-toggle-container .field-input {
        width: 100% !important;
    }
}
/* _content/FderivsWebsite/Pages/Integrate/IntegrateConnetionsList.razor.rz.scp.css */
.filter-box[b-m5vwvs2djo] {
    width: 100%;
    height: 40px;
}

[b-m5vwvs2djo] .filter-box .form-floating > select.form-control{
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}

[b-m5vwvs2djo] .filter-box .form-floating .label{
    transform: scale(1) translateY(-.7rem) !important;
}

[b-m5vwvs2djo] .filter-box .form-floating .icon-area{
    bottom: .4rem;
}

@media(min-width: 768px) {
    .filter-box[b-m5vwvs2djo] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }

    [b-m5vwvs2djo] .filter-box .form-floating > select.form-control {
        height: 45px;
    }

    [b-m5vwvs2djo] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }

    [b-m5vwvs2djo] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Settings/SettingsActions.razor.rz.scp.css */
.UserRecordActions[b-aocq73mird]{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.button[b-aocq73mird]{
    margin: 0;
}
.restrict-action[b-aocq73mird] {
    color: var(--error);
    border-color: var(--error);
}
.restrict-action:hover[b-aocq73mird] {
    color: #fff;
    border-color: var(--error);
    background-color: var(--error);
}
.allow-action[b-aocq73mird] {
    color: var(--success);
    border-color: var(--success);
}
.allow-action:hover[b-aocq73mird] {
    color: #fff;
    border-color: var(--success);
    background-color: var(--success);
}
@media (max-width: 960px){
    .button[b-aocq73mird] {
        flex-basis: 45%;
        flex-basis: calc(50% - .5rem);
        flex-shrink: 1;
    }
}
/* _content/FderivsWebsite/Pages/Tickets/TicketDetails.razor.rz.scp.css */
.page-article p[b-22qk0y8ncr] {
    text-indent: unset;
}
.content[b-22qk0y8ncr] {
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: start;
    row-gap: 1rem;
    column-gap: 1rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}
.main[b-22qk0y8ncr] {
    margin: 0;
    flex-grow: 1;
    width: auto;
    flex-basis: 70%;
}
.side-bar[b-22qk0y8ncr] {
    position: sticky;
    top: 56px;
    padding: 1rem;
    margin: 0;
    flex-grow: 1;
    width: auto;
    min-width: 350px;
}
.footer-content[b-22qk0y8ncr]{
    margin-top: 1rem;
}
.filter-box[b-22qk0y8ncr] {
    width: 100%;
    height: 40px;
}
.count-view[b-22qk0y8ncr] {
    padding: 1rem 0;
    font-size: 1.75rem;
    margin: 0 auto;
}
.count[b-22qk0y8ncr] {
    background-color: #429f4c;
    border-radius: 12px;
    color: #fff;
    min-height: 7rem;
    max-width: 350px;
    margin: 0 auto;
    padding: .75rem .8rem;
    text-align: center;
}
.content p[b-22qk0y8ncr]{
    margin-bottom: 1rem;
}
.count + .count[b-22qk0y8ncr]{
    margin-top: 1rem;
}
.inactive[b-22qk0y8ncr] {
    background-color: #9f4242;
}
.count .title[b-22qk0y8ncr]{
    font-weight: 700;
    line-height: 1.5rem;
}
.count .value[b-22qk0y8ncr]{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
}
.sub-count[b-22qk0y8ncr] {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    font-size: 1.2rem;
    border-radius: 12px;
    background-color: #326f39;
    padding: .75rem;
}
.sub-count .value[b-22qk0y8ncr]{
    font-size: 2.2rem;
    line-height: 1.5rem;
}
[b-22qk0y8ncr] .filter-box .form-floating > select.form-control {
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}
[b-22qk0y8ncr] .filter-box .form-floating .label {
    transform: scale(1) translateY(-.7rem) !important;
}
[b-22qk0y8ncr] .filter-box .form-floating .icon-area {
    bottom: .4rem;
}
@media(min-width: 1000px) {
    .content[b-22qk0y8ncr] {
        width: 80vw;
    }
    .side-bar[b-22qk0y8ncr] {
        padding: 1rem 1.5rem;
    }
    .filter-box[b-22qk0y8ncr] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }
    [b-22qk0y8ncr] .filter-box .form-floating > select.form-control {
        height: 45px;
    }
    [b-22qk0y8ncr] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }
    [b-22qk0y8ncr] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Tickets/TicketEdit.razor.rz.scp.css */
.page-article p[b-enyv6lgbdp] {
    text-indent: unset;
}
.content[b-enyv6lgbdp] {
    position: relative;
    flex-direction: row;
    display: flex;
    justify-content: space-between;
    align-items: start;
    row-gap: 1rem;
    column-gap: 1rem;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
}
.main[b-enyv6lgbdp] {
    margin: 0;
    flex-grow: 1;
    width: auto;
    flex-basis: 70%;
}
.side-bar[b-enyv6lgbdp] {
    position: sticky;
    top: 56px;
    padding: 1rem;
    margin: 0;
    flex-grow: 1;
    width: auto;
    min-width: 350px;
}
.footer-content[b-enyv6lgbdp]{
    margin-top: 1rem;
}
.filter-box[b-enyv6lgbdp] {
    width: 100%;
    height: 40px;
}
.count-view[b-enyv6lgbdp] {
    padding: 1rem 0;
    font-size: 1.75rem;
    margin: 0 auto;
}
.count[b-enyv6lgbdp] {
    background-color: #429f4c;
    border-radius: 12px;
    color: #fff;
    min-height: 7rem;
    max-width: 350px;
    margin: 0 auto;
    padding: .75rem .8rem;
    text-align: center;
}
.content p[b-enyv6lgbdp]{
    margin-bottom: 1rem;
}
.count + .count[b-enyv6lgbdp]{
    margin-top: 1rem;
}
.inactive[b-enyv6lgbdp] {
    background-color: #9f4242;
}
.count .title[b-enyv6lgbdp]{
    font-weight: 700;
    line-height: 1.5rem;
}
.count .value[b-enyv6lgbdp]{
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
}
.sub-count[b-enyv6lgbdp] {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    font-size: 1.2rem;
    border-radius: 12px;
    background-color: #326f39;
    padding: .75rem;
}
.sub-count .value[b-enyv6lgbdp]{
    font-size: 2.2rem;
    line-height: 1.5rem;
}
[b-enyv6lgbdp] .filter-box .form-floating > select.form-control {
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}
[b-enyv6lgbdp] .filter-box .form-floating .label {
    transform: scale(1) translateY(-.7rem) !important;
}
[b-enyv6lgbdp] .filter-box .form-floating .icon-area {
    bottom: .4rem;
}
@media(min-width: 1000px) {
    .content[b-enyv6lgbdp] {
        width: 80vw;
    }
    .side-bar[b-enyv6lgbdp] {
        padding: 1rem 1.5rem;
    }
    .filter-box[b-enyv6lgbdp] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }
    [b-enyv6lgbdp] .filter-box .form-floating > select.form-control {
        height: 45px;
    }
    [b-enyv6lgbdp] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }
    [b-enyv6lgbdp] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Tickets/TicketRecordActions.razor.rz.scp.css */
.UserRecordActions[b-4aqenf6qmp]{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.button[b-4aqenf6qmp]{
    margin: 0;
}
.restrict-action[b-4aqenf6qmp] {
    color: var(--error);
    border-color: var(--error);
}
.restrict-action:hover[b-4aqenf6qmp] {
    color: #fff;
    border-color: var(--error);
    background-color: var(--error);
}
.allow-action[b-4aqenf6qmp] {
    color: var(--success);
    border-color: var(--success);
}
.allow-action:hover[b-4aqenf6qmp] {
    color: #fff;
    border-color: var(--success);
    background-color: var(--success);
}
@media (max-width: 960px){
    .button[b-4aqenf6qmp] {
        flex-basis: 45%;
        flex-basis: calc(50% - .5rem);
        flex-shrink: 1;
    }
}
/* _content/FderivsWebsite/Pages/Tickets/TicketsList.razor.rz.scp.css */
.filter-box[b-9ywcuanmfm] {
    width: 100%;
    height: 40px;
}

[b-9ywcuanmfm] .filter-box .form-floating > select.form-control{
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}

[b-9ywcuanmfm] .filter-box .form-floating .label{
    transform: scale(1) translateY(-.7rem) !important;
}

[b-9ywcuanmfm] .filter-box .form-floating .icon-area{
    bottom: .4rem;
}

@media(min-width: 768px) {
    .filter-box[b-9ywcuanmfm] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }

    [b-9ywcuanmfm] .filter-box .form-floating > select.form-control {
        height: 45px;
    }

    [b-9ywcuanmfm] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }

    [b-9ywcuanmfm] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Users/SelfUserRecordActions.razor.rz.scp.css */
.restrict-action[b-d2qvsiswzg] {
    color: var(--error);
    border-color: var(--error);
}

.restrict-action:hover[b-d2qvsiswzg] {
    color: #fff;
    border-color: var(--error);
    background-color: var(--error);
}

.allow-action[b-d2qvsiswzg] {
    color: var(--success);
    border-color: var(--success);
}

.allow-action:hover[b-d2qvsiswzg] {
    color: #fff;
    border-color: var(--success);
    background-color: var(--success);
}
/* _content/FderivsWebsite/Pages/Users/UserDetails.razor.rz.scp.css */
[b-00r2l3lxvn] .password-block .field-layout{
    min-height: unset;
}

[b-00r2l3lxvn] .field-input {
    text-align: left;
}

.section-title:first-child[b-00r2l3lxvn]{
    margin-top: 1.5rem;
}
/* _content/FderivsWebsite/Pages/Users/UserEdit.razor.rz.scp.css */
.button[b-mebitm0rsx] {
    min-width: 8.5rem;
    height: 40px;
}

.toggle-container[b-mebitm0rsx] {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
/* _content/FderivsWebsite/Pages/Users/UserList.razor.rz.scp.css */
.filter-box[b-ojw0onwgdr] {
    width: 100%;
    height: 40px;
}

[b-ojw0onwgdr] .filter-box .form-floating > select.form-control{
    height: 100%;
    padding: .5rem;
    padding-left: 3.85rem;
}

[b-ojw0onwgdr] .filter-box .form-floating .label{
    transform: scale(1) translateY(-.7rem) !important;
}

[b-ojw0onwgdr] .filter-box .form-floating .icon-area{
    bottom: .4rem;
}

@media(min-width: 768px) {
    .filter-box[b-ojw0onwgdr] {
        width: 100%;
        max-width: 330px;
        height: 45px;
    }

    [b-ojw0onwgdr] .filter-box .form-floating > select.form-control {
        height: 45px;
    }

    [b-ojw0onwgdr] .filter-box .form-floating .label {
        transform: scale(1) translateY(-.5rem) !important;
    }

    [b-ojw0onwgdr] .filter-box .form-floating .icon-area {
        bottom: .6rem;
    }
}
/* _content/FderivsWebsite/Pages/Users/UserRecordActions.razor.rz.scp.css */
.UserRecordActions[b-si7brrai0r]{
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}
.button[b-si7brrai0r]{
    margin: 0;
}
.restrict-action[b-si7brrai0r] {
    color: var(--error);
    border-color: var(--error);
}
.restrict-action:hover[b-si7brrai0r] {
    color: #fff;
    border-color: var(--error);
    background-color: var(--error);
}
.allow-action[b-si7brrai0r] {
    color: var(--success);
    border-color: var(--success);
}
.allow-action:hover[b-si7brrai0r] {
    color: #fff;
    border-color: var(--success);
    background-color: var(--success);
}
@media (max-width: 960px){
    .button[b-si7brrai0r] {
        flex-basis: 45%;
        flex-basis: calc(50% - .5rem);
        flex-shrink: 1;
    }
}
/* _content/FderivsWebsite/Pages/Users/UserTableRecordActions.razor.rz.scp.css */
.fa-lock[b-ierdmmxx9l],
.fa-trash-alt[b-ierdmmxx9l],
.fa-ban[b-ierdmmxx9l] {
    color: var(--error);
}
.fa-lock-open[b-ierdmmxx9l],
.fa-check[b-ierdmmxx9l],
.fa-trash-restore[b-ierdmmxx9l]
{
    color: var(--success);
}
/* _content/FderivsWebsite/Pages/Website/Book.razor.rz.scp.css */
header[b-9ustc0iop4]{
    position: relative;
    height: 20rem;
    background-size: cover;
    background-position: center;
}

.page-header[b-9ustc0iop4] {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-shadow: -2px 3px 4px rgba(0, 0, 0, .9);
    margin: 0;
    border: none;
    padding: 0 2rem 1rem 3rem;
    letter-spacing: 1px;
    font-size: 2.8rem;
    font-weight: 600;
    height: 9rem;
}

.shadow[b-9ustc0iop4] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 65%, transparent 100%);
    transition: 300ms;
}

.breadcrumb[b-9ustc0iop4]{
    padding: 1rem;
    padding-right: 4rem;
}

.page main > article[b-9ustc0iop4] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 80vw;
    max-width: 1200px;
    padding: 3rem 5rem;
}

.title[b-9ustc0iop4] {
    font-weight: 700;
    font-size: 2.7rem;
    letter-spacing: 1px;
}

.title-2[b-9ustc0iop4] {
    font-size: 1.75rem;
    text-transform: uppercase;
}

.article-image[b-9ustc0iop4]{
    text-align: center;
    padding: 2rem 0;
}

.article-image img[b-9ustc0iop4] {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}

.slider-container[b-9ustc0iop4]{
    height: 28rem;
    margin-bottom: 1rem;
}

.centralized[b-9ustc0iop4]{
    text-align: center;
    font-size: 1.3rem;
}

@media (max-width: 768px) {
    header[b-9ustc0iop4]{
        height: 10rem;
    }

    .page-header[b-9ustc0iop4]{
        height: auto;
        width: 100%;
        padding: .5rem 1.5rem;
    }

    .title[b-9ustc0iop4]{
        text-align: left;
    }

    .page main > article[b-9ustc0iop4] {
        width: auto;
        margin: 0 auto;
        padding: 2rem 1.5rem!important;
    }
}
/* _content/FderivsWebsite/Pages/Website/Consulting.razor.rz.scp.css */
header[b-62zcxq53ft]{
    position: relative;
    height: 20rem;
    background-size: cover;
    background-position: center;
}

.page-header[b-62zcxq53ft] {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-shadow: -2px 3px 4px rgba(0, 0, 0, .9);
    margin: 0;
    border: none;
    padding: 0 2rem 1rem 3rem;
    letter-spacing: 1px;
    font-size: 2.8rem;
    font-weight: 600;
    height: 9rem;
}

.shadow[b-62zcxq53ft] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 65%, transparent 100%);
    transition: 300ms;
}

.breadcrumb[b-62zcxq53ft]{
    padding: 1rem;
    padding-right: 4rem;
}

.page main > article[b-62zcxq53ft] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 80vw;
    max-width: 1200px;
    padding: 3rem 5rem;
}

.title[b-62zcxq53ft] {
    font-weight: 700;
    font-size: 2.7rem;
    letter-spacing: 1px;
}

.title-2[b-62zcxq53ft] {
    font-size: 1.75rem;
    text-transform: uppercase;
}

.article-image[b-62zcxq53ft]{
    text-align: center;
    padding: 2rem 0;
}

.article-image img[b-62zcxq53ft] {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

.centralized[b-62zcxq53ft]{
    text-align: center;
    font-size: 1.3rem;
}

.block[b-62zcxq53ft] {
    position: relative;
    width: 100%;
    height: calc(100vh - 56px);
    min-height: 5rem;
    overflow: hidden;
}

.arrow-button[b-62zcxq53ft] {
    display: block;
    color: #fff;
    position: absolute;
    line-height: 2.5rem;
    bottom: 1.2rem;
}

.block.contact[b-62zcxq53ft] {
    background: var(--base-dark);
    height: calc(100vh - 56px - 56px);
}

.single-button[b-62zcxq53ft] {
    left: 50%;
    margin-left: -1.5rem;
}

.arrow-button:hover[b-62zcxq53ft],
[b-62zcxq53ft] .arrow-button:hover {
    transform: translateY(-0.7rem) !important;
    text-shadow: 2px 10px 5px rgba(20, 20, 20, .7);
    box-shadow: 2px 10px 5px rgba(20, 20, 20, .7);
}

@media (max-width: 768px) {
    header[b-62zcxq53ft]{
        height: 10rem;
    }

    .page-header[b-62zcxq53ft]{
        height: auto;
        width: 100%;
        padding: .5rem 1.5rem;
    }

    .title[b-62zcxq53ft]{
        text-align: left;
    }

    .page main > article[b-62zcxq53ft] {
        width: auto;
        margin: 0 auto;
        padding: 2rem 1.5rem !important;
    }
}
/* _content/FderivsWebsite/Pages/Website/Downloads.razor.rz.scp.css */
p[b-kyep9p7m0l]{
    margin: 0;
}

.page main article[b-kyep9p7m0l]{
    background: transparent;
}

.card-header[b-kyep9p7m0l] {
    position: relative;
    background-color: var(--base-dark);
    border-bottom: none;
    padding: .5rem 1rem;
    color: var(--background-lighter);
}

.card-header > div[b-kyep9p7m0l] {
    display: block;
    vertical-align: top;
}

.card-header .logo-area[b-kyep9p7m0l],
.card-header .header[b-kyep9p7m0l]{
    display: inline-block;
}

.heading[b-kyep9p7m0l]{
    font-size: 2.2rem;
    font-weight: 600;
    height: 35px;
}

.heading .icon[b-kyep9p7m0l] {
    border-left: 1px solid var(--text-default);
    border-left: 1px solid var(--background-light);
    padding-left: .5em;
    margin-left: .5em;
    font-weight: normal;
    font-size: 1.5rem;
    vertical-align: top;
}

.subtitle[b-kyep9p7m0l]{
    font-size: 1rem;
    color: var(--secondary-light-1);
}

.card-body[b-kyep9p7m0l] {
    background-color: var(--background-lighter);
    color: var(--text-default);
    font-size: 1.1rem;
    padding: 1.5rem 3.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.section:first-child[b-kyep9p7m0l]{
    position: relative;
    top: 1rem;
}

.spaced[b-kyep9p7m0l]{
    padding: 1rem 1rem;
}

.title[b-kyep9p7m0l] {
    font-size: 1.7rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.heading .title[b-kyep9p7m0l] {
    vertical-align: top;
    margin-bottom: .5rem;
}

.note[b-kyep9p7m0l]{
    font-size: .8em;
}

.section-title[b-kyep9p7m0l] {
    display: block;
    font-size: 2.2rem;
    font-weight: 500;
    padding-bottom: 1.5rem;
}

ul ul[b-kyep9p7m0l]{
    padding-left: .5rem;
    word-break: break-word;
}

ul ul span[b-kyep9p7m0l]{
    word-break: keep-all;
}

.article .text[b-kyep9p7m0l] {
    text-align: left;
}

.button[b-kyep9p7m0l] {
    width: 9rem;
}

.logo-area img[b-kyep9p7m0l] {
    height: 55px;
}

.heading[b-kyep9p7m0l]{
    text-align: right;
}

.download-card ul a[b-kyep9p7m0l]{
    color: var(--text-default);
}

.linked[b-kyep9p7m0l] {
    color: var(--highlight);
    font-weight: bold;
}

.footer[b-kyep9p7m0l] {
    background-color: var(--base-dark);
    color: var(--background-lighter);
    padding: 1rem 3rem;
}

.foot-notes[b-kyep9p7m0l]{
    list-style: none;
    padding: 0;
}

.foot-notes li + li[b-kyep9p7m0l]{
    margin-top: 1.5rem;
}

.highlighted[b-kyep9p7m0l]{
    animation: highlight-b-kyep9p7m0l 1s ease-in-out;
}

.card-header .title[b-kyep9p7m0l] {
    font-size: 1.5rem;
}

.card-header .logo-area[b-kyep9p7m0l],
.card-header .header[b-kyep9p7m0l] {
    vertical-align: top;
}

.card-header > div + div[b-kyep9p7m0l]{
    margin-top: 1.5rem;
}

.card-header .button-area[b-kyep9p7m0l]{
    text-align: center;
    display: flex;
    justify-content: space-around;
}

.video-area[b-kyep9p7m0l]{
    margin-bottom: 1rem;
}

.video-area iframe[b-kyep9p7m0l]{
    width: 100%;
    min-height: 55vh;
}

@keyframes highlight-b-kyep9p7m0l {
    0% {
        color: var(--background-light);
    }

    30% {
        color: var(--highlight);
    }

    50% {
        color: var(--background-light);
    }

    70% {
        color: var(--highlight);
    }

    100% {
        color: var(--background-light);
    }
}

@media (min-width: 950px) {
    .card-body[b-kyep9p7m0l]{
        display: block;
    }

    .card-header[b-kyep9p7m0l] {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .card-header > div + div[b-kyep9p7m0l] {
        margin-top: 0;
    }

    .logo-area img[b-kyep9p7m0l] {
        height: 80px;
    }

    .card-header[b-kyep9p7m0l] {
        padding: .5rem 3rem;
    }

    .spaced[b-kyep9p7m0l] {
        padding: 1rem 3.5rem;
    }

    .title[b-kyep9p7m0l] {
        font-size: 1.8rem;
        letter-spacing: 1px;
        text-align: left;
    }

    .section-title[b-kyep9p7m0l] {
        font-size: 2.5rem;
        font-weight: 500;
        letter-spacing: 2px;
        text-align: left;
        width: 100%;
    }

    .button[b-kyep9p7m0l] {
        width: 12rem;
    }

    .heading[b-kyep9p7m0l] {
        font-size: 2.2rem;
    }

    .section[b-kyep9p7m0l] {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        align-items: unset;
    }
}

@media (max-width: 1615px) {
    .sidebar-layout .card-header[b-kyep9p7m0l]{
        display: block;
    }

    .sidebar-layout .card-header > div[b-kyep9p7m0l] {
        display: block;
        vertical-align: top;
    }

    .sidebar-layout .card-body[b-kyep9p7m0l] {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sidebar-layout .section[b-kyep9p7m0l] {
        display: block;
    }
}
/* _content/FderivsWebsite/Pages/Website/Index.razor.rz.scp.css */
*[b-4j8ejp8g4t]{
    box-sizing: border-box;
}

.block[b-4j8ejp8g4t] {
    position: relative;
    width: 100%;
    height: calc(100vh - 56px);
    min-height: 5rem;
    overflow: hidden;
}

.arrow-button[b-4j8ejp8g4t],
[b-4j8ejp8g4t] .arrow-button {
    position: absolute;
    bottom: 1.2rem;
}

.next-button[b-4j8ejp8g4t], .next-button i[b-4j8ejp8g4t],
.previous-button[b-4j8ejp8g4t], .previous-button i[b-4j8ejp8g4t] {
    animation: infinite 1100ms ease-in-out;
    animation-delay: 800ms;
}

.no-animation i[b-4j8ejp8g4t]{
    animation: none;
}

.next-button[b-4j8ejp8g4t] {
    left: 2rem;
}

.previous-button[b-4j8ejp8g4t] {
    right: 2rem;
}

.next-button i[b-4j8ejp8g4t]{
    animation-name: next-button-b-4j8ejp8g4t;
}

.previous-button i[b-4j8ejp8g4t] {
    animation-name: previous-button-b-4j8ejp8g4t;
}

.single-button[b-4j8ejp8g4t] {
    left: 50%;
    margin-left: -1.5rem;
}

.arrow-button:hover[b-4j8ejp8g4t],
[b-4j8ejp8g4t] .arrow-button:hover {
    transform: translateY(-0.7rem) !important;
    text-shadow: 2px 10px 5px rgba(20, 20, 20, .7);
    box-shadow: 2px 10px 5px rgba(20, 20, 20, .7);
}

[b-4j8ejp8g4t] .wrapper{
    position: relative;
    margin: 0 auto;
    height: 100%;
    width: 100%;
}

.news[b-4j8ejp8g4t] {
    background: linear-gradient(90deg, rgba(190,190,190,1) 0%, rgba(170,170,170,1) 100%);
}

.block.main[b-4j8ejp8g4t] {
    padding: 0;
}

.block.platform[b-4j8ejp8g4t] {
    background: linear-gradient(90deg, rgba(20,20,20,1) 0%, rgba(50,50,50,1) 100%);
}

.block.services[b-4j8ejp8g4t] {
    background: linear-gradient(0deg, rgba(78,35,30,1) 0%, rgba(95,55,60,1) 100%);
}

.block.contact[b-4j8ejp8g4t]{
    background: var(--base-dark);
    height: calc(100vh - 56px - 56px);
}

.contact .sub-section[b-4j8ejp8g4t] {
    background: var(--base-darker);
}

@media (max-width: 920px) {
    .styled-button[b-4j8ejp8g4t]{
        bottom: .75rem;
    }

    .banner[b-4j8ejp8g4t] {
        height: calc(95vh - 56px);
    }

    .news[b-4j8ejp8g4t], .block.contact[b-4j8ejp8g4t] {
        height: auto;
    }

    .block.contact[b-4j8ejp8g4t]{
        padding-bottom: 4rem;
    }
}

@keyframes next-button-b-4j8ejp8g4t {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(.2rem);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes previous-button-b-4j8ejp8g4t {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(-.2rem);
    }

    75% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(0);
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/BookSection.razor.rz.scp.css */
.wrapper[b-rsui21t94w], .background[b-rsui21t94w],
.image[b-rsui21t94w], .gradient[b-rsui21t94w]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image[b-rsui21t94w] {
    background-image: url("./img/book/book-front.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    filter: blur(5px) grayscale(10%) brightness(90%);
}

.gradient[b-rsui21t94w] {
    background: linear-gradient(90deg, rgba(35, 43, 76, 0.95) 18%, rgba(130,140,170,0.3) 100%);
}

.content[b-rsui21t94w]{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3% 7%;
    color: #fff;
}

.title-area[b-rsui21t94w] {
    height: 20%;
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
}

.main-area[b-rsui21t94w]{
    display: flex;
    height: 80%;
    align-items: center;
}

.textual[b-rsui21t94w]{
    width: 55%;
}

.title[b-rsui21t94w]{
    font-weight: 700;
    font-size: 3.2rem;
    letter-spacing: 1px;
    margin-bottom: 0;
}

.title-2[b-rsui21t94w] {
    font-size: 2rem;
    text-transform: uppercase;
    margin: 0;
}

.description[b-rsui21t94w] {
    font-size: 1.6rem;
    text-align: justify;
    padding: 1.5rem 1.25rem 1rem 1.25rem;
    text-indent: 1rem;
    line-height: 2.75rem;
    /*text-shadow: 2px 2px 1px #000;*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
}

.action-area[b-rsui21t94w]{
    width: 45%;
    text-align: center;
}

.action-area .button[b-rsui21t94w]{
    font-size: 2rem;
    padding: .5rem 1.75rem;
    background: var(--highlight);
    color: #fff;
}

.action-area .button:hover[b-rsui21t94w] {
    background: var(--highlight-light-1);
    border-color: var(--highlight-light-1);
}

.book-image[b-rsui21t94w]{
    width: 25rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 2.5rem;
}

@media (max-width: 1366px) or (max-height: 720px){
    .title[b-rsui21t94w] {
        font-size: 2.7rem;
    }

    .title-2[b-rsui21t94w] {
        font-size: 1.75rem;
    }

    .description[b-rsui21t94w] {
        font-size: 1.45rem;
        text-indent: 1rem;
        line-height: 2.5rem;
    }

    .book-image[b-rsui21t94w] {
        width: 20rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 920px) or (max-height: 610px){
    .content[b-rsui21t94w] {
        text-align: center;
        padding: 2rem;
    }

    .title-area[b-rsui21t94w]{
        height: 18%;
    }

    .main-area[b-rsui21t94w] {
        height: 75%;
        padding-top: 2%;
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }

    .textual[b-rsui21t94w] {
        width: 100%;
    }

    .title[b-rsui21t94w] {
        font-weight: 600;
        font-size: 2rem;
    }

    .title-2[b-rsui21t94w] {
        font-size: 1.3rem;
    }

    .book-image[b-rsui21t94w] {
        width: auto;
        height: 11rem;
        margin-bottom: .5rem;
    }

    .description[b-rsui21t94w] {
        line-height: 2rem;
        text-align: justify;
        padding: .5rem;
        text-indent: 1rem;
        font-size: 1.3rem;
    }

    .action-area[b-rsui21t94w] {
        width: 100%;
        text-align: center;
    }

    .action-area .button[b-rsui21t94w] {
        font-size: 1.3rem;
        padding: .7rem 1.4rem;
        position: absolute;
        bottom: 1rem;
        left: 50%;
        transform: translateX(-50%);
    }
}

@media (max-height: 490px) or (max-width: 410px){
    .content[b-rsui21t94w] {
        text-align: center;
        padding: 1rem;
    }

    .title-area[b-rsui21t94w] {
        height: 15%;
    }

    .main-area[b-rsui21t94w] {
        height: 70%;
        padding-top: 1rem;
    }

    .textual[b-rsui21t94w] {
        width: 100%;
    }

    .title[b-rsui21t94w] {
        padding-top: 1.5rem;
        font-size: 1.8rem;
    }

    .title-2[b-rsui21t94w] {
        font-size: 1.2rem;
    }

    .book-image[b-rsui21t94w] {
        height: 12rem;
    }

    .description[b-rsui21t94w] {
        line-height: 1.8rem;
        padding: .5rem;
        font-size: 1.2rem;
    }

    .action-area[b-rsui21t94w] {
        width: 100%;
        text-align: center;
    }

    .action-area .button[b-rsui21t94w] {
        font-size: 1.2rem;
        padding: .7rem 1.4rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/ConsultingSection.razor.rz.scp.css */
.wrapper[b-7n4u64lmve], .background[b-7n4u64lmve],
.image[b-7n4u64lmve], .gradient[b-7n4u64lmve]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image[b-7n4u64lmve] {
    background-image: url("./img/consulting/consulting-4.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.gradient[b-7n4u64lmve] {
    background: linear-gradient(270deg, rgba(30, 35, 50, 0.7) 50%, rgba(100,150,200,0.25) 100%);
}

.content[b-7n4u64lmve]{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3% 7%;
    color: #fff;
}

.title-area[b-7n4u64lmve]{
    height: 20%;
}

.main-area[b-7n4u64lmve]{
    display: flex;
    height: 80%;
    align-items: center;
}

.textual[b-7n4u64lmve]{
    width: 55%;
}

.title[b-7n4u64lmve] {
    font-weight: 700;
    font-size: 3.2rem;
    letter-spacing: 1px;
    margin-bottom: 0;
    /*text-shadow: 2px 3px 2px rgba(0, 0, 0, .8);*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
}

.title-2[b-7n4u64lmve] {
    font-size: 2rem;
    text-transform: uppercase;
    margin: 0;
}

.description[b-7n4u64lmve] {
    font-size: 1.6rem;
    text-align: justify;
    padding: 1.5rem 1.25rem 1rem 1.25rem;
    text-indent: 1rem;
    line-height: 2.8rem;
    /*text-shadow: 1px 2px 1px #000;*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
}

.action-area[b-7n4u64lmve]{
    width: 45%;
    text-align: center;
}

.action-area .button[b-7n4u64lmve]{
    font-size: 2rem;
    padding: .5rem 1.75rem;
    background: var(--highlight);
    color: #fff;
}

.action-area .button:hover[b-7n4u64lmve] {
    background: var(--highlight-light-1);
    border-color: var(--highlight-light-1);
}

.book-image[b-7n4u64lmve]{
    width: 25rem;
    margin: 0 auto;
    display: block;
    margin-bottom: 2.5rem;
}

@media (max-width: 1366px) or (max-height: 720px){
    .title[b-7n4u64lmve] {
        font-size: 2.7rem;
    }

    .title-2[b-7n4u64lmve] {
        font-size: 1.75rem;
    }

    .description[b-7n4u64lmve] {
        font-size: 1.45rem;
        text-indent: 1rem;
        line-height: 2.5rem;
    }

    .book-image[b-7n4u64lmve] {
        width: 20rem;
        margin-bottom: 2rem;
    }
}

@media (max-width: 920px) or (max-height: 610px){
    .image[b-7n4u64lmve] {
        background-image: url("./img/consulting/consulting-4-mobile.webp");
        background-size: cover;
        background-position: left top;
        background-attachment: fixed;
    }

    .content[b-7n4u64lmve] {
        text-align: center;
        padding: 2rem;
    }

    .title-area[b-7n4u64lmve]{
        height: 18%;
    }

    .main-area[b-7n4u64lmve] {
        height: 75%;
        padding-top: 2%;
        flex-direction: column-reverse;
        justify-content: space-evenly;
    }

    .textual[b-7n4u64lmve] {
        width: 100%;
    }

    .title[b-7n4u64lmve] {
        font-weight: 600;
        font-size: 2.5rem;
        margin-top: 3%;
    }

    .title-2[b-7n4u64lmve] {
        font-size: 1.3rem;
    }

    .book-image[b-7n4u64lmve] {
        width: auto;
        height: 11rem;
        margin-bottom: .5rem;
    }

    .description[b-7n4u64lmve] {
        line-height: 2.5rem;
        text-align: justify;
        padding: .5rem;
        text-indent: 1rem;
        font-size: 1.3rem;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .action-area[b-7n4u64lmve] {
        width: 100%;
        text-align: center;
    }

    .action-area .button[b-7n4u64lmve] {
        font-size: 1.3rem;
        padding: .7rem 1.4rem;
        position: absolute;
        bottom: 1rem;
        left: 50%;
        transform: translateX(-50%);
    }
}

.arrow-button[b-7n4u64lmve],
[b-7n4u64lmve] .arrow-button {
    position: absolute;
    bottom: 1.2rem;
}

@media (max-height: 490px) or (max-width: 410px){
    .gradient[b-7n4u64lmve] {
        background: linear-gradient(270deg, rgba(20, 25, 38, 0.75) 50%, rgba(45,55,65,0.35) 100%);
    }

    .content[b-7n4u64lmve] {
        text-align: center;
        padding: .5rem;
    }

    .title-area[b-7n4u64lmve] {
        height: 15%;
    }

    .main-area[b-7n4u64lmve] {
        height: 70%;
        padding-top: 1rem;
    }

    .textual[b-7n4u64lmve] {
        width: 100%;
    }

    .title[b-7n4u64lmve] {
        font-size: 2.1rem;
        margin-top: 1rem;
    }

    .title-2[b-7n4u64lmve] {
        font-size: 1.2rem;
    }

    .description[b-7n4u64lmve] {
        line-height: 1.9rem;
        padding: .5rem;
        font-size: 1.25rem;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    .action-area[b-7n4u64lmve] {
        width: 100%;
        text-align: center;
    }

    .action-area .button[b-7n4u64lmve] {
        font-size: 1.2rem;
        padding: .7rem 1.4rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/ContactSection.razor.rz.scp.css */
.wrapper[b-zjwirruh65] {
    padding: 4rem 3rem;
    color: #fff;
    font-size: 1.25rem;
    max-width: 1500px;
    margin: 0 auto;
    height: auto;
}

.wrapper a[b-zjwirruh65]{
    color: #fff;
}

.footer-row[b-zjwirruh65]{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    row-gap: 1.5rem;
}

.block-icon[b-zjwirruh65]{
    width: 1.5rem;
    height: 1.5rem;
    color: #fff;
    border-radius: 2px;
    font-size: 1.1rem;
    line-height: 1.5rem;
    text-align: center;
    margin-right: .5rem;
}

.section-title[b-zjwirruh65] {
    font-weight: bold;
    font-size: 1.75rem;
    color: #fff;
}

.section[b-zjwirruh65]{
    position: relative;
}

.section p[b-zjwirruh65]{
    margin-bottom: 1.75rem;
}

.section .background-image[b-zjwirruh65]{
    position: absolute;
    top: 10%;
    left: 10%;
    width: 80%;
    height: 80%;
}

.section.contact .background-image[b-zjwirruh65] {
    background-image: url("./img/index/contact-map.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: opacity(80%);
}

.section[b-zjwirruh65]{
    min-width: 15%;
}

.section.contact[b-zjwirruh65]{
    min-width: 30%;
}

.info[b-zjwirruh65]{
    position: relative;
}

.label[b-zjwirruh65] {
    font-weight: bold;
    margin-right: .25rem;
}

.social-icon[b-zjwirruh65]{
    font-size: 1.75rem;
    line-height: 1.75rem;
    margin-right: .5rem;
}

.social-icon:hover[b-zjwirruh65]{
    color: var(--highlight);
}

.map-frame[b-zjwirruh65] {
    width: 420px;
    height: 250px;
}

@media (max-width: 920px) {
    .section[b-zjwirruh65]{
        width: 100%;
    }

    .section-title[b-zjwirruh65] {
        font-size: 1.5rem;
    }

    .footer-row[b-zjwirruh65]{
        flex-direction: column;
    }

    .section p[b-zjwirruh65] {
        margin-bottom: 1.25rem;
    }

    .wrapper[b-zjwirruh65]{
        font-size: 1rem;
        padding: 2rem 1.5rem;
    }

    .map-frame[b-zjwirruh65]{
        width: 100%;
        height: 400px;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/CourseSection.razor.rz.scp.css */
.wrapper[b-i6347t3pra], 
.background[b-i6347t3pra]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider[b-i6347t3pra]{
    height: 100%;
}

.title-area[b-i6347t3pra] {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    left: 7%;
    top: 3%;
    color: #fff;
    height: 20%;
}

.title[b-i6347t3pra] {
    font-weight: 700;
    font-size: 3.2rem;
    letter-spacing: 1px;
    margin-bottom: 0;
    /*text-shadow: 2px 3px 4px rgba(0, 0, 0, .8);*/
    text-shadow: 2px 2px rgba(0, 0, 0, .6);
}

.title-2[b-i6347t3pra] {
    font-size: 2.5rem;
    text-transform: uppercase;
    margin: 0;
}

[b-i6347t3pra] .slider .arrow-button{
    width: 4rem;
    height: 4rem;
    font-size: 1.9rem;
    border-width: 2px;
}

[b-i6347t3pra] .slider .left-button {
    left: 3rem;
}

[b-i6347t3pra] .slider .right-button {
    right: 3rem;
}

[b-i6347t3pra] .slider .slide-content {
    padding: 2rem 8%;
    width: 75%;
    text-align: justify;
}

[b-i6347t3pra] .slide-title {
    font-weight: bold;
    font-size: 2.75rem;
    letter-spacing: 1px;
    border-bottom: 2px solid #fff;
    padding: 0 1rem;
    width: 100%;
    display: inline-block;
    /*text-shadow: 2px 3px 3px rgba(10, 10, 10, .9);*/
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
    white-space: break-spaces;
    overflow: hidden;
    text-align: left;
}

[b-i6347t3pra] .slide-content .description,
[b-i6347t3pra] .slide-content:hover .description {
    max-height: none !important;
    height: 40vh;
    padding: .5rem 1rem .5rem 1rem !important;
    font-size: 1.5rem;
}

@media (max-width: 1366px) or (max-height: 720px) {
    .title[b-i6347t3pra] {
        font-size: 3.5rem;
    }

    [b-i6347t3pra] .slide-title {
        font-weight: bold;
        font-size: 2.3rem;
        padding-bottom: 1rem;
    }

    [b-i6347t3pra] .slider .slide-content {
        padding: 1rem 5rem;
        width: 100%;
        text-align: justify;
    }

    [b-i6347t3pra] .slider .arrow-button {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.7rem;
        border-width: 2px;
    }

    [b-i6347t3pra] .slider .left-button {
        left: .5rem;
    }

    [b-i6347t3pra] .slider .right-button {
        right: .5rem;
    }

    [b-i6347t3pra] .slide-content .description,
    [b-i6347t3pra] .slide-content:hover .description {
        height: 45vh;
        font-size: 1.35rem;
    }
}

@media (max-width: 920px) or (max-height: 610px){
    .title[b-i6347t3pra] {
        font-size: 2.75rem;
    }

    [b-i6347t3pra] .slide-title {
        font-weight: bold;
        font-size: 1.6rem;
        padding: 0;
        padding-bottom: 1rem;
    }

    [b-i6347t3pra] .slider .slide-content {
        bottom: unset;
        top: 11rem;
        padding: .5rem 3.8rem;
        width: 100%;
        text-align: justify;
    }

    [b-i6347t3pra] .slider .arrow-button {
        width: 3rem;
        height: 3rem;
        font-size: 1.3rem;
    }

    [b-i6347t3pra] .slider .left-button {
        left: .5rem;
    }

    [b-i6347t3pra] .slider .right-button {
        right: .5rem;
    }

    [b-i6347t3pra] .slide-content .description,
    [b-i6347t3pra] .slide-content:hover .description {
        height: 55vh;
        font-size: 1.2rem;
        padding: 0 !important;
    }
}

@media (max-height: 490px) or (max-width: 420px){
    .content[b-i6347t3pra] {
        text-align: center;
        padding: 1rem;
    }

    .title-area[b-i6347t3pra] {
        height: 15%;
        /*border: 1px solid red;*/
    }

    .textual[b-i6347t3pra] {
        width: 100%;
    }

    .title[b-i6347t3pra] {
        font-size: 2.3rem;
    }

    [b-i6347t3pra] .slide-title {
        font-size: 1.4rem;
        padding: 0;
        padding-bottom: 1rem;
    }

    [b-i6347t3pra] .slider .slide-content {
        padding: .5rem 2rem;
        width: 100%;
        text-align: justify;
    }

    [b-i6347t3pra] .slide-content .description,
    [b-i6347t3pra] .slide-content:hover .description {
        font-size: 1.1rem;
        padding: 0 .75rem !important;
        word-break: break-all;
        word-break: break-word;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto;
    }

    [b-i6347t3pra] .slider .left-button {
        left: 0rem;
    }

    [b-i6347t3pra] .slider .right-button {
        right: 0rem;
    }

    [b-i6347t3pra] .slider .arrow-button {
        width: 2.25rem;
        height: 7rem;
        font-size: 1.3rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/HomeBanner.razor.rz.scp.css */
.wrapper[b-2sx8g8ak94] {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1rem;
    background: rgba(40,40,40,1);
    height: 100%;
}

.image[b-2sx8g8ak94] {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    filter: brightness(.75) blur(4px);
    background-size: cover;
    background-position: top center;
    background-image: url('./img/index/banner.webp');
}

.shadow[b-2sx8g8ak94] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 35%, transparent 100%);
}

.slide-content[b-2sx8g8ak94] {
    width: 30%;
    max-width: 1450px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
}

.logo[b-2sx8g8ak94] {
    height: 11rem;
}

.text-section[b-2sx8g8ak94] {
    position: relative;
    height: 8rem;
    margin-top: 6%;
    color: #fff;
    font-size: 2em;
    font-weight: 400;
    font-family: Helvetica;
    text-shadow: 3px 3px 3px rgba(0, 0, 0, .9);
    text-transform: uppercase;
    /*text-transform: lowercase;*/
    font-family: "Segoe UI", Arial, sans-serif;
    letter-spacing: 2px;
    text-align: center;
}

.text[b-2sx8g8ak94] {
    position: absolute;
    top: 0;
    display: block;
    width: 100%;
    text-align: center;
    opacity: 0;
    animation-name: fade1-b-2sx8g8ak94;
    animation-fill-mode: forwards;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-duration: 18s;
    animation-delay: 500ms;
}

.text.second[b-2sx8g8ak94]{
    animation-name: fade2-b-2sx8g8ak94;
}

.text.third[b-2sx8g8ak94] {
    animation-name: fade3-b-2sx8g8ak94;
}

.slide-action[b-2sx8g8ak94] {
    position: relative;
    width: 35%;
    text-align: center;
    font-size: 1.25em;
}

.slide-action .button[b-2sx8g8ak94] {
    /*text-shadow: 2px 5px 2px rgba(10, 10, 10, .9);*/
    box-shadow: 2px 5px 2px rgba(20, 20, 20, .7);
    font-weight: bold;
    border-width: 3px;
    letter-spacing: 1px;

}

.slide-action .button:hover[b-2sx8g8ak94] {
    text-shadow: none;
}

@keyframes fade1-b-2sx8g8ak94{
    0%{
        opacity: 0;
    }
    5%{
        opacity: 1;
    }
    28%{
        opacity: 1;
    }
    33%, 100%{
        opacity: 0;
    }
}

@keyframes fade2-b-2sx8g8ak94 {
    0%, 33%{
        opacity: 0;
    }
    38% {
        opacity: 1;
    }
    61% {
        opacity: 1;
    }
    66%, 100%{
        opacity: 0;
    }
}

@keyframes fade3-b-2sx8g8ak94 {
    0%, 66%{
        opacity: 0;
    }
    71% {
        opacity: 1;
    }
    95% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@media (max-width: 920px) {
    .wrapper[b-2sx8g8ak94] {
        flex-direction: column;
        justify-content: space-evenly;
        align-items: center;
        padding: 4rem 1rem 5rem 1rem;
    }

    .slide-action[b-2sx8g8ak94] {
        font-size: 1.1em;
    }

    .slide-content[b-2sx8g8ak94],
    .slide-action[b-2sx8g8ak94] {
        width: 100%;
        text-align: center;
    }

    .logo[b-2sx8g8ak94] {
        height: 6.5em;
    }

    .text[b-2sx8g8ak94] {
        position: absolute;
        height: 100%;
        font-weight: 400;
        margin-top: 0;
    }

    .text[b-2sx8g8ak94]::before {
        content: "";
        display: inline-block;
        height: 100%;
        width: 0;
        vertical-align: middle;
    }

    .text p[b-2sx8g8ak94] {
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
    }

    .text-section[b-2sx8g8ak94] {
        display: flex;
        flex-direction: row;
        justify-items: center;
        height: 15.5rem;
        margin-top: 2rem;
        font-size: 1.8em;
        font-weight: 500;
        letter-spacing: 2px;
        line-height: 3.25rem;
        text-shadow: 3px 3px 2px rgba(0, 0, 0, .95);
    }
}

@media (max-width: 768px) {
    .text[b-2sx8g8ak94] {
        text-align: center;
    }
    .image[b-2sx8g8ak94] {
        background-image: url('./img/index/banner-medium.webp');
    }
}

@media (max-width: 500px) {
    .image[b-2sx8g8ak94] {
        background-image: url('./img/index/banner-small.webp');
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/LearningSection.razor.rz.scp.css */
.wrapper[b-vobj41a7ux], 
.background[b-vobj41a7ux],
.image[b-vobj41a7ux],
.gradient[b-vobj41a7ux]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.image[b-vobj41a7ux]{
    background-image: url("./img/index/bg-learning.webp");
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.gradient[b-vobj41a7ux] {
    background: linear-gradient(120deg, rgba(48,128,170,1) 25%, rgba(46,175,240,0) 100%);
}

.content[b-vobj41a7ux]{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 3% 7%;
    color: #fff;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 0;
}

.image-container[b-vobj41a7ux] {
    align-self: flex-start;
    position: relative;
    width: 100%;
    height: 20%;
}

.content img[b-vobj41a7ux]{
    height: 100%;
}

.textual[b-vobj41a7ux] {
    height: 80%;
    width: 55%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding: 2rem 1rem;
    text-shadow: 2px 2px rgba(0, 0, 0, .4);
}

.title[b-vobj41a7ux]{
    font-weight: 600;
    font-size: 2.5rem;
}

.description[b-vobj41a7ux] {
    font-size: 1.4rem;
    text-align: justify;
    padding: 1.5rem 1rem 1rem 1rem;
    text-indent: 1rem;
    font-weight: 600;
    word-break: normal;
    /*hyphens: auto;*/
}

.action-area[b-vobj41a7ux]{
    width: 45%;
    text-align: center;
}

.action-area .button[b-vobj41a7ux]{
    font-size: 2rem;
    padding: .8rem 2rem;
    background: var(--highlight);
    color: #fff;
}

.action-area .button:hover[b-vobj41a7ux] {
    background: var(--highlight-light-1);
    border-color: var(--highlight-light-1);
}

@media (max-width: 1270px) or (max-height: 510px){
    .gradient[b-vobj41a7ux] {
        background: linear-gradient(120deg, rgba(52,132,164,1) 25%, rgba(50,179,236,.4) 100%);
    }

    .content[b-vobj41a7ux] {
        padding: 2% 4%;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
    }

    .image-container[b-vobj41a7ux]{
        height: 15%;
        align-self: unset;
        flex-shrink: 1;
    }

    .textual[b-vobj41a7ux] {
        width: 100%;
        height: auto;
    }

    .title[b-vobj41a7ux] {
        font-weight: 600;
        font-size: 2rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.3rem;
        text-align: justify;
        padding: 1rem;
        text-indent: 1rem;
    }

    .action-area[b-vobj41a7ux] {
        width: 100%;
        text-align: center;
        bottom: 1rem;
        position: absolute;
    }

    .action-area .button[b-vobj41a7ux] {
        font-size: 1.3rem;
        padding: .7rem 1.4rem;
    }
}

@media (max-width: 780px) {
    .content[b-vobj41a7ux] {
        padding: 2rem;
        text-align: center;
        justify-content: start;
    }

    .image-container[b-vobj41a7ux] {
        height: 12%;
    }

    .textual[b-vobj41a7ux]{
        max-height: unset;
        height: 83%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }

    .title[b-vobj41a7ux] {
        font-weight: 600;
        font-size: 1.8rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.2rem;
        padding: .5rem;
        font-weight: 500;
        text-shadow: 2px 1px rgba(0, 0, 0, .6);
    }
}

@media (max-height: 690px){
    .content[b-vobj41a7ux] {
        padding: 2rem;
        justify-content: start;
    }

    .image-container[b-vobj41a7ux] {
        height: 15%;
    }

    .textual[b-vobj41a7ux] {
        max-height: unset;
        height: 85%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }

    .title[b-vobj41a7ux] {
        font-weight: 600;
        font-size: 1.9rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.25rem;
        padding: .5rem;
        font-weight: 500;
    }
}

@media (max-height: 690px) and (max-width: 1550px) {
    .content[b-vobj41a7ux] {
        padding: 1.5rem;
        justify-content: start;
    }

    .textual[b-vobj41a7ux] {
        max-height: unset;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 0;
    }

    .title[b-vobj41a7ux] {
        font-weight: 600;
        font-size: 1.7rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.2rem;
    }
}

@media (max-width: 530px) {
    .image-container[b-vobj41a7ux] {
        height: 11%;
    }

    .title[b-vobj41a7ux] {
        font-size: 1.4rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.15rem;
        padding: 0;
    }
}

@media (max-width: 380px) {
    .image-container[b-vobj41a7ux] {
        height: 11%;
    }

    .title[b-vobj41a7ux] {
        font-size: 1.4rem;
    }

    .description[b-vobj41a7ux] {
        font-size: 1.1rem;
        padding: 0;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/NewsSection.razor.rz.scp.css */
.wrapper[b-n82y480y7s] {
    margin: 0 auto;
    height: 100%;
}

.slider[b-n82y480y7s] {
    position: relative;
    width: 100%;
    height: 50%;
    margin: 0 auto;
    overflow: hidden;
    font-size: 0;
}

[b-n82y480y7s] .slide .image {
    filter: blur(5px);
}

.posts[b-n82y480y7s] {
    position: relative;
    height: calc(50% - 5rem);
    max-height: 350px;
    display: flex;
    justify-content: space-between;
    padding:  0 2rem;
    padding-top: 1.5rem;
    max-width: 1800px;
    margin: 0 auto;
    align-items: center;
}

.post[b-n82y480y7s] {
    position: relative;
    max-width: 28vw;
    width: 30%;
    height: 100%;
    cursor: pointer;
    overflow: hidden;
}

.post-image[b-n82y480y7s] {
    position: relative;
    width: 100%;
    height: 50%;
    background-color: #8d8d8d;
}

    .post-image .image[b-n82y480y7s] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        transition: 700ms ease;
        filter: blur(2px);
    }

.post-description[b-n82y480y7s] {
    position: relative;
    width: 100%;
    height: 50%;
    padding: 1rem 2rem;
    background-color: #eee;
    transition: 250ms;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    font-size: 1rem;
    line-height: 1.2rem;
}

.post-description > div[b-n82y480y7s] {
    height: 100%;
    overflow: hidden;
}

.wrapping-anchor[b-n82y480y7s]{
    color: var(--text-default);
    text-decoration: none;
}

.post:hover .post-content[b-n82y480y7s] {
    background-color: #efefef;
}

.post:hover .title[b-n82y480y7s] {
    text-decoration: underline;
}

.tags[b-n82y480y7s] {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    text-align: right;
    display: flex;
    justify-content: end;
    padding: .5rem;
    font-size: .8rem;
    column-gap: .5rem;
}

.tags a[b-n82y480y7s]{
    display: inline-block;
    padding: .2rem .8rem;
    border-radius: 5px;
    background-color: var(--highlight);
    color: #fff;
}

.tags a:hover[b-n82y480y7s]{
    background-color: var(--highlight-light-1);
}

.post .title[b-n82y480y7s] {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0;
    padding: 0 1rem .25rem 1rem;
    color: #fff;
    text-shadow: 2px 3px 3px rgba(10, 10, 10, .9);
    overflow: hidden;
    text-overflow: ellipsis;
}

.post .title a[b-n82y480y7s]{
    color: #fff;
}

.more-articles[b-n82y480y7s] {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1rem;
    font-size: 1.2rem;
    text-align: center;
}

.post-image .anchor[b-n82y480y7s] {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.45) 33%, transparent 100%);
}

@media (max-width: 920px) {
    .wrapper[b-n82y480y7s] {
        padding: 0;
    }

    .slider[b-n82y480y7s] {
        height: 45vh;
    }

    .posts[b-n82y480y7s] {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: initial;
        align-items: center;
        padding: 1rem;
        padding-bottom: 5rem;
        max-height: none;
    }

    .post[b-n82y480y7s] {
        max-width: none;
        width: 100%;
        height: 17rem;
        max-height: none;
        flex-shrink: 0;
    }

    .post + .post[b-n82y480y7s] {
        margin-top: 1rem;
    }

        .post .title[b-n82y480y7s] {
            font-size: 1.2rem;
            padding: 0 .75rem .5rem .75rem;
            font-weight: 600;
            text-shadow: 3px 3px 2px rgba(0, 0, 0, 1);
        }

    .post .post-description[b-n82y480y7s] {
        padding: .5rem 1.25rem;
    }

    .more-articles[b-n82y480y7s] {
        padding: 2rem 0 0 0;
    }

    .left-button[b-n82y480y7s] {
        left: .5rem;
    }

    .right-button[b-n82y480y7s] {
        right: .5rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/PlatformSection.razor.rz.scp.css */
.slide-content[b-zklub2rke2] {
    color: #fff;
    padding: 2% 5% 0 5%;
    height: 90%;
    overflow: hidden;
}

.heading[b-zklub2rke2] {
    height: 15%;
    padding: 0 3rem;
    vertical-align: middle;
}

.container[b-zklub2rke2] {
    height: 85%;
    max-width: none;
    padding: 0 3rem;
}

.title[b-zklub2rke2] {
    font-weight: bold;
    font-size: 2.5rem;
    vertical-align: middle;
    letter-spacing: 1px;
}

.logo[b-zklub2rke2] {
    height: 100%;
    vertical-align: middle;
}

.button-area[b-zklub2rke2] {
    position: relative;
    height: 10%;
    text-align: center;
}

.button-area .button[b-zklub2rke2] {
    vertical-align: middle;
}

.button-area[b-zklub2rke2]::after {
    content: "";
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: middle;
}

.textual[b-zklub2rke2] {
    height: 15%;
    font-size: 1.5rem;
}
.textual p[b-zklub2rke2] {
    margin: 0;
    line-height: 2.5rem;
}
.system-area[b-zklub2rke2] {
    position: relative;
    height: 85%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 2% 0;
}
.system-area .description[b-zklub2rke2] {
    text-align: justify;
    padding: 0 1.2rem;
    font-size: 1.2rem;
    line-height: 2.2rem;
    /*word-break: normal;
    hyphens: auto;*/
}
.images[b-zklub2rke2] {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 0;
}
.app-view[b-zklub2rke2] {
    position: absolute;
    top: 0;
    height: 100%;
    transition: 1s ease-in-out;
    display: flex;
    align-items: center;
}
.button[b-zklub2rke2] {
    color: #fff;
    border-color: #fff;
    font-size: 1.25rem;
}
.button:hover[b-zklub2rke2] {
    border-color: var(--highlight);
}
.app-selector[b-zklub2rke2] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 33%;
    padding: 0 2.5rem 0 0;
}
.system-view[b-zklub2rke2] {
    position: relative;
    width: 60%;
    height: 100%;
    overflow: hidden;
    flex-shrink: 0;
    padding: 0 1.5rem;
}
.system-view .cover-image[b-zklub2rke2] {
    width: 92%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    filter: blur(9px) brightness(60%);
    margin: 0 auto;
}
.system-view .image[b-zklub2rke2] {
    position: absolute;
    top: 2.5%;
    left: 2.5%;
    width: 95%;
    height: 95%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 750ms ease-in-out;
}
.images:hover .image[b-zklub2rke2] {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.app-card[b-zklub2rke2] {
    position: relative;
    width: 100%;
    padding: 1.5rem 2rem;
    border-radius: 5px;
    background-color: #777;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    overflow: hidden;
    cursor: pointer;
}
.app-card .color[b-zklub2rke2] {
    position: absolute;
    top: 0;
    left: 0;
    width: 3%;
    height: 100%;
    transition: 400ms ease-in-out;
}
.app-card[b-zklub2rke2]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
}
.app-card .color[b-zklub2rke2]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -.75rem;
    border-left: 1rem solid;
    border-left-color: inherit;
    border-top: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
}

.app-card:hover .color[b-zklub2rke2],
.app-card:focus .color[b-zklub2rke2] {
    width: 100%;
}

.app-card span[b-zklub2rke2] {
    position: relative;
}

.polynomial .color[b-zklub2rke2] {
    background-color: #00AEDB;
    border-color: #00AEDB;
}

.appreciator .color[b-zklub2rke2] {
    background-color: #F37735;
    border-color: #F37735;
}

.instruments .color[b-zklub2rke2] {
    background-color: #8EBC00;
    border-color: #8EBC00;
}

.risk .color[b-zklub2rke2] {
    background-color: #7C4199;
    border-color: #7C4199;
}

.app-view[b-zklub2rke2] {
    opacity: 0;
    z-index: 0;
}

.images.platform .platform[b-zklub2rke2],
.images.polynomial .polynomial[b-zklub2rke2],
.images.appreciator .appreciator[b-zklub2rke2],
.images.instruments .instruments[b-zklub2rke2],
.images.risk .risk[b-zklub2rke2] {
    opacity: 1;
    z-index: 2;
}

@media (max-height: 750px) {
    .container[b-zklub2rke2] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .textual[b-zklub2rke2] {
        height: auto;
    }

    .system-area[b-zklub2rke2] {
        height: 80%;
    }

    .app-card[b-zklub2rke2] {
        padding: 1rem 1rem;
        font-size: 1rem;
    }

    .textual[b-zklub2rke2] {
        font-size: 1.2rem;
    }

    .textual p[b-zklub2rke2] {
        line-height: 2rem;
    }

    .system-area .description[b-zklub2rke2] {
        padding: 0 1rem;
        font-size: 1rem;
        line-height: 1.8rem;
    }
}

@media (max-width: 1300px) {
    .container[b-zklub2rke2] {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .textual[b-zklub2rke2] {
        height: auto;
    }

   .textual[b-zklub2rke2] {
        font-size: 1.3rem;
    }

    .textual p[b-zklub2rke2] {
        line-height: 2rem;
    }

    .system-area .description[b-zklub2rke2] {
        padding: 0 1rem;
        font-size: 1.1rem;
        line-height: 1.8rem;
    }
}

@media (max-width: 920px) {
    .slide-content[b-zklub2rke2] {
        padding: 2rem 2rem 0 2rem;
    }

    .heading[b-zklub2rke2] {
        height: 9%;
        padding: 0;
    }

    .title[b-zklub2rke2] {
        font-size: 1.6rem;
        letter-spacing: 0px;
    }

    .container[b-zklub2rke2] {
        height: 91%;
        padding: 0;
    }

    .button-area[b-zklub2rke2] {
        height: 8%;
        text-align: center;
        padding: 0;
        position: absolute;
        bottom: .5rem;
        width: 100%;
    }

    .textual[b-zklub2rke2] {
        height: 23%;
        font-size: 1.1rem;
        overflow: hidden;
        text-align: justify;
        padding: .5rem .75rem 0 .75rem;
    }

    .textual p[b-zklub2rke2] {
        margin: 0;
        line-height: 2rem;
    }

    .system-area[b-zklub2rke2] {
        height: 77%;
        display: block;
        padding-bottom: 1rem;
    }

    .app-selector[b-zklub2rke2] {
        width: 100%;
        padding: 0 0 .75rem 0;
        height: 60%;
    }

    .app-view[b-zklub2rke2] {
        height: 100%;
        display: block;
    }

    .images[b-zklub2rke2] {
        position: relative;
        height: 40%;
        width: 100%;
        justify-content: start;
        padding: 0;
    }

    .system-view .image[b-zklub2rke2] {
        top: 2.5%;
        left: 2.5%;
        width: 95%;
        height: 95%;
    }

    .system-view[b-zklub2rke2] {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .system-area .description[b-zklub2rke2] {
        max-height: 0px;
        overflow: hidden;
    }

    .app-card[b-zklub2rke2] {
        width: 85%;
        padding: .7rem .3rem;
        font-weight: bold;
        font-size: .9rem;
    }

    .app-card .color[b-zklub2rke2] {
        width: 5%;
    }

    .app-card .color[b-zklub2rke2]::after {
        border-left-width: .5rem;
        border-top-width: .5rem;
        border-bottom-width: .5rem;
        margin-top: -.5rem;
    }
}

@media (max-width: 740px) {
     .textual[b-zklub2rke2] {
        height: auto;
        font-size: 1rem;
        padding: .25rem .75rem 0 .75rem;
    }

    .textual p[b-zklub2rke2] {
        line-height: 1.4rem;
    }

    .system-area[b-zklub2rke2] {
        height: 72%;
        padding: 0;
        padding-bottom: .5rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/IndexSections/SiteMap.razor.rz.scp.css */
.wrapper[b-xlaxbgpdhr] {
    padding: 4rem 3rem 0 3rem;
    color: #fff;
    font-size: .95rem;
    max-width: 1500px;
    margin: 0 auto;
    height: auto;
}

.wrapper a[b-xlaxbgpdhr]{
    color: #fff;
}

.footer-row[b-xlaxbgpdhr]{
    display: flex;
    justify-content: space-between;
    align-items: start;
    flex-wrap: wrap;
    row-gap: 1.5rem;
}

.section-title[b-xlaxbgpdhr] {
    font-weight: bold;
    font-size: 1.15rem;
    color: #fff;
}

p[b-xlaxbgpdhr]{
    margin-bottom: .75rem;
}

.section[b-xlaxbgpdhr]{
    position: relative;
}

.section[b-xlaxbgpdhr]{
    min-width: 15%;
}

.info[b-xlaxbgpdhr]{
    position: relative;
}

.label[b-xlaxbgpdhr] {
    font-weight: bold;
    margin-right: .25rem;
}

@media (max-width: 920px) {
    .footer-row[b-xlaxbgpdhr]{
        flex-direction: column;
    }

    .wrapper[b-xlaxbgpdhr]{
        padding: 2rem 1.5rem 0 1.5rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/Learning.razor.rz.scp.css */
header[b-fjnrtjnhiq]{
    position: relative;
    height: 20rem;
    background-size: cover;
    background-position: center;
}

.page-header[b-fjnrtjnhiq] {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-shadow: -2px 3px 4px rgba(0, 0, 0, .9);
    margin: 0;
    border: none;
    padding: 0 2rem 1rem 3rem;
    letter-spacing: 1px;
    font-size: 2.8rem;
    font-weight: 600;
    height: 9rem;
}

.shadow[b-fjnrtjnhiq] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.5) 65%, transparent 100%);
    transition: 300ms;
}

.breadcrumb[b-fjnrtjnhiq]{
    padding: 1rem;
    padding-right: 4rem;
}

.page main > article[b-fjnrtjnhiq] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 80vw;
    max-width: 1200px;
    padding: 3rem 5rem;
}

.title[b-fjnrtjnhiq]{
    margin-bottom: 2rem;
}

.article-image[b-fjnrtjnhiq]{
    text-align: center;
    padding: 2rem 0;
}

.article-image img[b-fjnrtjnhiq] {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

.number-summary[b-fjnrtjnhiq] {
    width: 100%;
    background-color: var(--highlight);
    padding: 3rem 2rem;
    display: flex;
    margin-bottom: 2rem;
}

.summary[b-fjnrtjnhiq]{
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    width: 100%;
}

.summary:nth-child(2)[b-fjnrtjnhiq] {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
}

.summary i[b-fjnrtjnhiq]{
    display: inline-block;
    width: 5.5rem;
    height: 5.5rem;
    line-height: 5.5rem;
    font-size: 4rem;
}

.summary div:nth-of-type(1)[b-fjnrtjnhiq]{
    padding: 1rem 0;
    font-weight: bold;
    margin-left: -1rem;
}

.trail-container[b-fjnrtjnhiq]{
    margin: 2rem 0;
}

.centralized[b-fjnrtjnhiq] {
    text-align: center;
    font-size: 1.3rem;
 }

.tree-container[b-fjnrtjnhiq]{
    width: 60%;
    margin: 0 auto;
}

@media (max-width: 1380px) {
    .tree-container[b-fjnrtjnhiq] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    header[b-fjnrtjnhiq] {
        height: 10rem;
    }

    .page-header[b-fjnrtjnhiq] {
        height: auto;
        width: 100%;
        padding: .5rem 1.5rem;
    }

    .title[b-fjnrtjnhiq] {
        text-align: left;
    }

    .page main > article[b-fjnrtjnhiq] {
        width: auto;
        margin: 0 auto;
        padding: 2rem 1.5rem !important;
    }

    .number-summary[b-fjnrtjnhiq] {
        flex-direction: column;
        padding: 0 2rem;
    }

    .summary[b-fjnrtjnhiq] {
        font-size: 1.4rem;
        padding: 1.2rem;
    }

    .summary i[b-fjnrtjnhiq] {
        width: 4.5rem;
        height: 4.5rem;
        line-height: 4.5rem;
        font-size: 3rem;
    }

    .summary:nth-child(2)[b-fjnrtjnhiq] {
        border: none;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }

    .summary div:nth-of-type(1)[b-fjnrtjnhiq] {
        padding: .25rem 0;
    }
}
/* _content/FderivsWebsite/Pages/Website/LicencaApi_en.razor.rz.scp.css */
ul[b-44yo5nojfm] {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    line-height: 1.75;
}

p[b-44yo5nojfm] {
    margin: 0;
    padding: 0;
    text-indent: 0;
    white-space: normal;
    line-height: 1.75;
}

.footer-links[b-44yo5nojfm] {
    text-align: center;
}

a[disabled][b-44yo5nojfm] {
    color: var(--text-light);
}
/* _content/FderivsWebsite/Pages/Website/LicencaApi_pt.razor.rz.scp.css */
ul[b-8ybpcanf1c] {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
    line-height: 1.75;
}

p[b-8ybpcanf1c] {
    margin: 0;
    padding: 0;
    text-indent: 0;
    white-space: normal;
    line-height: 1.75;
}

.footer-links[b-8ybpcanf1c]{
    text-align: center;
}

a[disabled][b-8ybpcanf1c]{
    color: var(--text-light);
}
/* _content/FderivsWebsite/Pages/Website/NewsFeed/PostView.razor.rz.scp.css */
header[b-4uf9githd0]{
    position: relative;
    height: 20rem;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.page-header[b-4uf9githd0] {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-shadow: -2px 3px 4px rgba(0, 0, 0, .9);
    margin: 0;
    border: none;
    padding: 2rem;
    letter-spacing: 1px;
    font-size: 2.6rem;
    font-weight: 600;
}

.shadow[b-4uf9githd0] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.5) 50%, transparent 100%);
    transition: 300ms;
}

.breadcrumb[b-4uf9githd0]{
    padding: 1rem;
    padding-right: 4rem;
}

.page main > article[b-4uf9githd0] {
    margin-top: 2rem;
    margin-bottom: 2rem;
    width: 80vw;
    max-width: 1200px;
    padding: 3rem 5rem;
    overflow: hidden;
    font-size: 1.2em;
    line-height: 2em;
}

[b-4uf9githd0].content blockquote > *{
    text-align: center;
}

[b-4uf9githd0].content img,
[b-4uf9githd0].content video {
    position: relative;
    width: 60%;
    left: 20%;
    margin: 1rem 0;
}

[b-4uf9githd0].content blockquote img {
    left: 0;
    width: 100%;
}

[b-4uf9githd0].content strong img{
    left: 0;
}

[b-4uf9githd0].content em img {
    left: 100%;
    transform: translateX(-100%);
}

.title[b-4uf9githd0]{
    margin-bottom: 2rem;
}

.article-image[b-4uf9githd0]{
    text-align: center;
    padding: 2rem 0;
}

.article-image img[b-4uf9githd0] {
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

[b-4uf9githd0] h1,
[b-4uf9githd0] h2,
[b-4uf9githd0] h3,
[b-4uf9githd0] h4 {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    text-align: left;
}

[b-4uf9githd0] h1:first-child,
[b-4uf9githd0] h2:first-child,
[b-4uf9githd0] h3:first-child,
[b-4uf9githd0] h4:first-child {
    margin-top: 0;
}

[b-4uf9githd0] pre{
    background: #444;
    color: #fff;
    padding: 1.5rem;
    border-radius: 5px;
    line-height: 1.2rem;
}

[b-4uf9githd0] code{
    font-family: 'Courier New', 'Courier', monospace, monospace !important;
    letter-spacing: 1px;
    font-size: 1rem;
}

@media (max-width: 1250px) {
    [b-4uf9githd0].content img,
    [b-4uf9githd0].content video {
        width: 80%;
        left: 10%;
    }
}

@media (max-width: 768px) {
    [b-4uf9githd0].content img,
    [b-4uf9githd0].content video {
        width: 100%;
        left: 0;
    }

    header[b-4uf9githd0] {
        min-height: 15rem;
        height: auto;
    }

    .page-header[b-4uf9githd0] {
        position: relative;
        padding: 1rem;
        font-size: 2rem;
    }

    .page main > article[b-4uf9githd0] {
        width: auto;
        margin: 0 auto;
        padding: 2rem 1.5rem !important;
    }

    [b-4uf9githd0] pre {
        padding: 1.2rem;
        border-radius: 5px;
        line-height: 1rem;
    }

    [b-4uf9githd0] code {
        font-family: 'Courier New', 'Courier', monospace, monospace !important;
        letter-spacing: 0;
        font-size: .95rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/NewsFeed/Publications.razor.rz.scp.css */
.wrapper[b-39weizi1ag] {
    min-height: calc(100vh - 56px - 56px);
}

.section-title[b-39weizi1ag] {
    font-weight: bolder;
    font-size: 1.75em;
    margin-bottom: 1rem;
    line-height: 1.75rem;
}

.post-image a[b-39weizi1ag]{
    display: block;
    width: 100%;
    height: 100%;
}

.filter-section[b-39weizi1ag] {
    position: fixed;
    width: 280px;
    top: 56px;
    left: -280px;
    background: var(--base-light-1);
    transition: left 750ms;
    padding-bottom: 56px;
}

.filter-section > *[b-39weizi1ag]{
    max-width: 900px;
    margin: 0 auto;
}

.display-filter .filter-section[b-39weizi1ag] {
    left: 0;
}

.filter-menu[b-39weizi1ag] {
    height: calc(100vh - 56px);
    color: #fff;
    overflow: hidden;
    width: 100%;
    padding: 2rem 1.5rem;
    overflow-y: auto;
    padding-bottom: 70px;
}

.filter-menu .button[b-39weizi1ag]{
    width: 100%;
}

.filter-section .filter-toggle[b-39weizi1ag] {
    position: absolute;
    top: 67px;
    left: 100%;
    height: 56px;
    width: 56px;
    margin: 0;
    padding: .5rem;
    z-index: 2;
}

.filter-toggle i[b-39weizi1ag],
.filter-toggle .arrows[b-39weizi1ag] {
    font-size: .8rem;
    vertical-align: middle;
    line-height: 1.5rem;
}

.filter-toggle .arrows[b-39weizi1ag] {
    line-height: 0;
    display: inline-block;
}

.filter-toggle .vertical i[b-39weizi1ag] {
    line-height: .25rem;
}

.filter-toggle .arrows i[b-39weizi1ag] {
    font-size: .7rem;
}

.filter-section b[b-39weizi1ag] {
    display: block;
    font-size: 1.1rem;
    margin-bottom: .5rem;
}

.filter-toggle .vertical[b-39weizi1ag],
.filter-toggle .hide[b-39weizi1ag] {
    display: none;
}

.display-filter .filter-toggle .hide[b-39weizi1ag]{
    display: block;
}

.display-filter .filter-toggle .show[b-39weizi1ag] {
    display: none;
}

.search-box[b-39weizi1ag]{
    position: relative;
}

[b-39weizi1ag] .search-box .form-floating > input.form-control {
    padding-left: 2.2rem;
    padding-top: .2rem;
}

.main-icon-area[b-39weizi1ag] {
    position: absolute;
    bottom: 1rem;
    left: .75rem;
}

.tag-options[b-39weizi1ag] {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.tag-options .tags div[b-39weizi1ag]{
    width: 100%;
    vertical-align: middle;
    padding: .5rem 1rem;
}

.tag-options span[b-39weizi1ag]{
    font-weight: bold;
    padding: 0 .5rem;
}

[b-39weizi1ag] .tag-options .field-input-checkbox {
    width: 2.5rem;
    vertical-align: middle;
}

.post-section[b-39weizi1ag] {
    position: relative;
    padding: 19px;
    padding-left: 5.5rem;
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}

.display-filter .post-section[b-39weizi1ag] {
    width: calc(100% - 330px);
    left: 330px;
    margin: 0;
}

.sidebar-layout .display-filter .post-section[b-39weizi1ag]{
    left: 0;
    margin: 0 auto;
}

.post-wrapper[b-39weizi1ag] {
    width: 100%;
    margin: 0 auto;
}

.post[b-39weizi1ag] {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 10.5rem;
    background-color: #eee;
    font-size: 0;
}

.post > *[b-39weizi1ag]{
    display: inline-block;
    vertical-align: top;
}

.post + .post[b-39weizi1ag]{
    margin-top: 1.75rem;
}

.post-image[b-39weizi1ag] {
    position: relative;
    width: 16rem;
    height: 100%;
    background-color: #8d8d8d;
    background-size: cover;
    background-position: center center;
    display: inline-block;
}

.post-content[b-39weizi1ag] {
    height: 100%;
    width: calc(100% - 16rem);
    padding: .5rem 1.25rem .25rem 1.25rem;
    background-color: #eee;
    transition: 250ms;
    font-size: .95rem;
    display: inline-block;
}

.post:hover .post-content[b-39weizi1ag] {
    background-color: #fbfbfb;
}

.post .title[b-39weizi1ag],
.post-content a[b-39weizi1ag] {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.post:hover .title[b-39weizi1ag] {
    text-decoration: underline;
}

.post p[b-39weizi1ag] {
    margin-bottom: .25em;
}

.post .tags[b-39weizi1ag] {
    text-align: right;
    margin: 0;
    font-size: .75rem;
    line-height: .75rem;
}

.tags a[b-39weizi1ag] {
    display: inline-block;
    padding: .2rem .8rem;
    border-radius: 5px;
    background-color: var(--highlight);
    color: #fff;
}

.tags a + a[b-39weizi1ag]{
    margin-left: 1rem;
}

.post .title[b-39weizi1ag] {
    font-weight: bold;
    font-size: 1.25em;
}

.post .description[b-39weizi1ag] {
    font-size: .95rem;
    height: calc(100% - 3.8rem);
    overflow: hidden;
    text-align: justify;
    text-indent: .75rem;
}

.main-icon-area[b-39weizi1ag]{
    color: var(--text-default);
}

@media(max-width: 1200px){
    .filter-section[b-39weizi1ag] {
        position: fixed;
        width: 100%;
        height: 300px;
        top: -244px;
        left: 0;
        transition: top 750ms;
        padding: 0;
    }

    .display-filter .filter-section[b-39weizi1ag] {
        top: 56px;
        left: 0;
    }

    .filter-section .button.filter-toggle[b-39weizi1ag] {
        top: 100%;
        left: unset;
        right: 3rem;
        height: 45px;
        width: 56px;
    }

    .filter-menu[b-39weizi1ag] {
        min-height: unset;
        width: 100%;
        height: 100%;
        padding: 1rem;
    }

    .filter-toggle .arrows[b-39weizi1ag]{
        display: block;
    }

    .filter-toggle .vertical[b-39weizi1ag] {
        display: block;
    }

    .filter-toggle .horizontal[b-39weizi1ag] {
        display: none;
    }

    .post-section[b-39weizi1ag],
    .display-filter .post-section[b-39weizi1ag]{
        position: relative;
        padding: 1rem;
        width: 100%;
        max-width: unset;
        left: 0;
    }

    .display-filter .post-section[b-39weizi1ag] {
        margin-top: 356px;
    }

    .tag-options[b-39weizi1ag] {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .tag-options span[b-39weizi1ag] {
        font-weight: bold;
        padding: 0 .5rem;
    }

    .tag-options .tags div[b-39weizi1ag] {
        display: inline-block;
        vertical-align: top;
        width: 150px;
        padding: .25rem .25rem .25rem .75rem;
    }

    .tag-options span[b-39weizi1ag] {
        padding: 0 0 0 .25rem;
    }

    [b-39weizi1ag] .tag-options .field-input-checkbox {
        width: 1.5rem;
    }
}

@media(max-width: 750px) {
    .filter-section[b-39weizi1ag] {
        height: 355px;
        top: -299px;
    }

    .display-filter .post-section[b-39weizi1ag] {
        margin-top: 408px;
    }

    .post[b-39weizi1ag] {
        height: auto;
    }

    .post > *[b-39weizi1ag] {
        display: block;
    }

    .post-image[b-39weizi1ag] {
        width: 100%;
        height: 12rem;
    }

    .post-content[b-39weizi1ag] {
        height: auto;
        width: 100%;
        padding: .75rem 1.25rem .5rem 1.25rem;
        font-size: 1rem;
    }

    .post .title[b-39weizi1ag],
    .post-content a[b-39weizi1ag] {
        white-space: normal;
    }

    .post .tags[b-39weizi1ag] {
        margin-bottom: .5rem;
        font-size: .8rem;
        line-height: 1rem;
    }
}
/* _content/FderivsWebsite/Pages/Website/Platform.razor.rz.scp.css */
.page-article[b-dgate9wade] {
    width: 100%;
    margin: 0 auto;
}

.page-article[b-dgate9wade],
.app-container[b-dgate9wade] {
    display: inline-block;
    vertical-align: top;
}

.section[b-dgate9wade]{
    display: none;
}

.platform .section.platform[b-dgate9wade],
.launcher .section.launcher[b-dgate9wade],
.appreciator .section.appreciator[b-dgate9wade],
.polynomial .section.polynomial[b-dgate9wade],
.instruments .section.instruments[b-dgate9wade],
.risk .section.risk[b-dgate9wade] {
    display: block;
}

.title[b-dgate9wade] {
    margin-bottom: 2rem;
}

.article-image[b-dgate9wade]{
    text-align: center;
    padding: 2rem 0;
}

.article-image > *[b-dgate9wade]{
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}

.app-container[b-dgate9wade] {
    position: sticky;
    top: 66px;
    /*height: 30rem;*/
    width: 19%;
    padding: 0 1rem 0 0;
    z-index: 1;
}

.app-selector[b-dgate9wade] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
    column-gap: .75rem;
    row-gap: .75rem;
}

.app-card[b-dgate9wade] {
    position: relative;
    width: 100%;
    padding: 1.5rem 2rem;
    border-radius: 5px;
    background-color: #666;
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
    border: none;
}

.app-card .color[b-dgate9wade] {
    position: absolute;
    top: 0;
    left: 0;
    width: 3%;
    height: 100%;
    transition: 400ms ease-in-out;
}

.app-card[b-dgate9wade]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
}

.app-card .color[b-dgate9wade]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -.75rem;
    border-left: 1rem solid;
    border-left-color: inherit;
    border-top: .75rem solid transparent;
    border-bottom: .75rem solid transparent;
}

.app-card:hover .color[b-dgate9wade],
.app-card:focus .color[b-dgate9wade] {
    width: 20%;
}

.platform.app-card[b-dgate9wade] {
    transition: color 400ms ease-in-out;
}

.app-card span[b-dgate9wade] {
    position: relative;
}

.platform.app-card .color[b-dgate9wade] {
    background-color: #333;
    border-color: #333;
}

.launcher.app-card .color[b-dgate9wade] {
    background-color: #fff;
    border-color: #fff;
}

.polynomial.app-card .color[b-dgate9wade] {
    background-color: #00AEDB;
    border-color: #00AEDB;
}

.appreciator.app-card .color[b-dgate9wade] {
    background-color: #F37735;
    border-color: #F37735;
}

.instruments.app-card .color[b-dgate9wade] {
    background-color: #8EBC00;
    border-color: #8EBC00;
}

.risk.app-card .color[b-dgate9wade] {
    background-color: #7C4199;
    border-color: #7C4199;
}

.platform .app-card.platform .color[b-dgate9wade],
.launcher .app-card.launcher .color[b-dgate9wade],
.appreciator .app-card.appreciator .color[b-dgate9wade],
.polynomial .app-card.polynomial .color[b-dgate9wade],
.instruments .app-card.instruments .color[b-dgate9wade],
.risk .app-card.risk .color[b-dgate9wade]{
    width: 100%;
}

.launcher .app-card.launcher[b-dgate9wade]{
    color: #444;
}

.slider-container[b-dgate9wade] {
    height: 28rem;
    margin-bottom: 1rem;
}

@media (max-width: 1200px) {
    .page-article[b-dgate9wade], 
    .app-container[b-dgate9wade] {
        display: block;
    }

    .app-container[b-dgate9wade] {
        width: 100%;
        height: auto;
        position: relative;
        top: 0;
        margin-bottom: 1rem;
        padding: 0;
    }

    .app-selector[b-dgate9wade] {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-evenly;
        column-gap: .25rem;
        row-gap: .5rem;
    }

    .app-card[b-dgate9wade] {
        width: 15rem;
        /*margin-bottom: 1rem;*/
        padding: .5rem 1.5rem;
        font-size: 1rem;
    }

    .app-card .color[b-dgate9wade]::after {
        margin-top: -.5rem;
        border-left: .75rem solid;
        border-left-color: inherit;
        border-top: .5rem solid transparent;
        border-bottom: .5rem solid transparent;
    }
}

@media (max-width: 768px) {
    .app-card[b-dgate9wade] {
        width: 49%;
        font-size: 1em;
    }

    .page main > article[b-dgate9wade] {
        width: auto;
        margin: 0 auto;
        padding: 2rem 1.5rem !important;
    }
}

@media (min-width: 768px) {
    .page-article[b-dgate9wade] {
        width: 80%;
        max-width: 1000px;
        padding: 3rem 5rem;
    }
}
/* _content/FderivsWebsite/Shared/AdminLayout.razor.rz.scp.css */
.page .content[b-bi9pbz408f] {
    transition-duration: var(--transition-duration-short);
    transition-timing-function: var(--transition-function-default);
    min-height: calc(100vh - 56px);
}

@media (min-width: 768px) {
    .page.sidebar-layout .content[b-bi9pbz408f] {
        margin-left: var(--sidebar-width);
    }

    .page .content[b-bi9pbz408f] {
        min-height: calc(100vh - 112px);
    }
}

@media (min-width: 950px) {
    .page .content[b-bi9pbz408f] {
        padding: 1.5rem 3.5rem;
    }
}
/* _content/FderivsWebsite/Shared/HomeLayout.razor.rz.scp.css */
.page .content[b-eqc0mptind] {
    transition-duration: var(--transition-duration-short);
    transition-timing-function: var(--transition-function-default);
}

@media (min-width: 768px) {
    .page.sidebar-layout .content[b-eqc0mptind] {
        margin-left: var(--sidebar-width);
    }

    .page .content[b-eqc0mptind] {
        min-height: calc(100vh - 112px);
    }
}
/* _content/FderivsWebsite/Shared/LoginLayout.razor.rz.scp.css */
.page .content[b-pnapcs9g1o] {
    transition-duration: var(--transition-duration-short);
    transition-timing-function: var(--transition-function-default);
}

@media (min-width: 768px) {
    .page.sidebar-layout .content[b-pnapcs9g1o] {
        margin-left: var(--sidebar-width);
    }
}
/* _content/FderivsWebsite/Shared/MainLayout.razor.rz.scp.css */
.page .content[b-54p59a4ao4] {
    transition-duration: var(--transition-duration-short);
    transition-timing-function: var(--transition-function-default);
    min-height: calc(100vh - 56px);
}

@media (min-width: 768px) {
    .page.sidebar-layout .content[b-54p59a4ao4] {
        margin-left: var(--sidebar-width);
    }

    .page .content[b-54p59a4ao4] {
        min-height: calc(100vh - 112px);
    }
}

@media (min-width: 950px) {
    .page .content[b-54p59a4ao4] {
        padding: 1.5rem 3.5rem 1rem 3.5rem;
    }
}