.fg-transparent {
    color: transparent;
}

.bg-transparent {
    background-color: transparent;
}

.fg-current {
    color: currentcolor;
}

.bg-current {
    background-color: currentcolor;
}

.fill-current {
    fill: currentcolor;
}

:root {
    --color-white: white;
}

.fg-white {
    color: white !important;
}

.bg-white {
    background-color: white;
}

.fill-white {
    fill: white;
}

:root {
    --color-black: black;
}

.fg-black {
    color: black;
}

.bg-black {
    background-color: black;
}

.fill-black {
    fill: black;
}

:root {
    --color-brown: #4d4d4d;
}

.fg-brown {
    color: #4d4d4d !important;
}

.bg-brown {
    background-color: #4d4d4d;
}

.fill-brown {
    fill: #4d4d4d;
}

:root {
    --color-green--1: #007b29;
}

.fg-green--1 {
    color: #007b29;
}

.bg-green--1 {
    background-color: #007b29;
}

.fill-green--1 {
    fill: #007b29;
}

:root {
    --color-green: rgb(0, 153, 51);
}

.fg-green {
    color: rgb(0, 153, 51) !important;
}

.bg-green {
    background-color: rgb(0, 153, 51);
}

.fill-green {
    fill: rgb(0, 153, 51);
}

:root {
    --color-green-1: rgb(153, 214, 173);
}

.fg-green-1 {
    color: rgb(153, 214, 173);
}

.bg-green-1 {
    background-color: rgb(153, 214, 173);
}

.fill-green-1 {
    fill: rgb(153, 214, 173);
}

:root {
    --color-green-2: rgb(178, 224, 193);
}

.fg-green-2 {
    color: rgb(178, 224, 193);
}

.bg-green-2 {
    background-color: rgb(178, 224, 193);
}

.fill-green-2 {
    fill: rgb(178, 224, 193);
}

:root {
    --color-green-3: rgb(204, 235, 214);
}

.fg-green-3 {
    color: rgb(204, 235, 214);
}

.bg-green-3 {
    background-color: rgb(204, 235, 214);
}

.fill-green-3 {
    fill: rgb(204, 235, 214);
}

:root {
    --color-green-4: rgb(229, 245, 234);
}

.fg-green-4 {
    color: rgb(229, 245, 234);
}

.bg-green-4 {
    background-color: rgb(229, 245, 234);
}

.fill-green-4 {
    fill: rgb(229, 245, 234);
}


:root {
    --color-blue: rgb(56, 87, 133);
}

.fg-blue {
    color: rgb(56, 87, 133);
}

.bg-blue {
    background-color: rgb(56, 87, 133);
}

.fill-blue {
    fill: rgb(56, 87, 133);
}

:root {
    --color-blue-1: rgb(217, 221, 231);
}

.fg-blue-1 {
    color: rgb(217, 221, 231);
}

.bg-blue-1 {
    background-color: rgb(217, 221, 231);
}

.fill-blue-1 {
    fill: rgb(217, 221, 231);
}

:root {
    --color-blue-2: rgb(227, 230, 237);
}

.fg-blue-2 {
    color: rgb(227, 230, 237);
}

.bg-blue-2 {
    background-color: rgb(227, 230, 237);
}

.fill-blue-2 {
    fill: rgb(227, 230, 237);
}


:root {
    --color-orange: rgba(240, 76, 22, 1)
}

.fg-orange {
    color: rgba(240, 76, 22, 1);
}

.bg-orange {
    background-color: rgba(240, 76, 22, 1);
}

.fill-orange {
    fill: rgba(240, 76, 22, 1);
}


:root {
    --color-grey: rgba(77, 77, 77, 1);
}

.fg-grey {
    color: rgba(77, 77, 77, 1);
}

.bg-grey {
    background-color: rgba(77, 77, 77, 1);
}

.fill-grey {
    fill: rgba(77, 77, 77, 1);
}

:root {
    --color-grey-1: rgba(96, 96, 96, 1);
}

.fg-grey-1 {
    color: rgba(96, 96, 96, 1);
}

