@charset "UTF-8";
a,
a:active,
a:hover {
    text-decoration: initial
}

.body-link:hover,
a,
a.body:active,
a.body:hover {
    color: var(--system_primary_color)
}

.page-link,
a,
button {
    outline: initial !important
}

body,
html {
    width: 100%;
    margin: 0
}

.btn,
.tooltip,
body,
p {
    font-family: var(--font)
}

html,
html[data-footer=true][data-fullpage=true] #root,
html[data-footer=true][data-fullpage=true] body,
html[data-fullpage=true] #root,
html[data-fullpage=true] body {
    height: 100%
}

.e-0,
.e-1,
.e-2,
.e-3,
.e-4,
.e-5,
.s-0,
.s-1,
.s-2,
.s-3,
.s-4,
.s-5,
.t-0,
.t-1,
.t-2,
.t-3,
.t-4,
.t-5 {
    z-index: 1
}

:root {
    --sm: 576px;
    --md: 768px;
    --lg: 992px;
    --xl: 1200px;
    --xxl: 1400px;
    --transition-time: 400ms;
    --transition-time-long: 1000ms;
    --transition-time-short: 200ms;
    --nav-size-slim: 4.5rem;
    --nav-size: 18rem;
    --footer-size: 4.5rem;
    --input-height: 2.25rem;
    --small-title-height: 2rem;
    --font: "Nunito Sans", sans-serif;
    --font-heading: "Montserrat", sans-serif;
    --card-spacing: 2rem;
    --card-spacing-sm: 1.25rem;
    --card-spacing-xs: 0.75rem;
    --card-spacing-sm-horizontal: 1.75rem 1.25rem;
    --card-spacing-sm-vertical: 1.25rem 1.75rem;
    --main-spacing-horizontal: 2.5rem;
    --main-spacing-vertical: 2rem;
    --title-spacing: 1.25rem;
    --fc-small-font-size: 0.85em;
    --fc-page-bg-color: var(--foreground);
    --fc-neutral-bg-color: var(--separator-light);
    --fc-neutral-text-color: var(--separator);
    --fc-border-color: var(--separator-light);
    --fc-event-bg-color: var(--system_primary_color);
    --fc-event-border-color: var(--system_primary_color);
    --fc-event-text-color: var(--light-text);
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(var(--primary-rgb), 0.2);
    --fc-bg-event-color: rgba(var(--primary-rgb), 0.2);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(var(--primary-rgb), 0.1);
    --fc-today-bg-color: rgba(var(--primary-rgb), 0.05);
    --fc-now-indicator-color: var(--danger);
    scroll-behavior: initial
}

.w-100 {
    width: 100% !important
}

.w-90 {
    width: 90% !important
}

.w-80 {
    width: 80% !important
}

.w-75 {
    width: 75% !important
}

.w-70 {
    width: 70% !important
}

.w-60 {
    width: 60% !important
}

.w-50 {
    width: 50% !important
}

.w-40 {
    width: 40% !important
}

.w-33 {
    width: 33.3% !important
}

.w-30 {
    width: 30% !important
}

.w-25 {
    width: 25% !important
}

.w-20 {
    width: 20% !important
}

.w-10 {
    width: 10% !important
}

.h-auto {
    height: auto !important
}

.w-auto {
    width: auto !important
}

.sh-0 {
    height: 0 !important
}

.sw-0 {
    width: 0 !important
}

.sh-1 {
    height: .5rem !important
}

.sw-1 {
    width: .5rem !important
}

.sh-2 {
    height: 1rem !important
}

.sw-2 {
    width: 1rem !important
}

.sh-3 {
    height: 1.5rem !important
}

.sw-3 {
    width: 1.5rem !important
}

.sh-4 {
    height: 2rem !important
}

.sw-4 {
    width: 2rem !important
}

.sh-5 {
    height: 2.5rem !important
}

.sw-5 {
    width: 2.5rem !important
}

.sh-6 {
    height: 3rem !important
}

.sw-6 {
    width: 3rem !important
}

.sh-7 {
    height: 3.5rem !important
}

.sw-7 {
    width: 3.5rem !important
}

.sh-8 {
    height: 4rem !important
}

.sw-8 {
    width: 4rem !important
}

.sh-9 {
    height: 4.5rem !important
}

.sw-9 {
    width: 4.5rem !important
}

.sh-10 {
    height: 5rem !important
}

.sw-10 {
    width: 5rem !important
}

.sh-11 {
    height: 5.5rem !important
}

.sw-11 {
    width: 5.5rem !important
}

.sh-12 {
    height: 6rem !important
}

.sw-12 {
    width: 6rem !important
}

.sh-13 {
    height: 6.5rem !important
}

.sw-13 {
    width: 6.5rem !important
}

.sh-14 {
    height: 7rem !important
}

.sw-14 {
    width: 7rem !important
}

.sh-15 {
    height: 7.5rem !important
}

.sw-15 {
    width: 7.5rem !important
}

.sh-16 {
    height: 8rem !important
}

.sw-16 {
    width: 8rem !important
}

.sh-17 {
    height: 8.5rem !important
}

.sw-17 {
    width: 8.5rem !important
}

.sh-18 {
    height: 9rem !important
}

.sw-18 {
    width: 9rem !important
}

.sh-19 {
    height: 9.5rem !important
}

.sw-19 {
    width: 9.5rem !important
}

.sh-20 {
    height: 10rem !important
}

.sw-20 {
    width: 10rem !important
}

.sh-21 {
    height: 10.5rem !important
}

.sw-21 {
    width: 10.5rem !important
}

.sh-22 {
    height: 11rem !important
}

.sw-22 {
    width: 11rem !important
}

.sh-23 {
    height: 11.5rem !important
}

.sw-23 {
    width: 11.5rem !important
}

.sh-24 {
    height: 12rem !important
}

.sw-24 {
    width: 12rem !important
}

.sh-25 {
    height: 12.5rem !important
}

.sw-25 {
    width: 12.5rem !important
}

.sh-30 {
    height: 15rem !important
}

.sw-30 {
    width: 15rem !important
}

.sh-35 {
    height: 17.5rem !important
}

.sw-35 {
    width: 17.5rem !important
}

.sh-40 {
    height: 20rem !important
}

.sw-40 {
    width: 20rem !important
}

.sh-45 {
    height: 22.5rem !important
}

.sw-45 {
    width: 22.5rem !important
}

.sh-50 {
    height: 25rem !important
}

.sw-50 {
    width: 25rem !important
}

.sh-60 {
    height: 30rem !important
}

.sw-60 {
    width: 30rem !important
}

.sh-70 {
    height: 35rem !important
}

.sw-70 {
    width: 35rem !important
}

.sh-80 {
    height: 40rem !important
}

.sw-80 {
    width: 40rem !important
}

