@import "./login-adhesion.css";
@import "./profil.css";
@import "./demande.css";
@import "./calendrier.css";


.error-message{
    font-size: 20px !important;
    color:crimson !important;
}
.mb-2 {
	margin-bottom: 1em;
}

.fusion-layout-column-6 {
	--awb-col-width: 50%;
	padding: 0 10px;
}

/* Responsivité */
@media (max-width: 768px) {
    .bouton-responsive {
        max-width: 90%;
        font-size: 16px;
        padding: 8px;
    }
}

@media (max-width: 480px) {
    .bouton-responsive {
        font-size: 16px;
        height: 35px;
    }
}
.textarea-min-width {
    min-width: 577px;
}

@media (max-width: 767px) {
    .textarea-min-width {
        min-width: 100%;      
    }
}

/*form css affichage*/
.checkbox-container {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 25px;
}
.full-width  textarea {
    width: 100% !important;
    box-sizing: border-box;
    height: 85px;
    margin-bottom: 15px;
}

* {
    --bs-btn-border-color: #0f3e8a !important;
    --bs-btn-bg: #0f3e8a !important;
    --bs-btn-hover-border-color: #fffff !important;
    --bs-btn-hover-bg: #fffff !important;
    --bs-btn-hover-color: #0f3e8a !important;
}

.btn-annuler{
    background-color: crimson !important;
    border-color: crimson !important;
    color: white !important;
    border-radius: 10px;
}

.btn-annuler:hover{
    background-color: white !important;
    color: crimson !important;
    border-color: crimson !important;
}

.btn-basic{
    background-color: #114388 !important;
    border-color: #114388 !important;
    color: white;
    border-radius: 10px !important;
}

.btn-basic:hover{
    background-color: white !important;
    border-color: #114388;
    color: #114388;
}

.btn-warning{
    background-color: #e87700 !important;
    border-color: #e87700 !important;
    color: white !important;
    border-radius: 10px !important;
}

.btn-warning:hover{
    background-color: white !important;
    border-color: #e87700;
    color: #e87700 !important;
}

.btn-success{
    background-color: #198754 !important;
    border-color: #198754 !important;
    color: white !important;
    border-radius: 10px !important;
}

.btn-success:hover{
    background-color: white !important;
    border-color: #198754;
    color: #198754 !important;
}