@charset "UTF-8";

:root {
    --bg-img: url('');
    --header: #ffffff;
    --footer: #092353;
    --bg-card1: #eab300;
    --bg-card2: #eab300;
    --bg-card3: #eab300;
    --bg-card4: #eab300;
    --txt-color-card1: #092353;
    --txt-color-card2: #092353;
    --txt-color-card3: #092353;
    --txt-color-card4: #092353;
    --bg-card1-light: #f4f4f4;
    --bg-card2-light: #f4f4f4;
    --bg-card3-light: #f4f4f4;
    --bg-card4-light: #f4f4f4;
    --color-btn-amount: #eab300;
    --color-amount: #000000;
    --color-btn-amount-check: #092353;
    --color-amount-check: #000000;
    --color-btn-valid: #092353;
    --color-txt-valid: #ffffff;
    /* --bg-btn-don: #b20032; */
    /* DEFINIR LES COULEURS COTE PHP, DANS LA FICHE */
    --bg-test: ;
}

/* BOF */
@font-face {
    font-family: "Aliseo";
    src: url("../assets/ALISEO.otf") format("truetype");
}

/* BOF */
@font-face {
    font-family: "Figno";
    src: url("../assets/Figno-Regular.otf") format("truetype");
}

body {
    background-image: linear-gradient(0deg,rgba(255,255,255,0.5),rgba(255,255,255,0.5)), var(--bg-img);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    z-index:-500;
    /* filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); */
}

#donFormulaireTemplate {
    opacity: 0.85;
}

/* #mainNav .navbar-brand {
    font-size: 1.2em;
} */

/* .col-xl,
.col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
}

.col:first-child {
    margin-left: 1.2rem;
}

.col:last-child {
    margin-right: 1.2rem;
} */

.card {
    margin-bottom: 1em;
    border: none;
    opacity: 0.85;
}

.btn-link:focus, .btn-link.focus {
    text-decoration: none;
}

.bg-warning-light {
    background-color: #fff9e6 !important;
}

.bg-secondary-light {
    background-color: #e6f4ff !important;
}

.bg-success-light {
    background-color: #eafaee !important;
}

.bg-info-light {
    background-color: #e8fafc !important;
}

.header {
    background-color: var(--header) !important;
}

.footer {
    background-color: var(--footer) !important;
}

.bg-card1 {
    background-color: var(--bg-card1) !important;
}

.bg-card2 {
    background-color: var(--bg-card2) !important;
}

.bg-card3 {
    background-color: var(--bg-card3) !important;
}

.bg-card4 {
    background-color: var(--bg-card4) !important;
}

.txt-color-card1 {
    color: var(--txt-color-card1) !important;
}

.txt-color-card2 {
    color: var(--txt-color-card2) !important;
}

.txt-color-card3 {
    color: var(--txt-color-card3) !important;
}

.txt-color-card4 {
    color: var(--txt-color-card4) !important;
}

.bg-card1-light {
    background-color: var(--bg-card1-light) !important;
}

.bg-card2-light {
    background-color: var(--bg-card2-light) !important;
}

.bg-card3-light {
    background-color: var(--bg-card3-light) !important;
}

.bg-card4-light {
    background-color: var(--bg-card4-light) !important;
}

.btn-primary {
    color: #ffffff;
}

.btn-don {
    color: #fff;
    /* background-color: #b43056 !important;  */
    background-color: #aa3583 !important; 
    /* background-color: var(--bg-btn-don) !important; */
    border-color: #aa3583 !important;
    font-size: 1rem !important;
}

.btn-don:hover {
    color: #fff;
    background-color: #94246f !important; /* a12a7a */
    border-color: #811c60 !important; /* ad187e */
}

.btn-don:focus, .btn-don.focus {
    color: #fff;
    /* background-color: #b81b83;
    border-color: #ad197c; */
    background-color: #81b3ca;
    border-color: #78adc6;
    /* box-shadow: 0 0 0 0.2rem rgba(170, 65, 135, 0.5); */
    box-shadow: 0 0 0 0.2rem rgb(0, 99, 178);
}

.btn-don.disabled, .btn-don:disabled {
  color: #fff;
  background-color: #aa3583;
  border-color: #aa3583;
}

.btn-don:not(:disabled):not(.disabled):active, .btn-don:not(:disabled):not(.disabled).active, .show > .btn-don.dropdown-toggle {
  color: #fff;
  background-color: #ad187e;
  border-color: #96166d;
}

.btn-don:not(:disabled):not(.disabled):active:focus, .btn-don:not(:disabled):not(.disabled).active:focus, .show > .btn-don.dropdown-toggle:focus {
    /* box-shadow: 0 0 0 0.2rem rgba(170, 65, 135, 0.5); */
    box-shadow: 0 0 0 0.2rem rgb(0, 99, 178);
}

.btn-mg {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
}

#montant_don_autre {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

#montant_mandat_autre {
    margin-top: 1em;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
}

#boxDons {
    display: flex;
}

/* Définition pour le mobile */
@media (max-width: 576px) {
    #boxDons {
        flex-wrap: wrap;
    } 

    #donformulaire_montant_don_autre {
        margin-top: 1em;
    }

    #montant_don_autre {
        width: 97%;
    }
}

#locationField > label {
    color: #000000;
    font-weight: bold;
}

/* Customisation bouton radio */
.radio-toolbar input[type="radio"] {
    opacity: 0;
    position: fixed;
    width: 0;
}

.radio-toolbar label {
    color: var(--color-amount);
    display: inline-block;
    padding: 10px 10px;
    background-color: var(--color-btn-amount) !important;
    border-color: var(--color-btn-amount) !important;
    font-size: 1rem !important;
    /* width: max-content; */
    /* width: auto; */
    text-align : center;
}

.form-check-label {
    width: auto;
}

.form-check-label-autre {
    width: 100%;
}

/* Modification NBL - EMMA TT3173 - Ajout !important; */
.radio-toolbar input[type="radio"]:focus + label, .radio-toolbar input[type="radio"]:checked + label {
    color: var(--color-amount-check);
    background-color: var(--color-btn-amount-check) !important; 
    border-color: var(--color-btn-amount-check) !important;
    /* box-shadow: 0 0 0 0.2rem rgb(0, 158, 224); */
}

.radio-toolbar label:hover {
    color: var(--color-amount);
    background-color: var(--color-btn-amount) !important; /* a12a7a */
    border-color: var(--color-btn-amount) !important; /* ad187e */
    cursor: pointer;
}

.btn-valid {
    color: var(--color-txt-valid);
    background-color: var(--color-btn-valid);
    border-color: var(--color-txt-valid);
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display:none;
}