/* _content/Behandeltijd/Components/Components/AvailabilityCalendar.razor.rz.scp.css */
/* Add this to your site's CSS file */
.availability-calendar[b-963pyrhy6r] {
    margin: 20px 0;
}

    .availability-calendar .date-picker[b-963pyrhy6r] {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    .availability-calendar .calendar[b-963pyrhy6r] {
        display: table;
        flex-direction: column;
        border: 1px solid #D4AF37; /* Goud */
        width: 100%;
    }

    .availability-calendar .calendar-header[b-963pyrhy6r],
    .availability-calendar .calendar-row[b-963pyrhy6r] {
        display: flex;
    }

        .availability-calendar .calendar-header div[b-963pyrhy6r],
        .availability-calendar .calendar-cell[b-963pyrhy6r] {
            flex: 1;
            text-align: center;
            padding: 0.5rem;
            border: 1px solid #D4AF37; /* Goud */
            box-sizing: border-box;
        }

    .availability-calendar .calendar-cell[b-963pyrhy6r] {
        height: 50px;
    }

    .availability-calendar .btn[b-963pyrhy6r] {
        width: 100%;
        height: 100%;
        padding: 0.5rem;
        font-size: 1rem;
        box-sizing: border-box;
    }

    .availability-calendar .btn-success[b-963pyrhy6r] {
        background-color: #28a745;
        border-color: #28a745;
    }

    .availability-calendar .btn-danger[b-963pyrhy6r] {
        background-color: #dc3545;
        border-color: #dc3545;
    }

    .availability-calendar .btn-link[b-963pyrhy6r] {
        background: none;
        border: none;
        color: #003366; /* Donkerblauw */
        text-decoration: none;
        cursor: pointer;
        font-size: 1.5rem;
        padding: 0;
    }

    .availability-calendar .time-picker[b-963pyrhy6r] {
        margin-bottom: 20px;
    }

    .availability-calendar .times[b-963pyrhy6r] {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }

.btn-arrow-left[b-963pyrhy6r] {
    width: 40px !important;
    float: left !important;
}

.btn-arrow-right[b-963pyrhy6r] {
    width: 40px !important;
    float: right !important;
}

.btn-time[b-963pyrhy6r] {
    width: auto !important;
}

@media (max-width: 768px) {
    .availability-calendar .calendar-header div[b-963pyrhy6r], .availability-calendar .calendar-cell[b-963pyrhy6r] {
        padding: 0.25rem;
        font-size: 0.75rem;
    }

    .availability-calendar .btn[b-963pyrhy6r] {
        padding: 0.25rem;
        font-size: 0.75rem;
    }

    .availability-calendar .btn-link[b-963pyrhy6r] {
        font-size: 1rem;
    }
}
/* _content/Behandeltijd/Components/Components/CompanyDetails.razor.rz.scp.css */
.company-details[b-sjz6x91lh5] {
    margin-bottom: 20px;
    text-align: left;
}
/* _content/Behandeltijd/Components/Components/CompanyImages.razor.rz.scp.css */
.company-profile[b-p2vla9vfil] {
    margin: 20px;
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #FFFFFF; /* Zacht wit */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hero-section[b-p2vla9vfil] {
    text-align: center;
    margin-bottom: 30px;
}

.company-logo[b-p2vla9vfil] {
    max-width: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
}

h1[b-p2vla9vfil] {
    font-size: 2em;
    color: #D4AF37; /* Goud */
}

.tagline[b-p2vla9vfil] {
    font-size: 1.2em;
    color: #4A4A4A; /* Antraciet */
    margin-bottom: 20px;
}

.company-details[b-p2vla9vfil] {
    margin-bottom: 20px;
    text-align: left;
}

.company-images[b-p2vla9vfil] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.company-image[b-p2vla9vfil] {
    max-width: 300px;
    border-radius: 10px;
    margin: 10px;
    transition: transform 0.3s;
}

    .company-image:hover[b-p2vla9vfil] {
        transform: scale(1.05);
    }

.company-social-media a[b-p2vla9vfil] {
    margin-right: 10px;
    color: #003366; /* Donkerblauw */
    text-decoration: none;
    transition: color 0.3s;
}

    .company-social-media a:hover[b-p2vla9vfil] {
        color: #002244; /* Donkerder donkerblauw */
        text-decoration: underline;
    }

.gallery-section[b-p2vla9vfil] {
    margin-top: 30px;
}

.gallery-grid[b-p2vla9vfil] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.gallery-image[b-p2vla9vfil] {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s;
}

    .gallery-image:hover[b-p2vla9vfil] {
        transform: scale(1.05);
    }

.form-group[b-p2vla9vfil] {
    margin-bottom: 15px;
    text-align: left;
}

.btn[b-p2vla9vfil] {
    margin-right: 10px;
    transition: background-color 0.3s;
}

.btn-primary[b-p2vla9vfil] {
    background-color: #003366; /* Donkerblauw */
    border-color: #003366; /* Donkerblauw */
}

    .btn-primary:hover[b-p2vla9vfil] {
        background-color: #002244; /* Donkerder donkerblauw */
        border-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-p2vla9vfil] {
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover[b-p2vla9vfil] {
        background-color: #5a6268;
        border-color: #545b62;
    }

/* Responsive styles */
@media (max-width: 768px) {
    .company-profile[b-p2vla9vfil] {
        margin: 10px;
        padding: 10px;
    }

    .company-images[b-p2vla9vfil] {
        flex-direction: column;
        align-items: center;
    }

    .company-image[b-p2vla9vfil] {
        max-width: 100%;
        margin: 10px 0;
    }

    .form-group[b-p2vla9vfil] {
        width: 100%;
    }

    .btn[b-p2vla9vfil] {
        width: 100%;
        margin-bottom: 10px;
    }
}

.loader[b-p2vla9vfil] {
    width: 48px;
    height: 48px;
    border: 5px solid;
    border-color: #D4AF37 transparent; /* Goud */
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-b-p2vla9vfil 1s linear infinite;
}

@keyframes rotation-b-p2vla9vfil {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Behandeltijd/Components/Components/CompanyProfileHeader.razor.rz.scp.css */
.company-profile[b-5c9urhp4cy] {
    margin: 20px;
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #FFFFFF; /* Zacht wit */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hero-section[b-5c9urhp4cy] {
    text-align: center;
    margin-bottom: 30px;
}

.company-logo[b-5c9urhp4cy] {
    max-width: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
}

h1[b-5c9urhp4cy] {
    font-size: 2em;
    color: #D4AF37; /* Goud */
}

.tagline[b-5c9urhp4cy] {
    font-size: 1.2em;
    color: #4A4A4A; /* Antraciet */
    margin-bottom: 20px;
}

.company-details[b-5c9urhp4cy] {
    margin-bottom: 20px;
    text-align: left;
}

.company-images[b-5c9urhp4cy] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.company-image[b-5c9urhp4cy] {
    max-width: 300px;
    border-radius: 10px;
    margin: 10px;
    transition: transform 0.3s;
}

    .company-image:hover[b-5c9urhp4cy] {
        transform: scale(1.05);
    }

.company-social-media a[b-5c9urhp4cy] {
    margin-right: 10px;
    color: #003366; /* Donkerblauw */
    text-decoration: none;
    transition: color 0.3s;
}

    .company-social-media a:hover[b-5c9urhp4cy] {
        color: #002244; /* Donkerder donkerblauw */
        text-decoration: underline;
    }

.gallery-section[b-5c9urhp4cy] {
    margin-top: 30px;
}

.gallery-grid[b-5c9urhp4cy] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.gallery-image[b-5c9urhp4cy] {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s;
}

    .gallery-image:hover[b-5c9urhp4cy] {
        transform: scale(1.05);
    }

.form-group[b-5c9urhp4cy] {
    margin-bottom: 15px;
    text-align: left;
}

.btn[b-5c9urhp4cy] {
    margin-right: 10px;
    transition: background-color 0.3s;
}

.btn-primary[b-5c9urhp4cy] {
    background-color: #003366; /* Donkerblauw */
    border-color: #003366; /* Donkerblauw */
}

    .btn-primary:hover[b-5c9urhp4cy] {
        background-color: #002244; /* Donkerder donkerblauw */
        border-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-5c9urhp4cy] {
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover[b-5c9urhp4cy] {
        background-color: #5a6268;
        border-color: #545b62;
    }

/* Responsive styles */
@media (max-width: 768px) {
    .company-profile[b-5c9urhp4cy] {
        margin: 10px;
        padding: 10px;
    }

    .company-images[b-5c9urhp4cy] {
        flex-direction: column;
        align-items: center;
    }

    .company-image[b-5c9urhp4cy] {
        max-width: 100%;
        margin: 10px 0;
    }

    .form-group[b-5c9urhp4cy] {
        width: 100%;
    }

    .btn[b-5c9urhp4cy] {
        width: 100%;
        margin-bottom: 10px;
    }
}

.loader[b-5c9urhp4cy] {
    width: 48px;
    height: 48px;
    border: 5px solid;
    border-color: #D4AF37 transparent; /* Goud */
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-b-5c9urhp4cy 1s linear infinite;
}

@keyframes rotation-b-5c9urhp4cy {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Behandeltijd/Components/Components/Dialog.razor.rz.scp.css */
.dialog-backdrop[b-5fq1n8m978] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(211, 211, 211, 0.8); /* Light grey with opacity */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensure it is above other content */
}

.dialog-container[b-5fq1n8m978] {
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 1em;
    max-width: 500px;
    z-index: 1001; /* Ensure it is above the backdrop */
}

.dialog-title[b-5fq1n8m978] {
    color: #D4AF37; /* Goud */
    font-size: 2em;
    margin-bottom: 20px;
    text-align: center;
}

.dialog-content[b-5fq1n8m978] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.dialog-buttons[b-5fq1n8m978] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

.btn[b-5fq1n8m978] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

.btn-primary[b-5fq1n8m978] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-5fq1n8m978] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-5fq1n8m978] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-5fq1n8m978] {
        background-color: #484644;
    }
/* _content/Behandeltijd/Components/Components/Loader.razor.rz.scp.css */
.loader[b-cck13a24kc] {
    width: 48px;
    height: 48px;
    border: 5px solid;
    border-color: #003366 transparent; /* Donkerblauw */
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation-b-cck13a24kc 1s linear infinite;
}

.loader-parent[b-cck13a24kc] {
    text-align: center;
    position: relative;
}

@keyframes rotation-b-cck13a24kc {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
/* _content/Behandeltijd/Components/Components/TimePicker.razor.rz.scp.css */
/* _content/Behandeltijd/Components/Components/TimeSpanPicker.razor.rz.scp.css */
/* _content/Behandeltijd/Components/Components/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-y45ak6pbi6] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .toggle-switch input[b-y45ak6pbi6] {
        opacity: 0;
        width: 0;
        height: 0;
    }

.toggle-label[b-y45ak6pbi6] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

    .toggle-label[b-y45ak6pbi6]:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        transition: .4s;
        border-radius: 50%;
    }

input:checked + .toggle-label[b-y45ak6pbi6] {
    background-color: #D4AF37; /* Goud */
}

    input:checked + .toggle-label[b-y45ak6pbi6]:before {
        transform: translateX(26px);
    }
/* _content/Behandeltijd/Components/Pages/AppointmentConfirmation.razor.rz.scp.css */
/* Add this to your site's CSS file */

h3[b-t86agseyji] {
    color: #D4AF37; /* Goud */
    text-align: center;
    margin-bottom: 20px;
}

p[b-t86agseyji] {
    color: #4A4A4A; /* Antraciet */
    margin-bottom: 10px;
}

strong[b-t86agseyji] {
    color: #4A4A4A; /* Antraciet */
}

.btn[b-t86agseyji] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-t86agseyji] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-t86agseyji] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-t86agseyji] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-t86agseyji] {
        background-color: #484644;
    }

