@import url(https://fonts.bunny.net/css?family=roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i);

@font-face {
    font-family: 'Neue Haas Grotesk';
    src: url('/css/font/NHaasGroteskDSPro-65Md.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Neue Haas Grotesk';
    src: url('/css/font/NHaasGroteskDSPro-55Rg.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Neue Haas Grotesk';
    src: url('/css/font/NHaasGroteskDSPro-45Lt.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Neue Haas Grotesk';
    src: url('/css/font/NHaasGroteskDSPro-75Bd.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: block;
}


html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-family: sans-serif
}

body {
    margin: 0;
    overflow-y: scroll;
}

a {
    background-color: #0000
}

    a:active, a:hover {
        outline: 0
    }

img {
    border: 0
}

body {
    color: var(--gray-500);
    font-family: Neue Haas Grotesk,sans-serif;
    font-weight: 400;
    letter-spacing: .02em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.76;
    display: flex;
    justify-content: center;
}

.container {
    max-width: 1200px;
}

.section.is--gray {
    background-color: var(--gray-25);
    margin-left: -38px;
    margin-right: -15px;
    padding-left: 38px;
    padding-right: 15px;
}

.navbar {
    border-bottom: 1px solid var(--gray-50);
}

.nav__underline {
    background-color: var(--purple-25);
    width: 100%;
    height: 1px;
    position: absolute;
    inset: auto auto 0% 0%;
}

.body-s {
    letter-spacing: .02em;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.76
}

    .body-s.is--nav {
        color: var(--black);
        line-height: 1
    }

h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 72px;
    font-weight: 500;
    line-height: 111%;
}

h2 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 48px;
    font-weight: 500;
    line-height: 1.16;
}

h3 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px
}

h4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px
}

h5 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

h6 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px
}

p {
    margin-bottom: 0
}

a {
    color: #232323;
    text-decoration: none
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px
}

img {
    max-width: 100%;
    display: inline-block
}

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

.data-table__noborder {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

    .data-table__noborder.dxbl-grid .dxbl-grid-table > tbody > tr > td {
        border-left-width: 0px;
    }

    .data-table__noborder.dxbl-grid .dxbl-grid-table > thead > tr > th {
        border-left-width: 0px;
    }

.data-table__noborder__outside {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;
}

.data-table__small {
    font-size: 13px !important;
}

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

.data-table__gray {
    background-color: #f5f5f5;
}

.data-table__link {
    color: var(--purple-200);
    letter-spacing: .02em;
    justify-content: flex-start;
    font-weight: 700;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: var(--grid-default-font-size);
}

.data-table__link__text {
    color: var(--purple-200);
    transition: all 0s;
}

    .data-table__link__text:hover {
        color: var(--purple-400);
        text-decoration: underline
    }

.data-table__header {
    border-bottom: 1px solid var(--gray-50);
    transition: all .2s;
    padding-top: 16px;
    padding-bottom: 16px;
}

.data-table__tabular {
    font-family: 'Roboto', sans-serif !important;
}

.data-table__row {
    border-bottom: 1px solid var(--gray-50);
    transition: all .2s;
    padding-top: 16px;
    padding-bottom: 16px;
}

    .data-table__row:hover td:not(.dxbl-grid-empty-cell) {
        background-color: #f5f5f5 !important;
    }

        .data-table__row:hover td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-command-cell):not(.no-bold-hover) {
            font-weight: bold;
        }

        .data-table__row:hover td:not(.dxbl-grid-empty-cell) button {
            font-weight: inherit;
        }

.data-table__row__alt {
    background-color: #f7f6f9 !important;
}

.data-table__row__reduce_padding {
    --dxbl-grid-text-cell-padding-x: .1rem;
    --dxbl-grid-text-cell-padding-y: .1rem;
}

.data-table__cell {
    text-align: left;
    font-size: var(--grid-default-font-size);
}

.data-table__head-cell {
    background-color: unset !important;
}

.dxbl-grid .dxbl-grid-sort-asc svg, .dxbl-grid .dxbl-grid-sort-desc svg {
    display: none;
}