@media (min-width:768px) {
    .sh-md-0 {
        height: 0 !important
    }
    .sw-md-0 {
        width: 0 !important
    }
    .sh-md-1 {
        height: .5rem !important
    }
    .sw-md-1 {
        width: .5rem !important
    }
    .sh-md-2 {
        height: 1rem !important
    }
    .sw-md-2 {
        width: 1rem !important
    }
    .sh-md-3 {
        height: 1.5rem !important
    }
    .sw-md-3 {
        width: 1.5rem !important
    }
    .sh-md-4 {
        height: 2rem !important
    }
    .sw-md-4 {
        width: 2rem !important
    }
    .sh-md-5 {
        height: 2.5rem !important
    }
    .sw-md-5 {
        width: 2.5rem !important
    }
    .sh-md-6 {
        height: 3rem !important
    }
    .sw-md-6 {
        width: 3rem !important
    }
    .sh-md-7 {
        height: 3.5rem !important
    }
    .sw-md-7 {
        width: 3.5rem !important
    }
    .sh-md-8 {
        height: 4rem !important
    }
    .sw-md-8 {
        width: 4rem !important
    }
    .sh-md-9 {
        height: 4.5rem !important
    }
    .sw-md-9 {
        width: 4.5rem !important
    }
    .sh-md-10 {
        height: 5rem !important
    }
    .sw-md-10 {
        width: 5rem !important
    }
    .sh-md-11 {
        height: 5.5rem !important
    }
    .sw-md-11 {
        width: 5.5rem !important
    }
    .sh-md-12 {
        height: 6rem !important
    }
    .sw-md-12 {
        width: 6rem !important
    }
    .sh-md-13 {
        height: 6.5rem !important
    }
    .sw-md-13 {
        width: 6.5rem !important
    }
    .sh-md-14 {
        height: 7rem !important
    }
    .sw-md-14 {
        width: 7rem !important
    }
    .sh-md-15 {
        height: 7.5rem !important
    }
    .sw-md-15 {
        width: 7.5rem !important
    }
    .sh-md-16 {
        height: 8rem !important
    }
    .sw-md-16 {
        width: 8rem !important
    }
    .sh-md-17 {
        height: 8.5rem !important
    }
    .sw-md-17 {
        width: 8.5rem !important
    }
    .sh-md-18 {
        height: 9rem !important
    }
    .sw-md-18 {
        width: 9rem !important
    }
    .sh-md-19 {
        height: 9.5rem !important
    }
    .sw-md-19 {
        width: 9.5rem !important
    }
    .sh-md-20 {
        height: 10rem !important
    }
    .sw-md-20 {
        width: 10rem !important
    }
    .sh-md-21 {
        height: 10.5rem !important
    }
    .sw-md-21 {
        width: 10.5rem !important
    }
    .sh-md-22 {
        height: 11rem !important
    }
    .sw-md-22 {
        width: 11rem !important
    }
    .sh-md-23 {
        height: 11.5rem !important
    }
    .sw-md-23 {
        width: 11.5rem !important
    }
    .sh-md-24 {
        height: 12rem !important
    }
    .sw-md-24 {
        width: 12rem !important
    }
    .sh-md-25 {
        height: 12.5rem !important
    }
    .sw-md-25 {
        width: 12.5rem !important
    }
    .sh-md-30 {
        height: 15rem !important
    }
    .sw-md-30 {
        width: 15rem !important
    }
    .sh-md-35 {
        height: 17.5rem !important
    }
    .sw-md-35 {
        width: 17.5rem !important
    }
    .sh-md-40 {
        height: 20rem !important
    }
    .sw-md-40 {
        width: 20rem !important
    }
    .sh-md-45 {
        height: 22.5rem !important
    }
    .sw-md-45 {
        width: 22.5rem !important
    }
    .sh-md-50 {
        height: 25rem !important
    }
    .sw-md-50 {
        width: 25rem !important
    }
    .sh-md-60 {
        height: 30rem !important
    }
    .sw-md-60 {
        width: 30rem !important
    }
    .sh-md-70 {
        height: 35rem !important
    }
    .sw-md-70 {
        width: 35rem !important
    }
    .sh-md-80 {
        height: 40rem !important
    }
    .sw-md-80 {
        width: 40rem !important
    }
    .h-md-auto {
        height: auto !important
    }
    .w-md-auto {
        width: auto !important
    }
    .h-md-25 {
        height: 25% !important
    }
    .w-md-25 {
        width: 25% !important
    }
    .h-md-50 {
        height: 50% !important
    }
    .w-md-50 {
        width: 50% !important
    }
    .h-md-75 {
        height: 75% !important
    }
    .w-md-75 {
        width: 75% !important
    }
    .h-md-100 {
        height: 100% !important
    }
    .w-md-100 {
        width: 100% !important
    }
}

