@import '_content/AuralizeBlazor/AuralizeBlazor.bundle.scp.css';
@import '_content/Kydoc.UI.Shared/Kydoc.UI.Shared.0soq906an3.bundle.scp.css';
@import '_content/Kydoc.Web.Authentication/Kydoc.Web.Authentication.h4bhzg6ufv.bundle.scp.css';
@import '_content/Nextended.Blazor/Nextended.Blazor.bundle.scp.css';

/* _content/Kydoc.Habilitee.Server/Components/Features/AddDocument/View/DocumentModal.razor.rz.scp.css */

.wizard-home-logo[b-nab3kgfj47]{
    background-image: url("images/KydocLogoLight.svg");
    background-size: cover;
    position: absolute;
    height: 100px;
    width: 100px;
}
.wizard-home-logo:hover[b-nab3kgfj47]{
    cursor: pointer;
}

.wizard-header[b-nab3kgfj47]{
    padding: 0;
    height: 100px;
    background-color: #0E2636;
}

[b-nab3kgfj47] .wizard-header-grid{
    height: 100%;
}

[b-nab3kgfj47] .wizard-header-grid-part
{
    display:flex;
}

.wizard-content[b-nab3kgfj47]{
    margin-right:0;
    overflow: hidden;
    height: calc(100vh - 100px);
    background-color: #E7EFF5;
}

.panel[b-nab3kgfj47]{
    overflow: auto;
    height: calc(100vh - 100px);
    padding-left: 10px;
    padding-right: 10px;
    background: white;
}

