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

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

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


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

    .css-formcontainer div.row[b-bny7vfgez3] {
        padding: 15px 0px;
        margin-left: 0px;
        margin-right: 0px;
    }
/* /Core/Folder/Components/BreadcrumbsComponent.razor.rz.scp.css */
.folder-breadcrumbs[b-i1rlu7c7cm] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: calc(100% - 8px);
    width: auto;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    margin-top: 4px;
    margin-bottom: 4px;
}

.breadcrumb-button[b-i1rlu7c7cm] {
    margin-right: 15px;
    height: 42px;
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    background-color: white;
    border: none;

}
    .breadcrumb-button p[b-i1rlu7c7cm] {
        margin-top: unset;
        margin-bottom: unset;
        margin-left: 15px;
    }
    .breadcrumb-button img[b-i1rlu7c7cm] {
        width: 20px;
        height: 20px;
    }
    .breadcrumb-button:hover[b-i1rlu7c7cm] {
        background-color: #e6f6ff !important;
        border-color: var(--ivx-sidemenu-hover-border);
        color: blue !important;
        text-decoration: underline;
    }
/* /Core/Folder/Components/FileInfoComponent.razor.rz.scp.css */
.fileinfo-body[b-k81u7glh0k] {
    display: flex;
    flex-direction: column;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
    padding: 25px;
    border: solid;
    border-width: 1px;
    border-color: rgb(222,226,230);
}

.description[b-k81u7glh0k] {
    border: solid;
    border-width: 1px;
    border-color: rgb(222,226,230);
    border-radius: 5px;
    background-color: rgb(250,250,250);
    padding: 10px;
    margin-top: 10px;
}

.caption[b-k81u7glh0k] {
    color: darkgray;
    min-width: 100px;
}

.datarow[b-k81u7glh0k] {
    display: flex;
    margin-top: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}

.buttonrow[b-k81u7glh0k] {
    display: flex;
    margin-top: 10px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    height: 50px;
}
/* /Core/Folder/Components/IvxFolderGrid.razor.rz.scp.css */
.foldergrid-body[b-pjz0qo203i] {
    display: flex;
    flex-direction: column;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
    height: 100%;
    width: 100%;
    overflow-y: hidden;
}
/* /Core/Folder/Components/IvxFolderRibbon.razor.rz.scp.css */
.folder-buttonarea[b-vdtre4clnv] {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
    height: 100%;
    width: auto;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
}

/* /Core/Folder/Components/IvxRibbonButton.razor.rz.scp.css */
.ribbon-pb-normal[b-vkszfmjvax] {
    background-color: white;
    border: none;
    border-radius: 5px;
    border-width: 1px;
    border-color: #d1d1d1;
    padding-left: 4px;
    padding-right: 4px;
    width: 100px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

    .ribbon-pb-normal:hover[b-vkszfmjvax] {
        background-color: #e6f6ff !important;
        border-color: var(--ivx-sidemenu-hover-border);
    }

.ribbon-pushbutton-body[b-vkszfmjvax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
}

.ribbon-pushbutton-image[b-vkszfmjvax] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 75px;
    height: 50px;

}
    .ribbon-pushbutton-image img[b-vkszfmjvax] {
        width: 48px;
        height: 48px;
    }

    .ribbon-pushbutton-text[b-vkszfmjvax] {
        height: auto;
        text-align: center;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 4px;
        padding-right: 4px;
    }

    .ribbon-pushbutton-text p[b-vkszfmjvax] {
        margin-top: 0;
        margin-bottom: 0;
        text-wrap-mode: wrap;
    }
/* /Core/Folder/IvxFolderComponent.razor.rz.scp.css */
.folder-maingrid[b-psng2ug9sz] {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: 90px 50px 1fr;  /*row 2 reserveren we alvast voor de breadcrumbs */
    grid-template-columns: 1fr 350px;
}

