:root {
    --yvon-primary: #606EB2;
    --yvon-primary-05: #606EB20D;
    --yvon-primary-10: #606EB21A;
    --yvon-primary-15: #606EB226;
    --yvon-primary-20: #606EB233;
    --yvon-primary-50: #606EB280;
    --yvon-primary-90: #606EB2E6;
    --yvon-secondary: #303759;
    --yvon-tertiary: #1BBE9F;
    --yvon-tertiary-15: #1BBE9F26;
    --yvon-tertiary-90: #1BBE9FE6;
    --yvon-text-primary: #222222;
    --yvon-text-primary-15: #22222226;
    --yvon-text-secondary: #717171;
    --yvon-text-secondary-15: #71717126;
    --yvon-background-ultra-light: #F5F5F5;
    --yvon-background-ultra-light-60: #F5F5F599;
    --yvon-black: #000000;
    --yvon-error: #F54359;
    --yvon-error-10: #F543591A;
    --yvon-error-15: #F5435926;
    --yvon-alert-error-hover: #A72834;
    --yvon-error-bg: #FEECEE;
    --yvon-info: #0D63B1;
    --yvon-information: #606EB2;
    --yvon-information-bg: #EFF0F7;
    --yvon-stroke: #DDDDDD;
    --yvon-component: #DDDDDD;
    --yvon-component-dark: #AAAAAA;
    --yvon-success: #1BBE9F;
    --yvon-success-10: #1BBE9F1A;
    --yvon-success-15: #1BBE9F26;
    --yvon-success-20: #1BBE9F33;
    --yvon-success-bg: #E8F8F5;
    --yvon-white: #FFFFFF;
    --yvon-white-05: #FFFFFF0D;
    --yvon-white-15: #FFFFFF26;
    --yvon-success-hover: #0D5346;
    --yvon-alert-success-hover: #137562;
    --yvon-alert-information-hover: #424C7B;
    --yvon-alert-info-hover: #172258;
    --yvon-warning: #F0B633;
    --yvon-warning-10: #F0B6331A;
    --yvon-warning-15: #F0B63326;
    --yvon-warning-hover: #6F510C;
    --yvon-warning-bg: #FDF8EB;
    --yvon-alert-warning-hover: #6F510C;
    --yvon-soft-grey: #C1C1C1;
    --yvon-disabled: #CCCCCC;
    --yvon-option-hover: #DFE2F0;
    --yvon-shadow-primary: 0px 0px 8px #606EB280;
    --yvon-focus: 0px 2px 8px #606EB280;
    --yvon-shadow-light: 0px 2px 4px #22222233;
    --yvon-shadow-light-inset: 0px -2px 4px #22222233;
    --yvon-shadow-medium: 0px 0px 8px #22222233;
    --yvon-linear-gradient: linear-gradient(0deg, #606EB21A 0%, #606EB21A 100%), #FFF;
    --yvon-paragraph1: 16px/24px 'Poppins', sans-serif;
    --yvon-paragraph2: normal normal 400 15px/23px 'Poppins', sans-serif;
    --yvon-paragraph3: normal normal 400 14px/20px 'Poppins', sans-serif;
    --yvon-small2: normal normal 400 12px/24px 'Poppins', sans-serif;
    --yvon-header1: normal normal 500 40px/50px 'Poppins', sans-serif;
    --yvon-header4: normal normal 500 24px/30px 'Poppins', sans-serif;
    --yvon-header5: normal normal 500 20px/26px 'Poppins', sans-serif;
    --yvon-header6: normal normal 500 16px/24px 'Poppins', sans-serif;
    --yvon-header7: normal normal 500 14px/21px 'Poppins', sans-serif;
    --yvon-header8: normal normal 600 12px/18px 'Poppins', sans-serif;
    --yvon-label: 16px/16px 'Poppins', sans-serif;
    --yvon-label2: 14px/20px 'Poppins', sans-serif;
    --yvon-label3: 12px/18px 'Poppins', sans-serif;
    --yvon-link1: normal normal 500 16px/24px 'Poppins', sans-serif;
    --yvon-link2: normal normal 500 15px/22.5px 'Poppins', sans-serif;
    --yvon-link3: normal normal 500 14px/21px 'Poppins', sans-serif;
    --yvon-link4: normal normal 500 12px/18px 'Poppins', sans-serif;
    --yvon-labelinput: 14px/21px 'Poppins', sans-serif;
    --yvon-smalltext: 12px/18px 'Poppins', sans-serif;
    --yvon-top-bar-height: 64px;
}

.yvon-display1 {
    font: 48px/60px 'Poppins', sans-serif;
}

.yvon-header1 {
    font: var(--yvon-header1);
}

.yvon-header2 {
    font: 500 32px/40px 'Poppins', sans-serif;
}

.yvon-header3 {
    font: 28px/36px 'Poppins', sans-serif;
}

.yvon-header4 {
    font: 500 24px/30px 'Poppins', sans-serif;
}

.yvon-header5 {
    font: var(--yvon-header5);
}

.yvon-header6 {
    font: var(--yvon-header6);
}

.yvon-header7 {
    font: var(--yvon-header7);
}

.yvon-header8 {
    font: var(--yvon-header8);
}

.yvon-paragraph1 {
    font: var(--yvon-paragraph1);
}

.yvon-paragraph2 {
    font: 15px/23px 'Poppins', sans-serif;
}

.yvon-paragraph3 {
    font: var(--yvon-paragraph3);
}

.yvon-link1 {
    font: var(--yvon-link1);
}

.yvon-link2 {
    font: var(--yvon-link2);
}

.yvon-link3 {
    font: var(--yvon-link3);
}

.yvon-link4 {
    font: var(--yvon-link4);
}

.yvon-smalltext {
    font: var(--yvon-smalltext);
}

.yvon-label {
    font: var(--yvon-label);
}

.yvon-label2 {
    font: var(--yvon-label2);
}

.yvon-label3 {
    font: var(--yvon-label3);
}

.yvon-labelinput {
    font: var(--yvon-labelinput);
}

.yvon-text-primary {
    color: var(--yvon-text-primary);
}

.yvon-tertiary {
    color: var(--yvon-tertiary);
}

.yvon-primary {
    color: var(--yvon-primary);
}

.yvon-white {
    color: var(--yvon-white);
}

.yvon-text-secondary {
    color: var(--yvon-text-secondary);
}

.yvon-error {
    color: var(--yvon-error);
}

.yvon-alert-error-hover {
    color: var(--yvon-alert-error-hover);
}

.yvon-success {
    color: var(--yvon-success);
}

.yvon-success-hover {
    color: var(--yvon-success-hover);
}

.yvon-alert-success-hover {
    color: var(--yvon-alert-success-hover);
}

.yvon-alert-information-hover {
    color: var(--yvon-alert-information-hover);
}

.yvon-alert-info-hover {
    color: var(--yvon-alert-info-hover);
}

.yvon-warning-hover {
    color: var(--yvon-warning-hover);
}

.yvon-alert-warning-hover {
    color: var(--yvon-alert-warning-hover);
}

.yvon-soft-grey {
    color: var(--yvon-soft-grey);
}

.bg-yvon-linear-gradient {
    background: var(--yvon-linear-gradient);
}

.bg-yvon-tertiary-15 {
    background-color: var(--yvon-tertiary-15);
}

.bg-yvon-primary-15 {
    background-color: var(--yvon-primary-15);
}

.bg-yvon-error-15 {
    background-color: var(--yvon-error-15);
}

.bg-yvon-success-10 {
    background-color: var(--yvon-success-10);
}

.bg-yvon-success-15 {
    background-color: var(--yvon-success-15);
}

.bg-yvon-warning-10 {
    background-color: var(--yvon-warning-10);
}

.bg-yvon-warning-15 {
    background-color: var(--yvon-warning-15);
}

.bg-yvon-text-primary-15 {
    background-color: var(--yvon-text-primary-15);
}

.bg-yvon-text-secondary-15 {
    background-color: var(--yvon-text-secondary-15);
}

html, body {
    font-family: 'Poppins', sans-serif;
}

a, .btn-link {
    color: #606eb2;
}

    a:hover, .btn-link:hover {
        color: #606eb2;
        text-decoration: underline;
    }

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 999999;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width:768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width:992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width:1300px) {
    .container {
        max-width: 1040px
    }
}

.modal-backdrop {
    background-color: #222222;
}

    .modal-backdrop.show {
        opacity: .2;
    }

.modal-dialog {
    margin: 1rem auto;
    left: 29px;
}

.modal-xl {
    max-width: 1040px;
}

    .modal-xl .modal-content {
        height: 690px !important;
        padding: 20px 20px 15px;
        border: 0;
        border-radius: 3px;
        box-shadow: 0px 2px 4px #22222233;
    }

.modal-sm {
    max-width: 428px;
}

    .modal-sm .modal-content {
        padding: 30px 20px;
        border: 0;
        border-radius: 6px;
        box-shadow: 0px 2px 4px #7171714d;
    }

.modal-body {
    padding: 0;
}

.image-small {
    width: 80px;
    height: 60px;
}

.row {
    margin-left:-10px;
    margin-right:-10px;
}

.row [class^="col-"], .row .col {
    padding-left: 10px;
    padding-right: 10px;
}

.form-row {
    align-items: start;
}