[b-nab3kgfj47] .reversed {
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

[b-nab3kgfj47] .modal-title{
    color: white;
    font-weight: 600;
    font-size: 3em !important;
    margin-top: 20px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/AddDocument/View/MedicalCertificateView/MedicalRestrictionInput.razor.rz.scp.css */
/* _content/Kydoc.Habilitee.Server/Components/Features/AddDocument/View/TrainingDiplomaView/AddTrainingDocumentForEmployeeForm.razor.rz.scp.css */
[b-hasv0vtk9r] .center-switch{
    margin-top: auto;
    margin-bottom: auto;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/AddDocument/View/TrainingDiplomaView/ExtendedData/ElectricalAccreditationLine.razor.rz.scp.css */
[b-lkfc9k6lw1] .electrical-accreditation-line-font-size-modifier{
    font-size: 12px;
}

/* _content/Kydoc.Habilitee.Server/Components/Features/ConsultEmployeeDetails/View/ConsultDetails.razor.rz.scp.css */
.consult-details-container[b-r4zhk14lm1]{
    /*margin-top: -100px;*/
    overflow: hidden;
}

[b-r4zhk14lm1] .consult-details-header{
    border-bottom: grey;
    border-bottom-style: groove;
}

[b-r4zhk14lm1] .table-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: calc(100vh - 116px);
}

[b-r4zhk14lm1] .table-cell {
    width: 50%; 
    height: 50%;
    max-height: 50%;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

    [b-r4zhk14lm1] .table-cell > .mud-paper {
        width: 100%;
        height: 100%;
        overflow: auto;
    }
/* _content/Kydoc.Habilitee.Server/Components/Features/ConsultEmployeeDetails/View/DocumentStateDisplayer.razor.rz.scp.css */
[b-3axv2wz856] .dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}   
/* _content/Kydoc.Habilitee.Server/Components/Features/ConsultEmployeeDetails/View/EmployeeHabilitees.razor.rz.scp.css */
[b-vfcagmvw0y] .wallet-actions{
    margin-top: -8px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/ConsultEmployeeDetails/View/HabiliteeStateDisplayer.razor.rz.scp.css */
[b-z2zj8vd4th] .dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}   
/* _content/Kydoc.Habilitee.Server/Components/Features/ConsultEmployeeTrainings/View/EmployeeDocuments.razor.rz.scp.css */
[b-5jyafi91ta] .wallet-actions{
    margin-top: -8px;
}
[b-5jyafi91ta] .dot {
     height: 15px;
     width: 15px;
     background-color: red;
     border-radius: 50%;
     display: inline-block;
    margin-right: 5px;
}

[b-5jyafi91ta] .space{
    margin-left: 20px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateEmployee/View/CreateEmployeeButton.razor.rz.scp.css */
[b-o2xm7g2saa] .employee-header{
    font-weight: bold;
}

.creator-form[b-o2xm7g2saa]{
    padding: 10px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteeDialog.razor.rz.scp.css */
.pdf-displayer[b-cgu06e406i]{
    height: 60vh;
    width: 100%;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteeElectricalAccreditationSection.razor.rz.scp.css */
[b-ppo1vasfdz] .electrical .header .title{
    background-color: #FFCCCC;
    font-weight: bold;
    padding:5px;
    text-align: center;
}

[b-ppo1vasfdz] .electrical .header .content{
    background-color: #E8E8E8;
    font-weight: bold;
    padding:5px;
}

[b-ppo1vasfdz] .electrical .header .content .row .col-2{
    text-align: center;
    padding:5px;
}

[b-ppo1vasfdz] .electrical .lines .content .boxes{
    /*align-content: center;*/
}
[b-ppo1vasfdz] .electrical .lines .content .boxes .symbol{
    margin-top:5px;
    /*align-content: center;*/
}

 .electrical .header .content .row .col-3[b-ppo1vasfdz]{
    text-align: center;
    padding:5px;
}


[b-ppo1vasfdz] .electrical .lines .title{
    background-color: #FFCCCC;
    font-weight: bold;
    padding:5px;
    text-align: center;
}

[b-ppo1vasfdz] .electrical .lines .row .col-2{
    align-items: center;
    padding-right: 0;
}

[b-ppo1vasfdz] .electrical .lines .row .col-4{
    align-items: center;
}

[b-ppo1vasfdz] .electrical .lines .row .col-3{
    text-align: center;
}

[b-ppo1vasfdz] .electrical .lines .staff{
    text-align: center;
    font-weight: bold;
    padding:5px;
    text-wrap-style: balance;
    /*align-content: center;*/
}

[b-ppo1vasfdz] .electrical .lines .areas .area{
    color: black;
    /*border: 1px #E8E8E8 solid;*/
    /*border-radius: 3px;*/
    /*margin: 5px 0 5px 0;*/
    /*height:80px;*/
    padding:3px;
    text-align: center;
    text-overflow:ellipsis;
}

[b-ppo1vasfdz] .electrical .lines .line{
    margin-bottom:10px;
}

[b-ppo1vasfdz] .electrical .lines .content {
    border-bottom: 1px lightgray solid;
}



/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteeIdentity.razor.rz.scp.css */
table tr[b-qbuyrv4lys] { border:1px solid black; }
table th[b-qbuyrv4lys] { border:1px solid black; }
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteeMedicalSection.razor.rz.scp.css */
.medical-restriction[b-tdsg2a2u75]{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 10px; /* Optional: Adjust the gap between columns */
}
table[b-tdsg2a2u75] {
    width: 100%;

}
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteePreview.razor.rz.scp.css */
.a4-page[b-2khpwsgtr5] {
    width: 210mm;
    height: 297mm;
    margin: auto;
    padding: 14mm;
    background-color: whitesmoke;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-size: 12px;
}

[b-2khpwsgtr5] .passportLogo {
    position:absolute;
    left:5mm;
    top:5mm;
  
}

[b-2khpwsgtr5] .contentWithoutFooter {
    /*height: 218mm;*/
    overflow: hidden;
    display: flex;
    flex-direction: column;
    /*grid-template-columns: repeat(1, 1fr);*/
    /*row-gap: 10px; !* Adjust the gap between columns *!*/
}


[b-2khpwsgtr5] .footerContent {
    width: 182mm;
    border: 1px solid black;
    display: inline-block;
    /*position: absolute;*/
    /*bottom: 55px;*/
    margin-top: 15mm;
    height: 45mm;
    /*padding: 5px;*/
}
[b-2khpwsgtr5] .electrical-footer {
    height: auto;
}

[b-2khpwsgtr5] .leftContent {
    width: 50%;
    float: left;
    height: 100%;
    display: grid;
    padding: 10px;
    /*row-gap: 10px;*/
}
    
[b-2khpwsgtr5] .content-electrical {
    width: 100%;
    float: left;
    height: 100%;
    display: grid;
    padding: 10px;
    /*row-gap: 10px;*/
}
[b-2khpwsgtr5] .footerContent .rightContent {
    width: 50%;
    padding: 10px;
    float: left;
    /*margin-left: 5%;*/
    height: 100%;
}


[b-2khpwsgtr5] .footerContent .rightContent .signature-block {
    margin-left: auto;
    margin-right: auto;
    width: 75%;
    position: relative;
    display: flex;
    flex-direction: column;
}
[b-2khpwsgtr5] .footerContent .rightContent .signature-block b {
    width: 100%;
    position: relative;
    display: block;
}
[b-2khpwsgtr5] .footerContent .rightContent .signature-block .signer {
    /*width: 47%;*/
    float: left;
    margin-left: 2%;
    height: 78%;
    margin-top: 5%;
}



[b-2khpwsgtr5] .signature-electrical {
    width: 100%;
    float: left;
    height: 100%;
    display: grid;
    padding: 10px;
    /*row-gap: 10px;*/
}
[b-2khpwsgtr5] .signature-electrical .signature-block {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
}
[b-2khpwsgtr5] .signature-electrical .signature-block b {
    width: 100%;
    position: relative;
    display: block;
}
[b-2khpwsgtr5] .signature-electrical .signer {
    width: 47%;
    float: left;
    margin-left: 2%;
    height: 20mm;
}



[b-2khpwsgtr5] h3 {
    color: black;
    text-align: center;
    margin-bottom: 11mm;
}

[b-2khpwsgtr5] .bordered {
    border: 1px solid #000;
}

[b-2khpwsgtr5] .section{
    margin-top:12px;
}
[b-2khpwsgtr5] .section .block {
    border-right: 1px solid #000;
}

[b-2khpwsgtr5] .section .column {
    display: block;
    height: 100%;
}

[b-2khpwsgtr5] .contenu {
    display: flex;
    flex-direction: column;
    padding: 5px 8px 1px;
    position: relative;
}

[b-2khpwsgtr5] .section .column .contenu b, .a4-page .section .column .contenu span[b-2khpwsgtr5] {
    width: 100%;
    display: block;
    font-size: 11.9px;
}

[b-2khpwsgtr5] .section .column .contenu .tricli {
    margin-top: 30px;
    width: 30%;
    display: inline-block;
    vertical-align: top;
    margin-right: 4%;
}

[b-2khpwsgtr5] .section .column .contenu .tricli:nth-child(3n) {
    margin-right: 0;
}

[b-2khpwsgtr5] .section .column .contenu .tricli b {
    margin-top: -17px;
}

[b-2khpwsgtr5] .section-title {
    font-weight: bold;
    background-color: #d9d9d9;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-pink {
    font-weight: bold;
    background-color: #FAE2D5;
    color: black;
    padding: 8px;
    margin-top : 15px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-blue {
    font-weight: bold;
    background-color: #C1E4F5;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-orange {
    font-weight: bold;
    background-color: #FFD667;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-green {
    font-weight: bold;
    background-color: #C1F0C7;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-yellow {
    font-weight: bold;
    background-color: #FFFFCC;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-deeppink {
    font-weight: bold;
    background-color: #F2CEED;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .section-title-rose {
    font-weight: bold;
    background-color: #F4CEFE;
    color: black;
    padding: 8px;
    padding-top: 2px;
    padding-bottom: 1px;
    font-size: 12px;
    height: 20px;
    text-align: center;
}

[b-2khpwsgtr5] .passport-date{
    font-weight: bold;
    float: inline-end;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/HabiliteeTrainingSection.razor.rz.scp.css */
.training[b-9aiy11oj9t]{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5px; /* Adjust the gap between columns */
    row-gap : 15px;
}

.training-4-column[b-9aiy11oj9t]{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 5px; /* Adjust the gap between columns */
    row-gap : 10px;

}

.training-title[b-9aiy11oj9t]{
    font-weight: bold;
    /* text-align:center;*/
}

.training-sub-title[b-9aiy11oj9t]{
    color:grey;
    font-size: 9px;
    /* text-align:center;*/
}
.training-detail[b-9aiy11oj9t]{
    display: flex;
    flex-direction: column;
}


/* _content/Kydoc.Habilitee.Server/Components/Features/CreateHabilitee/View/TrainingDataRender.razor.rz.scp.css */
.training[b-0lith83b6g]{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 5px; /* Adjust the gap between columns */
    row-gap : 15px;
}

.training-4-column[b-0lith83b6g]{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    column-gap: 5px; /* Adjust the gap between columns */
    row-gap : 10px;
 
}

.training-title[b-0lith83b6g]{
    font-weight: bold;
    /* text-align:center;*/
}

.training-sub-title[b-0lith83b6g]{
    color:grey;
    font-size: 9px;
    /* text-align:center;*/
}

.training-detail[b-0lith83b6g]{
    display: flex;
    flex-direction: column;
}


/* _content/Kydoc.Habilitee.Server/Components/Features/CropImages/View/ImageCropper.razor.rz.scp.css */
[b-ybqq6raqk6] .big-img {
    max-height: 400px;
    /* This rule is very important, please don't ignore this */
    max-width: 100%;
}

[b-ybqq6raqk6] .img-container {
    max-height: 400px;
    width: 100%;
}

/* These styles are just needed for a nice button and don't related with cropper component */
[b-ybqq6raqk6] #imageRebuildInput {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: #fff;
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    cursor: pointer;
}

[b-ybqq6raqk6] .cropper-error-load {
    max-height: inherit;
    max-width: 100%;
}

[b-ybqq6raqk6] .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Means that the cropped image will take up 100% of the width of its containing element */
[b-ybqq6raqk6] .cropped-img-container {
    width: 100%;
}

/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Agenda/PassportAgenda.razor.rz.scp.css */
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Agenda/PassportAgendaInner.razor.rz.scp.css */

.byDay .day[b-p8zfw524cd]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 1em;
    line-height: 16px;
    color: #3E515E;
}

.byDay .byTime[b-p8zfw524cd] {
    box-sizing: border-box;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 8px 8px 8px 8px ;
    border: 1px solid #F3F4F5;
    border-radius: 8px;
    height: 50px;
    background-color: #f8f9fa;
}

.byDay .byTime .time[b-p8zfw524cd]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 14px;
    color: #081720;
}

.byDay .byTime .title .description[b-p8zfw524cd]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 20px;
    color: #081720;
}

.byDay .byTime .title .sub-description[b-p8zfw524cd]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 14px;
    color: #3E515E;
}




/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Habilitees/PassportHabilitees.razor.rz.scp.css */


/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Habilitees/PassportHabiliteesInner.razor.rz.scp.css */

.unit .title[b-fanp80t3w8]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 20px;
    color: #081720;
}

.unit .manager[b-fanp80t3w8]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 16px;
    color: #3E515E;
}

