.detail-step-wrap .title-main::after {
    content: "Details afspraak"; /* Texte à ajouter */
    display: block; /* Forcer le texte à apparaître sur une nouvelle ligne */
    font-weight: bold;
    color: #4b788b; /* Applique la couleur bleue */
    margin-top: 5px; /* Ajouter un petit espace au-dessus */
}





.tab-pd .client-login-bar {
    max-width: 600px; /* Limite la largeur du conteneur */
    margin: 0 auto;   /* Centre le conteneur */
    padding: 0 10px;  /* Ajoute un remplissage */
}

.tab-pd .client-login-bar::before {
    content: "! les rendez-vous sont nominatifs et individuels ! \A ! afspraken zijn op naam en individueel ! \A \A Vous ne pouvez donc pas prendre rendez-vous avec votre compte lecteur pour une autre personne, ni vous présenter en salle de lecture si vous n’avez pas réservé vous-même votre créneau via votre compte « lecteur » personnel \A U kunt dus geen afspraak maken met uw lezersprofiel voor een andere persoon, of naar de leeszaal gaan als u niet uw eigen tijdslot hebt geboekt via uw persoonlijke lezersprofiel \A \A Toute personne ne respectant pas cette règle pourra se voir refuser l'accès à la salle de lecture \A Wie zich niet aan deze regel houdt, kan de toegang tot de leeszaal worden geweigerd";
    visibility: visible;
    font-size: 10px; /* Vous pouvez réduire cette taille si nécessaire */
    font-style: italic;
    text-align: center; /* Changez en left si cela aide à éviter le débordement */
    color: rgb(240, 0, 32);
    font-weight: bold;
    display: block;
    line-height: 1.5; /* Ajustez l'espacement entre les lignes */
    margin: 0; /* Supprimez les marges */
    padding: 0; /* Retirez le remplissage supplémentaire */
    white-space: pre-wrap; /* Permet les sauts de ligne et la mise en forme */
    overflow-wrap: break-word; /* Permet de couper les mots longs pour éviter le débordement */
    word-wrap: break-word; /* Pour la compatibilité avec les anciens navigateurs */
}




















.sb-layout.page--client_login .modal-header .modal-title {
    display: none;
}

.detail-step-wrap.section #sb_book_btn span::after {
    content: "Afspraak maken";
    display: block;
}

.detail-step-wrap.section .booking-info--item_provider .label::after {
    content: "Plaats";
    display: block;
    color: #4b788b;
}

.detail-step-wrap.section .booking-info--item_date-start .label::after {
    content: "Datum & uur";
    display: block;
    color: #4b788b;
}

.detail-step-wrap.section .login-bar {
    display: none;
}

.service-step .service-item .btn-bar .btn.select.custom a::after {
    content: "/Selecteer";
    display: block;
}


#sb_gdpr_report_container .table-section:nth-of-type(3),
#sb_gdpr_report_container .table-section:nth-of-type(4),
#sb_gdpr_report_container .table-section:nth-of-type(6),
#sb_gdpr_report_container .table-section:nth-of-type(8),
#sb_gdpr_report_container .table-section:nth-of-type(9),
#sb_gdpr_report_container .table-section:nth-of-type(10),
#sb_gdpr_report_container .table-section:nth-of-type(11),
#sb_gdpr_report_container .table-section:nth-of-type(12),
#sb_gdpr_report_container .table-section:nth-of-type(13),
#sb_gdpr_report_container .table-section:nth-of-type(14),
#sb_gdpr_report_container .table-section:nth-of-type(15),
#sb_gdpr_report_container .table-section:nth-of-type(16),
#sb_gdpr_report_container .table-section:nth-of-type(18),
#sb_gdpr_report_container .table-section:nth-of-type(19) {
    display: none;
}

