/* /Components/Generic/ButtonComponent.razor.rz.scp.css */
.css-button-position[b-3hwa7gkmbh] {
    margin: 4px;
}
/* /Components/Generic/ButtonContainer.razor.rz.scp.css */
.css-container-horizontal[b-i3e4t8q18x] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.css-container-vertical[b-i3e4t8q18x] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}

.css-container-ivxdialog[b-i3e4t8q18x] {
    padding: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}


/* /Components/Generic/FormContainer.razor.rz.scp.css */
.css-formcontainer[b-0akig3j258] {
    width: 100%;
    min-width: 85px;
    padding-left: 10px;
    padding-right: 10px;
}

    .css-formcontainer div.row[b-0akig3j258] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
/* /Components/Generic/MenuComponent.razor.rz.scp.css */

.css-menucomponent-maindiv[b-u3iiye7spx] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: calc(100vh - 150px);
    position: absolute;
    top: 10px;
    background-color: var(--ivx-mainmenu-background);
}

/* /Components/Generic/MenuItemComponent.razor.rz.scp.css */
.css-menuitem-base[b-moevfjldep] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    background-color: var(--ivx-menuitem-background);
    padding-left: 15px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--ivx-menuitem-background);
    border-radius: 5px;

}

    .css-menuitem-base:hover[b-moevfjldep] {
        background-color: var(--ivx-menuitem-hover);
        border-color: var(--ivx-menuitem-active-bordercolor);
    }

    .css-menuitem-base p[b-moevfjldep] {
        margin-top: unset;
        margin-bottom: unset;
        margin-left:15px;
        color: white;
        font-size: 14px;
        font-weight: 400;
        min-height: 25px;
        height: auto;
        text-align: left;
        cursor: pointer;
    }

.css-menuitem-root[b-moevfjldep] {
    margin-left: 10px;
    margin-right: 10px;
    min-height: 50px;
    height:auto;
    margin-top: 2px;
}

.css-menuitem-child[b-moevfjldep] {
    justify-content: flex-end;
    margin-left: 10px;
    margin-right: 10px;
    height: 30px;
    margin-top: 2px;
}



/* Menuitems icons */
.home[b-moevfjldep]::before {
    content: '\e102';
}

.dashboard[b-moevfjldep]::before {
    content: '\e717';
}

.employees[b-moevfjldep]::before {
    content: '\e7d3';
}

.currentuser[b-moevfjldep]::before {
    content: '\e679';
}

.profile[b-moevfjldep]::before {
    content: '\e10c';
}

.info[b-moevfjldep]::before {
    content: '\e11b';
}

.settings[b-moevfjldep]::before {
    content: '\e10b';
}

.docking-open[b-moevfjldep]::before {
    content: '\e654';
}

.docking-closed[b-moevfjldep]::before {
    content: '\e653';
}

.childmenu-closed[b-moevfjldep] {
    position:absolute;
    right: 10px;
    color: #73808c;

}
.childmenu-closed[b-moevfjldep]::before {
    content: '\e781';
}

.childmenu-open[b-moevfjldep] {
    position: absolute;
    right: 10px;
    color: #73808c;
}
.childmenu-open[b-moevfjldep]::before {
    content: '\e798';
}

/* /Components/Generic/PanelComponent.razor.rz.scp.css */
.css_paneldiv_header[b-e0030vhqjj] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    height: 25px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px solid rgb(240,240,240);
    padding-left: 10px;
    color: blue;
    font-size: 125%;
}


.css_paneldiv_default[b-e0030vhqjj] {
    border: 1px solid rgb(240,240,240);
    border-radius: 5px;
}

.css_paneldiv_container_column[b-e0030vhqjj] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: none;
}

.css_paneldiv_container_row[b-e0030vhqjj] {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    border: none;
}

/* /Components/Generic/TabpageComponent.razor.rz.scp.css */
.css-tabpagecontrol-placing-and-color[b-gvjhjsqn71] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    width: 100%;
    height: 100%;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: var(--ivx-tabpage-bordercolor);
}


.css-tabitem-base[b-gvjhjsqn71] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: auto;
    height: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 0;
    cursor: pointer;
    border-top-right-radius: 15px;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 0;
}

