@import '_content/Supercode.Blazor.BreadcrumbNavigation/Supercode.Blazor.BreadcrumbNavigation.bundle.scp.css';

/* /AddConsultant/Index.razor.rz.scp.css */
.profile-img-flex[b-xtew20wnzs] {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    height: 100%;
}

[b-xtew20wnzs] .consultant-wiz-step {
    height: 70vh;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 6rem;
    width: 80%;
    margin: auto;
}
 [b-xtew20wnzs] button.exit-button {
    float: right;
    margin-top: 25px;
}

[b-xtew20wnzs] .rowgap-1{
    row-gap: 0.5rem !important;
}

[b-xtew20wnzs] .mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
    width: 80%;
    margin: auto;
}

.consultant-wiz[b-xtew20wnzs] {
    width: 100%;
}
/* /Consultant/AboutMe/Components/AboutMeQuestionComponent.razor.rz.scp.css */
.my-outline[b-4mg3m363p4] {
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
}

.spinner-span[b-4mg3m363p4] {
    padding: 12px;
    font-size: 1.5rem;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -8px;
}
/* /Consultant/Components/ButtonSaveChanges.razor.rz.scp.css */
.form-buttons[b-h0ssmydzwm] { margin: 10rem; }

.cancel-link[b-h0ssmydzwm] { text-align: left; }

.submit-button[b-h0ssmydzwm] { text-align: right; }

.caption-required[b-h0ssmydzwm] {
    align-self: center;
    text-align: left;
}
/* /Consultant/Components/SkillCard.razor.rz.scp.css */
.skill-card[b-xt7l0nhpw3] {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.5em 0em;
    margin: 1em;
    display: inline-block;
    height: 125px;
    width: 200px;
    min-width: 200px;
    border-bottom: 1px solid #d9d9d9;
    border-top: 1px solid #d9d9d9;
}

.card-buttons[b-xt7l0nhpw3] {
    float: right;
}

.skill-card-bottom[b-xt7l0nhpw3] {
    margin-left: 10px;
}
.skill-card[b-xt7l0nhpw3]  .mud-select {
    width: 85%;
}
/* /Consultant/Components/SkillResultsTable.razor.rz.scp.css */
tbody tr[b-d2gep3q2wq] {
    border-bottom-style: hidden;
}
/* /Consultant/Education/Wizards/CreateEducationWizard.razor.rz.scp.css */
@media screen and (max-height: 900px) {
    .spacer-education-wizard[b-2hmkybn69p]{
        min-height: 50px !important;
    }
}

.spacer-education-wizard[b-2hmkybn69p] {
    min-height: 400px;
}

[b-2hmkybn69p] .align-text-center {
    text-align: center;
}

[b-2hmkybn69p] #education-carrousel {
    min-height: 300px;
    max-height: 700px;
}

[b-2hmkybn69p] #education-buttons-container {
    width: fit-content;
    height: fit-content;
}

#carrousel-parent-div[b-2hmkybn69p] {
    flex: 1 1 content;
}

[b-2hmkybn69p] .header-parent-grid {
    flex: 0 0 content;
}

[b-2hmkybn69p] #buttons {
    height: 30px;
}
/* /Consultant/Experience/Details/Components/AbilityByCategoryOverview.razor.rz.scp.css */
.technology-category-name[b-lfjthk7tce] {
    width: 150px;
    color: gray;
    font-weight: normal !important;
}

.technology-name[b-lfjthk7tce] {
    padding: 4px 8px;
    border-radius: 1rem;
}
/* /Consultant/Experience/Details/Components/ExperiencesForPositionOverview.razor.rz.scp.css */
.technology-name[b-xefm6aub9l] {
    padding: 4px 8px;
    border-radius: 1rem;
}
/* /Consultant/Experience/Details/Components/SkillsByCategoryOverview.razor.rz.scp.css */
.technology-category-name[b-wji1ojtiko] {
    width: 150px;
    color: gray;
    font-weight: normal !important;
}

