/* /BlazorShared/PromanXLayout.razor.rz.scp.css */
#app[b-p01y07qjb7] {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.office-body[b-p01y07qjb7] {
    height: 100%;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 0;
}

.body-41[b-p01y07qjb7] {
    color: var(--neutralPrimary);
    background: var(--white);
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.root-40[b-p01y07qjb7] {
    --color-body-background: var(--white);
    --color-body-contentColor: var(--neutralPrimary);
    --color-brand-background: var(--themePrimary);
    --color-brand-borderColor: transparent;
    --color-brand-contentColor: var(--white);
    --color-brand-iconColor: var(--white);
    --color-brand-dividerColor: var(--white);
    --color-brand-secondaryContentColor: var(--white);
    --color-brand-hovered-background: var(--themeDarkAlt);
    --color-brand-hovered-contentColor: var(--white);
    --color-brand-hovered-secondaryContentColor: var(--white);
    --color-brand-hovered-borderColor: var(--color-brand-borderColor);
    --color-brand-pressed-background: var(--themeDark);
    --color-brand-pressed-contentColor: var(--white);
    --color-brand-pressed-secondaryContentColor: var(--white);
    --color-brand-pressed-borderColor: var(--color-brand-borderColor);
    --color-brand-pressed-iconColor: var(--color-brand-iconColor);
    --color-brand-focused-background: var(--color-brand-background);
    --color-brand-focused-borderColor: var(--color-brand-borderColor);
    --color-brand-focused-contentColor: var(--color-brand-contentColor);
    --color-brand-focused-iconColor: var(--color-brand-iconColor);
    --color-brand-focused-secondaryContentColor: var(--color-brand-focused-contentColor);
    --color-brand-disabled-background: var(--neutralLighter);
    --color-brand-disabled-contentColor: var(--neutralTertiary);
    --color-brand-disabled-dividerColor: var(--neutralTertiaryAlt);
    --color-brand-disabled-secondaryContentColor: var(--color-brand-disabled-contentColor);
    --color-brand-disabled-borderColor: var(--color-brand-disabled-background);
    --color-brand-disabled-iconColor: var(--color-brand-disabled-contentColor);
    --color-brand-checked-background: var(--themeDark);
    --color-brand-checked-contentColor: var(--white);
    --color-brand-checked-iconColor: var(--white);
    --color-brand-checkedHovered-background: var(--themeDark);
    --color-brand-checkedHovered-contentColor: var(--white);
    --color-brand-checkedHovered-iconColor: var(--white);
    --body-fontFamily: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
    --body-fontWeight: 400;
    --body-fontSize: 14px;
    --body-mozOsxFontSmoothing: grayscale;
    --body-webkitFontSmoothing: antialiased;
    --text-variant-caption-fontSize: 12px;
    --text-variant-caption-fontWeight: 400;
    --text-variant-caption-lineHeight: 14px;
    --text-variant-body-fontSize: 14px;
    --text-variant-body-fontWeight: 400;
    --text-variant-body-lineHeight: 20px;
    --text-variant-subHeadline-fontSize: 16px;
    --text-variant-subHeadline-fontWeight: 600;
    --text-variant-subHeadline-lineHeight: 22px;
    --text-variant-headline-fontSize: 20px;
    --text-variant-headline-fontWeight: 600;
    --text-variant-headline-lineHeight: 28px;
    --text-variant-title3-fontSize: 24px;
    --text-variant-title3-fontWeight: 600;
    --text-variant-title3-lineHeight: 32px;
    --text-variant-title2-fontSize: 28px;
    --text-variant-title2-fontWeight: 600;
    --text-variant-title2-lineHeight: 36px;
    --text-variant-title1-fontSize: 32px;
    --text-variant-title1-fontWeight: 600;
    --text-variant-title1-lineHeight: 40px;
    --text-variant-largeTitle-fontSize: 40px;
    --text-variant-largeTitle-fontWeight: 600;
    --text-variant-largeTitle-lineHeight: 52px;
    --text-variant-display-fontSize: 68px;
    --text-variant-display-fontWeight: 600;
    --text-variant-display-lineHeight: 92px;
}

.root-44[b-p01y07qjb7] {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    user-select: none;
}

.root-177[b-p01y07qjb7] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    min-width: 198px;
}

.root-64[b-p01y07qjb7] {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    border-radius: 0px;
    min-width: 40px;
    color: var(--neutralPrimary);
    user-select: none;
}

.root-70[b-p01y07qjb7] {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    padding: 0px 14px 0px 0px;
    height: 44px;
    background: var(--neutralLighter);
}

.header-height[b-p01y07qjb7] {
    height: 48px;
}

.nav-header-office[b-p01y07qjb7] {
    width: 100%;
    height: 50px;
    display: flex;
    border-spacing: 0;
    white-space: nowrap;
    line-height: normal;
}

.nav-header-color[b-p01y07qjb7] {
    background-color: #000000;
    background-position: left top;
    background-repeat: repeat-x;
    background-image: none;
}

.nav-header-height[b-p01y07qjb7] {
    height: 48px;
    line-height: 48px;
}

.header-left-region[b-p01y07qjb7] {
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    text-align: center;
    height: 100%;
}

.left-region[b-p01y07qjb7] {
    height: 100%;
    line-height: 48px;
    display: flex;
}

.left-menu-button[b-p01y07qjb7] {
    background: transparent;
    border-width: 0;
    width: auto;
    height: 100%;
    box-sizing: border-box;
    overflow: visible;
}

    .left-menu-button:hover[b-p01y07qjb7] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.lft-style[b-p01y07qjb7] {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-width: 48px;
    text-align: center;
    cursor: pointer;
    outline-offset: -1px;
}

.nav-left-span[b-p01y07qjb7] {
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
}

    .nav-left-span[b-p01y07qjb7]::before {
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        width: auto;
        margin-left: 0;
        margin-right: 0;
    }

.center-region[b-p01y07qjb7] {
    display: flex;
    height: 100%;
    flex: 1 0 auto;
    align-items: center;
    width: calc(100% - 96px);
}

.base-bgcolor[b-p01y07qjb7] {
    color: #FFFFFF;
    background-color: #000000;
}

.root-98[b-p01y07qjb7] {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-family: controlIcons;
}

.button-color[b-p01y07qjb7] {
    background: black;
    color: white;
    border: none;
}

    .button-color:hover[b-p01y07qjb7] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.right-region[b-p01y07qjb7] {
    display: flex;
    flex: 0 0 auto;
}

.user-menu-box[b-p01y07qjb7] {
    width: 100%;
    height: 100%;
}