.css-tabitem-active[b-gvjhjsqn71] {
    font-size: small;
    font-weight: bold;
    background-color: var(--ivx-tabitem-active-backgroundcolor);
    color: var(--ivx-tabitem-active-color);
    border-color: var(--ivx-tabitem-active-bordercolor);
    border-top-width: 5px;
    border-right-width: 1px;
    border-left-width:1px;
    border-bottom-width:0;
}

    .css-tabitem-active p[b-gvjhjsqn71] {
        margin: unset;
        cursor:pointer;

    }


.css-tabitem-inactive[b-gvjhjsqn71] {
    font-size: small;
    font-weight: normal;
    background-color: var(--ivx-tabitem-inactive-backgroundcolor);
    color: var(--ivx-tabitem-inactive-color);
    border-color: var(--ivx-tabitem-inactive-bordercolor);
}

    .css-tabitem-inactive p[b-gvjhjsqn71] {
        margin: unset;
        cursor: pointer;
    }
/* /Components/Main/LoginComponent.razor.rz.scp.css */

.e-dialog .e-dlg-header-content[b-khihnaoucb] {
    background-color: white;
}

.css_companyname[b-khihnaoucb] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    height: 75px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px solid rgb(240,240,240);
    padding-left: 10px;
    color: blue;
    font-size: 150%;
    margin-bottom: 25px;
}

.css_imagediv[b-khihnaoucb] {
    width: auto;
    height: 40px;
    background-color: white;
    margin-left: 10px;
}

.css_image[b-khihnaoucb] {
    height: 40px;
}


/* /Components/Main/MainHost.razor.rz.scp.css */
.css_maingrid[b-2lxnos7kf9] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 60px 1fr 16px;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.css_copyright[b-2lxnos7kf9] {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 10px;
    font-size: small;
    font-weight: 200;
    display: flex;
    align-items: flex-start;
    color: black;
}


/* /Components/Main/MainHostPasswordReset.razor.rz.scp.css */
.css_maingrid[b-538x16t3hc] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 50px 1fr 16px;
    grid-template-columns: auto 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.css_copyright[b-538x16t3hc] {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 3;
    grid-row-end: 4;
    padding-left: 10px;
    font-size: small;
    font-weight: 200;
    display: flex;
    align-items: flex-start;
    color: black;
}

/* /Components/Main/PasswordComponent.razor.rz.scp.css */
.e-dialog .e-dlg-header-content[b-ti1gz2aa9t] {
    background-color: white;
}

.css_companyname[b-ti1gz2aa9t] {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: center;
    height: 75px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 1px solid rgb(240,240,240);
    padding-left: 10px;
    color: blue;
    font-size: 150%;
    margin-bottom: 25px;
}

.css_imagediv[b-ti1gz2aa9t] {
    width: auto;
    height: 40px;
    background-color: white;
    margin-left: 10px;
}

.css_image[b-ti1gz2aa9t] {
    height: 40px;
}

/* /Components/Main/SideControlComponent.razor.rz.scp.css */
.css-sidecontrol[b-ttn8sxllmh] {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    display: flex;
    flex-direction: column;
    width:100%;
    height:100%;
    justify-content:flex-start;
    align-content:flex-start;

}

.css-kantoorcard[b-ttn8sxllmh] {
    display: flex;
    padding-left: 10px;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    width: 90%;
    margin: 0 auto;
    min-width: 85px;
    overflow-y: auto;
    position: absolute;
    bottom: 10px;
    height: auto;
}



/* /Components/Main/TopcontrolComponent.razor.rz.scp.css */
.css_topcontrol[b-a5suuq3our] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 1;
    grid-row-end: 2;
    background: var(--ivx-topcontrolbackground);
    color: var(--ivx-topcontrolforeground);
    border-bottom: 1px solid var(--ivx-topcontrolforeground);
}