.technology-name[b-wji1ojtiko] {
    padding: 4px 8px;
    border-radius: 1rem;
}
/* /Consultant/Experience/Details/ExperienceDetailPositions.razor.rz.scp.css */
.title[b-ubqb7pdgps] {
    font-size: medium;
}

.period[b-ubqb7pdgps] {
    color: gray;
}
/* /Consultant/Experience/ExperiencesAlphabetical/NonProfessionalExperiencesAlphabetical.razor.rz.scp.css */
p[b-on73kxa31g] {
    margin: 0;
}

.selected[b-on73kxa31g] {
    background-color: var(--mud-palette-primary);
    color: white;
    border-radius: 8px;
}

.selected .icon[b-on73kxa31g] {
    color: white;
}
/* /Consultant/Experience/ExperiencesAlphabetical/ProfessionalExperiencesAlphabetical.razor.rz.scp.css */
.icon[b-lujbv0bmhz] {
    border: 2px solid black;
    border-radius: 4px;
}

p[b-lujbv0bmhz] {
    margin: 0;
}

.selected[b-lujbv0bmhz] {
    background-color: var(--mud-palette-primary);
    color: white;
    border-radius: 8px;
}

.selected .icon[b-lujbv0bmhz] {
    border-color: white;
}
/* /Consultant/Experience/IndexExperienceTab.razor.rz.scp.css */
[b-ju5je1e3vd] .layout-container {
    height: calc(100vh - 250px);
}

[b-ju5je1e3vd] .left-box {
    min-width: 350px;
}

[b-ju5je1e3vd] .right-box {
    overflow-y: auto;
}

[b-ju5je1e3vd] .section-value {
    color: grey;
    opacity: 0.5;
    font-weight: bold;
}

[b-ju5je1e3vd] hr {
    opacity: 1;
    margin: 4px 0 8px 0 !important;
}

[b-ju5je1e3vd] .add-experience-button {
    margin: auto 0 0 auto !important;
}
/* /Consultant/Experience/Wizards/CreateExperienceWizard.razor.rz.scp.css */
[b-ub6698vkkf] .navigation-button {
    height: fit-content;
}

.navigation-button[b-ub6698vkkf] {
    height: fit-content;
}


.mud-button-root[b-ub6698vkkf] {
    height: fit-content;
}
/* /Consultant/Index.razor.rz.scp.css */
.previewFrame[b-7k8v0uqdud] {
    left: 50%;
    margin-top: 50px;
    max-height: 95%;
    position: relative;
    transform: translateX(-50%);
    width: 210mm;
}
.consultant-content-wrapper[b-7k8v0uqdud] {
    display: flex;
    justify-content: space-between;
    height: 100%
}

@media (max-width: 1250px) {
    .previewFrame[b-7k8v0uqdud] {
        margin-top: 0;
        top: -300px;
        transform: translateX(-50%) scale(0.5);
    }
}

@media (min-width: 1251px) and (max-width: 1500px) {
    .previewFrame[b-7k8v0uqdud] {
        margin-top: 0;
        top: -200px;
        transform: translateX(-50%) scale(0.65);
    }
}

@media (min-width: 1501px) and (max-width: 1800px) {
    .previewFrame[b-7k8v0uqdud] {
        margin-top: 0;
        top: -100px;
        transform: translateX(-50%) scale(0.8);
    }
}
/* /Consultant/Language/LanguageListComponent.razor.rz.scp.css */
/* /Consultant/Pages/ConsultantAboutMe.razor.rz.scp.css */
.layout-container[b-wbdg3lkgj1] {
    height: calc(100vh - 250px);
}

.content-wrapper[b-wbdg3lkgj1] {
    height: 100%;
    display: flex;
    gap: 1rem;
}