/* Responsive styles */
@media (max-width: 768px) {
    .btn[b-t86agseyji] {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn-primary[b-t86agseyji], .btn-secondary[b-t86agseyji] {
        font-size: 1.2em;
    }
}
/* _content/Behandeltijd/Components/Pages/AppointmentCreateAndEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-338c7nfqvf] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-338c7nfqvf] {
    margin-bottom: 15px;
}

    .form-group label[b-338c7nfqvf] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-338c7nfqvf] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-338c7nfqvf] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-338c7nfqvf] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-338c7nfqvf] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Responsive styles */
@media (max-width: 768px) {
    .form-container[b-338c7nfqvf] {
        padding: 10px;
    }

    .btn-primary[b-338c7nfqvf] {
        width: 100%;
        padding: 10px;
        font-size: 1.2em;
    }

    .form-group[b-338c7nfqvf] {
        margin-bottom: 10px;
    }

        .form-group label[b-338c7nfqvf] {
            font-size: 1em;
        }

    .form-control[b-338c7nfqvf] {
        padding: 10px;
        font-size: 1em;
    }
}
/* _content/Behandeltijd/Components/Pages/AppointmentsOverview.razor.rz.scp.css */
.appointments-container[b-0fbttyfyjb] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .appointments-container h3[b-0fbttyfyjb] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table[b-0fbttyfyjb] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

    .table th[b-0fbttyfyjb], .table td[b-0fbttyfyjb] {
        border: 1px solid #e1e1e1;
        padding: 10px;
        text-align: left;
    }

    .table th[b-0fbttyfyjb] {
        background-color: #f3f2f1;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

    .table tr:nth-child(even)[b-0fbttyfyjb] {
        background-color: #f9f9f9;
    }

.btn[b-0fbttyfyjb] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-0fbttyfyjb] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-0fbttyfyjb] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-0fbttyfyjb] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-0fbttyfyjb] {
        background-color: #484644;
    }

