@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* /Account/ConfirmationInscription.razor.rz.scp.css */

.confirmation-container[b-83liy1hsig] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 20px;
}

.confirmation-card[b-83liy1hsig] {
    background: white;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    max-width: 700px;
    width: 100%;
    animation: slideInUp-b-83liy1hsig 0.6s ease-out;
}

@keyframes slideInUp-b-83liy1hsig {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-icon[b-83liy1hsig] {
    font-size: 5rem;
    color: #28a745;
    animation: bounceIn-b-83liy1hsig 0.8s ease-out;
}

@keyframes bounceIn-b-83liy1hsig {
    0% {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

.confirmation-title[b-83liy1hsig] {
    text-align: center;
    color: #2c3e50;
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 30px;
}

.confirmation-content[b-83liy1hsig] {
    margin-bottom: 20px;
}

.next-steps[b-83liy1hsig] {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.steps-list[b-83liy1hsig] {
    padding-left: 20px;
}

    .steps-list li[b-83liy1hsig] {
        margin-bottom: 15px;
        line-height: 1.6;
    }

.info-box[b-83liy1hsig] {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 20px;
    margin: 10px 0;
}

.info-item[b-83liy1hsig] {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .info-item i[b-83liy1hsig] {
        font-size: 1.5rem;
        margin-right: 15px;
        width: 30px;
        text-align: center;
    }

.contact-info[b-83liy1hsig] {
    border-left: 4px solid #007bff;
}

.contact-details div[b-83liy1hsig] {
    margin-bottom: 5px;
}

.confirmation-actions[b-83liy1hsig] {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dee2e6;
}

@media (max-width: 768px) {
    .confirmation-card[b-83liy1hsig] {
        padding: 20px;
        margin: 10px;
    }

    .confirmation-title[b-83liy1hsig] {
        font-size: 2rem;
    }

    .success-icon[b-83liy1hsig] {
        font-size: 4rem;
    }
}


/* /Account/ForgotPassword.razor.rz.scp.css */

/* Contenu de la carte */
.card-inner-content[b-0vvcs2xctu] {
    display: flex;
    gap: 10px;
    min-width: 20px;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #D3D3D3;
    color: #0B019F;
}

/* Content section */
.content-section[b-0vvcs2xctu] {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Formulaire */
.form-group[b-0vvcs2xctu] {
    margin-bottom: 15px;
    text-align: start;
}

/* Nouvelle règle pour supprimer les bordures */
.password-rules[b-0vvcs2xctu] {
    border: none !important;
    background-color: transparent !important; /* Assure que le fond est transparent */
    font-size: 0.8rem;
}

.SpaceInterCard[b-0vvcs2xctu] {
    height: 1.5rem;
}

.ForgotTitle[b-0vvcs2xctu] {
    color: #2B21B6;
    font-size: 14px;
    align-items: center;
    font-weight: bold;
}

/* Style général pour le formulaire */
form[b-0vvcs2xctu], .form-container[b-0vvcs2xctu] {
    max-width: 600px;
    margin: 50px auto;
    padding: 20px;
    background-color: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
}

/* Animation lors de la transition entre les étapes */
.step[b-0vvcs2xctu] {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

    .step.active[b-0vvcs2xctu] {
        opacity: 1;
        transform: translateY(0);
    }

/* Styles pour les titres des étapes */
h3[b-0vvcs2xctu] {
    font-size: 1rem;
    text-align: center;
    margin-bottom: 20px;
    color: #7099d1;
    animation: fadeIn-b-0vvcs2xctu 1s ease;
}

h2[b-0vvcs2xctu] {
    font-size: 1rem;
}

/* Animation d'apparition en fondu */
@keyframes fadeIn-b-0vvcs2xctu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Champs de saisie */
input[type="text"][b-0vvcs2xctu], input[type="password"][b-0vvcs2xctu], input[type="date"][b-0vvcs2xctu], select[b-0vvcs2xctu] {
    width: 100%;
    padding: 15px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
    font-size: 1rem;
}

    input:focus[b-0vvcs2xctu], select:focus[b-0vvcs2xctu] {
        border-color: #7099d1;
        box-shadow: 0 0 8px rgba(112, 153, 209, 0.3);
        outline: none;
    }

/* Styles des boutons */
button[b-0vvcs2xctu] {
    width: 100%;
    padding: 15px;
    margin-top: 10px;
    font-size: 1rem;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background-color: #7099d1;
    color: white;
    transition: background-color 0.3s ease, transform 0.3s ease;
}

    button:hover[b-0vvcs2xctu] {
        background-color: #5071a3;
        transform: translateY(-3px);
    }

    button:active[b-0vvcs2xctu] {
        transform: translateY(0);
    }

    button:disabled[b-0vvcs2xctu] {
        background-color: #ccc;
        cursor: not-allowed;
    }

    button.loading[b-0vvcs2xctu] {
        cursor: wait;
        animation: spin-b-0vvcs2xctu 1s linear infinite;
    }

@keyframes spin-b-0vvcs2xctu {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Styles pour les boutons spécifiques */
button.btn-suivant[b-0vvcs2xctu] {
    background-color: #007bff;
}

button.btn-valider[b-0vvcs2xctu] {
    background-color: #28a745;
}

button.btn-retour[b-0vvcs2xctu] {
    background-color: #dc3545;
    display: flex;
    align-items: center;
    justify-content: center;
}

    button.btn-retour i[b-0vvcs2xctu] {
        margin-right: 5px;
    }

/* Groupement des boutons */
.button-group[b-0vvcs2xctu] {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}

button.btn-suivant[b-0vvcs2xctu], button.btn-valider[b-0vvcs2xctu], button.btn-retour[b-0vvcs2xctu] {
    min-width: 100px;
}

/* Messages d'erreur */
p[b-0vvcs2xctu] {
    color: red;
    font-size: 0.9rem;
    margin: 5px 0;
    animation: shake-b-0vvcs2xctu 0.3s ease;
}

@keyframes shake-b-0vvcs2xctu {
    0%, 100% {
        transform: translateX(0);
    }

    25%, 75% {
        transform: translateX(-5px);
    }

    50% {
        transform: translateX(5px);
    }
}

/* Récapitulatif */
.recapitulatif[b-0vvcs2xctu] {
    background-color: #eef5ff;
    padding: 10px;
    border-left: 4px solid #7099d1;
    margin: 20px 0;
}

    .recapitulatif p[b-0vvcs2xctu] {
        margin: 5px 0;
        font-size: 1rem;
    }

/* Animation pour le message de succès */
.success-message[b-0vvcs2xctu] {
    color: green;
    font-size: 1.2rem;
    text-align: center;
    animation: fadeInSuccess-b-0vvcs2xctu 1s ease forwards;
}

@keyframes fadeInSuccess-b-0vvcs2xctu {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* Progress bar */
.progress-bar[b-0vvcs2xctu] {
    width: 100%;
    background-color: #e0e0e0;
    border-radius: 5px;
    margin-bottom: 20px;
}

.progress-bar-fill[b-0vvcs2xctu] {
    height: 10px;
    background-color: #7099d1;
    border-radius: 5px;
    width: 0%;
    transition: width 0.5s ease;
}

@media (max-width: 768px) {
    div[b-0vvcs2xctu] {
        flex-direction: column;
        text-align: center;
    }

    i[b-0vvcs2xctu] {
        font-size: 6vw;
        margin-bottom: 10px;
    }

    h2[b-0vvcs2xctu] {
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    i[b-0vvcs2xctu] {
        font-size: 8vw;
    }

    h2[b-0vvcs2xctu] {
        font-size: 1.25rem;
    }
}

@keyframes bounceIn-b-0vvcs2xctu {
    0%, 20%, 40%, 60%, 80%, 100% {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    100% {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

@keyframes fadeIn-b-0vvcs2xctu {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
/* /Account/InscriptionMedecin.razor.rz.scp.css */

.inscription-container-improved[b-ynmdbldio7] {
    max-width: 900px; /* Réduit de 1200px à 900px */
    margin: 0 auto;
    padding: 20px;
}

.inscription-title[b-ynmdbldio7] {
    text-align: center;
    margin-bottom: 30px;
    color: #2c3e50;
    font-size: 1.8rem; /* Taille standardisée */
    font-weight: 600;
}

.card-improved[b-ynmdbldio7] {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    border: none;
    margin-bottom: 20px;
}

/* Navigation des étapes améliorée - Non cliquable */
.etape-navigation-improved[b-ynmdbldio7] {
    display: flex;
    justify-content: space-around;
    margin-bottom: 30px;
    padding: 20px 0;
    border-bottom: 2px solid #eee;
}

.etape-indicator[b-ynmdbldio7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    cursor: default; /* Pas de pointeur */
}

    .etape-indicator[b-ynmdbldio7]::before {
        content: '';
        position: absolute;
        top: 20px;
        left: 50%;
        width: 100px;
        height: 2px;
        background-color: #ddd;
        z-index: 1;
    }

    .etape-indicator:last-child[b-ynmdbldio7]::before {
        display: none;
    }

.etape-number[b-ynmdbldio7] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
    border: 2px solid #ddd;
    background-color: #fff;
    color: #777;
    z-index: 2;
    position: relative;
}

.etape-label[b-ynmdbldio7] {
    margin-top: 8px;
    font-size: 14px;
    font-weight: 500;
    color: #777;
}

/* États des étapes */
.etape-indicator.active .etape-number[b-ynmdbldio7] {
    background-color: #007bff;
    border-color: #007bff;
    color: white;
}

.etape-indicator.active .etape-label[b-ynmdbldio7] {
    color: #007bff;
    font-weight: 600;
}

.etape-indicator.completed .etape-number[b-ynmdbldio7] {
    background-color: #28a745;
    border-color: #28a745;
    color: white;
}

.etape-indicator.completed .etape-label[b-ynmdbldio7] {
    color: #28a745;
}

.etape-indicator.completed[b-ynmdbldio7]::before {
    background-color: #28a745;
}

.etape-indicator.disabled .etape-number[b-ynmdbldio7] {
    background-color: #f8f9fa;
    border-color: #dee2e6;
    color: #6c757d;
}

.etape-content[b-ynmdbldio7] {
    padding: 20px 0;
}

    .etape-content h3[b-ynmdbldio7] {
        margin-bottom: 25px;
        color: #2c3e50;
        font-size: 1.4rem; /* Taille standardisée */
        font-weight: 600;
        border-bottom: 2px solid #007bff;
        padding-bottom: 10px;
        display: inline-block;
    }

.required[b-ynmdbldio7] {
    color: #dc3545;
    font-weight: bold;
}

/* Styles améliorés pour les CDS */
.cds-selection-improved[b-ynmdbldio7] {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    background-color: #f8f9fa;
    padding: 15px;
}

.search-cds input[b-ynmdbldio7] {
    border-radius: 20px;
    padding: 8px 15px;
}

.cds-list-container[b-ynmdbldio7] {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    background-color: white;
    padding: 10px;
}

.cds-item-compact[b-ynmdbldio7] {
    margin-bottom: 8px;
    padding: 8px;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    transition: all 0.2s ease;
}

    .cds-item-compact:hover[b-ynmdbldio7] {
        border-color: #007bff;
        background-color: #f8f9fa;
    }

.cds-info-compact[b-ynmdbldio7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cds-name[b-ynmdbldio7] {
    font-weight: 500;
    color: #212529;
    font-size: 14px;
}

.cds-details[b-ynmdbldio7] {
    font-size: 12px;
    color: #6c757d;
}

.no-results[b-ynmdbldio7] {
    text-align: center;
    padding: 20px;
    color: #6c757d;
    font-style: italic;
}

.add-cds-section[b-ynmdbldio7] {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.selected-cds-summary[b-ynmdbldio7] {
    padding: 8px 12px;
    background-color: #e7f3ff;
    border: 1px solid #b3d9ff;
    border-radius: 4px;
}

/* Écran de succès */
.success-screen[b-ynmdbldio7] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
}

.success-card[b-ynmdbldio7] {
    background: white;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
    max-width: 600px;
    width: 100%;
}

.identifiants-box[b-ynmdbldio7] {
    background-color: #f8f9fa;
    border: 2px solid #28a745;
    border-radius: 10px;
    padding: 20px;
    margin: 20px 0;
}

.id-display[b-ynmdbldio7] {
    background-color: white;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 10px;
    font-family: 'Courier New', monospace;
    font-weight: bold;
    font-size: 16px;
    color: #007bff;
    margin-top: 5px;
}

.etape-buttons[b-ynmdbldio7] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dee2e6;
}

.btn[b-ynmdbldio7] {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 6px;
    transition: all 0.3s ease;
}

    .btn:disabled[b-ynmdbldio7] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.validation-message[b-ynmdbldio7] {
    color: #dc3545;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .inscription-container-improved[b-ynmdbldio7] {
        padding: 15px;
        margin: 10px;
    }

    .etape-navigation-improved[b-ynmdbldio7] {
        padding: 15px 0;
    }

    .etape-indicator[b-ynmdbldio7] {
        margin: 0 5px;
    }

        .etape-indicator[b-ynmdbldio7]::before {
            width: 50px;
        }

    .etape-number[b-ynmdbldio7] {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .etape-label[b-ynmdbldio7] {
        font-size: 12px;
    }

    .success-card[b-ynmdbldio7] {
        padding: 20px;
        margin: 10px;
    }

    .identifiants-box[b-ynmdbldio7] {
        padding: 15px;
    }

    .etape-buttons[b-ynmdbldio7] {
        flex-direction: column;
        gap: 10px;
    }

        .etape-buttons .btn[b-ynmdbldio7] {
            width: 100%;
        }

    .cds-list-container[b-ynmdbldio7] {
        max-height: 250px;
    }
}

@media (max-width: 576px) {
    .inscription-title[b-ynmdbldio7] {
        font-size: 1.5rem;
    }

    .etape-content h3[b-ynmdbldio7] {
        font-size: 1.25rem;
    }

    .id-display[b-ynmdbldio7] {
        font-size: 14px;
    }
}
/* /Account/Login - Copier.razor.rz.scp.css */
body[b-gynbs88eyh] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-gynbs88eyh]{
    padding-top: 0.75rem;
}
#centerpage[b-gynbs88eyh] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-gynbs88eyh] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-gynbs88eyh] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-gynbs88eyh] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-gynbs88eyh] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-gynbs88eyh] {
    overflow: hidden;
}

    .card-image img[b-gynbs88eyh] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-gynbs88eyh] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-gynbs88eyh] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-gynbs88eyh] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-gynbs88eyh] {
    height: 1.5rem;
}
.avatarPhoto[b-gynbs88eyh] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.custom-modal-header[b-gynbs88eyh] {
    background-color: rgb(0,108,125) !important; /* Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.passtitle[b-gynbs88eyh] {
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 25px;
    font-size =0.8rem"
}
/* /Account/Login.razor.rz.scp.css */
body[b-75rhqa7spi] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-75rhqa7spi]{
    padding-top: 0.75rem;
}
#centerpage[b-75rhqa7spi] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-75rhqa7spi] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-75rhqa7spi] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-75rhqa7spi] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-75rhqa7spi] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-75rhqa7spi] {
    overflow: hidden;
}

    .card-image img[b-75rhqa7spi] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-75rhqa7spi] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-75rhqa7spi] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-75rhqa7spi] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-75rhqa7spi] {
    height: 1.5rem;
}
.avatarPhoto[b-75rhqa7spi] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.custom-modal-header[b-75rhqa7spi] {
    background-color: rgb(0,108,125) !important; /* Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.passtitle[b-75rhqa7spi] {
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 25px;
    font-size =0.8rem"
}




/* Nouveau code */


*[b-75rhqa7spi] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body[b-75rhqa7spi] {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    overflow-x: hidden;
}

.header[b-75rhqa7spi] {
    background-color: #0066b3;
    padding: 0;
    position: relative;
    z-index: 1000;
}

.header-content[b-75rhqa7spi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 15px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo-container[b-75rhqa7spi] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.burger-menu[b-75rhqa7spi] {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    gap: 4px;
    margin-right: 25px;
    padding: 10px;
}

.burger-line[b-75rhqa7spi] {
    width: 25px;
    height: 2px;
    background-color: white;
    transition: 0.3s;
}

.logo[b-75rhqa7spi] {
    height: 60px;
}

.main-nav[b-75rhqa7spi] {
    display: flex;
    gap: 0;
    align-items: center;
}

.nav-item[b-75rhqa7spi] {
    position: relative;
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    padding: 20px 15px;
    cursor: pointer;
    transition: all 0.3s;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

    .nav-item:hover[b-75rhqa7spi] {
        background-color: transparent;
    }

    .nav-item[b-75rhqa7spi]::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 0;
        height: 3px;
        background-color: white;
        transition: width 0.3s ease;
    }

    .nav-item:hover[b-75rhqa7spi]::after,
    .nav-item.active[b-75rhqa7spi]::after {
        width: 80%;
    }

.dropdown-menu[b-75rhqa7spi] {
    position: fixed;
    top: 95px;
    left: 0;
    background-color: #f5f5f5;
    width: 100%;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    padding: 0;
    margin-top: 0;
    border-top: 0;
    z-index: 999;
}

    .dropdown-menu.show[b-75rhqa7spi] {
        display: block;
    }

.dropdown-column[b-75rhqa7spi] {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.dropdown-links[b-75rhqa7spi] {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    gap: 0;
    margin: 0;
    padding: 0;
}

    .dropdown-links li[b-75rhqa7spi] {
        flex: 1;
        border-right: 1px solid #e0e0e0;
    }

        .dropdown-links li:last-child[b-75rhqa7spi] {
            border-right: none;
        }

    .dropdown-links a[b-75rhqa7spi] {
        color: #0066b3;
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 30px;
        transition: all 0.3s;
        text-align: center;
        font-weight: 500;
        font-size: 14px;
        height: 100%;
    }

        .dropdown-links a:hover[b-75rhqa7spi] {
            color: white;
            background-color: #0066b3;
        }

.sidebar[b-75rhqa7spi] {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2000;
    transition: left 0.3s, background-color 0.3s;
    display: flex;
}

    .sidebar.active[b-75rhqa7spi] {
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
    }

.sidebar-content[b-75rhqa7spi] {
    width: 250px;
    height: auto;
    max-height: none;
    background-color: #004a7c;
    overflow-y: visible;
}

.sidebar-overlay[b-75rhqa7spi] {
    flex: 1;
    cursor: pointer;
}

.sidebar-menu[b-75rhqa7spi] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-menu > li[b-75rhqa7spi] {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

.sidebar-item[b-75rhqa7spi] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 18px 25px;
    color: white;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
}

    .sidebar-item:hover[b-75rhqa7spi] {
        background-color: rgba(255, 255, 255, 0.05);
    }

.sidebar-item-arrow[b-75rhqa7spi] {
    font-size: 20px;
    transition: transform 0.3s;
}

.sidebar-item.active .sidebar-item-arrow[b-75rhqa7spi] {
    transform: rotate(90deg);
}

.sidebar-section[b-75rhqa7spi] {
    display: none;
    position: fixed;
    left: 250px;
    top: 100px;
    width: auto;
    max-width: 1100px;
    height: auto;
    max-height: calc(100vh - 120px);
    background-color: white;
    overflow-y: auto;
    padding: 40px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
    z-index: 2001;
}

    .sidebar-section.active[b-75rhqa7spi] {
        display: flex;
        gap: 40px;
    }

.sidebar-section-left[b-75rhqa7spi] {
    flex: 0 0 250px;
}

.sidebar-section h3[b-75rhqa7spi] {
    color: #004a7c;
    font-size: 16px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: 600;
}

.sidebar-section-links[b-75rhqa7spi] {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .sidebar-section-links li[b-75rhqa7spi] {
        margin-bottom: 15px;
    }

    .sidebar-section-links a[b-75rhqa7spi] {
        color: #333;
        text-decoration: none;
        font-size: 15px;
        display: block;
        padding: 8px 0;
        transition: color 0.3s;
    }

        .sidebar-section-links a:hover[b-75rhqa7spi] {
            color: #0066b3;
        }

.sidebar-section-right[b-75rhqa7spi] {
    flex: 1;
    min-width: 0;
}

.sidebar-images-container[b-75rhqa7spi] {
    display: flex;
    gap: 30px;
    margin-top: 0;
}

.sidebar-image-card[b-75rhqa7spi] {
    flex: 1;
    min-width: 0;
}

    .sidebar-image-card img[b-75rhqa7spi] {
        width: 100%;
        height: 200px;
        object-fit: cover;
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .sidebar-image-card h4[b-75rhqa7spi] {
        color: #333;
        font-size: 16px;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    .sidebar-image-card p[b-75rhqa7spi] {
        color: #666;
        font-size: 14px;
        line-height: 1.6;
    }

.slider-section[b-75rhqa7spi] {
    position: relative;
    background: #0066b3;
    min-height: 450px;
    overflow: hidden;
    padding-bottom: 100px;
}

.wave-container[b-75rhqa7spi] {
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}

    .wave-container svg[b-75rhqa7spi] {
        position: relative;
        display: block;
        width: calc(100% + 1.3px);
        height: 200px;
        transform: rotate(180deg);
    }

    .wave-container .shape-fill[b-75rhqa7spi] {
        fill: #FFFFFF;
    }

.slider-content[b-75rhqa7spi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 40px 20px;
    display: flex;
    align-items: center;
    gap: 30px;
    position: relative;
    z-index: 10;
}

.slider-text[b-75rhqa7spi] {
    flex: 0 0 40%;
    background: rgba(255, 255, 255, 0.95);
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.category_actu[b-75rhqa7spi] {
    display: inline-block;
    background-color: #6ba9d4;
    color: white;
    padding: 5px 15px;
    font-size: 12px;
    border-radius: 3px;
    margin-bottom: 15px;
}

.title_actu[b-75rhqa7spi] {
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #003d66;
    margin-bottom: 15px;
}

.excerpt_actu[b-75rhqa7spi] {
    color: #555;
    line-height: 1.6;
    margin-bottom: 20px;
}

.slider-text a[b-75rhqa7spi] {
    display: inline-block;
    background-color: #e74c3c;
    color: white;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    font-weight: 600;
    transition: background-color 0.3s;
}

    .slider-text a:hover[b-75rhqa7spi] {
        background-color: #c0392b;
    }


.slider-image[b-75rhqa7spi] {
    flex: 0 0 60%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .slider-image[b-75rhqa7spi]::before {
        content: '';
        position: absolute;
        width: 470px;
        height: 470px;
        border-radius: 50%;
        background: #87ceeb;
        top: 50%;
        left: 50%;
        transform: translate(-46%, -54%);
        z-index: 1;
    }

.slider-image-circle[b-75rhqa7spi] {
    width: 460px;
    height: 460px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

    .slider-image-circle img[b-75rhqa7spi] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }


.slider-nav[b-75rhqa7spi] {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 12px;
    z-index: 20;
}

.slider-dot[b-75rhqa7spi] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.5);
    cursor: pointer;
    transition: all 0.3s;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

    .slider-dot.active[b-75rhqa7spi] {
        background-color: #e74c3c;
        border-color: white;
        transform: scale(1.2);
    }

    .slider-dot:hover[b-75rhqa7spi] {
        background-color: rgba(255, 255, 255, 0.8);
    }

.slider-arrow[b-75rhqa7spi] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #e74c3c;
    border: 3px solid white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    transition: background-color 0.3s;
    z-index: 20;
}

    .slider-arrow:hover[b-75rhqa7spi] {
        background-color: #c0392b;
    }

    .slider-arrow.prev[b-75rhqa7spi] {
        left: 50px;
    }

    .slider-arrow.next[b-75rhqa7spi] {
        right: 50px;
    }

.page-title[b-75rhqa7spi] {
    max-width: 1400px;
    margin: 60px auto 40px;
    padding: 0 20px;
}

    .page-title h1[b-75rhqa7spi] {
        font-size: 36px;
        color: #003d66;
    }

.cards-grid[b-75rhqa7spi] {
    max-width: 1400px;
    margin: 0 auto 80px;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.card[b-75rhqa7spi] {
    position: relative;
    height: 350px;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
}

    .card:hover[b-75rhqa7spi] {
        transform: translateY(-10px);
    }

    .card img[b-75rhqa7spi] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-overlay[b-75rhqa7spi] {
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgba(0, 102, 179, 0.9) 0%, rgba(0, 102, 179, 0.3) 100%);
    display: grid;
    align-items: end;
    transition: background 0.3s;
    text-align: center;
}

.card:hover .card-overlay[b-75rhqa7spi]  {
    background: linear-gradient(to top, rgba(0, 61, 102, 0.95) 0%, rgba(0, 61, 102, 0.5) 100%);
}

.card-title[b-75rhqa7spi] {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}
.card-property[b-75rhqa7spi] {
    margin-top: auto; /* pushes it to the bottom */
    color:steelblue;
    font-size: 16px;
    line-height: 2.4;
    text-align: center;
    background-color: white;
    transition: background 0.3s;
    font-weight: bold;
}




.pre-footer[b-75rhqa7spi] {
    background: linear-gradient(to bottom, white 50%, #003d66 50%);
    padding: 80px 0 100px;
    font-family: 'Source Sans Pro', sans-serif;
}

.pre-footer-content[b-75rhqa7spi] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.pre-footer-block[b-75rhqa7spi] {
    background: white;
    padding: 30px 5px;
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.pre-footer-card[b-75rhqa7spi] {
    position: relative;
    font-size: 13px;
    color: #00365A;
}

    .pre-footer-card:not(:last-child)[b-75rhqa7spi]::after {
        content: '';
        position: absolute;
        right: -25px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(to bottom, transparent, #0066b3, transparent);
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        color: #0066b3;
        font-size: 20px;
        margin-bottom: 20px;
        border-bottom: 3px solid #0066b3;
        padding-bottom: 10px;
    }

    .pre-footer-card ul[b-75rhqa7spi] {
        list-style: none;
        margin-bottom: 20px;
    }

        .pre-footer-card ul li[b-75rhqa7spi] {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
            font-size: 13px;
            line-height: 1.6;
        }

            .pre-footer-card ul li[b-75rhqa7spi]:before {
                content: "•";
                position: absolute;
                left: 0;
                color: #0066b3;
                font-weight: bold;
            }

    .pre-footer-card .btnrouge[b-75rhqa7spi] {
        display: inline-block;
        background-color: #e74c3c;
        color: white;
        padding: 12px 25px;
        text-decoration: none;
        border-radius: 5px;
        margin-top: 15px;
        transition: background-color 0.3s;
    }

        .pre-footer-card .btnrouge:hover[b-75rhqa7spi] {
            background-color: #c0392b;
        }

    .pre-footer-card .middle p[b-75rhqa7spi] {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.6;
    }

    .pre-footer-card .middle a[b-75rhqa7spi] {
        color: #0066b3;
        text-decoration: underline;
        font-size: 16px;
    }

    .pre-footer-card strong[b-75rhqa7spi] {
        font-size: 16px;
        font-weight: 600;
    }

.app-section[b-75rhqa7spi] {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .app-section img[b-75rhqa7spi] {
        width: 100px;
        height: auto;
    }

footer[b-75rhqa7spi] {
    background-color: #003d66;
    color: white;
    padding: 60px 20px 30px;
}

.footer-content[b-75rhqa7spi] {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.footer-column h3[b-75rhqa7spi] {
    font-size: 18px;
    margin-bottom: 20px;
    color: #6ba9d4;
}

.footer-column ul[b-75rhqa7spi] {
    list-style: none;
}

    .footer-column ul li[b-75rhqa7spi] {
        margin-bottom: 10px;
    }

.footer-column a[b-75rhqa7spi] {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

    .footer-column a:hover[b-75rhqa7spi] {
        color: #6ba9d4;
    }

.social-icons[b-75rhqa7spi] {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.social-icon[b-75rhqa7spi] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #6ba9d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: background-color 0.3s;
}

    .social-icon:hover[b-75rhqa7spi] {
        background-color: #0066b3;
    }

.footer-bottom[b-75rhqa7spi] {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1200px) {
    .slider-content[b-75rhqa7spi] {
        gap: 20px;
        padding: 30px 20px;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 45%;
        padding: 30px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 55%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 380px;
        height: 380px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 390px;
        height: 390px;
    }
}

@media (max-width: 1024px) {
    .cards-grid[b-75rhqa7spi] {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .card[b-75rhqa7spi] {
        height: 320px;
    }

    .footer-content[b-75rhqa7spi] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pre-footer-block[b-75rhqa7spi] {
        gap: 35px;
        padding: 25px 30px;
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .pre-footer-card ul li[b-75rhqa7spi] {
        font-size: 12px;
        margin-bottom: 12px;
    }
}

@media (max-width: 900px) {
    .main-nav[b-75rhqa7spi] {
        display: none;
    }

    .header-content[b-75rhqa7spi] {
        padding: 12px 30px;
    }

    .logo-container[b-75rhqa7spi] {
        gap: 15px;
    }

    .burger-menu[b-75rhqa7spi] {
        margin-right: 15px;
        padding: 8px;
    }

    .burger-line[b-75rhqa7spi] {
        width: 22px;
    }

    .logo[b-75rhqa7spi] {
        height: 50px;
    }

    .slider-section[b-75rhqa7spi] {
        min-height: 550px;
        padding-bottom: 100px;
    }

    .slider-content[b-75rhqa7spi] {
        padding: 30px 15px 40px;
        gap: 15px;
        align-items: center;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 40%;
        max-width: 300px;
        padding: 20px;
    }

    .category_actu[b-75rhqa7spi] {
        font-size: 11px;
        padding: 4px 12px;
    }

    .title_actu[b-75rhqa7spi] {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .excerpt_actu[b-75rhqa7spi] {
        font-size: 13px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .slider-text a[b-75rhqa7spi] {
        padding: 10px 20px;
        font-size: 13px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 60%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 340px;
        height: 340px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 350px;
        height: 350px;
    }

    .slider-arrow[b-75rhqa7spi] {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

        .slider-arrow.prev[b-75rhqa7spi] {
            left: 15px;
        }

        .slider-arrow.next[b-75rhqa7spi] {
            right: 15px;
        }

    .slider-nav[b-75rhqa7spi] {
        bottom: 85px;
    }

    .wave-container svg[b-75rhqa7spi] {
        height: 130px;
    }

    .cards-grid[b-75rhqa7spi] {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .card[b-75rhqa7spi] {
        height: 300px;
    }

    .card-title[b-75rhqa7spi] {
        font-size: 20px;
    }

    .page-title[b-75rhqa7spi] {
        margin: 40px auto 30px;
    }

        .page-title h1[b-75rhqa7spi] {
            font-size: 30px;
        }
}

@media (max-width: 768px) {
    .header-content[b-75rhqa7spi] {
        padding: 10px 20px;
    }

    .logo-container[b-75rhqa7spi] {
        gap: 12px;
    }

    .burger-menu[b-75rhqa7spi] {
        margin-right: 12px;
        padding: 6px;
    }

    .burger-line[b-75rhqa7spi] {
        width: 20px;
        height: 1.5px;
    }

    .logo[b-75rhqa7spi] {
        height: 45px;
    }

    .slider-section[b-75rhqa7spi] {
        min-height: 500px;
    }

    .slider-content[b-75rhqa7spi] {
        padding: 25px 12px 35px;
        gap: 12px;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 42%;
        max-width: 260px;
        padding: 18px;
    }

    .title_actu[b-75rhqa7spi] {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .excerpt_actu[b-75rhqa7spi] {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .slider-text a[b-75rhqa7spi] {
        padding: 9px 18px;
        font-size: 12px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 58%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 300px;
        height: 300px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 310px;
        height: 310px;
    }

    .slider-nav[b-75rhqa7spi] {
        bottom: 75px;
    }

    .slider-dot[b-75rhqa7spi] {
        width: 12px;
        height: 12px;
    }

    .wave-container svg[b-75rhqa7spi] {
        height: 110px;
    }

    .cards-grid[b-75rhqa7spi] {
        gap: 18px;
    }

    .card[b-75rhqa7spi] {
        height: 280px;
    }

    .card-title[b-75rhqa7spi] {
        font-size: 18px;
    }

    .card-overlay[b-75rhqa7spi] {
        padding: 25px;
    }

    .page-title h1[b-75rhqa7spi] {
        font-size: 28px;
    }

    .pre-footer[b-75rhqa7spi] {
        padding: 60px 0 80px;
    }

    .pre-footer-block[b-75rhqa7spi] {
        gap: 25px;
        padding: 20px 25px;
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        font-size: 17px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

    .pre-footer-card ul li[b-75rhqa7spi] {
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .pre-footer-card .middle p[b-75rhqa7spi] {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .pre-footer-card .middle a[b-75rhqa7spi] {
        font-size: 12px;
    }

    .pre-footer-card strong[b-75rhqa7spi] {
        font-size: 13px;
    }

    .pre-footer-card .btnrouge[b-75rhqa7spi] {
        padding: 10px 20px;
        font-size: 12px;
        margin-top: 12px;
    }

    .app-section img[b-75rhqa7spi] {
        width: 70px;
    }

    .app-section p[b-75rhqa7spi] {
        font-size: 11px;
    }
}

@media (max-width: 650px) {
    .header-content[b-75rhqa7spi] {
        padding: 8px 15px;
    }

    .logo-container[b-75rhqa7spi] {
        gap: 10px;
    }

    .burger-menu[b-75rhqa7spi] {
        margin-right: 10px;
        padding: 5px;
    }

    .burger-line[b-75rhqa7spi] {
        width: 18px;
    }

    .logo[b-75rhqa7spi] {
        height: 40px;
    }

    .slider-section[b-75rhqa7spi] {
        min-height: 460px;
    }

    .slider-content[b-75rhqa7spi] {
        padding: 20px 10px 30px;
        gap: 10px;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 43%;
        max-width: 230px;
        padding: 16px;
    }

    .category_actu[b-75rhqa7spi] {
        font-size: 10px;
        padding: 3px 10px;
    }

    .title_actu[b-75rhqa7spi] {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .excerpt_actu[b-75rhqa7spi] {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .slider-text a[b-75rhqa7spi] {
        padding: 8px 16px;
        font-size: 11px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 57%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 260px;
        height: 260px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 270px;
        height: 270px;
    }

    .slider-arrow[b-75rhqa7spi] {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

        .slider-arrow.prev[b-75rhqa7spi] {
            left: 10px;
        }

        .slider-arrow.next[b-75rhqa7spi] {
            right: 10px;
        }

    .slider-nav[b-75rhqa7spi] {
        bottom: 70px;
        gap: 10px;
    }

    .slider-dot[b-75rhqa7spi] {
        width: 10px;
        height: 10px;
    }

    .wave-container svg[b-75rhqa7spi] {
        height: 100px;
    }

    .page-title[b-75rhqa7spi] {
        margin: 30px auto 25px;
    }

        .page-title h1[b-75rhqa7spi] {
            font-size: 24px;
        }

    .cards-grid[b-75rhqa7spi] {
        gap: 15px;
    }

    .card[b-75rhqa7spi] {
        height: 250px;
    }

    .card-title[b-75rhqa7spi] {
        font-size: 16px;
    }

    .card-overlay[b-75rhqa7spi] {
        padding: 20px;
    }

    .pre-footer[b-75rhqa7spi] {
        padding: 50px 0 70px;
    }

    .pre-footer-content[b-75rhqa7spi] {
        padding: 0 15px;
    }

    .pre-footer-block[b-75rhqa7spi] {
        gap: 20px;
        padding: 18px 20px;
    }

    .pre-footer-card:not(:last-child)[b-75rhqa7spi]::after {
        right: -10px;
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 7px;
        border-bottom: 2px solid #0066b3;
    }

    .pre-footer-card ul li[b-75rhqa7spi] {
        font-size: 10px;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .pre-footer-card .middle p[b-75rhqa7spi] {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .pre-footer-card .middle a[b-75rhqa7spi] {
        font-size: 11px;
    }

    .pre-footer-card strong[b-75rhqa7spi] {
        font-size: 12px;
    }

    .pre-footer-card .btnrouge[b-75rhqa7spi] {
        padding: 8px 16px;
        font-size: 11px;
        margin-top: 10px;
    }

    .app-section[b-75rhqa7spi] {
        gap: 12px;
    }

        .app-section img[b-75rhqa7spi] {
            width: 60px;
        }

        .app-section p[b-75rhqa7spi] {
            font-size: 10px;
            margin-bottom: 8px;
        }
}

@media (max-width: 500px) {
    .header-content[b-75rhqa7spi] {
        padding: 8px 12px;
    }

    .logo-container[b-75rhqa7spi] {
        gap: 8px;
    }

    .burger-menu[b-75rhqa7spi] {
        margin-right: 8px;
        padding: 4px;
    }

    .burger-line[b-75rhqa7spi] {
        width: 16px;
    }

    .logo[b-75rhqa7spi] {
        height: 36px;
    }

    .slider-section[b-75rhqa7spi] {
        min-height: 420px;
    }

    .slider-content[b-75rhqa7spi] {
        padding: 18px 8px 25px;
        gap: 8px;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 44%;
        max-width: 200px;
        padding: 14px;
    }

    .title_actu[b-75rhqa7spi] {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .excerpt_actu[b-75rhqa7spi] {
        font-size: 10px;
        margin-bottom: 8px;
    }

    .slider-text a[b-75rhqa7spi] {
        padding: 7px 14px;
        font-size: 10px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 56%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 230px;
        height: 230px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 240px;
        height: 240px;
    }

    .slider-nav[b-75rhqa7spi] {
        bottom: 65px;
    }

    .wave-container svg[b-75rhqa7spi] {
        height: 90px;
    }

    .page-title[b-75rhqa7spi] {
        margin: 25px auto 20px;
    }

        .page-title h1[b-75rhqa7spi] {
            font-size: 20px;
        }

    .cards-grid[b-75rhqa7spi] {
        gap: 12px;
    }

    .card[b-75rhqa7spi] {
        height: 220px;
    }

    .card-title[b-75rhqa7spi] {
        font-size: 15px;
    }

    .card-overlay[b-75rhqa7spi] {
        padding: 18px;
    }

    .pre-footer[b-75rhqa7spi] {
        padding: 40px 0 60px;
    }

    .pre-footer-content[b-75rhqa7spi] {
        padding: 0 12px;
    }

    .pre-footer-block[b-75rhqa7spi] {
        gap: 18px;
        padding: 16px 18px;
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        font-size: 15px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }

    .pre-footer-card ul li[b-75rhqa7spi] {
        font-size: 9px;
        margin-bottom: 7px;
        padding-left: 12px;
    }

    .pre-footer-card .middle p[b-75rhqa7spi] {
        font-size: 10px;
        margin-bottom: 8px;
    }

    .pre-footer-card .middle a[b-75rhqa7spi] {
        font-size: 10px;
    }

    .pre-footer-card strong[b-75rhqa7spi] {
        font-size: 11px;
    }

    .pre-footer-card .btnrouge[b-75rhqa7spi] {
        padding: 7px 14px;
        font-size: 10px;
        margin-top: 8px;
    }

    .app-section[b-75rhqa7spi] {
        gap: 10px;
    }

        .app-section img[b-75rhqa7spi] {
            width: 55px;
        }

        .app-section p[b-75rhqa7spi] {
            font-size: 9px;
            margin-bottom: 6px;
        }
}

@media (max-width: 400px) {
    .header-content[b-75rhqa7spi] {
        padding: 6px 10px;
    }

    .logo-container[b-75rhqa7spi] {
        gap: 6px;
    }

    .burger-menu[b-75rhqa7spi] {
        margin-right: 6px;
        padding: 3px;
        gap: 3px;
    }

    .burger-line[b-75rhqa7spi] {
        width: 14px;
        height: 1.5px;
    }

    .logo[b-75rhqa7spi] {
        height: 32px;
    }

    .slider-section[b-75rhqa7spi] {
        min-height: 380px;
    }

    .slider-content[b-75rhqa7spi] {
        padding: 15px 6px 20px;
        gap: 6px;
    }

    .slider-text[b-75rhqa7spi] {
        flex: 0 0 45%;
        max-width: 170px;
        padding: 12px;
    }

    .title_actu[b-75rhqa7spi] {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .excerpt_actu[b-75rhqa7spi] {
        font-size: 9px;
        margin-bottom: 7px;
    }

    .slider-text a[b-75rhqa7spi] {
        padding: 6px 12px;
        font-size: 9px;
    }

    .slider-image[b-75rhqa7spi] {
        flex: 0 0 55%;
    }

    .slider-image-circle[b-75rhqa7spi] {
        width: 200px;
        height: 200px;
    }

    .slider-image[b-75rhqa7spi]::before {
        width: 210px;
        height: 210px;
    }

    .slider-arrow[b-75rhqa7spi] {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .slider-nav[b-75rhqa7spi] {
        bottom: 60px;
        gap: 8px;
    }

    .slider-dot[b-75rhqa7spi] {
        width: 8px;
        height: 8px;
    }

    .wave-container svg[b-75rhqa7spi] {
        height: 80px;
    }

    .page-title[b-75rhqa7spi] {
        margin: 20px auto 18px;
    }

        .page-title h1[b-75rhqa7spi] {
            font-size: 18px;
        }

    .cards-grid[b-75rhqa7spi] {
        gap: 10px;
        padding: 0 10px;
    }

    .card[b-75rhqa7spi] {
        height: 200px;
    }

    .card-title[b-75rhqa7spi] {
        font-size: 14px;
    }

    .card-overlay[b-75rhqa7spi] {
        padding: 15px;
    }

    .pre-footer[b-75rhqa7spi] {
        padding: 35px 0 50px;
    }

    .pre-footer-content[b-75rhqa7spi] {
        padding: 0 10px;
    }

    .pre-footer-block[b-75rhqa7spi] {
        gap: 15px;
        padding: 14px 15px;
    }

    .pre-footer-card:not(:last-child)[b-75rhqa7spi]::after {
        right: -8px;
        width: 1px;
    }

    .pre-footer-card h4[b-75rhqa7spi] {
        font-size: 14px;
        margin-bottom: 7px;
        padding-bottom: 5px;
    }

    .pre-footer-card ul li[b-75rhqa7spi] {
        font-size: 8px;
        margin-bottom: 6px;
        padding-left: 10px;
    }

        .pre-footer-card ul li[b-75rhqa7spi]:before {
            font-size: 10px;
        }

    .pre-footer-card .middle p[b-75rhqa7spi] {
        font-size: 9px;
        margin-bottom: 7px;
    }

    .pre-footer-card .middle a[b-75rhqa7spi] {
        font-size: 9px;
    }

    .pre-footer-card strong[b-75rhqa7spi] {
        font-size: 10px;
    }

    .pre-footer-card .btnrouge[b-75rhqa7spi] {
        padding: 6px 12px;
        font-size: 9px;
        margin-top: 7px;
    }

    .app-section[b-75rhqa7spi] {
        gap: 8px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .app-section img[b-75rhqa7spi] {
            width: 50px;
        }

        .app-section p[b-75rhqa7spi] {
            font-size: 8px;
            margin-bottom: 5px;
        }
}

/* /Account/LoginAccueil.razor.rz.scp.css */
body[b-z70dno8az7] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-z70dno8az7]{
    padding-top: 0.75rem;
}
#centerpage[b-z70dno8az7] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-z70dno8az7] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-z70dno8az7] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-z70dno8az7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-z70dno8az7] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-z70dno8az7] {
    overflow: hidden;
}

    .card-image img[b-z70dno8az7] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-z70dno8az7] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-z70dno8az7] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-z70dno8az7] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-z70dno8az7] {
    height: 1.5rem;
}
.avatarPhoto[b-z70dno8az7] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Account/LoginAccueilLaboratoire.razor.rz.scp.css */
body[b-orh1okz2hk] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-orh1okz2hk]{
    padding-top: 0.75rem;
}
#centerpage[b-orh1okz2hk] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-orh1okz2hk] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-orh1okz2hk] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-orh1okz2hk] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-orh1okz2hk] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-orh1okz2hk] {
    overflow: hidden;
}

    .card-image img[b-orh1okz2hk] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-orh1okz2hk] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-orh1okz2hk] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-orh1okz2hk] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-orh1okz2hk] {
    height: 1.5rem;
}
.avatarPhoto[b-orh1okz2hk] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Account/LoginCDS.razor.rz.scp.css */
body[b-mtmga1ce5e] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-mtmga1ce5e]{
    padding-top: 0.75rem;
}
#centerpage[b-mtmga1ce5e] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-mtmga1ce5e] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-mtmga1ce5e] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-mtmga1ce5e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-mtmga1ce5e] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-mtmga1ce5e] {
    overflow: hidden;
}

    .card-image img[b-mtmga1ce5e] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-mtmga1ce5e] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-mtmga1ce5e] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-mtmga1ce5e] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-mtmga1ce5e] {
    height: 1.5rem;
}
.avatarPhoto[b-mtmga1ce5e] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Account/LoginMedecin.razor.rz.scp.css */
body[b-q7rngwlsjy] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-q7rngwlsjy]{
    padding-top: 0.75rem;
}
#centerpage[b-q7rngwlsjy] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-q7rngwlsjy] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-q7rngwlsjy] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-q7rngwlsjy] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-q7rngwlsjy] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-q7rngwlsjy] {
    overflow: hidden;
}

    .card-image img[b-q7rngwlsjy] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-q7rngwlsjy] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-q7rngwlsjy] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-q7rngwlsjy] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-q7rngwlsjy] {
    height: 1.5rem;
}
.avatarPhoto[b-q7rngwlsjy] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Account/LoginPharmacie.razor.rz.scp.css */
body[b-94t5hhc53w] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-94t5hhc53w]{
    padding-top: 0.75rem;
}
#centerpage[b-94t5hhc53w] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-94t5hhc53w] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-94t5hhc53w] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-94t5hhc53w] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-94t5hhc53w] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-94t5hhc53w] {
    overflow: hidden;
}

    .card-image img[b-94t5hhc53w] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-94t5hhc53w] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-94t5hhc53w] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-94t5hhc53w] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-94t5hhc53w] {
    height: 1.5rem;
}
.avatarPhoto[b-94t5hhc53w] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Account/LoginRCP.razor.rz.scp.css */
body[b-audp3ak5tq] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-audp3ak5tq]{
    padding-top: 0.75rem;
}
#centerpage[b-audp3ak5tq] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-audp3ak5tq] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-audp3ak5tq] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-audp3ak5tq] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-audp3ak5tq] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-audp3ak5tq] {
    overflow: hidden;
}

    .card-image img[b-audp3ak5tq] {
        width: 80%;
        height: 80%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-audp3ak5tq] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-audp3ak5tq] {
    margin: 0 0 10px 0;
    font-size: 32px;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-audp3ak5tq] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-audp3ak5tq] {
    height: 1.5rem;
}
.avatarPhoto[b-audp3ak5tq] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}
/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-az414wfist] {
    position: relative;
    display: flex;
    flex-direction: column;
}


main[b-az414wfist] {
    flex: 1;
}

.mainbkg[b-az414wfist] {
    background-image: url(../Medias/Images/redirectbkg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.sidebar[b-az414wfist] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-az414wfist] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-az414wfist]  a, .top-row[b-az414wfist]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-az414wfist]  a:hover, .top-row[b-az414wfist]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-az414wfist]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }


/*Code I added - Start*/
.bottom-row[b-az414wfist] {
    background-color: black;
    color: white !important;
    border-top: 1px solid #d6d5d5;
    height: 2.5rem;
    max-height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    bottom: 0;
    width: 100vw;
}


@media (max-width: 640.98px) {
    .top-row[b-az414wfist] {
        justify-content: space-between;
    }

        .top-row[b-az414wfist]  a, .top-row[b-az414wfist]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 641px) {
    .page[b-az414wfist] {
        flex-direction: row;
    }

    .sidebar[b-az414wfist] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-az414wfist] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-az414wfist]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-az414wfist], article[b-az414wfist] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-az414wfist] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-az414wfist] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Layout/MainNavMenu.razor.rz.scp.css */

.navbar[b-wzlru7xjzl] {
    height: 50px !important; /*i assume your navbar size 100px*/
}

.navbar-toggler[b-wzlru7xjzl] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-wzlru7xjzl] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-wzlru7xjzl] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-wzlru7xjzl] {
    font-size: 1.1rem;
    margin-left: 5px;
}

.bi[b-wzlru7xjzl] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-card-list-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-card-list' viewBox='0 0 16 16'%3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z'/%3E%3C/svg%3E");
}

.bi-graph-up-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width'=16' height='16' fill='white' class='bi bi-graph-up' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/%3E%3C/svg%3E");
}

.bi-lungs-fill-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-lungs-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v5.243L9 7.1V4.72C9 3.77 9.77 3 10.72 3c.524 0 1.023.27 1.443.592.431.332.847.773 1.216 1.229.736.908 1.347 1.946 1.58 2.48.176.405.393 1.16.556 2.011.165.857.283 1.857.24 2.759-.04.867-.232 1.79-.837 2.33-.67.6-1.622.556-2.741-.004l-1.795-.897A2.5 2.5 0 0 1 9 11.264V8.329l-1-.715-1 .715V7.214c-.1 0-.202.03-.29.093l-2.5 1.786a.5.5 0 1 0 .58.814L7 8.329v2.935A2.5 2.5 0 0 1 5.618 13.5l-1.795.897c-1.12.56-2.07.603-2.741.004-.605-.54-.798-1.463-.838-2.33-.042-.902.076-1.902.24-2.759.164-.852.38-1.606.558-2.012.232-.533.843-1.571 1.579-2.479.37-.456.785-.897 1.216-1.229C4.257 3.27 4.756 3 5.28 3 6.23 3 7 3.77 7 4.72V7.1l.5-.357V1.5A.5.5 0 0 1 8 1m3.21 8.907a.5.5 0 1 0 .58-.814l-2.5-1.786A.5.5 0 0 0 9 7.214V8.33z'/%3E%3C/svg%3E");
}

.bi-calendar-date-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-date' viewBox='0 0 16 16'%3E%3Cpath d='M6.445 11.688V6.354h-.633A13 13 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23' %3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-calendar-fill-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}


.bi-graph-up-arrow-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-graph-up-arrow' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}


.bi-megaphone-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-megaphone' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z'/%3E%3C/svg%3E");
}



.bi-calendar2-date-nav-menu001[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar2-date' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z' fill='white' /%3E %3C/path%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z' fill='white' /%3E %3C/path%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/%3E%3C/svg%3E");
}

.bi-calendar2-date-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar2-date' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z' fill='white' %3E %3C/path %3E %3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z' fill='white' %3E %3C/path %3E %3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z' fill='white' %3E %3C/path %3E %3C/svg%3E");
}

.bi-calendar3-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar3' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z' fill='white' %3E %3C/path %3E %3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2' fill='white' %3E %3C/path %3E %3C/svg%3E");
}

.bi-list-columns-reverse-nav-menu[b-wzlru7xjzl] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-columns-reverse' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M0 .5A.5.5 0 0 1 .5 0h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 .5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10A.5.5 0 0 1 4 .5m-4 2A.5.5 0 0 1 .5 2h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 4h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 8h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5' fill='white' %3E %3C/path %3E %3C/svg%3E");
}


.nav-item:last-of-type[b-wzlru7xjzl] {
    padding-bottom: 0,25rem;
}

.nav-item[b-wzlru7xjzl]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
}

.nav-item[b-wzlru7xjzl]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-wzlru7xjzl]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-wzlru7xjzl] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-wzlru7xjzl] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-wzlru7xjzl] {
        display: none;
    }

    .nav-scrollable[b-wzlru7xjzl] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.laafi_navbarcolor[b-wzlru7xjzl] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Layout/NavMenuAuth.razor.rz.scp.css */

.navbar[b-ew167qn2x5] {
    height: 50px !important; /*i assume your navbar size 100px*/
}

.navbar-toggler[b-ew167qn2x5] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:checked[b-ew167qn2x5] {
        background-color: rgba(255, 255, 255, 0.5);
    }

.top-row[b-ew167qn2x5] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ew167qn2x5] {
    font-size: 1.1rem;
    margin-left: 5px;
}

.bi[b-ew167qn2x5] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-card-list-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-card-list' viewBox='0 0 16 16'%3E%3Cpath d='M14.5 3a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-13a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5zm-13-1A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h13a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2z'/%3E%3C/svg%3E");
}

.bi-graph-up-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width'=16' height='16' fill='white' class='bi bi-graph-up' viewBox='0 0 16 16'%3E%3Cpath d='M0 0h1v15h15v1H0zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07'/%3E%3C/svg%3E");
}

.bi-lungs-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-lungs-fill' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a.5.5 0 0 1 .5.5v5.243L9 7.1V4.72C9 3.77 9.77 3 10.72 3c.524 0 1.023.27 1.443.592.431.332.847.773 1.216 1.229.736.908 1.347 1.946 1.58 2.48.176.405.393 1.16.556 2.011.165.857.283 1.857.24 2.759-.04.867-.232 1.79-.837 2.33-.67.6-1.622.556-2.741-.004l-1.795-.897A2.5 2.5 0 0 1 9 11.264V8.329l-1-.715-1 .715V7.214c-.1 0-.202.03-.29.093l-2.5 1.786a.5.5 0 1 0 .58.814L7 8.329v2.935A2.5 2.5 0 0 1 5.618 13.5l-1.795.897c-1.12.56-2.07.603-2.741.004-.605-.54-.798-1.463-.838-2.33-.042-.902.076-1.902.24-2.759.164-.852.38-1.606.558-2.012.232-.533.843-1.571 1.579-2.479.37-.456.785-.897 1.216-1.229C4.257 3.27 4.756 3 5.28 3 6.23 3 7 3.77 7 4.72V7.1l.5-.357V1.5A.5.5 0 0 1 8 1m3.21 8.907a.5.5 0 1 0 .58-.814l-2.5-1.786A.5.5 0 0 0 9 7.214V8.33z'/%3E%3C/svg%3E");
}

.bi-calendar-date-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-date' viewBox='0 0 16 16'%3E%3Cpath d='M6.445 11.688V6.354h-.633A13 13 0 0 0 4.5 7.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23' %3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");
}

.bi-calendar-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16V4H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5'/%3E%3C/svg%3E");
}


.bi-graph-up-arrow-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-graph-up-arrow' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M0 0h1v15h15v1H0zm10 3.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0V4.9l-3.613 4.417a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61L13.445 4H10.5a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
}


.bi-megaphone-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-megaphone' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M13 2.5a1.5 1.5 0 0 1 3 0v11a1.5 1.5 0 0 1-3 0v-.214c-2.162-1.241-4.49-1.843-6.912-2.083l.405 2.712A1 1 0 0 1 5.51 15.1h-.548a1 1 0 0 1-.916-.599l-1.85-3.49a68.14 68.14 0 0 0-.202-.003A2.014 2.014 0 0 1 0 9V7a2.02 2.02 0 0 1 1.992-2.013 74.663 74.663 0 0 0 2.483-.075c3.043-.154 6.148-.849 8.525-2.199V2.5zm1 0v11a.5.5 0 0 0 1 0v-11a.5.5 0 0 0-1 0zm-1 1.35c-2.344 1.205-5.209 1.842-8 2.033v4.233c.18.01.359.022.537.036 2.568.189 5.093.744 7.463 1.993V3.85zm-9 6.215v-4.13a95.09 95.09 0 0 1-1.992.052A1.02 1.02 0 0 0 1 7v2c0 .55.448 1.002 1.006 1.009A60.49 60.49 0 0 1 4 10.065zm-.657.975 1.609 3.037.01.024h.548l-.002-.014-.443-2.966a68.019 68.019 0 0 0-1.722-.082z'/%3E%3C/svg%3E");
}



.bi-calendar2-date-nav-menu001[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar2-date' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z' fill='white' /%3E %3C/path%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z' fill='white' /%3E %3C/path%3E%3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z'/%3E%3C/svg%3E");
}

.bi-calendar2-date-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-calendar2-date' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M6.445 12.688V7.354h-.633A12.6 12.6 0 0 0 4.5 8.16v.695c.375-.257.969-.62 1.258-.777h.012v4.61h.675zm1.188-1.305c.047.64.594 1.406 1.703 1.406 1.258 0 2-1.066 2-2.871 0-1.934-.781-2.668-1.953-2.668-.926 0-1.797.672-1.797 1.809 0 1.16.824 1.77 1.676 1.77.746 0 1.23-.376 1.383-.79h.027c-.004 1.316-.461 2.164-1.305 2.164-.664 0-1.008-.45-1.05-.82h-.684zm2.953-2.317c0 .696-.559 1.18-1.184 1.18-.601 0-1.144-.383-1.144-1.2 0-.823.582-1.21 1.168-1.21.633 0 1.16.398 1.16 1.23z' fill='white' %3E %3C/path %3E %3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z' fill='white' %3E %3C/path %3E %3Cpath d='M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4z' fill='white' %3E %3C/path %3E %3C/svg%3E");
}

.bi-calendar3-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar3' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z' fill='white' %3E %3C/path %3E %3Cpath d='M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2' fill='white' %3E %3C/path %3E %3C/svg%3E");
}

.bi-list-columns-reverse-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-columns-reverse' viewBox='0 0 16 16' %3E %3Cpath fill-rule='evenodd' d='M0 .5A.5.5 0 0 1 .5 0h2a.5.5 0 0 1 0 1h-2A.5.5 0 0 1 0 .5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10A.5.5 0 0 1 4 .5m-4 2A.5.5 0 0 1 .5 2h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 4h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 6h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2A.5.5 0 0 1 .5 8h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 0 1h-8a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1h-10a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5m-4 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m4 0a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5' fill='white' %3E %3C/path %3E %3C/svg%3E");
}

.bi-people-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-people-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7 14s-1 0-1-1 1-4 5-4 5 3 5 4-1 1-1 1zm4-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6m-5.784 6A2.24 2.24 0 0 1 5 13c0-1.355.68-2.75 1.936-3.72A6.3 6.3 0 0 0 5 9c-4 0-5 3-5 4s1 1 1 1zM4.5 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5'/%3E%3C/svg%3E");
}

.bi-person-fill-add-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill-add' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 16a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7m.5-5v1h1a.5.5 0 0 1 0 1h-1v1a.5.5 0 0 1-1 0v-1h-1a.5.5 0 0 1 0-1h1v-1a.5.5 0 0 1 1 0m-2-6a3 3 0 1 1-6 0 3 3 0 0 1 6 0'/%3E%3Cpath d='M2 13c0 1 1 1 1 1h5.256A4.5 4.5 0 0 1 8 12.5a4.5 4.5 0 0 1 1.544-3.393Q8.844 9.002 8 9c-5 0-6 3-6 4'/%3E%3C/svg%3E");
}
.bi-archive-fill-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-archive-fill' viewBox='0 0 16 16'%3E%3Cpath d='M12.643 15C13.979 15 15 13.845 15 12.5V5H1v7.5C1 13.845 2.021 15 3.357 15zM5.5 7h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1 0-1M.8 1a.8.8 0 0 0-.8.8V3a.8.8 0 0 0 .8.8h14.4A.8.8 0 0 0 16 3V1.8a.8.8 0 0 0-.8-.8z'/%3E%3C/svg%3E");
}

.bi-search-nav-menu[b-ew167qn2x5] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0'/%3E%3C/svg%3E");
}


.nav-item[b-ew167qn2x5]  .nav-link {
    color: #d7d7d7;
    background: none;
    border: none;
    border-radius: 4px;
    height: 3rem;
    display: flex;
    align-items: center;
    line-height: 3rem;
    width: 100%;
    font-size: 0.95rem;
}

.nav-item[b-ew167qn2x5]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ew167qn2x5]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ew167qn2x5] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ew167qn2x5] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ew167qn2x5] {
        display: none;
    }

    .nav-scrollable[b-ew167qn2x5] {
        /* Never collapse the sidebar for wide screens */
        display: block;
        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.laafi_navbarcolor[b-ew167qn2x5] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/CdsChoiceService.razor.rz.scp.css */
body[b-ztzvr569va] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-ztzvr569va]{
    padding-top: 0.75rem;
}
#centerpage[b-ztzvr569va] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-ztzvr569va] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-ztzvr569va] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-ztzvr569va] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin-bottom: 5px;
}

.action-card[b-ztzvr569va] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-ztzvr569va] {
    overflow: hidden;
}

    .card-image img[b-ztzvr569va] {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 50%;
    }

.card-content[b-ztzvr569va] {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    vertical-align:middle;
}

.card-title[b-ztzvr569va] {
    margin: 0 0 10px 0;
    font-size: 28;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-ztzvr569va] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-ztzvr569va] {
    height: 1.5rem;
}
.avatarPhoto[b-ztzvr569va] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.custom-modal-header[b-ztzvr569va] {
    background-color: rgb(0,108,125) !important; /* Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center !important; /* Centered text */
}

.passtitle[b-ztzvr569va] {
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 25px;
    font-size =0.8rem"
}
.doctor-info[b-ztzvr569va] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-ztzvr569va] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-ztzvr569va] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-ztzvr569va] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-ztzvr569va] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}
/* /Pages/CDSRdvConsult/CdsRdvByDay.razor.rz.scp.css */
.btn-xl[b-8qya78n16x] {
    padding: 10px 10px;
    font-size: 0.90rem;
    border-radius: 10px;
    width: 6rem;
    height: 3rem;
    border-width: 1px;
}

.creneau-disponible[b-8qya78n16x] {
    background-color: #28a745 !important;
    color: white !important;
}

.creneau-reserve[b-8qya78n16x] {
    background-color: #ffc108 !important;
    color: white !important;
}

.creneau-bloque[b-8qya78n16x] {
    background-color: grey !important;
    color: white !important;
}
.creneau-absent[b-8qya78n16x] {
    background-color: darkred !important;
    opacity: 0.25;
    color: white !important;
}

table[b-8qya78n16x] {
    border-collapse: collapse;
    width: 100%;
}

table[b-8qya78n16x], th[b-8qya78n16x], td[b-8qya78n16x] {
    border: 1px solid black;
}

.grid-container[b-8qya78n16x] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.grid-item[b-8qya78n16x] {
    text-align: center;
}

.headerspace[b-8qya78n16x] {
    background-color: #7099d1 !important;
    color: white !important;
}

.Creneaurowstyle[b-8qya78n16x] {
    height:2rem;
}

.custom-modal-header[b-8qya78n16x] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/CDSRdvConsult/CdsRdvByWeek.razor.rz.scp.css */
body[b-vtxjidf8zq] {
}

.btn-xl[b-vtxjidf8zq] {
    padding: 10px 20px;
    font-size: 0.85rem;
    border-radius: 10px;
    width: 6.5rem;
    height: 4rem;
    border-width: 1px;
}

.creneau-disponible[b-vtxjidf8zq] {
    background-color: #28a745 !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.creneau-reserve[b-vtxjidf8zq] {
    background-color: #ffc108 !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.creneau-bloque[b-vtxjidf8zq] {
    background-color: grey !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.creneau-absent[b-vtxjidf8zq] {
    background-color: darkred !important;
    opacity: 0.25;
    color: white !important;
}

table[b-vtxjidf8zq] {
    border-collapse: collapse;
    width: 100%;
}

table[b-vtxjidf8zq], th[b-vtxjidf8zq], td[b-vtxjidf8zq] {
    border: 0.5px solid lightslategray;
}

.grid-container[b-vtxjidf8zq] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.grid-item[b-vtxjidf8zq] {
    text-align: center;
    font-size: 0.85rem;
}

.headerspace[b-vtxjidf8zq] {
    background-color: #7099d1 !important;
    color: white !important;
    font-weight: 500;
    height:1em;
}
.Headerstyle[b-vtxjidf8zq] {
    text-align: center; 
    margin-top:5px;
}

.Headerrowstyle[b-vtxjidf8zq] {
    font-weight: 500;
    font-size: 0.90rem;
}

.custom-modal-header[b-vtxjidf8zq] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/CDSRdvConsult/CdsRdvPatient.razor.rz.scp.css */
body[b-24w4wgzq1s] {
}

.section-container[b-24w4wgzq1s] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.avatar[b-24w4wgzq1s] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-24w4wgzq1s] {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
/* /Pages/CommunTools/MigrationLaafibook.razor.rz.scp.css */
body[b-jpr72uvtmu] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}


.main-container[b-jpr72uvtmu] {
    padding: 2rem;
    background-color: #f5f5f5;
    min-height: calc(100vh - 120px);
    justify-content: center;
    align-items: flex-start;
    border-radius: 10px;
    overflow-y: scroll;
}

.action-cards[b-jpr72uvtmu] {
    gap: 2rem;
    max-width: 600px;
    width: 100%;
}

.action-card[b-jpr72uvtmu] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    align-items: center;
    gap: 1.5rem;
    border: 2px solid transparent;
    user-select: none;
}

    .action-card:hover[b-jpr72uvtmu] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        border-color: #5b9bd5;
    }

    .action-card:active[b-jpr72uvtmu] {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

.card-image[b-jpr72uvtmu] {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    align-items: center;
    justify-content: center;
}

    .card-image img[b-jpr72uvtmu] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
    }

.card-content[b-jpr72uvtmu] {
}

.card-title[b-jpr72uvtmu] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.card-description[b-jpr72uvtmu] {
    font-size: 1rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.labo-header[b-jpr72uvtmu] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: linear-gradient(135deg, #5b9bd5, #28a745);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

    .labo-header h2[b-jpr72uvtmu] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .labo-header p[b-jpr72uvtmu] {
        margin: 0.5rem 0 0 0;
        opacity: 0.9;
        font-size: 1rem;
        font-weight: 600;
    }


/* Media queries pour responsive */
@@media (max-width: 768px) {
    .main-container[b-jpr72uvtmu] {
        padding: 1rem;
    }

    .action-card[b-jpr72uvtmu] {
        text-align: center;
        padding: 1rem;
        justify-content: center;
    }

    .card-image[b-jpr72uvtmu] {
        width: 60px;
        height: 60px;
    }

    .card-title[b-jpr72uvtmu] {
        font-size: 1.1rem;
    }

    .card-description[b-jpr72uvtmu] {
        font-size: 0.9rem;
    }
}

@@media (min-width: 769px) {
    .action-cards[b-jpr72uvtmu] {
        gap: 1.5rem;
    }

    .action-card[b-jpr72uvtmu] {
        text-align: center;
        min-height: 200px;
        justify-content: center;
    }

    .card-image[b-jpr72uvtmu] {
        width: 100px;
        height: 100px;
        margin-bottom: 1rem;
    }
}
/* /Pages/ConseilHome.razor.rz.scp.css */
body[b-im9m5v3soc] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.medecin_area[b-im9m5v3soc] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}

.HeaderTitle[b-im9m5v3soc] {
    margin-left: 1rem;
}

.pharmacie_area[b-im9m5v3soc] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}

.Coneils_area[b-im9m5v3soc] {
    background: #1C73FD !important;
    color: white;
    line-height: 2rem;
}

.ImghomeRight[b-im9m5v3soc] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}

.ImghomeLeft[b-im9m5v3soc] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}

.Rendezvous_area[b-im9m5v3soc] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
    line-height: 2rem;
}

.ResultatExamen_area[b-im9m5v3soc] {
    /* background-color: #7099d1 !important; */
    /* background-color: 1C73FD !important;  */
    background: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}

.Actualite_area[b-im9m5v3soc] {
    background-color: #08A6A0 !important;
    color: white;
    line-height: 2rem;
}



.arrondi-Recherche[b-im9m5v3soc] {
    border-radius: 50px; /*Identique à border-radius: 50px/50px*/
}


.Medecin-background-class[b-im9m5v3soc] {
    background-image: url(Medias/images/medecin.jpg)
}

.Pharmacie-background-class[b-im9m5v3soc] {
    background-image: url(Medias/images/pharmacie.jpg)
}


/* Scrolling horizontal */
.horizontal-scroll[b-im9m5v3soc] {
    display: flex;
    overflow-x: auto;
    padding-bottom: 1rem;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}


.Pharmacie-container[b-im9m5v3soc] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Pharmacie-container[b-im9m5v3soc]::-webkit-scrollbar {
        display: block flow-root;
    }

.Pharmacie-card[b-im9m5v3soc] {
    min-width: 280px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.valid.modified:not([type=checkbox])[b-im9m5v3soc] {
    outline: 1px solid #26b050;
}

.invalid[b-im9m5v3soc] {
    outline: 1px solid red;
}

.validation-message[b-im9m5v3soc] {
    color: red;
}
/* /Pages/ConseilNutritionPatient/ConseilNutrition.razor.rz.scp.css */
body[b-0h8ugoc5en] {
}
/* Variables Navigation Retour*/
.header-bar[b-0h8ugoc5en] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-0h8ugoc5en] {
    display: flex;
    gap: 1rem;
}

.back-button[b-0h8ugoc5en] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-0h8ugoc5en] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-0h8ugoc5en] {
        color: #DF9E63; /* #333; */
    }

h5[b-0h8ugoc5en] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.section-container[b-0h8ugoc5en] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/ConseilNutritionPatient/ConseilNutritionDioula.razor.rz.scp.css */
body[b-z2t5kobzl0] {
}
.p-4[b-z2t5kobzl0] {
    padding: 1.5rem !important;
}

.mb-0[b-z2t5kobzl0], .my-0[b-z2t5kobzl0] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-z2t5kobzl0] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-z2t5kobzl0] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-z2t5kobzl0] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-z2t5kobzl0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-z2t5kobzl0] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-z2t5kobzl0] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-z2t5kobzl0] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-z2t5kobzl0] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-z2t5kobzl0] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-z2t5kobzl0] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-z2t5kobzl0] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-z2t5kobzl0] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-z2t5kobzl0] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-z2t5kobzl0] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-z2t5kobzl0] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-z2t5kobzl0] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-z2t5kobzl0] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-z2t5kobzl0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-z2t5kobzl0] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-z2t5kobzl0] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-z2t5kobzl0] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-z2t5kobzl0] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-z2t5kobzl0] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-z2t5kobzl0] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-z2t5kobzl0] {
    background-color: #ffffff !important;
}

.p-4[b-z2t5kobzl0] {
    padding: 1.5rem !important;
}

.mb-0[b-z2t5kobzl0], .my-0[b-z2t5kobzl0] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-z2t5kobzl0] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-z2t5kobzl0] {
    margin-right: 20px;
}

.avatar[b-z2t5kobzl0] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.nodata-avatar[b-z2t5kobzl0] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-z2t5kobzl0] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-z2t5kobzl0] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilNutritionPatient/ConseilNutritionFrancais.razor.rz.scp.css */
body[b-kueso3hj7g] {
}
.p-4[b-kueso3hj7g] {
    padding: 1.5rem !important;
}

.mb-0[b-kueso3hj7g], .my-0[b-kueso3hj7g] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-kueso3hj7g] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-kueso3hj7g] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-kueso3hj7g] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-kueso3hj7g] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-kueso3hj7g] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-kueso3hj7g] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-kueso3hj7g] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-kueso3hj7g] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-kueso3hj7g] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-kueso3hj7g] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-kueso3hj7g] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-kueso3hj7g] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-kueso3hj7g] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-kueso3hj7g] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-kueso3hj7g] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-kueso3hj7g] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-kueso3hj7g] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-kueso3hj7g] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-kueso3hj7g] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-kueso3hj7g] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-kueso3hj7g] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-kueso3hj7g] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-kueso3hj7g] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-kueso3hj7g] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-kueso3hj7g] {
    background-color: #ffffff !important;
}

.p-4[b-kueso3hj7g] {
    padding: 1.5rem !important;
}

.mb-0[b-kueso3hj7g], .my-0[b-kueso3hj7g] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-kueso3hj7g] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-kueso3hj7g] {
    margin-right: 20px;
}

.avatar[b-kueso3hj7g] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nodata-avatar[b-kueso3hj7g] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-kueso3hj7g] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-kueso3hj7g] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilNutritionPatient/ConseilNutritionFulfulde.razor.rz.scp.css */
body[b-imc42zutuo] {
}
.p-4[b-imc42zutuo] {
    padding: 1.5rem !important;
}

.mb-0[b-imc42zutuo], .my-0[b-imc42zutuo] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-imc42zutuo] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-imc42zutuo] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-imc42zutuo] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-imc42zutuo] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-imc42zutuo] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-imc42zutuo] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-imc42zutuo] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-imc42zutuo] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-imc42zutuo] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-imc42zutuo] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-imc42zutuo] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-imc42zutuo] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-imc42zutuo] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-imc42zutuo] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-imc42zutuo] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-imc42zutuo] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-imc42zutuo] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-imc42zutuo] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-imc42zutuo] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-imc42zutuo] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-imc42zutuo] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-imc42zutuo] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-imc42zutuo] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-imc42zutuo] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-imc42zutuo] {
    background-color: #ffffff !important;
}

.p-4[b-imc42zutuo] {
    padding: 1.5rem !important;
}

.mb-0[b-imc42zutuo], .my-0[b-imc42zutuo] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-imc42zutuo] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-imc42zutuo] {
    margin-right: 20px;
}

.avatar[b-imc42zutuo] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nodata-avatar[b-imc42zutuo] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-imc42zutuo] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-imc42zutuo] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilNutritionPatient/ConseilNutritionMoore.razor.rz.scp.css */
body[b-r73i3md80e] {
}
.p-4[b-r73i3md80e] {
    padding: 1.5rem !important;
}

.mb-0[b-r73i3md80e], .my-0[b-r73i3md80e] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-r73i3md80e] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-r73i3md80e] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-r73i3md80e] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-r73i3md80e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-r73i3md80e] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-r73i3md80e] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-r73i3md80e] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-r73i3md80e] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-r73i3md80e] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-r73i3md80e] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-r73i3md80e] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-r73i3md80e] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-r73i3md80e] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-r73i3md80e] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-r73i3md80e] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-r73i3md80e] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-r73i3md80e] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-r73i3md80e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-r73i3md80e] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-r73i3md80e] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-r73i3md80e] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-r73i3md80e] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-r73i3md80e] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-r73i3md80e] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-r73i3md80e] {
    background-color: #ffffff !important;
}

.p-4[b-r73i3md80e] {
    padding: 1.5rem !important;
}

.mb-0[b-r73i3md80e], .my-0[b-r73i3md80e] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-r73i3md80e] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-r73i3md80e] {
    margin-right: 20px;
}

.avatar[b-r73i3md80e] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.nodata-avatar[b-r73i3md80e] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-r73i3md80e] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-r73i3md80e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilNutritionPatient/ConsultAudioConseilNutrition.razor.rz.scp.css */
body[b-e8qdu6v86q] {
}
/* Variables Navigation Retour*/
.header-bar[b-e8qdu6v86q] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-e8qdu6v86q] {
    display: flex;
    gap: 1rem;
}

.back-button[b-e8qdu6v86q] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-e8qdu6v86q] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-e8qdu6v86q] {
        color: #DF9E63; /* #333; */
    }

h5[b-e8qdu6v86q] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ConseilNutritionPatient/ConsultPdfConseilNutrition.razor.rz.scp.css */
body[b-38v68zwqib] {
}
/* Variables Navigation Retour*/
.header-bar[b-38v68zwqib] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-38v68zwqib] {
    display: flex;
    gap: 1rem;
}

.back-button[b-38v68zwqib] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-38v68zwqib] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-38v68zwqib] {
        color: #DF9E63; /* #333; */
    }

h5[b-38v68zwqib] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ConseilNutritionPatient/ConsultVideoConseilNutrition.razor.rz.scp.css */
body[b-cv6vwah0ft] {
}
/* Variables Navigation Retour*/
.header-bar[b-cv6vwah0ft] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-cv6vwah0ft] {
    display: flex;
    gap: 1rem;
}

.back-button[b-cv6vwah0ft] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-cv6vwah0ft] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-cv6vwah0ft] {
        color: #DF9E63; /* #333; */
    }

h5[b-cv6vwah0ft] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ConseilSantePatient/ConseilSante.razor.rz.scp.css */
body[b-jp09q4y9ef] {
}
/* Variables Navigation Retour*/
.header-bar[b-jp09q4y9ef] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-jp09q4y9ef] {
    display: flex;
    gap: 1rem;
}

.back-button[b-jp09q4y9ef] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-jp09q4y9ef] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-jp09q4y9ef] {
        color: #DF9E63; /* #333; */
    }

h5[b-jp09q4y9ef] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.section-container[b-jp09q4y9ef] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/ConseilSantePatient/ConseilSanteDioula.razor.rz.scp.css */
body[b-o0ro81ghe6] {
    background-color: #f8f9fa !important
}

.p-4[b-o0ro81ghe6] {
    padding: 1.5rem !important;
}

.mb-0[b-o0ro81ghe6], .my-0[b-o0ro81ghe6] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-o0ro81ghe6] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-o0ro81ghe6] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-o0ro81ghe6] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-o0ro81ghe6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-o0ro81ghe6] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-o0ro81ghe6] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-o0ro81ghe6] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-o0ro81ghe6] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-o0ro81ghe6] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-o0ro81ghe6] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-o0ro81ghe6] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-o0ro81ghe6] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-o0ro81ghe6] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-o0ro81ghe6] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-o0ro81ghe6] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-o0ro81ghe6] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-o0ro81ghe6] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-o0ro81ghe6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-o0ro81ghe6] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-o0ro81ghe6] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-o0ro81ghe6] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-o0ro81ghe6] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-o0ro81ghe6] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-o0ro81ghe6] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-o0ro81ghe6] {
    background-color: #ffffff !important;
}

.p-4[b-o0ro81ghe6] {
    padding: 1.5rem !important;
}

.mb-0[b-o0ro81ghe6], .my-0[b-o0ro81ghe6] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-o0ro81ghe6] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-o0ro81ghe6] {
    margin-right: 20px;
}

.avatar[b-o0ro81ghe6] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nodata-avatar[b-o0ro81ghe6] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-o0ro81ghe6] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-o0ro81ghe6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilSantePatient/ConseilSanteFrancais.razor.rz.scp.css */
body[b-ji29fktica] {
    background-color: #f8f9fa !important
}

.p-4[b-ji29fktica] {
    padding: 1.5rem !important;
}

.mb-0[b-ji29fktica], .my-0[b-ji29fktica] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ji29fktica] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-ji29fktica] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-ji29fktica] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-ji29fktica] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-ji29fktica] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-ji29fktica] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-ji29fktica] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-ji29fktica] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-ji29fktica] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-ji29fktica] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-ji29fktica] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-ji29fktica] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-ji29fktica] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-ji29fktica] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-ji29fktica] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-ji29fktica] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-ji29fktica] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-ji29fktica] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-ji29fktica] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-ji29fktica] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-ji29fktica] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-ji29fktica] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-ji29fktica] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-ji29fktica] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-ji29fktica] {
    background-color: #ffffff !important;
}

.p-4[b-ji29fktica] {
    padding: 1.5rem !important;
}

.mb-0[b-ji29fktica], .my-0[b-ji29fktica] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ji29fktica] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-ji29fktica] {
    margin-right: 20px;
}

.avatar[b-ji29fktica] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}


.Coneils_area[b-ji29fktica] {
    background: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}

.nodata-avatar[b-ji29fktica] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}


.nodata_place[b-ji29fktica] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-ji29fktica] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilSantePatient/ConseilSanteFulfulde.razor.rz.scp.css */
body[b-ywktz6wyis] {
    background-color: #f8f9fa !important
}

.p-4[b-ywktz6wyis] {
    padding: 1.5rem !important;
}

.mb-0[b-ywktz6wyis], .my-0[b-ywktz6wyis] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ywktz6wyis] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-ywktz6wyis] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-ywktz6wyis] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-ywktz6wyis] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-ywktz6wyis] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-ywktz6wyis] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-ywktz6wyis] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-ywktz6wyis] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-ywktz6wyis] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-ywktz6wyis] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-ywktz6wyis] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-ywktz6wyis] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-ywktz6wyis] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-ywktz6wyis] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-ywktz6wyis] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-ywktz6wyis] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-ywktz6wyis] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-ywktz6wyis] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-ywktz6wyis] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-ywktz6wyis] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-ywktz6wyis] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-ywktz6wyis] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-ywktz6wyis] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-ywktz6wyis] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-ywktz6wyis] {
    background-color: #ffffff !important;
}

.p-4[b-ywktz6wyis] {
    padding: 1.5rem !important;
}

.mb-0[b-ywktz6wyis], .my-0[b-ywktz6wyis] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ywktz6wyis] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-ywktz6wyis] {
    margin-right: 20px;
}

.avatar[b-ywktz6wyis] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nodata-avatar[b-ywktz6wyis] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-ywktz6wyis] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-ywktz6wyis] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilSantePatient/ConseilSanteMoore.razor.rz.scp.css */
body[b-xfdvu227c5] {
    background-color: #f8f9fa !important
}

.p-4[b-xfdvu227c5] {
    padding: 1.5rem !important;
}

.mb-0[b-xfdvu227c5], .my-0[b-xfdvu227c5] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-xfdvu227c5] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-xfdvu227c5] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-xfdvu227c5] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-xfdvu227c5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-xfdvu227c5] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-xfdvu227c5] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-xfdvu227c5] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-xfdvu227c5] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-xfdvu227c5] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-xfdvu227c5] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-xfdvu227c5] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-xfdvu227c5] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-xfdvu227c5] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-xfdvu227c5] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-xfdvu227c5] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-xfdvu227c5] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-xfdvu227c5] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-xfdvu227c5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-xfdvu227c5] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-xfdvu227c5] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-xfdvu227c5] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-xfdvu227c5] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-xfdvu227c5] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-xfdvu227c5] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-xfdvu227c5] {
    background-color: #ffffff !important;
}

.p-4[b-xfdvu227c5] {
    padding: 1.5rem !important;
}

.mb-0[b-xfdvu227c5], .my-0[b-xfdvu227c5] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-xfdvu227c5] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-xfdvu227c5] {
    margin-right: 20px;
}

.avatar[b-xfdvu227c5] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.nodata-avatar[b-xfdvu227c5] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}


.nodata_place[b-xfdvu227c5] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-xfdvu227c5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ConseilSantePatient/ConsultAudioConseilSante.razor.rz.scp.css */
body[b-0p31im4j65] {
}
/* Variables Navigation Retour*/
.header-bar[b-0p31im4j65] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-0p31im4j65] {
    display: flex;
    gap: 1rem;
}

.back-button[b-0p31im4j65] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-0p31im4j65] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-0p31im4j65] {
        color: #DF9E63; /* #333; */
    }

h5[b-0p31im4j65] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ConseilSantePatient/ConsultPdfConseilSante.razor.rz.scp.css */
body[b-8qa4gerhm3] {
}
/* Variables Navigation Retour*/
.header-bar[b-8qa4gerhm3] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-8qa4gerhm3] {
    display: flex;
    gap: 1rem;
}

.back-button[b-8qa4gerhm3] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-8qa4gerhm3] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-8qa4gerhm3] {
        color: #DF9E63; /* #333; */
    }

h5[b-8qa4gerhm3] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ConseilSantePatient/ConsultVideoConseilSante.razor.rz.scp.css */
body[b-ctq5a2f9oq] {
}
/* Variables Navigation Retour*/
.header-bar[b-ctq5a2f9oq] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-ctq5a2f9oq] {
    display: flex;
    gap: 1rem;
}

.back-button[b-ctq5a2f9oq] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-ctq5a2f9oq] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-ctq5a2f9oq] {
        color: #DF9E63; /* #333; */
    }

h5[b-ctq5a2f9oq] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/DossierAccueilLaboratoire/HistoResultatLabo.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-ja1z3sisdh] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-ja1z3sisdh] {
    display: flex;
    gap: 1rem;
}

.back-button[b-ja1z3sisdh] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-ja1z3sisdh] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-ja1z3sisdh] {
        color: #DF9E63; /* #333; */
    }

h5[b-ja1z3sisdh] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-ja1z3sisdh] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-ja1z3sisdh] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-ja1z3sisdh] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-ja1z3sisdh] {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.doctor-info[b-ja1z3sisdh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-ja1z3sisdh] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-ja1z3sisdh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-ja1z3sisdh] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-ja1z3sisdh] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-ja1z3sisdh] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-ja1z3sisdh] {
        font-size: 1rem;
    }

    .patient-info p[b-ja1z3sisdh] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-ja1z3sisdh] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-ja1z3sisdh] {
    background-color: #1e4ca1 !important;
}

Headerfilter[b-ja1z3sisdh] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}

.custom-filter-row[b-ja1z3sisdh] {
    background-color: red;
    font-weight: bold;
    color: #333;
}

.nodata-avatar[b-ja1z3sisdh] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-ja1z3sisdh] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-ja1z3sisdh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.labeltitle[b-ja1z3sisdh] {
    font-weight: bold
}

.labeloption[b-ja1z3sisdh] {
    font-style: italic
}

.cdstitle[b-ja1z3sisdh] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-ja1z3sisdh] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.custom-header[b-ja1z3sisdh] {
    background-color: #4CAF50 !important;
    color: white;
    border-bottom: 0;
    font-size: 0.75rem; /* Adjust the size as needed */
    line-height: 1.2;
    opacity: 0.5;
}
/* /Pages/DossierAccueilLaboratoire/MonCompte.razor.rz.scp.css */
body[b-m1n7sgeued] {
}


/* Variables Navigation Retour*/
.header-bar[b-m1n7sgeued] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-m1n7sgeued] {
    display: flex;
    gap: 1rem;
}

.back-button[b-m1n7sgeued] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-m1n7sgeued] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-m1n7sgeued] {
        color: #DF9E63; /* #333; */
    }

h5[b-m1n7sgeued] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/


.profile-card[b-m1n7sgeued] {
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-header[b-m1n7sgeued] {
    background: #5b9bd5;
    padding: 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-m1n7sgeued] {
        color: white;
        font-size: 1.2rem;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.profile-form[b-m1n7sgeued] {
    padding: 25px;
}

.form-section[b-m1n7sgeued] {
    margin-bottom: 25px;
}

.section-title[b-m1n7sgeued] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #5b9bd5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-row[b-m1n7sgeued] {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-m1n7sgeued] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 250px;
}

    .form-group label[b-m1n7sgeued] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-m1n7sgeued],
    .form-group select[b-m1n7sgeued] {
        padding: 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-m1n7sgeued],
        .form-group select:focus[b-m1n7sgeued] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

        .form-group input:disabled[b-m1n7sgeued] {
            background-color: #f8f9fa;
            color: #6c757d;
            cursor: not-allowed;
        }

.btn-group[b-m1n7sgeued] {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.btn-save[b-m1n7sgeued] {
    background: #28a745;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .btn-save:hover:not(:disabled)[b-m1n7sgeued] {
        background: #218838;
    }

    .btn-save:disabled[b-m1n7sgeued] {
        background: #ccc;
        cursor: not-allowed;
    }

.btn-cancel[b-m1n7sgeued] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-cancel:hover[b-m1n7sgeued] {
        background: #5a6268;
    }

.back-button[b-m1n7sgeued] {
    cursor: pointer;
    color: #5b9bd5;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .back-button:hover[b-m1n7sgeued] {
        color: #4a8bc2;
    }

.alert[b-m1n7sgeued] {
    padding: 12px 15px;
    border-radius: 8px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-success[b-m1n7sgeued] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-danger[b-m1n7sgeued] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.alert-info[b-m1n7sgeued] {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.loading-overlay[b-m1n7sgeued] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.profile-photo-section[b-m1n7sgeued] {
    text-align: center;
    margin-bottom: 20px;
}

.profile-photo[b-m1n7sgeued] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #5b9bd5;
    object-fit: cover;
    margin-bottom: 10px;
}

.required[b-m1n7sgeued] {
    color: #dc3545;
}

.readonly-info[b-m1n7sgeued] {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    color: #6c757d;
}

.labo-badge[b-m1n7sgeued] {
    background: linear-gradient(45deg, #28a745, #20c997);
    color: white;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    display: inline-block;
    margin-left: 10px;
}
/* /Pages/DossierAccueilLaboratoire/PatientInfoWithQR.razor.rz.scp.css */
/*

.patient-profile-with-qr {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    gap: 2rem;
}

.patient-details-section {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.patient-photo {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .patient-photo img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.patient-info h3 {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.pathology {
    margin: 0.2rem 0;
    font-size: 0.9rem;
    color: #666;
}

.qr-code-section {
    flex-shrink: 0;
}

.qr-code-image {
    width: 150px;
    height: 150px;
    border: 2px solid #ddd;
    border-radius: 8px;
}

.qr-code-placeholder {
    width: 150px;
    height: 150px;
    border: 2px dashed #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}

.contact-details {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.3rem;
    padding: 0 1rem;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 0.9rem;
}

    .info-item i {
        color: #666;
        font-size: 1rem;
    }

.contact-row {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

.action-buttons {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    justify-content: center;
}

.btn-modify, .btn-secondary {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
    max-width: 200px;
}

.btn-modify {
    background-color: #6c757d;
    color: white;
}

.btn-secondary {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover {
        background-color: #4a8bc6;
    }

.loading-container, .no-data-container {
    text-align: center;
    padding: 2rem;
}

.card {
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    background: white;
}

.card-header {
    background: #5b9bd5;
    padding: 1rem;
    color: white;
    border: none;
}

    .card-header h2 {
        color: white;
        font-size: 1.2rem;
        margin: 0;
    }

.back-button {
    cursor: pointer;
    color: #5b9bd5;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .back-button:hover {
        color: #4a8bc2;
    }

@media (max-width: 768px) {
    .patient-profile-with-qr {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .patient-details-section {
        flex-direction: column;
        text-align: center;
    }
}


*/
/* /Pages/DossierAccueilLaboratoire/SelectPatient.razor.rz.scp.css */
.main-container[b-zvq1ui4xdd] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container1[b-zvq1ui4xdd] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.search-panel[b-zvq1ui4xdd] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header[b-zvq1ui4xdd] {
    background-color: #5b9bd5;
    color: white;
    padding: 10px 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .header h3[b-zvq1ui4xdd] {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
    }

.back-button[b-zvq1ui4xdd] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.search-form[b-zvq1ui4xdd] {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.search-bar[b-zvq1ui4xdd] {
    width: 200px;
    background-color: #5b9bd5;
    border-radius: 3px;
    padding: 8px 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

    .search-bar input[b-zvq1ui4xdd] {
        border: none;
        background: transparent;
        color: white;
        outline: none;
        width: 100%;
        font-size: 14px;
    }

        .search-bar input[b-zvq1ui4xdd]::placeholder {
            color: white;
            opacity: 1;
        }

.search-icon[b-zvq1ui4xdd] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}





.form-row[b-zvq1ui4xdd] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.form-group[b-zvq1ui4xdd] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .form-group label[b-zvq1ui4xdd] {
        font-size: 14px;
        margin-bottom: 5px;
        color: #333;
    }

    .form-group input[b-zvq1ui4xdd],
    .form-group select[b-zvq1ui4xdd] {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
    }

.select-group[b-zvq1ui4xdd] {
    flex: 1;
}

.button-group[b-zvq1ui4xdd] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn-primary[b-zvq1ui4xdd],
.btn-secondary[b-zvq1ui4xdd] {
    padding: 8px 15px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.btn-primary[b-zvq1ui4xdd] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-primary:hover[b-zvq1ui4xdd] {
        background-color: #4a8bc6;
    }

    .btn-primary:disabled[b-zvq1ui4xdd] {
        background-color: #9cc2e5;
        cursor: not-allowed;
    }

.btn-secondary[b-zvq1ui4xdd] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-zvq1ui4xdd] {
        background-color: #4a8bc6;
    }

.doctor-image[b-zvq1ui4xdd] {
    width: 35%;
    padding: 15px;
}

    .doctor-image img[b-zvq1ui4xdd] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.error-message[b-zvq1ui4xdd] {
    background-color: #ffebee;
    color: #d32f2f;
    padding: 10px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 14px;
}

.loading-indicator[b-zvq1ui4xdd] {
    text-align: center;
    padding: 10px;
    color: #5b9bd5;
    font-size: 14px;
}

/* Modification pour correspondre exactement à l'image */
@media (min-width: 768px) {
    .search-form[b-zvq1ui4xdd] {
        width: 65%;
        float: left;
    }

    .doctor-image[b-zvq1ui4xdd] {
        width: 35%;
        float: right;
    }

    .search-panel[b-zvq1ui4xdd] {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    .header[b-zvq1ui4xdd] {
        width: 100%;
    }
}

/* Ajustement pour les petits écrans */
@media (max-width: 767px) {
    .search-form[b-zvq1ui4xdd] {
        width: 100%;
    }

    .doctor-image[b-zvq1ui4xdd] {
        width: 100%;
        text-align: center;
    }

        .doctor-image img[b-zvq1ui4xdd] {
            max-width: 300px;
        }
}
/* /Pages/DossierAccueil/AccueilPatientList.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-2sf4r3eap5] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-2sf4r3eap5] {
    display: flex;
    gap: 1rem;
}

.back-button[b-2sf4r3eap5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-2sf4r3eap5] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-2sf4r3eap5] {
        color: #DF9E63; /* #333; */
    }

h5[b-2sf4r3eap5] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-2sf4r3eap5] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-2sf4r3eap5] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-2sf4r3eap5] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-2sf4r3eap5] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-2sf4r3eap5] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-2sf4r3eap5] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-2sf4r3eap5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-2sf4r3eap5] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-2sf4r3eap5] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-2sf4r3eap5] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-2sf4r3eap5] {
        font-size: 1rem;
    }

    .patient-info p[b-2sf4r3eap5] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-2sf4r3eap5] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-2sf4r3eap5] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-2sf4r3eap5] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-2sf4r3eap5] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-2sf4r3eap5] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-2sf4r3eap5] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-2sf4r3eap5] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-2sf4r3eap5] {
    font-weight: bold
}

.labeloption[b-2sf4r3eap5] {
    font-style: italic
}

.cdstitle[b-2sf4r3eap5] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-2sf4r3eap5] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierAccueil/ConsultationClosed.razor.rz.scp.css */
.Rdvconsult-section[b-6jwe1biywv] {
    padding: 1rem;
}
/* Variables Navigation Retour*/
.header-bar[b-6jwe1biywv] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-6jwe1biywv] {
    display: flex;
    gap: 1rem;
}

.back-button[b-6jwe1biywv] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-6jwe1biywv] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-6jwe1biywv] {
        color: #DF9E63; /* #333; */
    }

h5[b-6jwe1biywv] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.section-title[b-6jwe1biywv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}


.section-container[b-6jwe1biywv] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.Rdvconsult-container[b-6jwe1biywv] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-6jwe1biywv]::-webkit-scrollbar {
        display: none;
    }

[b-6jwe1biywv] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-6jwe1biywv] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-6jwe1biywv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-6jwe1biywv] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-6jwe1biywv] .Rdvconsult-content {
    padding: 1rem !important;
}

bg-imgResultat[b-6jwe1biywv] {
    background-color: #1e4ca1 !important;
}

.avatarPhoto[b-6jwe1biywv] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-6jwe1biywv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-6jwe1biywv] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-6jwe1biywv] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-6jwe1biywv] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-6jwe1biywv] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-6jwe1biywv] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-6jwe1biywv] {
        font-size: 1rem;
    }

    .patient-info p[b-6jwe1biywv] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-6jwe1biywv] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.nodata-avatar[b-6jwe1biywv] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-6jwe1biywv] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-6jwe1biywv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cdstitle[b-6jwe1biywv] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

.scrollable-container[b-6jwe1biywv] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/DossierAccueil/MonCompte.razor.rz.scp.css */
body[b-acavw1uz49] {
}

/* Variables Navigation Retour*/
.header-bar[b-acavw1uz49] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-acavw1uz49] {
    display: flex;
    gap: 1rem;
}

.back-button[b-acavw1uz49] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-acavw1uz49] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-acavw1uz49] {
        color: #DF9E63; /* #333; */
    }

h5[b-acavw1uz49] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/


.profile-card[b-acavw1uz49] {
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}

.card-header[b-acavw1uz49] {
    background: #5b9bd5;
    padding: 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-acavw1uz49] {
        color: white;
        font-size: 1.2rem;
        margin: 0;
        display: flex;
        align-items: center;
        gap: 10px;
    }

.profile-form[b-acavw1uz49] {
    padding: 25px;
}

.form-section[b-acavw1uz49] {
    margin-bottom: 25px;
}

.section-title[b-acavw1uz49] {
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 2px solid #5b9bd5;
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-row[b-acavw1uz49] {
    display: flex;
    gap: 20px;
    margin-bottom: 15px;
    flex-wrap: wrap;
}

.form-group[b-acavw1uz49] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
    min-width: 250px;
}

    .form-group label[b-acavw1uz49] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-acavw1uz49],
    .form-group select[b-acavw1uz49] {
        padding: 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-acavw1uz49],
        .form-group select:focus[b-acavw1uz49] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

        .form-group input:disabled[b-acavw1uz49] {
            background-color: #f8f9fa;
            color: #6c757d;
            cursor: not-allowed;
        }

.btn-group[b-acavw1uz49] {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.btn-save[b-acavw1uz49] {
    background: #28a745;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .btn-save:hover:not(:disabled)[b-acavw1uz49] {
        background: #218838;
    }

    .btn-save:disabled[b-acavw1uz49] {
        background: #ccc;
        cursor: not-allowed;
    }

.btn-cancel[b-acavw1uz49] {
    background: #6c757d;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-cancel:hover[b-acavw1uz49] {
        background: #5a6268;
    }

.alert[b-acavw1uz49] {
    padding: 12px 15px;
    border-radius: 8px;
    margin: 15px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.alert-success[b-acavw1uz49] {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-danger[b-acavw1uz49] {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.alert-info[b-acavw1uz49] {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.loading-overlay[b-acavw1uz49] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.profile-photo-section[b-acavw1uz49] {
    text-align: center;
    margin-bottom: 20px;
}

.profile-photo[b-acavw1uz49] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 4px solid #5b9bd5;
    object-fit: cover;
    margin-bottom: 10px;
}

.required[b-acavw1uz49] {
    color: #dc3545;
}

.readonly-info[b-acavw1uz49] {
    background: #f8f9fa;
    border: 2px solid #e9ecef;
    color: #6c757d;
}

.cdstitle[b-acavw1uz49] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

/* /Pages/DossierAccueil/NewPatient.razor.rz.scp.css */
body[b-axnmsrbjfm] {
}
/* /Pages/DossierAccueil/PatientInfo.razor.rz.scp.css */
.patient-info-container[b-7zd078ftlq] {
    max-width: 900px;
    margin: 20px auto;
    padding: 0 15px;
}

.card[b-7zd078ftlq] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.card-header[b-7zd078ftlq] {
    background-color: #4267B2;
    color: white;
    padding: 15px 20px;
}

    .card-header h2[b-7zd078ftlq] {
        margin: 0;
        font-size: 1.5rem;
    }

.loading-container[b-7zd078ftlq] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.no-data-container[b-7zd078ftlq] {
    text-align: center;
    padding: 40px 20px;
}

.no-data-image[b-7zd078ftlq] {
    max-width: 150px;
    margin-bottom: 20px;
}

.patient-profile[b-7zd078ftlq] {
    display: flex;
    padding: 20px;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.patient-photo[b-7zd078ftlq] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
}

    .patient-photo img[b-7zd078ftlq] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.patient-info h3[b-7zd078ftlq] {
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    color: #333;
}

.specialty[b-7zd078ftlq] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

.contact-details[b-7zd078ftlq] {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.info-item[b-7zd078ftlq] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .info-item i[b-7zd078ftlq] {
        color: #4267B2;
        margin-right: 15px;
        font-size: 1.2rem;
        width: 20px;
        text-align: center;
    }

.contact-row[b-7zd078ftlq] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.action-buttons[b-7zd078ftlq] {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    gap: 15px;
}

.btn-modify[b-7zd078ftlq], .btn-appointment[b-7zd078ftlq], .btn-delete[b-7zd078ftlq], .btn-secondary[b-7zd078ftlq] {
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border: none;
    flex: 1;
    min-width: 120px;
}

.btn-modify[b-7zd078ftlq] {
    background-color: #6c757d;
    color: white;
}

.btn-appointment[b-7zd078ftlq] {
    background-color: #0d6efd;
    color: white;
}

.btn-delete[b-7zd078ftlq] {
    background-color: #dc3545;
    color: white;
}

.modal-backdrop[b-7zd078ftlq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.confirm-dialog[b-7zd078ftlq] {
    background-color: white;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.confirm-header[b-7zd078ftlq] {
    background-color: #f8f9fa;
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
}

    .confirm-header h4[b-7zd078ftlq] {
        margin: 0;
        color: #333;
    }

.confirm-body[b-7zd078ftlq] {
    padding: 20px;
}

.warning-text[b-7zd078ftlq] {
    color: #dc3545;
    font-weight: 500;
}

.confirm-footer[b-7zd078ftlq] {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

.btn-cancel[b-7zd078ftlq], .btn-confirm-delete[b-7zd078ftlq] {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    border: none;
}

.btn-cancel[b-7zd078ftlq] {
    background-color: #6c757d;
    color: white;
}

.btn-confirm-delete[b-7zd078ftlq] {
    background-color: #dc3545;
    color: white;
}


.btn-secondary[b-7zd078ftlq] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-7zd078ftlq] {
        background-color: #4a8bc6;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .contact-row[b-7zd078ftlq] {
        flex-direction: column;
        gap: 10px;
    }

    .action-buttons[b-7zd078ftlq] {
        flex-direction: column;
    }

    .btn-modify[b-7zd078ftlq], .btn-appointment[b-7zd078ftlq], .btn-delete[b-7zd078ftlq] {
        width: 100%;
    }
}
/* /Pages/DossierAccueil/RendezVousPatient.razor.rz.scp.css */
body[b-sr3791kpr5] {
}

.section-container[b-sr3791kpr5] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.back-button[b-sr3791kpr5] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}


/* Présentation du patient */
.patient-info-card[b-sr3791kpr5] {
    margin-bottom: 1.5rem;
    font-size: 12px;
}

.patient-avatar[b-sr3791kpr5] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--color-primary-light);
}
/* Menu des médecins */
.medecins-menu[b-sr3791kpr5] {
    border-right: 1px solid var(--color-border);
    padding-right: 2px;
    background: #5b9bd5;
    color: white;
    border-radius: 2%;
}

.medecin_area[b-sr3791kpr5],
.pharmacie_area[b-sr3791kpr5] {
    background: var(--color-primary-light);
    color: var(--color-white);
    line-height: 2rem;
    padding: var(--spacing-sm) var(--spacing-md);
    margin-bottom: var(--spacing-md);
    border-radius: 4px;
    font-weight: 500;
}

.specialite-filter[b-sr3791kpr5] {
    padding: 0 0.75rem;
}

    .specialite-filter select[b-sr3791kpr5] {
        width: 100%;
        padding: 0.5rem;
        border-radius: 4px;
        border: 1px solid var(--color-border);
    }

.medecin-list[b-sr3791kpr5] {
    max-height: 500px;
    overflow-y: auto;
}

.medecin-item[b-sr3791kpr5] {
    padding: 0.75rem;
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    transition: background-color 0.2s;
}

    .medecin-item:hover[b-sr3791kpr5] {
        background-color: rgba(0, 0, 0, 0.05);
    }

    .medecin-item.selected[b-sr3791kpr5] {
        background-color: rgba(112, 153, 209, 0.15);
        border-left: 3px solid var(--color-primary-light);
    }

.medecin-name[b-sr3791kpr5] {
    font-weight: 500;
    color: var(--color-primary);
}

.medecin-specialite[b-sr3791kpr5] {
    font-size: 0.85rem;
    color: black;
    margin-top: 0.25rem;
}

.no-medecin[b-sr3791kpr5] {
    padding: 1rem;
    text-align: center;
    color: #777;
}

.TitreMed[b-sr3791kpr5] {
    font-size: 0.95rem;
    font-weight: bold;
}

/* Media queries */
@media (max-width: 768px) {
    .time-slots-container[b-sr3791kpr5] {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }

    .medecins-menu[b-sr3791kpr5] {
        border-right: none;
        border-bottom: 1px solid var(--color-border);
        margin-bottom: 1.5rem;
        padding-bottom: 1rem;
    }

    .medecin-list[b-sr3791kpr5] {
        max-height: 200px;
    }

    .patient-info-card .row[b-sr3791kpr5] {
        flex-direction: column;
    }

    .patient-info-card .col-md-2[b-sr3791kpr5] {
        margin-bottom: 1rem;
    }
}
/* /Pages/DossierAccueil/RendezVousWaiting.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-nsxi0j3bkv] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-nsxi0j3bkv] {
    display: flex;
    gap: 1rem;
}

.back-button[b-nsxi0j3bkv] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-nsxi0j3bkv] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-nsxi0j3bkv] {
        color: #DF9E63; /* #333; */
    }

h5[b-nsxi0j3bkv] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.Rdvconsult-section[b-nsxi0j3bkv] {
    padding: 1rem;
}

.section-title[b-nsxi0j3bkv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.section-container[b-nsxi0j3bkv] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.Rdvconsult-container[b-nsxi0j3bkv] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-nsxi0j3bkv]::-webkit-scrollbar {
        display: none;
    }

[b-nsxi0j3bkv] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-nsxi0j3bkv] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-nsxi0j3bkv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-nsxi0j3bkv] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-nsxi0j3bkv] .Rdvconsult-content {
    padding: 1rem !important;
}

bg-imgResultat[b-nsxi0j3bkv] {
    background-color: #1e4ca1 !important;
}

.avatarPhoto[b-nsxi0j3bkv] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-nsxi0j3bkv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-nsxi0j3bkv] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-nsxi0j3bkv] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-nsxi0j3bkv] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-nsxi0j3bkv] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-nsxi0j3bkv] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-nsxi0j3bkv] {
        font-size: 1rem;
    }

    .patient-info p[b-nsxi0j3bkv] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-nsxi0j3bkv] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.cdstitle[b-nsxi0j3bkv] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}
.scrollable-container[b-nsxi0j3bkv] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/DossierAccueil/SelectionResult.razor.rz.scp.css */
.results-page[b-909s6od4z4] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.results-page1[b-909s6od4z4] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.section-container[b-909s6od4z4] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}



/* Variables Navigation Retour*/
.header-bar[b-909s6od4z4] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-909s6od4z4] {
    display: flex;
    gap: 1rem;
}

.back-button[b-909s6od4z4] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .back-button span[b-909s6od4z4] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-909s6od4z4] {
        color: #333;
    }

h5[b-909s6od4z4] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.patient-card[b-909s6od4z4] {
    background: white;
    margin: 1rem;
    max-width:45rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header[b-909s6od4z4] {
    background-color: #26509c;
    padding: 0.8rem 1rem;
}

    .card-header h2[b-909s6od4z4] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.patient-profile[b-909s6od4z4] {
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
}

.patient-photo[b-909s6od4z4] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .patient-photo img[b-909s6od4z4] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.patient-info h3[b-909s6od4z4] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.specialty[b-909s6od4z4] {
    margin: 0.2rem 0;
    font-size: 0.9rem;
    color: #666;
}

.contact-details[b-909s6od4z4] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.3rem;
    padding: 0;
}

.info-item[b-909s6od4z4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 0.9rem;
}

    .info-item i[b-909s6od4z4] {
        color: #666;
        font-size: 1rem;
    }

.contact-row[b-909s6od4z4] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

.action-buttons[b-909s6od4z4] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-modify[b-909s6od4z4], .btn-appointment[b-909s6od4z4], .btn-secondary[b-909s6od4z4] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
}

.btn-modify[b-909s6od4z4] {
    background-color: #e0e0e0;
    color: #333;
}

.btn-appointment[b-909s6od4z4] {
    background-color: #0072bc;
    color: white;
}

.btn-secondary[b-909s6od4z4] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-909s6od4z4] {
        background-color: #4a8bc6;
    }


@media (min-width: 576px) {
    .contact-row[b-909s6od4z4] {
        flex-direction: row;
        gap: 2rem;
    }

    .patient-photo[b-909s6od4z4] {
        width: 100px;
        height: 100px;
    }

    .patient-info h3[b-909s6od4z4] {
        font-size: 1.2rem;
    }

    .specialty[b-909s6od4z4] {
        font-size: 1rem;
    }
}
/* /Pages/DossierAccueil/SelectPatient.razor.rz.scp.css */
.main-container[b-ml3r2sddl6] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container1[b-ml3r2sddl6] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.search-panel[b-ml3r2sddl6] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header[b-ml3r2sddl6] {
    background-color: #5b9bd5;
    color: white;
    padding: 10px 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .header h3[b-ml3r2sddl6] {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
    }

.back-button[b-ml3r2sddl6] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: #d7d7d7;
}

.search-form[b-ml3r2sddl6] {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.search-bar[b-ml3r2sddl6] {
    width: 200px;
    background-color: #5b9bd5;
    border-radius: 3px;
    padding: 8px 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

    .search-bar input[b-ml3r2sddl6] {
        border: none;
        background: transparent;
        color: white;
        outline: none;
        width: 100%;
        font-size: 14px;
    }

        .search-bar input[b-ml3r2sddl6]::placeholder {
            color: white;
            opacity: 1;
        }

.search-icon[b-ml3r2sddl6] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}





.form-row[b-ml3r2sddl6] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.form-group[b-ml3r2sddl6] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .form-group label[b-ml3r2sddl6] {
        font-size: 14px;
        margin-bottom: 5px;
        color: #333;
    }

    .form-group input[b-ml3r2sddl6],
    .form-group select[b-ml3r2sddl6] {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
    }

.select-group[b-ml3r2sddl6] {
    flex: 1;
}

.button-group[b-ml3r2sddl6] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn-primary[b-ml3r2sddl6],
.btn-secondary[b-ml3r2sddl6] {
    padding: 8px 15px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.btn-primary[b-ml3r2sddl6] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-primary:hover[b-ml3r2sddl6] {
        background-color: #4a8bc6;
    }

    .btn-primary:disabled[b-ml3r2sddl6] {
        background-color: #9cc2e5;
        cursor: not-allowed;
    }

.btn-secondary[b-ml3r2sddl6] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-ml3r2sddl6] {
        background-color: #4a8bc6;
    }

.doctor-image[b-ml3r2sddl6] {
    width: 35%;
    padding: 15px;
}

    .doctor-image img[b-ml3r2sddl6] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.error-message[b-ml3r2sddl6] {
    background-color: #ffebee;
    color: #d32f2f;
    padding: 10px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 14px;
}

.loading-indicator[b-ml3r2sddl6] {
    text-align: center;
    padding: 10px;
    color: #5b9bd5;
    font-size: 14px;
}

/* Modification pour correspondre exactement � l'image */
@media (min-width: 768px) {
    .search-form[b-ml3r2sddl6] {
        width: 65%;
        float: left;
    }

    .doctor-image[b-ml3r2sddl6] {
        width: 35%;
        float: right;
    }

    .search-panel[b-ml3r2sddl6] {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    .header[b-ml3r2sddl6] {
        width: 100%;
    }
}

/* Ajustement pour les petits �crans */
@media (max-width: 767px) {
    .search-form[b-ml3r2sddl6] {
        width: 100%;
    }

    .doctor-image[b-ml3r2sddl6] {
        width: 100%;
        text-align: center;
    }

        .doctor-image img[b-ml3r2sddl6] {
            max-width: 300px;
        }
}
/* /Pages/DossierCDS/AssistantManager.razor.rz.scp.css */
body[b-fcwcacf1di] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}

/* Variables Navigation Retour*/
.header-bar[b-fcwcacf1di] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-fcwcacf1di] {
    display: flex;
    gap: 1rem;
}

.back-button[b-fcwcacf1di] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-fcwcacf1di] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-fcwcacf1di] {
        color: #DF9E63; /* #333; */
    }

h5[b-fcwcacf1di] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/


.avatar[b-fcwcacf1di] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-fcwcacf1di] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.Profil-modal-header[b-fcwcacf1di] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}


[b-fcwcacf1di] .Assist-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-fcwcacf1di] .Header_Assist {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
    opacity: 0.75;
}

.Header_Text[b-fcwcacf1di] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-fcwcacf1di] {
        font-size: 1rem;
        opacity: 0.9;
    }


.doctor-avatar[b-fcwcacf1di] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-fcwcacf1di] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.Assitant-container[b-fcwcacf1di] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar[b-fcwcacf1di] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-fcwcacf1di] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-fcwcacf1di] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.SpaceInterCard[b-fcwcacf1di] {
    height: 1rem;
}
/* /Pages/DossierCDS/CDSPatientList.razor.rz.scp.css */
body[b-7zjh6iftns] {
}

/* Variables Navigation Retour*/
.header-bar[b-7zjh6iftns] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-7zjh6iftns] {
    display: flex;
    gap: 1rem;
}

.back-button[b-7zjh6iftns] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-7zjh6iftns] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-7zjh6iftns] {
        color: #DF9E63; /* #333; */
    }

h5[b-7zjh6iftns] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.NewPatient[b-7zjh6iftns] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-7zjh6iftns] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-7zjh6iftns] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-7zjh6iftns] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-7zjh6iftns] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-7zjh6iftns] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-7zjh6iftns] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-7zjh6iftns] {
        font-size: 1rem;
    }

    .patient-info p[b-7zjh6iftns] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-7zjh6iftns] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-7zjh6iftns] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-7zjh6iftns] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-7zjh6iftns] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-7zjh6iftns] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-7zjh6iftns] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-7zjh6iftns] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-container[b-7zjh6iftns]   {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/DossierCDS/MedecinManager.razor.rz.scp.css */
body[b-garne9ser4] {
}

.btn-select[b-garne9ser4] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}
.btn-diseable[b-garne9ser4] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-garne9ser4] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}
.scrollable-container[b-garne9ser4] {
    height: calc(100vh - 6.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.content[b-garne9ser4] {
    padding: 10px;
}
.SpaceInterButton[b-garne9ser4] {
    height: 0.50rem;
}

.SpaceInterCard[b-garne9ser4] {
    height: 0.50rem;
}
.Titrelist[b-garne9ser4] {
    font-size: 1rem;
    font-weight:bold;
}

.TexteSize[b-garne9ser4] {
    font-size: 0.85rem;
    margin-left: 0px;
}
.BtTexteSize[b-garne9ser4] {
    font-size: 0.85rem;
    margin-left: 0px;
}


.nodata-avatar[b-garne9ser4] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-garne9ser4] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-garne9ser4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-container[b-garne9ser4] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.doctor-info[b-garne9ser4] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-garne9ser4] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-garne9ser4] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-garne9ser4] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-garne9ser4] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}
/* /Pages/DossierCDS/MonCompte.razor.rz.scp.css */
body[b-r9446qxfb2] {
}
.MoncompteTitle[b-r9446qxfb2] {
    text-align: center;
    margin-top: 50px;
    color: #2c3e50;
    font-size: 1.8rem; /* Taille standardisée */
    font-weight: 600;
}

/* Variables Navigation Retour*/
.header-bar[b-r9446qxfb2] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-r9446qxfb2] {
    display: flex;
    gap: 1rem;
}

.back-button[b-r9446qxfb2] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-r9446qxfb2] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-r9446qxfb2] {
        color: #DF9E63; /* #333; */
    }

h5[b-r9446qxfb2] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/DossierCDS/SpecialiteManager.razor.rz.scp.css */

.btn-select[b-3kdacn7t54] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}

.btn-diseable[b-3kdacn7t54] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-3kdacn7t54] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}

.scrollable-container[b-3kdacn7t54] {
    height: calc(100vh - 6.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.content[b-3kdacn7t54] {
    padding: 10px;
}

.SpaceInterButton[b-3kdacn7t54] {
    height: 0.50rem;
}

.SpaceInterCard[b-3kdacn7t54] {
    height: 0.50rem;
}

.Titrelist[b-3kdacn7t54] {
    font-size: 1rem;
    font-weight: bold;
}

.TexteSize[b-3kdacn7t54] {
    font-size: 0.85rem;
    margin-left: 0px;
}

.BtTexteSize[b-3kdacn7t54] {
    font-size: 0.85rem;
    margin-left: 0px;
}


.nodata-avatar[b-3kdacn7t54] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-3kdacn7t54] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-3kdacn7t54] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-container[b-3kdacn7t54] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.doctor-info[b-3kdacn7t54] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-3kdacn7t54] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-3kdacn7t54] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-3kdacn7t54] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-3kdacn7t54] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}
/* /Pages/DossierConsult/Allergies.razor.rz.scp.css */
body[b-i1dd73yvlr] {
}

.NewAllergie[b-i1dd73yvlr] {
    display: flex;
    justify-content: right;
}

.LastTab[b-i1dd73yvlr] {
    text-align: left;
    background-color: antiquewhite
}


.custom-modal-header[b-i1dd73yvlr] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.Card_Allergie[b-i1dd73yvlr] {
    width: 40rem;
    margin-bottom: 20px;
}

.CardHeader_Allergie[b-i1dd73yvlr] {
    background-color: #026F02;
    color: white;
    opacity: 0.75;
    align-items: start;
}
/* /Pages/DossierConsult/Antecedentfamiliaux.razor.rz.scp.css */
body[b-0hcy7ovq6p] {
}

.BtnSaveToRight[b-0hcy7ovq6p] {
    display: flex;
    justify-content: right;
    align-items:flex-end;
}

.section[b-0hcy7ovq6p] {
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.row[b-0hcy7ovq6p] {
    display: flex;
    justify-content: space-between;
    padding: 5px;
    cursor: pointer;
   
}

    .row:hover[b-0hcy7ovq6p] {
        background-color: #f5f5f5;
    }


.text-blue[b-0hcy7ovq6p] {
    color: #1E4CA1;
    font-weight: bold;
    margin-top: 15px;
}

.chapter_name[b-0hcy7ovq6p] {
    color: black;
    margin-bottom: 10px;
}

.text-name[b-0hcy7ovq6p] {
    color: #1E4CA1;
}


.custom-spacing .col-auto[b-0hcy7ovq6p] {
    margin-right: 10px;
}

.avatar[b-0hcy7ovq6p] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-0hcy7ovq6p] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.custom-control-input:checked ~ .custom-control-label[b-0hcy7ovq6p]::before {
    color: #fff;
    border-color: red;
    background-color: red;
}

.custom-control-input01:checked ~ .custom-control-label[b-0hcy7ovq6p]::before {
    color: #fff;
    border-color: #7B1FA2;
    background-color: #7B1FA2;
}
/* /Pages/DossierConsult/AntecedentMedicaux.razor.rz.scp.css */
body[b-obd1sw0sp9] {
}
.ante-card-compact[b-obd1sw0sp9] {
    background-color: #f8f9fa;
    border-left: 4px solid #1E4CA1;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.ante-header-compact[b-obd1sw0sp9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.ante-title-row[b-obd1sw0sp9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-grow: 1;
}

    .ante-title-row strong[b-obd1sw0sp9] {
        color: #333;
        font-size: 1.05rem;
    }

.statut-badge[b-obd1sw0sp9] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 500;
}

.statut-encours[b-obd1sw0sp9] {
    background-color: #e3f2fd;
    color: #1976d2;
}

.statut-remission[b-obd1sw0sp9] {
    background-color: #e8f5e9;
    color: #388e3c;
}

.statut-termine[b-obd1sw0sp9] {
    background-color: #c8e6c9;
    color: #2e7d32;
}

.ante-detail-row[b-obd1sw0sp9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    color: #555;
    font-size: 0.95rem;
}

.ante-info-item[b-obd1sw0sp9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .ante-info-item i[b-obd1sw0sp9] {
        color: #1E4CA1;
        width: 18px;
    }

.medecin-non-renseigne[b-obd1sw0sp9] {
    color: #999;
    font-style: italic;
}

.btn-group-ante[b-obd1sw0sp9] {
    display: flex;
    gap: 0.5rem;
}
.custom-modal-header[b-obd1sw0sp9] {
    background-color: red; /* rgb(0,108,125) !important;  Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

/* /Pages/DossierConsult/ConsultPatient.razor.rz.scp.css */
body[b-p25geihnui] {
}

.Tabtitre[b-p25geihnui] {
    display: flex;
    justify-content: left;
    width:15rem;
}
.LastTab[b-p25geihnui] {
    text-align: left;
    margin-top: 2rem;
    border-radius: 5%;
    background: #07a6a1 !important;
    color: white;
    font-size:0.8rem;
}

.section-container[b-p25geihnui] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* Variables Navigation Retour*/
.header-bar[b-p25geihnui] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-p25geihnui] {
    display: flex;
    gap: 1rem;
}

.back-button[b-p25geihnui] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-p25geihnui] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-p25geihnui] {
        color: #DF9E63; /* #333; */
    }

h5[b-p25geihnui] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.confirm-custom-header[b-p25geihnui] {
    background-color: rgb(0,108,125) !important;
    color: white !important;
}
.SpaceInterCard[b-p25geihnui] {
    height: 1.5rem;
    color: #0056B3;
}
/* /Pages/DossierConsult/ExternalDocPatient.razor.rz.scp.css */
body[b-jqpvj79uzw] {
    background-color: #f8f9fa !important
}

.p-4[b-jqpvj79uzw] {
    padding: 1.5rem !important;
}

.mb-0[b-jqpvj79uzw], .my-0[b-jqpvj79uzw] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-jqpvj79uzw] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-jqpvj79uzw] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-jqpvj79uzw] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-jqpvj79uzw] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-jqpvj79uzw] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-jqpvj79uzw] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-jqpvj79uzw] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-jqpvj79uzw] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-jqpvj79uzw] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-jqpvj79uzw] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-jqpvj79uzw] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-jqpvj79uzw] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-jqpvj79uzw] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-jqpvj79uzw] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-jqpvj79uzw] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-jqpvj79uzw] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-jqpvj79uzw] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-jqpvj79uzw] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-jqpvj79uzw] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-jqpvj79uzw] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-jqpvj79uzw] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-jqpvj79uzw] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-jqpvj79uzw] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-jqpvj79uzw] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-jqpvj79uzw] {
    background-color: #ffffff !important;
}

.p-4[b-jqpvj79uzw] {
    padding: 1.5rem !important;
}

.mb-0[b-jqpvj79uzw], .my-0[b-jqpvj79uzw] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-jqpvj79uzw] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-jqpvj79uzw] {
    margin-right: 20px;
}

table[b-jqpvj79uzw] {
    border-collapse: collapse;
    width: 100%;
}

th[b-jqpvj79uzw], td[b-jqpvj79uzw] {
    padding: 8px;
    text-align: left;
    
}

tr:hover[b-jqpvj79uzw] {
    background-color: #D6EEEE;
}

bg-imgResultat[b-jqpvj79uzw] {
    background-color: #1e4ca1 !important;
}

[b-jqpvj79uzw] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-jqpvj79uzw] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Medecin[b-jqpvj79uzw] {
    background: #1e4ca1 !important;
    padding: 0.75rem 1rem;
    border: none;
    color: white;
    font-size: 1rem;
}

.Header_Text[b-jqpvj79uzw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
   
}

    .Header_Text i[b-jqpvj79uzw] {
        font-size: 1rem;
        opacity: 0.9;
    }


.avatar[b-jqpvj79uzw] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.doctor-avatar[b-jqpvj79uzw] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-jqpvj79uzw] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.nodata-avatar[b-jqpvj79uzw] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-jqpvj79uzw] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-jqpvj79uzw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-modal-header[b-jqpvj79uzw] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierConsult/Groupesanguin.razor.rz.scp.css */
body[b-mxxm7wrrw1] {
}


.section[b-mxxm7wrrw1] {
    padding-bottom: 1px;
    margin-bottom: 1px;
}

.row[b-mxxm7wrrw1] {
    display: flex;
    justify-content: space-between;
    padding: 2px;
    cursor: pointer;
}

    .row:hover[b-mxxm7wrrw1] {
        background-color: #C6C6C6;
    }


.text-blue[b-mxxm7wrrw1] {
    color: #1E4CA1;
    font-weight: bold;
    margin-top: 2px;
}

.chapter_name[b-mxxm7wrrw1] {
    color: black;
    margin-bottom: 10px;
}

.text-name[b-mxxm7wrrw1] {
    color: #1E4CA1;
}


.custom-spacing .col-auto[b-mxxm7wrrw1] {
    margin-right: 10px;
}

.avatar[b-mxxm7wrrw1] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-mxxm7wrrw1] {
    width: 25px;
    height: 25px;
    border-radius: 50%;
}

.custom-control-input:checked ~ .custom-control-label[b-mxxm7wrrw1]::before {
    color: #fff;
    border-color: red;
    background-color: red;
}

.custom-control-input01:checked ~ .custom-control-label[b-mxxm7wrrw1]::before {
    color: #fff;
    border-color: #7B1FA2;
    background-color: #7B1FA2;
}
/* /Pages/DossierConsult/ResultatExamenBioPatient.razor.rz.scp.css */
.Rdvconsult-section[b-e3vj78d6o6] {
    padding: 1rem;
}

.section-title[b-e3vj78d6o6] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.SpaceInterCard[b-e3vj78d6o6] {
    height: 1.5rem;
}

.Rdvconsult-container[b-e3vj78d6o6] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-e3vj78d6o6]::-webkit-scrollbar {
        display: none;
    }

[b-e3vj78d6o6] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-e3vj78d6o6] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-e3vj78d6o6] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-e3vj78d6o6] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-e3vj78d6o6] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-e3vj78d6o6] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-e3vj78d6o6] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-e3vj78d6o6] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-e3vj78d6o6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-e3vj78d6o6] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-e3vj78d6o6] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-e3vj78d6o6] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-e3vj78d6o6] {
        font-size: 1rem;
    }

    .patient-info p[b-e3vj78d6o6] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-e3vj78d6o6] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/DossierConsult/ResultatExamenPatient.razor.rz.scp.css */
body[b-d8qtbmjeg0] {
}
.Rdvconsult-section[b-d8qtbmjeg0] {
    padding: 0.25rem 1rem;
}

.section-title[b-d8qtbmjeg0] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.Rdvconsult-container[b-d8qtbmjeg0] {
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-d8qtbmjeg0]::-webkit-scrollbar {
        display: none;
    }

[b-d8qtbmjeg0] .Rdvconsult-card {
    min-width: 280px;
    max-width: 50rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-d8qtbmjeg0] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-d8qtbmjeg0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-d8qtbmjeg0] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-d8qtbmjeg0] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-d8qtbmjeg0] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-d8qtbmjeg0] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-d8qtbmjeg0] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-d8qtbmjeg0] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-d8qtbmjeg0] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-d8qtbmjeg0] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-d8qtbmjeg0] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-d8qtbmjeg0] {
        font-size: 1rem;
    }

    .patient-info p[b-d8qtbmjeg0] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-d8qtbmjeg0] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/DossierConsult/ResultatExamenRadioPatient.razor.rz.scp.css */
.Rdvconsult-section[b-4cyked3lxg] {
    padding: 1rem;
}

.section-title[b-4cyked3lxg] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.SpaceInterCard[b-4cyked3lxg] {
    height: 1.5rem;
}

.Rdvconsult-container[b-4cyked3lxg] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-4cyked3lxg]::-webkit-scrollbar {
        display: none;
    }

[b-4cyked3lxg] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-4cyked3lxg] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-4cyked3lxg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-4cyked3lxg] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-4cyked3lxg] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-4cyked3lxg] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-4cyked3lxg] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-4cyked3lxg] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-4cyked3lxg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-4cyked3lxg] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-4cyked3lxg] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-4cyked3lxg] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-4cyked3lxg] {
        font-size: 1rem;
    }

    .patient-info p[b-4cyked3lxg] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-4cyked3lxg] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/DossierConsult/ResultatExamenRadioPatientOld.razor.rz.scp.css */
.Rdvconsult-section[b-ormahdopgt] {
    padding: 1rem;
}

.section-title[b-ormahdopgt] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}


.Rdvconsult-container[b-ormahdopgt] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-ormahdopgt]::-webkit-scrollbar {
        display: none;
    }

[b-ormahdopgt] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-ormahdopgt] .date-time-header {
    background: #07a6a1; 
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-ormahdopgt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-ormahdopgt] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-ormahdopgt] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-ormahdopgt] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-ormahdopgt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-ormahdopgt] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-ormahdopgt] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-ormahdopgt] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-ormahdopgt] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-ormahdopgt] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-ormahdopgt] {
        font-size: 1rem;
    }

    .patient-info p[b-ormahdopgt] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-ormahdopgt] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/DossierConsult/TraitementPatient.razor.rz.scp.css */
body[b-ubdbvjakj4] {
}

.ActuSante[b-ubdbvjakj4] {
    margin-top: 0.50rem;
    font-size: 16px;
    font-weight: bold;
}

.NewTraitement[b-ubdbvjakj4] {
    margin-left: 22rem;
}
.modal-header[b-ubdbvjakj4] {
    background-color: #007bff;
    color: white;
}

    .modal-header .close[b-ubdbvjakj4] {
        color: red;
    }

.file-upload-group[b-ubdbvjakj4] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .file-upload-group .file-info[b-ubdbvjakj4] {
        margin-top: 5px;
        font-weight: bold;
    }

.custom-modal-header[b-ubdbvjakj4] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
.Card_Traitement[b-ubdbvjakj4] {
    margin-top: 10px;
}
.CardHeader_Traitement[b-ubdbvjakj4] {
    background-color: #439068;
    color: white;
}
/* /Pages/DossierConsult/Vaccination.razor.rz.scp.css */
body[b-9fl5hl69ma] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}


.medecin_area[b-9fl5hl69ma] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}

.pharmacie_area[b-9fl5hl69ma] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}

.Coneils_area[b-9fl5hl69ma] {
    background: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}


.Vaccin_area[b-9fl5hl69ma] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}



.p-4[b-9fl5hl69ma] {
    padding: 1.5rem !important;
}

.mb-0[b-9fl5hl69ma], .my-0[b-9fl5hl69ma] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-9fl5hl69ma] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.avatar[b-9fl5hl69ma] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.custom-modal-header[b-9fl5hl69ma] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierExternalDoc/ExternalDocView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-7ejrffslxw] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-7ejrffslxw] {
    display: flex;
    gap: 1rem;
}

.back-button[b-7ejrffslxw] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-7ejrffslxw] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-7ejrffslxw] {
        color: #DF9E63; /* #333; */
    }

h5[b-7ejrffslxw] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.section-container[b-7ejrffslxw] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.nodata-avatar[b-7ejrffslxw] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-7ejrffslxw] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-7ejrffslxw] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/DossierExternalDoc/PatientExternalDoc.razor.rz.scp.css */
body[b-3igvs5vu9l] {
    background-color: #f8f9fa !important
}

.p-4[b-3igvs5vu9l] {
    padding: 1.5rem !important;
}

.mb-0[b-3igvs5vu9l], .my-0[b-3igvs5vu9l] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-3igvs5vu9l] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-3igvs5vu9l] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-3igvs5vu9l] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-3igvs5vu9l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-3igvs5vu9l] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-3igvs5vu9l] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-3igvs5vu9l] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-3igvs5vu9l] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-3igvs5vu9l] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-3igvs5vu9l] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-3igvs5vu9l] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-3igvs5vu9l] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-3igvs5vu9l] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-3igvs5vu9l] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-3igvs5vu9l] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-3igvs5vu9l] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-3igvs5vu9l] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-3igvs5vu9l] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-3igvs5vu9l] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-3igvs5vu9l] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-3igvs5vu9l] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-3igvs5vu9l] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-3igvs5vu9l] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-3igvs5vu9l] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-3igvs5vu9l] {
    background-color: #ffffff !important;
}

.p-4[b-3igvs5vu9l] {
    padding: 1.5rem !important;
}

.mb-0[b-3igvs5vu9l], .my-0[b-3igvs5vu9l] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-3igvs5vu9l] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-3igvs5vu9l] {
    margin-right: 20px;
}

table[b-3igvs5vu9l] {
    border-collapse: collapse;
    width: 100%;
}

th[b-3igvs5vu9l], td[b-3igvs5vu9l] {
    padding: 8px;
    text-align: left;
    
}

tr:hover[b-3igvs5vu9l] {
    background-color: #D6EEEE;
}

bg-imgResultat[b-3igvs5vu9l] {
    background-color: #1e4ca1 !important;
}

[b-3igvs5vu9l] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-3igvs5vu9l] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Medecin[b-3igvs5vu9l] {
    background: #1e4ca1 !important;
    padding: 0.75rem 1rem;
    border: none;
    color: white !important;;
    font-size: 1rem;
}

.Header_Text[b-3igvs5vu9l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white !important;
    ;
}

    .Header_Text i[b-3igvs5vu9l] {
        font-size: 1rem;
        opacity: 0.9;
    }


.avatar[b-3igvs5vu9l] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.doctor-avatar[b-3igvs5vu9l] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-3igvs5vu9l] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.nodata-avatar[b-3igvs5vu9l] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-3igvs5vu9l] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-3igvs5vu9l] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-modal-header[b-3igvs5vu9l] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.scrollable-container[b-3igvs5vu9l] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/DossierExternalDoc/SaveExternalDoc.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-ojt4sts88c] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-ojt4sts88c] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-ojt4sts88c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-ojt4sts88c] {
        font-size: 0.9rem;
    }

h1[b-ojt4sts88c] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.nouveau-resultat[b-ojt4sts88c] {
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.form-group[b-ojt4sts88c] {
    margin-bottom: 20px;
    position: relative; /* Ajout de position relative au conteneur */
}

label[b-ojt4sts88c] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2c3e50;
}

.required[b-ojt4sts88c] {
    color: #e74c3c;
}

.form-control[b-ojt4sts88c] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.2s;
}

    .form-control:focus[b-ojt4sts88c] {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
    }

.form-row[b-ojt4sts88c] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.col-md-4[b-ojt4sts88c] {
    flex: 1;
    min-width: 0;
}


.dropdown-results[b-ojt4sts88c] {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 5px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    top: calc(100% - 10px); 
    left: 0;
}

.dropdown-item[b-ojt4sts88c] {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

    .dropdown-item:hover[b-ojt4sts88c] {
        background-color: #f8f9fa;
    }

    .dropdown-item:last-child[b-ojt4sts88c] {
        border-bottom: none;
    }

.specialite[b-ojt4sts88c] {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-left: 5px;
}

.selected-medecin[b-ojt4sts88c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f0f7fc;
    border: 1px solid #3498db;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.medecin-info[b-ojt4sts88c] {
    display: flex;
    flex-direction: column;
}

.medecin-name[b-ojt4sts88c] {
    font-weight: 500;
    color: #2c3e50;
}

.clear-selection[b-ojt4sts88c] {
    background: none;
    border: none;
    color: #e74c3c;
    cursor: pointer;
    font-size: 16px;
}

.file-upload-container[b-ojt4sts88c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}

.file-info[b-ojt4sts88c] {
    color: #7f8c8d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-upload-button[b-ojt4sts88c] {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #f0f7fc;
    border: 1px solid #3498db;
    border-radius: 4px;
    padding: 8px 15px;
    color: #3498db;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

    .file-upload-button:hover[b-ojt4sts88c] {
        background-color: #e1f0fa;
    }

.ordonnance-details-section[b-ojt4sts88c] {
    background-color: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 8px 8px 0;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .ordonnance-details-section h3[b-ojt4sts88c] {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 1.2rem;
        color: #2c3e50;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 8px;
    }

.form-actions[b-ojt4sts88c] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 30px;
}

.cancel-button[b-ojt4sts88c], .save-button[b-ojt4sts88c] {
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.cancel-button[b-ojt4sts88c] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #7f8c8d;
}

    .cancel-button:hover[b-ojt4sts88c] {
        background-color: #e5e5e5;
    }

.save-button[b-ojt4sts88c] {
    background-color: #2ecc71;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .save-button:hover:not(.disabled)[b-ojt4sts88c] {
        background-color: #27ae60;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .save-button.disabled[b-ojt4sts88c] {
        background-color: #95a5a6;
        cursor: not-allowed;
    }

@media (max-width: 768px) {
    .form-row[b-ojt4sts88c] {
        flex-direction: column;
        gap: 10px;
    }

    .file-upload-container[b-ojt4sts88c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .file-upload-button[b-ojt4sts88c] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .dropdown-results[b-ojt4sts88c] {
        position: absolute;
        width: 100%;
        max-width: calc(100vw - 40px);
    }
}

.file-upload-buttons[b-ojt4sts88c] {
    display: flex;
    gap: 10px;
}

.file-upload-button[b-ojt4sts88c] {
    flex: 1;
}

.camera-button[b-ojt4sts88c] {
    background-color: #17a2b8; /* Cyan/Teal au lieu de vert */
    border: 1px solid #17a2b8;
    color: white;
}

    .camera-button:hover[b-ojt4sts88c] {
        background-color: #138496;
    }
/* /Pages/DossierExternalDoc/ScanExternalDoc.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-0g4cd3ayz5] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-0g4cd3ayz5] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-0g4cd3ayz5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-0g4cd3ayz5] {
        font-size: 0.9rem;
    }

h1[b-0g4cd3ayz5] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.nouveau-resultat[b-0g4cd3ayz5] {
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.form-group[b-0g4cd3ayz5] {
    margin-bottom: 20px;
    position: relative; /* Ajout de position relative au conteneur */
}

label[b-0g4cd3ayz5] {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    color: #2c3e50;
}

.required[b-0g4cd3ayz5] {
    color: #e74c3c;
}

.form-control[b-0g4cd3ayz5] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    transition: border-color 0.2s;
}

    .form-control:focus[b-0g4cd3ayz5] {
        border-color: #3498db;
        outline: none;
        box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2);
    }

.form-row[b-0g4cd3ayz5] {
    display: flex;
    gap: 15px;
    margin-bottom: 20px;
}

.col-md-4[b-0g4cd3ayz5] {
    flex: 1;
    min-width: 0;
}


.dropdown-results[b-0g4cd3ayz5] {
    position: absolute;
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 5px;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    top: calc(100% - 10px); 
    left: 0;
}

.dropdown-item[b-0g4cd3ayz5] {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid #f0f0f0;
}

    .dropdown-item:hover[b-0g4cd3ayz5] {
        background-color: #f8f9fa;
    }

    .dropdown-item:last-child[b-0g4cd3ayz5] {
        border-bottom: none;
    }

.specialite[b-0g4cd3ayz5] {
    color: #7f8c8d;
    font-size: 0.9em;
    margin-left: 5px;
}

.selected-medecin[b-0g4cd3ayz5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f0f7fc;
    border: 1px solid #3498db;
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
}

.medecin-info[b-0g4cd3ayz5] {
    display: flex;
    flex-direction: column;
}

.medecin-name[b-0g4cd3ayz5] {
    font-weight: 500;
    color: #2c3e50;
}

.clear-selection[b-0g4cd3ayz5] {
    background: none;
    border: none;
    color: #e74c3c;
    cursor: pointer;
    font-size: 16px;
}

.file-upload-container[b-0g4cd3ayz5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
}

.file-info[b-0g4cd3ayz5] {
    color: #7f8c8d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-upload-button[b-0g4cd3ayz5] {
    display: flex;
    align-items: center;
    gap: 5px;
    background-color: #f0f7fc;
    border: 1px solid #3498db;
    border-radius: 4px;
    padding: 8px 15px;
    color: #3498db;
    cursor: pointer;
    transition: background-color 0.2s;
    white-space: nowrap;
}

    .file-upload-button:hover[b-0g4cd3ayz5] {
        background-color: #e1f0fa;
    }

.ordonnance-details-section[b-0g4cd3ayz5] {
    background-color: #f8f9fa;
    border-left: 4px solid #3498db;
    border-radius: 0 8px 8px 0;
    padding: 15px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

    .ordonnance-details-section h3[b-0g4cd3ayz5] {
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 1.2rem;
        color: #2c3e50;
        border-bottom: 1px solid #e5e5e5;
        padding-bottom: 8px;
    }

.form-actions[b-0g4cd3ayz5] {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 30px;
}

.cancel-button[b-0g4cd3ayz5], .save-button[b-0g4cd3ayz5] {
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.2s;
}

.cancel-button[b-0g4cd3ayz5] {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    color: #7f8c8d;
}

    .cancel-button:hover[b-0g4cd3ayz5] {
        background-color: #e5e5e5;
    }

.save-button[b-0g4cd3ayz5] {
    background-color: #2ecc71;
    border: none;
    color: white;
    display: flex;
    align-items: center;
    gap: 5px;
}

    .save-button:hover:not(.disabled)[b-0g4cd3ayz5] {
        background-color: #27ae60;
        transform: translateY(-1px);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }

    .save-button.disabled[b-0g4cd3ayz5] {
        background-color: #95a5a6;
        cursor: not-allowed;
    }

@media (max-width: 768px) {
    .form-row[b-0g4cd3ayz5] {
        flex-direction: column;
        gap: 10px;
    }

    .file-upload-container[b-0g4cd3ayz5] {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .file-upload-button[b-0g4cd3ayz5] {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .dropdown-results[b-0g4cd3ayz5] {
        position: absolute;
        width: 100%;
        max-width: calc(100vw - 40px);
    }
}

.file-upload-buttons[b-0g4cd3ayz5] {
    display: flex;
    gap: 10px;
}

.file-upload-button[b-0g4cd3ayz5] {
    flex: 1;
}

.camera-button[b-0g4cd3ayz5] {
    background-color: #17a2b8; /* Cyan/Teal au lieu de vert */
    border: 1px solid #17a2b8;
    color: white;
}

    .camera-button:hover[b-0g4cd3ayz5] {
        background-color: #138496;
    }
/* /Pages/DossierPatient/CommunPatientList.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-hn8u58b234] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-hn8u58b234] {
    display: flex;
    gap: 1rem;
}

.back-button[b-hn8u58b234] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-hn8u58b234] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-hn8u58b234] {
        color: #DF9E63; /* #333; */
    }

h5[b-hn8u58b234] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-hn8u58b234] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-hn8u58b234] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-hn8u58b234] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-hn8u58b234] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-hn8u58b234] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-hn8u58b234] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-hn8u58b234] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-hn8u58b234] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-hn8u58b234] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-hn8u58b234] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-hn8u58b234] {
        font-size: 1rem;
    }

    .patient-info p[b-hn8u58b234] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-hn8u58b234] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-hn8u58b234] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-hn8u58b234] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-hn8u58b234] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-hn8u58b234] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-hn8u58b234] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-hn8u58b234] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-hn8u58b234] {
    font-weight: bold
}

.labeloption[b-hn8u58b234] {
    font-style: italic
}

.cdstitle[b-hn8u58b234] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-hn8u58b234] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierPatient/FindPatient.razor.rz.scp.css */
.main-container[b-if0bnj31t3] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container1[b-if0bnj31t3] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.search-panel[b-if0bnj31t3] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header[b-if0bnj31t3] {
    background-color: #5b9bd5;
    color: white;
    padding: 10px 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .header h3[b-if0bnj31t3] {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
    }

.back-button[b-if0bnj31t3] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: #d7d7d7;
}

.search-form[b-if0bnj31t3] {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.search-bar[b-if0bnj31t3] {
    width: 200px;
    background-color: #5b9bd5;
    border-radius: 3px;
    padding: 8px 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

    .search-bar input[b-if0bnj31t3] {
        border: none;
        background: transparent;
        color: white;
        outline: none;
        width: 100%;
        font-size: 14px;
    }

        .search-bar input[b-if0bnj31t3]::placeholder {
            color: white;
            opacity: 1;
        }

.search-icon[b-if0bnj31t3] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}





.form-row[b-if0bnj31t3] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.form-group[b-if0bnj31t3] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .form-group label[b-if0bnj31t3] {
        font-size: 14px;
        margin-bottom: 5px;
        color: #333;
    }

    .form-group input[b-if0bnj31t3],
    .form-group select[b-if0bnj31t3] {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
    }

.select-group[b-if0bnj31t3] {
    flex: 1;
}

.button-group[b-if0bnj31t3] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn-primary[b-if0bnj31t3],
.btn-secondary[b-if0bnj31t3] {
    padding: 8px 15px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.btn-primary[b-if0bnj31t3] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-primary:hover[b-if0bnj31t3] {
        background-color: #4a8bc6;
    }

    .btn-primary:disabled[b-if0bnj31t3] {
        background-color: #9cc2e5;
        cursor: not-allowed;
    }

.btn-secondary[b-if0bnj31t3] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-if0bnj31t3] {
        background-color: #4a8bc6;
    }

.doctor-image[b-if0bnj31t3] {
    width: 35%;
    padding: 15px;
}

    .doctor-image img[b-if0bnj31t3] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.error-message[b-if0bnj31t3] {
    background-color: #ffebee;
    color: #d32f2f;
    padding: 10px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 14px;
}

.loading-indicator[b-if0bnj31t3] {
    text-align: center;
    padding: 10px;
    color: #5b9bd5;
    font-size: 14px;
}

/* Modification pour correspondre exactement � l'image */
@media (min-width: 768px) {
    .search-form[b-if0bnj31t3] {
        width: 65%;
        float: left;
    }

    .doctor-image[b-if0bnj31t3] {
        width: 35%;
        float: right;
    }

    .search-panel[b-if0bnj31t3] {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    .header[b-if0bnj31t3] {
        width: 100%;
    }
}

/* Ajustement pour les petits �crans */
@media (max-width: 767px) {
    .search-form[b-if0bnj31t3] {
        width: 100%;
    }

    .doctor-image[b-if0bnj31t3] {
        width: 100%;
        text-align: center;
    }

        .doctor-image img[b-if0bnj31t3] {
            max-width: 300px;
        }
}
/* /Pages/DossierPatient/FindPatientResult.razor.rz.scp.css */
.results-page[b-pj7lqpro1o] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.results-page1[b-pj7lqpro1o] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.section-container[b-pj7lqpro1o] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}



/* Variables Navigation Retour*/
.header-bar[b-pj7lqpro1o] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-pj7lqpro1o] {
    display: flex;
    gap: 1rem;
}

.back-button[b-pj7lqpro1o] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-pj7lqpro1o] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-pj7lqpro1o] {
        color: #DF9E63; /* #333; */
    }

h5[b-pj7lqpro1o] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.patient-card[b-pj7lqpro1o] {
    background: white;
    margin: 1rem;
    max-width:45rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header[b-pj7lqpro1o] {
    background-color: #26509c;
    padding: 0.8rem 1rem;
}

    .card-header h2[b-pj7lqpro1o] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.patient-profile[b-pj7lqpro1o] {
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
}

.patient-photo[b-pj7lqpro1o] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .patient-photo img[b-pj7lqpro1o] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.patient-info h3[b-pj7lqpro1o] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.specialty[b-pj7lqpro1o] {
    margin: 0.2rem 0;
    font-size: 0.9rem;
    color: #666;
}

.contact-details[b-pj7lqpro1o] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.3rem;
    padding: 0;
}

.info-item[b-pj7lqpro1o] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 0.9rem;
}

    .info-item i[b-pj7lqpro1o] {
        color: #666;
        font-size: 1rem;
    }

.contact-row[b-pj7lqpro1o] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

.action-buttons[b-pj7lqpro1o] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-modify[b-pj7lqpro1o], .btn-appointment[b-pj7lqpro1o], .btn-secondary[b-pj7lqpro1o] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
}

.btn-modify[b-pj7lqpro1o] {
    background-color: #e0e0e0;
    color: #333;
}

.btn-appointment[b-pj7lqpro1o] {
    background-color: #0072bc;
    color: white;
}

.btn-secondary[b-pj7lqpro1o] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-pj7lqpro1o] {
        background-color: #4a8bc6;
    }

@media (min-width: 576px) {
    .contact-row[b-pj7lqpro1o] {
        flex-direction: row;
        gap: 2rem;
    }

    .patient-photo[b-pj7lqpro1o] {
        width: 100px;
        height: 100px;
    }

    .patient-info h3[b-pj7lqpro1o] {
        font-size: 1.2rem;
    }

    .specialty[b-pj7lqpro1o] {
        font-size: 1rem;
    }
}
/* /Pages/DossierPatient/PatientList.razor.rz.scp.css */
body[b-oy1klam8cm] {
}

/* Variables Navigation Retour*/
.header-bar[b-oy1klam8cm] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-oy1klam8cm] {
    display: flex;
    gap: 1rem;
}

.back-button[b-oy1klam8cm] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-oy1klam8cm] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-oy1klam8cm] {
        color: #DF9E63; /* #333; */
    }

h5[b-oy1klam8cm] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.NewPatient[b-oy1klam8cm] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-oy1klam8cm] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-oy1klam8cm] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-oy1klam8cm] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-oy1klam8cm] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-oy1klam8cm] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-oy1klam8cm] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-oy1klam8cm] {
        font-size: 1rem;
    }

    .patient-info p[b-oy1klam8cm] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-oy1klam8cm] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-oy1klam8cm] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-oy1klam8cm] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-oy1klam8cm] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-oy1klam8cm] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-oy1klam8cm] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-oy1klam8cm] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .section-container[b-oy1klam8cm]   {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/DossierPatient/RechercheAllPatient.razor.rz.scp.css */

body[b-oafa7w5g6k] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}

*[b-oafa7w5g6k] {
    box-sizing: border-box;
}

/* Variables Navigation Retour*/
.header-bar[b-oafa7w5g6k] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-oafa7w5g6k] {
    display: flex;
    gap: 1rem;
}

.back-button[b-oafa7w5g6k] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-oafa7w5g6k] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-oafa7w5g6k] {
        color: #DF9E63; /* #333; */
    }

h5[b-oafa7w5g6k] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.input-container[b-oafa7w5g6k] {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon[b-oafa7w5g6k] {
    padding: 0px;
    text-align: center;
    /* background: dodgerblue;
    min-width: 50px;*/
}

.input-field[b-oafa7w5g6k] {
    width: 100%;
    padding: 10px;
    outline: none;
}

    .input-field:focus[b-oafa7w5g6k] {
        border: 2px solid dodgerblue;
    }

/* Set a style for the submit button */
.btn[b-oafa7w5g6k] {
    background-color: dodgerblue;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

    .btn:hover[b-oafa7w5g6k] {
        opacity: 1;
    }


.p-4[b-oafa7w5g6k] {
    padding: 1.5rem !important;
}

.mb-0[b-oafa7w5g6k], .my-0[b-oafa7w5g6k] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-oafa7w5g6k] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-oafa7w5g6k] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-oafa7w5g6k] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-oafa7w5g6k] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-oafa7w5g6k] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-oafa7w5g6k] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-oafa7w5g6k] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-oafa7w5g6k] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-oafa7w5g6k] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-oafa7w5g6k] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-oafa7w5g6k] {
    color: #969696;
}

.section-container[b-oafa7w5g6k] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

/* Candidate List */
.candidate-list[b-oafa7w5g6k] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-oafa7w5g6k] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-oafa7w5g6k] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-oafa7w5g6k] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-oafa7w5g6k] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-oafa7w5g6k] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-oafa7w5g6k] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-oafa7w5g6k] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-oafa7w5g6k] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-oafa7w5g6k] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-oafa7w5g6k] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 16px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-oafa7w5g6k] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-oafa7w5g6k] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-oafa7w5g6k] {
    background-color: #ffffff !important;
}

.p-4[b-oafa7w5g6k] {
    padding: 1.5rem !important;
}

.mb-0[b-oafa7w5g6k], .my-0[b-oafa7w5g6k] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-oafa7w5g6k] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-oafa7w5g6k] {
    margin-right: 20px;
}

.avatar[b-oafa7w5g6k] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-oafa7w5g6k] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

p.thicker[b-oafa7w5g6k] {
    font-weight: 900;
}
.CallNum[b-oafa7w5g6k] {
    font-weight: bold;
}



[b-oafa7w5g6k] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-oafa7w5g6k] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
    opacity: 0.75;
}

.Header_Text[b-oafa7w5g6k] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-oafa7w5g6k] {
        font-size: 1rem;
        opacity: 0.9;
    }


.doctor-avatar[b-oafa7w5g6k] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-oafa7w5g6k] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.Patient-container[b-oafa7w5g6k] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar[b-oafa7w5g6k] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-oafa7w5g6k] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-oafa7w5g6k] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewPatient[b-oafa7w5g6k] {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.doctor-info[b-oafa7w5g6k] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    justify-content: left;
}



.patient-info[b-oafa7w5g6k] {
    display: flex;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-oafa7w5g6k] {
        font-size: 1rem;
    }

    .patient-info p[b-oafa7w5g6k] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.patient-details[b-oafa7w5g6k] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
    justify-content: left;
    text-align: left;
}
    .patient-details h3[b-oafa7w5g6k] {
        font-size: 1rem;
        font-weight: 600;
        color: #1E2F58;
        margin: 0;
        justify-content: left;
    }
.patient-adr[b-oafa7w5g6k] {
    align-items: baseline;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
    justify-content: normal;
    margin: 5px;
    text-align: left;
}
/* /Pages/DossierPatient/RecherchePatientById.razor.rz.scp.css */

body[b-cpi5lxx13y] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}
/* Variables Navigation Retour*/
.header-bar[b-cpi5lxx13y] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-cpi5lxx13y] {
    display: flex;
    gap: 1rem;
}

.back-button[b-cpi5lxx13y] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-cpi5lxx13y] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-cpi5lxx13y] {
        color: #DF9E63;  /* #333; */
    }

h5[b-cpi5lxx13y] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

*[b-cpi5lxx13y] {
    box-sizing: border-box;
}

.input-container[b-cpi5lxx13y] {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon[b-cpi5lxx13y] {
    padding: 0px;
    text-align: center;
    /* background: dodgerblue;
    min-width: 50px;*/
}

.input-field[b-cpi5lxx13y] {
    width: 100%;
    padding: 10px;
    outline: none;
}

    .input-field:focus[b-cpi5lxx13y] {
        border: 2px solid dodgerblue;
    }

/* Set a style for the submit button */
.btn[b-cpi5lxx13y] {
    background-color: dodgerblue;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

    .btn:hover[b-cpi5lxx13y] {
        opacity: 1;
    }


.p-4[b-cpi5lxx13y] {
    padding: 1.5rem !important;
}

.mb-0[b-cpi5lxx13y], .my-0[b-cpi5lxx13y] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-cpi5lxx13y] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-cpi5lxx13y] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-cpi5lxx13y] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-cpi5lxx13y] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-cpi5lxx13y] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-cpi5lxx13y] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-cpi5lxx13y] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-cpi5lxx13y] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-cpi5lxx13y] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-cpi5lxx13y] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-cpi5lxx13y] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-cpi5lxx13y] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-cpi5lxx13y] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-cpi5lxx13y] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-cpi5lxx13y] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-cpi5lxx13y] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-cpi5lxx13y] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-cpi5lxx13y] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-cpi5lxx13y] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-cpi5lxx13y] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-cpi5lxx13y] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-cpi5lxx13y] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 16px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-cpi5lxx13y] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-cpi5lxx13y] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-cpi5lxx13y] {
    background-color: #ffffff !important;
}

.p-4[b-cpi5lxx13y] {
    padding: 1.5rem !important;
}

.mb-0[b-cpi5lxx13y], .my-0[b-cpi5lxx13y] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-cpi5lxx13y] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-cpi5lxx13y] {
    margin-right: 20px;
}

.avatar[b-cpi5lxx13y] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-cpi5lxx13y] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

p.thicker[b-cpi5lxx13y] {
    font-weight: 900;
}
.CallNum[b-cpi5lxx13y] {
    font-weight: bold;
}


[b-cpi5lxx13y] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-cpi5lxx13y] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-cpi5lxx13y] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-cpi5lxx13y] {
        font-size: 1rem;
        opacity: 0.9;
    }


.doctor-avatar[b-cpi5lxx13y] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-cpi5lxx13y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
/* /Pages/DossierPatient/RecherchePatientByName.razor.rz.scp.css */

body[b-s3v3dn09ub] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}
/* Variables Navigation Retour*/
.header-bar[b-s3v3dn09ub] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-s3v3dn09ub] {
    display: flex;
    gap: 1rem;
}

.back-button[b-s3v3dn09ub] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-s3v3dn09ub] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-s3v3dn09ub] {
        color: #DF9E63;  /* #333; */
    }

h5[b-s3v3dn09ub] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

*[b-s3v3dn09ub] {
    box-sizing: border-box;
}

.input-container[b-s3v3dn09ub] {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon[b-s3v3dn09ub] {
    padding: 0px;
    text-align: center;
    /* background: dodgerblue;
    min-width: 50px;*/
}

.input-field[b-s3v3dn09ub] {
    width: 100%;
    padding: 10px;
    outline: none;
}

    .input-field:focus[b-s3v3dn09ub] {
        border: 2px solid dodgerblue;
    }

/* Set a style for the submit button */
.btn[b-s3v3dn09ub] {
    background-color: dodgerblue;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

    .btn:hover[b-s3v3dn09ub] {
        opacity: 1;
    }


.p-4[b-s3v3dn09ub] {
    padding: 1.5rem !important;
}

.mb-0[b-s3v3dn09ub], .my-0[b-s3v3dn09ub] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-s3v3dn09ub] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-s3v3dn09ub] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-s3v3dn09ub] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-s3v3dn09ub] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-s3v3dn09ub] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-s3v3dn09ub] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-s3v3dn09ub] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-s3v3dn09ub] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-s3v3dn09ub] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-s3v3dn09ub] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-s3v3dn09ub] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-s3v3dn09ub] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-s3v3dn09ub] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-s3v3dn09ub] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-s3v3dn09ub] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-s3v3dn09ub] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-s3v3dn09ub] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-s3v3dn09ub] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-s3v3dn09ub] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-s3v3dn09ub] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-s3v3dn09ub] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-s3v3dn09ub] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 16px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-s3v3dn09ub] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-s3v3dn09ub] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-s3v3dn09ub] {
    background-color: #ffffff !important;
}

.p-4[b-s3v3dn09ub] {
    padding: 1.5rem !important;
}

.mb-0[b-s3v3dn09ub], .my-0[b-s3v3dn09ub] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-s3v3dn09ub] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-s3v3dn09ub] {
    margin-right: 20px;
}

.avatar[b-s3v3dn09ub] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-s3v3dn09ub] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

p.thicker[b-s3v3dn09ub] {
    font-weight: 900;
}
.CallNum[b-s3v3dn09ub] {
    font-weight: bold;
}

.Medecin-card[b-s3v3dn09ub] {
    min-width: 280px;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-s3v3dn09ub] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    display: flex;
    flex-direction: column;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-s3v3dn09ub] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-s3v3dn09ub] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-s3v3dn09ub] {
        font-size: 1rem;
        opacity: 0.9;
    }


.doctor-avatar[b-s3v3dn09ub] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-s3v3dn09ub] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.Patient-container[b-s3v3dn09ub] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar[b-s3v3dn09ub] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-s3v3dn09ub] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-s3v3dn09ub] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.NewPatient[b-s3v3dn09ub] {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.doctor-info[b-s3v3dn09ub] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
    justify-content: left;
}



.patient-info[b-s3v3dn09ub] {
    display: flex;
    align-items: flex-start;
    text-align: left;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-s3v3dn09ub] {
        font-size: 1rem;
    }

    .patient-info p[b-s3v3dn09ub] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.patient-details[b-s3v3dn09ub] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
    justify-content: left;
    text-align: left;
}

    .patient-details h3[b-s3v3dn09ub] {
        font-size: 1rem;
        font-weight: 600;
        color: #1E2F58;
        margin: 0;
        justify-content: left;
    }

.patient-adr[b-s3v3dn09ub] {
    align-items: baseline;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
    justify-content: normal;
    margin: 5px;
    text-align: left;
}
/* /Pages/DossierPatient/RepartitionPatient.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-bxu5l1nx5p] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-bxu5l1nx5p] {
    display: flex;
    gap: 1rem;
}

.back-button[b-bxu5l1nx5p] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-bxu5l1nx5p] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-bxu5l1nx5p] {
        color: #DF9E63; /* #333; */
    }

h5[b-bxu5l1nx5p] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-bxu5l1nx5p] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-bxu5l1nx5p] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-bxu5l1nx5p] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-bxu5l1nx5p] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-bxu5l1nx5p] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-bxu5l1nx5p] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-bxu5l1nx5p] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-bxu5l1nx5p] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-bxu5l1nx5p] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-bxu5l1nx5p] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-bxu5l1nx5p] {
        font-size: 1rem;
    }

    .patient-info p[b-bxu5l1nx5p] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-bxu5l1nx5p] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-bxu5l1nx5p] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-bxu5l1nx5p] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-bxu5l1nx5p] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-bxu5l1nx5p] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-bxu5l1nx5p] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-bxu5l1nx5p] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-bxu5l1nx5p] {
    font-weight: bold
}

.labeloption[b-bxu5l1nx5p] {
    font-style: italic
}

.cdstitle[b-bxu5l1nx5p] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-bxu5l1nx5p] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.content[b-bxu5l1nx5p] {
    padding: 10px;
}

.SpaceInterButton[b-bxu5l1nx5p] {
    height: 0.50rem;
}

.SpaceInterCard[b-bxu5l1nx5p] {
    height: 0.50rem;
}

.Titrelist[b-bxu5l1nx5p] {
    font-size: 1rem;
    font-weight: bold;
}

.TexteSize[b-bxu5l1nx5p] {
    font-size: 0.85rem;
    margin-left: 0px;
}

.BtTexteSize[b-bxu5l1nx5p] {
    font-size: 0.85rem;
    margin-left: 0px;
}
.btn-select[b-bxu5l1nx5p] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}

.btn-diseable[b-bxu5l1nx5p] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-bxu5l1nx5p] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}

/* /Pages/DossierPatient/ShowPatientInfo.razor.rz.scp.css */
.patient-info-container[b-16xhqtmt4y] {
    max-width: 900px;
    margin: 20px auto;
    padding: 0 15px;
}

.card[b-16xhqtmt4y] {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.card-header[b-16xhqtmt4y] {
    background-color: #4267B2;
    color: white;
    padding: 15px 20px;
}

    .card-header h2[b-16xhqtmt4y] {
        margin: 0;
        font-size: 1.5rem;
    }

.loading-container[b-16xhqtmt4y] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.no-data-container[b-16xhqtmt4y] {
    text-align: center;
    padding: 40px 20px;
}

.no-data-image[b-16xhqtmt4y] {
    max-width: 150px;
    margin-bottom: 20px;
}

.patient-profile[b-16xhqtmt4y] {
    display: flex;
    padding: 20px;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.patient-photo[b-16xhqtmt4y] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    flex-shrink: 0;
}

    .patient-photo img[b-16xhqtmt4y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.patient-info h3[b-16xhqtmt4y] {
    margin: 0 0 5px 0;
    font-size: 1.4rem;
    color: #333;
}

.specialty[b-16xhqtmt4y] {
    margin: 0;
    color: #666;
    font-size: 1rem;
}

.contact-details[b-16xhqtmt4y] {
    padding: 20px;
    border-bottom: 1px solid #eee;
}

.info-item[b-16xhqtmt4y] {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

    .info-item i[b-16xhqtmt4y] {
        color: #4267B2;
        margin-right: 15px;
        font-size: 1.2rem;
        width: 20px;
        text-align: center;
    }

.contact-row[b-16xhqtmt4y] {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.action-buttons[b-16xhqtmt4y] {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    gap: 15px;
}

.btn-modify[b-16xhqtmt4y], .btn-appointment[b-16xhqtmt4y], .btn-delete[b-16xhqtmt4y] {
    padding: 10px 15px;
    border-radius: 4px;
    font-weight: 500;
    text-align: center;
    cursor: pointer;
    border: none;
    flex: 1;
    min-width: 120px;
}

.btn-modify[b-16xhqtmt4y] {
    background-color: #6c757d;
    color: white;
}

.btn-appointment[b-16xhqtmt4y] {
    background-color: #0d6efd;
    color: white;
}

.btn-delete[b-16xhqtmt4y] {
    background-color: #dc3545;
    color: white;
}

.modal-backdrop[b-16xhqtmt4y] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1050;
}

.confirm-dialog[b-16xhqtmt4y] {
    background-color: white;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    overflow: hidden;
}

.confirm-header[b-16xhqtmt4y] {
    background-color: #f8f9fa;
    padding: 15px 20px;
    border-bottom: 1px solid #dee2e6;
}

    .confirm-header h4[b-16xhqtmt4y] {
        margin: 0;
        color: #333;
    }

.confirm-body[b-16xhqtmt4y] {
    padding: 20px;
}

.warning-text[b-16xhqtmt4y] {
    color: #dc3545;
    font-weight: 500;
}

.confirm-footer[b-16xhqtmt4y] {
    padding: 15px 20px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    border-top: 1px solid #dee2e6;
    background-color: #f8f9fa;
}

.btn-cancel[b-16xhqtmt4y], .btn-confirm-delete[b-16xhqtmt4y] {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 500;
    cursor: pointer;
    border: none;
}

.btn-cancel[b-16xhqtmt4y] {
    background-color: #6c757d;
    color: white;
}

.btn-confirm-delete[b-16xhqtmt4y] {
    background-color: #dc3545;
    color: white;
}
.btn-secondary[b-16xhqtmt4y] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-16xhqtmt4y] {
        background-color: #4a8bc6;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    .contact-row[b-16xhqtmt4y] {
        flex-direction: column;
        gap: 10px;
    }

    .action-buttons[b-16xhqtmt4y] {
        flex-direction: column;
    }

    .btn-modify[b-16xhqtmt4y], .btn-appointment[b-16xhqtmt4y], .btn-delete[b-16xhqtmt4y] {
        width: 100%;
    }
}
/* /Pages/DossierPharmacie/HistoTraitementList.razor.rz.scp.css */

/* Variables Navigation Retour*/
.header-bar[b-hqvnx8w425] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-hqvnx8w425] {
    display: flex;
    gap: 1rem;
}

.back-button[b-hqvnx8w425] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-hqvnx8w425] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-hqvnx8w425] {
        color: #DF9E63; /* #333; */
    }

h5[b-hqvnx8w425] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-hqvnx8w425] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-hqvnx8w425] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-hqvnx8w425] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.laafi_navbarcolor[b-hqvnx8w425] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-hqvnx8w425] {
    background-color: #1e4ca1 !important;
}


.nodata-avatar[b-hqvnx8w425] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-hqvnx8w425] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-hqvnx8w425] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.form-group[b-hqvnx8w425] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-hqvnx8w425] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-hqvnx8w425],
    .form-group select[b-hqvnx8w425] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-hqvnx8w425],
        .form-group select:focus[b-hqvnx8w425] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }


.SpaceAfterCard[b-hqvnx8w425] {
    height: 3rem;
}
.SpaceInterCard[b-hqvnx8w425] {
    height: 1rem;
}
/* /Pages/DossierPharmacie/MonCompte/ComptePharma.razor.rz.scp.css */

body[b-60y8qgk2jv] {

}

.section[b-60y8qgk2jv] {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.section-container[b-60y8qgk2jv] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.rowcompte[b-60y8qgk2jv] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    margin-left:1px;
}

    .rowcompte:hover[b-60y8qgk2jv] {
        background-color: #f5f5f5;
    }

.deconnexion[b-60y8qgk2jv] {
    color: red;
}


.text-blue[b-60y8qgk2jv] {
    color: #1E4CA1;
    font-weight: bold;
    margin-top: 15px;
}

.chapter_name[b-60y8qgk2jv] {
    color: black;
}

.text-name[b-60y8qgk2jv] {
    color: #1E4CA1;
}


.custom-spacing .col-auto[b-60y8qgk2jv] {
    margin-right: 10px;
}

.deconnexion[b-60y8qgk2jv] {
    color: red;
}


/* Variables Navigation Retour*/
.header-bar[b-60y8qgk2jv] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-60y8qgk2jv] {
    display: flex;
    : center;
    gap: 1rem;
}

.back-button[b-60y8qgk2jv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-60y8qgk2jv] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-60y8qgk2jv] {
        color: #DF9E63; /* #333; */
    }


h1[b-60y8qgk2jv] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/DossierPharmacie/MonCompte/MonProfilPharma.razor.rz.scp.css */
/* Conteneur de la page et zones principales */
.container[b-xuloioj5sq] {
    max-width: 1200px; /* Augmenter la largeur maximale du conteneur */
    margin-top: 20px;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

.section-container[b-xuloioj5sq] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.Vaccin_area[b-xuloioj5sq] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
    border-radius: 8px;
    margin-bottom: 20px;
}


.form-group label[b-xuloioj5sq] {
    font-weight: 500;
    color: #495057;
}

.form-control[b-xuloioj5sq] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.form-control:focus[b-xuloioj5sq] {
    border-color: #80bdff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
}

/* Animation et style pour les boutons */
button.btn[b-xuloioj5sq] {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}



button.btn-success[b-xuloioj5sq] {
    background-color: #28a745;
    color: white;
}

button.btn-danger[b-xuloioj5sq] {
    background-color: #dc3545;
    color: white;
}

button.btn:hover[b-xuloioj5sq] {
    transform: scale(1.05);
}

button:focus[b-xuloioj5sq] {
    outline: none;
}

/* Image de profil */
#imagePreview[b-xuloioj5sq] {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

#imagePreview:hover[b-xuloioj5sq] {
    transform: scale(1.1);
}

button.btn-primary.rounded[b-xuloioj5sq] {
    margin-top: 10px;
    padding: 8px 12px;
}
/* Conteneur de la page et zones principales */

#profileTable[b-xuloioj5sq] {
    border: 1px solid #dee2e6;
    width: 1000px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    font-size: 1.1rem; /* Augmenter la taille du texte pour une meilleure lisibilité */
}

    #profileTable th[b-xuloioj5sq], #profileTable td[b-xuloioj5sq] {
        padding: 15px; /* Augmenter le padding pour agrandir les cellules */
        text-align: left;
    }

    #profileTable th[b-xuloioj5sq] {
        background-color: #f1f3f5;
        color: #343a40;
        font-size: 1.2rem; /* Légèrement plus grand pour les en-têtes */
    }

    #profileTable:hover[b-xuloioj5sq] {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }


@keyframes shake-b-xuloioj5sq {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

.Profil-modal-header[b-xuloioj5sq] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierPharmacie/PatientInfoWithQR.razor.rz.scp.css */

/* Conteneur principal - Largeur limitée et centrée */
.patient-info-container[b-o575grxe3l] {
    max-width: 600px;
    margin: 0 auto;
}

.patient-profile-with-qr[b-o575grxe3l] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1rem;
    gap: 1.5rem; /* Réduit de 2rem à 1.5rem */
}

.patient-details-section[b-o575grxe3l] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex: 1;
}

.patient-photo[b-o575grxe3l] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .patient-photo img[b-o575grxe3l] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.patient-info h3[b-o575grxe3l] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.pathology[b-o575grxe3l] {
    margin: 0.2rem 0;
    font-size: 0.9rem;
    color: #666;
}

.qr-code-section[b-o575grxe3l] {
    flex-shrink: 0;
}

/* QR Code plus compact */
.qr-code-image[b-o575grxe3l] {
    width: 120px; /* Réduit de 150px à 120px */
    height: 120px;
    border: 2px solid #ddd;
    border-radius: 8px;
}

.qr-code-placeholder[b-o575grxe3l] {
    width: 120px; /* Réduit de 150px à 120px */
    height: 120px;
    border: 2px dashed #ddd;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f9f9f9;
}

.contact-details[b-o575grxe3l] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-top: 0.3rem;
    padding: 0 1rem;
}

.info-item[b-o575grxe3l] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2;
    font-size: 0.9rem;
}

.info-Nlaafi[b-o575grxe3l] {
    font-weight: 600;
    margin: 10px;
}

.info-item i[b-o575grxe3l] {
    color: #666;
    font-size: 1rem;
}

.contact-row[b-o575grxe3l] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

.action-buttons[b-o575grxe3l] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
    justify-content: center;
}

/* Boutons plus compacts */
.btn-modify[b-o575grxe3l], .btn-secondary[b-o575grxe3l], .btn-primary[b-o575grxe3l] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
    max-width: 180px; /* Réduit de 200px à 180px */
}

.btn-modify[b-o575grxe3l] {
    background-color: #6c757d;
    color: white;
}

.btn-secondary[b-o575grxe3l] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-o575grxe3l] {
        background-color: #4a8bc6;
    }


.btn-primary[b-o575grxe3l] {
    background-color: #0072bc;
    color: white;
}

    .btn-primary:hover[b-o575grxe3l] {
        background-color: #005fa3;
    }


.loading-container[b-o575grxe3l], .no-data-container[b-o575grxe3l] {
    text-align: center;
    padding: 2rem;
}

.card[b-o575grxe3l] {
    border: 1px solid #eeeeee;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    overflow: hidden;
    background: white;
}

.card-header[b-o575grxe3l] {
    background: #5b9bd5;
    padding: 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-o575grxe3l] {
        color: white;
        font-size: 1.2rem;
        margin: 0;
    }

.back-button[b-o575grxe3l] {
    cursor: pointer;
    color: #5b9bd5;
    font-weight: 600;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

    .back-button:hover[b-o575grxe3l] {
        color: #4a8bc2;
    }

/* Media queries pour responsive */
@@media (max-width: 768px) {
    .patient-info-container[b-o575grxe3l] {
        max-width: 100%;
        margin: 0;
    }

    .patient-profile-with-qr[b-o575grxe3l] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .patient-details-section[b-o575grxe3l] {
        flex-direction: column;
        text-align: center;
    }
}

/* /Pages/DossierPharmacie/PatientNewTraitement.razor.rz.scp.css */
body[b-s7lp71bqyt] {
}

.patient-card[b-s7lp71bqyt] {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

.card-header[b-s7lp71bqyt] {
    background: #439068;  /** #5b9bd5;    background-color: #439068; **/
    padding: 0.75rem 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-s7lp71bqyt] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.search-panel[b-s7lp71bqyt] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.search-form[b-s7lp71bqyt] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.form-group[b-s7lp71bqyt] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-s7lp71bqyt] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-s7lp71bqyt],
    .form-group select[b-s7lp71bqyt] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-s7lp71bqyt],
        .form-group select:focus[b-s7lp71bqyt] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

.search-criteria-row[b-s7lp71bqyt] {
    display: flex;
    gap: 15px;
    align-items: end;
}

    .search-criteria-row .form-group[b-s7lp71bqyt] {
        flex: 1;
    }

.search-icon[b-s7lp71bqyt] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}

.btn-search[b-s7lp71bqyt] {
    background: #5b9bd5;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-search:hover:not(:disabled)[b-s7lp71bqyt] {
        background: #4a8bc2;
    }

    .btn-search:disabled[b-s7lp71bqyt] {
        background: #ccc;
        cursor: not-allowed;
    }

.doctor-image[b-s7lp71bqyt] {
    text-align: center;
    margin-top: 20px;
}

    .doctor-image img[b-s7lp71bqyt] {
        max-width: 150px;
        height: auto;
    }

.error-message[b-s7lp71bqyt] {
    background: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #f5c6cb;
}

.loading-indicator[b-s7lp71bqyt] {
    background: #d1ecf1;
    color: #0c5460;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #bee5eb;
    text-align: center;
}

.back-button[b-s7lp71bqyt] {
    cursor: pointer;
    color: white;
    font-weight: 600;
    margin-bottom: 15px;
}

    .back-button:hover[b-s7lp71bqyt] {
        color: #DF9E63; /* #333; */
    }

.required[b-s7lp71bqyt] {
    color: #dc3545;
}

.SpaceInterCard[b-s7lp71bqyt] {
    height: 1rem;
}

.SpaceAfterCard[b-s7lp71bqyt] {
    height: 3rem;
}


.assistant-titre[b-s7lp71bqyt] {
    padding: 4px;
    border-bottom-width: 1px;
    background: white;
    font-size: 18px;
    line-height: var(--text-lg--line-height); /* calc(1.7*/
    font-weight: 600;
}

.section-body[b-s7lp71bqyt] {
    background: var(--color-gray-100);
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.reponse-title[b-s7lp71bqyt] {
    background: #00a63e;
    color: white; /* Text gray-900 */
    border-radius: 5px;
    max-width: 10rem;
    padding: 4px;
}

.reponse-content[b-s7lp71bqyt] {
    background: #e5e7eb;
    color: #101828; /* Text gray-900 */
    max-width: var(--container-lg);
    border-radius: 5px;
    padding: 10px;
}

.question-content[b-s7lp71bqyt] {
    background: #155dfc;
    color: white; /* Text gray-900 */
    max-width: var(--container-lg);
    border-radius: 5px;
    padding: 5px;
}

.scrollable-container[b-s7lp71bqyt] {
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.search-area[b-s7lp71bqyt] {
    display: flex;
    gap: 15px;
    align-items: end;
    width: 100%
}
.rubrique-titre[b-s7lp71bqyt] {
    background: #5b9bd5;    /** style="background-color:cornflowerblue" **/
    color: white; 
    border-radius: 5px;
    padding: 5px;
}
/* /Pages/DossierPharmacie/PatientReNewTraitement.razor.rz.scp.css */
body[b-jq3khsovvv] {
}

.patient-card[b-jq3khsovvv] {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

.card-header[b-jq3khsovvv] {
    background: #439068;  /** #5b9bd5;    background-color: #439068; **/
    padding: 0.75rem 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-jq3khsovvv] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.search-panel[b-jq3khsovvv] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.search-form[b-jq3khsovvv] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.form-group[b-jq3khsovvv] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-jq3khsovvv] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-jq3khsovvv],
    .form-group select[b-jq3khsovvv] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-jq3khsovvv],
        .form-group select:focus[b-jq3khsovvv] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

.search-criteria-row[b-jq3khsovvv] {
    display: flex;
    gap: 15px;
    align-items: end;
}

    .search-criteria-row .form-group[b-jq3khsovvv] {
        flex: 1;
    }

.search-icon[b-jq3khsovvv] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}

.btn-search[b-jq3khsovvv] {
    background: #5b9bd5;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-search:hover:not(:disabled)[b-jq3khsovvv] {
        background: #4a8bc2;
    }

    .btn-search:disabled[b-jq3khsovvv] {
        background: #ccc;
        cursor: not-allowed;
    }

.doctor-image[b-jq3khsovvv] {
    text-align: center;
    margin-top: 20px;
}

    .doctor-image img[b-jq3khsovvv] {
        max-width: 150px;
        height: auto;
    }

.error-message[b-jq3khsovvv] {
    background: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #f5c6cb;
}

.loading-indicator[b-jq3khsovvv] {
    background: #d1ecf1;
    color: #0c5460;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #bee5eb;
    text-align: center;
}

.back-button[b-jq3khsovvv] {
    cursor: pointer;
    color: white;
    font-weight: 600;
    margin-bottom: 15px;
}

    .back-button:hover[b-jq3khsovvv] {
        color: #DF9E63; /* #333; */
    }

.required[b-jq3khsovvv] {
    color: #dc3545;
}

.SpaceInterCard[b-jq3khsovvv] {
    height: 1rem;
}

.SpaceAfterCard[b-jq3khsovvv] {
    height: 3rem;
}


.assistant-titre[b-jq3khsovvv] {
    padding: 4px;
    border-bottom-width: 1px;
    background: white;
    font-size: 18px;
    line-height: var(--text-lg--line-height); /* calc(1.7*/
    font-weight: 600;
}

.section-body[b-jq3khsovvv] {
    background: var(--color-gray-100);
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.reponse-title[b-jq3khsovvv] {
    background: #00a63e;
    color: white; /* Text gray-900 */
    border-radius: 5px;
    max-width: 10rem;
    padding: 4px;
}

.reponse-content[b-jq3khsovvv] {
    background: #e5e7eb;
    color: #101828; /* Text gray-900 */
    max-width: var(--container-lg);
    border-radius: 5px;
    padding: 10px;
}

.question-content[b-jq3khsovvv] {
    background: #155dfc;
    color: white; /* Text gray-900 */
    max-width: var(--container-lg);
    border-radius: 5px;
    padding: 5px;
}

.scrollable-container[b-jq3khsovvv] {
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.search-area[b-jq3khsovvv] {
    display: flex;
    gap: 15px;
    align-items: end;
    width: 100%
}
.rubrique-titre[b-jq3khsovvv] {
    background: #5b9bd5;    /** style="background-color:cornflowerblue" **/
    color: white; 
    border-radius: 5px;
    padding: 5px;
}
/* /Pages/DossierPharmacie/PatientTreatmentAndConsultList.razor.rz.scp.css */

/* Variables Navigation Retour*/
.header-bar[b-9k1lxm8t4g] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-9k1lxm8t4g] {
    display: flex;
    gap: 1rem;
}

.back-button[b-9k1lxm8t4g] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-9k1lxm8t4g] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-9k1lxm8t4g] {
        color: #DF9E63; /* #333; */
    }

h5[b-9k1lxm8t4g] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-9k1lxm8t4g] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    /*min-height: calc(100vh - 5.5rem); **/
}

.section-container[b-9k1lxm8t4g] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    /** min-height: calc(100vh - 5.5rem);  **/
}


.scrollable-container[b-9k1lxm8t4g] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.laafi_navbarcolor[b-9k1lxm8t4g] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-9k1lxm8t4g] {
    background-color: #1e4ca1 !important;
}


.nodata-avatar[b-9k1lxm8t4g] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-9k1lxm8t4g] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-9k1lxm8t4g] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.form-group[b-9k1lxm8t4g] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-9k1lxm8t4g] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group labelValue[b-9k1lxm8t4g] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-9k1lxm8t4g],
    .form-group select[b-9k1lxm8t4g] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-9k1lxm8t4g],
        .form-group select:focus[b-9k1lxm8t4g] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }



.SpaceAfterCard[b-9k1lxm8t4g] {
    height: 3rem;
}
.SpaceInterCard[b-9k1lxm8t4g] {
    height: 5px;
}


.section-infobox[b-9k1lxm8t4g] {
    border-radius: 1%;
    padding: 20px;
    background-color: white;
    margin-bottom: 10px;
    margin-top: 10px;
}

.infobox-container[b-9k1lxm8t4g] {
    display: flex;
    gap: 5px; /* space between divs */
}

/* Common box styling */
.infobox[b-9k1lxm8t4g] {
    flex: 1; /* equal width for both boxes */
    padding: 5px;
    /*  border: 1px solid #ccc; */
    /** background-color: #f5f5f5; */
}


.item-row[b-9k1lxm8t4g] {
    display: flex;
    gap: 5px; /* space between label and info */
    margin-bottom: 5px; /* space between rows */
}

.label-item[b-9k1lxm8t4g] {
    font-weight: 600;
    color: #333;
    font-size: 14px;
}


.info-item[b-9k1lxm8t4g] {
    font-weight: 500;
    color: #355;
    font-size: 14px;
}

.rubrique-titre[b-9k1lxm8t4g] {
    background: #5b9bd5; /** style="background-color:cornflowerblue" **/
    color: white;
    border-radius: 5px;
    padding: 5px;
}


[b-9k1lxm8t4g] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-9k1lxm8t4g] .Header_Medecin {
    background: #026F02;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Medecin[b-9k1lxm8t4g] {
    background: #026F02 !important;
    padding: 0.75rem 1rem;
    border: none;
    color: white !important;
    font-size: 1rem;
}

.Header_Text[b-9k1lxm8t4g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white !important;
}

    .Header_Text i[b-9k1lxm8t4g] {
        font-size: 1rem;
        opacity: 0.9;
    }
/* /Pages/DossierPharmacie/PharmacieDashboardView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-3f6j512z9k] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-3f6j512z9k] {
    display: flex;
    gap: 1rem;
}

.back-button[b-3f6j512z9k] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-3f6j512z9k] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-3f6j512z9k] {
        color: #DF9E63; /* #333; */
    }

h5[b-3f6j512z9k] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.SpaceInterCard[b-3f6j512z9k] {
    height: 1.5rem;
}
.ord_Tittle[b-3f6j512z9k] {
    margin: 0;
    color: #333;
}
.Html_place[b-3f6j512z9k] {
    margin: 0rem;
    width : 100%;
    height : 100%;
}
.section-container[b-3f6j512z9k] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/DossierPharmacie/PharmacieManager.razor.rz.scp.css */
body[b-47n4bhwosh] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}

/* Variables Navigation Retour*/
.header-bar[b-47n4bhwosh] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-47n4bhwosh] {
    display: flex;
    gap: 1rem;
}

.back-button[b-47n4bhwosh] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-47n4bhwosh] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-47n4bhwosh] {
        color: #DF9E63; /* #333; */
    }

h5[b-47n4bhwosh] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/


.avatar[b-47n4bhwosh] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-47n4bhwosh] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.Profil-modal-header[b-47n4bhwosh] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}


[b-47n4bhwosh] .Assist-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-47n4bhwosh] .Header_Assist {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
    opacity: 0.75;
}

.Header_Text[b-47n4bhwosh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-47n4bhwosh] {
        font-size: 1rem;
        opacity: 0.9;
    }


.doctor-avatar[b-47n4bhwosh] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-47n4bhwosh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.Assitant-container[b-47n4bhwosh] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar[b-47n4bhwosh] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-47n4bhwosh] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-47n4bhwosh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.SpaceInterCard[b-47n4bhwosh] {
    height: 1rem;
}
/* /Pages/DossierPharmacie/PharmaciePatientList.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-65qstks10b] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-65qstks10b] {
    display: flex;
    gap: 1rem;
}

.back-button[b-65qstks10b] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-65qstks10b] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-65qstks10b] {
        color: #DF9E63; /* #333; */
    }

h5[b-65qstks10b] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-65qstks10b] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-65qstks10b] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
}


.scrollable-container[b-65qstks10b] {
    height: calc(100vh - 15.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-65qstks10b] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-65qstks10b] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-65qstks10b] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-65qstks10b] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-65qstks10b] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-65qstks10b] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-65qstks10b] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-65qstks10b] {
        font-size: 1rem;
    }

    .patient-info p[b-65qstks10b] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-65qstks10b] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-65qstks10b] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-65qstks10b] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-65qstks10b] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-65qstks10b] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-65qstks10b] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-65qstks10b] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-65qstks10b] {
    font-weight: bold
}

.labeloption[b-65qstks10b] {
    font-style: italic
}

.cdstitle[b-65qstks10b] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-65qstks10b] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
.SpaceAfterCard[b-65qstks10b] {
    height: 3rem;
}

.SpaceInterCard[b-65qstks10b] {
    height: 1rem;
}
/* /Pages/DossierPharmacie/PharmacieSelectPatient.razor.rz.scp.css */
.main-container[b-62rgb71dz6] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container1[b-62rgb71dz6] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.search-panel[b-62rgb71dz6] {
    background-color: white;
    border-radius: 8px;
    margin-bottom: 15px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.header[b-62rgb71dz6] {
    background-color: #5b9bd5;
    color: white;
    padding: 10px 15px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

    .header h3[b-62rgb71dz6] {
        margin: 0;
        font-size: 16px;
        font-weight: normal;
    }

.back-button[b-62rgb71dz6] {
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.search-form[b-62rgb71dz6] {
    display: flex;
    flex-wrap: wrap;
    padding: 15px;
}

.search-bar[b-62rgb71dz6] {
    width: 200px;
    background-color: #5b9bd5;
    border-radius: 3px;
    padding: 8px 12px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

    .search-bar input[b-62rgb71dz6] {
        border: none;
        background: transparent;
        color: white;
        outline: none;
        width: 100%;
        font-size: 14px;
    }

        .search-bar input[b-62rgb71dz6]::placeholder {
            color: white;
            opacity: 1;
        }

.search-icon[b-62rgb71dz6] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}





.form-row[b-62rgb71dz6] {
    display: flex;
    width: 100%;
    gap: 10px;
    margin-bottom: 10px;
}

.form-group[b-62rgb71dz6] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

    .form-group label[b-62rgb71dz6] {
        font-size: 14px;
        margin-bottom: 5px;
        color: #333;
    }

    .form-group input[b-62rgb71dz6],
    .form-group select[b-62rgb71dz6] {
        padding: 8px;
        border: 1px solid #ccc;
        border-radius: 3px;
        font-size: 14px;
    }

.select-group[b-62rgb71dz6] {
    flex: 1;
}

.button-group[b-62rgb71dz6] {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.btn-primary[b-62rgb71dz6],
.btn-secondary[b-62rgb71dz6] {
    padding: 8px 15px;
    border: none;
    border-radius: 3px;
    font-size: 14px;
    cursor: pointer;
}

.btn-primary[b-62rgb71dz6] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-primary:hover[b-62rgb71dz6] {
        background-color: #4a8bc6;
    }

    .btn-primary:disabled[b-62rgb71dz6] {
        background-color: #9cc2e5;
        cursor: not-allowed;
    }

.btn-secondary[b-62rgb71dz6] {
    background-color: #5b9bd5;
    color: white;
}

    .btn-secondary:hover[b-62rgb71dz6] {
        background-color: #4a8bc6;
    }

.doctor-image[b-62rgb71dz6] {
    width: 35%;
    padding: 15px;
}

    .doctor-image img[b-62rgb71dz6] {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

.error-message[b-62rgb71dz6] {
    background-color: #ffebee;
    color: #d32f2f;
    padding: 10px;
    border-radius: 3px;
    margin: 10px 0;
    font-size: 14px;
}

.loading-indicator[b-62rgb71dz6] {
    text-align: center;
    padding: 10px;
    color: #5b9bd5;
    font-size: 14px;
}

/* Modification pour correspondre exactement à l'image */
@media (min-width: 768px) {
    .search-form[b-62rgb71dz6] {
        width: 65%;
        float: left;
    }

    .doctor-image[b-62rgb71dz6] {
        width: 35%;
        float: right;
    }

    .search-panel[b-62rgb71dz6] {
        overflow: hidden;
        display: flex;
        flex-wrap: wrap;
    }

    .header[b-62rgb71dz6] {
        width: 100%;
    }
}

/* Ajustement pour les petits écrans */
@media (max-width: 767px) {
    .search-form[b-62rgb71dz6] {
        width: 100%;
    }

    .doctor-image[b-62rgb71dz6] {
        width: 100%;
        text-align: center;
    }

        .doctor-image img[b-62rgb71dz6] {
            max-width: 300px;
        }
}
/* /Pages/DossierPharmacie/PharmaOrdonnanceView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-nbmnt9nddb] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-nbmnt9nddb] {
    display: flex;
    gap: 1rem;
}

.back-button[b-nbmnt9nddb] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-nbmnt9nddb] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-nbmnt9nddb] {
        color: #DF9E63; /* #333; */
    }

h5[b-nbmnt9nddb] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.SpaceInterCard[b-nbmnt9nddb] {
    height: 1.5rem;
}
.ord_Tittle[b-nbmnt9nddb] {
    margin: 0;
    color: #333;
}
.Html_place[b-nbmnt9nddb] {
    margin: 0rem;
    width : 100%;
    height : 100%;
}
.section-container[b-nbmnt9nddb] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/DossierRCP/RcpAdherent.razor.rz.scp.css */
body[b-opc2viz8qv] {
}

.btn-select[b-opc2viz8qv] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}
.btn-diseable[b-opc2viz8qv] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-opc2viz8qv] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}
.scrollable-container[b-opc2viz8qv] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.content[b-opc2viz8qv] {
    padding: 10px;
}
.SpaceInterButton[b-opc2viz8qv] {
    height: 0.50rem;
}

.SpaceInterCard[b-opc2viz8qv] {
    height: 0.50rem;
}
.Titrelist[b-opc2viz8qv] {
    font-size: 1rem;
    font-weight:bold;
}

.TexteSize[b-opc2viz8qv] {
    font-size: 0.85rem;
    margin-left: 0px;
}
.BtTexteSize[b-opc2viz8qv] {
    font-size: 0.85rem;
    margin-left: 0px;
}


.nodata-avatar[b-opc2viz8qv] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-opc2viz8qv] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-opc2viz8qv] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-container[b-opc2viz8qv] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    height: calc(100vh - 10.5rem);
    /*min-height: calc(100vh - 15.5rem); */
}
.doctor-info[b-opc2viz8qv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-opc2viz8qv] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-opc2viz8qv] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-opc2viz8qv] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-opc2viz8qv] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}
/* /Pages/DossierRCP/RcpChoiceService.razor.rz.scp.css */
body[b-669qfkypeg] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important; 
    font-size: 13px;
}
.form-group[b-669qfkypeg]{
    padding-top: 0.75rem;
}
#centerpage[b-669qfkypeg] {
    border: 0.05em solid red;
    width: 100%;
    display: flex;
    text-align: center;
    /* For horizontal alignment */
    align-items: center;
    /* For vertical alignment   */
}
.loginItem[b-669qfkypeg] {
    font-size: 18px;
    margin-bottom:5px
}



.main-container[b-669qfkypeg] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-669qfkypeg] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-669qfkypeg] {
    display: flex;
    overflow: hidden;
    text-decoration: none;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-669qfkypeg] {
    overflow: hidden;
}

    .card-image img[b-669qfkypeg] {
        width: 100px;
        height: 100px;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-669qfkypeg] {
    width: 65%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-669qfkypeg] {
    margin: 0 0 10px 0;
    font-size: 28;
    font-weight: 600;
    color: #E25A06; /*#DF9E63; */
}

.card-description[b-669qfkypeg] {
    margin: 0;
    font-size: 20px;
    color: #555;
    line-height: 1.4;
}
.SpaceInterCard[b-669qfkypeg] {
    height: 1.5rem;
}
.avatarPhoto[b-669qfkypeg] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.custom-modal-header[b-669qfkypeg] {
    background-color: rgb(0,108,125) !important; /* Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center !important; /* Centered text */
}

.passtitle[b-669qfkypeg] {
    margin-top: 25px;
    margin-left: 10px;
    margin-bottom: 25px;
    font-size =0.8rem"
}
/* /Pages/DossierRCP/RcpClichesPatient.razor.rz.scp.css */
body[b-hfwe9yv4kl] {
}

.btn-select[b-hfwe9yv4kl] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}

.btn-diseable[b-hfwe9yv4kl] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-hfwe9yv4kl] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}

.content[b-hfwe9yv4kl] {
    padding: 10px;
}

.SpaceInterButton[b-hfwe9yv4kl] {
    height: 0.50rem;
}

.SpaceInterCard[b-hfwe9yv4kl] {
    height: 0.50rem;
}

.Titrelist[b-hfwe9yv4kl] {
    font-size: 1rem;
    font-weight: bold;
}

.TexteSize[b-hfwe9yv4kl] {
    font-size: 0.85rem;
    margin-left: 0px;
}

.BtTexteSize[b-hfwe9yv4kl] {
    font-size: 0.85rem;
    margin-left: 0px;
}


.nodata-avatar[b-hfwe9yv4kl] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-hfwe9yv4kl] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-hfwe9yv4kl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/****** *****************/
.gestion-cliches-container[b-hfwe9yv4kl] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
    background: #f5f7fa;
    border-radius: 10px;
    /* height: calc(100vh - 8.5rem); */
}


.main-container[b-hfwe9yv4kl] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}



.scrollable-container[b-hfwe9yv4kl] {
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
    /*height: calc(100vh - 17.5rem); */
}
.section-container[b-hfwe9yv4kl] {
    border-radius: 10px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    /*height: calc(100vh - 12.5rem); */
}

.Header-cliche[b-hfwe9yv4kl] {
    bg-success text-white bg-opacity-35 border-bottom-0"
}
.cliche-header[b-hfwe9yv4kl] {
    background-color: #07a6a1 !important; /*var(--color-primary);  background-color: #0d6efd; **/
    color: white;
    border-bottom: 0;
    font-size: 0.75rem; /* Adjust the size as needed */
    line-height: 1.2;
    opacity: 0.5;
}
.doctor-info[b-hfwe9yv4kl] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-hfwe9yv4kl] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-hfwe9yv4kl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-hfwe9yv4kl] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-hfwe9yv4kl] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}


/* ===== EN-TÊTE ===== */
.header-section[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.patient-info-header[b-hfwe9yv4kl] {
    display: flex;
    align-items: center;
    gap: 16px;
}

.patient-avatar[b-hfwe9yv4kl] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #4CAF50;
}

    .patient-avatar img[b-hfwe9yv4kl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.patient-details h2[b-hfwe9yv4kl] {
    margin: 0 0 8px 0;
    font-size: 24px;
    color: #2c3e50;
}

.patient-id[b-hfwe9yv4kl] {
    color: #7f8c8d;
    font-size: 14px;
    margin: 4px 0;
}

.patient-meta[b-hfwe9yv4kl] {
    color: #95a5a6;
    font-size: 13px;
    margin: 4px 0;
}

.header-actions[b-hfwe9yv4kl] {
    display: flex;
    gap: 12px;
}

/* ===== ZONE UPLOAD ===== */
.upload-section[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    padding: 24px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

    .upload-section h3[b-hfwe9yv4kl] {
        margin: 0 0 20px 0;
        color: #2c3e50;
        font-size: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

.upload-zone[b-hfwe9yv4kl] {
    border: 3px dashed #cbd5e0;
    border-radius: 12px;
    padding: 40px;
    text-align: center;
    background: #f8f9fa;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .upload-zone:hover[b-hfwe9yv4kl] {
        border-color: #4CAF50;
        background: #f0f8f4;
    }

    .upload-zone.dragging[b-hfwe9yv4kl] {
        border-color: #4CAF50;
        background: #e8f5e9;
        transform: scale(1.02);
    }

.upload-content[b-hfwe9yv4kl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}

.upload-icon[b-hfwe9yv4kl] {
    font-size: 48px;
}

.upload-title[b-hfwe9yv4kl] {
    font-size: 18px;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
}

.upload-subtitle[b-hfwe9yv4kl] {
    color: #7f8c8d;
    margin: 0;
}

.upload-hint[b-hfwe9yv4kl] {
    font-size: 13px;
    color: #95a5a6;
    margin: 8px 0 0 0;
}

input[type="file"][b-hfwe9yv4kl] {
    display: none;
}

.btn-browse[b-hfwe9yv4kl] {
    display: inline-block;
    padding: 12px 32px;
    background: #4CAF50;
    color: white;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    transition: background 0.3s ease;
}

    .btn-browse:hover[b-hfwe9yv4kl] {
        background: #45a049;
    }

/* ===== FICHIERS EN ATTENTE ===== */
.pending-uploads[b-hfwe9yv4kl] {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid #e9ecef;
}

    .pending-uploads h4[b-hfwe9yv4kl] {
        margin: 0 0 16px 0;
        color: #2c3e50;
    }

.upload-form-card[b-hfwe9yv4kl] {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 16px;
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 20px;
}

.form-left[b-hfwe9yv4kl] {
    display: flex;
    gap: 12px;
    align-items: flex-start;
}

.file-preview[b-hfwe9yv4kl] {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    overflow: hidden;
    background: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dee2e6;
}

    .file-preview img[b-hfwe9yv4kl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.file-icon[b-hfwe9yv4kl] {
    font-size: 32px;
}

.file-info[b-hfwe9yv4kl] {
    flex: 1;
}

.file-name[b-hfwe9yv4kl] {
    font-weight: 600;
    color: #2c3e50;
    margin: 0 0 4px 0;
    font-size: 14px;
    word-break: break-word;
}

.file-size[b-hfwe9yv4kl] {
    color: #7f8c8d;
    font-size: 12px;
    margin: 0;
}

.form-right[b-hfwe9yv4kl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.form-group[b-hfwe9yv4kl] {
    display: flex;
    flex-direction: column;
}

    .form-group:nth-child(3)[b-hfwe9yv4kl],
    .form-group:nth-child(4)[b-hfwe9yv4kl] {
        grid-column: span 2;
    }

    .form-group label[b-hfwe9yv4kl] {
        font-size: 13px;
        font-weight: 600;
        color: #495057;
        margin-bottom: 6px;
    }

.form-control[b-hfwe9yv4kl] {
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 6px;
    font-size: 14px;
    transition: border-color 0.3s ease;
}

    .form-control:focus[b-hfwe9yv4kl] {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

textarea.form-control[b-hfwe9yv4kl] {
    resize: vertical;
    font-family: inherit;
}

.form-actions[b-hfwe9yv4kl] {
    grid-column: span 2;
    display: flex;
    justify-content: flex-end;
}

.upload-global-actions[b-hfwe9yv4kl] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
}

/* ===== FILTRES ===== */
.filters-section[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.filters-row[b-hfwe9yv4kl] {
    display: grid;
    grid-template-columns: 1fr 200px 200px auto;
    gap: 12px;
    margin-bottom: 16px;
}

.search-box[b-hfwe9yv4kl] {
    position: relative;
    display: flex;
    align-items: center;
}

    .search-box .icon[b-hfwe9yv4kl] {
        position: absolute;
        left: 12px;
        color: #7f8c8d;
    }

.search-input[b-hfwe9yv4kl] {
    width: 100%;
    padding: 10px 12px 10px 36px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: 14px;
}

    .search-input:focus[b-hfwe9yv4kl] {
        outline: none;
        border-color: #4CAF50;
        box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.1);
    }

.filter-select[b-hfwe9yv4kl] {
    padding: 10px 12px;
    border: 1px solid #ced4da;
    border-radius: 8px;
    font-size: 14px;
    cursor: pointer;
}

.results-info[b-hfwe9yv4kl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 16px;
    border-top: 1px solid #e9ecef;
}

    .results-info p[b-hfwe9yv4kl] {
        margin: 0;
        color: #6c757d;
        font-size: 14px;
    }

.reorg-mode-indicator[b-hfwe9yv4kl] {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff3cd;
    padding: 8px 16px;
    border-radius: 8px;
    color: #856404;
    font-weight: 600;
}

/* ===== GALERIE ===== */
.loading-container[b-hfwe9yv4kl] {
    text-align: center;
    padding: 60px 20px;
}

.spinner-large[b-hfwe9yv4kl] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #4CAF50;
    border-radius: 50%;
    animation: spin-b-hfwe9yv4kl 1s linear infinite;
    margin: 0 auto 20px;
}

@keyframes spin-b-hfwe9yv4kl {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.empty-state[b-hfwe9yv4kl] {
    text-align: center;
    padding: 60px 20px;
}

.empty-icon[b-hfwe9yv4kl] {
    font-size: 64px;
    display: block;
    margin-bottom: 16px;
}

.empty-state h3[b-hfwe9yv4kl] {
    color: #2c3e50;
    margin: 0 0 8px 0;
}

.empty-state p[b-hfwe9yv4kl] {
    color: #7f8c8d;
    margin: 0;
}

/* ===== VUE GALERIE ===== */
.cliches-gallery.gallery-view[b-hfwe9yv4kl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.cliche-card[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    cursor: pointer;
    position: relative;
}

    .cliche-card:hover[b-hfwe9yv4kl] {
        transform: translateY(-4px);
        box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    }

    .cliche-card[draggable="true"][b-hfwe9yv4kl] {
        cursor: move;
    }

.drag-handle[b-hfwe9yv4kl] {
    position: absolute;
    top: 8px;
    left: 8px;
    background: rgba(0,0,0,0.7);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 16px;
    z-index: 10;
}

.card-image[b-hfwe9yv4kl] {
    width: 100%;
    height: 200px;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .card-image img[b-hfwe9yv4kl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.file-placeholder[b-hfwe9yv4kl] {
    text-align: center;
    color: #6c757d;
}

.file-icon-large[b-hfwe9yv4kl] {
    font-size: 48px;
    display: block;
    margin-bottom: 8px;
}

.card-info[b-hfwe9yv4kl] {
    padding: 16px;
}

.card-header[b-hfwe9yv4kl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.badge[b-hfwe9yv4kl] {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.badge-blue[b-hfwe9yv4kl] {
    background: #e3f2fd;
    color: #1976d2;
}

.badge-purple[b-hfwe9yv4kl] {
    background: #f3e5f5;
    color: #7b1fa2;
}

.badge-green[b-hfwe9yv4kl] {
    background: #e8f5e9;
    color: #388e3c;
}

.badge-cyan[b-hfwe9yv4kl] {
    background: #e0f7fa;
    color: #00838f;
}

.badge-pink[b-hfwe9yv4kl] {
    background: #fce4ec;
    color: #c2185b;
}

.badge-orange[b-hfwe9yv4kl] {
    background: #fff3e0;
    color: #e65100;
}

.badge-red[b-hfwe9yv4kl] {
    background: #ffebee;
    color: #c62828;
}

.badge-gray[b-hfwe9yv4kl] {
    background: #f5f5f5;
    color: #616161;
}

.order-number[b-hfwe9yv4kl] {
    background: #ffc107;
    color: #000;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
}

.card-date[b-hfwe9yv4kl],
.card-description[b-hfwe9yv4kl],
.card-seance[b-hfwe9yv4kl] {
    font-size: 13px;
    color: #6c757d;
    margin: 6px 0;
    display: flex;
    align-items: center;
    gap: 6px;
}

.card-description[b-hfwe9yv4kl] {
    color: #495057;
    line-height: 1.4;
}

.card-actions[b-hfwe9yv4kl] {
    padding: 12px 16px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: space-around;
    gap: 8px;
}

/* ===== VUE LISTE ===== */
.cliches-gallery.list-view[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.cliches-table[b-hfwe9yv4kl] {
    width: 100%;
    border-collapse: collapse;
}

    .cliches-table thead[b-hfwe9yv4kl] {
        background: #f8f9fa;
    }

    .cliches-table th[b-hfwe9yv4kl] {
        padding: 12px 16px;
        text-align: left;
        font-weight: 600;
        color: #495057;
        font-size: 13px;
        border-bottom: 2px solid #dee2e6;
    }

    .cliches-table td[b-hfwe9yv4kl] {
        padding: 12px 16px;
        border-bottom: 1px solid #e9ecef;
        font-size: 14px;
    }

    .cliches-table tbody tr[b-hfwe9yv4kl] {
        transition: background 0.2s ease;
        cursor: pointer;
    }

        .cliches-table tbody tr:hover[b-hfwe9yv4kl] {
            background: #f8f9fa;
        }

        .cliches-table tbody tr[draggable="true"][b-hfwe9yv4kl] {
            cursor: move;
        }

.table-thumbnail[b-hfwe9yv4kl] {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 6px;
}

.drag-handle-list[b-hfwe9yv4kl] {
    cursor: move;
    color: #6c757d;
    font-weight: 600;
}

.file-name-cell[b-hfwe9yv4kl] {
    font-family: monospace;
    font-size: 12px;
    color: #6c757d;
}

.table-actions[b-hfwe9yv4kl] {
    display: flex;
    gap: 8px;
    justify-content: center;
}

/* ===== BOUTONS ===== */
.icon[b-hfwe9yv4kl] {
    font-style: normal;
}

.btn-primary[b-hfwe9yv4kl],
.btn-secondary[b-hfwe9yv4kl],
.btn-success[b-hfwe9yv4kl],
.btn-back[b-hfwe9yv4kl],
.btn-remove[b-hfwe9yv4kl],
.btn-toggle-view[b-hfwe9yv4kl],
.btn-save-order[b-hfwe9yv4kl],
.btn-cancel[b-hfwe9yv4kl] {
    padding: 10px 20px;
    border: none;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.btn-primary[b-hfwe9yv4kl] {
    background: #4CAF50;
    color: white;
}

    .btn-primary:hover:not(:disabled)[b-hfwe9yv4kl] {
        background: #45a049;
        transform: translateY(-2px);
    }

    .btn-primary:disabled[b-hfwe9yv4kl] {
        background: #a5d6a7;
        cursor: not-allowed;
    }

.btn-secondary[b-hfwe9yv4kl] {
    background: #6c757d;
    color: white;
}

    .btn-secondary:hover:not(:disabled)[b-hfwe9yv4kl] {
        background: #5a6268;
    }

.btn-success[b-hfwe9yv4kl] {
    background: #28a745;
    color: white;
}

    .btn-success:hover:not(:disabled)[b-hfwe9yv4kl] {
        background: #218838;
    }

.btn-back[b-hfwe9yv4kl] {
    background: #e9ecef;
    color: #495057;
}

    .btn-back:hover[b-hfwe9yv4kl] {
        background: #dee2e6;
    }

.btn-remove[b-hfwe9yv4kl],
.btn-cancel[b-hfwe9yv4kl] {
    background: #dc3545;
    color: white;
}

    .btn-remove:hover[b-hfwe9yv4kl],
    .btn-cancel:hover[b-hfwe9yv4kl] {
        background: #c82333;
    }

.btn-toggle-view[b-hfwe9yv4kl] {
    background: #17a2b8;
    color: white;
}

    .btn-toggle-view:hover[b-hfwe9yv4kl] {
        background: #138496;
    }

.btn-save-order[b-hfwe9yv4kl] {
    background: #28a745;
    color: white;
    padding: 6px 12px;
    font-size: 13px;
}

.btn-icon[b-hfwe9yv4kl],
.btn-icon-small[b-hfwe9yv4kl] {
    background: none;
    border: 1px solid #dee2e6;
    padding: 8px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
    transition: all 0.2s ease;
}

    .btn-icon:hover[b-hfwe9yv4kl],
    .btn-icon-small:hover[b-hfwe9yv4kl] {
        background: #f8f9fa;
        border-color: #4CAF50;
    }

.btn-icon-small[b-hfwe9yv4kl] {
    padding: 6px 10px;
    font-size: 14px;
}

.btn-danger:hover[b-hfwe9yv4kl] {
    background: #ffebee !important;
    border-color: #dc3545 !important;
    color: #dc3545 !important;
}

.spinner[b-hfwe9yv4kl] {
    width: 14px;
    height: 14px;
    border: 2px solid #ffffff;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin-b-hfwe9yv4kl 0.8s linear infinite;
}

/* ===== MODAL ===== */
.modal-overlay[b-hfwe9yv4kl] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: 20px;
}

.modal-content[b-hfwe9yv4kl] {
    background: white;
    border-radius: 12px;
    width: 100%;
    max-width: 600px;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 10px 40px rgba(0,0,0,0.3);
}

    .modal-content.modal-large[b-hfwe9yv4kl] {
        max-width: 1200px;
    }

.modal-header[b-hfwe9yv4kl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid #e9ecef;
}

    .modal-header h3[b-hfwe9yv4kl] {
        margin: 0;
        color: #2c3e50;
        font-size: 20px;
    }

.btn-close[b-hfwe9yv4kl] {
    background: none;
    border: none;
    font-size: 24px;
    color: #6c757d;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
}

    .btn-close:hover[b-hfwe9yv4kl] {
        background: #f8f9fa;
        color: #dc3545;
    }

.modal-body[b-hfwe9yv4kl] {
    padding: 24px;
}

.modal-image-container[b-hfwe9yv4kl] {
    background: #000;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    max-height: 600px;
    margin-bottom: 20px;
}

    .modal-image-container img[b-hfwe9yv4kl] {
        max-width: 100%;
        max-height: 600px;
        object-fit: contain;
        transition: transform 0.3s ease;
    }

.file-viewer[b-hfwe9yv4kl] {
    text-align: center;
    color: white;
    padding: 60px 20px;
}

    .file-viewer .file-icon-large[b-hfwe9yv4kl] {
        font-size: 80px;
        margin-bottom: 16px;
    }

    .file-viewer p[b-hfwe9yv4kl] {
        margin: 8px 0;
        font-size: 16px;
    }

.modal-info[b-hfwe9yv4kl] {
    background: #f8f9fa;
    padding: 16px;
    border-radius: 8px;
}

    .modal-info p[b-hfwe9yv4kl] {
        margin: 8px 0;
        font-size: 14px;
        color: #495057;
    }

    .modal-info strong[b-hfwe9yv4kl] {
        color: #2c3e50;
        font-weight: 600;
    }

.modal-footer[b-hfwe9yv4kl] {
    padding: 16px 24px;
    border-top: 1px solid #e9ecef;
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 1200px) {
    .cliches-gallery.gallery-view[b-hfwe9yv4kl] {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }
}

@media (max-width: 992px) {
    .filters-row[b-hfwe9yv4kl] {
        grid-template-columns: 1fr;
    }

    .upload-form-card[b-hfwe9yv4kl] {
        grid-template-columns: 1fr;
    }

    .form-right[b-hfwe9yv4kl] {
        grid-template-columns: 1fr;
    }

    .header-section[b-hfwe9yv4kl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-actions[b-hfwe9yv4kl] {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
    .cliches-gallery.gallery-view[b-hfwe9yv4kl] {
        grid-template-columns: 1fr;
    }

    .modal-content.modal-large[b-hfwe9yv4kl] {
        max-width: 100%;
    }

    .cliches-table[b-hfwe9yv4kl] {
        display: block;
        overflow-x: auto;
    }

    .patient-info-header[b-hfwe9yv4kl] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 576px) {
    .gestion-cliches-container[b-hfwe9yv4kl] {
        padding: 12px;
    }

    .header-section[b-hfwe9yv4kl],
    .upload-section[b-hfwe9yv4kl],
    .filters-section[b-hfwe9yv4kl] {
        padding: 16px;
    }

    .upload-zone[b-hfwe9yv4kl] {
        padding: 24px 16px;
    }

    .card-actions[b-hfwe9yv4kl] {
        flex-wrap: wrap;
    }

    .modal-footer[b-hfwe9yv4kl] {
        flex-direction: column;
    }

        .modal-footer .btn-primary[b-hfwe9yv4kl],
        .modal-footer .btn-secondary[b-hfwe9yv4kl] {
            width: 100%;
        }
}
/* /Pages/DossierRCP/RcpConsultation.razor.rz.scp.css */
body[b-1ibmlm6t1b] {
}
.CardHeader_Rcp[b-1ibmlm6t1b] {
    background-color: #439068;
    color: white;
}

.presencelist[b-1ibmlm6t1b] {
    font-size:0.85rem;
    margin-bottom:15px;
}
/* /Pages/DossierRCP/RcpConsultPatient.razor.rz.scp.css */
body[b-k90r6o3bzf] {
}

.Tabtitre[b-k90r6o3bzf] {
    display: flex;
    justify-content: left;
    width:15rem;
}
.LastTab[b-k90r6o3bzf] {
    text-align: left;
    margin-top: 2rem;
    border-radius: 5%;
    background: #07a6a1 !important;
    color: white;
    font-size:0.8rem;
}

.section-container[b-k90r6o3bzf] {
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    min-height: calc(100vh - 3.5rem);
}
/* Variables Navigation Retour*/
.header-bar[b-k90r6o3bzf] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-k90r6o3bzf] {
    display: flex;
    gap: 1rem;
}

.back-button[b-k90r6o3bzf] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-k90r6o3bzf] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-k90r6o3bzf] {
        color: #DF9E63; /* #333; */
    }

h5[b-k90r6o3bzf] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.confirm-custom-header[b-k90r6o3bzf] {
    background-color: rgb(0,108,125) !important;
    color: white !important;
}
.SpaceInterCard[b-k90r6o3bzf] {
    height: 1.5rem;
    color: #0056B3;
}
.doctor-avatar[b-k90r6o3bzf] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    text-align: center;
    justify-content: center;
    overflow: hidden;
}

.doctor-avatar img[b-k90r6o3bzf] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* /Pages/DossierRCP/RcpEditionConsultation.razor.rz.scp.css */
body[b-azx8wfgh5w] {
}
.CardHeader_Rcp[b-azx8wfgh5w] {
    background-color: #439068;
    color: white;
}

.presencelist[b-azx8wfgh5w] {
    font-size:0.85rem;
    margin-bottom:15px;
}
/* /Pages/DossierRCP/RcpEditionConsultPatient.razor.rz.scp.css */
body[b-tw6gz7sbep] {
}

.Tabtitre[b-tw6gz7sbep] {
    display: flex;
    justify-content: left;
    width:15rem;
}
.LastTab[b-tw6gz7sbep] {
    text-align: left;
    margin-top: 2rem;
    border-radius: 5%;
    background: #07a6a1 !important;
    color: white;
    font-size: 0.8rem;
}

.section-container[b-tw6gz7sbep] {
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    min-height: calc(100vh - 3.5rem);
}
/* Variables Navigation Retour*/
.header-bar[b-tw6gz7sbep] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-tw6gz7sbep] {
    display: flex;
    gap: 1rem;
}

.back-button[b-tw6gz7sbep] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-tw6gz7sbep] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-tw6gz7sbep] {
        color: #DF9E63; /* #333; */
    }

h5[b-tw6gz7sbep] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.confirm-custom-header[b-tw6gz7sbep] {
    background-color: rgb(0,108,125) !important;
    color: white !important;
}
.SpaceInterCard[b-tw6gz7sbep] {
    height: 1.5rem;
    color: #0056B3;
}
.doctor-info[b-tw6gz7sbep] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-tw6gz7sbep] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-tw6gz7sbep] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-tw6gz7sbep] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-tw6gz7sbep] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}
/* /Pages/DossierRCP/RcpFormOncoUro.razor.rz.scp.css */
body[b-6qsz5ccnor] {
}
.enketo-form[b-6qsz5ccnor] {
    /*max-width: 640px; **/
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
}

.form-header[b-6qsz5ccnor] {
    margin-bottom: 30px;
}

.form-title[b-6qsz5ccnor] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
}

.form-group[b-6qsz5ccnor] {
    margin-bottom: 25px;
}

.accordion-group[b-6qsz5ccnor] {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}

.accordion-toggle[b-6qsz5ccnor] {
    width: 100%;
    padding: 12px 15px;
    background: #f7f7f7;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.2s;
}

    .accordion-toggle:hover[b-6qsz5ccnor] {
        background: #eee;
    }

    .accordion-toggle.expanded[b-6qsz5ccnor] {
        background: #e8f4f8;
        color: #2196F3;
    }

.accordion-icon[b-6qsz5ccnor] {
    margin-right: 8px;
    font-size: 12px;
}

.accordion-content[b-6qsz5ccnor] {
    padding: 15px;
    border-top: 1px solid #ddd;
    animation: slideDown 0.3s ease-out;
}

@@keyframes slideDown {
    from[b-6qsz5ccnor] {
        opacity: 0;
        transform: translateY(-10px);
    }

    to[b-6qsz5ccnor] {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-section[b-6qsz5ccnor] {
    margin: 30px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #2196F3;
}

.section-title[b-6qsz5ccnor] {
    font-size: 16px;
    font-weight: 600;
    color: #2196F3;
    margin: 0;
}

.form-field[b-6qsz5ccnor] {
    margin-bottom: 15px;
}

.field-label[b-6qsz5ccnor] {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

.field-hint[b-6qsz5ccnor] {
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
    font-style: italic;
}

.form-input[b-6qsz5ccnor] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s;
}

    .form-input:focus[b-6qsz5ccnor] {
        outline: none;
        border-color: #2196F3;
        box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
    }

.form-textarea[b-6qsz5ccnor] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s;
}

    .form-textarea:focus[b-6qsz5ccnor] {
        outline: none;
        border-color: #2196F3;
        box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
    }

.number-spinner[b-6qsz5ccnor] {
    max-width: 150px;
}

.radio-group[b-6qsz5ccnor] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .radio-group.inline[b-6qsz5ccnor] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
    }

.radio-label[b-6qsz5ccnor] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

    .radio-label input[type="radio"][b-6qsz5ccnor] {
        margin-right: 8px;
        cursor: pointer;
    }

.checkbox-group[b-6qsz5ccnor] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkbox-label[b-6qsz5ccnor] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

    .checkbox-label input[type="checkbox"][b-6qsz5ccnor] {
        margin-right: 8px;
        cursor: pointer;
    }

.sub-group[b-6qsz5ccnor] {
    margin-top: 10px;
    padding-left: 15px;
    border-left: 3px solid #e0e0e0;
}

.tnm-group[b-6qsz5ccnor] {
    display: flex;
    gap: 10px;
}

.tnm-input[b-6qsz5ccnor] {
    flex: 1;
    max-width: 100px;
}

.form-actions[b-6qsz5ccnor] {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.btn-primary[b-6qsz5ccnor],
.btn-secondary[b-6qsz5ccnor] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-6qsz5ccnor] {
    background: #2196F3;
    color: white;
}

    .btn-primary:hover[b-6qsz5ccnor] {
        background: #1976D2;
    }

.btn-secondary[b-6qsz5ccnor] {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

    .btn-secondary:hover[b-6qsz5ccnor] {
        background: #e0e0e0;
    }

.form-footer[b-6qsz5ccnor] {
    text-align: center;
    margin-top: 30px;
    padding: 20px 0;
    color: #999;
    font-size: 12px;
}

    .form-footer p[b-6qsz5ccnor] {
        margin: 0;
    }

.form-row[b-6qsz5ccnor] {
    display: flex;
}
.form-cliche-group[b-6qsz5ccnor] {
    max-height: 120px;
}

.Header-imgcliche[b-6qsz5ccnor] {
    color: #999;
    font-size: 10px;
}
    .Header-imgcliche .table[b-6qsz5ccnor] {
        width: 100%;
        border-collapse: collapse;
    }

    .Header-imgcliche td[b-6qsz5ccnor], th[b-6qsz5ccnor] {
        padding: 5;
        margin: 5;
        height: 12px; /* Adjust row height */
        line-height: 10px; /* Align text vertically */
    }


.field-imgcliche[b-6qsz5ccnor] {
    text-align: left;
    color: #999;
    font-size: 9px;
    line-height: 10px;
}
/* /Pages/DossierRCP/RcpFormOncoUroView.razor.rz.scp.css */
body[b-ccn7hc4nsf] {
}
.enketo-form[b-ccn7hc4nsf] {
    max-width: 640px;
    margin: 0 auto;
    padding: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 14px;
    color: #333;
    background: #fff;
}

.form-header[b-ccn7hc4nsf] {
    margin-bottom: 30px;
}

.form-title[b-ccn7hc4nsf] {
    font-size: 18px;
    font-weight: 600;
    color: #333;
    margin: 0 0 20px 0;
}

.form-group[b-ccn7hc4nsf] {
    margin-bottom: 25px;
}

.accordion-group[b-ccn7hc4nsf] {
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 15px;
}

.accordion-toggle[b-ccn7hc4nsf] {
    width: 100%;
    padding: 12px 15px;
    background: #f7f7f7;
    border: none;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: background 0.2s;
}

    .accordion-toggle:hover[b-ccn7hc4nsf] {
        background: #eee;
    }

    .accordion-toggle.expanded[b-ccn7hc4nsf] {
        background: #e8f4f8;
        color: #2196F3;
    }

.accordion-icon[b-ccn7hc4nsf] {
    margin-right: 8px;
    font-size: 12px;
}

.accordion-content[b-ccn7hc4nsf] {
    padding: 15px;
    border-top: 1px solid #ddd;
    animation: slideDown 0.3s ease-out;
}

@@keyframes slideDown {
    from[b-ccn7hc4nsf] {
        opacity: 0;
        transform: translateY(-10px);
    }

    to[b-ccn7hc4nsf] {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-section[b-ccn7hc4nsf] {
    margin: 30px 0 20px 0;
    padding-bottom: 10px;
    border-bottom: 2px solid #2196F3;
}

.section-title[b-ccn7hc4nsf] {
    font-size: 16px;
    font-weight: 600;
    color: #2196F3;
    margin: 0;
}

.form-field[b-ccn7hc4nsf] {
    margin-bottom: 15px;
}

.field-label[b-ccn7hc4nsf] {
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
}

.field-hint[b-ccn7hc4nsf] {
    font-size: 12px;
    color: #777;
    margin-bottom: 5px;
    font-style: italic;
}

.form-input[b-ccn7hc4nsf] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    transition: border-color 0.2s;
}

    .form-input:focus[b-ccn7hc4nsf] {
        outline: none;
        border-color: #2196F3;
        box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
    }

.form-textarea[b-ccn7hc4nsf] {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 14px;
    font-family: inherit;
    resize: vertical;
    transition: border-color 0.2s;
}

    .form-textarea:focus[b-ccn7hc4nsf] {
        outline: none;
        border-color: #2196F3;
        box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.1);
    }

.number-spinner[b-ccn7hc4nsf] {
    max-width: 150px;
}

.radio-group[b-ccn7hc4nsf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

    .radio-group.inline[b-ccn7hc4nsf] {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 15px;
    }

.radio-label[b-ccn7hc4nsf] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

    .radio-label input[type="radio"][b-ccn7hc4nsf] {
        margin-right: 8px;
        cursor: pointer;
    }

.checkbox-group[b-ccn7hc4nsf] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.checkbox-label[b-ccn7hc4nsf] {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
}

    .checkbox-label input[type="checkbox"][b-ccn7hc4nsf] {
        margin-right: 8px;
        cursor: pointer;
    }

.sub-group[b-ccn7hc4nsf] {
    margin-top: 10px;
    padding-left: 15px;
    border-left: 3px solid #e0e0e0;
}

.tnm-group[b-ccn7hc4nsf] {
    display: flex;
    gap: 10px;
}

.tnm-input[b-ccn7hc4nsf] {
    flex: 1;
    max-width: 100px;
}

.form-actions[b-ccn7hc4nsf] {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}

.btn-primary[b-ccn7hc4nsf],
.btn-secondary[b-ccn7hc4nsf] {
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary[b-ccn7hc4nsf] {
    background: #2196F3;
    color: white;
}

    .btn-primary:hover[b-ccn7hc4nsf] {
        background: #1976D2;
    }

.btn-secondary[b-ccn7hc4nsf] {
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
}

    .btn-secondary:hover[b-ccn7hc4nsf] {
        background: #e0e0e0;
    }

.form-footer[b-ccn7hc4nsf] {
    text-align: center;
    margin-top: 30px;
    padding: 20px 0;
    color: #999;
    font-size: 12px;
}

    .form-footer p[b-ccn7hc4nsf] {
        margin: 0;
    }

.form-cliche-group[b-ccn7hc4nsf] {
    max-height: 120px;
}

.Header-imgcliche[b-ccn7hc4nsf] {
    color: #999;
    font-size: 10px;
}

    .Header-imgcliche .table[b-ccn7hc4nsf] {
        width: 100%;
        border-collapse: collapse;
    }

    .Header-imgcliche td[b-ccn7hc4nsf], th[b-ccn7hc4nsf] {
        padding: 5;
        margin: 5;
        height: 12px; /* Adjust row height */
        line-height: 10px; /* Align text vertically */
    }


.field-imgcliche[b-ccn7hc4nsf] {
    text-align: left;
    color: #999;
    font-size: 9px;
    line-height: 10px;
}
/* /Pages/DossierRCP/RcpHistoReport.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-62oiswth86] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-62oiswth86] {
    display: flex;
    gap: 1rem;
}

.back-button[b-62oiswth86] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-62oiswth86] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-62oiswth86] {
        color: #DF9E63; /* #333; */
    }

h5[b-62oiswth86] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-62oiswth86] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container[b-62oiswth86] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    /** min-height: calc(100vh - 3.5rem); **/
}

.NewPatient[b-62oiswth86] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-62oiswth86] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-62oiswth86] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-62oiswth86] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-62oiswth86] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-62oiswth86] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-62oiswth86] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-62oiswth86] {
        font-size: 1rem;
    }

    .patient-info p[b-62oiswth86] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-62oiswth86] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.bg-PatientList[b-62oiswth86] {
    background-color: #1e4ca1 !important;
}
.Headerfilter[b-62oiswth86] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-62oiswth86] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-62oiswth86] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-62oiswth86] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-62oiswth86] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-62oiswth86] {
    font-weight: bold
}

.labeloption[b-62oiswth86] {
    font-style: italic
}

.cdstitle[b-62oiswth86] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

.custom-header[b-62oiswth86] {
    background-color: #07a6a1; /*var(--color-primary);  background-color: #0d6efd; **/
    color: white;
    border-bottom: 0;
    font-size: 0.75rem; /* Adjust the size as needed */
    line-height: 1.2;
    opacity: 0.5;
    font-weight: 200;
}

.custom-grid-row[b-62oiswth86] {
    line-height: 1; /* Adjust line height */
    font-size: 0.75rem; /* Adjust font size */
    padding: 4px; /* Optional: Adjust padding */
}

.custom-grid-selected-row[b-62oiswth86] {
    line-height: 1; /* Adjust line height */
    font-size: 0.8rem; /* Adjust font size */
    padding: 4px; /* Optional: Adjust padding */
    background-color: lightgray; /*var(--color-primary);  background-color: #0d6efd; **/
    color: white;
    font-weight: bold;
}

.pagination[b-62oiswth86] {
    font-size: 0.8rem;
    line-height: 1; /* Adjust line height */
}

    .pagination .page-link[b-62oiswth86] {
        font-size: 0.8rem;
        line-height: 1; /* Adjust line height */
    }
    /* Override the style for the pagination text */
    .pagination .page-item[b-62oiswth86] {
        font-size: 0.8rem;
    }

/* /Pages/DossierRCP/RcpPatientList.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-brqo9tut5y] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-brqo9tut5y] {
    display: flex;
    gap: 1rem;
}

.back-button[b-brqo9tut5y] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-brqo9tut5y] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-brqo9tut5y] {
        color: #DF9E63; /* #333; */
    }

h5[b-brqo9tut5y] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-brqo9tut5y] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container[b-brqo9tut5y] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    /** min-height: calc(100vh - 3.5rem); **/
}
.scrollable-container[b-brqo9tut5y] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}

.NewPatient[b-brqo9tut5y] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-brqo9tut5y] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-brqo9tut5y] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-brqo9tut5y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-brqo9tut5y] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-brqo9tut5y] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-brqo9tut5y] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-brqo9tut5y] {
        font-size: 1rem;
    }

    .patient-info p[b-brqo9tut5y] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-brqo9tut5y] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-brqo9tut5y] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-brqo9tut5y] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-brqo9tut5y] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-brqo9tut5y] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-brqo9tut5y] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-brqo9tut5y] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-brqo9tut5y] {
    font-weight: bold
}

.labeloption[b-brqo9tut5y] {
    font-style: italic
}

.cdstitle[b-brqo9tut5y] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

.Profil-modal-header[b-brqo9tut5y]
{
    background-color: rgb(0,108,125) !important; /* Green background */
    color: white !important; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/DossierRCP/RcpReportList.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-mdriv19lqk] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-mdriv19lqk] {
    display: flex;
    gap: 1rem;
}

.back-button[b-mdriv19lqk] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-mdriv19lqk] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-mdriv19lqk] {
        color: #DF9E63; /* #333; */
    }

h5[b-mdriv19lqk] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-mdriv19lqk] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
}

.section-container[b-mdriv19lqk] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    /** min-height: calc(100vh - 3.5rem); **/
}

.NewPatient[b-mdriv19lqk] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-mdriv19lqk] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-mdriv19lqk] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-mdriv19lqk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-mdriv19lqk] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-mdriv19lqk] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-mdriv19lqk] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-mdriv19lqk] {
        font-size: 1rem;
    }

    .patient-info p[b-mdriv19lqk] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-mdriv19lqk] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.bg-PatientList[b-mdriv19lqk] {
    background-color: white !important;
}
.Headerfilter[b-mdriv19lqk] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-mdriv19lqk] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-mdriv19lqk] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-mdriv19lqk] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-mdriv19lqk] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-mdriv19lqk] {
    font-weight: bold
}

.labeloption[b-mdriv19lqk] {
    font-style: italic
}

.cdstitle[b-mdriv19lqk] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

.custom-header[b-mdriv19lqk] {
    background-color: #07a6a1; /*var(--color-primary);  background-color: #0d6efd; **/
    color: white;
    border-bottom: 0;
    font-size: 0.75rem; /* Adjust the size as needed */
    line-height: 1.2;
    opacity: 0.5;
    font-weight: 200;
}

.custom-grid-row[b-mdriv19lqk] {
    line-height: 1; /* Adjust line height */
    font-size: 0.75rem; /* Adjust font size */
    padding: 4px; /* Optional: Adjust padding */
}

.custom-grid-selected-row[b-mdriv19lqk] {
    line-height: 1; /* Adjust line height */
    font-size: 0.8rem; /* Adjust font size */
    padding: 4px; /* Optional: Adjust padding */
    background-color: lightgray; /*var(--color-primary);  background-color: #0d6efd; **/
    color: white;
    font-weight: bold;
}

.pagination[b-mdriv19lqk] {
    font-size: 0.8rem;
    line-height: 1; /* Adjust line height */
}

    .pagination .page-link[b-mdriv19lqk] {
        font-size: 0.8rem;
        line-height: 1; /* Adjust line height */
    }
    /* Override the style for the pagination text */
    .pagination .page-item[b-mdriv19lqk] {
        font-size: 0.8rem;
    }

.scrollable-container[b-mdriv19lqk] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/DossierRecherche/CDSDetailView.razor.rz.scp.css */
/* Styles partagés pour les pages de détail (Médecin, CDS, Pharmacie) */

/* Variables Navigation Retour*/
.header-bar[b-oiz5a6elli] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-oiz5a6elli] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-oiz5a6elli] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-oiz5a6elli] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-oiz5a6elli] {
        color: #333;
    }

h1[b-oiz5a6elli] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}

/* Card d'en-tête */
.bg-Header[b-oiz5a6elli] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.doctor-image[b-oiz5a6elli] {
    width: 120px;
    height: 120px;
    margin-right: 1.5rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
}

.doctor-info[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.doctor-name[b-oiz5a6elli] {
    font-size: 1.2rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.5rem;
}

.address-info[b-oiz5a6elli] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-bottom: 0.5rem;
}

.doctor-location[b-oiz5a6elli] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-top: 0.5rem;
}

    .doctor-location:hover[b-oiz5a6elli] {
        color: white;
        text-decoration: underline;
    }

.speciality[b-oiz5a6elli] {
    color: #e6e6e6;
    font-size: 0.95rem;
    line-height: 1.4;
}

.speciality-headerinfo[b-oiz5a6elli] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: white;
}

.speciality-info[b-oiz5a6elli] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

/* Icons */
.icon[b-oiz5a6elli] {
    margin-right: 8px;
    color: white;
}

/* Styles pour les sections accordéon */
.section[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.text-blue[b-oiz5a6elli] {
    color: #0078D4;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.info-row[b-oiz5a6elli] {
    padding: 1rem 0;
    line-height: 1.6;
}

    .info-row p[b-oiz5a6elli] {
        margin-bottom: 0.75rem;
    }

    .info-row ul[b-oiz5a6elli] {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .info-row li[b-oiz5a6elli] {
        margin-bottom: 0.25rem;
    }

    .info-row strong[b-oiz5a6elli] {
        color: #333;
    }

    .info-row em[b-oiz5a6elli] {
        color: #666;
        font-style: italic;
    }

/* Bouton pour la localisation */
.btn-primary[b-oiz5a6elli] {
    background-color: #0078D4;
    border-color: #0078D4;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
}

    .btn-primary:hover[b-oiz5a6elli] {
        background-color: #005a9e;
        border-color: #005a9e;
    }

/* Styles spécifiques aux pharmacies */
.pharmacy-detail-card[b-oiz5a6elli] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.3rem;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.pharmacy-photo[b-oiz5a6elli] {
    width: 90px;
    height: 90px;
    margin-right: 0.75rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pharmacy-photo img[b-oiz5a6elli] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.info-section[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    gap: 0.15rem;
}

.pharmacy-name[b-oiz5a6elli] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.15rem;
}

.responsable[b-oiz5a6elli] {
    color: #e6e6e6;
    font-size: 0.9rem;
    margin-bottom: 0.15rem;
}

.status-section[b-oiz5a6elli] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-bottom: 0.15rem;
}

.status-badge[b-oiz5a6elli] {
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

    .status-badge.garde[b-oiz5a6elli] {
        background-color: #ff6b6b;
        color: white;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-weight: 500;
    }

.details-section[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #e6e6e6;
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

.location-info[b-oiz5a6elli], .contact-section[b-oiz5a6elli] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.schedule-info[b-oiz5a6elli] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.2rem;
    color: #e6e6e6;
}

.schedule-content[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.schedule-title[b-oiz5a6elli] {
    font-size: 0.85rem;
    display: inline-block;
}

.time-slots[b-oiz5a6elli] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

    .time-slots div[b-oiz5a6elli] {
        font-size: 0.85rem;
        line-height: 1.2;
    }

        .time-slots div:first-child[b-oiz5a6elli] {
            font-weight: 500;
        }

.regular-hours-notice[b-oiz5a6elli] {
    margin-top: 0.5rem;
    font-style: italic;
    color: #d1d1d1;
    font-size: 0.8rem;
}

.SpaceInterCard[b-oiz5a6elli] {
    height: 1rem;
}

.card-inner-content[b-oiz5a6elli] {
    display: flex;
    gap: 1.5rem;
}

.tab-content[b-oiz5a6elli] {
    background: white;
    padding: 0.5rem;
    border-radius: 8px;
    margin-top: 0.3rem;
}

/* Responsive */
@media (max-width: 480px) {
    .bg-Header[b-oiz5a6elli], .pharmacy-detail-card[b-oiz5a6elli] {
        padding: 1rem;
    }

    .doctor-image[b-oiz5a6elli], .pharmacy-photo[b-oiz5a6elli] {
        width: 100px;
        height: 100px;
    }

    .doctor-name[b-oiz5a6elli], .pharmacy-name[b-oiz5a6elli] {
        font-size: 1.1rem;
    }

    .text-blue[b-oiz5a6elli] {
        font-size: 0.9rem;
    }

    .info-row[b-oiz5a6elli] {
        padding: 0.75rem 0;
    }

    .details-section[b-oiz5a6elli] {
        font-size: 0.8rem;
    }

    .schedule-info[b-oiz5a6elli] {
        gap: 0.3rem;
    }

    .schedule-title[b-oiz5a6elli], .time-slots[b-oiz5a6elli] {
        font-size: 0.8rem;
    }
}
/* /Pages/DossierRecherche/MedecinDetailView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-d1c9pqskmg] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-d1c9pqskmg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-d1c9pqskmg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-d1c9pqskmg] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-d1c9pqskmg] {
        color: #333;
    }


h1[b-d1c9pqskmg] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

/* Base styles */
body[b-d1c9pqskmg] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa;
}

.results-page[b-d1c9pqskmg] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.header[b-d1c9pqskmg] {
    background-color: #26509c;
    padding: 1rem;
    margin-bottom: 1rem;
}

.header-content[b-d1c9pqskmg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}



.header h1[b-d1c9pqskmg] {
    color: white;
    font-size: 1.2rem;
    margin: 0;
}

.header h5[b-d1c9pqskmg] {
    color: white;
}

/* Card du médecin */
.bg-Header[b-d1c9pqskmg] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.doctor-image[b-d1c9pqskmg] {
    width: 120px;
    height: 120px;
    margin-right: 1.5rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
}

/* Informations du médecin */
.doctor-info[b-d1c9pqskmg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1; /* Pour que le texte prenne l'espace restant */
}

/* Nom du médecin */
.doctor-name[b-d1c9pqskmg] {
    font-size: 1.2rem;
    font-weight: 500;
    color: white; /* Texte en blanc */
    margin-bottom: 0.5rem;
}


.speciality[b-d1c9pqskmg] {
    color: #e6e6e6;
    font-size: 0.95rem;
    line-height: 1.4;
}

/* Icons */
.icon[b-d1c9pqskmg] {
    margin-right: 8px;
    color: white;
}

/* Styles pour les sections accordéon */
.section[b-d1c9pqskmg] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.text-blue[b-d1c9pqskmg] {
    color: #0078D4;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.info-row[b-d1c9pqskmg] {
    padding: 1rem 0;
    line-height: 1.6;
}

    .info-row p[b-d1c9pqskmg] {
        margin-bottom: 0.75rem;
    }

    .info-row ul[b-d1c9pqskmg] {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .info-row li[b-d1c9pqskmg] {
        margin-bottom: 0.25rem;
    }

    .info-row strong[b-d1c9pqskmg] {
        color: #333;
    }

    .info-row em[b-d1c9pqskmg] {
        color: #666;
        font-style: italic;
    }

/* Styles pour le contenu des onglets */
.doctor-location[b-d1c9pqskmg] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-top: 0.5rem;
}

    .doctor-location:hover[b-d1c9pqskmg] {
        color: white;
        text-decoration: underline;
    }

.address-info[b-d1c9pqskmg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-bottom: 0.5rem;
}

/* Bouton pour la localisation */
.btn-primary[b-d1c9pqskmg] {
    background-color: #0078D4;
    border-color: #0078D4;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
}

    .btn-primary:hover[b-d1c9pqskmg] {
        background-color: #005a9e;
        border-color: #005a9e;
    }

/* Responsive */
@media (max-width: 480px) {
    .bg-Header[b-d1c9pqskmg] {
        padding: 1rem;
    }

    .doctor-image[b-d1c9pqskmg] {
        width: 100px;
        height: 100px;
    }

    .doctor-name[b-d1c9pqskmg] {
        font-size: 1.1rem;
    }

    .text-blue[b-d1c9pqskmg] {
        font-size: 0.9rem;
    }

    .info-row[b-d1c9pqskmg] {
        padding: 0.75rem 0;
    }
}
/* /Pages/DossierRecherche/PharmacydeGardeDetails.razor.rz.scp.css */
/* Styles partag�s pour les pages de d�tail (M�decin, CDS, Pharmacie) */

/* Variables Navigation Retour*/
.header-bar[b-rwching620] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-rwching620] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-rwching620] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-rwching620] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-rwching620] {
        color: #333;
    }

h1[b-rwching620] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}

/* Card d'en-t�te */
.bg-Header[b-rwching620] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.doctor-image[b-rwching620] {
    width: 120px;
    height: 120px;
    margin-right: 1.5rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
}

.doctor-info[b-rwching620] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.doctor-name[b-rwching620] {
    font-size: 1.2rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.5rem;
}

.address-info[b-rwching620] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-bottom: 0.5rem;
}

.doctor-location[b-rwching620] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-top: 0.5rem;
}

    .doctor-location:hover[b-rwching620] {
        color: white;
        text-decoration: underline;
    }

.speciality[b-rwching620] {
    color: #e6e6e6;
    font-size: 0.95rem;
    line-height: 1.4;
}

.speciality-headerinfo[b-rwching620] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: white;
}

.speciality-info[b-rwching620] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

/* Icons */
.icon[b-rwching620] {
    margin-right: 8px;
    color: white;
}

/* Styles pour les sections accord�on */
.section[b-rwching620] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.text-blue[b-rwching620] {
    color: #0078D4;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.info-row[b-rwching620] {
    padding: 1rem 0;
    line-height: 1.6;
}

    .info-row p[b-rwching620] {
        margin-bottom: 0.75rem;
    }

    .info-row ul[b-rwching620] {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .info-row li[b-rwching620] {
        margin-bottom: 0.25rem;
    }

    .info-row strong[b-rwching620] {
        color: #333;
    }

    .info-row em[b-rwching620] {
        color: #666;
        font-style: italic;
    }

/* Bouton pour la localisation */
.btn-primary[b-rwching620] {
    background-color: #0078D4;
    border-color: #0078D4;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
}

    .btn-primary:hover[b-rwching620] {
        background-color: #005a9e;
        border-color: #005a9e;
    }

/* Styles sp�cifiques aux pharmacies */
.pharmacy-detail-card[b-rwching620] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.3rem;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.pharmacy-photo[b-rwching620] {
    width: 90px;
    height: 90px;
    margin-right: 0.75rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pharmacy-photo img[b-rwching620] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.info-section[b-rwching620] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    gap: 0.15rem;
}

.pharmacy-name[b-rwching620] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.15rem;
}

.responsable[b-rwching620] {
    color: #e6e6e6;
    font-size: 0.9rem;
    margin-bottom: 0.15rem;
}

.status-section[b-rwching620] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-bottom: 0.15rem;
}

.status-badge[b-rwching620] {
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.7rem;
}

    .status-badge.garde[b-rwching620] {
        background-color: #ff6b6b;
        color: white;
        border-radius: 4px;
    }

.details-section[b-rwching620] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #e6e6e6;
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

.location-info[b-rwching620], .contact-section[b-rwching620] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.schedule-info[b-rwching620] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.2rem;
    color: #e6e6e6;
}

.schedule-content[b-rwching620] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.schedule-title[b-rwching620] {
    font-size: 0.85rem;
    display: inline-block;
}

.time-slots[b-rwching620] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

    .time-slots div[b-rwching620] {
        font-size: 0.85rem;
        line-height: 1.2;
    }

        .time-slots div:first-child[b-rwching620] {
            font-weight: 500;
        }

.regular-hours-notice[b-rwching620] {
    margin-top: 0.5rem;
    font-style: italic;
    color: #d1d1d1;
    font-size: 0.8rem;
}

.SpaceInterCard[b-rwching620] {
    height: 1rem;
}

.card-inner-content[b-rwching620] {
    display: flex;
    gap: 1.5rem;
}

.tab-content[b-rwching620] {
    background: white;
    padding: 0.5rem;
    border-radius: 8px;
    margin-top: 0.3rem;
}

/* Responsive */
@media (max-width: 480px) {
    .bg-Header[b-rwching620], .pharmacy-detail-card[b-rwching620] {
        padding: 1rem;
    }

    .doctor-image[b-rwching620], .pharmacy-photo[b-rwching620] {
        width: 100px;
        height: 100px;
    }

    .doctor-name[b-rwching620], .pharmacy-name[b-rwching620] {
        font-size: 1.1rem;
    }

    .text-blue[b-rwching620] {
        font-size: 0.9rem;
    }

    .info-row[b-rwching620] {
        padding: 0.75rem 0;
    }

    .details-section[b-rwching620] {
        font-size: 0.8rem;
    }

    .schedule-info[b-rwching620] {
        gap: 0.3rem;
    }

    .schedule-title[b-rwching620], .time-slots[b-rwching620] {
        font-size: 0.8rem;
    }
}
/* /Pages/DossierRecherche/PharmacyDetails.razor.rz.scp.css */
/* Styles partag�s pour les pages de d�tail (M�decin, CDS, Pharmacie) */

/* Variables Navigation Retour*/
.header-bar[b-sr2bxr7v0u] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-sr2bxr7v0u] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-sr2bxr7v0u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-sr2bxr7v0u] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-sr2bxr7v0u] {
        color: #333;
    }

h1[b-sr2bxr7v0u] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}

/* Card d'en-t�te */
.bg-Header[b-sr2bxr7v0u] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.doctor-image[b-sr2bxr7v0u] {
    width: 120px;
    height: 120px;
    margin-right: 1.5rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
}

.doctor-info[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
}

.doctor-name[b-sr2bxr7v0u] {
    font-size: 1.2rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.5rem;
}

.address-info[b-sr2bxr7v0u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-bottom: 0.5rem;
}

.doctor-location[b-sr2bxr7v0u] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #e6e6e6;
    margin-top: 0.5rem;
}

    .doctor-location:hover[b-sr2bxr7v0u] {
        color: white;
        text-decoration: underline;
    }

.speciality[b-sr2bxr7v0u] {
    color: #e6e6e6;
    font-size: 0.95rem;
    line-height: 1.4;
}

.speciality-headerinfo[b-sr2bxr7v0u] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: white;
}

.speciality-info[b-sr2bxr7v0u] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

/* Icons */
.icon[b-sr2bxr7v0u] {
    margin-right: 8px;
    color: white;
}

/* Styles pour les sections accord�on */
.section[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.text-blue[b-sr2bxr7v0u] {
    color: #0078D4;
    font-weight: 500;
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.info-row[b-sr2bxr7v0u] {
    padding: 1rem 0;
    line-height: 1.6;
}

    .info-row p[b-sr2bxr7v0u] {
        margin-bottom: 0.75rem;
    }

    .info-row ul[b-sr2bxr7v0u] {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .info-row li[b-sr2bxr7v0u] {
        margin-bottom: 0.25rem;
    }

    .info-row strong[b-sr2bxr7v0u] {
        color: #333;
    }

    .info-row em[b-sr2bxr7v0u] {
        color: #666;
        font-style: italic;
    }

/* Bouton pour la localisation */
.btn-primary[b-sr2bxr7v0u] {
    background-color: #0078D4;
    border-color: #0078D4;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    border: none;
    cursor: pointer;
    font-size: 0.9rem;
}

    .btn-primary:hover[b-sr2bxr7v0u] {
        background-color: #005a9e;
        border-color: #005a9e;
    }

/* Styles sp�cifiques aux pharmacies */
.pharmacy-detail-card[b-sr2bxr7v0u] {
    background-color: #334f66;
    color: white;
    border-radius: 8px;
    padding: 0.75rem;
    margin-bottom: 0.3rem;
    align-items: flex-start;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

.pharmacy-photo[b-sr2bxr7v0u] {
    width: 90px;
    height: 90px;
    margin-right: 0.75rem;
    flex-shrink: 0;
    border-radius: 8px;
    object-fit: cover;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .pharmacy-photo img[b-sr2bxr7v0u] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }

.info-section[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    gap: 0.15rem;
}

.pharmacy-name[b-sr2bxr7v0u] {
    font-size: 1.1rem;
    font-weight: 500;
    color: white;
    margin-bottom: 0.15rem;
}

.responsable[b-sr2bxr7v0u] {
    color: #e6e6e6;
    font-size: 0.9rem;
    margin-bottom: 0.15rem;
}

.status-section[b-sr2bxr7v0u] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    margin-bottom: 0.15rem;
}

.status-badge[b-sr2bxr7v0u] {
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
    font-size: 0.85rem;
}

    .status-badge.garde[b-sr2bxr7v0u] {
        background-color: #ff6b6b;
        color: white;
        padding: 0.2rem 0.5rem;
        border-radius: 4px;
        font-size: 0.7rem;
    }

.details-section[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    color: #e6e6e6;
    font-size: 0.85rem;
    margin-top: 0.15rem;
}

.location-info[b-sr2bxr7v0u], .contact-section[b-sr2bxr7v0u] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.schedule-info[b-sr2bxr7v0u] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin-top: 0.2rem;
    color: #e6e6e6;
}

.schedule-content[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.schedule-title[b-sr2bxr7v0u] {
    font-size: 0.85rem;
    display: inline-block;
}

.time-slots[b-sr2bxr7v0u] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    font-size: 0.85rem;
}

    .time-slots div[b-sr2bxr7v0u] {
        font-size: 0.85rem;
        line-height: 1.2;
    }

        .time-slots div:first-child[b-sr2bxr7v0u] {
            font-weight: 500;
        }

.regular-hours-notice[b-sr2bxr7v0u] {
    margin-top: 0.5rem;
    font-style: italic;
    color: #d1d1d1;
    font-size: 0.8rem;
}

.SpaceInterCard[b-sr2bxr7v0u] {
    height: 1rem;
}

.card-inner-content[b-sr2bxr7v0u] {
    display: flex;
    gap: 1.5rem;
}

.tab-content[b-sr2bxr7v0u] {
    background: white;
    padding: 0.5rem;
    border-radius: 8px;
    margin-top: 0.3rem;
}

/* Responsive */
@media (max-width: 480px) {
    .bg-Header[b-sr2bxr7v0u], .pharmacy-detail-card[b-sr2bxr7v0u] {
        padding: 1rem;
    }

    .doctor-image[b-sr2bxr7v0u], .pharmacy-photo[b-sr2bxr7v0u] {
        width: 100px;
        height: 100px;
    }

    .doctor-name[b-sr2bxr7v0u], .pharmacy-name[b-sr2bxr7v0u] {
        font-size: 1.1rem;
    }

    .text-blue[b-sr2bxr7v0u] {
        font-size: 0.9rem;
    }

    .info-row[b-sr2bxr7v0u] {
        padding: 0.75rem 0;
    }

    .details-section[b-sr2bxr7v0u] {
        font-size: 0.8rem;
    }

    .schedule-info[b-sr2bxr7v0u] {
        gap: 0.3rem;
    }

    .schedule-title[b-sr2bxr7v0u], .time-slots[b-sr2bxr7v0u] {
        font-size: 0.8rem;
    }
}
/* /Pages/DossierRecherche/PharmacyGardeResultat.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-lxh127pu8g] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-lxh127pu8g] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-lxh127pu8g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-lxh127pu8g] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-lxh127pu8g] {
        color: #333;
    }


h1[b-lxh127pu8g] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.page-container[b-lxh127pu8g] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.header[b-lxh127pu8g] {
    background-color: #26509c;
    padding: 1rem;
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-content[b-lxh127pu8g] {
    display: flex;
    align-items: center;
    gap: 1rem;
}



.header h1[b-lxh127pu8g] {
    color: white;
    font-size: 1.2rem;
    margin: 0;
    font-weight: 500;
}


.results-page[b-lxh127pu8g] {
    background-color: #f5f5f5;
    min-height: 100vh;
    padding: 0.5rem;
}

.pharmacy-card[b-lxh127pu8g] {
    background: white;
    border-radius: 4px;
    margin-bottom: 0.5rem;
    overflow: hidden;
}

.guard-period-header[b-lxh127pu8g] {
    background-color: #009688;
    color: white;
    padding: 0.75rem;
    font-size: 0.9rem;
}

.card-content[b-lxh127pu8g] {
    padding: 1rem;
}

.pharmacy-profile[b-lxh127pu8g] {
    display: flex;
    gap: 1rem;
    margin-bottom: 0.75rem;
}

.pharmacy-photo[b-lxh127pu8g] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
}

    .pharmacy-photo img[b-lxh127pu8g] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .pharmacy-photo i[b-lxh127pu8g] {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f5f5f5;
        color: #666;
        font-size: 1.5rem;
    }

.pharmacy-name[b-lxh127pu8g] {
    color: #0066cc;
    font-size: 1rem;
    margin: 0;
    font-weight: normal;
}

.responsable[b-lxh127pu8g] {
    color: #666;
    font-size: 0.9rem;
    margin: 0.25rem 0;
}

.status-section[b-lxh127pu8g] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9rem;
}

    .status-section span:first-child[b-lxh127pu8g] {
        color: #666;
    }

.status-badge[b-lxh127pu8g] {
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.875rem;
}

    .status-badge.open[b-lxh127pu8g] {
        background-color: #28a745;
        color: white;
    }

    .status-badge.closed[b-lxh127pu8g] {
        background-color: #dc3545;
        color: white;
    }

.contact-details[b-lxh127pu8g] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem; /* R�duit l'espacement � son minimum */
    margin-top: 0.5rem;
}

.info-item[b-lxh127pu8g] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem; /* Garde l'espacement horizontal entre ic�ne et texte */
    margin: 0;
    line-height: 1.2; /* R�duit la hauteur de ligne pour rapprocher encore plus les �l�ments */
    font-size: 0.9rem;
}

    .info-item i[b-lxh127pu8g] {
        color: #666;
        font-size: 1rem;
        width: 1rem;
        text-align: center;
    }


.location-link[b-lxh127pu8g] {
    cursor: pointer;
    color: #DFA47C; /* #28a745;  #6b8e23; Vert olive pour le lien localisation */
    text-decoration: none;
}

.additional-info[b-lxh127pu8g] {
    margin-top: 0.75rem;
    padding-top: 0.75rem;
    border-top: 1px solid #dee2e6;
    color: #666;
}

.info-text[b-lxh127pu8g] {
    margin: 0;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .info-text i[b-lxh127pu8g] {
        color: #666;
    }

.action-buttons[b-lxh127pu8g] {
    margin-top: 0.75rem;
}

.btn-details[b-lxh127pu8g] {
    background-color: #0d6efd;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
    cursor: pointer;
}

    .btn-details:hover[b-lxh127pu8g] {
        background-color: #0b5ed7;
    }
.distance_info[b-lxh127pu8g] {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.5rem
}

/* Conteneurs nodata */
.Nodatastyle[b-lxh127pu8g] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .Nodatastyle img[b-lxh127pu8g] {
        margin-bottom: 1rem;
        opacity: 0.8;
        width: 250px;
        height: 250px;
        border-radius: 5%;
    }

/* Conteneurs vides */
.text-center[b-lxh127pu8g] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .text-center img[b-lxh127pu8g] {
        margin-bottom: 1rem;
        opacity: 0.8;
    }
/* /Pages/DossierRecherche/PharmacyResultat.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-r71qi0fjjg] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-r71qi0fjjg] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-r71qi0fjjg] {
        color: #333;
    }


h1[b-r71qi0fjjg] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/
.results-page[b-r71qi0fjjg] {
    background-color: #f5f5f5;
    min-height: 100vh;
    padding: 0.5rem;
}

.header[b-r71qi0fjjg] {
    background-color: #28a745;
    color: white;
    padding: 0.75rem 1rem;
    border-radius: 4px;
    margin-bottom: 1rem;
}

.header-content[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.header h1[b-r71qi0fjjg] {
    margin: 0;
    font-size: 1.1rem;
    font-weight: normal;
}


.pharmacy-card[b-r71qi0fjjg] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    overflow: hidden;
    margin-bottom: 1rem;
}

.card-header[b-r71qi0fjjg] {
    background-color: #28a745;
    padding: 0.875rem 1rem;
}

    .card-header h2[b-r71qi0fjjg] {
        margin: 0;
        font-size: 1.1rem;
        font-weight: normal;
        color: white;
    }

.card-content[b-r71qi0fjjg] {
    padding: 1rem;
}

.profile-section[b-r71qi0fjjg] {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.pharmacy-photo[b-r71qi0fjjg] {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    background: #f5f5f5;
}

    .pharmacy-photo img[b-r71qi0fjjg] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .pharmacy-photo i[b-r71qi0fjjg] {
        font-size: 2rem;
        color: #666;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

.info-section[b-r71qi0fjjg] {
    flex: 1;
}

.pharmacy-name[b-r71qi0fjjg] {
    color: #0066cc;
    text-decoration: none;
    font-size: 1.1rem;
    display: block;
    margin: 0 0 0.25rem 0;
}

.responsable[b-r71qi0fjjg] {
    color: #666;
    margin: 0 0 0.25rem 0;
    font-size: 0.9rem;
}

.status-section[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .status-section span:first-child[b-r71qi0fjjg] {
        color: #666;
    }

.status-badge[b-r71qi0fjjg] {
    padding: 0.2rem 0.5rem;
    border-radius: 3px;
    font-size: 0.875rem;
}

    .status-badge.open[b-r71qi0fjjg] {
        background-color: #28a745;
        color: white;
    }

    .status-badge.closed[b-r71qi0fjjg] {
        background-color: #dc3545;
        color: white;
    }

.details-section[b-r71qi0fjjg] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}

    .details-section > div[b-r71qi0fjjg] {
        display: flex;
        align-items: flex-start;
        gap: 0.1rem;
        margin: 0;
    }

    .details-section i[b-r71qi0fjjg] {
        color: #666;
        width: 1rem;
        flex-shrink: 0;
    }

.address-info[b-r71qi0fjjg], .location-info[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.contact-section[b-r71qi0fjjg] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.phone-line[b-r71qi0fjjg], .email-line[b-r71qi0fjjg] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.location-link[b-r71qi0fjjg] {
    color: #DFA47C; /* #28a745;  #6b8e23; Vert olive pour le lien localisation */
    text-decoration: none;
    cursor: pointer;
}

.schedule-info[b-r71qi0fjjg] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid #ddd;
    margin-top: 0.5rem;
    font-size: 0.85rem; 
}

.schedule-content[b-r71qi0fjjg] {
    flex: 1;
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
}

.schedule-title[b-r71qi0fjjg] {
    white-space: nowrap; 
}

.time-slots[b-r71qi0fjjg] {
    display: flex;
    gap: 0.75rem;
    flex-direction: row;
    flex-wrap: nowrap;
    font-size: 0.8rem;
}

    .time-slots span[b-r71qi0fjjg] {
        white-space: nowrap;
        color: #222; 
        font-weight: 500; 
    }


@media (max-width: 380px) {
    .schedule-info[b-r71qi0fjjg] {
        font-size: 0.75rem; 
    }

    .time-slots[b-r71qi0fjjg] {
        font-size: 0.7rem;
        gap: 0.5rem; 
    }
        .time-slots span[b-r71qi0fjjg] {
            color: #222; 
        }
}

.additional-info[b-r71qi0fjjg] {
    color: #666;
    font-size: 0.9rem;
    background-color: #f8f9fa;
    padding: 0.75rem;
    margin: 0.75rem -1rem -1rem;
    border-top: 1px solid #dee2e6;
}

.action-section[b-r71qi0fjjg] {
    margin-top: 1rem;
}

.detail-btn[b-r71qi0fjjg] {
    background: #0d6efd;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    font-size: 0.9rem;
}

    .detail-btn:hover[b-r71qi0fjjg] {
        background: #0b5ed7;
    }

.distance_info[b-r71qi0fjjg]{
    font-size:0.9rem;
    font-weight:bold;
    margin-top:0.5rem
}
/* Conteneurs nodata */
.Nodatastyle[b-r71qi0fjjg] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .Nodatastyle img[b-r71qi0fjjg] {
        margin-bottom: 1rem;
        opacity: 0.8;
        width: 250px;
        height: 250px;
        border-radius: 5%;
    }
/* /Pages/DossierRecherche/RechercheMedecin.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-allq0xg1cx] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-allq0xg1cx] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-allq0xg1cx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-allq0xg1cx] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-allq0xg1cx] {
        color: #333;
    }


h1[b-allq0xg1cx] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.results-page[b-allq0xg1cx] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.doctor-card[b-allq0xg1cx] {
    background: white;
    margin: 1rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header[b-allq0xg1cx] {
    background-color: #26509c;
    padding: 0.8rem 1rem;
}

    .card-header h2[b-allq0xg1cx] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.doctor-profile[b-allq0xg1cx] {
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
}

.doctor-photo[b-allq0xg1cx] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .doctor-photo img[b-allq0xg1cx] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.doctor-info h3[b-allq0xg1cx] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.specialty[b-allq0xg1cx] {
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

.contact-details[b-allq0xg1cx] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem; /* Réduit l'espacement à son minimum*/
    margin-top: 0.3rem;
    padding: 0;
}

.info-item[b-allq0xg1cx] {
    display: flex;
    align-items: center; /* Change à center pour un meilleur alignement */
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2; /* Réduit encore plus */
    font-size: 0.9rem;
}

    .info-item i[b-allq0xg1cx] {
        color: #666;
        font-size: 1rem;
    }

.contact-row[b-allq0xg1cx] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
}


.availability[b-allq0xg1cx] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem; /* Réduit le padding vertical */
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}

.availability-notice[b-allq0xg1cx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.2rem; /* Réduit de 0.8rem à 0.2rem */
}

.info-text[b-allq0xg1cx] {
    margin: 0.2rem 0; /* Réduit de 0.5rem à 0.2rem */
    font-size: 0.9rem;
    color: #666;
}

.phone[b-allq0xg1cx] {
    font-weight: 500;
    color: #333;
}

.note[b-allq0xg1cx] {
    font-size: 0.8rem;
    color: #666;
}

.action-buttons[b-allq0xg1cx] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-details[b-allq0xg1cx], .btn-appointment[b-allq0xg1cx] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
}

.btn-details[b-allq0xg1cx] {
    background-color: #e0e0e0;
    color: #333;
}

.btn-appointment[b-allq0xg1cx] {
    background-color: #0072bc;
    color: white;
}



button:disabled[b-allq0xg1cx] {
    background-color: #A9C8F2;
    cursor: not-allowed;
}

@media (min-width: 576px) {
    .contact-row[b-allq0xg1cx] {
        flex-direction: row;
        gap: 2rem;
    }

    .doctor-photo[b-allq0xg1cx] {
        width: 100px;
        height: 100px;
    }

    .doctor-info h3[b-allq0xg1cx] {
        font-size: 1.2rem;
    }

    .specialty[b-allq0xg1cx] {
        font-size: 1rem;
    }
}
/* Conteneurs nodata */
.Nodatastyle[b-allq0xg1cx] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .Nodatastyle img[b-allq0xg1cx] {
        margin-bottom: 1rem;
        opacity: 0.8;
        width: 250px;
        height: 250px;
        border-radius: 5%;
    }
/* /Pages/DossierRecherche/SearchCDSMedecin.razor.rz.scp.css */

/* Variables Navigation Retour*/
.header-bar[b-t62rbh166n] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-t62rbh166n] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-t62rbh166n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-t62rbh166n] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-t62rbh166n] {
        color: #333;
    }


h1[b-t62rbh166n] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.results-page[b-t62rbh166n] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.doctor-card[b-t62rbh166n] {
    background: white;
    margin: 1rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header[b-t62rbh166n] {
    background-color: #26509c;
    padding: 0.8rem 1rem;
}

    .card-header h2[b-t62rbh166n] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.doctor-profile[b-t62rbh166n] {
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
}

.doctor-photo[b-t62rbh166n] {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

    .doctor-photo img[b-t62rbh166n] {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

.doctor-info h3[b-t62rbh166n] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.specialty[b-t62rbh166n] {
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}
.speciality-info[b-t62rbh166n] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

.contact-details[b-t62rbh166n] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem; /* R�duit l'espacement � son minimum*/
    margin-top: 0.1rem;
    margin-left: 1rem;
    padding:0rem;
}

.info-item[b-t62rbh166n] {
    display: flex;
    align-items: center; /* Change � center pour un meilleur alignement */
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2; /* R�duit encore plus */
    font-size: 0.9rem;
}
    .info-item i[b-t62rbh166n] {
        color: #666;
        font-size: 1rem;
    }

.contact-row[b-t62rbh166n] {
    gap: 0rem;
}

.SpaceInterCard[b-t62rbh166n] {
    height:0.25rem;
}

.availability[b-t62rbh166n] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem; /* R�duit le padding vertical */
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}

.availability-notice[b-t62rbh166n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.2rem; /* R�duit de 0.8rem � 0.2rem */
}

.info-text[b-t62rbh166n] {
    margin: 0.2rem 0; /* R�duit de 0.5rem � 0.2rem */
    font-size: 0.9rem;
    color: #666;
}

.phone[b-t62rbh166n] {
    font-weight: 500;
    color: #333;
}

.note[b-t62rbh166n] {
    font-size: 0.8rem;
    color: #666;
}

.action-buttons[b-t62rbh166n] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-details[b-t62rbh166n], .btn-appointment[b-t62rbh166n] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
}

.btn-details[b-t62rbh166n] {
    background-color: #e0e0e0;
    color: #333;
}

.btn-appointment[b-t62rbh166n] {
    background-color: #0072bc;
    color: white;
}



button:disabled[b-t62rbh166n] {
    background-color: #A9C8F2;
    cursor: not-allowed;
}

@media (min-width: 576px) {
    .contact-row[b-t62rbh166n] {
        gap: 0rem;
    }

    .doctor-photo[b-t62rbh166n] {
        width: 100px;
        height: 100px;
    }

    .doctor-info h3[b-t62rbh166n] {
        font-size: 1.2rem;
        font-weight:bold;
    }

    .specialty[b-t62rbh166n] {
        font-size: 1rem;
    }
}
/* Conteneurs nodata */
.Nodatastyle[b-t62rbh166n] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .Nodatastyle img[b-t62rbh166n] {
        margin-bottom: 1rem;
        opacity: 0.8;
        width: 250px;
        height: 250px;
        border-radius: 5%;
    }
/* /Pages/DossierRecherche/SearchCDSResults.razor.rz.scp.css */

/* Variables Navigation Retour*/
.header-bar[b-z2ufit0om9] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-z2ufit0om9] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.back-button[b-z2ufit0om9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #666;
}

    .back-button span[b-z2ufit0om9] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-z2ufit0om9] {
        color: #333;
    }


h1[b-z2ufit0om9] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/

.results-page[b-z2ufit0om9] {
    background-color: #f5f5f5;
    padding: 0;
    min-height: 100vh;
}

.doctor-card[b-z2ufit0om9] {
    background: white;
    margin: 1rem;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.card-header[b-z2ufit0om9] {
    background-color: #26509c;
    padding: 0.8rem 1rem;
}

    .card-header h2[b-z2ufit0om9] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.doctor-profile[b-z2ufit0om9] {
    display: flex;
    padding: 1rem;
    gap: 1rem;
    align-items: center;
}

.doctor-photo[b-z2ufit0om9] {
    width: 60px;
    height: 60px;
    flex-shrink: 0;
}

    .doctor-photo img[b-z2ufit0om9] {
        width: 80%;
        height: 80%;
        border-radius: 50%;
        object-fit: cover;
    }

.doctor-info h3[b-z2ufit0om9] {
    margin: 0 0 0.5rem 0;
    font-size: 1.1rem;
    color: #333;
}

.specialty[b-z2ufit0om9] {
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}
.speciality-info[b-z2ufit0om9] {
    display: flex;
    margin: 0.2rem 0;
    font-size: 0.8rem;
    color: #666;
}

.contact-details[b-z2ufit0om9] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem; /* R�duit l'espacement � son minimum*/
    margin-top: 0.1rem;
    margin-left: 1rem;
    padding:0rem;
}

.info-item[b-z2ufit0om9] {
    display: flex;
    align-items: center; /* Change � center pour un meilleur alignement */
    gap: 0.5rem;
    margin: 0;
    padding: 0;
    line-height: 1.2; /* R�duit encore plus */
    font-size: 0.9rem;
}
    .info-item i[b-z2ufit0om9] {
        color: #666;
        font-size: 1rem;
    }

.contact-row[b-z2ufit0om9] {
    gap: 0rem;
}

.SpaceInterCard[b-z2ufit0om9] {
    height:0.25rem;
}

.availability[b-z2ufit0om9] {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem; /* R�duit le padding vertical */
    background-color: #f8f9fa;
    border-top: 1px solid #eee;
}

.availability-notice[b-z2ufit0om9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #666;
    font-size: 0.9rem;
    margin-bottom: 0.2rem; /* R�duit de 0.8rem � 0.2rem */
}

.info-text[b-z2ufit0om9] {
    margin: 0.2rem 0; /* R�duit de 0.5rem � 0.2rem */
    font-size: 0.9rem;
    color: #666;
}

.phone[b-z2ufit0om9] {
    font-weight: 500;
    color: #333;
}

.note[b-z2ufit0om9] {
    font-size: 0.8rem;
    color: #666;
}

.action-buttons[b-z2ufit0om9] {
    display: flex;
    gap: 0.5rem;
    padding: 1rem;
}

.btn-details[b-z2ufit0om9], .btn-appointment[b-z2ufit0om9] {
    flex: 1;
    padding: 0.7rem;
    border: none;
    border-radius: 4px;
    font-size: 0.9rem;
    cursor: pointer;
    text-align: center;
}

.btn-details[b-z2ufit0om9] {
    background-color: #e0e0e0;
    color: #333;
}

.btn-appointment[b-z2ufit0om9] {
    background-color: #0072bc;
    color: white;
}



button:disabled[b-z2ufit0om9] {
    background-color: #A9C8F2;
    cursor: not-allowed;
}

@media (min-width: 576px) {
    .contact-row[b-z2ufit0om9] {
        gap: 0rem;
    }

    .doctor-photo[b-z2ufit0om9] {
        width: 100px;
        height: 100px;
    }

    .doctor-info h3[b-z2ufit0om9] {
        font-size: 1.2rem;
        font-weight:bold;
    }

    .specialty[b-z2ufit0om9] {
        font-size: 1rem;
    }
}

.distance_info[b-z2ufit0om9] {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.5rem
}

/* Conteneurs nodata */
.Nodatastyle[b-z2ufit0om9] {
    text-align: center;
    padding: 2rem;
    color: #666;
}

    .Nodatastyle img[b-z2ufit0om9] {
        margin-bottom: 1rem;
        opacity: 0.8;
        width: 250px;
        height: 250px;
        border-radius: 5%;
    }
/* /Pages/DossierRecherche/SearchCommunView.razor.rz.scp.css */
body[b-9gbpijz92p] {
    font-family: Arial, Helvetica, sans-serif;
}


.medecin_area[b-9gbpijz92p] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}
.HeaderTitle[b-9gbpijz92p] {
    margin-left: 1rem;
}

.pharmacie_area[b-9gbpijz92p] {
    background-color: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}

.ImghomeRight[b-9gbpijz92p] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}
.ImghomeLeft[b-9gbpijz92p] {
    width: 300px;
    height: 200px;
    border-radius:5%;
}

.cds_area[b-9gbpijz92p] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
    line-height: 2rem;
}



.arrondi-Recherche[b-9gbpijz92p] {
    border-radius: 50px; /*Identique à border-radius: 50px/50px*/
}


.Medecin-background-class[b-9gbpijz92p] {
    background-image: url(Medias/images/medecin.jpg)
}

.Pharmacie-background-class[b-9gbpijz92p] {
    background-image: url(Medias/images/pharmacie.jpg)
}


/* Scrolling horizontal */
.horizontal-scroll[b-9gbpijz92p] {
    display: flex;
    overflow-x: auto;
    padding-bottom: 1rem;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}


.Pharmacie-container[b-9gbpijz92p] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Pharmacie-container[b-9gbpijz92p]::-webkit-scrollbar {
        display:block flow-root;
    }

.Pharmacie-card[b-9gbpijz92p] {
    min-width: 280px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.valid.modified:not([type=checkbox])[b-9gbpijz92p] {
    outline: 1px solid #26b050;
}

.invalid[b-9gbpijz92p] {
    outline: 1px solid red;
}

.validation-message[b-9gbpijz92p] {
    color: red;
}

/* NOUVEAU: Styles pour le toggle de distance */
.distance-toggle[b-9gbpijz92p] {
    display: flex;
    align-items: start;
    gap: 0.5rem;
    flex-shrink: 0;
    flex-direction: column;
    text-align: left;
}

.toggle-switch[b-9gbpijz92p] {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
}

    .toggle-switch input[b-9gbpijz92p] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider[b-9gbpijz92p] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 24px;
}

    .slider[b-9gbpijz92p]:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 3px;
        bottom: 3px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

input:checked + .slider[b-9gbpijz92p] {
    background-color: #0078D4;
}

    input:checked + .slider[b-9gbpijz92p]:before {
        transform: translateX(26px);
    }

.toggle-label[b-9gbpijz92p] {
    font-size: 0.9rem;
    color: #333;
    font-weight: 500;
}

.location-status-inline[b-9gbpijz92p] {
    font-size: 0.8rem;
    color: #666;
    font-style: italic;
}

.distance_info[b-9gbpijz92p] {
    font-size: 0.9rem;
    font-weight: bold;
    margin-top: 0.5rem
}

.SpaceInterCard[b-9gbpijz92p] {
    height: 1.5rem;
    color: #0056B3;
}


.SpaceIntraCard[b-9gbpijz92p] {
    height: 1rem;
    color: #0056B3;
}
.card-image[b-9gbpijz92p] {
    overflow: hidden;
}

    .card-image img[b-9gbpijz92p] {
        width: 70%;
        height: 70%;
        object-fit: cover;
        border-radius: 25%;
    }

.card-content[b-9gbpijz92p] {
    width: 65%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* /Pages/HistoConsultations/ConsultationView.razor.rz.scp.css */
body[b-gxl82to5g9] {
}
/* Variables Navigation Retour*/
.header-bar[b-gxl82to5g9] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-gxl82to5g9] {
    display: flex;
    gap: 1rem;
}

.back-button[b-gxl82to5g9] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-gxl82to5g9] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-gxl82to5g9] {
        color: #DF9E63; /* #333; */
    }

h5[b-gxl82to5g9] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/HistoConsultations/HistoConsultations.razor.rz.scp.css */
.Rdvconsult-section[b-qwtcdhyk6u] {
    padding: 1rem;
}
/* Variables Navigation Retour*/
.header-bar[b-qwtcdhyk6u] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-qwtcdhyk6u] {
    display: flex;
    gap: 1rem;
}

.back-button[b-qwtcdhyk6u] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-qwtcdhyk6u] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-qwtcdhyk6u] {
        color: #DF9E63; /* #333; */
    }

h5[b-qwtcdhyk6u] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.section-title[b-qwtcdhyk6u] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}


.section-container[b-qwtcdhyk6u] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.Rdvconsult-container[b-qwtcdhyk6u] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-qwtcdhyk6u]::-webkit-scrollbar {
        display: none;
    }

[b-qwtcdhyk6u] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-qwtcdhyk6u] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-qwtcdhyk6u] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-qwtcdhyk6u] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-qwtcdhyk6u] .Rdvconsult-content {
    padding: 1rem !important;
}

bg-imgResultat[b-qwtcdhyk6u] {
    background-color: #1e4ca1 !important;
}

.avatarPhoto[b-qwtcdhyk6u] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-qwtcdhyk6u] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-qwtcdhyk6u] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-qwtcdhyk6u] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-qwtcdhyk6u] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-qwtcdhyk6u] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-qwtcdhyk6u] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-qwtcdhyk6u] {
        font-size: 1rem;
    }

    .patient-info p[b-qwtcdhyk6u] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-qwtcdhyk6u] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.nodata-avatar[b-qwtcdhyk6u] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-qwtcdhyk6u] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-qwtcdhyk6u] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cdstitle[b-qwtcdhyk6u] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}

.scrollable-container[b-qwtcdhyk6u] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/HistoConsultations/ObservationView.razor.rz.scp.css */
body[b-le0ypg9kwz] {
}


/* /Pages/HistoExamensParamedicaux/HistoResultatExamenold.razor.rz.scp.css */
body[b-slp03ph7nh], html[b-slp03ph7nh] {
    height: 100%;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}

*[b-slp03ph7nh] {
    box-sizing: border-box;
}

.bg-img[b-slp03ph7nh] {
    min-height: 430px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.bg-imgConsult[b-slp03ph7nh] {
    background-image: url("Medias/Images/conseilnutrition.jpg");
    min-height: 430px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.container[b-slp03ph7nh] {
    position: absolute;
    right: 0;
    margin: 0px;
    margin-right: 15px;
    width: 70%;
    padding: 16px;
    background-color: white;
}

.containerLeft[b-slp03ph7nh] {
    position: absolute;
    left: 0;
    margin: 0px;
    margin-left: 15px;
    width: 70%;
    padding: 16px;
    background-color: white;
}

input[type=text][b-slp03ph7nh], input[type=password][b-slp03ph7nh] {
    width: 100%;
    padding: 15px;
    margin: 5px 0 22px 0;
    border: none;
    background: #f1f1f1;
}

    input[type=text]:focus[b-slp03ph7nh], input[type=password]:focus[b-slp03ph7nh] {
        background-color: #ddd;
        outline: none;
    }

.btn01[b-slp03ph7nh] {
    background-color: #04AA6D;
    color: white;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

.btn:hover[b-slp03ph7nh] {
    opacity: 1;
}

.section-container[b-slp03ph7nh] {
    border: solid 2px #7099d1;
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
}

.grid-header[b-slp03ph7nh] {
    background-color: #7099d1 !important;
    color: white;
    text-align: center;
    font-weight: bold;
    padding: 10px;
}


.section-header[b-slp03ph7nh] {
    background-color: #7099d1 !important;
    padding: 10px;
    font-weight: bold;
    color: white;
    border-bottom: 2px solid #7099d1;
    margin-bottom: 10px;
}

table[b-slp03ph7nh] {
    width: 100%;
    border-collapse: collapse;
}

th[b-slp03ph7nh], td[b-slp03ph7nh] {
    padding: 10px;
    border: 1px solid #ccc;
    text-align: center;
}

.table th[b-slp03ph7nh] {
    background-color: #007bff;
    color: white;
}

th[b-slp03ph7nh] {
    background-color: #7099d1;
    color: white;
}

.action-buttons button[b-slp03ph7nh] {
    margin-right: 5px;
}

.action-buttons .bi[b-slp03ph7nh] {
    font-size: 1.5em;
    cursor: pointer;
}

.medecin_area[b-slp03ph7nh] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}

.ImghomeRight[b-slp03ph7nh] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}

.ImghomeLeft[b-slp03ph7nh] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}

.Medecin-background-class[b-slp03ph7nh] {
    background-image: url(Medias/images/medecin.jpg);
}

.table-column-horaire[b-slp03ph7nh] {
    width: 10%;
    text-align: center;
}

.table-column-statut[b-slp03ph7nh] {
    width: 15%;
    text-align: center;
}

.table-column-action[b-slp03ph7nh] {
    width: 10%;
    text-align: center;
}

.table-column-patient[b-slp03ph7nh] {
    width: 65%;
}

th.sortable[b-slp03ph7nh] {
    cursor: pointer;
}

th.sorted-asc[b-slp03ph7nh]:after {
    content: ' ⬆';
}

th.sorted-desc[b-slp03ph7nh]:after {
    content: ' ⬇';
}

.bi-arrow-up[b-slp03ph7nh] {
    font-size: 0.8em;
    margin-left: 5px;
}

.bi-arrow-down[b-slp03ph7nh] {
    font-size: 0.8em;
    margin-left: 5px;
}

.grid-column-horaire[b-slp03ph7nh] {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.grid-column-statut[b-slp03ph7nh] {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.grid-column-action[b-slp03ph7nh] {
    width: 10%;
    text-align: center;
    vertical-align: middle;
}

.grid-column-patient[b-slp03ph7nh] {
    width: 70%;
    text-align: left;
    vertical-align: middle;
}


.grid-cell-centered[b-slp03ph7nh] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.grid-column-statut select[b-slp03ph7nh] {
    width: 100%;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ddd;
}

.grid-header[b-slp03ph7nh] {
    background-color: #7099d1 !important;
    color: white;
}

body[b-slp03ph7nh] {
}
/* /Pages/HistoPlanning/HistoRendezVous.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-jdxq3o8bqd] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-jdxq3o8bqd] {
    display: flex;
    gap: 1rem;
}

.back-button[b-jdxq3o8bqd] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-jdxq3o8bqd] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-jdxq3o8bqd] {
        color: #DF9E63; /* #333; */
    }

h5[b-jdxq3o8bqd] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.Rdvconsult-section[b-jdxq3o8bqd] {
    padding: 1rem;
}

.section-title[b-jdxq3o8bqd] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.section-container[b-jdxq3o8bqd] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.Rdvconsult-container[b-jdxq3o8bqd] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-jdxq3o8bqd]::-webkit-scrollbar {
        display: none;
    }

[b-jdxq3o8bqd] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-jdxq3o8bqd] .date-time-header {
    background: #07a6a1;
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-jdxq3o8bqd] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-jdxq3o8bqd] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-jdxq3o8bqd] .Rdvconsult-content {
    padding: 1rem !important;
}

bg-imgResultat[b-jdxq3o8bqd] {
    background-color: #1e4ca1 !important;
}

.avatarPhoto[b-jdxq3o8bqd] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-jdxq3o8bqd] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-jdxq3o8bqd] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-jdxq3o8bqd] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-jdxq3o8bqd] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-jdxq3o8bqd] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-jdxq3o8bqd] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-jdxq3o8bqd] {
        font-size: 1rem;
    }

    .patient-info p[b-jdxq3o8bqd] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-jdxq3o8bqd] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.cdstitle[b-jdxq3o8bqd] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}
.scrollable-container[b-jdxq3o8bqd] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/Home.razor.rz.scp.css */
body[b-6lkpnk0tl5] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.medecin_area[b-6lkpnk0tl5] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}
.HeaderTitle[b-6lkpnk0tl5] {
    margin-left: 1rem;
}

.pharmacie_area[b-6lkpnk0tl5] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}
.Coneils_area[b-6lkpnk0tl5] {
    background: #1C73FD !important;
    color: white;
    line-height: 2rem;
}
.ImghomeRight[b-6lkpnk0tl5] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}
.ImghomeLeft[b-6lkpnk0tl5] {
    width: 300px;
    height: 200px;
    border-radius:5%;
}
.SpaceInterCard[b-6lkpnk0tl5] {
    height: 0.5rem;
}
.Rendezvous_area[b-6lkpnk0tl5] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
    line-height: 2rem;
}

.ResultatExamen_area[b-6lkpnk0tl5] {
    /* background-color: #7099d1 !important; */
    /* background-color: 1C73FD !important;  */
    background: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}

.Actualite_area[b-6lkpnk0tl5] {
    background-color: #08A6A0 !important;
    color: white;
    line-height: 2rem;
}



.arrondi-Recherche[b-6lkpnk0tl5] {
    border-radius: 50px; /*Identique à border-radius: 50px/50px*/
}


.Medecin-background-class[b-6lkpnk0tl5] {
    background-image: url(Medias/images/medecin.jpg)
}

.Pharmacie-background-class[b-6lkpnk0tl5] {
    background-image: url(Medias/images/pharmacie.jpg)
}


/* Scrolling horizontal */
.horizontal-scroll[b-6lkpnk0tl5] {
    display: flex;
    overflow-x: auto;
    padding-bottom: 1rem;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}


.Pharmacie-container[b-6lkpnk0tl5] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Pharmacie-container[b-6lkpnk0tl5]::-webkit-scrollbar {
        display:block flow-root;
    }

.Pharmacie-card[b-6lkpnk0tl5] {
    min-width: 280px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.valid.modified:not([type=checkbox])[b-6lkpnk0tl5] {
    outline: 1px solid #26b050;
}

.invalid[b-6lkpnk0tl5] {
    outline: 1px solid red;
}

.validation-message[b-6lkpnk0tl5] {
    color: red;
}


 .Medecin-card[b-6lkpnk0tl5] {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

 .Header_Medecin[b-6lkpnk0tl5] {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-6lkpnk0tl5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

   .Header_Text i[b-6lkpnk0tl5] {
        font-size: 1rem;
        opacity: 0.9;
    }

/* /Pages/HomeAccueil.razor.rz.scp.css */
body[b-4wpu34hgyl] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}


.main-container[b-4wpu34hgyl] {
    padding: 2rem;
    background-color: #f5f5f5;
    min-height: calc(100vh - 120px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    border-radius: 2%;
}

.action-cards[b-4wpu34hgyl] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    max-width: 600px;
    width: 100%;
}

.action-card[b-4wpu34hgyl] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border: 2px solid transparent;
    user-select: none;
}

    .action-card:hover[b-4wpu34hgyl] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        border-color: #5b9bd5;
    }

    .action-card:active[b-4wpu34hgyl] {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

.card-image[b-4wpu34hgyl] {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-image img[b-4wpu34hgyl] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
    }

.card-content[b-4wpu34hgyl] {
    flex: 1;
}

.card-title[b-4wpu34hgyl] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.card-description[b-4wpu34hgyl] {
    font-size: 1rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.labo-header[b-4wpu34hgyl] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: linear-gradient(135deg, #5b9bd5, #28a745);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

    .labo-header h2[b-4wpu34hgyl] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .labo-header p[b-4wpu34hgyl] {
        margin: 0.5rem 0 0 0;
        opacity: 0.9;
        font-size: 1rem;
        font-weight: 600;
    }


/* Media queries pour responsive */
@@media (max-width: 768px) {
    .main-container[b-4wpu34hgyl] {
        padding: 1rem;
    }

    .action-card[b-4wpu34hgyl] {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
        justify-content: center;
    }

    .card-image[b-4wpu34hgyl] {
        width: 60px;
        height: 60px;
    }

    .card-title[b-4wpu34hgyl] {
        font-size: 1.1rem;
    }

    .card-description[b-4wpu34hgyl] {
        font-size: 0.9rem;
    }
}

@@media (min-width: 769px) {
    .action-cards[b-4wpu34hgyl] {
        flex-direction: row;
        gap: 1.5rem;
    }

    .action-card[b-4wpu34hgyl] {
        flex: 1;
        flex-direction: column;
        text-align: center;
        min-height: 200px;
        justify-content: center;
    }

    .card-image[b-4wpu34hgyl] {
        width: 100px;
        height: 100px;
        margin-bottom: 1rem;
    }
}
/* /Pages/HomeAccueilLaboratoire.razor.rz.scp.css */

body[b-fdo1hi3ga1] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.main-container[b-fdo1hi3ga1] {
    padding: 2rem;
    background-color: #f5f5f5;
    min-height: calc(100vh - 120px);
    display: flex;
    justify-content:center;
    align-items: flex-start;
    border-radius: 2%;
}

.sub-contain[b-fdo1hi3ga1] {
    justify-content: center;
    width: 100%;
    max-width: 800px;
    align-items: center;
}

.action-cards[b-fdo1hi3ga1] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
}

.action-card[b-fdo1hi3ga1] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    padding: 1.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    border: 2px solid transparent;
    user-select: none;
}

    .action-card:hover[b-fdo1hi3ga1] {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
        border-color: #5b9bd5;
    }

    .action-card:active[b-fdo1hi3ga1] {
        transform: translateY(0);
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

.card-image[b-fdo1hi3ga1] {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .card-image img[b-fdo1hi3ga1] {
        width: 100%;
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
    }

.card-content[b-fdo1hi3ga1] {
    flex: 1;
}

.card-title[b-fdo1hi3ga1] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin: 0 0 0.5rem 0;
}

.card-description[b-fdo1hi3ga1] {
    font-size: 1rem;
    color: #666;
    margin: 0;
    line-height: 1.4;
}

.labo-header[b-fdo1hi3ga1] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 1rem;
    background: linear-gradient(135deg, #5b9bd5, #28a745);
    color: white;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

    .labo-header h2[b-fdo1hi3ga1] {
        margin: 0;
        font-size: 1.5rem;
        font-weight: 600;
    }

    .labo-header p[b-fdo1hi3ga1] {
        margin: 0.5rem 0 0 0;
        opacity: 0.9;
        font-size: 1rem;
        font-weight: 600;
    }


/* Media queries pour responsive */
@@media (max-width: 768px) {
    .main-container[b-fdo1hi3ga1] {
        padding: 1rem;
    }

    .action-card[b-fdo1hi3ga1] {
        flex-direction: column;
        text-align: center;
        padding: 1rem;
        justify-content: center;
    }

    .card-image[b-fdo1hi3ga1] {
        width: 60px;
        height: 60px;
    }

    .card-title[b-fdo1hi3ga1] {
        font-size: 1.1rem;
    }

    .card-description[b-fdo1hi3ga1] {
        font-size: 0.9rem;
    }
}

@@media (min-width: 769px) {
    .action-cards[b-fdo1hi3ga1] {
        flex-direction: row;
        gap: 1.5rem;
    }

    .action-card[b-fdo1hi3ga1] {
        flex: 1;
        flex-direction: column;
        text-align: center;
        min-height: 200px;
        justify-content: center;
    }

    .card-image[b-fdo1hi3ga1] {
        width: 100px;
        height: 100px;
        margin-bottom: 1rem;
    }
}
/* /Pages/HomeCDS.razor.rz.scp.css */
body[b-upcmez7mkd] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.main-container[b-upcmez7mkd] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-upcmez7mkd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-upcmez7mkd] {
    display: flex;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    height: 200px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-upcmez7mkd] {
    width: 35%;
    overflow: hidden;
}

    .card-image img[b-upcmez7mkd] {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }

.card-content[b-upcmez7mkd] {
    width: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-upcmez7mkd] {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #009fdf;
}

.card-description[b-upcmez7mkd] {
    margin: 0;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.SpaceInterCard[b-upcmez7mkd] {
    height: 0.5rem;
}
/* /Pages/HomeMedecin.razor.rz.scp.css */
body[b-40gsqx81p0] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.medecin_area[b-40gsqx81p0] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}
.HeaderTitle[b-40gsqx81p0] {
    margin-left: 1rem;
}

.pharmacie_area[b-40gsqx81p0] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
}
.Coneils_area[b-40gsqx81p0] {
    background: #1C73FD !important;
    color: white;
    line-height: 2rem;
}
.ImghomeRight[b-40gsqx81p0] {
    width: 300px;
    height: 200px;
    border-radius: 5%;
}
.ImghomeLeft[b-40gsqx81p0] {
    width: 300px;
    height: 200px;
    border-radius:5%;
}
.SpaceInterCard[b-40gsqx81p0] {
    height: 0.5rem;
}
.Rendezvous_area[b-40gsqx81p0] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
    line-height: 2rem;
}

.ResultatExamen_area[b-40gsqx81p0] {
    /* background-color: #7099d1 !important; */
    /* background-color: 1C73FD !important;  */
    background: #07a6a1 !important;
    color: white;
    line-height: 2rem;
}

.Actualite_area[b-40gsqx81p0] {
    background-color: #08A6A0 !important;
    color: white;
    line-height: 2rem;
}



.arrondi-Recherche[b-40gsqx81p0] {
    border-radius: 50px; /*Identique à border-radius: 50px/50px*/
}


.Medecin-background-class[b-40gsqx81p0] {
    background-image: url(Medias/images/medecin.jpg)
}

.Pharmacie-background-class[b-40gsqx81p0] {
    background-image: url(Medias/images/pharmacie.jpg)
}


/* Scrolling horizontal */
.horizontal-scroll[b-40gsqx81p0] {
    display: flex;
    overflow-x: auto;
    padding-bottom: 1rem;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
}


.Pharmacie-container[b-40gsqx81p0] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Pharmacie-container[b-40gsqx81p0]::-webkit-scrollbar {
        display:block flow-root;
    }

.Pharmacie-card[b-40gsqx81p0] {
    min-width: 280px;
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    flex: 0 0 auto;
    scroll-snap-align: start;
}

.valid.modified:not([type=checkbox])[b-40gsqx81p0] {
    outline: 1px solid #26b050;
}

.invalid[b-40gsqx81p0] {
    outline: 1px solid red;
}

.validation-message[b-40gsqx81p0] {
    color: red;
}


 .Medecin-card[b-40gsqx81p0] {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

 .Header_Medecin[b-40gsqx81p0] {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-40gsqx81p0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

   .Header_Text i[b-40gsqx81p0] {
        font-size: 1rem;
        opacity: 0.9;
    }

.cdstitle[b-40gsqx81p0] {
    font-weight: bold;
    text-align: right;
}
/* /Pages/HomePharmacie.razor.rz.scp.css */



.cards-grid[b-gbs431lxpl] {
    max-width: 720px;
    margin: 0 auto 80px;
    padding: 0 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px;
}

.card[b-gbs431lxpl] {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s;
}

    .card:hover[b-gbs431lxpl] {
        transform: translateY(-10px);
    }

    .card img[b-gbs431lxpl] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.card-overlay[b-gbs431lxpl] {
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    top: 0;
    background: linear-gradient(to top, rgba(0, 102, 179, 0.9) 0%, rgba(0, 102, 179, 0.3) 100%);
    display: grid;
    align-items: end;
    transition: background 0.3s;
    text-align: center;
}

.card:hover .card-overlay[b-gbs431lxpl] {
 
    background: linear-gradient(to top, rgba(0, 61, 102, 0.5) 0%, rgba(0, 61, 102, 0.5) 100%);
}

.card-title[b-gbs431lxpl] {
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.card-property[b-gbs431lxpl] {
    margin-top: auto; /* pushes it to the bottom */
    color: steelblue;
    font-size: 16px;
    line-height: 2.4;
    text-align: center;
    background-color: white;
    transition: background 0.3s;
    font-weight: bold;
}




.pre-footer[b-gbs431lxpl] {
    background: linear-gradient(to bottom, white 50%, #003d66 50%);
    padding: 80px 0 100px;
    font-family: 'Source Sans Pro', sans-serif;
}

.pre-footer-content[b-gbs431lxpl] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.pre-footer-block[b-gbs431lxpl] {
    background: white;
    padding: 30px 5px;
    border-radius: 0;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}

.pre-footer-card[b-gbs431lxpl] {
    position: relative;
    font-size: 13px;
    color: #00365A;
}

    .pre-footer-card:not(:last-child)[b-gbs431lxpl]::after {
        content: '';
        position: absolute;
        right: -25px;
        top: 0;
        bottom: 0;
        width: 2px;
        background: linear-gradient(to bottom, transparent, #0066b3, transparent);
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        color: #0066b3;
        font-size: 20px;
        margin-bottom: 20px;
        border-bottom: 3px solid #0066b3;
        padding-bottom: 10px;
    }

    .pre-footer-card ul[b-gbs431lxpl] {
        list-style: none;
        margin-bottom: 20px;
    }

        .pre-footer-card ul li[b-gbs431lxpl] {
            margin-bottom: 15px;
            padding-left: 20px;
            position: relative;
            font-size: 13px;
            line-height: 1.6;
        }

            .pre-footer-card ul li[b-gbs431lxpl]:before {
                content: "•";
                position: absolute;
                left: 0;
                color: #0066b3;
                font-weight: bold;
            }

    .pre-footer-card .btnrouge[b-gbs431lxpl] {
        display: inline-block;
        background-color: #e74c3c;
        color: white;
        padding: 12px 25px;
        text-decoration: none;
        border-radius: 5px;
        margin-top: 15px;
        transition: background-color 0.3s;
    }

        .pre-footer-card .btnrouge:hover[b-gbs431lxpl] {
            background-color: #c0392b;
        }

    .pre-footer-card .middle p[b-gbs431lxpl] {
        margin-bottom: 15px;
        font-size: 16px;
        line-height: 1.6;
    }

    .pre-footer-card .middle a[b-gbs431lxpl] {
        color: #0066b3;
        text-decoration: underline;
        font-size: 16px;
    }

    .pre-footer-card strong[b-gbs431lxpl] {
        font-size: 16px;
        font-weight: 600;
    }

.app-section[b-gbs431lxpl] {
    display: flex;
    gap: 20px;
    align-items: center;
}

    .app-section img[b-gbs431lxpl] {
        width: 100px;
        height: auto;
    }

footer[b-gbs431lxpl] {
    background-color: #003d66;
    color: white;
    padding: 60px 20px 30px;
}

.footer-content[b-gbs431lxpl] {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    margin-bottom: 40px;
}

.footer-column h3[b-gbs431lxpl] {
    font-size: 18px;
    margin-bottom: 20px;
    color: #6ba9d4;
}

.footer-column ul[b-gbs431lxpl] {
    list-style: none;
}

    .footer-column ul li[b-gbs431lxpl] {
        margin-bottom: 10px;
    }

.footer-column a[b-gbs431lxpl] {
    color: white;
    text-decoration: none;
    transition: color 0.3s;
}

    .footer-column a:hover[b-gbs431lxpl] {
        color: #6ba9d4;
    }

.social-icons[b-gbs431lxpl] {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.social-icon[b-gbs431lxpl] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #6ba9d4;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    transition: background-color 0.3s;
}

    .social-icon:hover[b-gbs431lxpl] {
        background-color: #0066b3;
    }

.footer-bottom[b-gbs431lxpl] {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 1200px) {
    .slider-content[b-gbs431lxpl] {
        gap: 20px;
        padding: 30px 20px;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 45%;
        padding: 30px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 55%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 380px;
        height: 380px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 390px;
        height: 390px;
    }
}

@media (max-width: 1024px) {
    .cards-grid[b-gbs431lxpl] {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .card[b-gbs431lxpl] {
        height: 320px;
    }

    .footer-content[b-gbs431lxpl] {
        grid-template-columns: repeat(2, 1fr);
    }

    .pre-footer-block[b-gbs431lxpl] {
        gap: 35px;
        padding: 25px 30px;
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .pre-footer-card ul li[b-gbs431lxpl] {
        font-size: 12px;
        margin-bottom: 12px;
    }
}

@media (max-width: 900px) {
    .main-nav[b-gbs431lxpl] {
        display: none;
    }

    .header-content[b-gbs431lxpl] {
        padding: 12px 30px;
    }

    .logo-container[b-gbs431lxpl] {
        gap: 15px;
    }

    .burger-menu[b-gbs431lxpl] {
        margin-right: 15px;
        padding: 8px;
    }

    .burger-line[b-gbs431lxpl] {
        width: 22px;
    }

    .logo[b-gbs431lxpl] {
        height: 50px;
    }

    .slider-section[b-gbs431lxpl] {
        min-height: 550px;
        padding-bottom: 100px;
    }

    .slider-content[b-gbs431lxpl] {
        padding: 30px 15px 40px;
        gap: 15px;
        align-items: center;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 40%;
        max-width: 300px;
        padding: 20px;
    }

    .category_actu[b-gbs431lxpl] {
        font-size: 11px;
        padding: 4px 12px;
    }

    .title_actu[b-gbs431lxpl] {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .excerpt_actu[b-gbs431lxpl] {
        font-size: 13px;
        margin-bottom: 15px;
        line-height: 1.5;
    }

    .slider-text a[b-gbs431lxpl] {
        padding: 10px 20px;
        font-size: 13px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 60%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 340px;
        height: 340px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 350px;
        height: 350px;
    }

    .slider-arrow[b-gbs431lxpl] {
        width: 45px;
        height: 45px;
        font-size: 22px;
    }

        .slider-arrow.prev[b-gbs431lxpl] {
            left: 15px;
        }

        .slider-arrow.next[b-gbs431lxpl] {
            right: 15px;
        }

    .slider-nav[b-gbs431lxpl] {
        bottom: 85px;
    }

    .wave-container svg[b-gbs431lxpl] {
        height: 130px;
    }

    .cards-grid[b-gbs431lxpl] {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .card[b-gbs431lxpl] {
        height: 300px;
    }

    .card-title[b-gbs431lxpl] {
        font-size: 20px;
    }

    .page-title[b-gbs431lxpl] {
        margin: 40px auto 30px;
    }

        .page-title h1[b-gbs431lxpl] {
            font-size: 30px;
        }
}

@media (max-width: 768px) {
    .header-content[b-gbs431lxpl] {
        padding: 10px 20px;
    }

    .logo-container[b-gbs431lxpl] {
        gap: 12px;
    }

    .burger-menu[b-gbs431lxpl] {
        margin-right: 12px;
        padding: 6px;
    }

    .burger-line[b-gbs431lxpl] {
        width: 20px;
        height: 1.5px;
    }

    .logo[b-gbs431lxpl] {
        height: 45px;
    }

    .slider-section[b-gbs431lxpl] {
        min-height: 500px;
    }

    .slider-content[b-gbs431lxpl] {
        padding: 25px 12px 35px;
        gap: 12px;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 42%;
        max-width: 260px;
        padding: 18px;
    }

    .title_actu[b-gbs431lxpl] {
        font-size: 18px;
        margin-bottom: 8px;
    }

    .excerpt_actu[b-gbs431lxpl] {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .slider-text a[b-gbs431lxpl] {
        padding: 9px 18px;
        font-size: 12px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 58%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 300px;
        height: 300px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 310px;
        height: 310px;
    }

    .slider-nav[b-gbs431lxpl] {
        bottom: 75px;
    }

    .slider-dot[b-gbs431lxpl] {
        width: 12px;
        height: 12px;
    }

    .wave-container svg[b-gbs431lxpl] {
        height: 110px;
    }

    .cards-grid[b-gbs431lxpl] {
        gap: 18px;
    }

    .card[b-gbs431lxpl] {
        height: 280px;
    }

    .card-title[b-gbs431lxpl] {
        font-size: 18px;
    }

    .card-overlay[b-gbs431lxpl] {
        padding: 25px;
    }

    .page-title h1[b-gbs431lxpl] {
        font-size: 28px;
    }

    .pre-footer[b-gbs431lxpl] {
        padding: 60px 0 80px;
    }

    .pre-footer-block[b-gbs431lxpl] {
        gap: 25px;
        padding: 20px 25px;
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        font-size: 17px;
        margin-bottom: 12px;
        padding-bottom: 8px;
    }

    .pre-footer-card ul li[b-gbs431lxpl] {
        font-size: 11px;
        margin-bottom: 10px;
        line-height: 1.5;
    }

    .pre-footer-card .middle p[b-gbs431lxpl] {
        font-size: 12px;
        margin-bottom: 12px;
    }

    .pre-footer-card .middle a[b-gbs431lxpl] {
        font-size: 12px;
    }

    .pre-footer-card strong[b-gbs431lxpl] {
        font-size: 13px;
    }

    .pre-footer-card .btnrouge[b-gbs431lxpl] {
        padding: 10px 20px;
        font-size: 12px;
        margin-top: 12px;
    }

    .app-section img[b-gbs431lxpl] {
        width: 70px;
    }

    .app-section p[b-gbs431lxpl] {
        font-size: 11px;
    }
}

@media (max-width: 650px) {
    .header-content[b-gbs431lxpl] {
        padding: 8px 15px;
    }

    .logo-container[b-gbs431lxpl] {
        gap: 10px;
    }

    .burger-menu[b-gbs431lxpl] {
        margin-right: 10px;
        padding: 5px;
    }

    .burger-line[b-gbs431lxpl] {
        width: 18px;
    }

    .logo[b-gbs431lxpl] {
        height: 40px;
    }

    .slider-section[b-gbs431lxpl] {
        min-height: 460px;
    }

    .slider-content[b-gbs431lxpl] {
        padding: 20px 10px 30px;
        gap: 10px;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 43%;
        max-width: 230px;
        padding: 16px;
    }

    .category_actu[b-gbs431lxpl] {
        font-size: 10px;
        padding: 3px 10px;
    }

    .title_actu[b-gbs431lxpl] {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .excerpt_actu[b-gbs431lxpl] {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .slider-text a[b-gbs431lxpl] {
        padding: 8px 16px;
        font-size: 11px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 57%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 260px;
        height: 260px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 270px;
        height: 270px;
    }

    .slider-arrow[b-gbs431lxpl] {
        width: 40px;
        height: 40px;
        font-size: 20px;
    }

        .slider-arrow.prev[b-gbs431lxpl] {
            left: 10px;
        }

        .slider-arrow.next[b-gbs431lxpl] {
            right: 10px;
        }

    .slider-nav[b-gbs431lxpl] {
        bottom: 70px;
        gap: 10px;
    }

    .slider-dot[b-gbs431lxpl] {
        width: 10px;
        height: 10px;
    }

    .wave-container svg[b-gbs431lxpl] {
        height: 100px;
    }

    .page-title[b-gbs431lxpl] {
        margin: 30px auto 25px;
    }

        .page-title h1[b-gbs431lxpl] {
            font-size: 24px;
        }

    .cards-grid[b-gbs431lxpl] {
        gap: 15px;
    }

    .card[b-gbs431lxpl] {
        height: 250px;
    }

    .card-title[b-gbs431lxpl] {
        font-size: 16px;
    }

    .card-overlay[b-gbs431lxpl] {
        padding: 20px;
    }

    .pre-footer[b-gbs431lxpl] {
        padding: 50px 0 70px;
    }

    .pre-footer-content[b-gbs431lxpl] {
        padding: 0 15px;
    }

    .pre-footer-block[b-gbs431lxpl] {
        gap: 20px;
        padding: 18px 20px;
    }

    .pre-footer-card:not(:last-child)[b-gbs431lxpl]::after {
        right: -10px;
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 7px;
        border-bottom: 2px solid #0066b3;
    }

    .pre-footer-card ul li[b-gbs431lxpl] {
        font-size: 10px;
        margin-bottom: 8px;
        padding-left: 15px;
    }

    .pre-footer-card .middle p[b-gbs431lxpl] {
        font-size: 11px;
        margin-bottom: 10px;
    }

    .pre-footer-card .middle a[b-gbs431lxpl] {
        font-size: 11px;
    }

    .pre-footer-card strong[b-gbs431lxpl] {
        font-size: 12px;
    }

    .pre-footer-card .btnrouge[b-gbs431lxpl] {
        padding: 8px 16px;
        font-size: 11px;
        margin-top: 10px;
    }

    .app-section[b-gbs431lxpl] {
        gap: 12px;
    }

        .app-section img[b-gbs431lxpl] {
            width: 60px;
        }

        .app-section p[b-gbs431lxpl] {
            font-size: 10px;
            margin-bottom: 8px;
        }
}

@media (max-width: 500px) {
    .header-content[b-gbs431lxpl] {
        padding: 8px 12px;
    }

    .logo-container[b-gbs431lxpl] {
        gap: 8px;
    }

    .burger-menu[b-gbs431lxpl] {
        margin-right: 8px;
        padding: 4px;
    }

    .burger-line[b-gbs431lxpl] {
        width: 16px;
    }

    .logo[b-gbs431lxpl] {
        height: 36px;
    }

    .slider-section[b-gbs431lxpl] {
        min-height: 420px;
    }

    .slider-content[b-gbs431lxpl] {
        padding: 18px 8px 25px;
        gap: 8px;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 44%;
        max-width: 200px;
        padding: 14px;
    }

    .title_actu[b-gbs431lxpl] {
        font-size: 15px;
        margin-bottom: 6px;
    }

    .excerpt_actu[b-gbs431lxpl] {
        font-size: 10px;
        margin-bottom: 8px;
    }

    .slider-text a[b-gbs431lxpl] {
        padding: 7px 14px;
        font-size: 10px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 56%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 230px;
        height: 230px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 240px;
        height: 240px;
    }

    .slider-nav[b-gbs431lxpl] {
        bottom: 65px;
    }

    .wave-container svg[b-gbs431lxpl] {
        height: 90px;
    }

    .page-title[b-gbs431lxpl] {
        margin: 25px auto 20px;
    }

        .page-title h1[b-gbs431lxpl] {
            font-size: 20px;
        }

    .cards-grid[b-gbs431lxpl] {
        gap: 12px;
    }

    .card[b-gbs431lxpl] {
        height: 220px;
    }

    .card-title[b-gbs431lxpl] {
        font-size: 15px;
    }

    .card-overlay[b-gbs431lxpl] {
        padding: 18px;
    }

    .pre-footer[b-gbs431lxpl] {
        padding: 40px 0 60px;
    }

    .pre-footer-content[b-gbs431lxpl] {
        padding: 0 12px;
    }

    .pre-footer-block[b-gbs431lxpl] {
        gap: 18px;
        padding: 16px 18px;
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        font-size: 15px;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }

    .pre-footer-card ul li[b-gbs431lxpl] {
        font-size: 9px;
        margin-bottom: 7px;
        padding-left: 12px;
    }

    .pre-footer-card .middle p[b-gbs431lxpl] {
        font-size: 10px;
        margin-bottom: 8px;
    }

    .pre-footer-card .middle a[b-gbs431lxpl] {
        font-size: 10px;
    }

    .pre-footer-card strong[b-gbs431lxpl] {
        font-size: 11px;
    }

    .pre-footer-card .btnrouge[b-gbs431lxpl] {
        padding: 7px 14px;
        font-size: 10px;
        margin-top: 8px;
    }

    .app-section[b-gbs431lxpl] {
        gap: 10px;
    }

        .app-section img[b-gbs431lxpl] {
            width: 55px;
        }

        .app-section p[b-gbs431lxpl] {
            font-size: 9px;
            margin-bottom: 6px;
        }
}

@media (max-width: 400px) {
    .header-content[b-gbs431lxpl] {
        padding: 6px 10px;
    }

    .logo-container[b-gbs431lxpl] {
        gap: 6px;
    }

    .burger-menu[b-gbs431lxpl] {
        margin-right: 6px;
        padding: 3px;
        gap: 3px;
    }

    .burger-line[b-gbs431lxpl] {
        width: 14px;
        height: 1.5px;
    }

    .logo[b-gbs431lxpl] {
        height: 32px;
    }

    .slider-section[b-gbs431lxpl] {
        min-height: 380px;
    }

    .slider-content[b-gbs431lxpl] {
        padding: 15px 6px 20px;
        gap: 6px;
    }

    .slider-text[b-gbs431lxpl] {
        flex: 0 0 45%;
        max-width: 170px;
        padding: 12px;
    }

    .title_actu[b-gbs431lxpl] {
        font-size: 14px;
        margin-bottom: 5px;
    }

    .excerpt_actu[b-gbs431lxpl] {
        font-size: 9px;
        margin-bottom: 7px;
    }

    .slider-text a[b-gbs431lxpl] {
        padding: 6px 12px;
        font-size: 9px;
    }

    .slider-image[b-gbs431lxpl] {
        flex: 0 0 55%;
    }

    .slider-image-circle[b-gbs431lxpl] {
        width: 200px;
        height: 200px;
    }

    .slider-image[b-gbs431lxpl]::before {
        width: 210px;
        height: 210px;
    }

    .slider-arrow[b-gbs431lxpl] {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

    .slider-nav[b-gbs431lxpl] {
        bottom: 60px;
        gap: 8px;
    }

    .slider-dot[b-gbs431lxpl] {
        width: 8px;
        height: 8px;
    }

    .wave-container svg[b-gbs431lxpl] {
        height: 80px;
    }

    .page-title[b-gbs431lxpl] {
        margin: 20px auto 18px;
    }

        .page-title h1[b-gbs431lxpl] {
            font-size: 18px;
        }

    .cards-grid[b-gbs431lxpl] {
        gap: 10px;
        padding: 0 10px;
    }

    .card[b-gbs431lxpl] {
        height: 200px;
    }

    .card-title[b-gbs431lxpl] {
        font-size: 14px;
    }

    .card-overlay[b-gbs431lxpl] {
        padding: 15px;
    }

    .pre-footer[b-gbs431lxpl] {
        padding: 35px 0 50px;
    }

    .pre-footer-content[b-gbs431lxpl] {
        padding: 0 10px;
    }

    .pre-footer-block[b-gbs431lxpl] {
        gap: 15px;
        padding: 14px 15px;
    }

    .pre-footer-card:not(:last-child)[b-gbs431lxpl]::after {
        right: -8px;
        width: 1px;
    }

    .pre-footer-card h4[b-gbs431lxpl] {
        font-size: 14px;
        margin-bottom: 7px;
        padding-bottom: 5px;
    }

    .pre-footer-card ul li[b-gbs431lxpl] {
        font-size: 8px;
        margin-bottom: 6px;
        padding-left: 10px;
    }

        .pre-footer-card ul li[b-gbs431lxpl]:before {
            font-size: 10px;
        }

    .pre-footer-card .middle p[b-gbs431lxpl] {
        font-size: 9px;
        margin-bottom: 7px;
    }

    .pre-footer-card .middle a[b-gbs431lxpl] {
        font-size: 9px;
    }

    .pre-footer-card strong[b-gbs431lxpl] {
        font-size: 10px;
    }

    .pre-footer-card .btnrouge[b-gbs431lxpl] {
        padding: 6px 12px;
        font-size: 9px;
        margin-top: 7px;
    }

    .app-section[b-gbs431lxpl] {
        gap: 8px;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

        .app-section img[b-gbs431lxpl] {
            width: 50px;
        }

        .app-section p[b-gbs431lxpl] {
            font-size: 8px;
            margin-bottom: 5px;
        }
}



/* /Pages/HomeRCP.razor.rz.scp.css */
body[b-pchqd3amvs] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important;
}

.main-container[b-pchqd3amvs] {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
    width: 100%;
}

.action-cards[b-pchqd3amvs] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0;
    margin: 0;
}

.action-card[b-pchqd3amvs] {
    display: flex;
    background-color: white;
    border-radius: 15px;
    overflow: hidden;
    text-decoration: none;
    height: 200px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
}

.card-image[b-pchqd3amvs] {
    width: 35%;
    overflow: hidden;
}

    .card-image img[b-pchqd3amvs] {
        width: 50%;
        height: 100%;
        object-fit: cover;
    }

.card-content[b-pchqd3amvs] {
    width: 400px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-title[b-pchqd3amvs] {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-weight: 600;
    color: #009fdf;
}

.card-description[b-pchqd3amvs] {
    margin: 0;
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}

.SpaceInterCard[b-pchqd3amvs] {
    height: 0.5rem;
}
/* /Pages/MedecinProfile/MedecinDetailView.razor.rz.scp.css */

body[b-ooh5uw63fk] {
    font-family: Arial, Helvetica, sans-serif;
    background-color: #f8f9fa !important
}

*[b-ooh5uw63fk] {
    box-sizing: border-box;
}

.input-container[b-ooh5uw63fk] {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 100%;
    margin-bottom: 15px;
}

.icon[b-ooh5uw63fk] {
    padding: 0px;
    text-align: center;
    /* background: dodgerblue;
    min-width: 50px;*/
}

.input-field[b-ooh5uw63fk] {
    width: 100%;
    padding: 10px;
    outline: none;
}

    .input-field:focus[b-ooh5uw63fk] {
        border: 2px solid dodgerblue;
    }

/* Set a style for the submit button */
.btn[b-ooh5uw63fk] {
    background-color: dodgerblue;
    color: white;
    padding: 15px 20px;
    border: none;
    cursor: pointer;
    width: 100%;
    opacity: 0.9;
}

    .btn:hover[b-ooh5uw63fk] {
        opacity: 1;
    }


.p-4[b-ooh5uw63fk] {
    padding: 1.5rem !important;
}

.mb-0[b-ooh5uw63fk], .my-0[b-ooh5uw63fk] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ooh5uw63fk] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-ooh5uw63fk] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-ooh5uw63fk] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-ooh5uw63fk] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-ooh5uw63fk] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-ooh5uw63fk] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-ooh5uw63fk] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-ooh5uw63fk] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-ooh5uw63fk] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-ooh5uw63fk] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-ooh5uw63fk] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-ooh5uw63fk] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-ooh5uw63fk] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-ooh5uw63fk] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-ooh5uw63fk] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-ooh5uw63fk] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-ooh5uw63fk] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-ooh5uw63fk] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-ooh5uw63fk] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-ooh5uw63fk] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-ooh5uw63fk] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-ooh5uw63fk] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 16px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-ooh5uw63fk] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-ooh5uw63fk] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-ooh5uw63fk] {
    background-color: #ffffff !important;
}
.bg-Header[b-ooh5uw63fk] {
    background-color: #334f66 !important;
    color: white;
    padding: 1.5rem !important;
}

.p-4[b-ooh5uw63fk] {
    padding: 1.5rem !important;
}

.mb-0[b-ooh5uw63fk], .my-0[b-ooh5uw63fk] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-ooh5uw63fk] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-ooh5uw63fk] {
    margin-right: 20px;
}

.avatar[b-ooh5uw63fk] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

p.thicker[b-ooh5uw63fk] {
    font-weight: 900;
}

.CallNum[b-ooh5uw63fk] {
    font-weight: bold;
}
/* /Pages/MonCompte/Compte.razor.rz.scp.css */

body[b-9w2m9sd4z5] {

}

.section[b-9w2m9sd4z5] {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 20px;
}

.section-container[b-9w2m9sd4z5] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.rowcompte[b-9w2m9sd4z5] {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    cursor: pointer;
    margin-left:1px;
}

    .rowcompte:hover[b-9w2m9sd4z5] {
        background-color: #f5f5f5;
    }

.deconnexion[b-9w2m9sd4z5] {
    color: red;
}


.text-blue[b-9w2m9sd4z5] {
    color: #1E4CA1;
    font-weight: bold;
    margin-top: 15px;
}

.chapter_name[b-9w2m9sd4z5] {
    color: black;
}

.text-name[b-9w2m9sd4z5] {
    color: #1E4CA1;
}


.custom-spacing .col-auto[b-9w2m9sd4z5] {
    margin-right: 10px;
}

.deconnexion[b-9w2m9sd4z5] {
    color: red;
}


/* Variables Navigation Retour*/
.header-bar[b-9w2m9sd4z5] {
    background-color: white;
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-9w2m9sd4z5] {
    display: flex;
    : center;
    gap: 1rem;
}

.back-button[b-9w2m9sd4z5] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-9w2m9sd4z5] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-9w2m9sd4z5] {
        color: #DF9E63; /* #333; */
    }


h1[b-9w2m9sd4z5] {
    margin: 0;
    font-size: 1.2rem;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/MonCompte/ConfigPlanning.razor.rz.scp.css */
body[b-i3mypb89hu] {
}

.NewPatient[b-i3mypb89hu] {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.doctor-info[b-i3mypb89hu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-i3mypb89hu] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-i3mypb89hu] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-i3mypb89hu] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-i3mypb89hu] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-i3mypb89hu] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-i3mypb89hu] {
        font-size: 1rem;
    }

    .patient-info p[b-i3mypb89hu] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-i3mypb89hu] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-i3mypb89hu] {
    background-color: #1e4ca1 !important;
}

Headerfilter[b-i3mypb89hu] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}

.custom-filter-row[b-i3mypb89hu] {
    background-color: red;
    font-weight: bold;
    color: #333;
}

.nodata-avatar[b-i3mypb89hu] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-i3mypb89hu] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-i3mypb89hu] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section-container[b-i3mypb89hu] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.TexteInfo[b-i3mypb89hu] {
    font-size: 1.25rem;
    font-weight:500;
    color:white;
}
.SpaceInterSection[b-i3mypb89hu] {
    height:1.5rem;
}
/* /Pages/MonCompte/MonProfil.razor.rz.scp.css */
/* Conteneur de la page et zones principales */
.container[b-6snz9j8inm] {
    max-width: 1200px; /* Augmenter la largeur maximale du conteneur */
    margin-top: 20px;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

.section-container[b-6snz9j8inm] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.Vaccin_area[b-6snz9j8inm] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
    border-radius: 8px;
    margin-bottom: 20px;
}


.form-group label[b-6snz9j8inm] {
    font-weight: 500;
    color: #495057;
}

.form-control[b-6snz9j8inm] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.form-control:focus[b-6snz9j8inm] {
    border-color: #80bdff;
    box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
}

/* Animation et style pour les boutons */
button.btn[b-6snz9j8inm] {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}



button.btn-success[b-6snz9j8inm] {
    background-color: #28a745;
    color: white;
}

button.btn-danger[b-6snz9j8inm] {
    background-color: #dc3545;
    color: white;
}

button.btn:hover[b-6snz9j8inm] {
    transform: scale(1.05);
}

button:focus[b-6snz9j8inm] {
    outline: none;
}

/* Image de profil */
#imagePreview[b-6snz9j8inm] {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

#imagePreview:hover[b-6snz9j8inm] {
    transform: scale(1.1);
}

button.btn-primary.rounded[b-6snz9j8inm] {
    margin-top: 10px;
    padding: 8px 12px;
}
/* Conteneur de la page et zones principales */

#profileTable[b-6snz9j8inm] {
    border: 1px solid #dee2e6;
    width: 1000px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    font-size: 1.1rem; /* Augmenter la taille du texte pour une meilleure lisibilité */
}

    #profileTable th[b-6snz9j8inm], #profileTable td[b-6snz9j8inm] {
        padding: 15px; /* Augmenter le padding pour agrandir les cellules */
        text-align: left;
    }

    #profileTable th[b-6snz9j8inm] {
        background-color: #f1f3f5;
        color: #343a40;
        font-size: 1.2rem; /* Légèrement plus grand pour les en-têtes */
    }

    #profileTable:hover[b-6snz9j8inm] {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }


@keyframes shake-b-6snz9j8inm {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-5px); }
    40%, 80% { transform: translateX(5px); }
}

.Profil-modal-header[b-6snz9j8inm] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
/* /Pages/MonCompte/ProfilModification.razor.rz.scp.css */
.container[b-ogyqlv0ckr] {
    margin-top: 20px;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

.Vaccin_area[b-ogyqlv0ckr] {
    background: #7099d1 !important;
    color: white;
    line-height: 2rem;
    border-radius: 8px;
    margin-bottom: 20px;
}


.form-group label[b-ogyqlv0ckr] {
    font-weight: 500;
    color: #495057;
}

.form-control[b-ogyqlv0ckr] {
    border: 1px solid #ced4da;
    border-radius: 5px;
    padding: 10px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

    .form-control:focus[b-ogyqlv0ckr] {
        border-color: #80bdff;
        box-shadow: 0 0 8px rgba(0, 123, 255, 0.25);
    }

/* Animation et style pour les boutons */
button.btn[b-ogyqlv0ckr] {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}



button.btn-success[b-ogyqlv0ckr] {
    background-color: #28a745;
    color: white;
}

button.btn-danger[b-ogyqlv0ckr] {
    background-color: #dc3545;
    color: white;
}

button.btn:hover[b-ogyqlv0ckr] {
    transform: scale(1.05);
}

button:focus[b-ogyqlv0ckr] {
    outline: none;
}

/* Image de profil */
#imagePreview[b-ogyqlv0ckr] {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
}

    #imagePreview:hover[b-ogyqlv0ckr] {
        transform: scale(1.1);
    }

button.btn-primary.rounded[b-ogyqlv0ckr] {
    margin-top: 10px;
    padding: 8px 12px;
}
/* Conteneur de la page et zones principales */
.container[b-ogyqlv0ckr] {
    max-width: 1200px; /* Augmenter la largeur maximale du conteneur */
    margin-top: 20px;
    background: #f8f9fa;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: background 0.3s ease;
}

#profileTable[b-ogyqlv0ckr] {
    border: 1px solid #dee2e6;
    width: 1000px;
    margin-top: 20px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: box-shadow 0.3s ease;
    font-size: 1.1rem; /* Augmenter la taille du texte pour une meilleure lisibilité */
}

    #profileTable th[b-ogyqlv0ckr], #profileTable td[b-ogyqlv0ckr] {
        padding: 15px; /* Augmenter le padding pour agrandir les cellules */
        text-align: left;
    }

    #profileTable th[b-ogyqlv0ckr] {
        background-color: #f1f3f5;
        color: #343a40;
        font-size: 1.2rem; /* Légèrement plus grand pour les en-têtes */
    }

    #profileTable:hover[b-ogyqlv0ckr] {
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
    }


@keyframes shake-b-ogyqlv0ckr {
    0%, 100% {
        transform: translateX(0);
    }

    20%, 60% {
        transform: translateX(-5px);
    }

    40%, 80% {
        transform: translateX(5px);
    }
}
/* /Pages/MonCompte/SelectionMedecinCds.razor.rz.scp.css */


/* Variables Navigation Retour*/
.header-bar[b-thfj4xo5sh] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-thfj4xo5sh] {
    display: flex;
    gap: 1rem;
}

.back-button[b-thfj4xo5sh] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-thfj4xo5sh] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-thfj4xo5sh] {
        color: #DF9E63; /* #333; */
    }

h5[b-thfj4xo5sh] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.main-container[b-thfj4xo5sh] {
    padding: 0;
    background-color: #f5f5f5;
    font-family: Arial, sans-serif;
    min-height: calc(100vh - 5.5rem);
}

.section-container[b-thfj4xo5sh] {
    border-radius: 2%;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 5.5rem);
}


.scrollable-container[b-thfj4xo5sh] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}


.NewPatient[b-thfj4xo5sh] {
    display: flex;
    justify-content: right;
    margin-bottom : 1rem;
}
.doctor-info[b-thfj4xo5sh] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-thfj4xo5sh] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-thfj4xo5sh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-thfj4xo5sh] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-thfj4xo5sh] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-thfj4xo5sh] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-thfj4xo5sh] {
        font-size: 1rem;
    }

    .patient-info p[b-thfj4xo5sh] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-thfj4xo5sh] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-thfj4xo5sh] {
    background-color: #1e4ca1 !important;
}
Headerfilter[b-thfj4xo5sh] {
    background-color: red !important;
    color: black;
    opacity: 0.5;
    font-size: 0.5rem;
}
.custom-filter-row[b-thfj4xo5sh] {
    background-color: red;
    font-weight: bold;
    color: #333;
}
.nodata-avatar[b-thfj4xo5sh] {
    width: 35%;
    height: 35%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align:middle;
    align-content:center;
}
.nodata_place[b-thfj4xo5sh] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align:center;
}

    .nodata-avatar img[b-thfj4xo5sh] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.labeltitle[b-thfj4xo5sh] {
    font-weight: bold
}

.labeloption[b-thfj4xo5sh] {
    font-style: italic
}

.cdstitle[b-thfj4xo5sh] {
    font-weight: bold;
    text-align: right;
    margin-top: 10px;
}


.Profil-modal-header[b-thfj4xo5sh] {
    background-color: #4CAF50 !important; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.content[b-thfj4xo5sh] {
    padding: 10px;
}

.SpaceInterButton[b-thfj4xo5sh] {
    height: 0.50rem;
}

.SpaceInterCard[b-thfj4xo5sh] {
    height: 0.50rem;
}

.Titrelist[b-thfj4xo5sh] {
    font-size: 1rem;
    font-weight: bold;
}

.TexteSize[b-thfj4xo5sh] {
    font-size: 0.85rem;
    margin-left: 0px;
}

.BtTexteSize[b-thfj4xo5sh] {
    font-size: 0.85rem;
    margin-left: 0px;
}
.btn-select[b-thfj4xo5sh] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
}

.btn-diseable[b-thfj4xo5sh] {
    background-color: #1B6EC2;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.80rem;
    border-radius: 8px;
    border: none;
    opacity: 0.5;
}

.btn-Validate[b-thfj4xo5sh] {
    background-color: #0d6efd;
    color: white;
    width: 6.5rem;
    height: 2.5rem;
    font-size: 0.90rem;
    border-radius: 8px;
    border: none;
}

/* /Pages/MonCompte/TemplateEditor.razor.rz.scp.css */
body[b-vkhf258amj] {
}

.Tabtitre[b-vkhf258amj] {
    display: flex;
    justify-content: left;
    width:14rem;
}
.LastTab[b-vkhf258amj] {
    text-align: left;
    margin-top: 2rem;
    border-radius: 5%;
    background: #07a6a1 !important;
    color: white;
    font-size:0.8rem;
}

.section-editor[b-vkhf258amj] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: green;
    height: calc(100vh - 12rem);
}
/* Variables Navigation Retour*/
.header-bar[b-vkhf258amj] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-vkhf258amj] {
    display: flex;
    gap: 1rem;
}

.back-button[b-vkhf258amj] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-vkhf258amj] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-vkhf258amj] {
        color: #DF9E63; /* #333; */
    }

h5[b-vkhf258amj] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.confirm-custom-header[b-vkhf258amj] {
    background-color: rgb(0,108,125) !important;
    color: white !important;
}
.SpaceInterCard[b-vkhf258amj] {
    height: 1.5rem;
    color: #0056B3;
}
/* /Pages/RdvConsultations/PlanningRdvByDay.razor.rz.scp.css */
.btn-xl[b-pbsidn0443] {
    padding: 10px 10px;
    font-size: 0.90rem;
    border-radius: 10px;
    width: 6rem;
    height: 3rem;
    border-width: 1px;
}

.creneau-disponible[b-pbsidn0443] {
    background-color: #28a745 !important;
    color: white !important;
}

.creneau-reserve[b-pbsidn0443] {
    background-color: #ffc108 !important;
    color: white !important;
}

.creneau-bloque[b-pbsidn0443] {
    background-color: grey !important;
    color: white !important;
}

table[b-pbsidn0443] {
    border-collapse: collapse;
    width: 100%;
}

table[b-pbsidn0443], th[b-pbsidn0443], td[b-pbsidn0443] {
    border: 1px solid black;
}

.grid-container[b-pbsidn0443] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.grid-item[b-pbsidn0443] {
    text-align: center;
}

.headerspace[b-pbsidn0443] {
    background-color: #7099d1 !important;
    color: white !important;
}

.Creneaurowstyle[b-pbsidn0443] {
    height:2rem;
}

/*****************************************************/
.patient-card[b-pbsidn0443] {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

.card-header[b-pbsidn0443] {
    background: #5b9bd5;
    padding: 0.75rem 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-pbsidn0443] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.search-form[b-pbsidn0443] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.form-group[b-pbsidn0443] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-pbsidn0443] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-pbsidn0443],
    .form-group select[b-pbsidn0443] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-pbsidn0443],
        .form-group select:focus[b-pbsidn0443] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

.search-criteria-row[b-pbsidn0443] {
    display: flex;
    gap: 15px;
    align-items: end;
}

    .search-criteria-row .form-group[b-pbsidn0443] {
        flex: 1;
    }

.search-icon[b-pbsidn0443] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}

.btn-search[b-pbsidn0443] {
    background: #5b9bd5;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-search:hover:not(:disabled)[b-pbsidn0443] {
        background: #4a8bc2;
    }

    .btn-search:disabled[b-pbsidn0443] {
        background: #ccc;
        cursor: not-allowed;
    }

.doctor-image[b-pbsidn0443] {
    text-align: center;
    margin-top: 20px;
}

    .doctor-image img[b-pbsidn0443] {
        max-width: 150px;
        height: auto;
    }

.error-message[b-pbsidn0443] {
    background: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #f5c6cb;
}

.loading-indicator[b-pbsidn0443] {
    background: #d1ecf1;
    color: #0c5460;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #bee5eb;
    text-align: center;
}

.back-button[b-pbsidn0443] {
    cursor: pointer;
    color: #5b9bd5;
    font-weight: 600;
    margin-bottom: 15px;
}

    .back-button:hover[b-pbsidn0443] {
        color: #4a8bc2;
    }

.required[b-pbsidn0443] {
    color: #dc3545;
}


.custom-modal-header[b-pbsidn0443] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.SpaceInterCard[b-pbsidn0443] {
    height: 1.5rem;
}
/* /Pages/RdvConsultations/PlanningRdvByWeek.razor.rz.scp.css */
body[b-khjguxdpds] {
}

.btn-xl[b-khjguxdpds] {
    padding: 10px 20px;
    font-size: 0.85rem;
    border-radius: 10px;
    width: 6.5rem;
    height: 4rem;
    border-width: 1px;
}

.creneau-disponible[b-khjguxdpds] {
    background-color: #28a745 !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.creneau-reserve[b-khjguxdpds] {
    background-color: #ffc108 !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

.creneau-bloque[b-khjguxdpds] {
    background-color: grey !important;
    color: white !important;
    font-size: 0.85rem;
    font-weight: 500;
}

table[b-khjguxdpds] {
    border-collapse: collapse;
    width: 100%;
}

table[b-khjguxdpds], th[b-khjguxdpds], td[b-khjguxdpds] {
    border: 0.5px solid lightslategray;
}

.grid-container[b-khjguxdpds] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

.grid-item[b-khjguxdpds] {
    text-align: center;
    font-size: 0.85rem;
}

.headerspace[b-khjguxdpds] {
    background-color: #7099d1 !important;
    color: white !important;
    font-weight: 500;
    height:1em;
}
.Headerstyle[b-khjguxdpds] {
    text-align: center; 
    margin-top:5px;
}

.Headerrowstyle[b-khjguxdpds] {
    font-weight: 500;
    font-size: 0.90rem;
}



/*****************************************************/
.patient-card[b-khjguxdpds] {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

.card-header[b-khjguxdpds] {
    background: #5b9bd5;
    padding: 0.75rem 1rem;
    color: white;
    border: none;
}

    .card-header h2[b-khjguxdpds] {
        color: white;
        font-size: 1.1rem;
        margin: 0;
    }

.search-form[b-khjguxdpds] {
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
}

.form-group[b-khjguxdpds] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

    .form-group label[b-khjguxdpds] {
        font-weight: 600;
        color: #333;
        font-size: 14px;
    }

    .form-group input[b-khjguxdpds],
    .form-group select[b-khjguxdpds] {
        padding: 10px 12px;
        border: 2px solid #e1e5e9;
        border-radius: 8px;
        font-size: 14px;
        transition: border-color 0.3s ease;
    }

        .form-group input:focus[b-khjguxdpds],
        .form-group select:focus[b-khjguxdpds] {
            outline: none;
            border-color: #5b9bd5;
            box-shadow: 0 0 0 3px rgba(91, 155, 213, 0.1);
        }

.search-criteria-row[b-khjguxdpds] {
    display: flex;
    gap: 15px;
    align-items: end;
}

    .search-criteria-row .form-group[b-khjguxdpds] {
        flex: 1;
    }

.search-icon[b-khjguxdpds] {
    color: white;
    font-size: 16px;
    margin-right: 8px;
}

.btn-search[b-khjguxdpds] {
    background: #5b9bd5;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

    .btn-search:hover:not(:disabled)[b-khjguxdpds] {
        background: #4a8bc2;
    }

    .btn-search:disabled[b-khjguxdpds] {
        background: #ccc;
        cursor: not-allowed;
    }

.doctor-image[b-khjguxdpds] {
    text-align: center;
    margin-top: 20px;
}

    .doctor-image img[b-khjguxdpds] {
        max-width: 150px;
        height: auto;
    }

.error-message[b-khjguxdpds] {
    background: #f8d7da;
    color: #721c24;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #f5c6cb;
}

.loading-indicator[b-khjguxdpds] {
    background: #d1ecf1;
    color: #0c5460;
    padding: 12px;
    border-radius: 8px;
    margin: 15px 0;
    border: 1px solid #bee5eb;
    text-align: center;
}

.back-button[b-khjguxdpds] {
    cursor: pointer;
    color: #5b9bd5;
    font-weight: 600;
    margin-bottom: 15px;
}

    .back-button:hover[b-khjguxdpds] {
        color: #4a8bc2;
    }

.required[b-khjguxdpds] {
    color: #dc3545;
}


.custom-modal-header[b-khjguxdpds] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}

.SpaceInterCard[b-khjguxdpds] {
    height: 1.5rem;
}
/* /Pages/RdvConsultations/PlanningRdvPatient.razor.rz.scp.css */
body[b-bh0cduc6fj] {
}

.section-container[b-bh0cduc6fj] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.avatar[b-bh0cduc6fj] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-bh0cduc6fj] {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}
/* /Pages/RdvConsultations/RdvPatient.razor.rz.scp.css */


.section-container[b-8wx604hw7d] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}

.avatar[b-8wx604hw7d] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.avatarPhoto[b-8wx604hw7d] {
    width: 75px;
    height: 75px;
    border-radius: 50%;
}

/* /Pages/RdvConsultations/RdvSelectPatient.razor.rz.scp.css */
body[b-euhd31y8ht] {
}

.NewPatient[b-euhd31y8ht] {
    display: flex;
    justify-content: right;
    margin-bottom: 1rem;
}

.doctor-info[b-euhd31y8ht] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-euhd31y8ht] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-euhd31y8ht] {
        width: 50;
        height: 50;
        object-fit: cover;
    }

.doctor-details h3[b-euhd31y8ht] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-euhd31y8ht] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-euhd31y8ht] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-euhd31y8ht] {
        font-size: 1rem;
    }

    .patient-info p[b-euhd31y8ht] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-euhd31y8ht] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

bg-PatientList[b-euhd31y8ht] {
    background-color: #1e4ca1 !important;
}

Headerfilter[b-euhd31y8ht] {
    background-color: #1e4ca1 !important;
    color: white;
    opacity: 0.5;
    font-size: 1rem;
}
/* /Pages/RdvconsultHome.razor.rz.scp.css */
.Rdvconsult-section[b-kfypw1f3oz] {
    padding: 0.25rem 1rem;
}

.section-title[b-kfypw1f3oz] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.Rdvconsult-container[b-kfypw1f3oz] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-kfypw1f3oz]::-webkit-scrollbar {
        display: none;
    }

[b-kfypw1f3oz] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-kfypw1f3oz] .date-time-header {
    background: #1e4ca1; 
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-kfypw1f3oz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-kfypw1f3oz] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-kfypw1f3oz] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-kfypw1f3oz] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-kfypw1f3oz] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-kfypw1f3oz] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-kfypw1f3oz] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-kfypw1f3oz] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-kfypw1f3oz] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-kfypw1f3oz] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-kfypw1f3oz] {
        font-size: 1rem;
    }

    .patient-info p[b-kfypw1f3oz] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-kfypw1f3oz] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}

.nodata-avatar[b-kfypw1f3oz] {
    width: 5%;
    height: 5%;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-kfypw1f3oz] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-kfypw1f3oz] {
    width: 50%;
    height: 50%;
    object-fit: cover;
}
/* /Pages/ResultatAnalyseBio/AnalyseView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-vm72z6i3g2] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-vm72z6i3g2] {
    display: flex;
    gap: 1rem;
}

.back-button[b-vm72z6i3g2] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-vm72z6i3g2] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-vm72z6i3g2] {
        color: #DF9E63; /* #333; */
    }

h5[b-vm72z6i3g2] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/

.section-container[b-vm72z6i3g2] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.nodata-avatar[b-vm72z6i3g2] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-vm72z6i3g2] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-vm72z6i3g2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ResultatAnalyseBio/PatientOrdonnanceView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-3fd0duckiu] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-3fd0duckiu] {
    display: flex;
    gap: 1rem;
}

.back-button[b-3fd0duckiu] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-3fd0duckiu] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-3fd0duckiu] {
        color: #DF9E63; /* #333; */
    }

h5[b-3fd0duckiu] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.SpaceInterCard[b-3fd0duckiu] {
    height: 1.5rem;
}
.ord_Tittle[b-3fd0duckiu] {
    margin: 0;
    color: #333;
}
.Html_place[b-3fd0duckiu] {
    margin: 0rem;
    width : 100%;
    height : 100%;
}
.section-container[b-3fd0duckiu] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
/* /Pages/ResultatAnalyseBio/PatientResultatAnalyse.razor.rz.scp.css */
body[b-oilu3zpyp2] {
    background-color: #f8f9fa !important
}

.p-4[b-oilu3zpyp2] {
    padding: 1.5rem !important;
}

.mb-0[b-oilu3zpyp2], .my-0[b-oilu3zpyp2] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-oilu3zpyp2] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-oilu3zpyp2] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-oilu3zpyp2] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-oilu3zpyp2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-oilu3zpyp2] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-oilu3zpyp2] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-oilu3zpyp2] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-oilu3zpyp2] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-oilu3zpyp2] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-oilu3zpyp2] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-oilu3zpyp2] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-oilu3zpyp2] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-oilu3zpyp2] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-oilu3zpyp2] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-oilu3zpyp2] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-oilu3zpyp2] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-oilu3zpyp2] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-oilu3zpyp2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-oilu3zpyp2] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-oilu3zpyp2] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-oilu3zpyp2] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-oilu3zpyp2] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-oilu3zpyp2] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-oilu3zpyp2] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-oilu3zpyp2] {
    background-color: #ffffff !important;
}

.p-4[b-oilu3zpyp2] {
    padding: 1.5rem !important;
}

.mb-0[b-oilu3zpyp2], .my-0[b-oilu3zpyp2] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-oilu3zpyp2] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-oilu3zpyp2] {
    margin-right: 20px;
}

table[b-oilu3zpyp2] {
    border-collapse: collapse;
    width: 100%;
}

th[b-oilu3zpyp2], td[b-oilu3zpyp2] {
    padding: 8px;
    text-align: left;
    
}

tr:hover[b-oilu3zpyp2] {
    background-color: #D6EEEE;
}

bg-imgResultat[b-oilu3zpyp2] {
    background-color: #1e4ca1 !important;
}

[b-oilu3zpyp2] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-oilu3zpyp2] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-oilu3zpyp2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-oilu3zpyp2] {
        font-size: 1rem;
        opacity: 0.9;
    }


.avatar[b-oilu3zpyp2] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.doctor-avatar[b-oilu3zpyp2] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-oilu3zpyp2] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.nodata-avatar[b-oilu3zpyp2] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-oilu3zpyp2] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-oilu3zpyp2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-modal-header[b-oilu3zpyp2] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
.scrollable-container[b-oilu3zpyp2] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/ResultatExamenBio.razor.rz.scp.css */
.Rdvconsult-section[b-bprcdogoge] {
    padding: 1rem;
}

.section-title[b-bprcdogoge] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.Rdvconsult-container[b-bprcdogoge] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-bprcdogoge]::-webkit-scrollbar {
        display: none;
    }

[b-bprcdogoge] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-bprcdogoge] .date-time-header {
    background: #07a6a1; 
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-bprcdogoge] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-bprcdogoge] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-bprcdogoge] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-bprcdogoge] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-bprcdogoge] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-bprcdogoge] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-bprcdogoge] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-bprcdogoge] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-bprcdogoge] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-bprcdogoge] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-bprcdogoge] {
        font-size: 1rem;
    }

    .patient-info p[b-bprcdogoge] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-bprcdogoge] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/ResultatExamenHome.razor.rz.scp.css */
.Rdvconsult-section[b-zm0107jdvb] {
    padding: 0.25rem 1rem;
}

.section-title[b-zm0107jdvb] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.Rdvconsult-container[b-zm0107jdvb] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-zm0107jdvb]::-webkit-scrollbar {
        display: none;
    }

[b-zm0107jdvb] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-zm0107jdvb] .date-time-header {
    background: #07a6a1; 
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-zm0107jdvb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-zm0107jdvb] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-zm0107jdvb] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-zm0107jdvb] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-zm0107jdvb] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-zm0107jdvb] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-zm0107jdvb] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-zm0107jdvb] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-zm0107jdvb] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-zm0107jdvb] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-zm0107jdvb] {
        font-size: 1rem;
    }

    .patient-info p[b-zm0107jdvb] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-zm0107jdvb] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/ResultatExamenRadio.razor.rz.scp.css */
.Rdvconsult-section[b-eziyyenp6x] {
    padding: 1rem;
}

.section-title[b-eziyyenp6x] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #1E2F58;
    margin-bottom: 1rem;
    font-family: system-ui, -apple-system, sans-serif;
}

.Rdvconsult-container[b-eziyyenp6x] {
    display: flex;
    overflow-x: auto;
    gap: 1rem;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding: 0.5rem 0;
}

    .Rdvconsult-container[b-eziyyenp6x]::-webkit-scrollbar {
        display: none;
    }

[b-eziyyenp6x] .Rdvconsult-card {
    min-width: 280px;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-eziyyenp6x] .date-time-header {
    background: #07a6a1; 
    padding: 0.75rem 1rem;
    border: none;
}

.date-time[b-eziyyenp6x] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .date-time i[b-eziyyenp6x] {
        font-size: 1rem;
        opacity: 0.9;
    }

[b-eziyyenp6x] .Rdvconsult-content {
    padding: 1rem !important;
}

.avatarPhoto[b-eziyyenp6x] {
    width: 100px;
    height: 100px;
    border-radius: 50%;
}

.doctor-info[b-eziyyenp6x] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.doctor-avatar[b-eziyyenp6x] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-eziyyenp6x] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.doctor-details h3[b-eziyyenp6x] {
    font-size: 1rem;
    font-weight: 600;
    color: #1E2F58;
    margin: 0;
}

.doctor-details p[b-eziyyenp6x] {
    font-size: 0.9rem;
    color: #666;
    margin: 0.2rem 0 0 0;
}

.patient-info[b-eziyyenp6x] {
    align-items: center;
    gap: 1rem;
    color: #666;
    font-size: 0.9rem;
}

    .patient-info i[b-eziyyenp6x] {
        font-size: 1rem;
    }

    .patient-info p[b-eziyyenp6x] {
        font-size: 0.9rem;
        color: #666;
        margin: 0.2rem 0 0 0;
    }

.laafi_navbarcolor[b-eziyyenp6x] {
    /* background-color: #7099d1 !important; */
    background-color: #1e4ca1 !important;
    color: white;
}
/* /Pages/ResultatIMGMed/PatientOrdoRadioView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-udzxiroft2] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-udzxiroft2] {
    display: flex;
    gap: 1rem;
}

.back-button[b-udzxiroft2] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-udzxiroft2] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-udzxiroft2] {
        color: #DF9E63; /* #333; */
    }

h5[b-udzxiroft2] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
/* /Pages/ResultatIMGMed/PatientRadioView.razor.rz.scp.css */
/* Variables Navigation Retour*/
.header-bar[b-52bgndo59e] {
    background-color: white;
    padding: 1rem;
    align-items: center;
    border-bottom: 1px solid #e0e0e0;
}

.back-title[b-52bgndo59e] {
    display: flex;
    gap: 1rem;
}

.back-button[b-52bgndo59e] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    color: #d7d7d7;
}

    .back-button span[b-52bgndo59e] {
        font-size: 0.9rem;
    }

    .back-button:hover[b-52bgndo59e] {
        color: #DF9E63; /* #333; */
    }

h5[b-52bgndo59e] {
    margin: 0;
    color: #333;
}
/** Fin zone Navigation Retour*/
.section-container[b-52bgndo59e] {
    border-radius: 2%;
    margin-bottom: 20px;
    padding: 10px;
    background-color: white;
    min-height: calc(100vh - 3.5rem);
}
.nodata-avatar[b-52bgndo59e] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-52bgndo59e] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-52bgndo59e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/* /Pages/ResultatIMGMed/PatientResultatRadio.razor.rz.scp.css */
body[b-xrh8ezzw07] {
    background-color: #f8f9fa !important
}

.p-4[b-xrh8ezzw07] {
    padding: 1.5rem !important;
}

.mb-0[b-xrh8ezzw07], .my-0[b-xrh8ezzw07] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-xrh8ezzw07] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}
/* user-dashboard-info-box */
.user-dashboard-info-box .candidates-list .thumb[b-xrh8ezzw07] {
    margin-right: 10px;
}

    .user-dashboard-info-box .candidates-list .thumb img[b-xrh8ezzw07] {
        width: 50px;
        height: 50px;
        -o-object-fit: cover;
        object-fit: cover;
        overflow: hidden;
        border-radius: 50%;
    }

.user-dashboard-info-box .title[b-xrh8ezzw07] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 0;
}

.user-dashboard-info-box .candidates-list td[b-xrh8ezzw07] {
    vertical-align: middle;
}

.user-dashboard-info-box td li[b-xrh8ezzw07] {
    margin: 0 4px;
}

.user-dashboard-info-box .table thead th[b-xrh8ezzw07] {
    border-bottom: none;
}

.table.manage-candidates-top th[b-xrh8ezzw07] {
    border: 0;
}

.user-dashboard-info-box .candidate-list-favourite-time .candidate-list-favourite[b-xrh8ezzw07] {
    margin-bottom: 10px;
}

.table.manage-candidates-top[b-xrh8ezzw07] {
    min-width: 650px;
}

.user-dashboard-info-box .candidate-list-details ul[b-xrh8ezzw07] {
    color: #969696;
}

/* Candidate List */
.candidate-list[b-xrh8ezzw07] {
    background: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #eeeeee;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .candidate-list:hover[b-xrh8ezzw07] {
        -webkit-box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        box-shadow: 0px 0px 34px 4px rgba(33, 37, 41, 0.06);
        position: relative;
        z-index: 99;
    }

        .candidate-list:hover a.candidate-list-favourite[b-xrh8ezzw07] {
            color: #e74c3c;
            -webkit-box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
            box-shadow: -1px 4px 10px 1px rgba(24, 111, 201, 0.1);
        }

    .candidate-list .candidate-list-image[b-xrh8ezzw07] {
        margin-right: 25px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        border: none;
    }

        .candidate-list .candidate-list-image img[b-xrh8ezzw07] {
            width: 80px;
            height: 80px;
            -o-object-fit: cover;
            object-fit: cover;
        }

.candidate-list-title[b-xrh8ezzw07] {
    margin-bottom: 5px;
}

.candidate-list-details ul[b-xrh8ezzw07] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0px;
}

    .candidate-list-details ul li[b-xrh8ezzw07] {
        margin: 5px 10px 5px 0px;
        font-size: 13px;
    }

.candidate-list .candidate-list-favourite-time[b-xrh8ezzw07] {
    margin-left: auto;
    text-align: center;
    font-size: 13px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
}

    .candidate-list .candidate-list-favourite-time span[b-xrh8ezzw07] {
        display: block;
        margin: 0 auto;
    }

    .candidate-list .candidate-list-favourite-time .candidate-list-favourite[b-xrh8ezzw07] {
        display: inline-block;
        position: relative;
        height: 40px;
        width: 40px;
        line-height: 40px;
        border: 1px solid #eeeeee;
        border-radius: 100%;
        text-align: center;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        margin-bottom: 20px;
        font-size: 12px;
        color: #646f79;
    }

        .candidate-list .candidate-list-favourite-time .candidate-list-favourite:hover[b-xrh8ezzw07] {
            background: #ffffff;
            color: #e74c3c;
        }

.candidate-banner .candidate-list:hover[b-xrh8ezzw07] {
    position: inherit;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    z-index: inherit;
}

.bg-white[b-xrh8ezzw07] {
    background-color: #ffffff !important;
}

.p-4[b-xrh8ezzw07] {
    padding: 1.5rem !important;
}

.mb-0[b-xrh8ezzw07], .my-0[b-xrh8ezzw07] {
    margin-bottom: 0 !important;
}

.shadow-sm[b-xrh8ezzw07] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075) !important;
}

.user-dashboard-info-box .candidates-list .thumb[b-xrh8ezzw07] {
    margin-right: 20px;
}

.CenterText[b-xrh8ezzw07] {
    font-size: 1em;
    border: 1px solid yellow;
    display: table-cell;
    vertical-align: middle;
}
[b-xrh8ezzw07] .Medecin-card {
    min-width: 280px;
    max-width: 40rem;
    flex: 0 0 auto;
    scroll-snap-align: start;
    border: 1px solid #eeeeee;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    border-radius: 12px;
}

[b-xrh8ezzw07] .Header_Medecin {
    background: #1e4ca1;
    padding: 0.75rem 1rem;
    border: none;
}

.Header_Text[b-xrh8ezzw07] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: white;
}

    .Header_Text i[b-xrh8ezzw07] {
        font-size: 1rem;
        opacity: 0.9;
    }
bg-imgResultat[b-xrh8ezzw07] {
    background-color: #1e4ca1 !important;
}

.avatar[b-xrh8ezzw07] {
    vertical-align: middle;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.doctor-avatar[b-xrh8ezzw07] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

    .doctor-avatar img[b-xrh8ezzw07] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.nodata-avatar[b-xrh8ezzw07] {
    width: 25%;
    height: 25%;
    border-radius: 5%;
    background: #E8EFF6;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 20px;
    vertical-align: middle;
    align-content: center;
}

.nodata_place[b-xrh8ezzw07] {
    align-items: center;
    justify-content: center;
    overflow: hidden;
    vertical-align: middle;
    align-content: center;
    text-align: center;
}

.nodata-avatar img[b-xrh8ezzw07] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.custom-modal-header[b-xrh8ezzw07] {
    background-color: #4CAF50; /* Green background */
    color: white; /* White text */
    padding: 15px; /* Some padding */
    text-align: center; /* Centered text */
}
.scrollable-container[b-xrh8ezzw07] {
    height: calc(100vh - 13.5rem);
    overflow-y: scroll;
    border: 1px solid #ccc;
    border-radius: 2%;
}
/* /Pages/SantePublique/ActualiteSante.razor.rz.scp.css */
body[b-ge3f8fkalt] {
}

.ActuSante[b-ge3f8fkalt] {
   
    font-size: 16px;
    font-weight: bold;
}