.main-part[b-p01y07qjb7] {
    height: auto;
    min-height: 0;
    -webkit-box-flex: 1;
    flex: 1;
    -webkit-box-orient: horizontal;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    align-items: stretch;
}

.main-part1[b-p01y07qjb7] {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
    -webkit-box-flex: 1;
    flex: 1;
    overflow: hidden;
    display: flex;
}

.main-part2[b-p01y07qjb7] {
    display: flex;
    overflow: hidden;
    -webkit-box-flex: 1;
    flex: 1;
    min-height: 0;
}

.main-part3[b-p01y07qjb7] {
    flex: 1;
    flex-flow: column;
    min-width: 0;
}

.body-part[b-p01y07qjb7] {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 1 auto;
    overflow: hidden;
    height: 100%;
}

.main-body-part[b-p01y07qjb7] {
    height: calc(100vh - 92px);
    overflow-y: scroll;
    overflow-x: hidden;
}

.main-menu-left[b-p01y07qjb7] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
}

.main-menu-width[b-p01y07qjb7] {
    flex: 0 0 auto;
    width: 280px;
    max-width: 280px;
    height: calc(100vh - 48px);
}

.nav-menu-top[b-p01y07qjb7] {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.nav-menu-top-left[b-p01y07qjb7] {
    height: 44px;
    width: 48px;
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
}

.nav-menu-top-left-button[b-p01y07qjb7] {
    border-radius: 2px;
    background: transparent;
    margin: 6px 4px;
}

    .nav-menu-top-left-button:hover[b-p01y07qjb7] {
        background: var(--neutralLight);
    }

.n-m-btn-t-l[b-p01y07qjb7] {
    height: 32px;
    width: 40px;
    color: var(--themeDark);
}

.flex-container[b-p01y07qjb7] {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.css-52[b-p01y07qjb7] {
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.icon-47[b-p01y07qjb7] {
    font-size: 16px;
    margin: 0px 4px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    flex-shrink: 0;
}

.nav-menu-top-right[b-p01y07qjb7] {
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 44px;
}

.classic-button[b-p01y07qjb7] {
    border-radius: 2px;
    transition: background-color .156s ease;
    background: var(--themePrimary);
    margin: 6px 3px 6px 0;
    color: var(--white);
    height: 32px;
}

    .classic-button:hover[b-p01y07qjb7] {
        border-radius: 2px;
        background: var(--themeDark);
    }

.button-text-container[b-p01y07qjb7] {
    flex-grow: 1;
    display: block;
}

.button-text-container-color[b-p01y07qjb7] {
    color: var(--themeDark);
}

    .button-label-container[b-p01y07qjb7] {
        margin: 0px 4px;
        line-height: 100%;
        display: block;
    }

.left-nav-menu-main[b-p01y07qjb7] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    border-right: 1px solid var(--neutralLight);
    display: flex;
}

.left-nav-menu[b-p01y07qjb7] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.left-nav-menu-focus[b-p01y07qjb7] {
    background: var(--neutralLighter);
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    color: var(--neutralPrimary);
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: overlay;
    position: relative;
}

    .left-nav-menu-focus:not(:hover)[b-p01y07qjb7] {
        margin-right: -50px;
        padding-right: 50px;
    }

.left-nav-bottom-menu[b-p01y07qjb7] {
    border-top: 1px solid var(--neutralLight);
    background-color: var(--neutralLighter);
}

.left-nav-bottom-menu-flex[b-p01y07qjb7] {
    display: inherit;
    flex: 1 1 auto;
}

    .left-nav-menu-bottom-button[b-p01y07qjb7] {
        padding: 6px 4px;
        background: transparent;
        color: #6c6b69;
    }

    .left-nav-menu-bottom-button:hover[b-p01y07qjb7] {
        background-color: var(--neutralLight);
        color: rgb(0, 114, 198);
    }

.l-n-m-b-btn-flex[b-p01y07qjb7] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 48px;
    width: 100%;
}

.main-center-body[b-p01y07qjb7] {
    flex: 1 1 auto;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
}


.body-top-menu[b-p01y07qjb7] {
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
    height: 44px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    outline-offset: -1px;
}

.body-top-buttons[b-p01y07qjb7] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: stretch;
}

.body-top-button[b-p01y07qjb7] {
    background: transparent;
    border-radius: 2px;
    margin: 6px 2px;
    color: var(--themeDark);
    height: 32px;
}

.body-top-button:hover[b-p01y07qjb7] {
    background: var(--neutralLight);
}

.body-top-button-icon[b-p01y07qjb7] {
    color: var(--themeDark);
}

.body-top-items[b-p01y07qjb7] {
    flex-shrink: 0;
    display: inherit;
}

.open-menu[b-p01y07qjb7] {
    width: 320px !important;
}

.close-menu[b-p01y07qjb7] {
    width: 0;
}

.open-loader[b-p01y07qjb7] {
    position: absolute;
    left: 50%;
    top: 35%;
    color: var(--themeDark);
}

.open-loader-style[b-p01y07qjb7] {
    color: var(--themeDark);
    padding-top: 15%;
}

.close-loader[b-p01y07qjb7] {
    display: none;
}

.sidenav[b-p01y07qjb7] {
    position: fixed;
    box-shadow: rgba(0, 0, 0, 0.22) 0px 25.6px 57.6px 0px, rgba(0, 0, 0, 0.18) 0px 4.8px 14.4px 0px;   
}

.sidenav-style[b-p01y07qjb7] {
    position: absolute;
    z-index: 1000000;
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    overflow-y: auto;
    visibility: visible;
    pointer-events: auto;
    top: 0;
    left: 0;
    right: auto;
    height: 100vh;
    transform-origin: top left;
    transition-duration: .18s;
    transition-timing-function: ease;
}

.sidenav-main[b-p01y07qjb7] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #FFFFFF;
}

.sidenav-top[b-p01y07qjb7] {
    display: inline-block;
}

.sidenav-top-button[b-p01y07qjb7] {
    background-color: transparent;
    box-sizing: border-box;
    border: 0;
    margin: 5px;
    padding: 0;
    min-width: 0;
    width: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    transition: background-color 83ms linear;
    color: #252423;
}

.sidenav-top-button:hover[b-p01y07qjb7] {
    background-color: var(--neutralLight)
}

.sidenav-top-span[b-p01y07qjb7] {
    display: inline-block;
    font-size: 16px;
    line-height: 1;
}