.upload-droparea[b-psng2ug9sz] {
    width: calc(100% - 50px);
    margin: 25px;
    height: 200px;
    border: solid;
    border-width: 1px;
    border-color: rgb(128,128,128);
    border-radius: 15px;
    background-color: rgb(250,250,250);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.upload-droparea p[b-psng2ug9sz] {
    font-size: larger;
    margin-top: unset;
    margin-bottom: unset;
    width: 50%;
    text-align: center;
}

.sfuploader[b-psng2ug9sz] {
    width: calc(100% - 50px);
    margin: 25px;
    height: calc(100% - 360px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    overflow-y: scroll;
}

.upload-buttonarea[b-psng2ug9sz] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: calc(100% - 50px);
    height: 60px;
    margin: 25px;
}
/* /Franchisee/Liquiditybudget/TotalOverviewGrid.razor.rz.scp.css */
body[b-hhp2lrx8xk] {
}
/* /Franchisee/Main/WidgetComponent.razor.rz.scp.css */

.css-widgetbox[b-e294mo8jbf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    /*background-color: var(--ivx-widget-background);*/
    background: rgb(158,152,205);
    background: linear-gradient(143deg, rgba(158,152,205,1) 0%, rgba(232,230,255,1) 0%, rgba(255,255,255,1) 100%);
    border-style: solid;
    border-color: var(--ivx-widget-hover-background);
    border-width: 1px 1px 1px 1px; /* top right bottom left*/
    border-radius: 4px;
    box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
    width: 250px;
    height: 200px;
    position: relative;
    margin: 15px;
}

    .css-widgetbox:hover[b-e294mo8jbf] {
        background: unset;
        background-color: var(--ivx-widget-hover-background);
        color: white;
    }


.css-widgetbox-incolumn[b-e294mo8jbf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    background-color: var(--ivx-widget-background);
    border-style: solid;
    border-color: var(--ivx-widget-hover-background);
    border-width: 1px 1px 1px 1px; /* top right bottom left*/
    box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
    width: 100%;
    max-width: 250px;
    min-height: 125px;
    height: auto;
    position: relative;
    margin: 5px;
}

    .css-widgetbox-incolumn:hover[b-e294mo8jbf] {
        background-color: var(--ivx-widget-hover-background);
        color: white;
    }


.css-widgetbox-selected[b-e294mo8jbf] {
    border-width: 2px 2px 2px 2px;
    border-color: #364049;
}

.css-widgetbox-text[b-e294mo8jbf] {
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

    .css-widgetbox-text p[b-e294mo8jbf] {
        text-align: center;
        margin-top: 5px;
        margin-bottom: unset;
        cursor: default;
    }

.css-widgetbox-image[b-e294mo8jbf] {
    width: 60px;
    height: 60px;
    margin-top: 15px;
    flex-shrink: 0;
}
/* /Franchisee/Operatingbudget/TotalOverviewGrid.razor.rz.scp.css */
body[b-bvsgwineii] {
}
/* /Main/Desktop/DesktopComponent.razor.rz.scp.css */
.css-main-desktop[b-lr01t3o4d4] {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: minmax(40px,auto) 1fr;
    grid-template-columns: 1fr
}

.css-hostdialog-area[b-lr01t3o4d4] {
    position: relative;
    display: block;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
}


.css-hostdialog-brand[b-lr01t3o4d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    width: 100%;
    height: 100%;
}

.css-hostdialog-brand img[b-lr01t3o4d4] {
    display: block;
    max-height: 25%;
    max-width: 25%;
    width: auto;
    height: auto;
    opacity: 0.5;
}

.css-widgetbox-body[b-lr01t3o4d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    width: 300px;
    height: 325px;
    position: relative;
    margin: 15px;
}
.css-widgetbox[b-lr01t3o4d4] {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    /*background-color: var(--ivx-widget-background);*/
    background: rgb(158,152,205);
    background: linear-gradient(143deg, rgba(158,152,205,1) 0%, rgba(232,230,255,1) 0%, rgba(255,255,255,1) 100%);
    border-style: solid;
    border-color: var(--ivx-widget-hover-background);
    border-width: 1px 1px 1px 1px; /* top right bottom left*/
    border-radius: 10px;
    box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.15);
    width: 300px;
    height: 275px;
    position: relative;
}

    .css-widgetbox:hover[b-lr01t3o4d4] {
        background: unset;
        background-color: var(--ivx-widget-hover-background);
        color: white;
    }

.css-vimeo-row[b-lr01t3o4d4] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    margin-top: 15px;
}
    .css-vimeo-row img[b-lr01t3o4d4] {
        max-height: unset;
        max-width: unset;
        height: 48px;
        width: 48px;
    }
    .css-vimeo-row a[b-lr01t3o4d4] {
        margin-left: 10px;
        font-size:medium;
        text-decoration: underline;
    }


.css-widgetbox-text[b-lr01t3o4d4] {
    width: 100%;
    height: auto;
    margin-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
}

    .css-widgetbox-text p[b-lr01t3o4d4] {
        text-align: center;
        margin-top: 15px;
        margin-bottom: unset;
        cursor: default;
    }
    .css-widgetbox-text h4[b-lr01t3o4d4] {
        text-align: center;
        margin-top: unset;
        margin-bottom: unset;
        cursor: default;
    }

.css-widgetbox img[b-lr01t3o4d4] {
    width: 90px;
    height: 90px;
    max-height: 90px;
    max-width: 90px;
    margin-top: 15px;
    flex-shrink: 0;
}
/* /Main/MainHost.razor.rz.scp.css */
.css-maingrid[b-f0d2hd9yl4] {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-rows: minmax(42px,auto) 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 125px 60px;
}