.bg-grey-1 {
    background-color: rgba(96, 96, 96, 1);
}

.fill-grey-1 {
    fill: rgba(96, 96, 96, 1);
}

:root {
    --color-grey-2: rgba(149, 152, 154, 1);
}

.fg-grey-2 {
    color: rgba(149, 152, 154, 1);
}

.bg-grey-2 {
    background-color: rgba(149, 152, 154, 1);
}

.fill-grey-2 {
    fill: rgba(149, 152, 154, 1);
}

:root {
    --color-grey-3: rgba(151, 151, 151, 1);
}

.fg-grey-3 {
    color: rgba(151, 151, 151, 1);
}

.bg-grey-3 {
    background-color: rgba(151, 151, 151, 1);
}

.fill-grey-3 {
    fill: rgba(151, 151, 151, 1);
}

:root {
    --color-grey-4: rgba(0, 0, 0, 0.250980);
}

.fg-grey-4 {
    color: rgba(0, 0, 0, 0.250980);
}

.bg-grey-4 {
    background-color: rgba(0, 0, 0, 0.250980);
}

.fill-grey-4 {
    fill: rgba(0, 0, 0, 0.250980);
}

:root {
    --color-grey-5: #e6e6e6;
}

.fg-grey-5 {
    color: #e6e6e6;
}

.bg-grey-5 {
    background-color: #e6e6e6;
}

.fill-grey-5 {
    fill: #e6e6e6;
}

:root {
    --color-grey-6: rgba(56, 87, 133, .2);
}

.fg-grey-6 {
    color: rgba(56, 87, 133, .2);
}

.bg-grey-6 {
    background-color: rgba(56, 87, 133, .2);
}

.fill-grey-6 {
    fill: rgba(56, 87, 133, .2);
}

/* Department specific banner background colors */

/* Centre de la prostate */
.bg-centre-de-la-prostate {
    background-color: #88BEEA;
}

/* Centre de la prostate */
.bg-centre-du-cancer-de-la-vessie{
    background-color: #FDC209;
}

.bg-centre-des-melanomes-et-tumeurs-cutanees {
    background-color: #c86414;
}

.fg-centre-des-melanomes-et-tumeurs-cutanees.text-02 {
    color: white;
}

.fg-centre-de-la-prostate.text-02 {
    color: white;
}

/* Centre du sein */
.bg-centre-du-sein {
    background-color: #F49DC0;
}

.fg-centre-du-cancer-de-la-vessie.text-02,
.fg-centre-du-sein.text-02 {
    color: white;
}

/* Sarcomes */
.bg-centre-des-sarcomes {
    background-color: #FFEB76;
    color: black !important;
}

.fg-centre-des-sarcomes.text-02 {
    color: black;
}


/* Tumeurs gynéco */
.bg-centre-des-tumeurs-gynecologiques {
    background-color: #4EC7C3;
}

.fg-centre-des-tumeurs-gynecologiques.text-02 {
    color: white;
}

.bg-centre-des-tumeurs-orl-et-cervico-faciales {
    background-color: #b0564e
}

/* Tumeurs neuroendocrines */
.bg-centre-des-tumeurs-du-cerveau-et-de-la-moelle-epiniere,
.bg-centre-des-tumeurs-neuroendocrines {
    background-color: #C6C6C6;
}

.fg-centre-des-tumeurs-foie-pancreas.text-02,
.fg-centre-des-tumeurs-orl-et-cervico-faciales.text-02,
.fg-centre-des-tumeurs-du-cerveau-et-de-la-moelle-epiniere.text-02,
.fg-centre-des-tumeurs-neuroendocrines.text-02 {
    color: white;
}

/* Tumeurs thoraciques */
.bg-centre-des-tumeurs-thoraciques {
    background-color: #E2DED0;
}

.fg-centre-des-tumeurs-thoraciques.text-02 {
    color: black;
}

.bg-centre-des-tumeurs-foie-pancreas {
    background-color: #8261c9;
}


.enfants-block a {
    color: var(--color-green);
}