.main-content[b-wbdg3lkgj1] {
    flex: 1;
    height: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    border-bottom: none;
    width: 100%;
}
.heightAboutMe[b-wbdg3lkgj1] {
    height: calc(100vh - 241px);
}
/* /Consultant/Pages/ConsultantDashboard.razor.rz.scp.css */

@media screen and (min-width: 1920px) { 
    .dashboard-wrapper[b-xb9qyxqmly] {
        max-width: 1300px;
    }
}

.dashboard-page[b-xb9qyxqmly] {
    margin: -16px;
    height: calc(100vh - 152px);
}

.margin-name[b-xb9qyxqmly] {
    margin-left: 1rem;
    margin-right: 10rem;
}

.consultant-details-grid[b-xb9qyxqmly] {
    display: grid;
    gap: 3rem;
    grid-template-columns: 2fr 3.5fr 2.2fr 2.2fr;
    grid-template-areas:
        "personal-information education title experience"
        "personal-information education about-me about-me"
        "languages experiences  about-me about-me"
        "skills skills skills skills";

    @media screen and (max-width: 768px) {
        grid-template-columns: 1fr;
        grid-template-areas:
        "title"
        "experience"
        "personal-information"
        "education"
        "about-me"
        "languages"
        "experiences"
        "skills";[b-xb9qyxqmly]
    }
}

.photo[b-xb9qyxqmly]{ grid-area: photo}
.name[b-xb9qyxqmly]{ grid-area: name}
.spacer[b-xb9qyxqmly] { grid-area: spacer; }
.title[b-xb9qyxqmly] { grid-area: title; }
.experience[b-xb9qyxqmly] { grid-area: experience; margin-right: 7rem; }
.personal-information[b-xb9qyxqmly] { grid-area: personal-information; }
.education[b-xb9qyxqmly] { grid-area: education; }
.about-me[b-xb9qyxqmly] { grid-area: about-me; }
.languages[b-xb9qyxqmly] { grid-area: languages; }
.experiences[b-xb9qyxqmly] { grid-area: experiences; }
.skills[b-xb9qyxqmly] { grid-area: skills; }

.show-more-button[b-xb9qyxqmly] {
    color: grey;
    font-weight: bold;
}

.show-more-button:hover[b-xb9qyxqmly] {
    color: darkgrey;
    font-weight: bold;
}

[b-xb9qyxqmly] .title-bottom-spacing
{
    margin-bottom: .5rem;
    font-weight: bold;
}

.consultant-name[b-xb9qyxqmly] {
    margin: 0.25rem 0 0.25rem 0;
    text-align: start;
    padding-left: 0.5rem;
}

.about-me[b-xb9qyxqmly] {
    max-height: 14rem;
    overflow-y: auto;
}

[b-xb9qyxqmly] .set-width-height {
    height: 150px !important;
    width: 150px !important;
}

.consultant-icon[b-xb9qyxqmly] {
    width: 150px;
    height: 150px;
}

[b-xb9qyxqmly] .education-row {
    display: flex;
    align-items: center;
    width: 100%;
}

