:root {
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #001E30;
    --bs-body-bg: #f1f3f5;    
}

@font-face {
    font-family: 'Broxel';
    src: url("Fonts/Broxel/Broxel.eot?iyswd1");
    src: url("Fonts/Broxel/Broxel.eot#iefix") format("embedded-opentype"), url("Fonts/Broxel/Broxel.woff2") format("woff2"), url("Fonts/Broxel/Broxel.ttf") format("truetype"), url("Fonts/Broxel/Broxel.woff") format("woff"), url("Fonts/Broxel/Broxel.svg#Broxel") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block
}


@font-face {
    font-family: "CircularStd Medium";
    src: url("Fonts/CircularStd-Medium/CircularStd-Medium.eot");
    src: url("Fonts/CircularStd-Medium/CircularStd-Medium.woff") format("woff");
    src: url("Fonts/CircularStd-Medium/CircularStd-Medium.otf") format("opentype");
    src: url("Fonts/CircularStd-Medium/CircularStd-Medium.svg#filename") format("svg");
    src: url("Fonts/CircularStd-Medium/CircularStd-Medium.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd Bold";
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.eot");
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.ttf") format("truetype");
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.otf") format("opentype");
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.woff") format("woff");
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.svg#filename") format("svg");
    src: url("Fonts/CircularStd-Bold/CircularStd-Bold.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd";
    src: url("Fonts/CircularStd-Book/CircularStd-Book.eot");
    src: url("Fonts/CircularStd-Book/CircularStd-Book.otf") format("opentype");
    src: url("Fonts/CircularStd-Book/CircularStd-Book.woff") format("woff");
    src: url("Fonts/CircularStd-Book/CircularStd-Book.svg#filename") format("svg");
    src: url("Fonts/CircularStd-Book/CircularStd-Book.woff2") format("woff2")
}

@font-face {
    font-family: "CircularStd Black";
    src: url("Fonts/CircularStd-Black/CircularStd-Black.eot");
    src: url("Fonts/CircularStd-Black/CircularStd-Black.otf") format("opentype");
    src: url("Fonts/CircularStd-Black/CircularStd-Black.woff") format("woff");
    src: url("Fonts/CircularStd-Black/CircularStd-Black.svg#filename") format("svg");
    src: url("Fonts/CircularStd-Black/CircularStd-Black.woff2") format("woff2")
}

@font-face {
    font-family: 'roboto-regular';
    src: url("Fonts/Roboto/Roboto-Regular.eot");
    src: url("Fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"), url("Fonts/Roboto/Roboto-Regular.svg#Roboto-Regular") format("svg"), url("Fonts/Roboto/Roboto-Regular.woff") format("woff"), url("Fonts/Roboto/Roboto-Regular.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto-light';
    src: url("Fonts/Roboto-Light/Roboto-Light.eot");
    src: url("Fonts/Roboto-Light/Roboto-Light.eot?#iefix") format("embedded-opentype"), url("Fonts/Roboto-Light/Roboto-Light.svg#Roboto-Regular") format("svg"), url("Fonts/Roboto-Light/Roboto-Light.woff") format("woff"), url("Fonts/Roboto-Light/Roboto-Light.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'roboto-black';
    src: url("Fonts/Roboto-Black/Roboto-Black.eot");
    src: url("Fonts/Roboto-Black/Roboto-Black.eot?#iefix") format("embedded-opentype"), url("Fonts/Roboto-Black/Roboto-Black.svg#Roboto-Black") format("svg"), url("Fonts/Roboto-Black/Roboto-Black.woff") format("woff"), url("Fonts/Roboto-Black/Roboto-Black.woff2") format("woff2");
    font-weight: normal;
    font-style: normal
}

[class^="bxl-"], [class*=" bxl-"] {
    font-family: 'Broxel' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.bxl-accesibility:before {
    content: "\e900";
    color: #4a4a4a
}

.bxl-active:before {
    content: "\e901";
    color: #4a4a4a
}

.bxl-add-col:before {
    content: "\e902";
    color: #4a4a4a
}

.bxl-add-fill:before {
    content: "\e903";
    color: #4a4a4a
}

.bxl-add-row:before {
    content: "\e904";
    color: #4a4a4a
}

.bxl-add:before {
    content: "\e905";
    color: #4a4a4a
}

.bxl-advisor:before {
    content: "\e906";
    color: #4a4a4a
}

.bxl-air-time:before {
    content: "\e907";
    color: #4a4a4a
}

.bxl-application-ui:before {
    content: "\e908";
    color: #4a4a4a
}

.bxl-arrow-complete-left:before {
    content: "\e909";
    color: #4a4a4a
}

.bxl-arrow-complete-rigth:before {
    content: "\e90a";
    color: #4a4a4a
}

.bxl-arrow-down:before {
    content: "\e90b";
    color: #4a4a4a
}

.bxl-arrow-left:before {
    content: "\e90c";
    color: #4a4a4a
}

.bxl-arrow-rigth:before {
    content: "\e90d";
    color: #4a4a4a
}

.bxl-arrow-up:before {
    content: "\e90e";
    color: #4a4a4a
}

.bxl-backspace:before {
    content: "\e90f";
    color: #4a4a4a
}

.bxl-calendar-fill:before {
    content: "\e910";
    color: #4a4a4a
}

.bxl-calendar:before {
    content: "\e911";
    color: #4a4a4a
}

.bxl-camera:before {
    content: "\e912";
    color: #4a4a4a
}

.bxl-card-fill .path1:before {
    content: "\e913";
    color: #4a4a4a
}

.bxl-card-fill .path2:before {
    content: "\e914";
    margin-left: -1em;
    color: #fff
}

.bxl-card-fill .path3:before {
    content: "\e915";
    margin-left: -1em;
    color: #fff
}

.bxl-card-fill .path4:before {
    content: "\e916";
    margin-left: -1em;
    color: #fff
}

.bxl-card-fill .path5:before {
    content: "\e917";
    margin-left: -1em;
    color: #fff
}

.bxl-card:before {
    content: "\e918";
    color: #4a4a4a
}

.bxl-cash-out:before {
    content: "\e919";
    color: #4a4a4a
}

.bxl-check-act:before {
    content: "\e91a";
    color: #4a4a4a
}

.bxl-check-c:before {
    content: "\e91b";
    color: #4a4a4a
}

.bxl-check-fill:before {
    content: "\e91c";
    color: #4a4a4a
}

.bxl-check-inac:before {
    content: "\e91d";
    color: #4a4a4a
}

.bxl-check:before {
    content: "\e91e";
    color: #4a4a4a
}

.bxl-clarifications:before {
    content: "\e91f";
    color: #4a4a4a
}

.bxl-clock-fill:before {
    content: "\e920";
    color: #4a4a4a
}

.bxl-clock:before {
    content: "\e921";
    color: #4a4a4a
}

.bxl-coin:before {
    content: "\e922";
    color: #4a4a4a
}

.bxl-collapse:before {
    content: "\e923";
    color: #4a4a4a
}

.bxl-contact-book:before {
    content: "\e924";
    color: #4a4a4a
}

.bxl-copy-fill:before {
    content: "\e925";
    color: #4a4a4a
}

.bxl-credit:before {
    content: "\e926";
    color: #4a4a4a
}

.bxl-csv:before {
    content: "\e927";
    color: #4a4a4a
}

.bxl-currency:before {
    content: "\e928";
    color: #4a4a4a
}

.bxl-customers:before {
    content: "\e929";
    color: #4a4a4a
}

.bxl-delete-fill:before {
    content: "\e92a";
    color: #4a4a4a
}

.bxl-deposit-money:before {
    content: "\e92b";
    color: #4a4a4a
}

.bxl-doc:before {
    content: "\e92c";
    color: #4a4a4a
}

.bxl-documents-fill:before {
    content: "\e92d";
    color: #4a4a4a
}

.bxl-documents:before {
    content: "\e92e";
    color: #4a4a4a
}

.bxl-donwload:before {
    content: "\e92f";
    color: #4a4a4a
}

.bxl-edit-fill:before {
    content: "\e930";
    color: #4a4a4a
}

.bxl-edit:before {
    content: "\e931";
    color: #4a4a4a
}

.bxl-email:before {
    content: "\e932";
    color: #4a4a4a
}

.bxl-entities .path1:before {
    content: "\e933";
    color: #4a4a4a
}

.bxl-entities .path2:before {
    content: "\e934";
    margin-left: -1em;
    color: #000
}

.bxl-error-fill:before {
    content: "\e935";
    color: #4a4a4a
}

.bxl-error:before {
    content: "\e936";
    color: #4a4a4a
}

.bxl-exchange-money:before {
    content: "\e937";
    color: #4a4a4a
}

.bxl-exchange:before {
    content: "\e938";
    color: #4a4a4a
}

.bxl-face-id:before {
    content: "\e939";
    color: #4a4a4a
}

.bxl-family:before {
    content: "\e93a";
    color: #4a4a4a
}

.bxl-favorite-fill:before {
    content: "\e93b";
    color: #4a4a4a
}

.bxl-favorite:before {
    content: "\e93c";
    color: #4a4a4a
}

.bxl-filter-fill:before {
    content: "\e93d";
    color: #4a4a4a
}

.bxl-filter:before {
    content: "\e93e";
    color: #4a4a4a
}

.bxl-forecast:before {
    content: "\e93f";
    color: #4a4a4a
}

.bxl-fullscreen:before {
    content: "\e940";
    color: #4a4a4a
}

.bxl-get-in:before {
    content: "\e941";
    color: #4a4a4a
}

.bxl-go-out:before {
    content: "\e942";
    color: #4a4a4a
}

.bxl-help-info:before {
    content: "\e943";
    color: #4a4a4a
}

.bxl-holiday:before {
    content: "\e944";
    color: #4a4a4a
}

.bxl-home-fill:before {
    content: "\e945";
    color: #4a4a4a
}

.bxl-home:before {
    content: "\e946";
    color: #4a4a4a
}

.bxl-idea:before {
    content: "\e947";
    color: #4a4a4a
}

.bxl-jpg:before {
    content: "\e948";
    color: #4a4a4a
}

.bxl-js:before {
    content: "\e949";
    color: #4a4a4a
}

.bxl-launch:before {
    content: "\e94a";
    color: #4a4a4a
}

.bxl-link:before {
    content: "\e94b";
    color: #4a4a4a
}

.bxl-list-check-fill:before {
    content: "\e94c";
    color: #4a4a4a
}

.bxl-list-check:before {
    content: "\e94d";
    color: #4a4a4a
}

.bxl-list:before {
    content: "\e94e";
    color: #4a4a4a
}

.bxl-location:before {
    content: "\e94f";
    color: #4a4a4a
}

.bxl-lock:before {
    content: "\e950";
    color: #4a4a4a
}

.bxl-marketing-ui:before {
    content: "\e951";
    color: #4a4a4a
}

.bxl-message:before {
    content: "\e952";
    color: #4a4a4a
}

.bxl-mic:before {
    content: "\e953";
    color: #4a4a4a
}

.bxl-minus:before {
    content: "\e954";
    color: #4a4a4a
}

.bxl-mobile-app-ui:before {
    content: "\e955";
    color: #4a4a4a
}

.bxl-mosaic:before {
    content: "\e956";
    color: #4a4a4a
}

.bxl-multichannels:before {
    content: "\e957";
    color: #4a4a4a
}

.bxl-notifications:before {
    content: "\e958";
    color: #4a4a4a
}

.bxl-opportunity:before {
    content: "\e959";
    color: #4a4a4a
}

.bxl-pay-credit:before {
    content: "\e95a";
    color: #4a4a4a
}

.bxl-pdf:before {
    content: "\e95b";
    color: #4a4a4a
}

.bxl-peace-economy:before {
    content: "\e95c"
}

.bxl-philosophy:before {
    content: "\e95d";
    color: #4a4a4a
}

.bxl-plus:before {
    content: "\e95e";
    color: #4a4a4a
}

.bxl-png:before {
    content: "\e95f";
    color: #4a4a4a
}

.bxl-print:before {
    content: "\e960";
    color: #4a4a4a
}

.bxl-radio-button-act:before {
    content: "\e961";
    color: #4a4a4a
}

.bxl-radio-button-inac:before {
    content: "\e962";
    color: #4a4a4a
}

.bxl-refresh:before {
    content: "\e963";
    color: #4a4a4a
}

.bxl-reminder:before {
    content: "\e964";
    color: #4a4a4a
}

.bxl-retail-fill:before {
    content: "\e965";
    color: #4a4a4a
}

.bxl-search:before {
    content: "\e966";
    color: #4a4a4a
}

.bxl-see-more:before {
    content: "\e967";
    color: #4a4a4a
}

.bxl-send-money:before {
    content: "\e968";
    color: #4a4a4a
}

.bxl-sending:before {
    content: "\e969";
    color: #4a4a4a
}

.bxl-settings:before {
    content: "\e96a";
    color: #4a4a4a
}

.bxl-showcase:before {
    content: "\e96b";
    color: #4a4a4a
}

.bxl-submenu:before {
    content: "\e96c";
    color: #4a4a4a
}

.bxl-support:before {
    content: "\e96d";
    color: #4a4a4a
}

.bxl-timelapse-fill:before {
    content: "\e96e";
    color: #4a4a4a
}

.bxl-tokens:before {
    content: "\e96f";
    color: #4a4a4a
}

.bxl-tone:before {
    content: "\e970"
}

.bxl-touch-id:before {
    content: "\e971";
    color: #4a4a4a
}

.bxl-trade-fill:before {
    content: "\e972";
    color: #4a4a4a
}

.bxl-trade:before {
    content: "\e973";
    color: #4a4a4a
}

.bxl-unknown:before {
    content: "\e974";
    color: #4a4a4a
}

.bxl-unlock:before {
    content: "\e975";
    color: #4a4a4a
}

.bxl-up:before {
    content: "\e976";
    color: #4a4a4a
}

.bxl-upload-img:before {
    content: "\e977";
    color: #4a4a4a
}

.bxl-utility-services:before {
    content: "\e978";
    color: #4a4a4a
}

.bxl-voice-peace:before {
    content: "\e979";
    color: #4a4a4a
}

.bxl-voice:before {
    content: "\e97a";
    color: #4a4a4a
}

.bxl-waiting:before {
    content: "\e97b";
    color: #4a4a4a
}

.bxl-xls:before {
    content: "\e97c";
    color: #4a4a4a
}

.bxl-xmark:before {
    content: "\e97d";
    color: #4a4a4a
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #001E30 !important;
    font-family: "CircularStd Bold"
}


strong, b {
    font-family: "CircularStd Bold" !important
}


body {
    margin: 0;
    font-family: "CircularStd";
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-family: "CircularStd Bold";
    font-weight: 700;
    line-height: 1.2;
    color: #001E30
}

h1, .h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media (min-width: 1200px) {
    h1, .h1 {
        font-size: 2.5rem
    }
}

h2, .h2 {
    font-size: calc(1.325rem + .9vw)
}

@media (min-width: 1200px) {
    h2, .h2 {
        font-size: 2rem
    }
}

h3, .h3 {
    font-size: calc(1.3rem + .6vw)
}

@media (min-width: 1200px) {
    h3, .h3 {
        font-size: 1.75rem
    }
}

h4, .h4 {
    font-size: calc(1.275rem + .3vw)
}

@media (min-width: 1200px) {
    h4, .h4 {
        font-size: 1.5rem
    }
}

h5, .h5 {
    font-size: 1.25rem
}

h6, .h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title] {
    text-decoration: underline dotted;
    cursor: help;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol, ul {
    padding-left: 2rem
}

ol, ul, dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol, ul ul, ol ul, ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b, strong {
    font-weight: bolder
}

small, .small {
    font-size: .875em
}

mark, .mark {
    padding: .1875em;
}

/*Init Tooltip custom */
.custom-tooltip {
    --bs-tooltip-bg: white;
    --bs-tooltip-color: #495E75;
    --bs-tooltip-opacity: 1;
    --bs-tooltip-border-radius: 3px;
    width: auto;
    font-family: "CircularStd";
    font-weight: 400;
    font-size: 12.8px;


}

.tooltip-inner {
    border: 1px solid #CCD8E3;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    border-top-color: #CCD8E3 !important;
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    border-right-color: #CCD8E3 !important;
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    border-bottom-color: #CCD8E3 !important;
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    border-left-color: #CCD8E3 !important;
}
/* End Tooltip custom */

 /* width */
 ::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #555;
    }