.btn-danger[b-0fbttyfyjb] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-0fbttyfyjb] {
        background-color: #a80000;
    }

.agenda-section[b-0fbttyfyjb] {
    flex: 2;
}

.list-section[b-0fbttyfyjb] {
    flex: 1;
}

.compact-list[b-0fbttyfyjb] {
    display: flex;
    flex-direction: column;
    gap: 1em;
}

.appointment-item[b-0fbttyfyjb] {
    border: 1px solid #ccc;
    padding: 1em;
    border-radius: 5px;
}

.actions[b-0fbttyfyjb] {
    margin-top: 0.5em;
}

.weekly-agenda[b-0fbttyfyjb] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 0.5em;
}

.agenda-day[b-0fbttyfyjb] {
    border: 1px solid #ccc;
    padding: 1em;
    border-radius: 5px;
}

.agenda-item[b-0fbttyfyjb] {
    border: 1px solid #ccc;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    position: relative;
}

    .agenda-item .actions[b-0fbttyfyjb] {
        position: absolute;
        top: 0.5em;
        right: 0.5em;
        display: flex;
        gap: 0.5em;
    }

    .agenda-item.confirmed[b-0fbttyfyjb] {
        background-color: #d4edda;
        border-color: #c3e6cb;
    }

    .agenda-item.cancelled[b-0fbttyfyjb] {
        background-color: #f8d7da;
        border-color: #f5c6cb;
    }

.agenda-navigation[b-0fbttyfyjb] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

/* Responsive styles */
@media (max-width: 768px) {
    .appointments-container[b-0fbttyfyjb] {
        padding: 10px;
    }

    .agenda-section[b-0fbttyfyjb], .list-section[b-0fbttyfyjb] {
        flex: 1;
        margin-right: 0;
    }

    .weekly-agenda[b-0fbttyfyjb] {
        grid-template-columns: repeat(2, 1fr);
    }

    .agenda-day[b-0fbttyfyjb] {
        padding: 0.5em;
    }

    .agenda-item[b-0fbttyfyjb] {
        padding: 0.5em;
    }

    .btn[b-0fbttyfyjb] {
        width: 100%;
        margin-bottom: 10px;
    }

    .btn-primary[b-0fbttyfyjb], .btn-secondary[b-0fbttyfyjb], .btn-danger[b-0fbttyfyjb] {
        font-size: 1.2em;
    }
}
/* _content/Behandeltijd/Components/Pages/Cancel.razor.rz.scp.css */
.cancel-container[b-3nbyc79xd6] {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #FFFFFF; /* Zacht wit */
}

.cancel-message[b-3nbyc79xd6] {
    text-align: center;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

    .cancel-message h1[b-3nbyc79xd6] {
        color: #D4AF37; /* Goud */
        margin-bottom: 20px;
    }

    .cancel-message p[b-3nbyc79xd6] {
        color: #4A4A4A; /* Antraciet */
        margin-bottom: 30px;
    }

.btn-primary[b-3nbyc79xd6] {
    background-color: #003366; /* Donkerblauw */
    border-color: #003366;
}

    .btn-primary:hover[b-3nbyc79xd6] {
        background-color: #002244; /* Donkerder donkerblauw */
        border-color: #002244;
    }
/* _content/Behandeltijd/Components/Pages/CompaniesOverview.razor.rz.scp.css */
.companies-container[b-vhj255uorp] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .companies-container h3[b-vhj255uorp] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-vhj255uorp] {
    display: block;
}

.table[b-vhj255uorp] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-vhj255uorp], .table td[b-vhj255uorp] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-vhj255uorp] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-vhj255uorp] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-vhj255uorp] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-vhj255uorp] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-vhj255uorp] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-vhj255uorp] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-vhj255uorp] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-vhj255uorp] {
        background-color: #484644;
    }

.btn-danger[b-vhj255uorp] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-vhj255uorp] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .companies-container[b-vhj255uorp] {
        padding: 15px;
    }

        .companies-container h3[b-vhj255uorp] {
            font-size: 1.5em;
        }

    .table-container[b-vhj255uorp] {
        display: none;
    }

    .mobile-view[b-vhj255uorp] {
        display: block !important;
    }

    .company-card[b-vhj255uorp] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .company-card .actions[b-vhj255uorp] {
            margin-top: 10px;
        }

    .table th[b-vhj255uorp], .table td[b-vhj255uorp] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-vhj255uorp] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .companies-container[b-vhj255uorp] {
        padding: 10px;
    }

        .companies-container h3[b-vhj255uorp] {
            font-size: 1.2em;
        }

    .table-container[b-vhj255uorp] {
        display: none;
    }

    .mobile-view[b-vhj255uorp] {
        display: block !important;
    }

    .company-card[b-vhj255uorp] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .company-card .actions[b-vhj255uorp] {
            margin-top: 10px;
        }

    .table th[b-vhj255uorp], .table td[b-vhj255uorp] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-vhj255uorp] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-vhj255uorp] {
    display: none;
}

.input-group[b-vhj255uorp] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-vhj255uorp] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-vhj255uorp] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-vhj255uorp] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/CompanyCreateAndEdit.razor.rz.scp.css */
.form-container[b-y4esw1e8mp] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.form-group[b-y4esw1e8mp] {
    margin-bottom: 15px;
}

    .form-group label[b-y4esw1e8mp] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-y4esw1e8mp] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-y4esw1e8mp] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-y4esw1e8mp] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-y4esw1e8mp] {
    color: #d83b01;
    margin-bottom: 15px;
}

.company-image[b-y4esw1e8mp] {
    max-width: 100px;
    max-height: 100px;
    margin-top: 10px;
}

.image-container[b-y4esw1e8mp] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-y4esw1e8mp] {
        padding: 15px;
    }

    .form-group label[b-y4esw1e8mp] {
        font-size: 0.9em;
    }

    .form-control[b-y4esw1e8mp] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-y4esw1e8mp] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-y4esw1e8mp] {
        padding: 10px;
    }

    .form-group label[b-y4esw1e8mp] {
        font-size: 0.8em;
    }

    .form-control[b-y4esw1e8mp] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-y4esw1e8mp] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/CompanyProfile.razor.rz.scp.css */
.company-profile[b-vnlphxdzkh] {
    margin: 20px;
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #FFFFFF; /* Zacht wit */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.hero-section[b-vnlphxdzkh] {
    text-align: center;
    margin-bottom: 30px;
}

.company-logo[b-vnlphxdzkh] {
    max-width: 150px;
    border-radius: 50%;
    margin-bottom: 20px;
}