.unit .date[b-fanp80t3w8]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 14px;
    color: #6E7D86;
}

.unit .state-active[b-fanp80t3w8]{
    text-align: center;
    padding: 2px 4px;
    background: #CEEFDA;
    border-radius: 4px;
    color: #04461D;
}

.unit .state-expiring[b-fanp80t3w8]{
    text-align: center;
    padding: 2px 4px;
    background: #F2E3CD;
    border-radius: 4px;
    color: #570000;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Habilitees/PassportHabiliteesWrapper.razor.rz.scp.css */

/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/PassportPageDisplayer.razor.rz.scp.css */
.mobile-view-child .back[b-fb3zkueysq]{
    background-color: transparent;
}

.mobile-view-child .back .picto[b-fb3zkueysq]{
    width:30px;
    text-align: center;
}

.mobile-view-child .back .title[b-fb3zkueysq]{
    font-family: 'Mitr';
    font-style: normal;
    font-weight: 400;
    font-size: 1.5em;
    line-height: 18px;
    color: #000000;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Profile/PassportProfile.razor.rz.scp.css */
.mobile-view .top-menu .kydoc-logo-parent[b-1b99abw0qj]{
    width:100px;
}

.profil .avatar[b-1b99abw0qj]{
    width: 100px;
}

.profil .avatar .crop[b-1b99abw0qj]{
    width:100px;
    height:100px;
    border-radius: 12px;
    object-fit: cover;
}

.profil .retrieved-avatar-default[b-1b99abw0qj]{
    width: 100px;
    height: 100px;
    background-color: #5CE1E1;
    border-radius: 12px;
    color:white;
    font-size: 30px;
}

.profil .initials[b-1b99abw0qj]{
    font-size: 50px;
}

.profil .name[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.7em;
    line-height: 20px;
    color: #081720;
    width: 100%;
    height:20px;
    overflow : hidden;
}

.profil .function[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.3em;
    line-height: 16px;
    color: #3E515E;
}

.profil .restriction .medical-restriction[b-1b99abw0qj]{
    font-size: 16px;
    padding: 2px 4px;
    background: #F7CCCC;
    color: #570000;
    border-radius: 4px;
}

.data .title[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 14px;
    color: #3E515E;
}
.data .content[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.2em;
    line-height: 14px;
    color: #081720;
}

/* agenda line */
.actions .timeline[b-1b99abw0qj]{
    border-bottom: 1px solid lightgrey;
    padding: 15px 0 15px 0;
}

.actions .timeline .picto[b-1b99abw0qj]{
    width:30px;
    text-align: center;
}

.actions .timeline .title[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 20px;
    color: #081720;
}

/* habilitee line */
.actions .habilitee[b-1b99abw0qj] {
    border-bottom: 1px solid lightgrey;
    padding: 15px 0 15px 0;
}

.actions .habilitee .picto[b-1b99abw0qj]{
    width:30px;
    text-align: center;
}

.actions .habilitee .title[b-1b99abw0qj]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 20px;
    color: #081720;
}

/* trainings line */
.actions .training[b-1b99abw0qj] {
    border-bottom: 1px solid lightgrey;
    padding: 15px 0 15px 0;
}

.actions .training .picto[b-1b99abw0qj]{
    width:30px;
    text-align: center;
}
.actions .training .title[b-1b99abw0qj] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 20px;
    color: #081720;
}

