.button-outlined-component{display:flex;align-items:center;justify-content:center;grid-gap:4px;border:1px solid;border-radius:4px;transition:border-color .5s}.button-outlined-component-icon{transition:none}.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-grow:1}.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}.clickable-pop-up-icon{display:flex;flex-direction:column;align-items:center}.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%;z-index:1}.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}.ultra-collapsable-category{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;outline:none}.ultra-collapsable-category-container{padding-bottom:10px;width:100%}.collapsable-category-header-middle{position:absolute;right:40px;font-weight:300;font-size:10pt}.drop-down-outlined-flat-component{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:11pt;font-weight:300;height:24px;width:100%;cursor:pointer!important;outline:none}.drop-down-outlined-flat-component-arrow{position:absolute;right:0;pointer-events:none}.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}.t-flex{display:flex}.standard-flex-box{display:flex;overflow-y:auto;overflow-x:visible;scroll-behavior:smooth;transition:width .2s ease-in-out,height .2s ease-in-out}.qr-scanner{border:1px solid rgba(0,0,0,.25);height:250px;border-radius:4px;z-index:15}.qr-scanner-cancel{position:absolute;top:5px;right:5px;z-index:18}