﻿.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items{position:relative;display:flex;flex-wrap:wrap}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set{position:relative;width:25%;padding:30px;cursor:pointer;border:1px solid transparent;transition:all 0.3s ease-out}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set i.icon{color:var(--accent-colour);font-size:40px}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .name{color:var(--accent-colour);font-size:16px;line-height:1.3em;padding:7px 0;font-weight:bold}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .description{color:#474747;font-size:14px;line-height:1.3em;padding:7px 0}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .button-container{text-align:right;position:absolute;right:30px;top:30px}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .button-container .checkbox-container{position:relative;flex-shrink:0}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .button-container .checkbox-container a.checkbox-button{display:inline-block;width:30px;height:30px;line-height:30px;font-size:18px;border-radius:50%;border:0 none transparent;cursor:pointer;text-align:center}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set .button-container .checkbox-container a.checkbox-button i{display:none;color:green;font-size:53px}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set:hover{border:1px solid #e0e0e0}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set.active{border:1px solid var(--accent-colour)}.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set.active a.checkbox-button i{display:inline !important}@media only screen and (max-width: 639px){.wizard-panel .page[data-type="WebPlannerProjectTypeSelectionPage"] .items .tile-set{width:100%}}
