:root {
    --white: #eaeaea;
    --black: black;
    --green: #00A765;
    --blue: #00B4DC;
    --yellow: #F7C148;
    --back: white;
    /*--contraste: black;*/
    --contraste: black;
    /*--primary: red;
    --primary: #ec1f27; /*rouge rosé*/
    --primary: #c70f0f; /*rouge plus foncé*/
    --primary-contraste: white; /*#FFFFFF;*/
    --secondary: #F7C148;
    --info: #00B4DC;
    --success: #00A765;
    --warning: #b6ff00;
}

.custom-radio.theme .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2300A765'/%3e%3c/svg%3e");
}

#logo {
    display: inline-block;
    text-align-last: end;
}

    #logo h1 {
        font-size: 0em;
        display: inline;
        height: 0px;
    }

    #logo img {
        height: 100px;
        background: url("Images/LogoUniqlo.png") no-repeat;  
    }

.bg-back,
.md-select-menu-container.bg-back md-content,
md-toolbar.bg-back {
    background-color: white;
}

#renseignements .form-control[required] {
    border: 1px var(--green) solid;
    background-color: var(--white);
    background-image: -moz-linear-gradient(right, var(--green) 15px, var(--white) 15px);
    background-image: -o-linear-gradient(right, var(--green) 15px, var(--white) 15px);
    background-image: -webkit-gradient(linear, right,left, from(var(--green)) 15px, to(var(--white)) 15px);
    background-image: -webkit-linear-gradient(right, var(--green) 15px, var(--white) 15px);
    background-image: linear-gradient(to left, var(--green) 15px, var(--white) 15px);
    color: var(--black);
}
/* Contraste */
/*.text-contraste,
.md-select-menu-container.text-contraste md-option,
.md-select-menu-container.text-contraste md-option[selected]:focus {
    color: var(--black);
}*/

/*OverWrite*/

#header > div:first-child {
    background-color: unset;
    border-bottom: 6px solid var(--primary);
    border-right: 6px solid var(--primary);
}

    #header > div:first-child > img {
        height: 60px;
        margin: 10px auto 10px auto;
    }


.border-contraste {
    border: 2px solid var(--primary);
    color: var(--black);
}

/*.btn-langue {
    border: 2px solid var(--primary);
    color: var(--black);
}*/
/*inversion volontaire desc couleurs pour l'icone de document dans la page tickets*/
#IconeDoc > .fill-primary {
    fill: var(--primary-contraste);
}

#IconeDoc > .fill-contraste {
    fill: var(--primary);
}

#list-tickets-body
{
    color : var(--white);
}