/* Cible la cellule <td> contenant le texte "Date" dans le div principal */
.booking-item.booking-cancelled .booking-info--item_date-start .label::after {
    content: "Datum & uur"; /* Ajoute le texte après "Date" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}

/* Cible la cellule <td> contenant le texte "Fin:" dans le div principal */
.booking-item.booking-cancelled .booking-info--item_end-date .label::after {
    content: "Einde"; /* Ajoute le texte après "Fin:" */
    color: #4b788b; /* Définit la couleur du texte */
    display: block; /* Force le texte à passer à la ligne suivante */
}

/* Cible la cellule <td> contenant le texte "Statut:" dans le div principal */
.booking-item.booking-cancelled .booking-info--item_status .label::after {
    content: "Status"; /* Ajoute le texte après "Statut:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}


/* Cible la cellule <td> contenant le texte "Prestataire:" dans le div principal */
.booking-item.booking-cancelled .booking-info--item_provider .label::after {
    content: "Plaats"; /* Ajoute le texte après "Prestataire:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}


/* Cible la cellule <td> contenant le texte "Code de réservation:" dans le div principal */
.booking-item.booking-cancelled .booking-info--item_code .label::after {
    content: "Reservatiecode"; /* Ajoute le texte après "Code de réservation:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}


.row a[href="#client/bookings/type/all"]::after {
    content: "Mijn reservatiegeschiedenis";
    display: block;
}

.reschedule-layout .alert.alert-info {
    text-align: justify;
}


.reschedule-layout .reschedule--item-provider .reschedule--selected-title {
    display: none;
}

.reschedule-layout .reschedule--item-service .reschedule--selected-title::after {
    content: "Type opzoeking";
    display: block;
    color: #4b788b;
}

.reschedule-layout .reschedule--selected-item.reschedule--item-time:nth-child(4) .reschedule--selected-title::after {
    content: "Begin";
    display: block;
    color: #4b788b;
}

.reschedule-layout .reschedule--selected-item.reschedule--item-time:nth-child(5) .reschedule--selected-title::after {
    content: "Einde";
    display: block;
    color: #4b788b;
}

.reschedule-layout .sb-details > div > h4:first-child::after {
    content: "Details afspraak";
    display: block;
    color: #4b788b;
    margin-top: 8px; /* Ajustez la marge supérieure si nécessaire */
}


.reschedule-layout .title-main.reschedule-title-main::after {
    content: " / Bewerken";
    color: #4b788b;
}

.modal--client-profile-btn-cancel {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}


/* Ajouter le texte "Annuleren" sur une nouvelle ligne après "Annuler" */
.modal--client-profile-btn-cancel::after {
    content: "Annuleren";
    display: block;
    margin-top: -2px; /* Ajuster si nécessaire */
}

/* Ajouter le texte "opslaan" sur une nouvelle ligne après "Enregistrer" */
#sb_update_btn::after {
    content: "Opslaan";
    display: block; /* Force le texte à passer à la ligne */
}

/* Style pour le bouton Retour */
#sb_profile_form .btn-return {
    position: absolute; /* Positionner le bouton en haut à droite */
    top: 10px; /* Marge depuis le haut */
    right: 10px; /* Marge depuis la droite */
    padding: 10px 20px; /* Espacement interne du bouton */
    background-color: #007bff; /* Couleur d'arrière-plan du bouton */
    color: #fff; /* Couleur du texte du bouton */
    border: none; /* Enlever les bordures */
    border-radius: 5px; /* Arrondir les coins du bouton */
    cursor: pointer; /* Pointeur de souris pour indiquer que c'est cliquable */
    text-decoration: none; /* Supprimer la décoration du texte */
    font-size: 1rem; /* Taille de la police */
}

/* Effet de survol pour le bouton Retour */
#sb_profile_form .btn-return:hover {
    background-color: #0056b3; /* Couleur d'arrière-plan au survol */
}


/* Masquer le bouton de fermeture en utilisant display: none */
.modal-dialog.modal-cancellation-reason .modal-header .close {
    display: none;
}

/* Cibler les boutons spécifiques dans le modal-footer */
.modal-dialog.modal-cancellation-reason .modal-footer .tab-pd {
    text-align: center; /* Centrer les boutons */
}

/* Ajouter un saut de ligne après le texte du bouton Retour */
#sb_cancellation_cancel::after {
    content: "Terug";
    display: block !important;
}