.dxbl-grid .dxbl-grid-sort-asc::after {
    color: #232323;
    background-image: url('/images/sort-data-up.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    content: " ";
    width: 16px;
    height: 16px;
}

.dxbl-grid .dxbl-grid-sort-desc::after {
    color: #232323;
    background-image: url('/images/sort-data-down.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    content: " ";
    width: 16px;
    height: 16px;
}

.data-table__sort-btn {
    color: #232323;
    background-image: url('/images/icon-reorder.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    content: " ";
    width: 16px;
    height: 16px;
}

.dxbl-edit-btn-clear > svg {
    display: none;
}

.dxbl-edit-btn-clear::after {
    color: #232323;
    width: 14px;
    height: 14px;
    background-image: url('/images/close-icon.svg');
    background-position: 100%;
    background-repeat: no-repeat;
    content: " ";
}

.is--gray {
    background-color: var(--gray-25);
    padding: 0px;
}

input::placeholder {
    color: #999;
    font-weight: 500;
}

.data-table__search__icon {
    position: absolute;
    inset: 50% 14px auto auto;
    transform: translateY(-50%);
}

:root {
    --gray-500: #232323;
    --gray-50: #e4e4e4;
    --gray-400: #484848;
    --purple-500: #231945;
    --gray-25: whitesmoke;
    --black: black;
    --white: white;
    --purple-25: #edeaf0;
    --blue-25: #e3eaf6;
    --teal-25: #e1efef;
    --teal-50: #d4f9f6;
    --blue-50: #cddbf0;
    --gray-10: #f8f8f8;
    --blue-500: #252a46;
    --purple-50: #ddd8ff;
    --gray-300: #818181;
    --gray-100: #cacaca;
    --gray-200: #a4a4a4;
    --purple-200: #755fc4;
    --blue-400: #3f4c8e;
    --purple-300: #5d42af;
    --purple-400: #46338a;
    --blue-300: #526dbe;
    --purple-100: #afa1e9;
    --teal-100: #9ff0ec;
    --teal-200: #5edfe3;
    --teal-300: #1da4a8;
    --teal-400: #167a7d;
    --teal-500: #07282c;
    --blue-100: #9bb7e0;
    --blue-200: #83a3d7;
    --shadow-transition: #0b0e5700;
    --overlay-color: #00000026;
    --gray: #fbfafa;
    --bs-primary-rgb: 117, 95, 196;
    --bs-primary: #755fc4;
    --grid-default-font-size: 15px;
}

.dxbl-grid {
    --dxbl-grid-font-size: var(--grid-default-font-size);
    --dxbl-grid-border-color: var(--gray-50);
    --dxbl-grid-highlighted-text-bg: var(--teal-50);
}

.dxbl-grid-header {
    border-bottom-width: 3px !important;
}

.dxbl-treeview .dxbl-filter-content {
    --dxbl-treeview-navigation-filter-content-bg-color: var(--teal-50);
}

.data-table__combobox {
    border: 2px solid var(--gray-50);
    color: var(--gray-500);
    letter-spacing: .01em;
    background-color: #0000;
    border-radius: 10px !important;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    padding: 3px 5px 3px 10px;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s;
    --dxbl-text-edit-focus-shadow-blur: unset;
    --dxbl-text-edit-focus-shadow-color: unset;
    --dxbl-text-edit-focus-shadow-spread: unset;
    --dxbl-text-edit-focus-border-color: var(--purple-200);
}

    .data-table__combobox .dxbl-list-box, .dxbl-list-box-render-container {
        --dxbl-list-box-item-padding-x: 1rem !important;
        --dxbl-list-box-item-padding-y: .375rem !important;
    }

    .data-table__combobox .dxbl-list-box-item-selected {
        --dxbl-list-box-item-padding-x: 20px;
    }

.data-table__search {
    border: 2px solid var(--gray-50);
    color: var(--gray-500);
    letter-spacing: .01em;
    background-color: #0000;
    border-radius: 10px !important;
    width: 100%;
    max-width: none;
    margin-bottom: 0;
    padding: 3px 58px 3px 10px;
    font-size: 16px;
    font-weight: 500;
    transition: all .3s;
    --dxbl-text-edit-focus-shadow-blur: unset;
    --dxbl-text-edit-focus-shadow-color: unset;
    --dxbl-text-edit-focus-shadow-spread: unset;
    --dxbl-text-edit-focus-border-color: var(--purple-200);
}

    .data-table__search:focus {
        border-color: var(--purple-200);
    }

.tabs {
    --dxbl-tabs-tab-selected-color: unset;
    --dxbl-tabs-font-size: 1rem;
    --dxbl-tabs-tab-focus-outline-color: var(--purple-200);
}

.dxbl-active {
    font-weight: bold;
}

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    height: 4px;
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    background-color: var(--purple-200);
    border-radius: 50px;
}

.chart_font {
    font-family: "Neue Haas Grotesk", sans-serif !important;
}

    .chart_font * {
        font-family: inherit !important;
    }

.text--gray-300 {
    color: var(--gray-300);
}

.fa-hover-icon {
    font-weight: 300;
}

    .fa-hover-icon:hover {
        font-weight: 900;
    }

.fa-hover-button-icon .dxbl-image {
    font-weight: 300;
}

.fa-hover-button-icon:hover .dxbl-image {
    font-weight: 900;
}

.breadcrumbs {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 45px;
    display: flex
}

    .breadcrumbs.mb--xs {
        margin-bottom: 20px
    }

    .breadcrumbs.mb--sm {
        margin-bottom: 40px
    }

    .breadcrumbs.mb--l {
        margin-bottom: 78px
    }

    .breadcrumbs.is--hero-l {
        margin-bottom: 10px
    }

    .breadcrumbs.mb--ml {
        margin-bottom: 62px
    }

    .breadcrumbs.mb--xl {
        margin-bottom: 120px
    }

.breadcrumbs__arrow {
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    display: flex
}

    .breadcrumbs__arrow.is--medium {
        color: var(--gray-200)
    }

    .breadcrumbs__arrow.is--light-mob-med, .breadcrumbs__arrow.is--light {
        color: var(--gray-100)
    }

.breadcrumbs__text {
    color: var(--gray-300);
    letter-spacing: normal;
    font-size: 14px;
    font-weight: 500;
    line-height: 160%;
    position: relative;
    overflow: hidden
}

    .breadcrumbs__text.is--current-white-mob-dark {
        color: var(--white)
    }

    .breadcrumbs__text.is--light-mob-dark {
        color: var(--gray-100)
    }

    .breadcrumbs__text.is--current {
        color: var(--gray-500)
    }

    .breadcrumbs__text.is--current-white {
        color: var(--white)
    }

    .breadcrumbs__text.is--light-mob-med {
        color: var(--gray-100)
    }

    .breadcrumbs__text.is--medium {
        color: var(--gray-200)
    }

    .breadcrumbs__text.is--light {
        color: var(--gray-100)
    }