@media (min-width:1400px) {
    .sh-xxl-0 {
        height: 0 !important
    }
    .sw-xxl-0 {
        width: 0 !important
    }
    .sh-xxl-1 {
        height: .5rem !important
    }
    .sw-xxl-1 {
        width: .5rem !important
    }
    .sh-xxl-2 {
        height: 1rem !important
    }
    .sw-xxl-2 {
        width: 1rem !important
    }
    .sh-xxl-3 {
        height: 1.5rem !important
    }
    .sw-xxl-3 {
        width: 1.5rem !important
    }
    .sh-xxl-4 {
        height: 2rem !important
    }
    .sw-xxl-4 {
        width: 2rem !important
    }
    .sh-xxl-5 {
        height: 2.5rem !important
    }
    .sw-xxl-5 {
        width: 2.5rem !important
    }
    .sh-xxl-6 {
        height: 3rem !important
    }
    .sw-xxl-6 {
        width: 3rem !important
    }
    .sh-xxl-7 {
        height: 3.5rem !important
    }
    .sw-xxl-7 {
        width: 3.5rem !important
    }
    .sh-xxl-8 {
        height: 4rem !important
    }
    .sw-xxl-8 {
        width: 4rem !important
    }
    .sh-xxl-9 {
        height: 4.5rem !important
    }
    .sw-xxl-9 {
        width: 4.5rem !important
    }
    .sh-xxl-10 {
        height: 5rem !important
    }
    .sw-xxl-10 {
        width: 5rem !important
    }
    .sh-xxl-11 {
        height: 5.5rem !important
    }
    .sw-xxl-11 {
        width: 5.5rem !important
    }
    .sh-xxl-12 {
        height: 6rem !important
    }
    .sw-xxl-12 {
        width: 6rem !important
    }
    .sh-xxl-13 {
        height: 6.5rem !important
    }
    .sw-xxl-13 {
        width: 6.5rem !important
    }
    .sh-xxl-14 {
        height: 7rem !important
    }
    .sw-xxl-14 {
        width: 7rem !important
    }
    .sh-xxl-15 {
        height: 7.5rem !important
    }
    .sw-xxl-15 {
        width: 7.5rem !important
    }
    .sh-xxl-16 {
        height: 8rem !important
    }
    .sw-xxl-16 {
        width: 8rem !important
    }
    .sh-xxl-17 {
        height: 8.5rem !important
    }
    .sw-xxl-17 {
        width: 8.5rem !important
    }
    .sh-xxl-18 {
        height: 9rem !important
    }
    .sw-xxl-18 {
        width: 9rem !important
    }
    .sh-xxl-19 {
        height: 9.5rem !important
    }
    .sw-xxl-19 {
        width: 9.5rem !important
    }
    .sh-xxl-20 {
        height: 10rem !important
    }
    .sw-xxl-20 {
        width: 10rem !important
    }
    .sh-xxl-21 {
        height: 10.5rem !important
    }
    .sw-xxl-21 {
        width: 10.5rem !important
    }
    .sh-xxl-22 {
        height: 11rem !important
    }
    .sw-xxl-22 {
        width: 11rem !important
    }
    .sh-xxl-23 {
        height: 11.5rem !important
    }
    .sw-xxl-23 {
        width: 11.5rem !important
    }
    .sh-xxl-24 {
        height: 12rem !important
    }
    .sw-xxl-24 {
        width: 12rem !important
    }
    .sh-xxl-25 {
        height: 12.5rem !important
    }
    .sw-xxl-25 {
        width: 12.5rem !important
    }
    .sh-xxl-30 {
        height: 15rem !important
    }
    .sw-xxl-30 {
        width: 15rem !important
    }
    .sh-xxl-35 {
        height: 17.5rem !important
    }
    .sw-xxl-35 {
        width: 17.5rem !important
    }
    .sh-xxl-40 {
        height: 20rem !important
    }
    .sw-xxl-40 {
        width: 20rem !important
    }
    .sh-xxl-45 {
        height: 22.5rem !important
    }
    .sw-xxl-45 {
        width: 22.5rem !important
    }
    .sh-xxl-50 {
        height: 25rem !important
    }
    .sw-xxl-50 {
        width: 25rem !important
    }
    .sh-xxl-60 {
        height: 30rem !important
    }
    .sw-xxl-60 {
        width: 30rem !important
    }
    .sh-xxl-70 {
        height: 35rem !important
    }
    .sw-xxl-70 {
        width: 35rem !important
    }
    .sh-xxl-80 {
        height: 40rem !important
    }
    .sw-xxl-80 {
        width: 40rem !important
    }
    .h-xxl-auto {
        height: auto !important
    }
    .w-xxl-auto {
        width: auto !important
    }
    .h-xxl-25 {
        height: 25% !important
    }
    .w-xxl-25 {
        width: 25% !important
    }
    .h-xxl-50 {
        height: 50% !important
    }
    .w-xxl-50 {
        width: 50% !important
    }
    .h-xxl-75 {
        height: 75% !important
    }
    .w-xxl-75 {
        width: 75% !important
    }
    .h-xxl-100 {
        height: 100% !important
    }
    .w-xxl-100 {
        width: 100% !important
    }
}

.min-h-100 {
    min-height: 100%
}

.min-w-100 {
    min-width: 100%
}

.col,
.col-lg,
.col-md,
.min-w-0 {
    min-width: 0
}

.min-h-0 {
    min-height: 0
}

.t-0 {
    top: 0 !important
}

.s-0 {
    left: 0 !important
}

.e-0 {
    right: 0 !important
}

.t-1 {
    top: .25rem !important
}

.s-1 {
    left: .25rem !important
}

.e-1 {
    right: .25rem !important
}

.t-2 {
    top: .5rem !important
}

.s-2 {
    left: .5rem !important
}

.e-2 {
    right: .5rem !important
}

.t-3 {
    top: 1rem !important
}

.s-3 {
    left: 1rem !important
}

.e-3 {
    right: 1rem !important
}

.t-4 {
    top: 1.5rem !important
}

.s-4 {
    left: 1.5rem !important
}

.e-4 {
    right: 1.5rem !important
}

.t-5 {
    top: 2rem !important
}

.s-5 {
    left: 2rem !important
}

.e-5 {
    right: 2rem !important
}

a {
    transition: color var(--transition-time-short)
}

a:active,
a:hover {
    color: var(--system_secondary_color)
}

.body-link,
a.body {
    color: var(--body)
}

.bg-background,
.bg-foreground,
.bg-outline-primary,
.btn-outline-primary,
.text-primary {
    color: var(--system_primary_color) !important
}

