@font-face {
    font-family: 'Baloise';
    font-style: normal;
    font-weight: 400;
    src: url("font/baloise/BaloiseCreateText-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Baloise';
    font-style: normal;
    font-weight: bold;
    src: url("font/baloise/BaloiseCreateText-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'Baloise Headline';
    font-style: normal;
    font-weight: normal;
    src: url("font/baloise/BaloiseCreateHeadline-Regular.ttf") format('truetype');
}

@font-face {
    font-family: 'Baloise Headline';
    font-style: normal;
    font-weight: bold;
    src: url("font/baloise/BaloiseCreateHeadline-Bold.ttf") format('truetype');
}

@font-face {
    font-family: 'Baloise Headline';
    font-style: normal;
    font-weight: lighter;
    src: url("font/baloise/BaloiseCreateHeadline-Light.ttf") format('truetype');
}

:root {
    --mdc-typography-font-family: 'Baloise', "Open Sans", sans-serif;
    --mdc-theme-primary: #000d6e; /* Bâloise Blue */
    --mdc-theme-secondary: #039; /* Used for checkbox */
    --bid-theme-success: #08990A; /* https://color.adobe.com/fr/create/color-wheel */
    --bid-theme-on-success: #fff;
    --bid-theme-info: #002266; /* https://color.adobe.com/fr/create/color-wheel */
    --bid-theme-on-info: #fff;
    --bds-theme-hover: #0014aa;
    --bds-theme-active: #000739;
    --bds-theme-box-shadow: 0 0 10px 0 rgba(0, 7, 57, 0.15);
    --mdc-text-button-label-text-weight: 600;
    --mdc-typography-headline5-font-weight: 700;
    --mdc-protected-button-label-text-weight: 600;
}

body {
    color: #000d6e;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Baloise Headline', "Open Sans", sans-serif !important;
}

.text-error {
    color: #b00020 !important;
    color: var(--mdc-theme-error, #b00020) !important;
}

.bid-body {
    background-color: #464646; /* background color while loading */
}

.bid-alert--info {
    background-color: #002266;
    background-color: var(--bid-theme-info, #002266);
    color: #fff;
    color: var(--mdc-theme-on-info, #fff);
}

.bid-alert--success {
    background-color: #08990A;
    background-color: var(--bid-theme-success, #08990A);
    color: #fff;
    color: var(--bid-theme-on-success, #fff);
}

.bid-alert--error {
    background-color: #b00020;
    background-color: var(--mdc-theme-error, #b00020);
    color: #fff;
    color: var(--mdc-theme-on-error, #fff);
}