.subpage-header-component{top:0;z-index:1;padding:0 10px 10px 10px;display:flex;flex-direction:column;width:100%}.subpage-header-component-relative{position:relative;padding:0 0 10px 0}.subpage-header-component-sticky{position:sticky;padding:10px 0}.subpage-header-component-content{display:flex;align-items:center;flex-wrap:wrap;width:100%;z-index:20}.subpage-header-component-content-back{flex-grow:0;flex-shrink:0;z-index:100}.subpage-header-component-center{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%}.subpage-header-component-content-create{display:flex;justify-content:flex-start;grid-gap:8px;width:100%}.subpage-header-component-content-create-button{flex:1 1 0px}.subpage-header-component-right-side{display:flex;flex-grow:1;align-items:center}.subpage-header-component-label{display:flex;grid-gap:8px;margin:0 8px}.workpackage-subpage{position:relative;display:flex;flex-shrink:0;height:100%;width:100%;z-index:100}.workpackage-subpage-separator{position:relative;display:flex;flex-shrink:0;height:calc(100% - 10px);top:5px;width:1px;opacity:.2}.workpackage-subpage-content{position:relative;height:100%;display:flex;flex-direction:column;grid-gap:10px}.workpackage-subpage-content-header{padding:0 10px}.workpackage-subpage-content-header-descriptor{display:flex;flex-direction:column;align-items:center;transition:none;width:100%}.workpackage-subpage-content-body-descriptor{margin-bottom:-8px;align-items:center}.workpackage-subpage-content-body{position:relative;width:320px;display:flex;flex-direction:column;align-items:center;grid-gap:8px;overflow:auto;padding:0 10px 10px 10px;overflow-x:hidden;flex-shrink:0;-ms-overflow-style:none;scrollbar-width:none}.workpackage-subpage-content-body::-webkit-scrollbar{display:none}.workpackage-subpage-content-body-sort-buttons{display:flex;position:sticky;top:0;justify-content:space-between;align-items:center;width:100%}.work-package-step-detail-option-buttons{display:flex;flex-wrap:wrap;height:auto;width:100%;align-items:center;grid-gap:8px;padding:16px;justify-content:space-between}.subpage-header-slot{position:absolute;display:flex;align-items:center;right:10px}.workpackage-subpage-content-body-descriptor,.workpackage-subpage-content-header-descriptor{transition:opacity .1s ease-in-out}.text-area-component-container{display:flex;flex-direction:column;border-color:inherit;width:100%;height:100%;flex-grow:1}.text-area-component{pointer-events:auto;flex-grow:1;resize:none}.text-area-component-counter{min-height:24px;margin:8px;margin-bottom:0;display:flex;justify-content:flex-end}.text-area-component:focus{outline:none}.drop-down-outlined-flat-component{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:11pt;font-weight:300;max-height:24px;width:100%;cursor:pointer!important;outline:none}.drop-down-outlined-flat-component-arrow{position:absolute;right:0;pointer-events:none;top:0;height:100%!important}.drop-down-outlined-flat-component>option{color:#000}.drop-down-outlined-flat-static-text{display:flex;align-items:center;height:24px;margin:0 4px}.drop-down-outlined-flat-static-text>span{font-size:11pt;font-weight:300;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drop-down-outlined-flat-select-field:focus{outline:none}.element-base-attributes{display:flex;width:100%;justify-content:space-around}.element-base-attributes-item{max-width:48%!important;min-width:48%!important}