#modalLesCuristes,#modalAjouterAvisSpa,#modalPrereservationSejour,#modal_francemap{& .modal-content{border-radius:var(--border-radius-bloc);border:none;overflow:hidden;box-shadow:0 8px 32px #0a387226}& .modal-header{background-color:var(--color-theme);border-bottom:none;padding:1.25rem 1.5rem;& .modal-title{color:#fff;font-weight:600;font-family:var(--font-family-main)}& .btn-close{filter:brightness(0)invert();opacity:.85}}& .modal-body{padding:1.5rem;& h5{color:var(--color-theme);font-weight:600}& .form-control,& .form-select{border:1.5px solid var(--light-blue);color:var(--text-color-main);font-family:var(--font-family-main);border-radius:12px;padding:.65rem 1rem;&:focus{border-color:var(--color-theme);box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-theme) 15%, transparent);outline:none}&.is-invalid{border-color:var(--red)}}& .form-check-input{&:checked{background-color:var(--color-theme);border-color:var(--color-theme)}&:focus{box-shadow:0 0 0 .2rem color-mix(in srgb, var(--color-theme) 15%, transparent)}}& .alert{border:none;border-radius:12px;&.alert-warning{background-color:var(--yellow);color:var(--text-color-main)}&.alert-success{background-color:var(--lighter-green);color:var(--green-spa);border-left:4px solid var(--green-spa)}&.alert-danger{color:var(--red);border-left:4px solid var(--red);background-color:#ffe4db}}& .invalid-feedback{font-size:.8rem}}& .modal-footer{border-top:1.5px solid var(--mid-blue);gap:.75rem;padding:1rem 1.5rem;& .btn{font-family:var(--font-family-main);border-radius:57px;padding:8px 24px;font-weight:500;transition:all .1s linear;&.btn-secondary{border:1.5px solid var(--light-blue);color:var(--text-color-main);background-color:#fff;&:hover{background-color:var(--lighter-blue)}}&.btn-primary{background-color:var(--color-theme);border:1.5px solid var(--color-theme);color:#fff;&:hover{opacity:.85}}}}}#modalAjouterAvisSpa{& .rating{flex-direction:row-reverse;justify-content:flex-end;gap:2px;display:flex;& input{display:none}& label{cursor:pointer;color:#ccc;background:0 0;border-radius:0;width:auto;height:auto;padding:0 2px;font-size:1.8rem;line-height:1;transition:color .1s;&:before{content:"★"}&:hover,&:hover~label{color:#f5a623}}& input:checked~label{color:#f5a623}}& .module-note-spa{align-items:center;margin-left:0;margin-right:0;&>label{@media (width<576px){text-align:left!important}}&>div{@media (width<576px){padding-left:0}}}}