/* wallet line */
.actions .wallet[b-1b99abw0qj] {
    border-bottom: 1px solid lightgrey;
    padding: 15px 0 15px 0;
}

.actions .wallet .picto[b-1b99abw0qj]{
    width:30px;
    text-align: center;
}
.actions .wallet .title[b-1b99abw0qj] {
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 20px;
    color: #081720;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Trainings/PassportTrainings.razor.rz.scp.css */
.tab-header[b-mg3xe7te9h]{
    font-family: 'Mitr';
    font-style: normal;
    font-size: 1em;
    color: #000000;
    font-weight: 500;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Trainings/PassportTrainingsInner.razor.rz.scp.css */

.unit .description[b-0ydq58tg2s]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 20px;
    color: #081720;
}

.unit .sub-description[b-0ydq58tg2s]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    line-height: 14px;
    color: #3E515E;
}

.unit .date[b-0ydq58tg2s]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 1em;
    color: #6E7D86;
    text-align: right;
}

.unit .status[b-0ydq58tg2s]{
    text-align: right;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Trainings/PassportTrainingWrapper.razor.rz.scp.css */
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Wallet/PassportWallet.razor.rz.scp.css */
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Wallet/PassportWalletInner.razor.rz.scp.css */

.unit .title[b-vvbuk4jbs1]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 1.3em;
    line-height: 20px;
    color: #081720;
}

.unit .manager[b-vvbuk4jbs1]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #3E515E;
}

.unit .date[b-vvbuk4jbs1]{
    font-family: 'DM Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #6E7D86;
}

.unit .picto svg[b-vvbuk4jbs1]{
    scale:2;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/Passport/Wallet/PassportWalletWrapper.razor.rz.scp.css */
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/PassportDocumentStateDisplayer.razor.rz.scp.css */
[b-x0cgerovqm] .dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}   
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/PassportDocumentStateStringify.razor.rz.scp.css */
.state-active[b-21ipo02e59]{
    text-align: center;
    padding: 2px 4px;
    background: #CEEFDA;
    border-radius: 4px;
    color: #04461D;
}