h1[b-vnlphxdzkh] {
    font-size: 2em;
    color: #4A4A4A; /* Antraciet */
}

.tagline[b-vnlphxdzkh] {
    font-size: 1.2em;
    color: #666;
    margin-bottom: 20px;
}

.company-details[b-vnlphxdzkh] {
    margin-bottom: 20px;
    text-align: left;
}

.company-images[b-vnlphxdzkh] {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.company-image[b-vnlphxdzkh] {
    max-width: 300px;
    border-radius: 10px;
    margin: 10px;
    transition: transform 0.3s;
}

    .company-image:hover[b-vnlphxdzkh] {
        transform: scale(1.05);
    }

.company-social-media a[b-vnlphxdzkh] {
    margin-right: 10px;
    color: #003366; /* Donkerblauw */
    text-decoration: none;
    transition: color 0.3s;
}

    .company-social-media a:hover[b-vnlphxdzkh] {
        color: #002244; /* Donkerder donkerblauw */
        text-decoration: underline;
    }

.gallery-section[b-vnlphxdzkh] {
    margin-top: 30px;
}

.gallery-grid[b-vnlphxdzkh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 10px;
}

.gallery-image[b-vnlphxdzkh] {
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: transform 0.3s;
}

    .gallery-image:hover[b-vnlphxdzkh] {
        transform: scale(1.05);
    }

.form-group[b-vnlphxdzkh] {
    margin-bottom: 15px;
    text-align: left;
}

.btn[b-vnlphxdzkh] {
    margin-right: 10px;
    transition: background-color 0.3s;
}

.btn-primary[b-vnlphxdzkh] {
    background-color: #003366; /* Donkerblauw */
    border-color: #003366;
}

    .btn-primary:hover[b-vnlphxdzkh] {
        background-color: #002244; /* Donkerder donkerblauw */
        border-color: #002244;
    }

.btn-secondary[b-vnlphxdzkh] {
    background-color: #6c757d;
    border-color: #6c757d;
}

    .btn-secondary:hover[b-vnlphxdzkh] {
        background-color: #5a6268;
        border-color: #545b62;
    }

/* Responsive styles */
@media (max-width: 768px) {
    .company-profile[b-vnlphxdzkh] {
        margin: 10px;
        padding: 10px;
    }

    .company-images[b-vnlphxdzkh] {
        flex-direction: column;
        align-items: center;
    }

    .company-image[b-vnlphxdzkh] {
        max-width: 100%;
        margin: 10px 0;
    }

    .form-group[b-vnlphxdzkh] {
        width: 100%;
    }

    .btn[b-vnlphxdzkh] {
        width: 100%;
        margin-bottom: 10px;
    }
}

@keyframes rotation-b-vnlphxdzkh {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* _content/Behandeltijd/Components/Pages/CouponCreateAndEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-w4xokv8wvp] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-w4xokv8wvp] {
    margin-bottom: 15px;
}

    .form-group label[b-w4xokv8wvp] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-w4xokv8wvp] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-w4xokv8wvp] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-w4xokv8wvp] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-w4xokv8wvp] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-w4xokv8wvp] {
        padding: 10px;
    }

    .form-group label[b-w4xokv8wvp] {
        font-size: 0.9em;
    }

    .form-control[b-w4xokv8wvp] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-w4xokv8wvp] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-w4xokv8wvp] {
        padding: 5px;
    }

    .form-group label[b-w4xokv8wvp] {
        font-size: 0.8em;
    }

    .form-control[b-w4xokv8wvp] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-w4xokv8wvp] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/CouponOverview.razor.rz.scp.css */
.services-container[b-pc0kp0j9vu] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .services-container h3[b-pc0kp0j9vu] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-pc0kp0j9vu] {
    display: block;
}

.table[b-pc0kp0j9vu] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-pc0kp0j9vu], .table td[b-pc0kp0j9vu] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-pc0kp0j9vu] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-pc0kp0j9vu] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-pc0kp0j9vu] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-pc0kp0j9vu] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-pc0kp0j9vu] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-pc0kp0j9vu] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-pc0kp0j9vu] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-pc0kp0j9vu] {
        background-color: #484644;
    }

.btn-danger[b-pc0kp0j9vu] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-pc0kp0j9vu] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .services-container[b-pc0kp0j9vu] {
        padding: 15px;
    }

        .services-container h3[b-pc0kp0j9vu] {
            font-size: 1.5em;
        }

    .table-container[b-pc0kp0j9vu] {
        display: none;
    }

    .mobile-view[b-pc0kp0j9vu] {
        display: block !important;
    }

    .coupon-card[b-pc0kp0j9vu] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .coupon-card .actions[b-pc0kp0j9vu] {
            margin-top: 10px;
        }

    .table th[b-pc0kp0j9vu], .table td[b-pc0kp0j9vu] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-pc0kp0j9vu] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .services-container[b-pc0kp0j9vu] {
        padding: 10px;
    }

        .services-container h3[b-pc0kp0j9vu] {
            font-size: 1.2em;
        }

    .table-container[b-pc0kp0j9vu] {
        display: none;
    }

    .mobile-view[b-pc0kp0j9vu] {
        display: block !important;
    }

    .coupon-card[b-pc0kp0j9vu] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .coupon-card .actions[b-pc0kp0j9vu] {
            margin-top: 10px;
        }

    .table th[b-pc0kp0j9vu], .table td[b-pc0kp0j9vu] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-pc0kp0j9vu] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-pc0kp0j9vu] {
    display: none;
}

.input-group[b-pc0kp0j9vu] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-pc0kp0j9vu] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-pc0kp0j9vu] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-pc0kp0j9vu] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/CustomerCreateAndEdit.razor.rz.scp.css */
.form-container[b-nzbtyf3gka] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-nzbtyf3gka] {
    margin-bottom: 15px;
}

    .form-group label[b-nzbtyf3gka] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-nzbtyf3gka] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-nzbtyf3gka] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-nzbtyf3gka] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-nzbtyf3gka] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-nzbtyf3gka] {
        padding: 15px;
    }

    .form-group label[b-nzbtyf3gka] {
        font-size: 0.9em;
    }

    .form-control[b-nzbtyf3gka] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-nzbtyf3gka] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-nzbtyf3gka] {
        padding: 10px;
    }

    .form-group label[b-nzbtyf3gka] {
        font-size: 0.8em;
    }

    .form-control[b-nzbtyf3gka] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-nzbtyf3gka] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/CustomersOverview.razor.rz.scp.css */
.customers-container[b-v1j20zrdqp] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .customers-container h3[b-v1j20zrdqp] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-v1j20zrdqp] {
    display: block;
}

.table[b-v1j20zrdqp] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-v1j20zrdqp], .table td[b-v1j20zrdqp] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-v1j20zrdqp] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-v1j20zrdqp] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-v1j20zrdqp] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-v1j20zrdqp] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-v1j20zrdqp] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-v1j20zrdqp] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-v1j20zrdqp] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-v1j20zrdqp] {
        background-color: #484644;
    }