/* Ajouter un saut de ligne après le texte du bouton Confirmer */
#sb_cancellation_confirm::after {
    content: "Bevestigen";
    display: block !important;
}

/* Cibler le paragraphe spécifique contenant le texte à justifier */
.modal-dialog.modal-cancellation-reason .modal-body p {
    text-align: justify;
}


.modal-dialog.modal-cancellation-reason .modal-title {
    text-align: center !important;
    position: relative;
}

.modal-dialog.modal-cancellation-reason .modal-title::after {
    content: "Mijn reservatie cancelen";
    display: block;
    color: #4b788b;
}

.btn--next-available-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.btn--next-available-date::after {
    content: "Volgende beschikbare datum";
    display: block;
    margin-top: -2px; /* Ajuster si nécessaire */
}

.alert--no-slots-txt::after {
    content: "Er zijn geen afspraken meer beschikbaar voor deze datum, selecteer een andere dag in de kalender";
    display: block;
    color: #4b788b;
}

/* Ajoute "Terug" sur une nouvelle ligne sous "Retour" avec la couleur #4b788b */
#sb_back_to_bookings .back-to-services span:last-of-type::after {
    content: " / Terug";
    color: #4b788b;
}

/* Ajoute "Mijn volgende reservaties" sur une nouvelle ligne sous "Mes prochaines réservations" avec la couleur #4b788b */
#booking-result-tabs .tabs-container .tab-link.active a[href="#client/bookings/type/upcoming"]::after {
    content: "Mijn volgende reservaties";
    display: block;
    color: #4b788b;
}

/* Ajoute "Mijn volgende reservaties" sur une nouvelle ligne sous "Mes prochaines réservations" avec la couleur #4b788b */
#booking-result-tabs .tabs-container .tab-link a[href="#client/bookings/type/upcoming"]::after {
    content: "Mijn volgende reservaties";
    display: block;
    color: #4b788b;
}

/* Ajoute "Mijn reservatiegeschiedenis" sur une nouvelle ligne sous "Historique de mes réservations" avec la couleur #4b788b */
#booking-result-tabs .tabs-container .tab-link a[href="#client/bookings/type/all"]::after {
    content: "Mijn reservatiegeschiedenis";
    display: block;
    color: #4b788b;
}