.state-expiring[b-21ipo02e59]{
    text-align: center;
    padding: 2px 4px;
    background: #F2E3CD;
    border-radius: 4px;
    color: #c5763f;
}

.state-expired[b-21ipo02e59]{
    text-align: center;
    padding: 2px 4px;
    background: #F2E3CD;
    border-radius: 4px;
    color: #570000;
}

.state-archived[b-21ipo02e59]{
    text-align: center;
    padding: 2px 4px;
    background: #F2E3CD;
    border-radius: 4px;
    color: #7a7777;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/PassportHabiliteeStateDisplayer.razor.rz.scp.css */
[b-2qf7yefd2m] .dot {
    height: 25px;
    width: 25px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
}   
/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/PassportLayout.razor.rz.scp.css */
.top-menu[b-hzf04272dw] {
    width: 100%;
    margin-top: -20px;
}

[b-hzf04272dw] .mud-appbar{
    z-index: 0;
}

[b-hzf04272dw] .mud-toolbar {
    width: 100%;
}

[b-hzf04272dw] .open-help {
    border-radius: 0;
}

[b-hzf04272dw] .mud-icon-button {
    padding: 5px;
}

[b-hzf04272dw] .mud-paper {
    border-radius: 10px;
}

[b-hzf04272dw] .help-account-log-block {
    margin-top: 25px !important;
    height: 40px !important;
}

.topMenuContainer[b-hzf04272dw] {
    position: absolute;
    right: 17px;
    overflow: hidden;
    height: 100%;
}
.topMenuContainer .profile-icon[b-hzf04272dw] {
    width: 160px;
    position: absolute;
    bottom: 23px;
    right: -149px;
}

.topMenuContainer .commonStyles[b-hzf04272dw] {
    background-repeat: no-repeat;
    background-position: center;
    background-color: white;
    height: 45px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 7px;
    float: right;
    cursor: pointer;
    margin-right: 10px;
    margin-top: 21px;
}

.topMenuContainer .icon-click[b-hzf04272dw] {
    background-image: url(images/Btn.png);
    width: 65px;
    position: relative;
}

.topMenuContainer .helpIcon[b-hzf04272dw] {
    background-image: url(images/QuestionMarkIcon.png);
    width: 50px;
    margin-left: 20px;
}

.topMenuContainer .mud-input.mud-input-underline[b-hzf04272dw]::before {
    border:0 none !important;
}
.account-and-logout-popup .mud-list-item-gutters[b-hzf04272dw] {
    padding-right: 5px !important;
}

/* _content/Kydoc.Habilitee.Server/Components/Features/DisplayPassport/View/PassportPage.razor.rz.scp.css */
html[b-qit5dm86fd] {font-size: 100%;}
body[b-qit5dm86fd] {font-size: .8em;}


/* _content/Kydoc.Habilitee.Server/Components/Features/EditEmployee/View/EditEmployeeButton.razor.rz.scp.css */
[b-1p6800oi9p] .employee-header{
    font-weight: bold;
}

.creator-form[b-1p6800oi9p]{
    padding: 10px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/FilterEmployee/View/AdvancedFilters.razor.rz.scp.css */
[b-wli0do68pp] .show-training-detail-filter{
    font-size: 12px;
    align-content: center;
    text-decoration: underline;
    cursor:pointer;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/FilterEmployee/View/EmployeeListFilterAutocomplete.razor.rz.scp.css */
[b-yv64vol0y6] .mud-input.mud-input-outlined .mud-input-outlined-border{
    border-radius: 50px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/FilterEmployee/View/EmployeeListFilterSelect.razor.rz.scp.css */
[b-smgp3r5ra8] .mud-input.mud-input-outlined .mud-input-outlined-border{
    border-radius: 50px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/FilterEmployee/View/EmployeeListFilterTextField.razor.rz.scp.css */
[b-wvb2glw6hg] .mud-input.mud-input-outlined .mud-input-outlined-border{
    border-radius: 50px;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PassportDialog.razor.rz.scp.css */
.pdf-displayer[b-ykh99iu3im]{
    height: 100%;
    width: 100%;     
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PdfRender/PassportPdf.razor.rz.scp.css */
.a4-page[b-wtiwmznrpc] {
    width: 210mm;
    height: 297mm;
    margin: auto;
    background-color: whitesmoke;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: block;
    flex-direction: column;
    align-items: center;
    position: relative;
    font-size: 12px;
}

[b-wtiwmznrpc] .passport-logo {
   position:absolute;
    left: 5mm;
    top: 10mm;
}

[b-wtiwmznrpc] .passport-main-txt {
    display: block;
    padding: 14mm;
    width: 182mm;
    height: 135mm;
    line-height: 5mm;
}

[b-wtiwmznrpc] .passport-main-txt .team-signature {
    margin-left: 30mm;
}

[b-wtiwmznrpc] .passport-salutation {
    display: block;
    height: 10mm;
    text-align: right;
}

[b-wtiwmznrpc] .passport-main-txt .passport-body {
    width: 182mm;
    padding-top:35mm;
}

[b-wtiwmznrpc] .passport-intro {
    display: block;
    width: 210mm;
    height: 0mm;
    margin-top:35mm;
    color: #FF9966;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}

[b-wtiwmznrpc] .passport-scissor-cut {
    display: block;
    width: 210mm;
    background-image: url(images/scisor-line.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 210mm;
    height: 5mm;
    margin-top: 12mm;
}

[b-wtiwmznrpc] .passport-recto {
    position: absolute;
    width: 204mm;
    left: 3mm;
    bottom: 5mm;
    border: 4px solid #FF9966;
    height: 95mm;
    border-radius: 20px;
}

[b-wtiwmznrpc] .passport-recto-cell {
    display: block;
    float: left;
    width: 64mm;
    height: 100%;
    padding-right: 3mm;
    padding-left: 3mm;
    border-left: 1px dotted #BFBFBF;
}


[b-wtiwmznrpc] .passport-title-A {
    display: block;
    float: left;
    width: 100%;
    text-transform: uppercase;
    color: #FF9966;
    font-weight: bold;
    margin-top: 10mm;
    margin-bottom: 5mm;
    text-align: center;
}

[b-wtiwmznrpc] .passport-title-B {
    display: block;
    float: left;
    width: 100%;
    background-color: #33CCCC;
    text-align: center;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 5mm;
    margin-bottom: 5mm;
    padding: 2px;
}

[b-wtiwmznrpc] .passport-inner-cell {
    display: block;
    float: left;
    width: 100%;
    line-height: 5mm;
}

[b-wtiwmznrpc] .passport-inner-cell .passport-warning {
    font-weight: bold;
}

[b-wtiwmznrpc] .passport-inner-cell .inner-logo {
    background-image: url('images/logoandfontalpha.png');
    background-position: center;
    height: 15mm;
    background-repeat: no-repeat;
    background-size: 15mm 15mm;
    margin-top: 10mm;
}

[b-wtiwmznrpc] .passport-inner-cell .passport-qrcode {
    width: 100%;
    display: block;
    text-align: center;
}


[b-wtiwmznrpc] .passport-half-inner-cell {
    float: left;
    display: block;
    float: left;
    width: 50%;
    line-height: 5mm;
    font-size: 11px;
}

[b-wtiwmznrpc] .passport-single-inner-cell {
    float: left;
    display: block;
    float: left;
    width: 100%;
    line-height: 5mm;
    font-size: 11px;
}

[b-wtiwmznrpc] .passport-half-inner-cell .user-data {
    font-weight: bold;
    width: 100%;
    padding-left: 5mm;
}

[b-wtiwmznrpc] .passport-verso {
    position: absolute;
    width: 204mm;
    left: 3mm;
    bottom: 5mm;
    border-top: 1px dotted black;
    height: 95mm;
    background-color: #DCF9F8;
}

[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-inner-cell {
    float: left;
    display: block;
    width: 100%;
    font-weight: bold;
    margin-top: 5mm;
    padding-left: 5mm;
    margin-bottom: 5mm;
    text-align: center;
}

[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-inner-intro {
    text-align: center;
    width: 100%;
    display: block;
    float: left;
    margin-top: 25mm;
}

[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-inner-intro .mainline {
    font-size: 30px;
    color: #FF9966;
}

[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-inner-intro .subline {
    font-size: 24px;
    color: #FF9966;
}

[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-logo {
    background-image: url('images/logo-recto.png');
    background-position: center;
    height: 100px;
    background-repeat: no-repeat;
    background-size: 90px 100px;
    display: block;
    width: 100%;
    margin-bottom: 10mm;
}


[b-wtiwmznrpc] .passport-verso .passport-recto-cell .verso-inner-intro .delivery-date {
    float: left;
    display: block;
    width: 100%;
    display: block;
    text-align: right;
}


[b-wtiwmznrpc] .passport-verso .passport-recto-cell .boss-stamp {
    float: left;
    display: block;
    width: 55mm;
    height: 30mm;
    background-color: white;
    border: 1px solid #BFBFBF;
    color: #BFBFBF;
    text-transform: uppercase;
    text-align: center;
    margin-top: 35mm;
    margin-left: 5mm;
}

/* btp card */
[b-wtiwmznrpc] .btp-card {
    position: absolute;
    width: 85mm;
    height: 55mm;
    border: 4px solid black;
    border-radius: 20px;
    padding: 2mm 10mm 5mm 5mm;
    top: 100px;
    left: 100px;
    overflow: hidden;
}




/*::deep .btp-card .employee {*/
/*    width: 85mm;*/

/*}*/

[b-wtiwmznrpc] .btp-card .employee {
    width: 85mm;
position:relative;
    height: 55mm;
}

[b-wtiwmznrpc] .btp-card .employee .employee-data {
    display: block;
    width: 30mm;
    height: 100%;
    float: left;
}

[b-wtiwmznrpc] .btp-card .employee-data .title {
    width: 30mm;
    background-color: #33CCCC;
    padding-left: 8mm;
    color: white;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 2mm;

}

[b-wtiwmznrpc] .btp-card .employee-data .cells {
    width: 30mm;
    padding-top: 2mm;
    font-size: 10px;

}

[b-wtiwmznrpc] .btp-card .employee-data .cells .inner-cell {
    width: 30mm;
    margin-top: 1mm;

}

[b-wtiwmznrpc] .btp-card .employee-data .cells .inner-cell .content {
    font-weight: bold;

}

[b-wtiwmznrpc] .btp-card .employee-data .cells .inner-cell-last {
    width: 30mm;
    margin-top: 3mm;

}

[b-wtiwmznrpc] .btp-card .employee-data .cells .inner-cell-last .content {
    font-weight: bold;

}

[b-wtiwmznrpc] .btp-card .employee-avater-and-qrcode {
    width: 30mm;
    height: 60mm;

    float: right;
    display: block;
}

    [b-wtiwmznrpc] .btp-card .title {
        width: 45mm;
        margin-top:7mm;
        padding-left: 5px;
        font-size: 16px;
        color:black;
        font-weight: bold;
    }

[b-wtiwmznrpc] .company-logo{
    margin-left: 15mm;
    margin-top: 40mm;
}

[b-wtiwmznrpc] .btp-card .employee {
    position: absolute;
    top:65px;
}

[b-wtiwmznrpc] .btp-card .employee .avatar {
    width: 25px;
    height: 25px;
    color: white;
    top: 19mm;
    right: 21mm;
    position: absolute;
    scale: 3.5;
    z-index: 20;
}


[b-wtiwmznrpc] .btp-card .employee .no-avatar {
    width: 25px;
    height: 25px;
    color: white;
    top: 19mm;
    right: 21mm;
    position: absolute;
    scale: 3.5;
    z-index: 20;
    color: white;
    background-color: #D1994D;
    border-radius: 4px;
    text-transform: uppercase;
}

[b-wtiwmznrpc] .btp-card .employee .qrcode {
    width: 30mm;
    height: 30mm;
    position: absolute;
    top: 4mm;
    left: -5mm;
    z-index: 10;
    scale: 0.60;
}

[b-wtiwmznrpc] .btp-card .employee .company-logo {
    width: 85px;
    height: 85px;
    position: absolute;
    top: -54mm;
    right: 13mm;
    z-index: 15;
}

/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PdfRender/PassportRectoFooter.razor.rz.scp.css */
[b-ee6pr90bu9] table {
    border-collapse: collapse;
}

[b-ee6pr90bu9] table tr:first-child{
    border-top:2px dotted #E99F70;
}

[b-ee6pr90bu9] table tr td{
    width: 70mm;
    border-left:1px solid black;
    border-right:1px solid black;
}

[b-ee6pr90bu9] table tr td:first-child,
[b-ee6pr90bu9] table tr th:first-child {
    border-left: 0;
}
[b-ee6pr90bu9] table tr td:last-child,
[b-ee6pr90bu9] table tr th:last-child {
    border-right: 0;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PdfRender/PassportRectoFooterEmployeeDetail.razor.rz.scp.css */
.title[b-op5bj7e6mw]{
    background: #E99F70;
}

.holder[b-op5bj7e6mw]{
    background: #77C8CB;
}

.employeeInfo[b-op5bj7e6mw]{
    font-weight: bold;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PdfRender/PassportRectoFooterHabilitee.razor.rz.scp.css */
.title[b-pgmtmvalue]{
    background: #E99F70;
}

.holder[b-pgmtmvalue]{
    background: #77C8CB;
}

.employeeInfo[b-pgmtmvalue]{
    font-weight: bold;
}

[b-pgmtmvalue] p span{
    font-weight: bold;
}

[b-pgmtmvalue] p div {
    font-weight: bold;
    color: #E99F70;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GenerateEmployeePassport/View/PdfRender/PassportRectoFooterQrCode.razor.rz.scp.css */
[b-sjiqqvmh5m] .passport-logo {
    position:absolute;
    left:1mm;
    top:1mm;
    width: 50px;
    background-image: url(images/logo_kydoc_small.png);
    height: 50px;
    background-size: cover;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GetRemindersForTenant/View/MedicalDataReminder.razor.rz.scp.css */
.dot[b-4f3uj7enqz] {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GetRemindersForTenant/View/OnBoardReminder.razor.rz.scp.css */
.dot[b-xc6o22evyp] {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GetRemindersForTenant/View/Reminders.razor.rz.scp.css */
[b-4x7l4nnald] .zabeta {
    background: transparent !important;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GetRemindersForTenant/View/TrainingReminder.razor.rz.scp.css */
.dot[b-8lg4opb9cy] {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/GetRemindersForTenant/View/TrainingReminderActionMenu.razor.rz.scp.css */
[b-dwaepll04k] .modifier-font-size{
    font-size: 18pt;
}

[b-dwaepll04k] .modifier-font-size:active{
    font-size: 18pt;
}

[b-dwaepll04k] .modifier-font-size:disabled{
    font-size: 18pt;
}

[b-dwaepll04k] .modifier-font-size:hover{
    font-size: 18pt;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/ListEmployees/View/EmployeeListGlobalActionMenu.razor.rz.scp.css */
[b-lcel9yafg3] .modifier-font-size{
    font-size: 18pt;
}

[b-lcel9yafg3] .modifier-font-size:active{
    font-size: 18pt;
}

[b-lcel9yafg3] .modifier-font-size:disabled{
    font-size: 18pt;
}

[b-lcel9yafg3] .modifier-font-size:hover{
    font-size: 18pt;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/ListEmployees/View/ListEmployees.razor.rz.scp.css */
[b-gi8b0w02wm] .employee-displayName {
    font-weight: bold;
    margin-left: 8px;
    margin-top: 4px;
}

[b-gi8b0w02wm] .employee-name-manager-view{
    margin-top: -20px;
}

[b-gi8b0w02wm] .employee-displayName-manager-view {
    font-weight: bold;
    margin-left: 8px;
  
}

[b-gi8b0w02wm] .is-active-column{
    text-align:left
}


[b-gi8b0w02wm] .habilitee-black-rounded{
    border-radius: 4px !important;
    background-color: black !important;
    border: 1px black solid !important;
    color: white !important;
    height: 45px;
    padding: 15px;
}

[b-gi8b0w02wm] .habilitee-white-rounded{
    border-radius: 4px !important;
    background-color: white !important;
    border: 1px black solid !important;
    color: black !important;
    height: 45px;
    padding: 15px;
    margin-right:15px;
}

/* _content/Kydoc.Habilitee.Server/Components/Features/SignHabilitee/View/SignHabiliteeDialog.razor.rz.scp.css */
[b-ks6mvttnbw] .signing-dialog{
    height: 80vh;
    width: 80vw;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/ViewSentHabilitees/View/ExpiringHabilitees.razor.rz.scp.css */
.dot[b-ntg659pa8j] {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
/* _content/Kydoc.Habilitee.Server/Components/Features/ViewSentHabilitees/View/SentHabilitees.razor.rz.scp.css */
.dot[b-7pxrtuqfcp] {
    height: 15px;
    width: 15px;
    background-color: red;
    border-radius: 50%;
    display: inline-block;
}
/* _content/Kydoc.Habilitee.Server/Components/Layout/NavMenu.razor.rz.scp.css */
.mudContainer[b-vy0jcqzkbv] {
    width: 91%;
    margin-left: auto;
    margin-right: auto;
}

/*.mudContainer ::deep .mud-expanded {*/
/*    display: none !important;*/
/*}*/

    .mudContainer[b-vy0jcqzkbv]  .mud-navmenu.mud-navmenu-default .mud-nav-link.active:not(.mud-nav-link-disabled),
    .mudContainer[b-vy0jcqzkbv]  .mud-navmenu.mud-navmenu-default .mud-nav-link:hover {
        background-color: #FFCBB1;
        border-radius: 6px;
    }

    .mudContainer[b-vy0jcqzkbv]  .mud-nav-link.active:not(.mud-nav-link-disabled) {
        color: rgb(133, 139, 153);
    }

    .mudContainer[b-vy0jcqzkbv]  .mud-navmenu.mud-navmenu-default .mud-nav-link {
        /*padding-left: 15px;*/
        color: rgb(133, 139, 153);
        font-weight: bold;
    }

    .mudContainer[b-vy0jcqzkbv]  .mud-nav-item {
        margin-bottom: 15px;
    }
/* _content/Kydoc.Habilitee.Server/Components/Shared/Wizard/WizardContainer.razor.rz.scp.css */
[b-vpw9x8i6ne] .wizard-home-logo {
    background-image: url("images/KydocLogoLight.svg");
    background-size: cover;
    height: 100px;
    width: 100px;
}

[b-vpw9x8i6ne] .wizard-home-logo:hover {
    cursor: pointer;
}

[b-vpw9x8i6ne] .navigation-button {
    position: relative;
    top: 30%;
}

[b-vpw9x8i6ne] .wizard-header {
    padding: 0;
    height: 100px;
    background-color: #0E2636;
}

[b-vpw9x8i6ne] .wizard-content {
    margin-right: 0;
    overflow: hidden;
    height: calc(100vh - 100px);
    background-color: #E7EFF5;
}
/* _content/Kydoc.Habilitee.Server/Components/Shared/Wizard/WizardProgress.razor.rz.scp.css */
.progress-container[b-hsmnh2qwgx]{
    height:100px;
    position: relative;
    margin: auto;
    width: max-content;
    
}
[b-hsmnh2qwgx] .step {
    display: inline-block;
    background: #808080;
    width: 2vw;
    height: 2vw;
    max-height: 60px;
    max-width: 60px;
    border-radius: 50%;
    align-items: center;
    text-align: center;
    position: relative;
    top: 30%;
    font-size: 1em;
    font-weight: bold;
}
[b-hsmnh2qwgx] .link {
    display:inline-block;
    position:relative;
    background: #808080;
    width: 50px;
    height: 4px;
    top:25px;
    margin-left: 3px;
    margin-right: 3px;
}
[b-hsmnh2qwgx] .active{
    background: #5CE1E1;
    color:#EAEAEA;
}
[b-hsmnh2qwgx] p{
    margin-top: 0.3vw;
}