.btn-danger[b-v1j20zrdqp] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-v1j20zrdqp] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .customers-container[b-v1j20zrdqp] {
        padding: 15px;
    }

        .customers-container h3[b-v1j20zrdqp] {
            font-size: 1.5em;
        }

    .table-container[b-v1j20zrdqp] {
        display: none;
    }

    .mobile-view[b-v1j20zrdqp] {
        display: block !important;
    }

    .customer-card[b-v1j20zrdqp] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .customer-card .actions[b-v1j20zrdqp] {
            margin-top: 10px;
        }

    .table th[b-v1j20zrdqp], .table td[b-v1j20zrdqp] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-v1j20zrdqp] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .customers-container[b-v1j20zrdqp] {
        padding: 10px;
    }

        .customers-container h3[b-v1j20zrdqp] {
            font-size: 1.2em;
        }

    .table-container[b-v1j20zrdqp] {
        display: none;
    }

    .mobile-view[b-v1j20zrdqp] {
        display: block !important;
    }

    .customer-card[b-v1j20zrdqp] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .customer-card .actions[b-v1j20zrdqp] {
            margin-top: 10px;
        }

    .table th[b-v1j20zrdqp], .table td[b-v1j20zrdqp] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-v1j20zrdqp] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-v1j20zrdqp] {
    display: none;
}

.input-group[b-v1j20zrdqp] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-v1j20zrdqp] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-v1j20zrdqp] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-v1j20zrdqp] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/EditEmployee.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-0r7ypkio52] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-0r7ypkio52] {
    margin-bottom: 15px;
}

    .form-group label[b-0r7ypkio52] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-0r7ypkio52] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-0r7ypkio52] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-0r7ypkio52] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-0r7ypkio52] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-0r7ypkio52] {
        padding: 10px;
    }

    .form-group label[b-0r7ypkio52] {
        font-size: 0.9em;
    }

    .form-control[b-0r7ypkio52] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-0r7ypkio52] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-0r7ypkio52] {
        padding: 5px;
    }

    .form-group label[b-0r7ypkio52] {
        font-size: 0.8em;
    }

    .form-control[b-0r7ypkio52] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-0r7ypkio52] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/EmployeesOverview.razor.rz.scp.css */
.employees-container[b-hdtctdh0h0] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

h3[b-hdtctdh0h0] {
    color: #D4AF37; /* Goud */
    font-size: 2em;
    margin-bottom: 20px;
    text-align: center;
}

.table-container[b-hdtctdh0h0] {
    display: block;
}

.table[b-hdtctdh0h0] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-hdtctdh0h0], .table td[b-hdtctdh0h0] {
        border: 1px solid #ddd;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-hdtctdh0h0] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-hdtctdh0h0] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-hdtctdh0h0] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.loading[b-hdtctdh0h0], .no-employees[b-hdtctdh0h0] {
    color: #666;
    font-style: italic;
}

.btn[b-hdtctdh0h0] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-hdtctdh0h0] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-hdtctdh0h0] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-hdtctdh0h0] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-hdtctdh0h0] {
        background-color: #484644;
    }

.btn-danger[b-hdtctdh0h0] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-hdtctdh0h0] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .employees-container[b-hdtctdh0h0] {
        padding: 15px;
    }

    h3[b-hdtctdh0h0] {
        font-size: 1.5em;
    }

    .table-container[b-hdtctdh0h0] {
        display: none;
    }

    .mobile-view[b-hdtctdh0h0] {
        display: block !important;
    }

    .employee-card[b-hdtctdh0h0] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .employee-card .actions[b-hdtctdh0h0] {
            margin-top: 10px;
        }

    .table th[b-hdtctdh0h0], .table td[b-hdtctdh0h0] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-hdtctdh0h0] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .employees-container[b-hdtctdh0h0] {
        padding: 10px;
    }

    h3[b-hdtctdh0h0] {
        font-size: 1.2em;
    }

    .table-container[b-hdtctdh0h0] {
        display: none;
    }

    .mobile-view[b-hdtctdh0h0] {
        display: block !important;
    }

    .employee-card[b-hdtctdh0h0] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .employee-card .actions[b-hdtctdh0h0] {
            margin-top: 10px;
        }

    .table th[b-hdtctdh0h0], .table td[b-hdtctdh0h0] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-hdtctdh0h0] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-hdtctdh0h0] {
    display: none;
}

.input-group[b-hdtctdh0h0] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-hdtctdh0h0] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-hdtctdh0h0] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-hdtctdh0h0] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/Error.razor.rz.scp.css */
/* Add this to your site's CSS file */

.error-container[b-kfua9gqq1p] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

    .error-container h1[b-kfua9gqq1p],
    .error-container h2[b-kfua9gqq1p] {
        color: #D4AF37; /* Goud */
    }

    .error-container p[b-kfua9gqq1p] {
        color: #4A4A4A; /* Antraciet */
        margin-bottom: 15px;
    }

    .error-container code[b-kfua9gqq1p] {
        background-color: #f3f2f1;
        padding: 2px 4px;
        border-radius: 4px;
        color: #D4AF37; /* Goud */
    }
/* _content/Behandeltijd/Components/Pages/Home.razor.rz.scp.css */
/* Add this to your site's CSS file */

.intro-container[b-qj9y20d2ri] {
    max-width: 800px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

    .intro-container h1[b-qj9y20d2ri] {
        color: #D4AF37; /* Goud */
        font-size: 2.5em;
        margin-bottom: 20px;
    }

    .intro-container h2[b-qj9y20d2ri] {
        color: #4A4A4A; /* Antraciet */
        font-size: 1.8em;
        margin-top: 30px;
        margin-bottom: 20px;
    }

.intro-text[b-qj9y20d2ri] {
    color: #4A4A4A; /* Antraciet */
    font-size: 1.2em;
    line-height: 1.6;
    margin-bottom: 20px;
}

.image-container[b-qj9y20d2ri] {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 20px;
    flex-wrap: wrap; /* Add this to allow wrapping */
}

.intro-image[b-qj9y20d2ri] {
    width: 300px;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.features-list[b-qj9y20d2ri] {
    list-style-type: none;
    padding: 0;
    text-align: left;
}

    .features-list li[b-qj9y20d2ri] {
        color: #4A4A4A; /* Antraciet */
        font-size: 1.1em;
        margin-bottom: 10px;
    }

        .features-list li strong[b-qj9y20d2ri] {
            color: #D4AF37; /* Goud */
        }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .intro-container[b-qj9y20d2ri] {
        padding: 15px;
    }

        .intro-container h1[b-qj9y20d2ri] {
            font-size: 2em;
        }

        .intro-container h2[b-qj9y20d2ri] {
            font-size: 1.5em;
        }

    .intro-text[b-qj9y20d2ri] {
        font-size: 1em;
    }

    .intro-image[b-qj9y20d2ri] {
        width: 100%;
        max-width: 300px;
    }
}

@media (max-width: 480px) {
    .intro-container[b-qj9y20d2ri] {
        padding: 10px;
    }

        .intro-container h1[b-qj9y20d2ri] {
            font-size: 1.8em;
        }

        .intro-container h2[b-qj9y20d2ri] {
            font-size: 1.3em;
        }

    .intro-text[b-qj9y20d2ri] {
        font-size: 0.9em;
    }

    .intro-image[b-qj9y20d2ri] {
        width: 100%;
        max-width: 200px;
    }

    .features-list li[b-qj9y20d2ri] {
        font-size: 1em;
    }
}

.subscription-plans[b-qj9y20d2ri] {
    margin-top: 40px;
    text-align: center;
}

.plans-container[b-qj9y20d2ri] {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap; /* Add this to allow wrapping */
}

.plan-button[b-qj9y20d2ri] {
    position: absolute;
    bottom: 10px; /* Adjust as needed */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 20px); /* Adjust as needed */
}