/* Cible le div avec la classe spécifique et ajoute du texte après "Annuler" */
.current-booking-info.v1 .btn.custom.btn-with-icon.sb_cancel_btn::after {
    content: "Annuleren";
    display: block;
    color: #4A4D57;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

.current-booking-info.v1 .btn.custom.btn-with-icon.sb-reschedule::after {
    content: "Bewerken";
    display: block;
    color: #4A4D57;
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
}

/* Cible le div avec les classes spécifiques et ajoute du texte après "Ajouter à mon agenda" */
.current-booking-info.v1 .btn.custom.btn-with-icon.sb_add_to_cal::after {
    content: "Agenda"; /* Ajoute le texte après "Ajouter à mon agenda" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4A4D57;
    font-family: 'Montserrat', sans-serif; /* Applique la police Montserrat si nécessaire */
    font-size: 12px; /* Définit la taille de la police si nécessaire */
}




/* Cible la cellule <td> contenant le texte "Date" dans le div principal */
.booking-item.booking-confirmed .booking-info--item_date-start .label::after {
    content: "Datum & uur"; /* Ajoute le texte après "Date" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}

/* Cible la cellule <td> contenant le texte "Fin:" dans le div principal */
.booking-item.booking-confirmed .booking-info--item_end-date .label::after {
    content: "Einde"; /* Ajoute le texte après "Fin:" */
    color: #4b788b; /* Définit la couleur du texte */
    display: block; /* Force le texte à passer à la ligne suivante */
}

/* Cible la cellule <td> contenant le texte "Statut:" dans le div principal */
.booking-item.booking-confirmed .booking-info--item_status .label::after {
    content: "Status"; /* Ajoute le texte après "Statut:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}


/* Cible la cellule <td> contenant le texte "Prestataire:" dans le div principal */
.booking-item.booking-confirmed .booking-info--item_provider .label::after {
    content: "Plaats"; /* Ajoute le texte après "Prestataire:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}


/* Cible la cellule <td> contenant le texte "Code de réservation:" dans le div principal */
.booking-item.booking-confirmed .booking-info--item_code .label::after {
    content: "Reservatiecode"; /* Ajoute le texte après "Code de réservation:" */
    display: block; /* Force le texte à passer à la ligne suivante */
    color: #4b788b; /* Définit la couleur du texte */
}

.reschedule-layout .title-main.reschedule-title-main::after {
    content: " / Bewerken"; /* Contenu à ajouter après le texte */
}




/* Assurez-vous que le texte néerlandais est ajouté après le texte français */
.tab-pd.subscribe-component--modal-content .booking-message.subscribe-component--txt::after {
    content: "Uw aanvraag is in aanmerking genomen! Er is een bevestigingsmail naar u verzonden";
    display: block; /* Force le texte néerlandais à passer à la ligne */
    color: #4b788b; /* Couleur du texte néerlandais */
    margin-top: 10px; /* Optionnel : Ajoute de l'espace au-dessus du texte néerlandais */
}



/* Cibler tous les boutons avec la classe 'btn-danger' dans le contexte donné */
.tab-pd.subscribe-component--modal-content .btn-bar .btn-danger {
    display: none; /* Masque le bouton */
}


/* Style pour ajouter "Ik ga akkoord" après le bouton avec "J'accepte" */
.modal-dialog.license-modal .btn#sb_confirm_license::after {
    content: "Ik ga akkoord"; /* Texte à ajouter */
    display: block; /* Force le texte à passer à la ligne */
}

.modal-dialog.license-modal .modal-header .modal-title {
    text-align: center; 
}

.modal-dialog.license-modal p {
    text-align: justify;
}


.row .button-wrapper #sb_sign_up_btn::after {
    content: " / registreren";
    white-space: normal; /* Permet au texte de passer à la ligne si nécessaire */
}

#sb_sign_up_form #sb_terms_and_conditions {
    text-align: justify;
}

#sb_timeview_container .container-caption::after {
    content: "Beschikbare uren";
    display: block;
    color: #4b788b;
}

#sb_timeview_container .time-legend .available::after {
    content: " – Beschikbaar";
    color: #4b788b;
}

.row.row-eq-height #sb_prev_month .txt,
.row.row-eq-height #sb_next_month .txt {
    visibility: hidden;
    height: 0;
}

#sb_back_button span:nth-of-type(2)::after {
    content: " / Terug";
    color: #4b788b;
}

.calendar .inner .name.is-holiday {
    color: black !important; /* Définir la couleur du texte à noir */
}

/* Pour "Lun" */
.col-md-4 .inner .name:nth-child(1)::after {
    content: "MA";
    display: block;
    margin-top: -10px !important;
    color: #4b788b;
}

/* Pour "Mar" */
.col-md-4 .inner .name:nth-child(2)::after {
    content: "DI";
    display: block;
    margin-top: -10px !important;
    color: #4b788b;
}

/* Pour "Mer" */
.col-md-4 .inner .name:nth-child(3)::after {
    content: "WO";
    display: block;
    margin-top: -10px !important;
    color: #4b788b;
}

/* Pour "Jeu" */
.col-md-4 .inner .name:nth-child(4)::after {
    content: "DO";
    display: block;
    margin-top: -10px !important;
    color: #4b788b;
}

/* Pour "Ven" */
.col-md-4 .inner .name:nth-child(5)::after {
    content: "VR";
    display: block;
    margin-top: -10px !important;
    color: #4b788b;
}

/* Pour "Sam" */
.col-md-4 .inner .name.is-holiday:nth-child(6)::after {
    content: "ZA";
    margin-top: -10px !important;
    color: #4b788b;
    display: block;
}

/* Pour "Dim" */
.col-md-4 .inner .name.is-holiday:nth-child(7)::after {
    content: "ZO";
    margin-top: -10px !important;
    color: #4b788b;
    display: block;
}

.step_info_item.active .title-small::after {
    content: "Type opzoeking";
    display: block;
    color: #4b788b;
}

