@font-face {
    font-family: Roboto;
    font-weight: normal;
    src: url("../fonts/Roboto-Regular-tanxC1p.ttf") format('truetype');
}

@font-face {
    font-family: Roboto;
    font-weight: 600;
    src: url("../fonts/Roboto-Bold-VSN-sRv.ttf") format('truetype');
}

@font-face {
    font-family: TitilliumWeb;
    font-weight: normal;
    src: url("../fonts/TitilliumWeb-Regular-59M4i5E.ttf") format('truetype');
}

@font-face {
    font-family: TitilliumWeb;
    font-weight: bold;
    src: url("../fonts/TitilliumWeb-Bold-owFdC-_.ttf") format('truetype');
}

@font-face {
    font-family: TitilliumWeb;
    font-weight: 600;
    src: url("../fonts/TitilliumWeb-SemiBold-FVU4o8P.ttf") format('truetype');
}

:root {
    --font-family-sans-serif: TitilliumWeb, Roboto, sans-serif;

    --color-primary: #E9004C;
    --color-secondary: #7D003E;
    --blue: #022579;
    --medium-blue: #636ACA;
    --blue-light: #A8ACFD;
    --blue-extralight: #FAFAFF;
    --green: #327C4B;
    --light-green: #EAF3ED;
    --light-pink: #FAD1CE;
    --very-dark-grey: #1E293B;
    --dark-grey: #627189;
    --medium-grey: #868F9D;
    --light-grey: #D4D9DF;
    --white: #FFFFFF;

    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 23px;
    --font-size-xxl: 32px;
    --font-size-xxxl: 42px;

    --sidebar-border-color: var(--blue);
    --resize-handler-hover-bg: var(--medium-blue);
    --sidebar-menu-header-color: var(--white);
    --sidebar-menu-color: var(--white);
    --sidebar-menu-icon-color: var(--medium-blue);
    --sidebar-bg: var(--blue);
    --sidebar-menu-active-item-color: var(--white);
    --sidebar-menu-active-item-bg: var(--color-primary);
    --sidebar-menu-submenu-color: var(--white);
    --sidebar-submenu-item-icon: var(--medium-blue);
    --sidebar-submenu-active-item-bg: var(--color-primary);
    --sidebar-submenu-active-item: var(--white);
    --sidebar-submenu-active-item-hover: var(--color-secondary);
    --sidebar-menu-items-padding-left: 0;

    --badge-primary-bg: var(--white);
    --badge-primary-color: var(--dark-grey);
    --badge-secondary-bg: var(--white);
    --badge-secondary-color: var(--white);

    --button-primary-bg: var(--color-primary);
    --button-primary-color: var(--white);

    --button-secondary-bg: var(--white);
    --button-secondary-color: var(--very-dark-grey);

    --form-label-color: var(--very-dark-grey);
    --form-control-bg: var(--white);
    --form-control-disabled-bg: var(--blue-extralight);
    --form-control-disabled-color: var(--medium-grey);
    --form-input-border-color: var(--very-dark-grey);
    --form-input-error-legend-color: var(--color-primary);
    --form-input-error-border-color: var(--color-primary);
    --form-input-hover-border-color: var(--very-dark-grey);
    --form-switch-bg: var(--medium-grey);
    --form-switch-border-color: var(--medium-grey);
    --form-switch-checked-bg: var(--color-primary);
    --form-type-check-input-border-color: var(--medium-grey);
    --form-type-check-input-box-shadow: 0 1px 2px 0 var(--gray-50);
    --form-type-check-input-checked-bg: var(--color-primary);
    --form-tabs-border-color: var(--light-grey);
    --form-fieldset-header-color: var(--very-dark-grey);
    --form-fieldset-border-color: var(--light-grey);
    --form-fieldset-header-border-color: var(--light-grey);

    --fieldset-bg: var(--white);

    --link-color: var(--very-dark-grey);
    --link-hover-color: var(--very-dark-grey);
    --link-hover-decoration: none;
    --link-danger-color: var(--color-primary);
    --link-danger-hover-color: var(--color-secondary);
}

.table {
    --bs-table-bg: transparent;
    --body-bg: transparent;
}

.title-cgs {
    font-size: var(--font-size-xxl);
    font-weight: 400;
    color: var(--dark-grey);
}

.underlined-link {
    text-decoration: underline;
}

.badge-presta {
    padding: 4px 8px;
    text-transform: uppercase;
    border-radius: 6px;
    border: 1px solid var(--dark-grey);
}
.prestabat {
    background-color: var(--dark-grey);
    color: var(--white);
}

.prestasup {
    background-color: var(--white);
    color: var(--dark-grey);
}

.title .badge-presta {
    transform: translateY(-6px);
}

.btn-primary-error {
    background-color: var(--color-primary);
}

.btn-primary-error:not(:disabled):not(.disabled):not(.btn-link):not(.btn-danger):hover {
    background-color: var(--color-secondary) !important;
}

.btn-primary-error:disabled {
    background-color: var(--medium-grey) !important;
}