.absolute-center {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.btn.shadow,
.shadow {
    box-shadow: 0 4px 10px rgba(0, 0, 0, .03) !important
}

.shadow-deep {
    box-shadow: 0 6px 10px rgba(0, 0, 0, .1) !important
}

html[data-radius=rounded] {
    --border-radius-lg: 16px;
    --border-radius-md: 10px;
    --border-radius-sm: 6px;
    --border-radius-xl: 50px
}

html[data-radius=standard] {
    --border-radius-lg: 6px;
    --border-radius-md: 4px;
    --border-radius-sm: 3px;
    --border-radius-xl: 4px
}

html[data-radius=flat] {
    --border-radius-lg: 0;
    --border-radius-sm: 0;
    --border-radius-md: 0;
    --border-radius-xl: 0
}

@media (max-width:1199.98px) {
    :root {
        --main-spacing-horizontal: 2rem
    }
}

html[data-color=default] {
    --primary: #1ea8e7;
    --secondary: #6cdbef;
    --tertiary: #5de3c8;
    --quaternary: #558df3;
    --primary-rgb: 30, 168, 231;
    --secondary-rgb: 108, 219, 239;
    --tertiary-rgb: 93, 227, 200;
    --quaternary-rgb: 85, 141, 243;
    --primary-darker: #1b9ad4;
    --secondary-darker: #61c6d8;
    --tertiary-darker: #54ccb4;
    --quaternary-darker: #4c7dd6;
    --body: #4e4e4e;
    --alternate: #7c7c7c;
    --muted: #afafaf;
    --separator: #e6e6e6;
    --separator-light: #f1f1f1;
    --body-rgb: 59, 59, 59;
    --alternate-rgb: 124, 124, 124;
    --muted-rgb: 176, 176, 176;
    --separator-rgb: 221, 221, 221;
    --separator-light-rgb: 241, 241, 241;
    --background: #f9f9f9;
    --foreground: #ffffff;
    --background-rgb: 249, 249, 249;
    --foreground-rgb: 255, 255, 255;
    --background-theme: #eaf0f1;
    --background-light: #f8f8f8;
    --gradient-1: #1ea8e7;
    --gradient-2: #21aff0;
    --gradient-3: #23b3f4;
    --gradient-1-lighter: #2abdff;
    --gradient-1-darker: #1fa5e2;
    --light-text: #fff;
    --dark-text: #343a40;
    --light-text-darker: #eeeeee;
    --dark-text-darker: #23272b;
    --light-text-rgb: 255, 255, 255;
    --dark-text-rgb: 52, 58, 64;
    --danger: #cf2637;
    --info: #279aac;
    --warning: #ebb71a;
    --success: #439b38;
    --light: #dadada;
    --dark: #4e4e4e;
    --danger-darker: #771a23;
    --info-darker: #19545d;
    --warning-darker: #aa830f;
    --success-darker: #285422;
    --light-darker: #c9c9c9;
    --dark-darker: #282828;
    --body-darker: #333333;
    --alternate-darker: #616161;
    --muted-darker: #888888;
    --separator-darker: #c0c0c0;
    --danger-rgb: 182, 40, 54;
    --info-rgb: 41, 138, 153;
    --warning-rgb: 235, 183, 26;
    --success-rgb: 65, 139, 56;
    --light-rgb: 218, 218, 218;
    --dark-rgb: 78, 78, 78;
    --menu-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
    --menu-shadow-navcolor: 0px 2px 6px rgba(0, 0, 0, 0.05);
    --background-navcolor-light: #fff;
    --background-navcolor-dark: #242424;
    --theme-image-filter: hue-rotate(0deg)
}

.bg-primary,
.btn-primary,
.btn-primary:disabled,
.btn-primary:not(:disabled):not(.disabled).focus,
.btn-primary:not(:disabled):not(.disabled):focus {
    background-color: var(--system_primary_color) !important
}

.bg-body {
    background-color: var(--body) !important
}

.bg-foreground {
    background-color: var(--foreground) !important
}

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

.bg-outline-primary,
.btn-outline-primary {
    box-shadow: inset 0 0 0 1px var(--system_primary_color) !important
}

.bg-outline-body,
.btn-outline-body {
    box-shadow: inset 0 0 0 1px var(--body) !important;
    color: var(--body) !important
}

.bg-outline-foreground {
    box-shadow: inset 0 0 0 1px var(--foreground) !important;
    color: var(--system_primary_color) !important
}

.bg-outline-background {
    box-shadow: inset 0 0 0 1px var(--background) !important;
    color: var(--system_primary_color) !important
}

.btn,
.btn-outline-primary:hover,
button {
    box-shadow: initial !important
}

a:focus.bg-primary,
a:hover.bg-primary {
    background-color: var(--system_secondary_color) !important;
    border-color: var(--system_secondary_color) !important;
    color: var(--light-text) !important
}

a:focus.bg-secondary,
a:hover.bg-secondary {
    background-color: var(--secondary-darker) !important;
    border-color: var(--secondary-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-tertiary,
a:hover.bg-tertiary {
    background-color: var(--tertiary-darker) !important;
    border-color: var(--tertiary-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-quaternary,
a:hover.bg-quaternary {
    background-color: var(--quaternary-darker) !important;
    border-color: var(--quaternary-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-warning,
a:hover.bg-warning {
    background-color: var(--warning-darker) !important;
    border-color: var(--warning-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-danger,
a:hover.bg-danger {
    background-color: var(--danger-darker) !important;
    border-color: var(--danger-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-success,
a:hover.bg-success {
    background-color: var(--success-darker) !important;
    border-color: var(--success-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-info,
a:hover.bg-info {
    background-color: var(--info-darker) !important;
    border-color: var(--info-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-light,
a:hover.bg-light {
    background-color: var(--light-darker) !important;
    border-color: var(--light-darker) !important;
    color: var(--dark-text) !important
}

a:focus.bg-dark,
a:hover.bg-dark {
    background-color: var(--dark-darker) !important;
    border-color: var(--dark-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-muted,
a:hover.bg-muted {
    background-color: var(--muted-darker) !important;
    border-color: var(--muted-darker) !important;
    color: var(--light-text) !important
}

a:focus.bg-separator,
a:hover.bg-separator {
    background-color: var(--separator-darker) !important;
    border-color: var(--separator-darker) !important;
    color: var(--light-text) !important
}

.border {
    border-color: var(--separator) !important
}

.border-bottom {
    border-bottom: 1px solid var(--separator) !important
}

.border-top {
    border-top: 1px solid var(--separator) !important
}

.border-start {
    border-left: 1px solid var(--separator) !important
}

.border-end {
    border-right: 1px solid var(--separator) !important
}

.border-primary {
    border-color: var(--system_primary_color) !important
}

.border-body {
    border-color: var(--body) !important
}

.border-white {
    border-color: var(--light-text) !important
}

.border-foreground {
    border-color: var(--foreground) !important
}

.border-background {
    border-color: var(--background) !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.full-page-content-right-border {
    border-radius: initial !important;
    border-bottom-left-radius: var(--border-radius-lg) !important;
    border-bottom-right-radius: var(--border-radius-lg) !important
}

@media (min-width:992px) {
    .sh-lg-0 {
        height: 0 !important
    }
    .sw-lg-0 {
        width: 0 !important
    }
    .sh-lg-1 {
        height: .5rem !important
    }
    .sw-lg-1 {
        width: .5rem !important
    }
    .sh-lg-2 {
        height: 1rem !important
    }
    .sw-lg-2 {
        width: 1rem !important
    }
    .sh-lg-3 {
        height: 1.5rem !important
    }
    .sw-lg-3 {
        width: 1.5rem !important
    }
    .sh-lg-4 {
        height: 2rem !important
    }
    .sw-lg-4 {
        width: 2rem !important
    }
    .sh-lg-5 {
        height: 2.5rem !important
    }
    .sw-lg-5 {
        width: 2.5rem !important
    }
    .sh-lg-6 {
        height: 3rem !important
    }
    .sw-lg-6 {
        width: 3rem !important
    }
    .sh-lg-7 {
        height: 3.5rem !important
    }
    .sw-lg-7 {
        width: 3.5rem !important
    }
    .sh-lg-8 {
        height: 4rem !important
    }
    .sw-lg-8 {
        width: 4rem !important
    }
    .sh-lg-9 {
        height: 4.5rem !important
    }
    .sw-lg-9 {
        width: 4.5rem !important
    }
    .sh-lg-10 {
        height: 5rem !important
    }
    .sw-lg-10 {
        width: 5rem !important
    }
    .sh-lg-11 {
        height: 5.5rem !important
    }
    .sw-lg-11 {
        width: 5.5rem !important
    }
    .sh-lg-12 {
        height: 6rem !important
    }
    .sw-lg-12 {
        width: 6rem !important
    }
    .sh-lg-13 {
        height: 6.5rem !important
    }
    .sw-lg-13 {
        width: 6.5rem !important
    }
    .sh-lg-14 {
        height: 7rem !important
    }
    .sw-lg-14 {
        width: 7rem !important
    }
    .sh-lg-15 {
        height: 7.5rem !important
    }
    .sw-lg-15 {
        width: 7.5rem !important
    }
    .sh-lg-16 {
        height: 8rem !important
    }
    .sw-lg-16 {
        width: 8rem !important
    }
    .sh-lg-17 {
        height: 8.5rem !important
    }
    .sw-lg-17 {
        width: 8.5rem !important
    }
    .sh-lg-18 {
        height: 9rem !important
    }
    .sw-lg-18 {
        width: 9rem !important
    }
    .sh-lg-19 {
        height: 9.5rem !important
    }
    .sw-lg-19 {
        width: 9.5rem !important
    }
    .sh-lg-20 {
        height: 10rem !important
    }
    .sw-lg-20 {
        width: 10rem !important
    }
    .sh-lg-21 {
        height: 10.5rem !important
    }
    .sw-lg-21 {
        width: 10.5rem !important
    }
    .sh-lg-22 {
        height: 11rem !important
    }
    .sw-lg-22 {
        width: 11rem !important
    }
    .sh-lg-23 {
        height: 11.5rem !important
    }
    .sw-lg-23 {
        width: 11.5rem !important
    }
    .sh-lg-24 {
        height: 12rem !important
    }
    .sw-lg-24 {
        width: 12rem !important
    }
    .sh-lg-25 {
        height: 12.5rem !important
    }
    .sw-lg-25 {
        width: 12.5rem !important
    }
    .sh-lg-30 {
        height: 15rem !important
    }
    .sw-lg-30 {
        width: 15rem !important
    }
    .sh-lg-35 {
        height: 17.5rem !important
    }
    .sw-lg-35 {
        width: 17.5rem !important
    }
    .sh-lg-40 {
        height: 20rem !important
    }
    .sw-lg-40 {
        width: 20rem !important
    }
    .sh-lg-45 {
        height: 22.5rem !important
    }
    .sw-lg-45 {
        width: 22.5rem !important
    }
    .sh-lg-50 {
        height: 25rem !important
    }
    .sw-lg-50 {
        width: 25rem !important
    }
    .sh-lg-60 {
        height: 30rem !important
    }
    .sw-lg-60 {
        width: 30rem !important
    }
    .sh-lg-70 {
        height: 35rem !important
    }
    .sw-lg-70 {
        width: 35rem !important
    }
    .sh-lg-80 {
        height: 40rem !important
    }
    .sw-lg-80 {
        width: 40rem !important
    }
    .h-lg-auto {
        height: auto !important
    }
    .w-lg-auto {
        width: auto !important
    }
    .h-lg-25 {
        height: 25% !important
    }
    .w-lg-25 {
        width: 25% !important
    }
    .h-lg-50 {
        height: 50% !important
    }
    .w-lg-50 {
        width: 50% !important
    }
    .h-lg-75 {
        height: 75% !important
    }
    .w-lg-75 {
        width: 75% !important
    }
    .h-lg-100 {
        height: 100% !important
    }
    .w-lg-100 {
        width: 100% !important
    }
    .full-page-content-right-border {
        border-radius: initial !important;
        border-bottom-left-radius: var(--border-radius-lg) !important;
        border-top-left-radius: var(--border-radius-lg) !important
    }
}

button {
    text-decoration: initial !important
}

.btn {
    padding: 10px 20px;
    font-size: 1em;
    line-height: 1rem;
    border: initial;
    transition: all var(--transition-time-short);
    transition-property: color, background-color, background-image, background;
    border-radius: var(--border-radius-md);
    color: var(--light-text) !important;
    white-space: nowrap
}

.btn-group-lg>.btn,
.btn-lg,
.form-control {
    font-size: 1em;
    border-radius: var(--border-radius-md)
}

.btn:disabled {
    cursor: initial;
    opacity: .5
}

.btn-icon {
    padding: 9px 20px;
    height: var(--input-height)
}

.btn-group-lg>.btn,
.btn-lg {
    padding: 11px 35px;
    line-height: 1
}

.btn-group-lg>.btn.btn-icon,
.btn-lg.btn-icon {
    padding: 9px 35px;
    height: var(--input-height)
}

.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled).focus:hover,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled):focus:hover {
    background-color: var(--system_secondary_color)
}

.btn-white,
.btn-white:not(:disabled):not(.disabled).focus,
.btn-white:not(:disabled):not(.disabled):focus {
    background-color: var(--light-text);
    color: var(--system_primary_color) !important
}

.btn-white:hover,
.btn-white:not(:disabled):not(.disabled).active,
.btn-white:not(:disabled):not(.disabled).focus:hover,
.btn-white:not(:disabled):not(.disabled):active,
.btn-white:not(:disabled):not(.disabled):focus:hover {
    background-color: var(--light-text-darker)
}

.btn-white:disabled {
    background-color: var(--light-text)
}

.btn-body,
.btn-body:not(:disabled):not(.disabled).focus,
.btn-body:not(:disabled):not(.disabled):focus {
    background-color: var(--body)
}

.btn-body:hover,
.btn-body:not(:disabled):not(.disabled).active,
.btn-body:not(:disabled):not(.disabled).focus:hover,
.btn-body:not(:disabled):not(.disabled):active,
.btn-body:not(:disabled):not(.disabled):focus:hover {
    background-color: var(--body-darker)
}

.btn-body:disabled {
    background-color: var(--light)
}

.btn-link,
.btn-link:not(:disabled):not(.disabled).focus,
.btn-link:not(:disabled):not(.disabled):focus {
    transition: color var(--transition-time-short);
    color: var(--system_primary_color) !important;
    text-decoration: initial !important
}

.btn-link:active,
.btn-link:hover,
.btn-link:not(:disabled):not(.disabled).focus:active,
.btn-link:not(:disabled):not(.disabled).focus:hover,
.btn-link:not(:disabled):not(.disabled):focus:active,
.btn-link:not(:disabled):not(.disabled):focus:hover {
    text-decoration: initial;
    color: var(--system_secondary_color) !important
}

.btn-link:disabled {
    background-color: var(--link)
}

.btn-link:not(:disabled):not(.disabled).active,
.btn-link:not(:disabled):not(.disabled):active {
    color: var(--system_secondary_color) !important
}

.btn-outline-primary:hover {
    color: var(--light-text) !important;
    background-color: var(--system_primary_color)
}

.btn-outline-primary:disabled {
    box-shadow: inset 0 0 0 1px var(--system_primary_color) !important;
    background: initial;
    color: var(--system_primary_color) !important
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: var(--system_primary_color);
    box-shadow: inset 0 0 0 1px var(--system_primary_color) !important;
    color: var(--light-text) !important
}

.btn-outline-white {
    box-shadow: inset 0 0 0 1px var(--light-text) !important;
    color: var(--light-text) !important
}

.btn-outline-white:hover {
    color: var(--dark-text) !important;
    background-color: var(--light-text);
    box-shadow: initial !important
}

.btn-outline-white:disabled {
    box-shadow: inset 0 0 0 1px var(--light-text) !important;
    background: initial;
    color: var(--light-text) !important
}

.btn-outline-white:not(:disabled):not(.disabled).active,
.btn-outline-white:not(:disabled):not(.disabled):active {
    background-color: var(--light-text);
    box-shadow: inset 0 0 0 1px var(--light-text) !important;
    color: var(--dark-text) !important
}

.btn-outline-body:hover {
    color: var(--light-text) !important;
    background-color: var(--body);
    box-shadow: initial !important
}

.btn-outline-body:disabled {
    box-shadow: inset 0 0 0 1px var(--body) !important;
    background: initial;
    color: var(--body) !important
}

.btn-outline-body:not(:disabled):not(.disabled).active,
.btn-outline-body:not(:disabled):not(.disabled):active {
    background-color: var(--body);
    box-shadow: inset 0 0 0 1px var(--body) !important;
    color: var(--light-text) !important
}

.btn-foreground,
.btn-foreground:disabled,
.btn-foreground:not(:disabled):not(.disabled).active,
.btn-foreground:not(:disabled):not(.disabled).focus,
.btn-foreground:not(:disabled):not(.disabled):active,
.btn-foreground:not(:disabled):not(.disabled):focus {
    background-color: var(--foreground);
    color: var(--system_primary_color) !important
}

.btn-foreground:hover,
.btn-foreground:not(:disabled):not(.disabled).focus:hover,
.btn-foreground:not(:disabled):not(.disabled):focus:hover {
    background-color: var(--foreground);
    color: var(--system_secondary_color) !important
}

.btn-background,
.btn-background:disabled,
.btn-background:not(:disabled):not(.disabled).active,
.btn-background:not(:disabled):not(.disabled).focus,
.btn-background:not(:disabled):not(.disabled):active,
.btn-background:not(:disabled):not(.disabled):focus {
    background-color: var(--background);
    color: var(--system_primary_color) !important
}

.btn-background:hover,
.btn-background:not(:disabled):not(.disabled).focus:hover,
.btn-background:not(:disabled):not(.disabled):focus:hover {
    background-color: var(--background);
    color: var(--system_secondary_color) !important
}

.btn-outline-body:not(:disabled):not(.disabled).active:focus,
.btn-outline-body:not(:disabled):not(.disabled):active:focus,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.text-white {
    color: var(--light-text) !important
}

.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
    z-index: initial
}

.btn-outline-primary:active {
    background-color: var(--system_primary_color);
    border-color: initial
}

.btn-foreground:active {
    color: var(--system_primary_color) !important;
    background-color: var(--foreground);
    border-color: initial !important;
    box-shadow: inset 0 0 0 1px var(--system_primary_color) !important
}

.btn-primary:active,
.btn-primary:focus {
    background-color: var(--system_secondary_color);
    border-color: var(--system_secondary_color)
}

.form-control,
.form-control:focus,
.input-group-text {
    background-color: var(--foreground)
}

.form-control {
    height: auto;
    min-height: var(--input-height);
    color: var(--body);
    box-shadow: 4px 5px 0 -1px #57BBA1 !important;
    border-color: var(--separator);
    filter: none;
    transition: border-color .15s ease-in-out
}

.form-control:focus {
    color: var(--body);
    border-color: rgba(var(--primary-rgb), 1)
}

.form-control.shadow {
    border: initial;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .03) !important
}

.input-group-lg>.form-control,
.input-group-text {
    border-radius: var(--border-radius-md)
}

.form-text {
    color: var(--muted)
}

.form-control-lg {
    height: 44px;
    font-size: 1.25em;
    line-height: 1.5;
    padding: .375rem .75rem
}

.form-control:disabled,
.form-control[readonly] {
    background: rgba(var(--separator-rgb), .5) !important;
    border-color: rgba(var(--separator-rgb), .5) !important;
    color: var(--muted);
    -webkit-text-fill-color: var(--muted) !important
}

input:-webkit-autofill,
input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--body);
    border-color: var(--separator) !important;
    /* box-shadow: 0 0 0 1000px var(--foreground) inset !important; */
    /* -webkit-box-shadow: 0 0 0 1000px var(--foreground) inset !important; */
    background-color: initial !important;
    background-clip: content-box !important
}

input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--body);
    border-color: rgba(var(--primary-rgb), 1) !important;
    /* box-shadow: 0 0 0 1000px var(--foreground) inset !important; */
    /* -webkit-box-shadow: 0 0 0 1000px var(--foreground) inset !important; */
    background-color: initial !important;
    background-clip: content-box !important
}

.filled input:-webkit-autofill,
.filled input:-webkit-autofill:focus,
.filled input:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--body);
    border-color: var(--separator) !important;
    /* box-shadow: 0 0 0 1000px var(--separator-light) inset !important; */
    /* -webkit-box-shadow: 0 0 0 1000px var(--foreground) inset !important; */
    background-color: initial !important;
    background-clip: content-box !important
}

.input-group-text {
    font-size: 1em;
    padding: .25rem .75rem .35rem;
    border-color: var(--separator);
    color: var(--body)
}

.page-link,
.page-link:focus {
    background: var(--foreground);
    color: var(--system_primary_color)
}

.input-group .form-control {
    border-top-right-radius: var(--border-radius-md);
    border-bottom-right-radius: var(--border-radius-md)
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.input-group-text {
    height: 44px;
    font-size: 1.25em;
    line-height: 1.5;
    border-radius: var(--border-radius-md)
}

.lang-item a,
html {
    font-size: 16px
}

.input-group .form-control[type=file] {
    padding-left: .75rem;
    padding-right: .75rem;
    line-height: 1.6
}

input[type=file]::file-selector-button {
    background: var(--foreground);
    color: var(--body)
}

.page-link {
    box-shadow: initial !important;
    border: initial;
    padding: 8px 9px;
    line-height: 1.5;
    font-size: 1em;
    width: var(--input-height);
    height: var(--input-height);
    border-radius: var(--border-radius-md) !important
}

.page-link:hover,
.page-link:hover:focus {
    background: var(--system_primary_color);
    color: var(--light-text)
}

.page-link i {
    margin-left: 1px
}

.page-title-container {
    margin-bottom: var(--title-spacing)
}

.page-title-container h1 {
    line-height: 1
}

.text-body {
    color: var(--body) !important
}

div[data-notify=container] {
    padding: var(--card-spacing-xs) var(--card-spacing-sm)
}

body {
    font-weight: 400;
    color: var(--body);
    background-color: var(--background);
    font-size: 87.5%
}

#root {
    opacity: 0
}

html[data-show=true] {
    scroll-behavior: smooth
}

html[data-show=true] #root {
    opacity: 1
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    color: var(--body);
    font-weight: 400;
    line-height: 1.25
}

.text-small {
    font-size: .7em !important;
    font-weight: initial !important
}

[class*=cs-] {
    font-size: 18px
}

.small-title {
    font-family: var(--font-heading);
    font-weight: 400;
    margin-bottom: 0;
    font-size: 1em;
    color: var(--system_primary_color);
    height: var(--small-title-height)
}

.display-1,
.display-2,
.display-3,
.display-4,
.display-5,
.display-6 {
    font-family: var(--font-heading);
    line-height: 1.2;
    font-weight: 300
}

.display-1 {
    font-size: 3.5em
}

.display-2 {
    font-size: 3em
}

.display-3 {
    font-size: 2.15em
}

.display-4 {
    font-size: 1.85em
}

.display-5 {
    font-size: 1.75em
}

.display-6 {
    font-size: 1.6em
}

.cta-1,
.cta-2,
.cta-3 {
    line-height: 1.4
}

.cta-1,
.cta-2,
.cta-3,
.cta-4 {
    font-family: var(--font-heading);
    font-weight: 400
}

@media (max-width:991.98px) {
    :root {
        --nav-size-slim: 4rem;
        --title-spacing: 1rem;
        --footer-size: 4rem
    }
    .display-4 {
        font-size: 1.7em
    }
    .display-5 {
        font-size: 1.6em
    }
    .display-6 {
        font-size: 1.5em
    }
}

.cta-1,
.h3,
h3 {
    font-size: 1.5em
}

.cta-2,
.h4,
h4 {
    font-size: 1.35em
}

.cta-3 {
    font-size: 1.25em
}

.cta-4 {
    font-size: 1.15em;
    line-height: 1.25
}

.h1,
h1 {
    font-size: 1.8em
}

.h2,
h2 {
    font-size: 1.65em
}

.h5,
h5 {
    font-size: 1.1em
}

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

@media (max-width:767.98px) {
    :root {
        --card-spacing: 1.75rem;
        --footer-size: 3rem;
        --main-spacing-horizontal: 1.25rem;
        --main-spacing-vertical: 1.25rem
    }
    .display-1 {
        font-size: 3em
    }
    .display-2 {
        font-size: 2.75em
    }
    .display-3 {
        font-size: 2em
    }
    .display-4 {
        font-size: 1.6em
    }
    .display-5,
    .display-6,
    .h1,
    h1 {
        font-size: 1.5em
    }
    .h2,
    h2 {
        font-size: 1.3em
    }
    .h3,
    h3 {
        font-size: 1.25em
    }
    .h4,
    h4 {
        font-size: 1.15em
    }
    .h5,
    .h6,
    h5,
    h6 {
        font-size: 1em
    }
}

.icon-24 {
    font-size: 24px !important
}

.icon-22 {
    font-size: 22px !important
}

.icon-20 {
    font-size: 20px !important
}

.icon-18 {
    font-size: 18px !important
}

.icon-16 {
    font-size: 16px !important
}

.icon-14 {
    font-size: 14px !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-1-25 {
    line-height: 1.25 !important
}

.lh-1-5 {
    line-height: 1.5 !important
}

.logo-default {
    width: 150px;
    min-height: 35px;
    object-position: left;
    object-fit: cover;
    background-repeat: no-repeat
}

@keyframes opacityIn {
    100% {
        opacity: 1
    }
    0% {
        opacity: 0
    }
}

html[data-footer=true] body {
    min-height: 100%;
    position: relative;
    padding-bottom: var(--footer-size)
}

@media print {
    * {
        transition: initial !important
    }
    body,
    html {
        padding: 0 !important;
        margin: 0 !important
    }
    a {
        text-decoration: initial !important
    }
}

.tooltip-end-top .invalid-tooltip,
.tooltip-end-top .valid-tooltip,
.tooltip-end-top div.error {
    bottom: initial;
    top: -.75rem;
    transform: translateX(0) translateY(50%);
    left: initial;
    right: 0
}

.tooltip-end-top .invalid-tooltip::before,
.tooltip-end-top .valid-tooltip::before,
.tooltip-end-top div.error::before {
    content: "";
    margin-top: initial;
    position: absolute;
    top: initial;
    bottom: -4px;
    border-top: solid 5px var(--system_primary_color);
    border-bottom: initial;
    left: initial;
    right: 25px;
    margin-left: 0
}

.tooltip-start-top .invalid-tooltip,
.tooltip-start-top .valid-tooltip,
.tooltip-start-top div.error {
    bottom: initial;
    transform: translateX(0) translateY(50%);
    top: -.75rem;
    left: 0;
    right: initial
}

.tooltip-start-top .invalid-tooltip::before,
.tooltip-start-top .valid-tooltip::before,
.tooltip-start-top div.error::before {
    content: "";
    margin-top: initial;
    position: absolute;
    top: initial;
    bottom: -4px;
    border-top: solid 5px var(--system_primary_color);
    border-bottom: initial;
    left: 25px;
    right: initial;
    margin-left: 0
}

.tooltip-label-end .invalid-tooltip,
.tooltip-label-end .valid-tooltip,
.tooltip-label-end div.error {
    transform: translateX(0) translateY(-50%);
    top: 18px;
    bottom: initial;
    right: initial
}

.tooltip-label-end .invalid-tooltip::before,
.tooltip-label-end .valid-tooltip::before,
.tooltip-label-end div.error::before {
    content: "";
    position: absolute;
    left: -5px;
    right: initial;
    margin-left: 0;
    border: initial;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: solid 5px var(--system_primary_color);
    bottom: initial;
    top: 50%;
    margin-top: -5px;
    width: 5px
}

.invalid-icon,
.valid-icon {
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .5rem;
    line-height: 1;
    border-radius: .2rem;
    right: 4px;
    position: absolute;
    margin-top: 0
}

.is-invalid .invalid-tooltip,
.lang-item {
    display: block
}

.valid-icon {
    bottom: 8px;
    font-size: .76rem;
    color: var(--foreground);
    color: var(--success)
}

.invalid-icon {
    bottom: 2px;
    font-size: .875em;
    color: var(--foreground);
    color: var(danger)
}

.filled .form-control,
.filled.custom-control-container {
    border: 1px solid transparent;
    background: var(--background-light)
}

.tooltip-center-top .filled .invalid-tooltip,
.tooltip-center-top .filled .valid-tooltip,
.tooltip-center-top .filled div.error,
.tooltip-center-top .form-floating .invalid-tooltip,
.tooltip-center-top .form-floating .valid-tooltip,
.tooltip-center-top .form-floating div.error,
.tooltip-center-top .top-label .invalid-tooltip,
.tooltip-center-top .top-label .valid-tooltip,
.tooltip-center-top .top-label div.error,
.tooltip-center-top.filled .invalid-tooltip,
.tooltip-center-top.filled .valid-tooltip,
.tooltip-center-top.filled div.error,
.tooltip-center-top.form-floating .invalid-tooltip,
.tooltip-center-top.form-floating .valid-tooltip,
.tooltip-center-top.form-floating div.error,
.tooltip-center-top.top-label .invalid-tooltip,
.tooltip-center-top.top-label .valid-tooltip,
.tooltip-center-top.top-label div.error,
.tooltip-end-top .filled .invalid-tooltip,
.tooltip-end-top .filled .valid-tooltip,
.tooltip-end-top .filled div.error,
.tooltip-end-top .form-floating .invalid-tooltip,
.tooltip-end-top .form-floating .valid-tooltip,
.tooltip-end-top .form-floating div.error,
.tooltip-end-top .top-label .invalid-tooltip,
.tooltip-end-top .top-label .valid-tooltip,
.tooltip-end-top .top-label div.error,
.tooltip-end-top.filled .invalid-tooltip,
.tooltip-end-top.filled .valid-tooltip,
.tooltip-end-top.filled div.error,
.tooltip-end-top.form-floating .invalid-tooltip,
.tooltip-end-top.form-floating .valid-tooltip,
.tooltip-end-top.form-floating div.error,
.tooltip-end-top.top-label .invalid-tooltip,
.tooltip-end-top.top-label .valid-tooltip,
.tooltip-end-top.top-label div.error,
.tooltip-start-top .filled .invalid-tooltip,
.tooltip-start-top .filled .valid-tooltip,
.tooltip-start-top .filled div.error,
.tooltip-start-top .form-floating .invalid-tooltip,
.tooltip-start-top .form-floating .valid-tooltip,
.tooltip-start-top .form-floating div.error,
.tooltip-start-top .top-label .invalid-tooltip,
.tooltip-start-top .top-label .valid-tooltip,
.tooltip-start-top .top-label div.error,
.tooltip-start-top.filled .invalid-tooltip,
.tooltip-start-top.filled .valid-tooltip,
.tooltip-start-top.filled div.error,
.tooltip-start-top.form-floating .invalid-tooltip,
.tooltip-start-top.form-floating .valid-tooltip,
.tooltip-start-top.form-floating div.error,
.tooltip-start-top.top-label .invalid-tooltip,
.tooltip-start-top.top-label .valid-tooltip,
.tooltip-start-top.top-label div.error {
    top: -35px;
    bottom: initial
}

.filled {
    position: relative
}

.filled .form-control {
    min-height: 44px;
    padding-left: 45px
}

.filled .form-control:focus {
    border-color: rgba(var(--primary-rgb), 1);
    background: initial
}

.filled .form-control:disabled,
.filled .form-control[readonly] {
    background: rgba(var(--separator-rgb), .5) !important;
    color: var(--muted)
}

.filled .form-control:disabled>svg,
.filled .form-control[readonly]>svg {
    color: rgba(var(--alternate-rgb), .25)
}

.filled .form-control-lg {
    min-height: 52px
}

.filled .form-control-sm {
    min-height: var(--input-height)
}

.filled>svg {
    position: absolute;
    top: 12px;
    left: 16px;
    color: rgba(var(--alternate-rgb), .5);
    z-index: 1
}

.filled.lg>svg {
    top: 15px
}

.filled.sm>svg {
    top: 9px;
    font-size: 14px;
    width: 17px;
    height: 17px
}

.filled textarea {
    padding-top: .7rem;
    padding-bottom: .7rem
}

.filled>textarea~svg {
    margin-top: 0;
    top: 14px
}

.filled.custom-control-container {
    min-height: 44px;
    border-radius: var(--border-radius-md);
    padding: .75rem .75rem .25rem 45px
}

.filled .form-check {
    margin-bottom: initial;
    margin-top: 0
}

[disabled] .filled i {
    opacity: .3
}

body::-webkit-scrollbar {
    display: none
}

.none-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.semi-transparent {
    background-color: rgba(149, 165, 166, .3);
    padding: 20px;
    border-radius: 30px
}

.hidden {
    display: none
}

.lang-selector {
    position: absolute;
    right: 120px
}

@media(min-width:344px) and (max-width:400px) {
    .lang-selector {
        right: 60px
    }
}

@media(min-width:300px) and (max-width:344px) {
    .lang-selector {
        right: 40px
    }
}

.lang-selected {
    border: 1px solid #c5c7cc;
    border-radius: 12px;
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative
}

.lang-selected::before {
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    color: #687083;
    transform: scaleY(1);
    margin-right: 10px
}

.lang-selected.open::before {
    transform: scaleY(-1)
}

.lang-selected img {
    width: 40px;
    height: auto;
    border-radius: 5px
}

.lang-selector .lang-dropdown {
    width: 220px;
    text-align: left;
    display: none;
    position: absolute;
    top: calc(100% - 10px);
    left: 50%;
    transform: translateX(-50%);
    z-index: 9;
    background-color: #fff;
    border-radius: 12px;
    padding: 10px 0;
    box-shadow: 0 4px 57px rgba(0, 0, 0, .2);
    margin-top: 20px;
    border-bottom: 5px solid var(--system_primary_color)
}

.lang-selector .lang-dropdown::before {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    margin-bottom: -12px;
    border-right-width: 0;
    border-bottom-width: 0;
    background-color: #fff;
    border-radius: 4px
}

.lang-dropdown>ul {
    padding: 0
}

.lang-item a {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    color: #687083;
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: 0;
    padding: 0 29px 0 18px;
    text-align: left;
    -webkit-transition: .2s;
    transition: .2s
}

.lang-item a:hover {
    background-color: #f6f6f6
}

.lang-item img {
    width: 30px;
    border-radius: 5px
}

@media (max-width:567px) {
    .lang-selector .lang-dropdown {
        width: 180px
    }
}

@media only screen and (max-width:767px) {
    .lang-item a {
        font-size: 16px
    }
}

.slicknav_menu .slicknav_icon {
    top: 50% !important;
    transform: translateY(-50%)
}

.header__left {
    gap: 10px
}

.alert-danger {
    background-color: #ff5c5c;
    color: #fff
}

.alert-success {
    background-color: var(--system_primary_color);
    color: #fff;
    border: none
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
    width: auto
}

.child-btn {
    padding-left: 20px;
    border: 4px solid #F3F4F5;
    box-shadow: 4px 5px 0 -1px gray !important;
    border-radius: 16px;
    color: white !important;
    min-height: 50px;
    background-color: var(--system_primary_color);
  }