.step_info_item:nth-child(2) .title-small::after {
    content: "Selecteer een afspraak";
    display: block;
    color: #4b788b;
}

.step_info_item:nth-child(3) .title-small::after {
    content: "Bevestiging reservatie";
    display: block;
    color: #4b788b;
}

.form-group.phone .control-label.required[for="sb_profile_x_phone"] {
    width: 100%;
}


.form-group.password .control-label.required[for="sb_profile_x_password"] {
    width: 100%;
}

#sb_address_container .form-group.country_id .control-label,
#sb_address_container .form-group.address1 .control-label,
#sb_address_container .form-group.address2 .control-label,
#sb_address_container .form-group.zip .control-label,
#sb_address_container .form-group.city .control-label {
    width: 100%;
}

.form-group.name .control-label.required[for="sb_profile_x_name"] {
    width: 100%;
}


#sb_sign_up_form > .cap:after {
    content: "Eerste registratie";
    display: block;
    color: #4b788b;
}


#sb_gdpr_control_panel_container .btn-gdpr-report-logout .txt {
    display: none !important; /* Masque le texte avec !important */
}

#sb_gdpr_report_container #sb_gdpr_report_show_confirmation::after {
    content: "Een verificatiecode ontvangen";
    display: block;
}

#gdpr-report-view .control-bar .title::after {
    content: "Hieronder vindt u alle informatie over u die opgeslagen is in onze database. Als u meer wilt weten over hoe uw gegevens worden verwerkt, kunt u contact met ons opnemen via e-mail (archief@brucity.be)";
    display: block;
    color: #4b788b;
}


#gdpr-report-view .title-main::after {
    content: "Rapport van persoonsgegevens";
    display: block;
    color: #4b788b;
}

/* Centrer uniquement le titre dans le conteneur #sb_gdpr_email_form */
#sb_gdpr_email_form .cap.full {
    text-align: center; /* Centre le texte du titre */
}

#sb_gdpr_email_form .form-container {
    text-align: center; /* Centre le contenu à l'intérieur de ce conteneur */
}


#sb_gdpr_email_form button.btn-get-report::after {
    content: "Link verzenden";
    display: block;
}

#sb_gdpr_email_form .btn-get-report::after {
    content: "Mijn rapport ontvangen";
    display: block;
    word-wrap: break-word;
}

#sb_gdpr_email_form .cap.full::after {
    content: "Mijn rapport ontvangen";
    display: block;
    color: #4b788b;
}

#sb_gdpr_email_form button.btn-info::after {
    content: "Link verzenden";
    display: block;
}

#sb_gdpr_email_form .content .step-item:nth-of-type(1) {
    text-align: justify !important;
    text-justify: distribute-all-lines !important;
}

#sb_gdpr_email_form .content .step-item:nth-of-type(2) {
    text-align: justify !important;
    text-justify: distribute-all-lines !important;
}

/* Ajouter le texte après "Veuillez saisir l'email ou le numéro de téléphone utilisé pour créer votre compte lecteur et cliquez sur « Envoyer le lien »" */
#sb_gdpr_email_form .content .step-item:nth-child(1)::after {
    content: " / Voer het e-mailadres of telefoonnummer in dat u hebt gebruikt om uw lezersprofiel aan te maken en klik op “Link verzenden”";
    color: #4b788b;
}

/* Ajouter le texte après "Introduisez ensuite le code de vérification qui vous a été envoyé" */
#sb_gdpr_email_form .content .step-item:nth-child(2)::after {
    content: " / Voer vervolgens de verzonden verificatiecode in die naar u is verzonden";
    color: #4b788b;
}

/* Ajouter "Mijn rapport ontvangen" après "Obtenir mon rapport" */
#sb_gdpr_email_form .title::after {
    content: "Mijn rapport ontvangen";
    display: block;
    color: #4b788b;
}



/* Cacher le texte "ou se connecter avec" */
#sb_gdpr_email_form .band-txt {
    display: none;
}

/* Cacher les boutons "Login via Facebook" et "Login via Google" */
#sb_gdpr_email_form .brand .fb,
#sb_gdpr_email_form .brand .gl {
    display: none;
}