.plan[b-qj9y20d2ri] {
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 45%;
    max-width: 300px;
    text-align: center;
    position: relative;
    padding-bottom: 50px;
}

    .plan h3[b-qj9y20d2ri] {
        color: #D4AF37; /* Goud */
        font-size: 1.8em;
        margin-bottom: 10px;
    }

    .plan .price[b-qj9y20d2ri] {
        color: #4A4A4A; /* Antraciet */
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .plan p[b-qj9y20d2ri] {
        color: #4A4A4A; /* Antraciet */
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    .plan .features-list[b-qj9y20d2ri] {
        list-style-type: none;
        padding: 0;
        text-align: left;
    }

        .plan .features-list li[b-qj9y20d2ri] {
            color: #4A4A4A; /* Antraciet */
            font-size: 1.1em;
            margin-bottom: 10px;
        }

            .plan .features-list li strong[b-qj9y20d2ri] {
                color: #D4AF37; /* Goud */
            }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .plans-container[b-qj9y20d2ri] {
        flex-direction: column;
        align-items: center;
    }

    .plan[b-qj9y20d2ri] {
        max-width: 100%;
        margin-bottom: 20px;
        width: 70%;
    }
}

@media (max-width: 480px) {
    .plan[b-qj9y20d2ri] {
        width: 70%;
    }

        .plan h3[b-qj9y20d2ri] {
            font-size: 1.5em;
        }

        .plan .price[b-qj9y20d2ri] {
            font-size: 1.3em;
        }

        .plan p[b-qj9y20d2ri] {
            font-size: 1em;
        }

        .plan .features-list li[b-qj9y20d2ri] {
            font-size: 1em;
        }
}

.contact-form[b-qj9y20d2ri] {
    margin-top: 40px;
    margin-bottom: 40px;
    text-align: center;
}

    .contact-form h2[b-qj9y20d2ri] {
        color: #D4AF37; /* Goud */
        font-size: 1.8em;
        margin-bottom: 20px;
    }

    .contact-form .form-control[b-qj9y20d2ri] {
        width: 100%;
        max-width: 500px;
        margin: 10px auto;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid #ccc;
    }

    .contact-form button[b-qj9y20d2ri] {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #003366; /* Donkerblauw */
        color: #fff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }

        .contact-form button:hover[b-qj9y20d2ri] {
            background-color: #002244; /* Donkerder donkerblauw */
        }

.confirmation-message[b-qj9y20d2ri] {
    margin-top: 20px;
    margin-bottom: 50px;
    color: green;
    font-size: 1.2em;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .contact-form .form-control[b-qj9y20d2ri] {
        max-width: 100%;
    }
}

.btn-primary[b-qj9y20d2ri] {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #003366; /* Donkerblauw */
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
/* _content/Behandeltijd/Components/Pages/NewsletterSent.razor.rz.scp.css */
.newsletter-sent-container[b-7vq5qp1g9v] {
    text-align: center;
    margin-top: 50px;
}

    .newsletter-sent-container h3[b-7vq5qp1g9v] {
        color: #D4AF37; /* Goud */
    }

    .newsletter-sent-container p[b-7vq5qp1g9v] {
        font-size: 1.2em;
        color: #4A4A4A; /* Antraciet */
    }

    .newsletter-sent-container .btn[b-7vq5qp1g9v] {
        margin-top: 20px;
        padding: 10px 20px;
        background-color: #003366; /* Donkerblauw */
        color: #ffffff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        font-size: 1em;
    }

        .newsletter-sent-container .btn:hover[b-7vq5qp1g9v] {
            background-color: #002244; /* Donkerder donkerblauw */
        }
/* _content/Behandeltijd/Components/Pages/ProductCategoryCreateEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-qe7c3j3tyq] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-qe7c3j3tyq] {
    margin-bottom: 15px;
}

    .form-group label[b-qe7c3j3tyq] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-qe7c3j3tyq] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-qe7c3j3tyq] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-qe7c3j3tyq] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-qe7c3j3tyq] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-qe7c3j3tyq] {
        padding: 10px;
    }

    .form-group label[b-qe7c3j3tyq] {
        font-size: 0.9em;
    }

    .form-control[b-qe7c3j3tyq] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-qe7c3j3tyq] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-qe7c3j3tyq] {
        padding: 5px;
    }

    .form-group label[b-qe7c3j3tyq] {
        font-size: 0.8em;
    }

    .form-control[b-qe7c3j3tyq] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-qe7c3j3tyq] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/ProductCategoryOverview.razor.rz.scp.css */
.products-container[b-2bltd7gxez] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .products-container h3[b-2bltd7gxez] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-2bltd7gxez] {
    display: block;
}

.table[b-2bltd7gxez] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-2bltd7gxez], .table td[b-2bltd7gxez] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-2bltd7gxez] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-2bltd7gxez] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-2bltd7gxez] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-2bltd7gxez] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-2bltd7gxez] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-2bltd7gxez] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-2bltd7gxez] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-2bltd7gxez] {
        background-color: #484644;
    }

.btn-danger[b-2bltd7gxez] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-2bltd7gxez] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .products-container[b-2bltd7gxez] {
        padding: 15px;
    }

        .products-container h3[b-2bltd7gxez] {
            font-size: 1.5em;
        }

    .table-container[b-2bltd7gxez] {
        display: none;
    }

    .mobile-view[b-2bltd7gxez] {
        display: block !important;
    }

    .category-card[b-2bltd7gxez] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .category-card .actions[b-2bltd7gxez] {
            margin-top: 10px;
        }

    .table th[b-2bltd7gxez], .table td[b-2bltd7gxez] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-2bltd7gxez] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .products-container[b-2bltd7gxez] {
        padding: 10px;
    }

        .products-container h3[b-2bltd7gxez] {
            font-size: 1.2em;
        }

    .table-container[b-2bltd7gxez] {
        display: none;
    }

    .mobile-view[b-2bltd7gxez] {
        display: block !important;
    }

    .category-card[b-2bltd7gxez] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .category-card .actions[b-2bltd7gxez] {
            margin-top: 10px;
        }

    .table th[b-2bltd7gxez], .table td[b-2bltd7gxez] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-2bltd7gxez] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-2bltd7gxez] {
    display: none;
}