.css_topcontrol_company[b-a5suuq3our] {
    padding-left: 10px;
    height: 100%;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.css_topcontrol_logo[b-a5suuq3our] {
    width: auto;
    height: 50px;
    background-color: white;
    margin-right: 10px;
    flex-shrink: 0;
}

.css_topcontrol_image[b-a5suuq3our] {
    height: 50px;
}

/* /Components/Overview/Dashboard/OverviewHostDialog.razor.rz.scp.css */

.css_overview_maingrid[b-uw3cal50fb] {
    display: grid;
    background-color: white;
    width: 100%;
    height: 100%;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 10px;
}

.css_gendergraph[b-uw3cal50fb] {
    display: flex;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: white;
    padding: 10px;
}

.css_agegraph[b-uw3cal50fb] {
    display: flex;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
    background-color: white;
    padding: 10px;
}


/* /Components/Werknemers/MainComponent.razor.rz.scp.css */
.css_bodycontrol[b-7x8pjf7c4a] {
    display: flex;
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: white;
    padding: 10px;
    overflow-x: auto;
    overflow-y: hidden;
    font-size: 12px;
    font-weight: normal;
}

/* /Components/Werknemers/Werknemer/MainHost/ChildrenGrid.razor.rz.scp.css */
.toolbar-toevoegen[b-epl8a3jy2w]::before {
    content: '\e759';
}

.sfbtn-delete-icon[b-epl8a3jy2w]::before {
    content: '\e745';
}

/* /Components/Werknemers/Werknemer/MainHost/ContractGrid.razor.rz.scp.css */

.toolbar-toevoegen[b-7v7tnkapw4]::before {
    content: '\e759';
}

.sfbtn-delete-icon[b-7v7tnkapw4]::before {
    content: '\e745';
}


/* /Components/Werknemers/Werknemer/MainHost/EmployeeCard.razor.rz.scp.css */
.css_card_container[b-by37anx0oo] {
    width: 100%;
    min-width: 85px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.css_card_container .row[b-by37anx0oo] {
    padding: 15px 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* /Components/Werknemers/Werknemer/MainHost/EmploymentCard.razor.rz.scp.css */

.css_employmentcard_container[b-zb2alf5xtw] {
    width: 100%;
    min-width: 85px;
    overflow-y: auto;
    overflow-x: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.css_employmentcard_container .row[b-zb2alf5xtw] {
    padding: 15px 0px;
    margin-left: 0px;
    margin-right: 0px;
}

/* /Components/Werknemers/Werknemer/MainHost/InsuranceCard.razor.rz.scp.css */
.insurancecard[b-ska13qiiy9] {
    margin-top: 5px;
    margin-left: 5px;
    width: 90%;
}

.e-card .e-card-header .e-card-header-caption .e-card-header-title[b-ska13qiiy9] {
    font-size: 20px;
    line-height: 20px;
}

.e-switch-wrapper.bar-color .e-switch-inner.e-switch-active[b-ska13qiiy9],
.e-switch-wrapper.bar-color:hover .e-switch-inner.e-switch-active .e-switch-on[b-ska13qiiy9] {
    background-color: #4d841d;
    border-color: #4d841d;
}

.e-switch-wrapper.bar-color .e-switch-inner[b-ska13qiiy9],
.e-switch-wrapper.bar-color .e-switch-off[b-ska13qiiy9] {
    background-color: #e3165b;
    border-color: #e3165b;
}

/* /Components/Werknemers/Werknemer/MainHost/SalaryGrid.razor.rz.scp.css */

.toolbar-toevoegen[b-zi7s6c24od]::before {
    content: '\e759';
}

.sfbtn-delete-icon[b-zi7s6c24od]::before {
    content: '\e745';
}

/* /Components/Werknemers/Werknemer/MainHost/WerknemerHostDialog.razor.rz.scp.css */

.css_flexbox[b-jkixe6rcso] {
    display: flex;
    flex-wrap: wrap;
}
/* /Components/Werknemers/Werknemer/Nieuw/ToevoegenHostDialog.razor.rz.scp.css */
.css-flexbox[b-b65iqrgn12] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: white;
    padding: 5px;
}
/* /Components/Werknemers/Workspace/WorkspaceHostDialog.razor.rz.scp.css */


/* de body is zelf ook weer een grid. */
.css-workspacehostdialog-body[b-jz5nwryffg] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: hidden;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    grid-column-start: 2;
    grid-column-end: 12;
    grid-row-start: 2;
    grid-row-end: 3;
    background-color: white;
    padding:5px;
}

.css-workspacehostdialog-tabgrid[b-jz5nwryffg] {

    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: 40px 1fr;
    grid-template-columns: 1fr 1fr;
}


.css-employeegrid-placing[b-jz5nwryffg] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-y: hidden;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    font-size: 12px;
    font-weight: normal;
}

.css-employeecard-placing[b-jz5nwryffg] {
    display: block;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    font-size: 12px;
    font-weight: normal;
}