body {
    color: #213B5B;
    background-color: #EDF2F9;
    font-family: "Helvetica Neue", "Roboto", sans-serif;
}

header {
    background-color: #213B5B;
}

footer {
    background-color: #213B5B;
}

.container-fluid {
    background-color: #EDF2F9;
}

.table thead th {
    color: #213B5B;
}

.member-info, .member-points-benefits {
    color: #213B5B;
}

.tooltip {
    z-index: 1000;
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    color: #ffffff;
    background-color: #213B5B;
    border-radius: 5px;
    box-shadow: 0px 3px 6px #213B5B50;
    transform: translate(-100%, 100%);
}

.custom-tooltip .tooltip-inner {
    color: #fff; /* Couleur du texte */
    border-radius: 4px; /* Bord arrondi */
    padding: 8px 12px; /* Espacement intérieur */
    font-size: 14px; /* Taille de la police */
    background-color: #213B5B;
    text-align: left;
    opacity: 1;

}


#logout {
    text-decoration: none;
    font-size: 20px;
    color: #FFFFFF;
}

.rounded-top-left {
    border-top-left-radius: 20px;
}

.rounded-top-right {
    border-top-right-radius: 20px;
}

.card-member {
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #213B5B50;
    border-radius: 10px;
    opacity: 1;
}

.points-card {
    background: transparent linear-gradient(291deg, #FFEEE7 0%, #ffffff 100%) 0% 0% no-repeat padding-box;
}
.points-card-tc {
    background: transparent linear-gradient(90deg,  #FFFFFF 0%, #C99608 300%) 0% 0% no-repeat padding-box;
}

.btn-outline-primary {
    border-color: #213B5B;
    color: #213B5B;
    background-color: #69A4ED48;
}

.btn-outline-primary:hover {
    background-color: #213B5B;
    border-color: #213B5B;
}

.form-check-input:checked {
    background-color: #4DCC5C5C;
    border-color: #4DCC5C5C;
}

.form-check-input:checked[type=checkbox] {
    color: #0E771B;
    font-weight: bold;
}


/* Définir la couleur de la barre */
.noUi-connect {
    background: #213B5B; /* Rouge */
}

/* Définir la couleur des poignées */
.noUi-handle {
    background: #FFFFFF; /* Vert */
}

/* Définir la couleur de la barre inactive */
.noUi-target {
    background: #FFFFFF; /* Gris clair */
}

.noUi-horizontal .noUi-handle {
    border-radius: 20px;
    width: 20px;
    height: 20px;
}


.noUi-handle:after, .noUi-handle:before {
    background: none;
}

.noUi-horizontal {
    height: 10px;
}

#search_form_minPoints[type="text"], #search_form_maxPoints[type="text"] {
    appearance: none;
    -webkit-appearance: none; /* Pour certains navigateurs WebKit */
    -moz-appearance: none; /* Pour certains navigateurs Mozilla */
    border: none; /* Supprime la bordure */
    background-color: transparent; /* Fond transparent */
    font-family: inherit; /* Utilise la police de caractères par défaut du navigateur */
    font-size: inherit; /* Utilise la taille de police par défaut du navigateur */
    font-weight: bold;
    color: #213B5B
}

#search_form_maxPoints::placeholder, #search_form_minPoints::placeholder, #search_form_q::placeholder {
    color: #213B5B
}

#search_form_q {
    border: 1px solid #213B5B;
    border-radius: 35px;
    opacity: 1;
}

.search-input {
    background-image: url("../images/search-b652443b6d2b0d9c087d5e646caff04e.svg");
    background-size: 16px; /* Ajustez la taille de l'icône */
    background-position: 10px center; /* Ajustez la position de l'icône */
    background-repeat: no-repeat; /* Empêche la répétition de l'icône */
    padding-left: 30px; /* Ajustez la marge gauche pour laisser de la place à l'icône */
}

table tr:last-child td:first-child {
    border-bottom-left-radius: 20px; /* ou la valeur que vous préférez */

}

table tr:last-child td:last-child {
    border-bottom-right-radius: 20px; /* ou la valeur que vous préférez */

}

.rounded-lg {
    border-radius: 20px; /* ou la valeur que vous préférez */
}

.active>.page-link, .page-link.active {
    background-color: #69A4ED48;
    border-color: #213B5B;
}

.page-link {
    color: #213B5B;

}

