/* -------------------------------------------------------------------------- */
/*                                Falcon Button                               */
/* -------------------------------------------------------------------------- */
/* prettier-ignore */
/*# sourceMappingURL=user.css.map */

/* debug multi select sur safari */
.choices__list--dropdown:not(.is-active){
    visibility: unset; /* évite de laisser les box-shadow visible quand on ferme la liste */
}

/* resize grid */
smart-grid {
    width: auto;
	/* height: auto; */
}

/* au passage à la souris les ligne résa web reste sur une couleur bleue */
smart-grid[appearance_allow-hover]#liste-reservation smart-grid-row:hover smart-grid-cell.resa-web .smart-label {
    background-color: #57d6f9 !important;
}

/* debug calendar sur safari - bar event qui déborde des cases */
.safari .fc-dayGridMonth-view .fc-daygrid-day .fc-daygrid-day-frame {
    position: relative;
}

/* Permet au select multi choices et select2 (jquery) d'être affiché en erreur aprés rechargement de la page */
div.is-invalid,
.is-invalid .select2-container {
    border-color: red !important; /* Fonctionne pas */
}

/* remise */
.promo-container {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin: 10px 0;
    background-color: #fff;
}

.promo-nom,
.carte-cadeau-beneficiaire {
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.promo-date, .promo-reduction {
    font-size: 0.8rem;
    color: #555;
}

.close-button-remise {
    float: right;
    cursor: pointer;
}

/* grid liste résas */
.resa-web > div {
    background: rgb(179, 235, 255) !important;
}

#liste-tarifs td input {
    width: 60px;
    height: 20px;
}
#liste-tarifs td input[type=number] {
    width: 100%;
    padding: 0 1rem;
}
#liste-tarifs td .input-group span {
    height: 20px;
}
#liste-tarifs td select {
    height: 20px;
}
#liste-tarifs td .form-select {
    padding: 0 3rem 0 1rem;
    font-size: 15px;
}

input[readonly],
input[readonly]:focus {
    background-color: #f2f2f2; /* Gris clair */
}

/* ****** Lignes détails réservation ******* */
#lignes-details-total tr td {
    border-bottom: solid 1px #000;
}
#lignes-details-total tr:last-child td {
    border-bottom: none;
}
#lignes-details-total tr:first-child td,
#lignes-details-total tr:last-child td,
#ligne-montant-net-ttc td {
    font-weight: bold;
}
#lignes-details-total tr td:last-child {
    text-align: right;
}
#lignes-details-total tr td #inputAcompte {
    display: inline;
    width: 60px;
    height: 25px;
    padding: 0.3125rem 0;
    text-align: right;
}
#lignes-details-total a {
    color: var(--falcon-table-color)
}
#ligne-remise,
#ligne-deja-paye {
    display: none;
}
#ligne-remise td,
#ligne-deja-paye td {
    color: #02ac19;
}
#ligne-acompte.paye * {
    color: #02ac19;
}
#ligne-acompte.impaye * {
    color: red;
}
/* effet génération lien de paiement */
.input-highlight {
    border: 2px solid green !important;
    transition: border 0.5s ease-in-out;
}
/* BG fiche résa */
.bg-red-light {
    border-top: red solid 2px;
    background-color: rgb(255, 225, 225);
}
.bg-green-light {
    border-top: green solid 2px;
    background-color: #d7f8db;
}
/* form résa : ligne jour1 jour2 */
#ligne-jour-1,
#ligne-jour-2,
.cadre-jour {
    border-radius: 4px;
    background-color: var(--falcon-bg-navbar-glass);
}
.input-sm {
    height: calc(1.5em + .5rem + 2px); /* même que .form-control-sm */
    padding: .1875rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
}

/* Animation de surbrillance lors de la mise à jour */
.highlight-update {
    animation: flashUpdate 0.8s ease;
}

@keyframes flashUpdate {
    0%   { background-color: #ffd6e8; }
    50%  { background-color: #ff80ab; }
    100% { background-color: transparent; }
}