/* CSS spécifique à l'élément avec l'ID remind-password */
#remind-password #sb_remind_btn::after {
    content: "Een herinnering sturen";
    display: block;
}

#remind-password #sb_remind_btn {
    width: 100% !important;
}


/* CSS spécifique à l'élément avec l'ID sb_sign_in_form dans le div principal remind-password */
#remind-password #sb_sign_in_form .cap::after {
    content: "Wachtwoord vergeten?";
    display: block;
    color: #4b788b;
}

#sb_sign_in_form .txt-left.remind-pass.sb-client-remind-popup::after {
    content: "Wachtwoord vergeten?";
    display: block;
    text-align: left;
    color: #4b788b;
    margin-bottom: 15px; /* Espacement en bas */
}

#sb_sign_in_form .remember-me {
    margin-bottom: 15px; /* Espacement en bas */
}

#sb_sign_in_form #sb_sign_in_btn {
    margin-top: 15px; /* Espacement en haut */
}



.button-wrapper #sb_sign_in_btn::after {
    content: " / Aanmelden";
    margin-top: 5px; /* Espacement supplémentaire au-dessus */
}

.button-wrapper {
    text-align: left; /* Centre tout le contenu horizontalement */
}

.button-wrapper #sb_sign_in_btn {
    /* Styles supplémentaires pour le bouton si nécessaire */
}

#sb_sign_in_form .txt-left.remind-pass.sb-client-remind-popup {
    text-align: left;
}

#sb_sign_in_form .txt-left.remind-pass.sb-client-remind-popup::after {
    content: "Wachtwoord vergeten?";
    display: block;
    text-align: left;
    color: #4b788b;
}

/* CSS spécifique à l'élément avec l'ID sb_sign_in_form dans la col-sm-6 */
.col-sm-6 #sb_sign_in_form .cap::after {
    content: "Bent u al lezer bij de ASB?";
    display: block;
    color: #4b788b;
}

#sb_sign_in_form .form-group.email .col-sm-4 {
    width: auto; /* Réinitialise la largeur automatique */
    max-width: 50%; /* Ajuste la largeur maximale si nécessaire */
    text-align: right; /* Aligne le texte à droite */
    padding-right: 10px; /* Ajoute un espace à droite pour séparer les éléments */
}

#sb_sign_in_form .form-group.password .col-sm-4 {
    width: auto; /* Réinitialise la largeur automatique */
    max-width: none; /* Réinitialise la largeur maximale */
    text-align: right; /* Alignement du texte à droite */
    padding-right: 10px; /* Ajoute un espace à droite pour séparer les éléments */
}

.tab-pd .title-main::after {
    content: "Log in om verder te gaan";
    display: block; /* Pour le faire passer à la ligne */
    color: #4b788b; /* Couleur du texte */
}

.client-login-bar .social .txt,
.client-login-bar .social .brand.v2 .gl {
    display: none;
}

.overview .col-sm-4 {
    width: 80%;
}

.overview .col-sm-8 {
    margin-left: 20px;
}

#sb_profile_form .title-main {
    text-align: center; /* Centrer le texte horizontalement */
}

#sb_profile_form .title-main::after {
    content: "\A Mijn lezersprofiel"; /* Utilisation de \A pour forcer un saut de ligne */
    display: block; /* Afficher le contenu sur une nouvelle ligne */
    color: #4b788b; /* Couleur du texte */
}


#sb_profile_form a.btn[href="#client/bookings/type/upcoming"]::after {
    content: "\A Reservaties"; /* Utilisation de \A pour forcer un saut de ligne */
    display: block; /* Afficher le contenu sur une nouvelle ligne */
}

#sb_profile_form a.btn[href="#gdpr-report"]::after {
    content: "\A Rapport van persoonsgegevens"; /* Utilisation de \A pour forcer un saut de ligne */
    display: block; /* Afficher le contenu sur une nouvelle ligne */
}

#sb_profile_form a.btn[href="#client/sign-out"]::after {
    content: "\A Afmelden"; /* Utilisation de \A pour forcer un saut de ligne */
    display: block; /* Afficher le contenu sur une nouvelle ligne */
}