.page-link:hover {
    background-color: #69A4ED48;
    border-color: #213B5B;
    color: #213B5B;
}

.congress-check {
    background-color: #69A4ED48;
    color: #213B5B;
    font-weight: bold
}

.congress-check:hover {
    background-color: #69A4ED48;
    border-color: #213B5B;
}

.title-with-bar {
    position: relative;
}

.title-with-bar h2 {
    display: inline-block;
    position: relative;
    padding-right: 20px; /* Espace pour la barre */
}

.title-with-bar::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 2px; /* Largeur de la barre */
    height: 80%; /* Hauteur de la barre */
    background-color: black; /* Couleur de la barre */
}



.title-with-line {
    display: flex;
    align-items: center; /* Centrer verticalement le titre et la ligne */
}

.title-with-line h2 {
    margin-right: 10px; /* Marge à droite du titre */
}

.line {
    flex-grow: 1; /* Faire grandir la ligne pour remplir l'espace restant */
    border-bottom: 1px solid #213B5B; /* Une ligne noire de 1 pixel d'épaisseur */
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    background-color: #EDF2F9;
}

.collapse-horizontal {
    transition-duration:  0.1s; /* Réduire la durée de l'animation */
    transition-timing-function: ease-in-out; /* Utiliser une fonction de temporisation fluide */
}

.collapse-horizontal.collapsing {
    transition-duration: 0.1s; /* Durée de l'animation de fermeture */
    transition-timing-function: ease-in-out; /* Fonction de temporisation pour une fermeture fluide */
}

.modal-header {
    background-color: #213B5B;
    color: white;

}

.modal-footer>.btn{
   font-weight: bold;
}

.btn-companion {
    background-color: #69A4ED48;
    border-color: #213B5B;
    color: #213B5B;
    font-weight: bold;
}

.btn-companion:hover {
    background-color: #213B5B;
    border-color: #213B5B;
    color: #fff;
}

.btn-companion:active {
    background-color: #69A4ED48;
    border-color: #69A4ED48;
    color: #213B5B;
}

.btn-companion-danger {
    background-color: #FFD1D5;
    border-color: #ed696c;
    color: #E94553;
    font-weight: bold;
}
.btn-companion-danger:hover {
    background-color: #ed696c48;
    border-color: #ed696c;
    color: #E94553;
    cursor: default;

}

.btn-companion-success {
    background-color: #4dcc5c5c;
    border-color: #285b2e;
    color: #285b2e;
    font-weight: bold
}
.btn-companion-success:hover {
    background-color: #4dcc5c5c;
    border-color: #285b2e;
    color: #285b2e;
    cursor: pointer;
}

.btn-companion-success:hover {
    background-color: #285b2e;
    border-color: #4dcc5c5c;
    color: #fff;
    cursor: pointer;
}

.circle {
    display: inline-block;
    width: 22px; /* Définir la taille du cercle */
    height: 22px; /* Définir la taille du cercle */
    border-radius: 50%; /* Créer un cercle */
    background-color: red; /* Changer la couleur du cercle */
    color: white; /* Changer la couleur du texte */
    text-align: center; /* Centrer le texte dans le cercle */
    line-height: 22px; /* Centrer le texte verticalement */
    font-size: 12px; /* Changer la taille du texte */
}

.card-member>.table>tbody>tr>td, .card-member>.card-body>.table>tbody>tr>td {
    color:#707070;
}

.input-group-text {


    border-top-right-radius: 10px !important;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top : 1px solid #707070;
    border-right : 1px solid #707070;
    border-left: 1px solid #707070;
    color: #213B5B;
}

.text-area {
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border : 1px solid #707070;

}

.btn-companion {
    background-color: #213B5B;
    border-color: #213B5B;
    color: #fff;
    font-weight: bold;
}

.btn-companion-reverse {
    background-color: #69A4ED48;
    border-color: #213B5B;
    color: #213B5B;
    font-weight: bold;
}

.btn-companion-reverse:hover {
    background-color: #213B5B;
    border-color: #213B5B;
    color: #fff;
    font-weight: bold;
}

#login-checkbox:checked {
    background-color: #213B5B;
    border-color: #213B5B;
}

.popover-hover:hover {
    cursor: pointer;
}

.sign-up:hover {
    cursor: pointer;
    color: #213b5bc2;
}