.input-group[b-2bltd7gxez] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-2bltd7gxez] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-2bltd7gxez] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-2bltd7gxez] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/ProductCreateAndEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-wcz58hgfv0] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-wcz58hgfv0] {
    margin-bottom: 15px;
}

    .form-group label[b-wcz58hgfv0] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-wcz58hgfv0] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-wcz58hgfv0] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-wcz58hgfv0] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-wcz58hgfv0] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-wcz58hgfv0] {
        padding: 10px;
    }

    .form-group label[b-wcz58hgfv0] {
        font-size: 0.9em;
    }

    .form-control[b-wcz58hgfv0] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-wcz58hgfv0] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-wcz58hgfv0] {
        padding: 5px;
    }

    .form-group label[b-wcz58hgfv0] {
        font-size: 0.8em;
    }

    .form-control[b-wcz58hgfv0] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-wcz58hgfv0] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/ProductsOverview.razor.rz.scp.css */
.products-container[b-qejjjx76uh] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .products-container h3[b-qejjjx76uh] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-qejjjx76uh] {
    display: block;
}

.table[b-qejjjx76uh] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-qejjjx76uh], .table td[b-qejjjx76uh] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-qejjjx76uh] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-qejjjx76uh] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-qejjjx76uh] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-qejjjx76uh] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-qejjjx76uh] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-qejjjx76uh] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-qejjjx76uh] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-qejjjx76uh] {
        background-color: #484644;
    }

.btn-danger[b-qejjjx76uh] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-qejjjx76uh] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .products-container[b-qejjjx76uh] {
        padding: 15px;
    }

        .products-container h3[b-qejjjx76uh] {
            font-size: 1.5em;
        }

    .table-container[b-qejjjx76uh] {
        display: none;
    }

    .mobile-view[b-qejjjx76uh] {
        display: block !important;
    }

    .product-card[b-qejjjx76uh] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .product-card .actions[b-qejjjx76uh] {
            margin-top: 10px;
        }

    .table th[b-qejjjx76uh], .table td[b-qejjjx76uh] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-qejjjx76uh] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .products-container[b-qejjjx76uh] {
        padding: 10px;
    }

        .products-container h3[b-qejjjx76uh] {
            font-size: 1.2em;
        }

    .table-container[b-qejjjx76uh] {
        display: none;
    }

    .mobile-view[b-qejjjx76uh] {
        display: block !important;
    }

    .product-card[b-qejjjx76uh] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .product-card .actions[b-qejjjx76uh] {
            margin-top: 10px;
        }

    .table th[b-qejjjx76uh], .table td[b-qejjjx76uh] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-qejjjx76uh] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-qejjjx76uh] {
    display: none;
}

.input-group[b-qejjjx76uh] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-qejjjx76uh] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-qejjjx76uh] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-qejjjx76uh] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/SendNewsletter.razor.rz.scp.css */
.send-newsletter-container[b-1amxp7k8cv] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

    .send-newsletter-container h3[b-1amxp7k8cv] {
        text-align: center;
        color: #D4AF37; /* Goud */
    }

.form-group[b-1amxp7k8cv] {
    margin-bottom: 15px;
}

    .form-group label[b-1amxp7k8cv] {
        font-weight: bold;
        color: #4A4A4A; /* Antraciet */
    }

.form-control[b-1amxp7k8cv] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.btn-primary[b-1amxp7k8cv] {
    display: block;
    width: 100%;
    padding: 10px;
    background-color: #003366; /* Donkerblauw */
    border: none;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    cursor: pointer;
}

    .btn-primary:hover[b-1amxp7k8cv] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

/* New CSS for subscriber count */
.subscriber-count[b-1amxp7k8cv] {
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 4px;
    color: #495057;
}
/* _content/Behandeltijd/Components/Pages/ServiceCategoryCreateEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-ib4w22dqgq] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-ib4w22dqgq] {
    margin-bottom: 15px;
}

    .form-group label[b-ib4w22dqgq] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-ib4w22dqgq] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-ib4w22dqgq] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-ib4w22dqgq] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-ib4w22dqgq] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-ib4w22dqgq] {
        padding: 10px;
    }

    .form-group label[b-ib4w22dqgq] {
        font-size: 0.9em;
    }

    .form-control[b-ib4w22dqgq] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-ib4w22dqgq] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-ib4w22dqgq] {
        padding: 5px;
    }

    .form-group label[b-ib4w22dqgq] {
        font-size: 0.8em;
    }

    .form-control[b-ib4w22dqgq] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-ib4w22dqgq] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/ServiceCategoryOverview.razor.rz.scp.css */
.services-container[b-b9grg405qe] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .services-container h3[b-b9grg405qe] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-b9grg405qe] {
    display: block;
}

.table[b-b9grg405qe] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-b9grg405qe], .table td[b-b9grg405qe] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-b9grg405qe] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-b9grg405qe] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-b9grg405qe] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-b9grg405qe] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-b9grg405qe] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-b9grg405qe] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-b9grg405qe] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-b9grg405qe] {
        background-color: #484644;
    }

.btn-danger[b-b9grg405qe] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-b9grg405qe] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .services-container[b-b9grg405qe] {
        padding: 15px;
    }

        .services-container h3[b-b9grg405qe] {
            font-size: 1.5em;
        }

    .table-container[b-b9grg405qe] {
        display: none;
    }

    .mobile-view[b-b9grg405qe] {
        display: block !important;
    }

    .category-card[b-b9grg405qe] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .category-card .actions[b-b9grg405qe] {
            margin-top: 10px;
        }

    .table th[b-b9grg405qe], .table td[b-b9grg405qe] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-b9grg405qe] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .services-container[b-b9grg405qe] {
        padding: 10px;
    }

        .services-container h3[b-b9grg405qe] {
            font-size: 1.2em;
        }

    .table-container[b-b9grg405qe] {
        display: none;
    }

    .mobile-view[b-b9grg405qe] {
        display: block !important;
    }

    .category-card[b-b9grg405qe] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .category-card .actions[b-b9grg405qe] {
            margin-top: 10px;
        }

    .table th[b-b9grg405qe], .table td[b-b9grg405qe] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-b9grg405qe] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-b9grg405qe] {
    display: none;
}

.input-group[b-b9grg405qe] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-b9grg405qe] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-b9grg405qe] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-b9grg405qe] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/ServiceCreateAndEdit.razor.rz.scp.css */
/* Add this to your site's CSS file */

