﻿.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container{border:1px dashed #ccc;padding:15px;position:relative;margin-top:7px}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container input{border:0 none transparent;width:100%;font-weight:bold}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container input:focus+.label{font-size:11px;top:5px;transform:translateY(0)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container .label{position:absolute;left:15px;color:#CCC;font-size:11px;top:5px;transform:translateY(0);padding:0;margin:0;pointer-events:none;transition:all ease-in-out 0.3s}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container [data-add-phase-button]{position:absolute;right:15px;top:50%;transform:translateY(-50%)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container[data-has-value="false"] .label{top:50%;transform:translateY(-50%);font-size:16px}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .entry-container[data-has-value="false"] [data-add-phase-button]{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol{list-style-type:none;padding:0;margin:0}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li{position:relative;margin-top:15px;cursor:pointer;padding:15px 0 15px 15px;border:1px solid #ccc;transition:border-color 0.3s ease-out}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .checkbox-circle{display:none;width:30px;height:30px;border:1px solid #ccc;align-items:center;cursor:pointer;justify-content:center;border-radius:50%;flex-shrink:0;transition:border-color 0.5s ease-out}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .checkbox-circle i.fa{font-size:35px;color:var(--green);opacity:0;transition:opacity 0.5s ease-out}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .name{width:100%;border:0 none transparent;padding:0;height:21px;font-size:20px;user-select:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .name .dnd-handle{margin-right:15px}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .name .dnd-handle:hover{color:var(--accent-colour)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li [data-ok-button]{position:absolute;right:50px;top:9px;display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .selected-contacts{font-size:10px;margin:0;padding:0;list-style-type:none;cursor:pointer}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .selected-contacts li{display:inline-block;margin:0 7px 0 0;padding:0}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .selected-contacts li i+span,.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .selected-contacts li span+i{margin-left:3px}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li [data-menu-button]{position:absolute;right:15px;top:11px;width:30px;height:30px;line-height:30px;font-size:25px;color:var(--accent-colour);text-align:center;border-radius:50%}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li [data-menu-button]:hover{background-color:#f0f0f0}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu{position:absolute;right:15px;top:40px;width:190px;display:none;background-color:#FFF;border:1px solid #f0f0f0;z-index:10}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a{display:block;color:#000;border:1px solid #f0f0f0;width:100%;line-height:1.1em;padding:15px;margin:0;cursor:pointer;font-size:15px;position:relative;user-select:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a i{width:30px;text-align:center;font-size:20px}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a:hover{background-color:#f0f0f0}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a[data-add-invitation-button]{color:var(--orange)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a[data-add-task-button]{color:var(--orange-dark)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a[data-import-task-button]{color:var(--blue)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li .actions-menu a[data-remove-phase-button]{color:var(--red)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li[data-menu-open="true"]{border-color:1px solid var(--accent-colour)}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li[data-menu-open="true"]>.actions-menu{display:block}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li[data-mode="view"]>input.name{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li[data-mode="edit"]>div.name{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol li[data-mode="edit"]>[data-ok-button]{display:inline-block}.wizard-panel .page[data-type="WebPlannerPhasesPage"] ol.phases li li.task{border-right:1px solid transparent}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .toolbar{border:1px solid #f0f0f0}.wizard-panel .page[data-type="WebPlannerPhasesPage"] .toolbar [data-selection-mode-set-assignments-button]{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] [data-selection-mode-button]{background-color:var(--accent-colour);color:var(--accent-colour-offset)}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] [data-selection-mode-set-assignments-button]{display:flex}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"][data-selected-items="0"] [data-selection-mode-set-assignments-button]{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] ol li{padding-left:55px}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] ol li .checkbox-circle{display:flex;margin-right:15px;position:absolute;left:15px;top:10px}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] ol li .dnd-handle{display:none}.wizard-panel .page[data-type="WebPlannerPhasesPage"][data-selection-mode="true"] ol li[data-selected="true"]>.checkbox-circle i.fa{opacity:1}