.sidenav-bottom[b-p01y07qjb7] {
    width: calc(100% - 6px);
    margin-right: 6px;
    flex: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.sidenav-bottom-a[b-p01y07qjb7] {
    display: flex;
    font-family: SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif !important;
    font-weight: 600;
    background: transparent !important;
    border: 0;
    padding: 0;
    min-width: 0;
    height: auto;
    text-decoration: none !important;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 17px;
    left: 202px
}

.sidenav-bottom-span[b-p01y07qjb7] {
    padding-bottom: 2px;
    transition: border-bottom-color 83ms linear;
    margin-left: -60px;
}

.sidenav-bottom-heading[b-p01y07qjb7] {
    font: 600 22px SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
    display: inline-block;
    margin: 30px 0 20px 18px;
    color: #252423;
}

.sidenav-mandate-chooser[b-p01y07qjb7] {
    /*float: left;*/ /* This needs to be triggered if we want items to align next to each other. */
    width: 100%; /* Width of this element needs to be lower in order float to work properly. */
}

.sidenav-mandate-chooser-a[b-p01y07qjb7] {
    color: var(--themeDark)!important;
    display: flex;
    position: relative;
    box-sizing: border-box;
    border: 1px solid transparent !important;
    height: 48px;
    line-height: normal;
    text-decoration: none !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: border-color 83ms linear,box-shadow 83ms linear;
    cursor:pointer;
}

.sidenav-mandate-chooser-a:hover[b-p01y07qjb7] {
    color: var(--themeDark)!important;
    border-color: #f4f4f4!important;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,.1);
    transition: border-color .167s linear, box-shadow .167s linear;
}

.sidenav-mandate-chooser-span[b-p01y07qjb7] {
    display: inline-block;
    font-size: 26px;
    color: inherit;
    margin: 10px 10px 0;
    font-family: ShellFabricMDL2IconsLite,ShellFabricMDL2Icons;
    line-height: 1;
}

.sidenav-mandate-chooser-name[b-p01y07qjb7] {
    font: 14px SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
    margin-top: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color 83ms linear;
    color: #252423;
}

.sidenav-mandate-chooser-name:hover[b-p01y07qjb7]{
    color: var(--themeDark);
}

.scroller[b-p01y07qjb7]::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.scroller[b-p01y07qjb7]::-webkit-scrollbar-track-piece {
    background-color: var(--neutralLighter);
}

.scroller[b-p01y07qjb7]::-webkit-scrollbar-thumb:vertical {
    height: 15px;
    background-color: var(--themeDark);
}

.dropdown-item:hover[b-p01y07qjb7] {
    background-color: var(--neutralLighter);
    cursor: pointer;
}

[b-p01y07qjb7] .debug {
    position: absolute;
    top: 0;
    left: 840px;
    display: none;
}
/* /ComponentsPopup/LoadReportItemsPopup.razor.rz.scp.css */
[b-h29vngs13b] button .dx-image {
    margin-right: 1px;
}

[b-h29vngs13b] button {
    margin-bottom: 4px;
}
/* /ComponentsPopup/PmCameraPopup.razor.rz.scp.css */
/* /ComponentsPopup/PmEditChaptersPopup.razor.rz.scp.css */
[b-dxl6fhiuol] button .dx-image {
    margin-right: 1px;
}

[b-dxl6fhiuol] button {
    margin-bottom: 4px;
}
/* /ComponentsPopup/PmEditCompanyPopup.razor.rz.scp.css */
[b-hn7p5jx65h] input::placeholder {
    opacity: .5;
}
/* /ComponentsPopup/PmEditCompanyProjectDataPopup.razor.rz.scp.css */
[b-vvzttdsge6] input::placeholder {
    opacity: .5;
}
/* /ComponentsPopup/PmEditEmployeePopup.razor.rz.scp.css */
[b-w63lt29rru] input::placeholder {
    opacity: .5;
}
/* /ComponentsPopup/PmEditEmployeeProjectDataPopup.razor.rz.scp.css */
[b-tv8b30rn86] input::placeholder {
    opacity: .5;
}
/* /ComponentsPopup/PmEditReportItemTaskPopup.razor.rz.scp.css */
/* /ComponentsPopup/PmEditTaskItemPopup.razor.rz.scp.css */
[b-ziz77zz5oa] input::placeholder {
    opacity: .5;
}
/* /ComponentsPopup/PmEditTaskPopup.razor.rz.scp.css */
/* /Components/Addressbook.razor.rz.scp.css */
[b-mympdgokbu] .dx-image {
    margin-right: 0;
}
/* /Components/BodyMain.razor.rz.scp.css */
.root-40[b-7swqebbkz9] {
    --color-body-background: var(--white);
    --color-body-contentColor: var(--neutralPrimary);
    --color-brand-background: var(--themePrimary);
    --color-brand-borderColor: transparent;
    --color-brand-contentColor: var(--white);
    --color-brand-iconColor: var(--white);
    --color-brand-dividerColor: var(--white);
    --color-brand-secondaryContentColor: var(--white);
    --color-brand-hovered-background: var(--themeDarkAlt);
    --color-brand-hovered-contentColor: var(--white);
    --color-brand-hovered-secondaryContentColor: var(--white);
    --color-brand-hovered-borderColor: var(--color-brand-borderColor);
    --color-brand-pressed-background: var(--themeDark);
    --color-brand-pressed-contentColor: var(--white);
    --color-brand-pressed-secondaryContentColor: var(--white);
    --color-brand-pressed-borderColor: var(--color-brand-borderColor);
    --color-brand-pressed-iconColor: var(--color-brand-iconColor);
    --color-brand-focused-background: var(--color-brand-background);
    --color-brand-focused-borderColor: var(--color-brand-borderColor);
    --color-brand-focused-contentColor: var(--color-brand-contentColor);
    --color-brand-focused-iconColor: var(--color-brand-iconColor);
    --color-brand-focused-secondaryContentColor: var(--color-brand-focused-contentColor);
    --color-brand-disabled-background: var(--neutralLighter);
    --color-brand-disabled-contentColor: var(--neutralTertiary);
    --color-brand-disabled-dividerColor: var(--neutralTertiaryAlt);
    --color-brand-disabled-secondaryContentColor: var(--color-brand-disabled-contentColor);
    --color-brand-disabled-borderColor: var(--color-brand-disabled-background);
    --color-brand-disabled-iconColor: var(--color-brand-disabled-contentColor);
    --color-brand-checked-background: var(--themeDark);
    --color-brand-checked-contentColor: var(--white);
    --color-brand-checked-iconColor: var(--white);
    --color-brand-checkedHovered-background: var(--themeDark);
    --color-brand-checkedHovered-contentColor: var(--white);
    --color-brand-checkedHovered-iconColor: var(--white);
    --body-fontFamily: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
    --body-fontWeight: 400;
    --body-fontSize: 14px;
    --body-mozOsxFontSmoothing: grayscale;
    --body-webkitFontSmoothing: antialiased;
    --text-variant-caption-fontSize: 12px;
    --text-variant-caption-fontWeight: 400;
    --text-variant-caption-lineHeight: 14px;
    --text-variant-body-fontSize: 14px;
    --text-variant-body-fontWeight: 400;
    --text-variant-body-lineHeight: 20px;
    --text-variant-subHeadline-fontSize: 16px;
    --text-variant-subHeadline-fontWeight: 600;
    --text-variant-subHeadline-lineHeight: 22px;
    --text-variant-headline-fontSize: 20px;
    --text-variant-headline-fontWeight: 600;
    --text-variant-headline-lineHeight: 28px;
    --text-variant-title3-fontSize: 24px;
    --text-variant-title3-fontWeight: 600;
    --text-variant-title3-lineHeight: 32px;
    --text-variant-title2-fontSize: 28px;
    --text-variant-title2-fontWeight: 600;
    --text-variant-title2-lineHeight: 36px;
    --text-variant-title1-fontSize: 32px;
    --text-variant-title1-fontWeight: 600;
    --text-variant-title1-lineHeight: 40px;
    --text-variant-largeTitle-fontSize: 40px;
    --text-variant-largeTitle-fontWeight: 600;
    --text-variant-largeTitle-lineHeight: 52px;
    --text-variant-display-fontSize: 68px;
    --text-variant-display-fontWeight: 600;
    --text-variant-display-lineHeight: 92px;
}

.body-41[b-7swqebbkz9] {
    color: var(--neutralPrimary);
    background: var(--white);
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-weight: 400;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

.body-top-menu[b-7swqebbkz9] {
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
    height: 44px;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    outline-offset: -1px;
}

.root-70[b-7swqebbkz9] {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    display: flex;
    padding: 0px 14px 0px 0px;
    height: 44px;
    background: var(--neutralLighter);
}

.body-top-buttons[b-7swqebbkz9] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    flex-grow: 1;
    align-items: stretch;
}

.body-top-items[b-7swqebbkz9] {
    flex-shrink: 0;
    display: inherit;
}

.body-top-button[b-7swqebbkz9] {
    background: transparent;
    border-radius: 2px;
    margin: 6px 2px;
    color: var(--themeDark);
    height: 32px;
}

    .body-top-button:hover[b-7swqebbkz9] {
        background: var(--neutralLight);
    }

.body-top-button-icon[b-7swqebbkz9] {
    color: var(--themeDark);
}

.root-64[b-7swqebbkz9] {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    border-radius: 0px;
    min-width: 40px;
    color: var(--neutralPrimary);
    user-select: none;
}

.flex-container[b-7swqebbkz9] {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.css-52[b-7swqebbkz9] {
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.icon-47[b-7swqebbkz9] {
    font-size: 16px;
    margin: 0px 4px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    flex-shrink: 0;
}

.button-text-container[b-7swqebbkz9] {
    flex-grow: 1;
    display: block;
}

.button-text-container-color[b-7swqebbkz9] {
    color: var(--themeDark);
}

.button-label-container[b-7swqebbkz9] {
    margin: 0px 4px;
    line-height: 100%;
    display: block;
}

.main-body-part[b-7swqebbkz9] {
    height: calc(100vh - 92px);
    overflow-y: scroll;
    overflow-x: scroll;
    position: fixed;
    top: 92px;
    left: 280px;
    right: 0;
    bottom: 0;
    background-color: lightgray;
}

.scroller[b-7swqebbkz9]::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroller[b-7swqebbkz9]::-webkit-scrollbar-track-piece {
    background-color: var(--neutralLighter);
}

.scroller[b-7swqebbkz9]::-webkit-scrollbar-thumb:vertical {
    height: 15px;
    background-color: var(--themeDark);
}

.scroller[b-7swqebbkz9]::-webkit-scrollbar-thumb:horizontal {
    width: 15px;
    background-color: var(--themeDark);
}
/* /Components/BodyNavMenu.razor.rz.scp.css */
.main-menu-left[b-hune0zalj1] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
}

.main-menu-width[b-hune0zalj1] {
    flex: 0 0 auto;
    width: 280px;
    max-width: 280px;
    height: calc(100vh - 48px);
}

.main-center-body[b-hune0zalj1] {
    flex: 1 1 auto;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column;
}

.nav-menu-top[b-hune0zalj1] {
    display: flex;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
}

.nav-menu-top-left[b-hune0zalj1] {
    height: 44px;
    width: 48px;
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
}

.nav-menu-top-left-button[b-hune0zalj1] {
    border-radius: 2px;
    background: transparent;
    margin: 6px 4px;
}

    .nav-menu-top-left-button:hover[b-hune0zalj1] {
        background: var(--neutralLight);
    }

.n-m-btn-t-l[b-hune0zalj1] {
    height: 32px;
    width: 40px;
    color: var(--themeDark);
}

.flex-container[b-hune0zalj1] {
    display: flex;
    height: 100%;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.css-52[b-hune0zalj1] {
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
}

.icon-47[b-hune0zalj1] {
    font-size: 16px;
    margin: 0px 4px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    flex-shrink: 0;
}

.nav-menu-top-right[b-hune0zalj1] {
    background-color: var(--neutralLighter);
    border-bottom: 1px solid var(--neutralLight);
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 44px;
}

.left-nav-menu-main[b-hune0zalj1] {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-flow: row nowrap;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow: hidden;
    border-right: 1px solid var(--neutralLight);
    display: flex;
}

.left-nav-menu[b-hune0zalj1] {
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-flow: column nowrap;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
}

.left-nav-menu-focus[b-hune0zalj1] {
    background: var(--neutralLighter);
    padding-bottom: 20px;
    font-size: 14px;
    font-weight: 300;
    color: var(--neutralPrimary);
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    overflow-x: hidden;
    overflow-y: overlay;
    position: relative;
}

    .left-nav-menu-focus:not(:hover)[b-hune0zalj1] {
        margin-right: -50px;
        padding-right: 50px;
    }

.scroller[b-hune0zalj1]::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.scroller[b-hune0zalj1]::-webkit-scrollbar-track-piece {
    background-color: var(--neutralLighter);
}

.scroller[b-hune0zalj1]::-webkit-scrollbar-thumb:vertical {
    height: 15px;
    background-color: var(--themeDark);
}

.left-nav-bottom-menu[b-hune0zalj1] {
    border-top: 1px solid var(--neutralLight);
    background-color: var(--neutralLighter);
}

.left-nav-bottom-menu-flex[b-hune0zalj1] {
    display: inherit;
    flex: 1 1 auto;
}

.left-nav-menu-bottom-button[b-hune0zalj1] {
    padding: 6px 4px;
    background: transparent;
    color: #6c6b69;
}

    .left-nav-menu-bottom-button:hover[b-hune0zalj1] {
        background-color: var(--neutralLight);
        color: rgb(0, 114, 198);
    }

.l-n-m-b-btn-flex[b-hune0zalj1] {
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    height: 48px;
    width: 100%;
}

.dropdown-item:hover[b-hune0zalj1] {
    background-color: var(--themeDark);
    cursor: pointer;
}

.dropdown-item.action[b-hune0zalj1] {
    background-color: var(--themePrimary);
    border-radius: 3px;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
}

.dropdown-menu-h[b-hune0zalj1] {
    overflow-y: scroll;
    overflow-x: scroll;
    height: auto;
    max-height: 80%;
    max-width: 80%;
    background-color: #f3f2f1;
}

.dropdown-menu-button[b-hune0zalj1] {
    margin-top: 6px;
    background-color: var(--themeDark);
    border-color: var(--themeDark);
    max-width: 90%;
    min-width: 90%;
}

.root-177[b-hune0zalj1] {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    min-width: 198px;
}

.root-44[b-hune0zalj1] {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    user-select: none;
}

.root-64[b-hune0zalj1] {
    outline: transparent;
    position: relative;
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    font-weight: 400;
    box-sizing: border-box;
    border: none;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    padding: 0px 4px;
    border-radius: 0px;
    min-width: 40px;
    color: #6c6b69;
    user-select: none;
}

.css-52[b-hune0zalj1] {
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
}
/* /Components/CenterNavMenu.razor.rz.scp.css */
.nav-menu-center-region[b-rxocnuie8t] {
    display: block;
    position: relative;
}

.logo-side[b-rxocnuie8t] {
    width: 100%;
    height: 50px;
    display: flex;
    border-spacing: 0;
    white-space: nowrap;
    line-height: normal;
}

.region-0[b-rxocnuie8t] {
    flex: 1 0 auto;
    align-items: center;
    height: 48px;
    display: flex;
}

.region-1[b-rxocnuie8t] {
    flex: 1 0 auto;
    align-items: center;
    justify-content: flex-start;
    height: 48px;
    display: flex;
}

.region-2[b-rxocnuie8t] {
    flex: 0 0 auto;
    min-width: 151px;
    height: 48px;
    display: flex;
}

.logo-container[b-rxocnuie8t] {
    min-width: auto;
    height: 100%;
    line-height: 48px;
    display: flex;
}

.logo-container1[b-rxocnuie8t] {
    line-height: 48px;
    height: 100%;
    display: inline-block;
    vertical-align: top;
    padding-left: 8px;
}

.logo-picture[b-rxocnuie8t] {
    max-width: 200px;
    max-height: 48px;
    overflow: hidden;
    line-height: 48px;
    font-size: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-img[b-rxocnuie8t] {
    max-width: 200px;
    max-height: 48px;
    border-style: none;
    vertical-align: middle;
}

.app-name[b-rxocnuie8t] {
    display: inline-block;
    vertical-align: middle;
    align-self: center;
    margin-left: 16px;
    margin-right: 8px;
    height: 28px;
    width: 1px;
}

.brand-container[b-rxocnuie8t] {
    height: 100%;
    line-height: 48px;
    display: flex;
}

.brand-container-flex[b-rxocnuie8t] {
    flex: 1 1 auto;
    min-width: auto;
}

.brand-name-container[b-rxocnuie8t] {
    height: 100%;
    display: flex;
    vertical-align: middle;
    outline-offset: -1px;
    padding: 0 12px 0 8px;
    text-decoration: none;
}

.a-app-name[b-rxocnuie8t] {
    display: flex;
    text-decoration: none;
    color: inherit;
}

.span-app-name[b-rxocnuie8t] {
    vertical-align: top;
    display: inline-block;
    font-weight: 600;
    font-family: SegoeUI-SemiBold-final,Segoe UI Semibold,SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 48px;
    -webkit-font-smoothing: antialiased;
}

.mandate-name-responsive[b-rxocnuie8t] {
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.base-bgcolor[b-rxocnuie8t] {
    color: #FFFFFF;
    background-color: #000000;
}

.nav-search-scope[b-rxocnuie8t] {
    height: 100%;
    line-height: 48px;
    display: flex;
}

.nav-search-scope-flex[b-rxocnuie8t] {
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: auto;
}

.search-scope-picker[b-rxocnuie8t] {
    display: inherit;
    flex: inherit;
    justify-content: inherit;
    order: inherit;
    align-self: inherit;
    min-width: inherit;
}

.search-box-container[b-rxocnuie8t] {
    height: 100%;
    line-height: 48px;
    display: flex;
}

.search-box-container-flex[b-rxocnuie8t] {
    flex: 1 0 auto;
    min-width: 365px;
}

.search-box[b-rxocnuie8t] {
    max-width: 350px;
    width: 100%;
    margin-right: 16px;
    padding-top: 8px;
}

.search-box-column[b-rxocnuie8t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.search-role[b-rxocnuie8t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 32px;
    width: 100%;
}

.search-box-mail[b-rxocnuie8t] {
    background: #ffffffb3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.screen-reader-text[b-rxocnuie8t] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0px;
    border: 0px;
    overflow: hidden;
}

.search-icon[b-rxocnuie8t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    overflow: hidden;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffffb3;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 44px;
}

.root-98[b-rxocnuie8t] {
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    speak: none;
    font-family: controlIcons;
}

.search-text[b-rxocnuie8t] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30px;
    flex: 1 1 30px;
    position: relative;
}

.search-text-input1[b-rxocnuie8t] {
    background: transparent;
    border: 0;
}

.search-text-input2[b-rxocnuie8t] {
    color: #ffffff;
    z-index: 1;
}

.search-text-input3[b-rxocnuie8t] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400;
    font-family: inherit;
    width: 100%;
}

.header-buttons-region[b-rxocnuie8t] {
    flex: 0 0 auto; /*flex 1 0 auto?*/
    align-items: center;
    justify-content: flex-end;
}

.headers-buttons-flex[b-rxocnuie8t] {
    height: 50px;
    display: flex;
    border-spacing: 0;
    white-space: nowrap;
    line-height: normal;
}

.skype-container[b-rxocnuie8t] {
    flex: 0 0 48px;
    min-width: 48px;
    height: 100%;
    line-height: 48px;
    display: flex;
}

.skype-button[b-rxocnuie8t] {
    width: 48px;
    height: 48px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    border-radius: 0;
}

    .skype-button:hover[b-rxocnuie8t] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.button-color[b-rxocnuie8t] {
    background: black;
    color: white;
    border: none;
}

    .button-color:hover[b-rxocnuie8t] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.skype-image[b-rxocnuie8t] {
    display: inline-block;
    font-size: 16px;
}

.note-feed-container[b-rxocnuie8t] {
    height: 100%;
    line-height: 48px;
    display: flex;
}

.note-feed-button-height[b-rxocnuie8t] { 
    line-height: 48px;
}

.note-feed-span[b-rxocnuie8t] {
    display: inline-block;
    font-size: 16px;
    font-family: controlIcons;
}

.user-menu-button[b-rxocnuie8t] {
    height: 100%;
    max-width: 176px;
    display: flex;
}

    .user-menu-button:hover[b-rxocnuie8t] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.user-menu-icon[b-rxocnuie8t] {
    display: table-cell;
    border-left-width: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu-image[b-rxocnuie8t] {
    width: 32px;
    height: 32px;
}

.user-menu-imageborder[b-rxocnuie8t] {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.user-image-style[b-rxocnuie8t] {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.user-menu-dropdown-body[b-rxocnuie8t] {
    position: fixed;
    width: 320px;
    right: 0;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.4), 0 4.5px 13.5px rgba(0, 0, 0, 0.2);
    -webkit-transition: visibility 0s linear 120ms,opacity 120ms ease;
    transition: visibility 0s linear 120ms,opacity 120ms ease;
}

    .user-menu-dropdown-body.expanded[b-rxocnuie8t] {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

.user-menu-body[b-rxocnuie8t] {
    text-align: left;
    color: #333;
    background-color: #fff;
}

.current-account[b-rxocnuie8t] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 48px auto;
}

    .current-account > *[b-rxocnuie8t] {
        display: block;
        align-self: center;
    }

    .current-account .signed-company[b-rxocnuie8t] {
        grid-row: 1/2;
        grid-column: 1/2;
    }

.signed-company[b-rxocnuie8t] {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
}

.signed-company-truncate[b-rxocnuie8t] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-account .account-info[b-rxocnuie8t] {
    min-height: 132px;
    width: 100%;
    grid-row: 2/3;
    grid-column: 1/4;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

    .current-account .account-info > *[b-rxocnuie8t] {
        padding: 0;
    }

.current-account-picture[b-rxocnuie8t] {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 88px;
    height: 88px;
    margin-left: 16px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .current-account-picture .profile-picture-initials[b-rxocnuie8t] {
        font-size: 32px;
    }

.profile-picture-initials[b-rxocnuie8t] {
    border: 1px solid #777;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.profile-picture[b-rxocnuie8t] {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.current-account .account-info .account-details[b-rxocnuie8t] {
    font-size: 14px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0;
    width: 0;
    padding-right: 12px;
}

    .current-account .account-info .account-details > :first-child[b-rxocnuie8t] {
        margin-top: 0;
    }

    .current-account .account-info .account-details > :not(:nth-child(2))[b-rxocnuie8t] {
        margin-top: 4px;
    }

.current-account .account-info .account-name[b-rxocnuie8t] {
    font-size: 18px;
    font-weight: 700;
}

.current-account .account-info .account-details > *[b-rxocnuie8t] {
    padding: 1px;
}

.current-account .account-info .account-details > :nth-child(2)[b-rxocnuie8t] {
    margin-top: 3px;
    font-size: 14px;
}

.current-account .account-info .account-details .link[b-rxocnuie8t] {
    color: #0078d6;
    background-color: inherit;
    text-decoration: none;
}

.current-account .account-info .account-details .link[b-rxocnuie8t] {
    display: block;
    max-width: -webkit-fit-content;
    max-width: fit-content;
}

.reset-style[b-rxocnuie8t], a.reset-style[b-rxocnuie8t], button.reset-style[b-rxocnuie8t] {
    height: auto;
    min-width: auto;
    min-height: auto;
    border-style: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    outline-style: none !important;
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
    cursor: pointer;
}

.current-account .account-info .account-details > :last-child[b-rxocnuie8t] {
    padding: 0;
}

.current-account .account-info .account-details > :not(:nth-child(2))[b-rxocnuie8t] {
    margin-top: 4px;
}

.commands[b-rxocnuie8t] {
    position: relative;
}

.current-account a.sign-out[b-rxocnuie8t], .current-account a.sign-out:focus[b-rxocnuie8t], .current-account button.sign-out[b-rxocnuie8t], .current-account button.sign-out:focus[b-rxocnuie8t] {
    color: #333;
    background-color: #fff;
}

.current-account .sign-out[b-rxocnuie8t] {
    grid-row: 1/2;
    grid-column: 3/4;
    padding: 0 50%;
}
/* /Components/Cockpit.razor.rz.scp.css */
/* /Components/ErrorPopupHandler.razor.rz.scp.css */
/* /Components/Pages/GuestPages/LoginPage.razor.rz.scp.css */
/* /Components/PmFolderView.razor.rz.scp.css */
h1[b-i2wjs70xmn] {
    font-size: 16px;
}

.folderView[b-i2wjs70xmn] {
    padding: 12px;
}

.group[b-i2wjs70xmn] {
}

.folder[b-i2wjs70xmn] {
    margin-top: 12px;
}

.project .logo[b-i2wjs70xmn] {
    max-width: 320px;
    object-fit: contain;
}

.infogrid[b-i2wjs70xmn] {
    display: inline-grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 4px;
}

    .infogrid .name[b-i2wjs70xmn] {
        background-color: #c3c3c3;
        padding: 2px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* /Components/PmImagesAndDocumentsView.razor.rz.scp.css */
.images-table[b-jp58a2111t] {
    width: 50%;
    float: left;
}

.documents-table[b-jp58a2111t] {
    width: 50%;
    float: left;
}

.clearfix[b-jp58a2111t] {
    clear: both;
}
/* /Components/PmInputFile.razor.rz.scp.css */
.drop-zone[b-i9dl19x2fh] {
    padding: 12px;
    width: calc(100% - 12px);
    min-height: 100px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    margin: 6px;
}

    .drop-zone.hover[b-i9dl19x2fh] {
        border-style: solid;
    }

.files_list[b-i9dl19x2fh] {
    display: flex;
}

    .files_list .images[b-i9dl19x2fh],
    .files_list .files[b-i9dl19x2fh] {
        flex: 0 0 50%;
        padding: 6px;
    }

.fiv-sqo[b-i9dl19x2fh] {
    line-height: 1.5em;
    width: 1.5em;
}

.file[b-i9dl19x2fh] {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
}

.file .icon[b-i9dl19x2fh] {
    flex: 0 0 30px;
}

.file .name[b-i9dl19x2fh] {
    flex: 0 0 calc(100% - 30px);
}

.file p[b-i9dl19x2fh] {
    font-size: 12px;
    margin-bottom: 0;
}

.controls[b-i9dl19x2fh] {
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
}

.loader[b-i9dl19x2fh] {
    display: none;
}


.loader[b-i9dl19x2fh],
.loader[b-i9dl19x2fh]:before,
.loader[b-i9dl19x2fh]:after {
    background: #7c9fc0;
    -webkit-animation: load1 1s infinite ease-in-out;
    animation: load1-b-i9dl19x2fh 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}

.loader[b-i9dl19x2fh] {
    color: #7c9fc0;
    text-indent: -9999em;
    position: relative;
    font-size: 4px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    margin-left: 5px;
    margin-top: 9px;
}

    .loader[b-i9dl19x2fh]:before,
    .loader[b-i9dl19x2fh]:after {
        position: absolute;
        top: 0;
        content: '';
    }

    .loader[b-i9dl19x2fh]:before {
        left: -1.5em;
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .loader[b-i9dl19x2fh]:after {
        left: 1.5em;
    }

@-webkit-keyframes load1 {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@keyframes load1-b-i9dl19x2fh {
    0%, 80%, 100% {
        box-shadow: 0 0;
        height: 4em;
    }

    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}

@media (max-width: 576px) {
    .drop-zone[b-i9dl19x2fh] {
        width: calc(100% - 12px);
        min-height: unset;
        border: none;
        padding: 0;
        margin: 6px;
    }

    .files_list[b-i9dl19x2fh] {
        display: none;
    }
}
/* /Components/PmReportChapter.razor.rz.scp.css */
/* /Components/PmReportCollectionView.razor.rz.scp.css */
h1[b-ac2ei862jy] {
    font-size: 16px;
}

.reportCollectionView[b-ac2ei862jy] {
    padding: 12px;
}

.group[b-ac2ei862jy] {
}

.folder[b-ac2ei862jy] {
    margin-top: 12px;
}

.project .logo[b-ac2ei862jy] {
    max-width: 320px;
    object-fit: contain;
}

.infogrid[b-ac2ei862jy] {
    display: inline-grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 4px;
}

    .infogrid .name[b-ac2ei862jy] {
        background-color: #c3c3c3;
        padding: 2px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* /Components/PmReportEndTextBlockView.razor.rz.scp.css */
/* /Components/PmReportFooter.razor.rz.scp.css */
/* /Components/PmReportHeaderTextBlocksView.razor.rz.scp.css */
/* /Components/PmReportHeaderView.razor.rz.scp.css */
/* /Components/PmReportItemHeader.razor.rz.scp.css */
/* /Components/PmReportItemTextBlocksView.razor.rz.scp.css */
/* /Components/PmReportItemView.razor.rz.scp.css */
/* /Components/PmReportParticipantsView.razor.rz.scp.css */
.round[b-88ojb8suhh] {
    position: relative;
}

    .round label[b-88ojb8suhh] {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 50%;
        cursor: pointer;
        height: 16px;
        left: 0;
        position: absolute;
        top: 0;
        width: 16px;
    }

    .round input[type="checkbox"][b-88ojb8suhh] {
        visibility: hidden;
    }

        .round input[type="checkbox"]:checked + label[b-88ojb8suhh] {
            background-color: #000000;
            border-color: #fff;
        }

            .round input[type="checkbox"]:checked + label[b-88ojb8suhh]:after {
                opacity: 1;
            }

.container-center[b-88ojb8suhh] {
    display: flex;
    justify-content: center;
}
/* /Components/PmReportView.razor.rz.scp.css */
.reportContainer[b-nidncv56mf] {
    background-color: lightgray;
    padding: 36px;
    display: inline-block;
}

.reportView[b-nidncv56mf] {
    display: inline-block;
}

[b-nidncv56mf] .generated-image {
    padding-bottom: 0;
    display: block;
    position: relative;
    line-height: 0;
}
/* /Components/ProtocolSearchPanel.razor.rz.scp.css */
/* /Components/ProtocolSearchView.razor.rz.scp.css */
h1[b-rq2m7qy9ge] {
    font-size: 16px;
}

.reportCollectionView[b-rq2m7qy9ge] {
    padding: 12px;
}

.group[b-rq2m7qy9ge] {
}

.folder[b-rq2m7qy9ge] {
    margin-top: 12px;
}

.project .logo[b-rq2m7qy9ge] {
    max-width: 320px;
    object-fit: contain;
}

.infogrid[b-rq2m7qy9ge] {
    display: inline-grid;
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 4px;
}

    .infogrid .name[b-rq2m7qy9ge] {
        background-color: #c3c3c3;
        padding: 2px;
        padding-left: 6px;
        padding-right: 6px;
    }
/* /Components/Shared/Loading.razor.rz.scp.css */
.full-screen[b-rad9w38veh] {
    width: 100%;
    height: 100vh;
    /*background: url('./images/back.svg') no-repeat;*/
    background-size: cover;
    background-position: center center;
}

.pl[b-rad9w38veh] {
    width: 6em;
    height: 6em;
}

.pl__ring[b-rad9w38veh] {
    animation: ringA-b-rad9w38veh 2s linear infinite;
}

.pl__ring--a[b-rad9w38veh] {
    stroke: #f42f25;
}

.pl__ring--b[b-rad9w38veh] {
    animation-name: ringB-b-rad9w38veh;
    stroke: #f49725;
}

.pl__ring--c[b-rad9w38veh] {
    animation-name: ringC-b-rad9w38veh;
    stroke: #255ff4;
}

.pl__ring--d[b-rad9w38veh] {
    animation-name: ringD-b-rad9w38veh;
    stroke: #f42582;
}

/* Animations */
@keyframes ringA-b-rad9w38veh {
    from, 4% {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -330;
    }

    12% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -335;
    }

    32% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -595;
    }

    40%, 54% {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -660;
    }

    62% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -665;
    }

    82% {
        stroke-dasharray: 60 600;
        stroke-width: 30;
        stroke-dashoffset: -925;
    }

    90%, to {
        stroke-dasharray: 0 660;
        stroke-width: 20;
        stroke-dashoffset: -990;
    }
}

@keyframes ringB-b-rad9w38veh {
    from, 12% {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -110;
    }

    20% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -115;
    }

    40% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -195;
    }

    48%, 62% {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    70% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    90% {
        stroke-dasharray: 20 200;
        stroke-width: 30;
        stroke-dashoffset: -305;
    }

    98%, to {
        stroke-dasharray: 0 220;
        stroke-width: 20;
        stroke-dashoffset: -330;
    }
}

@keyframes ringC-b-rad9w38veh {
    from {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: 0;
    }

    8% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -5;
    }

    28% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -175;
    }

    36%, 58% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    66% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    86% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -395;
    }

    94%, to {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -440;
    }
}

@keyframes ringD-b-rad9w38veh {
    from, 8% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: 0;
    }

    16% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -5;
    }

    36% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -175;
    }

    44%, 50% {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -220;
    }

    58% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -225;
    }

    78% {
        stroke-dasharray: 40 400;
        stroke-width: 30;
        stroke-dashoffset: -395;
    }

    86%, to {
        stroke-dasharray: 0 440;
        stroke-width: 20;
        stroke-dashoffset: -440;
    }
}
/* /Components/UserMenu.razor.rz.scp.css */
.user-menu-button[b-ny6dblurqi] {
    height: 100%;
    max-width: 176px;
    display: flex;
}

    .user-menu-button:hover[b-ny6dblurqi] {
        color: #FFFFFF;
        background-color: #005DA1;
        transition: background-color .467s cubic-bezier(.1,.9,.2,1) 34ms;
    }

.user-menu-icon[b-ny6dblurqi] {
    display: table-cell;
    border-left-width: 0;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-menu-image[b-ny6dblurqi] {
    width: 32px;
    height: 32px;
}

.user-menu-imageborder[b-ny6dblurqi] {
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.initials-button[b-ny6dblurqi] {
    background-color: transparent;
    border: 1px solid;
    color: inherit;
    box-sizing: border-box;
}

.initials-button-font[b-ny6dblurqi] {
    font-size: 14px;
    font-family: SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
}

.initials-button-position[b-ny6dblurqi] {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-family: SegoeUI-Regular-final,Segoe UI,"Segoe UI Web (West European)",Segoe,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,Tahoma,Helvetica,Arial,sans-serif;
    line-height: 195%;
}

.user-image-style[b-ny6dblurqi] {
    display: block;
    opacity: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.user-menu-dropdown-body[b-ny6dblurqi] {
    position: fixed;
    width: 320px;
    right: 0;
    z-index: 1000000;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 24px 54px rgba(0, 0, 0, 0.4), 0 4.5px 13.5px rgba(0, 0, 0, 0.2);
    -webkit-transition: visibility 0s linear 120ms,opacity 120ms ease;
    transition: visibility 0s linear 120ms,opacity 120ms ease;
}

.user-menu-dropdown-body.expanded[b-ny6dblurqi] {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.user-menu-body[b-ny6dblurqi] {
    text-align: left;
    color: #333;
    background-color: #fff;
}

.current-account[b-ny6dblurqi] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: 48px auto;
}

.current-account>*[b-ny6dblurqi] {
    display: block;
    align-self: center;
}

.current-account .signed-company[b-ny6dblurqi] {
    grid-row: 1/2;
    grid-column: 1/2;
}

.signed-company[b-ny6dblurqi] {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 14px;
}

.signed-company-truncate[b-ny6dblurqi] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.current-account .account-info[b-ny6dblurqi] {
    min-height: 132px;
    width: 100%;
    grid-row: 2/3;
    grid-column: 1/4;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.current-account .account-info>*[b-ny6dblurqi] {
    padding: 0;
}

.current-account-picture[b-ny6dblurqi] {
    display: block;
    border-radius: 50%;
    overflow: hidden;
    width: 88px;
    height: 88px;
    margin-left: 16px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.current-account-picture .profile-picture-initials[b-ny6dblurqi] {
    font-size: 32px;
}

.profile-picture-initials[b-ny6dblurqi] {
    border: 1px solid #777;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.profile-picture[b-ny6dblurqi] { 
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.current-account .account-info .account-details[b-ny6dblurqi] {
    font-size: 14px;
    -webkit-box-flex: 1;
    flex-grow: 1;
    min-width: 0;
    width: 0;
    padding-right: 12px;
}

.current-account .account-info .account-details>:first-child[b-ny6dblurqi] {
    margin-top: 0;
}

    .current-account .account-info .account-details >:not(:nth-child(2))[b-ny6dblurqi] {
        margin-top: 4px;
    }

    .current-account .account-info .account-name[b-ny6dblurqi] {
        font-size: 18px;
        font-weight: 700;
    }

    .current-account .account-info .account-details>*[b-ny6dblurqi] {
        padding: 1px;
    }

.current-account .account-info .account-details>:nth-child(2)[b-ny6dblurqi] {
    margin-top: 3px;
    font-size: 14px;
}

.current-account .account-info .account-details .link[b-ny6dblurqi] {
    color: #0078d6;
    background-color: inherit;
    text-decoration: none;
}

.current-account .account-info .account-details .link[b-ny6dblurqi] {
    display: block;
    max-width: -webkit-fit-content;
    max-width: fit-content;
}

.reset-style[b-ny6dblurqi], a.reset-style[b-ny6dblurqi], button.reset-style[b-ny6dblurqi] {
    height: auto;
    min-width: auto;
    min-height: auto;
    border-style: none;
    border-width: 0;
    padding: 0;
    margin: 0;
    outline-style: none !important;
    background-color: transparent;
    text-decoration: none;
    text-align: left;
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,sans-serif;
    cursor: pointer;
}

.current-account .account-info .account-details>:last-child[b-ny6dblurqi] {
    padding: 0;
}

.current-account .account-info .account-details > :not(:nth-child(2))[b-ny6dblurqi] {
    margin-top: 4px;
}

.commands[b-ny6dblurqi] {
    position: relative;
}

.current-account a.sign-out[b-ny6dblurqi], .current-account a.sign-out:focus[b-ny6dblurqi], .current-account button.sign-out[b-ny6dblurqi], .current-account button.sign-out:focus[b-ny6dblurqi] {
    color: #333;
    background-color: #fff;
}

.current-account .sign-out[b-ny6dblurqi] {
    grid-row: 1/2;
    grid-column: 3/4;
    padding: 0 50%;
}
/* /Pages/Main.razor.rz.scp.css */
.rubber[b-qw50gm3su5] {
    opacity: 0.2;
}

.container[b-qw50gm3su5] {
    position: relative;
}

.child[b-qw50gm3su5] {
    /* Center vertically and horizontally */
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -120px 0 0 -25px; /* apply negative top and left margins to truly center the element */
}

.child2[b-qw50gm3su5] {
    position: fixed;
    bottom: 5px;
    right: 15px;
}

.mandates-container[b-qw50gm3su5] {
    width: 100%;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.mandates-list[b-qw50gm3su5] {
    width: 60%;
}