.form-container[b-b452jriny6] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.form-group[b-b452jriny6] {
    margin-bottom: 15px;
}

    .form-group label[b-b452jriny6] {
        display: block;
        margin-bottom: 5px;
        color: #4A4A4A; /* Antraciet */
        font-weight: 600;
    }

.form-control[b-b452jriny6] {
    width: 100%;
    padding: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
}

.btn-primary[b-b452jriny6] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
}

    .btn-primary:hover[b-b452jriny6] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.validation-summary[b-b452jriny6] {
    color: #d83b01;
    margin-bottom: 15px;
}

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .form-container[b-b452jriny6] {
        padding: 10px;
    }

    .form-group label[b-b452jriny6] {
        font-size: 0.9em;
    }

    .form-control[b-b452jriny6] {
        padding: 6px;
        font-size: 0.9em;
    }

    .btn-primary[b-b452jriny6] {
        padding: 8px 16px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .form-container[b-b452jriny6] {
        padding: 5px;
    }

    .form-group label[b-b452jriny6] {
        font-size: 0.8em;
    }

    .form-control[b-b452jriny6] {
        padding: 5px;
        font-size: 0.8em;
    }

    .btn-primary[b-b452jriny6] {
        padding: 6px 12px;
        font-size: 0.8em;
    }
}
/* _content/Behandeltijd/Components/Pages/ServicesOverview.razor.rz.scp.css */
.services-container[b-03r7tejdja] {
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: 2em;
}

    .services-container h3[b-03r7tejdja] {
        color: #D4AF37; /* Goud */
        font-size: 2em;
        margin-bottom: 20px;
        text-align: center;
    }

.table-container[b-03r7tejdja] {
    display: block;
}

.table[b-03r7tejdja] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    overflow-x: auto;
    place-items: center;
    background-color: #f9f9f9;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

    .table th[b-03r7tejdja], .table td[b-03r7tejdja] {
        border: 1px solid #e1e1e1;
        padding: 12px 15px;
        text-align: left;
        font-size: 1em;
    }

    .table th[b-03r7tejdja] {
        background-color: #336699; /* Lichter donkerblauw */
        color: #ffffff;
        font-weight: 600;
        text-transform: uppercase;
    }

    .table tr:nth-child(even)[b-03r7tejdja] {
        background-color: #f3f3f3;
    }

    .table tr:hover[b-03r7tejdja] {
        background-color: #e1e1e1;
        transition: background-color 0.3s ease;
    }

.btn[b-03r7tejdja] {
    padding: 8px 12px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 1em;
    margin-right: 5px;
}

.btn-primary[b-03r7tejdja] {
    background-color: #003366; /* Donkerblauw */
    color: #ffffff;
}

    .btn-primary:hover[b-03r7tejdja] {
        background-color: #002244; /* Donkerder donkerblauw */
    }

.btn-secondary[b-03r7tejdja] {
    background-color: #605e5c;
    color: #ffffff;
}

    .btn-secondary:hover[b-03r7tejdja] {
        background-color: #484644;
    }

.btn-danger[b-03r7tejdja] {
    background-color: #d83b01;
    color: #ffffff;
}

    .btn-danger:hover[b-03r7tejdja] {
        background-color: #a80000;
    }

/* Media Queries for Responsiveness */
@media (max-width: 768px) {
    .services-container[b-03r7tejdja] {
        padding: 15px;
    }

        .services-container h3[b-03r7tejdja] {
            font-size: 1.5em;
        }

    .table-container[b-03r7tejdja] {
        display: none;
    }

    .mobile-view[b-03r7tejdja] {
        display: block !important;
    }

    .service-card[b-03r7tejdja] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 15px;
        margin-bottom: 15px;
    }

        .service-card .actions[b-03r7tejdja] {
            margin-top: 10px;
        }

    .table th[b-03r7tejdja], .table td[b-03r7tejdja] {
        padding: 10px;
        font-size: 0.9em;
    }

    .btn[b-03r7tejdja] {
        padding: 6px 10px;
        font-size: 0.9em;
    }
}

@media (max-width: 480px) {
    .services-container[b-03r7tejdja] {
        padding: 10px;
    }

        .services-container h3[b-03r7tejdja] {
            font-size: 1.2em;
        }

    .table-container[b-03r7tejdja] {
        display: none;
    }

    .mobile-view[b-03r7tejdja] {
        display: block !important;
    }

    .service-card[b-03r7tejdja] {
        background-color: #f9f9f9;
        border: 1px solid #e1e1e1;
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        padding: 10px;
        margin-bottom: 10px;
    }

        .service-card .actions[b-03r7tejdja] {
            margin-top: 10px;
        }

    .table th[b-03r7tejdja], .table td[b-03r7tejdja] {
        padding: 8px;
        font-size: 0.8em;
    }

    .btn[b-03r7tejdja] {
        padding: 4px 8px;
        font-size: 0.8em;
    }
}

.mobile-view[b-03r7tejdja] {
    display: none;
}

.input-group[b-03r7tejdja] {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

    .input-group .form-control[b-03r7tejdja] {
        flex: 1;
        padding: 10px;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
    }

.pagination[b-03r7tejdja] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

    .pagination .btn[b-03r7tejdja] {
        margin: 0;
    }
/* _content/Behandeltijd/Components/Pages/Success.razor.rz.scp.css */
.success-container[b-mtdla96x6b] {
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #FFFFFF; /* Zacht wit */
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.success-message[b-mtdla96x6b] {
    margin-bottom: 20px;
}

    .success-message h3[b-mtdla96x6b] {
        color: #D4AF37; /* Goud */
        font-size: 24px;
        margin-bottom: 10px;
    }

.success-details[b-mtdla96x6b] {
    margin-bottom: 20px;
}

    .success-details p[b-mtdla96x6b] {
        font-size: 16px;
        margin: 5px 0;
    }

    .success-details .note[b-mtdla96x6b] {
        font-style: italic;
        color: #4A4A4A; /* Antraciet */
    }

.btn-primary[b-mtdla96x6b] {
    background-color: #003366; /* Donkerblauw */
    border-color: #003366; /* Donkerblauw */
    color: #fff;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    cursor: pointer;
}

    .btn-primary:hover[b-mtdla96x6b] {
        background-color: #002244; /* Donkerder donkerblauw */
        border-color: #002244; /* Donkerder donkerblauw */
    }
/* _content/Behandeltijd/Components/Pages/Unauthorized.razor.rz.scp.css */
.unauthorized-container[b-qfhmcp4haf] {
    text-align: center;
    margin-top: 50px;
}

    .unauthorized-container h3[b-qfhmcp4haf] {
        color: red;
    }

    .unauthorized-container p[b-qfhmcp4haf] {
        margin: 20px 0;
    }