[b-xb9qyxqmly] .education-name {
    flex: 0 0 45%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-xb9qyxqmly] .education-instance {
    flex: 0 0 25%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

[b-xb9qyxqmly] .education-year {
    flex: 0 0 30%;
    text-align: right;
}

.no-data-style[b-xb9qyxqmly] {
    color: grey;
    opacity: 0.5;
    font-weight: bold;
}
/* /Consultant/Pages/ConsultantDetail.razor.rz.scp.css */
[b-xfzig9epqg] .consultant-icon {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1;
    cursor: pointer;
}

.cover[b-xfzig9epqg] {
    object-fit: cover;
}

.edit-button[b-xfzig9epqg] {
    top: 3px;
    right: 5px;
}

.no-borders[b-xfzig9epqg]{
    border: none;
}

.hoogte[b-xfzig9epqg] {
    justify-content: space-around;
}

[b-xfzig9epqg] .title-bottom-spacing {
    font-weight: bold;
}

.personal-information-grid[b-xfzig9epqg] {
    display: grid;
    gap: 1rem;
    height: fit-content;
    max-width: 1000px;
    column-gap: 2rem;
    grid-template-columns: 3fr 0.5rem 3fr 1.5fr 1.5fr;
    grid-template-areas:
        "image gap firstname lastname lastname"
        "image gap birthdate gender gender"
        "image gap nationality driverslicense driverslicense"
        "title gap email phone phone"
        "office gap country zipcode city"
        "mobility_preference gap street houseNumber box";
}
@media screen and (max-height: 1300px){
    .title[b-xfzig9epqg] {
        grid-area: title;
        margin-top: 1rem;
    }

    .emailinfo[b-xfzig9epqg] {
        grid-area: email;
        margin-top: 1rem;
    }

    .phone[b-xfzig9epqg] {
        grid-area: phone;
        margin-top: 1rem;
    }
}


@media screen and (max-width: 768px) {
        .personal-information-grid[b-xfzig9epqg] {
            grid-template-columns: 1fr;
            grid-template-areas:
                "image"
                "firstname"
                "lastname"
                "birthdate"
                "gender"
                "nationality"
                "driverslicense"
                "title"
                "email"
                "phone"
                "office"
                "city"
                "zipcode"
                "country"
                "mobility_preference"
                "street"
                "houseNumber"
                "box";
        }

    .title[b-xfzig9epqg] {
        grid-area: title;
    }

    .emailinfo[b-xfzig9epqg] {
        grid-area: email;
    }

    .phone[b-xfzig9epqg] {
        grid-area: phone;
    }
}
.image[b-xfzig9epqg] { grid-area: image;}
.firstname[b-xfzig9epqg] { grid-area: firstname; }
.lastname[b-xfzig9epqg] { grid-area: lastname; }
.birthdate[b-xfzig9epqg] { grid-area: birthdate; }
.gender[b-xfzig9epqg] { grid-area: gender; }
.nationality[b-xfzig9epqg] { grid-area: nationality; }
.driverslicense[b-xfzig9epqg] { grid-area: driverslicense; }
.title[b-xfzig9epqg] {
    grid-area: title;
    margin-top: 3rem;
}
.emailinfo[b-xfzig9epqg] {
    grid-area: email;
    margin-top: 3rem;
}
.phone[b-xfzig9epqg] {
    grid-area: phone;
    margin-top: 3rem;
}
.office[b-xfzig9epqg] {
    grid-area: office;
}
.city[b-xfzig9epqg] { grid-area: city; }
.zipcode[b-xfzig9epqg] { grid-area: zipcode; }
.country[b-xfzig9epqg] {
    grid-area: country;
}
.mobility_preference[b-xfzig9epqg] {
    grid-area: mobility_preference;
}
.street[b-xfzig9epqg] { grid-area: street; }
.house-number[b-xfzig9epqg] {
    grid-area: houseNumber;
}
.box[b-xfzig9epqg] { grid-area: box; }
/* /Consultant/Pages/ConsultantEducations.razor.rz.scp.css */
.layout-container[b-padhei1sag] {
    height: calc(100vh - 250px); 
}

.content-wrapper[b-padhei1sag] {
    height: 100%;
    width: 100%;
    display: flex;
    gap: 1rem;
}

.sidebar[b-padhei1sag] {
    width: 350px;
    height: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}

.sidebar-content[b-padhei1sag] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.main-content[b-padhei1sag] {
    flex: 1;
    height: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    border-bottom: none;
}

.table-wrapper[b-padhei1sag] {
    flex: 1;
    overflow-y: auto;
}

[b-padhei1sag](.mud-table-container) {
    overflow: visible;
}
/* /Consultant/Pages/SkillsConsultant.razor.rz.scp.css */
.card-wrapper[b-j5b85js1nx] {
    display: flex;
    min-height: 125px;
    overflow-y:auto;
}
[b-j5b85js1nx] td {
    border: none;
}
[b-j5b85js1nx] table {
    border-bottom: 1px solid #d9d9d9;
}
td svg[b-j5b85js1nx] {
    vertical-align: bottom;
}
[b-j5b85js1nx] .deselected-card {
    opacity: 0.33;
}
[b-j5b85js1nx] .version-opacity {
    opacity: 0.5;
}
.empty-skill-cards[b-j5b85js1nx] {
    margin: 15px auto;
    opacity: 0.5;
}
/* /Consultant/Skills/SkillItemList.razor.rz.scp.css */
[b-nbd3barbtz] .set-search-height {
    height: 1.5rem !important;
}
/* /CustomSD/Overview/ConsultantCustomSDList.razor.rz.scp.css */
.layout-container[b-p15tl83xx6] {
    height: calc(100vh - 250px);
}

.content-wrapper[b-p15tl83xx6] {
    height: 100%;
    width: 100%;
    display: flex;
    gap: 1rem;
}

.sidebar[b-p15tl83xx6] {
    width: 350px;
    height: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
}

.sidebar-content[b-p15tl83xx6] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.main-content[b-p15tl83xx6] {
    flex: 1;
    height: 100%;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    border-bottom: none;
}

.table-wrapper[b-p15tl83xx6] {
    flex: 1;
    overflow-y: auto;
}

.custom-sd-create-button[b-p15tl83xx6] {
    margin-top: -4rem;
    padding: 1rem;
    display: flex;
    justify-content: flex-end;
}

[b-p15tl83xx6](.mud-table-container) {
    overflow: visible;
}

[b-p15tl83xx6] .customized-sd-table {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

[b-p15tl83xx6] .mud-table-pagination {
    display: flex;
}
/* /CustomSD/Wizard/PersonalInformationStep.razor.rz.scp.css */
.langulage-edit-line[b-r8mrjelras] {
    height: 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* /CustomSD/Wizard/Wizard.razor.rz.scp.css */
[b-u7pcvn8ntv] .custom-sd-wiz-step {
    height: 65vh;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    padding-top: 6rem;
    width: 80%;
    margin: auto;
}

[b-u7pcvn8ntv] button.exit-button {
    float: right;
    margin-top: 25px;
}

[b-u7pcvn8ntv] .rowgap-1 {
    row-gap: 0.5rem !important;
}

[b-u7pcvn8ntv] .mud-stepper.mud-stepper__horizontal .mud-stepper-nav {
    width: 80%;
    margin: auto;
}

.custom-sd-wiz[b-u7pcvn8ntv] {
    width: 100%;
}
/* /Dashboard/Index.razor.rz.scp.css */
.layout-container[b-ybh0u6gdod] {
    height: 100%;
}

.content-wrapper[b-ybh0u6gdod] {
    background: rgba(255, 255, 255, 1);
    height: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

[b-ybh0u6gdod] .dropzone-style {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-grow: 1;
    height: 90px;
    overflow: auto;
}

[b-ybh0u6gdod] .remove-icon {
    top: 0;
    right: 0;
    z-index: 1;
}

[b-ybh0u6gdod] .remove-icon:hover {
    cursor: pointer;
}

.buttonroundborder:has(.remove-icon:hover)[b-ybh0u6gdod] {
    background-color: grey;
    opacity: 99%;
    color: white;
}

.sidebar[b-ybh0u6gdod] {
    width: 100%;
    border-radius: 0.5rem;
    display: flex;
}

.sidebar-content[b-ybh0u6gdod] {
    flex: 1;
    padding: 1rem;
}

.main-content[b-ybh0u6gdod] {
    flex: 1;
    height: 100%;
    min-height: 0;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    border-bottom: none;
}

.table-wrapper[b-ybh0u6gdod] {
    flex: 1;
    min-height: 0;
}

[b-ybh0u6gdod] .mud-input-control.mud-input-control-margin-dense {
    margin: 0;
}

[b-ybh0u6gdod] .consultant-table {
    border-bottom: 0 !important;
    box-shadow: none !important;
    height: calc(100vh - 382px);
}

[b-ybh0u6gdod] .mud-table-head {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

[b-ybh0u6gdod] .mud-table-pagination {
    display: flex;
}

[b-ybh0u6gdod] .mud-table-cell {
    border: none !important;
}

[b-ybh0u6gdod] thead {
    position: sticky;
    top: 0;
    background: white;
    z-index: 10;
}

[b-ybh0u6gdod] tbody {
    overflow-y: auto;
}

[b-ybh0u6gdod] td {
    height:60px;
    padding:0px;
}

[b-ybh0u6gdod] .td-clickable {
        height: 100%;
        width: 100%;
        display: flex;
        align-items: center;
        cursor: pointer;
        padding:1rem;
}

[b-ybh0u6gdod] .small-row {
    padding-bottom: 6px !important;
    padding-top: 6px !important;
    border-bottom: 0;
    font-weight: 600 !important;
}

[b-ybh0u6gdod] .buttonroundborder {
    border-radius: 25px !important;
}

.th-width-3p[b-ybh0u6gdod] {
    width: 3%;
}

.th-width-5p[b-ybh0u6gdod] {
    width: 5%;
}

.th-width-10p[b-ybh0u6gdod] {
    width: 15%;
}

.th-width-15p[b-ybh0u6gdod] {
    width: 15%
}

.th-width-20p[b-ybh0u6gdod] {
    width: 20%;
}

.th-width-25p[b-ybh0u6gdod] {
    width: 25%;
}

[b-ybh0u6gdod] .td-clickable {
    cursor: pointer;
}
/* /Dashboard/TechnologyMultiSelectDialog.razor.rz.scp.css */
p[b-28ytm365p9] {
    margin-bottom: 0;
}

.grey-italic[b-28ytm365p9] {
    color: grey;
    font-style: italic;
}

.technologies-container[b-28ytm365p9] {
    display: flex;
    flex-wrap: wrap;
}

.technology-item[b-28ytm365p9] {
    min-width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem !important;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s ease, transform 0.2s ease, filter 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

.technology-item:hover[b-28ytm365p9] {
    filter: brightness(110%) saturate(150%);
    transform: scale(1.05); 
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
}

.selected[b-28ytm365p9] {
    filter: brightness(110%) saturate(150%); 
    border-color: inherit;
    transition: all 0.3s ease; 
}

.category-section[b-28ytm365p9] {
    margin-bottom: 1rem;
}
/* /Shared/AccessControl.razor.rz.scp.css */
[b-bxnxzso92m].profile-image-container {
    -webkit-tap-highlight-color: transparent;
    box-sizing: border-box;
    position: relative;
    display: block;
    user-select: none;
    overflow: hidden;
    width: 30px;
    min-width: 30px;
    height: 30px;
    border-radius: 32px;
    float: left;
}

[b-bxnxzso92m].profile-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block;
}
/* /Shared/ExternalComponents/SdgRating.razor.rz.scp.css */
.sdg-rating-readonly[b-mnrkkwugnm] {
    opacity: 1;
}
/* /Shared/FileUpload/UploadPhotoDialog.razor.rz.scp.css */
/* Full-width dialog */
[class*="mud-dialog"][b-ikhqt9ck54] {
    max-width: 100%;
    width: 100%;
}

/* Image canvas size */
.img-container[b-ikhqt9ck54] {
    max-width: 60vw; /* Maximum 40% of the viewport width */
    max-height: 60vh; /* Maximum 40% of the viewport height */
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.big-img[b-ikhqt9ck54] {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain; /* Ensures the image is fully visible without distortion */
}

/* Quarter-circle overlay in cropped canvas */
.cropper-face[b-ikhqt9ck54] {
    opacity: 25%;
}

.img-container .cropper-container .cropper-crop-box .cropper-face[b-ikhqt9ck54] {
    border-bottom-right-radius: 100%;
}

/* Quarter-circle overlay on preview photo */
.img-preview[b-ikhqt9ck54] {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: auto;
}

    .img-preview[b-ikhqt9ck54] >  img {
        width: 100%;
    }
/* /Shared/ImageDialog.razor.rz.scp.css */
.image-dialog-style[b-98f44oe6lr] {
    width: 100%;
    height: 100%;
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-9774k7ct3h] {
    bottom: 0;
    display: flex;
    flex-direction: column;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

@media (min-width: 2001px) {
    .page[b-9774k7ct3h] {
        padding: 0 1rem;
    }
}


html[b-9774k7ct3h],
body[b-9774k7ct3h] {
    height: 100%;
    margin: 0;
}

main[b-9774k7ct3h] {
    flex: 1;
}

.sidebar[b-9774k7ct3h] {
    border-right: 1px solid #D9D9D9;
}

.top-row[b-9774k7ct3h] {
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    display: flex;
    height: 3.5rem;
    justify-content: flex-end;
}

    .top-row[b-9774k7ct3h]  a, .top-row[b-9774k7ct3h]  .btn-link {
        text-decoration: none;
        white-space: nowrap;
    }

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

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

.menu-container[b-9774k7ct3h] {
    padding: 16px;
}

.image-container[b-9774k7ct3h] {
    bottom: 0;
    display: flex;
    left: 0;
    margin: 0 20px;
    right: 0;
}

    .image-container img[b-9774k7ct3h] {
        max-height: 80px;
        max-width: 100%;
    }

img[b-9774k7ct3h] {
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    user-drag: none;
    user-select: none;
}

#toggleBtn[b-9774k7ct3h] {
    background: red;
    border-radius: 150px;
    display: relative;
    margin: 0 auto 0 auto;
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-9774k7ct3h] {
        /*display: none;*/
    }

    .top-row.auth[b-9774k7ct3h] {
        justify-content: space-between;
    }

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

@media (min-width: 641px) {

    .sidebar[b-9774k7ct3h] {
        position: sticky;
        top: 0;
        width: 250px;
    }

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

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

    .top-row[b-9774k7ct3h] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.header[b-9774k7ct3h] {
    display: flex;
    align-items: center;
    padding: 10px;
    width: 100%;
    top: 0;
    z-index: 1000;
    height: 75px;
    gap:1rem;
    justify-content: space-between;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1), 0px 3px 3px rgba(0, 0, 0, 0.20 ), 0px 1px 5px rgba(0, 0, 0, 0.1);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

    .header.light-mode[b-9774k7ct3h] {
        background-color: white;
    }

    .header.dark-mode[b-9774k7ct3h] {
        background-color: #333;
    }



.header__breadcrumb[b-9774k7ct3h] {
    margin-right: auto;
}

[b-9774k7ct3h].header__breadcrumb ul {
    font-size: 1rem;
}

[b-9774k7ct3h].header__breadcrumb li:not(:first-child)::before {
    content: ">"
}

.hamburger[b-9774k7ct3h] {
    margin-left: 20px;
    background: none;
    border: none;
    font-size: 18px;
    cursor: pointer;
}

    .hamburger.light-mode[b-9774k7ct3h] {
        color: black;
    }

    .hamburger.dark-mode[b-9774k7ct3h] {
        color: white;
    }

.logo[b-9774k7ct3h] {
    margin-left: 25px;
}

.logo-img[b-9774k7ct3h] {
    max-height: 40px;
}

.main-content[b-9774k7ct3h] {
    display: flex;
    flex: 1;
    height: calc(100% - 75px);
}

    .main-content.light-mode[b-9774k7ct3h] {
        background-color: #f8f9fa;
    }

    .main-content.dark-mode[b-9774k7ct3h] {
        background-color: #121212;
    }

nav.nav-menu[b-9774k7ct3h] {
    overflow: hidden;
    transition: width 0.3s ease;
    height: 100%;
    width: 15rem;
    padding-top: .6rem;
    padding-left: .4rem;
    padding-bottom: .5rem;
    padding-right: .3rem;
}

    nav.nav-menu.closed[b-9774k7ct3h] {
        width: 0;
    }

.content[b-9774k7ct3h] {
    flex: 1;
    transition: margin-left 0.3s ease;
    overflow: auto;
    height: 100%;
    padding-top: .6rem;
    padding-left: .5rem;
    padding-right: .5rem;
    padding-bottom: .5rem;
}

    .content.menu-open[b-9774k7ct3h] {
        /*margin-left: 250px;*/
    }

    .content.menu-closed[b-9774k7ct3h] {
        /*margin-left: 70px;*/
    }

.article-content[b-9774k7ct3h] {
    overflow: none;
    height: 100%;
}

.align-right[b-9774k7ct3h] {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.role-label[b-9774k7ct3h] {
    font-size: 12px;
    text-align: center;
}

.username[b-9774k7ct3h] {
    font-size: 14px;
    margin-right: .5rem;
}

[b-9774k7ct3h] .mud-timeline-item-content p {
    margin-top: 25px;
    margin-bottom: -25px;
}

.::deep th-width-0p[b-9774k7ct3h] {
    width: 0%;
}

[b-9774k7ct3h] .th-width-10p {
    width: 10%;
}

[b-9774k7ct3h] .th-width-15p {
    width: 15%;
}

[b-9774k7ct3h] .th-width-20p {
    width: 20%;
}

[b-9774k7ct3h] .th-width-30p {
    width: 30%;
}

[b-9774k7ct3h] .th-width-35p {
    width: 35%;
}

[b-9774k7ct3h] .th-width-40p {
    width: 40%;
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-oa7urxjor4] {
    background-color: rgba(255, 255, 255, 0.1);
}

.top-row[b-oa7urxjor4] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    color: lightskyblue;
    height: 3.5rem;
    text-align: center;
}

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

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

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

.navbar-brand[b-oa7urxjor4] {
    font-size: 1.1rem;
}

.oi[b-oa7urxjor4] {
    font-size: 1.1rem;
    top: -2px;
    vertical-align: text-top;
    width: 2rem;
}

.nav-item[b-oa7urxjor4] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-oa7urxjor4] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-oa7urxjor4] {
        padding-bottom: 1rem;
    }

    .nav-item[b-oa7urxjor4]  a {
        align-items: center;
        border-radius: 4px;
        color: #d7d7d7;
        display: flex;
        height: 3rem;
        line-height: 3rem;
    }

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

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

.nav-menu.open[b-oa7urxjor4] {
        transform: translateX(0);
        height: 100%;
}


.nav-title[b-oa7urxjor4] {
    width: 100%;
    color: lightskyblue;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    white-space: nowrap;
}

.nav-container[b-oa7urxjor4] {
    height: 100%;
    box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    border-radius: var(--mud-default-borderradius);
    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    display: flex;
    flex-direction:column;
    overflow: hidden;
}


.nav-menu-container[b-oa7urxjor4] {
    border-radius: 4px;
    overflow-y: auto;
    flex: 100%;
    scrollbar-color: var(--mud-palette-primary) transparent;
    scrollbar-width: auto;
    white-space: nowrap;
}


/* /Shared/Wizards/ConsultantPictureStep.razor.rz.scp.css */
.profile-img-flex[b-6tqyb5hjee] {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    height: 100%;
}
[b-6tqyb5hjee] .avatar-dimensions {
    height: 100px;
    width: 100px;
}
[b-6tqyb5hjee] .icon-font-size {
    font-size: 80px;
}
.profile-img[b-6tqyb5hjee] {
    border-bottom-right-radius: 300px;
    max-height: 300px;
    max-width: 300px;
}