.phui-workpanel-view .phui-header-shell{padding:8px;width:284px}.phui-workpanel-view .phui-header-shell .phui-header-header{font-size:14px;line-height:18px;color:#464C5C}.phui-workpanel-view .phui-header-shell .phui-header-subheader{padding:0 4px;margin:0;display:inline-block;color:#92969D;font-size:13px}.device .phui-workpanel-view .phui-header-shell{width:auto}.phui-workboard-view{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.phui-workpanel-view .phui-box-grey{background-color:rgba(71,87,120,0.1)}.phui-workpanel-view.phui-workboard-column-milestone .phui-box-grey{background-color:rgba(234,230,247,0.85)}.phui-workpanel-view .phui-header-col2 .phui-icon-view{margin-right:4px}.phui-workpanel-view .phui-workpanel-header-action{float:right;width:24px}.phui-workpanel-view .phui-workpanel-body{padding:8px 4px 8px 0}.phui-workpanel-view .phui-workpanel-body-content{padding:0 4px 0 8px}.device .phui-workpanel-view .phui-workpanel-body{padding:8px 0}.phui-workpanel-view .phui-workpanel-footer-action a{color:#464C5C;font-weight:bold}.device-desktop .phui-workpanel-view .phui-workpanel-footer-action:hover{background-color:rgba(100,100,100,.1);border-radius:3px}.device-desktop .aphront-multi-column-fixed .phui-workpanel-view{width:300px}.device-phone .aphront-multi-column-fixed .phui-workpanel-view,.device-phone .phui-workpanel-view .phui-header-shell{width:auto}.phui-workpanel-body .phui-oi-list-view{min-height:54px;background-color:transparent}.device .aphront-multi-column-outer
  div.aphront-multi-column-column-outer .phui-workpanel-body{width:auto}.project-panel-hidden{opacity:0.75}.device-desktop .phui-workpanel-body-content{scrollbar-width:thin;max-height:calc(100vh - 162px);overflow-y:auto;overflow-x:hidden}.device-desktop .phui-workpanel-body-content::-webkit-scrollbar{height:8px;width:8px;background:rgba(71,87,120,0.2);border-radius:4px}.device-desktop .phui-workpanel-body-content::-webkit-scrollbar-thumb{background:rgba(71,87,120,0.4);border-radius:4px}.project-panel-empty .phui-oi-list-view{background:rgba(234,230,247,0.85);border-radius:3px;margin-bottom:4px;border:1px dashed #bcb4da}.project-panel-empty .phui-oi-list-view .drag-ghost{display:none}.project-panel-empty .phui-oi-list-view.drag-target-list{background:rgba(255,255,255,.7)}.phui-workpanel-view.project-panel-over-limit .phui-header-header{color:#c0392b}.phui-workpanel-view.project-panel-over-limit .phui-header-shell{border-color:#c0392b}.phui-workpanel-view .phui-box-grey{border:1px solid transparent}.phui-workpanel-view.workboard-column-drop-target .phui-box-grey{border-color:#BFCFDA}.workboard-group-header{background:rgba(71,87,120,0.10);padding:6px 8px;margin:0 0 8px -8px;border-bottom:1px solid #C7CCD9;font-weight:bold;color:#4B4D51;position:relative}.workboard-group-header .phui-icon-view{position:absolute;display:inline-block;width:24px;padding:5px 0 0 0;height:19px;background-size:100%;border-radius:3px;background-repeat:no-repeat;text-align:center;background-color:#F7F7F7;border:1px solid #F7F7F7}.workboard-group-header .workboard-group-header-name{display:block;position:relative;height:24px;line-height:24px;margin-left:36px;overflow:hidden}.workboard-drop-preview{pointer-events:none;position:absolute;bottom:12px;right:12px;width:300px;border-radius:3px;box-shadow:0 2px 4px rgba(0,0,0,0.15);border:1px solid #BFCFDA;padding:4px 0;background:#fff}.workboard-drop-preview li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 8px;color:#74777D;border-radius:3px}.workboard-drop-preview li .phui-icon-view{position:relative;display:inline-block;text-align:center;width:24px;height:18px;padding-top:6px;border-radius:3px;background:#ECEEF4;margin-right:6px}.workboard-drop-preview .workboard-drop-preview-header{background:#3498db;color:#fff}.workboard-drop-preview .workboard-drop-preview-header .phui-icon-view{background:#2980b9;color:#fff}.workboard-drop-preview-fade{animation:0.1s workboard-drop-preview-fade-out;opacity:0.25}@keyframes workboard-drop-preview-fade-out{0%{opacity:1}100%{opacity:0.25}}.phui-workpanel-view .phui-header-action-item a.phui-icon-view{width:24px;height:24px;line-height:24px;text-align:center;border-radius:3px;box-shadow:inset -1px -1px 2px rgba(0,0,0,0.05);border:1px solid #C7CCD9;background:#F7F7F7}.phui-workpanel-view .phui-header-action-item .phui-tag-view{line-height:24px}