#sb_profile_form a.btn[href="#gdpr-report"] {
    background-color: #4b788b; /* Couleur de fond du bouton */
    border-color: #4b788b; /* Couleur de la bordure du bouton (optionnel) */
    color: #fff; /* Couleur du texte à l'intérieur du bouton */
    padding: 10px 20px; /* Ajustement de l'espacement à l'intérieur du bouton */
    text-decoration: none; /* Supprimer le soulignement par défaut */
    border-radius: 5px; /* Bordure arrondie du bouton */
    display: inline-block; /* Afficher en tant que bloc en ligne */
}

#sb_profile_form a.btn[href="#gdpr-report"]:hover {
    background-color: #385c6d; /* Couleur de fond au survol */
    border-color: #385c6d; /* Couleur de la bordure au survol (optionnel) */
}

#sb_profile_form .bar-with-btn {
    display: flex;
    flex-direction: column; /* Afficher les éléments en colonne */
    align-items: center; /* Centrer les éléments horizontalement */
}

#sb_profile_form .bar-with-btn a.btn {
    margin-bottom: 10px; /* Espacement entre les boutons */
}

.inputs .has-error .help-block:first-of-type::after {
    content: " Gebruikersnaam of paswoord onjuist";
    display: block;
}


.btn-bar--row {
    display: flex;
    flex-direction: column; /* Afficher les éléments en colonne */
    align-items: center; /* Centrer les éléments horizontalement */
}

.btn-bar--row button,
.btn-bar--row a {
    margin-bottom: 10px; /* Espacement entre les boutons */
}



.social.clearfix {
    display: none;
}

.control-label .remember-me__small-text {
    display: none; /* Cacher le texte "(Cookies)" */
}

#sb_sign_in_form .remember-me .control-label::after {
    content: " / Herinner mij";
    color: #4b788b;
}

#sb_sign_in_form .txt .remind-pass {
    text-align: right;
}

#sb_sign_in_form .txt .remind-pass::after {
    content: "Wachtwoord vergeten?";
    display: block;
    text-align: right;
    color: #4b788b;
}

.bar-with-btn {
    display: flex;
    justify-content: center; /* Centrer les éléments horizontalement */
    align-items: center; /* Centrer les éléments verticalement */
}

.sb-client-info-popup,
#sb_sign_out_btn {
    display: flex;
    flex-direction: column; /* Afficher le texte sur une nouvelle ligne */
    align-items: center;
    position: relative;
    margin: 0 10px; /* Espace égal de 10px autour des boutons */
    font-size: 12px; /* Taille de police pour les boutons */
    height: auto; /* Hauteur automatique pour s'adapter au contenu */
    padding: 5px 10px; /* Padding à l'intérieur des boutons */
    text-align: center; /* Centrer le texte */
}

.sb-client-info-popup::after,
#sb_sign_out_btn::after {
    content: attr(data-text); /* Utiliser l'attribut data-text pour le texte */
    display: block;
    color: inherit;
    font-size: 12px; /* Taille de police pour le texte */
    margin-top: 2px; /* Espace entre le bouton et le texte */
}

/* Ajouter l'attribut data-text pour chaque bouton */
.sb-client-info-popup::after {
    content: attr(data-text) "Lezersprofiel";
}

#sb_sign_out_btn::after {
    content: attr(data-text) "Uitloggen";
}


.article.clearfix .cap {
    font-size: 18px !important;
}

.article.clearfix .cap::after {
    content: "Toegangsvoorwaarden";
    display: block;
    color: #4b788b;
    font-size: 18px;
}

.btn.sb-client-edit-popup {
    display: none;
}

#sb_gdpr_show_form_btn::after {
    content: "Persoonlijke gegevens";
    display: block;
    color: #4b788b;
}

#sb_content #article\ clearfix .cap::after {
    content: "\A TOEGANGSVOORWAARDEN VOOR DE LEESZAAL";
    display: block;
    font-size: 14px;
    color: #4b788b;
    white-space: pre;
}

.col-md-12 .text-center a[href="#terms-and-conditions"]::after {
    content: "Toegangsvoorwaarden";
    display: block;
    color: #4b788b;
}

#sb_gdpr_report_module_container .text-center a[href="#gdpr-report"]::after {
    content: "Rapport van persoonsgegevens";
    display: block;
    color: #4b788b;
}

#sb_gdpr_report_module_container .text-center a[href="#gdpr-report"]::after {
    content: "Rapport van persoonsgegevens";
    display: block;
    color: #4b788b;
}

#contacts .title-main::after {
    content: "Contact";
    display: block;
    text-align: right;
    color: #4b788b;
}

#about-us .title-main::after {
    content: "Archief van de Stad Brussel";
    display: block;
    text-align: right;
    color: #4b788b;
}

#sb_login_form .cap::after {
    content: "U bent aangemeld als";
    display: block;
    color: #4b788b;
}

/* Style pour Fermé / Gesloten */
tr:nth-child(1) .time::after {
    content: " / Gesloten";
    color: #4b788b;
}


/* Style pour Fermé / Gesloten */
tr:nth-child(6) .time::after {
    content: " / Gesloten";
    color: #4b788b;
}

/* Style pour Fermé / Gesloten */
tr:nth-child(7) .time::after {
    content: " / Gesloten";
    color: #4b788b;
}

/* Style pour Lun / ma */
tr:nth-child(1) .day::after {
    content: " / ma";
    color: #4b788b;
}

/* Style pour Mar / di */
tr:nth-child(2) .day::after {
    content: " / di";
    color: #4b788b;
}

/* Style pour Mer / wo */
tr:nth-child(3) .day::after {
    content: " / wo";
    color: #4b788b;
}

/* Style pour Jeu / do */
tr:nth-child(4) .day::after {
    content: " / do";
    color: #4b788b;
}

/* Style pour Ven / vr */
tr:nth-child(5) .day::after {
    content: " / vr";
    color: #4b788b;
}

/* Style pour Sam / za */
tr:nth-child(6) .day::after {
    content: " / za";
    color: #4b788b;
}

/* Style pour Dim / zo */
tr:nth-child(7) .day::after {
    content: " / zo";
    color: #4b788b;
}

.title-section::after {
    content: "ONZE LOCATIE";
    display: block;
    color: #4b788b;
}

#schedule .title-main::after {
        content: "\AOpeningsuren"; /* \A représente un saut de ligne */
        display: block;
        color: #4b788b;
        text-align: right;
    }

    .menu-item a.popup-hide::after {
        content: "\AStartpagina"; /* \A représente un saut de ligne */
        display: block;
        text-align: center;
    }
    
    .menu-item:nth-child(2) a.popup-hide::after {
        content: "\AMijn reservaties"; /* \A représente un saut de ligne */
        display: block;
        text-align: center;
    }


a[href="#show-on-map/yes"]::after {
    content: "Toon op de kaart";
    display: block;
}

/* Ajoute "Terug" sur une nouvelle ligne sous "Prendre rendez-vous" avec la couleur #4b788b */
.inner .bar .btn.book.btn-with-icon.custom a::after {
    content: "Afspraak maken";
    display: block;
}

.company-name::after {
    content: "Archief van de Stad Brussel";
    display: block;
}

#sb_timeview_container .alert--no-slots-btn-bar .waiting-list--btn-bar {
    display: block !important;
}

.subscribe-component--title {
    visibility: hidden; 
    position: relative;
}

.subscribe-component--title::after {
    content: "Confirmation"; 
    position: relative;
    font-size: inherit;
    color: inherit; 
    font-weight: inherit; 
    text-transform: capitalize;
}

.booking-btns .btn.sb-book {
    display: none; 
}

.sb_book_again {
    display: none;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.form-group.is_email_unsubscribed {
    display: none;
}

.form-group.is_sms_unsubscribed {
    display: none;
}


#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}

#client-profile-preview .btn.popup-hide[href="#invoice/list"]  {
    display: none; 
}

#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button]{
    display: none;
}

 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
	/* add your css rule here */
}


 #events input.select_another_btn   {
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
	/* add your css rule here */
}