html{height:100%}body{height:100%;color:var(--font-colour)}#shed-design{position:absolute;top:0;bottom:0;left:0;right:0;background-color:transparent}#design-area{position:absolute;left:0;top:0;bottom:0;right:0;background-color:transparent}#designerlogo{position:absolute;top:10px;left:10px;height:72px;width:150px;-o-object-fit:contain;object-fit:contain;-o-object-position:center center;object-position:center center}#buybutton{position:absolute;top:5px;right:5px;width:166px;height:72px}#price-bar{position:absolute;top:10px;right:200px;background:transparent}.price-need-upd{color:red!important}.price-amount{font-size:2.5em;text-align:right;line-height:1em}.price-type{font-size:1em;line-height:1em}.instruction-text{color:inherit}.section-text{color:inherit;border-color:var(--font-colour)}.p-dialog{color:var(--font-colour)!important}.p-select-label{color:var(--input-text-colour)!important}.poweredby-actions{gap:0;justify-content:center;flex-direction:column;align-items:center}.poweredby-view{position:absolute;right:5px;z-index:15;gap:0;justify-content:center;flex-direction:column;align-items:center}#action-bar{position:absolute;right:10px;max-width:166px;top:95px;background:var(--action-bar-background);color:var(--action-bar-btn-foreground-colour);z-index:10;border-radius:5.25px;padding:5px;gap:2px;bottom:10px;display:flex;flex-direction:column;align-items:stretch}.action-bar-holder{overflow-y:auto;overflow-x:hidden;display:flex;align-content:flex-start;align-items:flex-start;justify-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:100%;height:100%}.action-bar-button{background:var(--action-bar-btn-background)!important;padding:0!important;height:72px;width:72px;position:relative;flex:0 0 50%;max-width:72px}.action-bar-button div svg{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.action-bar-button div svg path{stroke:var(--action-bar-btn-foreground-colour)!important;fill:var(--action-bar-btn-foreground-colour-fill)!important}.action-bar-button div img{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.action-bar-button:hover{background:var(--action-bar-btn-background-hover)!important}.action-bar-button:hover *{stroke:var(--action-bar-btn-foreground-colour-hover)!important;color:var(--action-bar-btn-foreground-colour-hover)!important;fill:var(--action-bar-btn-foreground-colour-hover-fill)!important}.action-bar-button>label{position:absolute;top:50px;left:0;right:0;font-size:.65em;line-height:1.1em;text-align:center;vertical-align:top;text-transform:uppercase;color:var(--action-bar-btn-foreground-colour)}.action-bar-button[disabled]{opacity:.45}#view-bar{position:absolute;bottom:10px;left:10px;right:10px;display:flex;justify-content:center}.view-bar-buttons{background:var(--view-bar-background);color:var(--view-bar-btn-foreground-colour);display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;padding:5px;gap:2px;overflow-y:hidden;overflow-x:auto;border-radius:5.25px}.view-bar-button{background:var(--view-bar-btn-background)!important;padding:0!important;height:72px;width:72px;position:relative;flex:0 0 50%;max-width:72px}.view-bar-button:hover{background-color:var(--view-bar-btn-background-hover)!important}.view-bar-button:hover *{stroke:var(--view-bar-btn-foreground-colour-hover)!important;fill:var(--view-bar-btn-foreground-colour-hover-fill)!important;color:var(--view-bar-btn-foreground-colour-hover)!important}.view-bar-button>label{position:absolute;top:50px;left:0;right:0;font-size:.65em;line-height:1.1em;text-align:center;vertical-align:top;text-transform:uppercase;color:var(--view-bar-btn-foreground-colour)!important}.view-bar-button div img{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.view-bar-button div svg{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.view-bar-button div.rotate90 svg{transform:translate(-50%) rotate(90deg)!important}.view-bar-button div.rotate180 svg{transform:translate(-50%) rotate(180deg)!important}.view-bar-button div.rotate270 svg{transform:translate(-50%) rotate(270deg)!important}.view-bar-button div svg path{stroke:var(--view-bar-btn-foreground-colour)!important;fill:var(--view-bar-btn-foreground-colour-fill)!important}.view-bar-icon svg path{stroke:var(--view-bar-btn-foreground-colour)!important;fill:var(--view-bar-btn-foreground-colour-fill)!important}.low-priority-view-btn{display:block!important}.panel-size{position:absolute!important;top:160px;right:190px!important;max-height:calc(100vh - 300px);width:375px!important;z-index:150;box-shadow:0 3px 10px #444!important}.panel-size-wide{position:absolute!important;top:160px;right:190px!important;max-height:calc(100vh - 300px);width:850px!important;z-index:150;box-shadow:0 3px 10px #444!important}.colour-panel-size{position:absolute!important;top:180px!important;right:130px!important;width:760px!important;max-height:80%;box-shadow:0 3px 10px #444!important}.grouped-item-panel{z-index:200;overflow-y:auto}.grouped-item-panel-size{position:absolute!important;top:180px!important;right:130px!important;width:760px!important;box-shadow:0 3px 10px #444!important}#overrideeng{position:absolute;left:0;top:72px;bottom:0;right:154px;pointer-events:none;color:red;padding:1em}#job-bar{position:absolute;left:0;top:0;right:0;height:72px;background:var(--job-bar-background);color:var(--job-bar-btn-foreground-colour)}.job-bar-buttons{position:absolute;top:0;left:200px;height:72px}.hosted-job-bar-buttons-new{position:absolute;top:0;left:250px;height:72px}.hosted-job-bar-buttons{position:absolute;top:0;left:380px;height:72px}.job-bar-button{background:var(--job-bar-btn-background)!important;padding:0!important;height:72px;width:64px;position:relative;text-align:center!important;border-radius:0!important}.job-bar-button div img{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.job-bar-button div svg{position:absolute;width:32px;height:32px;margin:0;top:8px;vertical-align:top;left:50%;transform:translate(-50%)}.job-bar-button div svg path{stroke:var(--job-bar-btn-foreground-colour)!important;fill:var(--job-bar-btn-foreground-colour-fill)!important}.job-bar-button:hover{background:var(--job-bar-btn-background-hover)!important}.job-bar-button:hover *{stroke:var(--job-bar-btn-foreground-colour-hover)!important;fill:var(--job-bar-btn-foreground-colour-hover-fill)!important;color:var(--job-bar-btn-foreground-colour-hover)!important}.job-bar-button>label{position:absolute;top:50px;left:0;right:0;font-size:.65em;line-height:1.1em;text-align:center;vertical-align:top;text-transform:uppercase;color:var(--job-bar-btn-foreground-colour)}.job-bar-toggle{display:none!important}.jobid-text{padding-top:.25em;font-size:1.8em;text-transform:uppercase;color:var(--font-colour)}.jobname-text{text-transform:uppercase;font-size:1.2em;color:var(--font-colour);max-width:15em;overflow:hidden;text-overflow:ellipsis;height:1em}.action-hosted-bar{position:absolute;top:72px;bottom:72px;right:0;width:154px;background:var(--action-bar-background);color:var(--action-bar-btn-foreground-colour);z-index:10;overflow-y:auto;overflow-x:hidden}.rotate90{transform-origin:50% 50%;transform:rotate(90deg)}.paneldimmer{background-color:#00000040;pointer-events:none;position:absolute!important;left:0;right:0;top:0;bottom:0}.item-hover-text{position:absolute;background:var(--lightest-grey);border-radius:3px;padding:.5em;opacity:.85;border:1px solid var(--mid-grey)}.top-right{position:absolute;right:15px;top:7px;z-index:999}.slideout-enter-active,.slideout-leave-active{transition:all .15s ease-out}.slideout-enter,.slideout-leave-to{transform:translate(calc(100% + 154px))}.panel-colour{background-color:var(--lightest-grey)}.panel-container{position:absolute;top:15px;bottom:0;left:0;right:0;padding:0 1.8em 1.8em;overflow-y:auto;overflow-x:hidden}.panel-header-text{font-size:1.2em;text-transform:uppercase;font-weight:700;margin-bottom:1em}.panel-active-tab{background-color:var(--lightest-grey)!important}.groupeditem{display:inline-block;margin-right:10px;cursor:pointer}.grouped-item-panel-colour{background-color:var(--lightest-grey)}.selectedcolour{outline:var(--primary-colour) solid 2px!important;outline-offset:0px}.colour-panel{z-index:200;overflow-y:auto}.colour-panel-colour{background-color:var(--lightest-grey)}.colour-item{display:inline-block;width:8em;height:5em;cursor:pointer}.colour-swatch{width:7em;height:3em}.colour-swatch-name{font-size:8pt}.colour-swatch-wide{width:18em;vertical-align:middle;padding-left:1em;font-size:8pt;height:4.4em;line-height:1.2em;display:inline-block;margin-top:-.4em}.colour-swatch-wide-name{position:relative;top:50%;overflow:hidden;transform:translateY(-50%);font-size:9pt}.lightcaption{color:var(--mid-grey)!important}.quote-button{height:72px;width:154px;padding:0!important;font-size:20pt!important;text-align:center!important;font-weight:400!important;border-radius:0!important;margin:0!important}.cust-details{display:block;color:var(--font-colour)}.cust-details-mob{display:none}@media only screen and (min-width: 1025px) and (max-width: 1280px){#view-bar{position:absolute;left:10px;right:160px}.low-priority-view-btn{display:none!important}.panel-size-wide{width:720px!important}.job-bar-button{height:56px;width:56px;top:8px}.job-bar-button div img{width:28px;height:28px;top:5px}.job-bar-button div svg{width:28px;height:28px;top:5px}.job-bar-button>label{position:absolute;top:40px;font-size:.6em;line-height:1em}.price-amount{font-size:1.9em}.jobid-text{font-size:1.4em}.jobname-text{font-size:1em;max-width:15em;overflow:hidden;text-overflow:ellipsis;height:1em}.walldesignermap{position:absolute;top:0;bottom:3px;left:0;right:50%;padding:1.5em .75em 1.5em 1.5em!important}.walldesigneritem{position:absolute;top:0;right:0;bottom:3px;width:50%;padding:1.5em 1.5em 1.5em .75em!important}}@media all and (min-width: 769px) and (max-width: 1024px) and (orientation: portrait){.medium-priority-view-btn,.low-priority-view-btn{display:none!important}.panel-size-wide{width:550px!important}.job-bar-button{height:56px;width:56px;top:8px}.price-amount{font-size:1.9em}.job-bar-button div img{width:28px;height:28px;top:5px}.job-bar-button div svg{width:28px;height:28px;top:5px}.job-bar-button>label{position:absolute;top:40px;font-size:.6em;line-height:1em}.jobid-text{font-size:1.4em}.jobname-text{font-size:1em;max-width:15em;overflow:hidden;text-overflow:ellipsis;height:1em}}@media all and (max-width: 768px) and (orientation: portrait){#design-area{top:0;height:calc(100vh - 340px);width:100%;bottom:unset}#designerlogo{height:48px;width:100px}#buybutton{position:absolute;width:90px;height:48px}#price-bar{position:absolute;top:10px;right:110px;height:48px;background:transparent}.price-amount{font-size:1.4em}.price-type{font-size:.9em}#action-bar{position:absolute;top:unset;height:72px;bottom:72px;right:0;left:0;max-width:unset;background:var(--action-bar-background);color:var(--action-bar-btn-foreground-colour);z-index:10;overflow-y:hidden;overflow-x:auto;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;padding:2px;flex-wrap:nowrap;box-shadow:unset!important}.action-bar-button{height:56px;width:56px;max-width:56px}.action-bar-button div img{width:28px;height:28px;top:5px}.action-bar-button div svg{width:28px;height:28px;top:5px}.action-bar-button>label{position:absolute;top:40px;font-size:.6em;line-height:1em}#view-bar{position:absolute;top:unset;height:72px;bottom:0;right:0;left:0;transform:unset;max-width:unset}.view-bar-buttons{width:100%;border-top-left-radius:0!important;border-top-right-radius:0!important}.view-bar-button{height:56px;width:56px;max-width:56px}.view-bar-button div img{width:28px;height:28px;top:5px}.view-bar-button div svg{width:28px;height:28px;top:5px}.view-bar-button>label{position:absolute;top:40px;font-size:.6em;line-height:1em}.medium-priority-view-btn,.low-priority-view-btn{display:none!important}.section-text{margin-bottom:0!important}.panel-size-wide{position:absolute!important;height:unset!important;max-height:unset!important;top:70px!important;bottom:0!important;border-bottom-left-radius:0;border-bottom-right-radius:0;left:14px!important;right:14px!important;width:unset!important}.panel-size{position:absolute!important;height:300px;max-height:unset!important;top:unset!important;bottom:0!important;left:14px!important;right:14px!important;width:unset!important;border-bottom-left-radius:0;border-bottom-right-radius:0}.panel-size.panel-size-height{height:unset!important;max-height:unset!important;top:70px!important}.colour-panel-size,.grouped-item-panel-size{position:absolute!important;height:unset!important;max-height:unset!important;top:70px!important;bottom:0!important;left:14px!important;right:14px!important;width:unset!important;border-bottom-left-radius:0;border-bottom-right-radius:0}#overrideeng{position:absolute;left:0;top:56px;bottom:0;right:200px;pointer-events:none;color:red}.panel-container{padding:0 1em 1em}.panel-min-height{height:270px!important;top:calc(var(--viewport-height) - 65px - 270px)!important}.qn.panel-min-height{height:360px!important;top:calc(var(--viewport-height) - 360px)!important}.grouped-item-panel-padding{padding:0!important}.slideout-enter-active,.slideout-leave-active{transition:all .15s ease-out}.slideout-enter,.slideout-leave-to{transform:translateY(120%)}.job-bar-toggle{display:block!important}#job-bar{height:56px}.jobid-text{font-size:1em;font-weight:700;padding:0}.jobname-text{font-size:.8em;line-height:.9em;max-width:15em;overflow:hidden;text-overflow:ellipsis}.job-bar-buttons,.hosted-job-bar-buttons{position:absolute;left:0;top:56px;right:0;height:56px;background:var(--job-bar-background)}.job-bar-button{height:56px;width:56px}.job-bar-button div img{width:28px;height:28px;top:5px}.job-bar-button.nolabel div img{width:28px;height:28px;top:14px}.job-bar-button div svg{width:28px;height:28px;top:5px}.job-bar-button.nolabel div svg{width:28px;height:28px;top:14px}.job-bar-button>label{position:absolute;top:40px;font-size:.6em;line-height:1em}.quote-button{height:56px;width:80px;padding:0!important;font-size:12pt!important;text-align:center!important;font-weight:400!important;border-radius:0!important}.cust-details{display:none}.cust-details-mob{display:block}.job-bar-buttons .mobile{height:160px}.walldesignermap{position:absolute;top:0;height:400px;left:0;right:0;width:100%;padding:1em!important}.walldesigneritem{position:absolute;top:600px;height:400px;left:0;right:0;width:100%;padding:1em!important}}@media (orientation: landscape){#viewbar{left:0;right:unset;top:0;bottom:0;width:72px}}.smallicondiv{height:32px;color:#f2f2f2}.smallbaricon{width:32px;height:32px;margin:0 auto;text-align:center!important}.buttonsright{position:absolute;right:0;top:0}.reseller-container{position:absolute;left:5px;top:60px;width:180px;z-index:2;padding:1em;background-color:#fff;border-radius:.2em;font-size:.8em}.reseller-card-holder{overflow-y:auto}.reseller-card{display:inline-block;width:50%}.reseller-card-title{text-align:center;font-weight:700}.reseller-card-img{width:100%;height:70px;text-align:center;margin-bottom:.5em;padding:.5em}.dropdownmenu{border:0px!important;box-shadow:none!important}.dropdownmenuarea{background:#f2f2f2;padding:1em;max-width:30em;line-break:auto}.dropdownmenusection{background:#fff;padding:1em;margin-top:1em}.dropdownmenuitem{line-height:3em;vertical-align:middle;border-bottom:2px solid #f2f2f2;cursor:pointer}.dropdownmenuitem:hover{background:#f2f2f2!important}.dropdownmenuitemimg{display:inline-block;vertical-align:middle;width:32px;height:32px;margin-right:5px}.dropdownmenuitemtext{display:inline-block}.action-section{transform:scaleY(0)}.panelsubheadertext{font-size:1.1em;font-weight:700}.extrabutton{padding:0!important;display:inline-block;height:72px;width:72px;margin-right:.5em;background-color:var(--icon-btn-background-colour)!important;border-radius:5px}.extrabutton img{width:32px;height:32px;margin:auto;padding:0}.extrabutton svg{width:32px;height:32px;margin:auto;padding:0}.extrabutton path{stroke:var(--icon-btn-foreground-colour)!important;fill:var(--icon-btn-foreground-colour-fill)!important}.extrabutton:hover{background:var(--icon-btn-background-colour-hover)!important}.extrabutton:hover *{color:var(--icon-btn-foreground-colour-hover)!important;stroke:var(--icon-btn-foreground-colour-hover)!important;fill:var(--icon-btn-background-colour-hover)!important;cursor:pointer}.extrabutton>div{font-size:.65em!important;text-align:center;vertical-align:top;text-transform:uppercase;color:var(--icon-btn-foreground-colour)}.extrabutton.disabled{opacity:.6;background-color:transparent!important}.extraactive{background-color:var(--primary-btn-foreground-colour)!important;color:var(--primary-colour)!important;border:1px solid var(--primary-colour)!important;border-radius:5px}.extraactive path{stroke:var(--primary-colour)!important;fill:var(--primary-colour-fill)!important}.extraactive>div{color:var(--primary-colour)!important}.action-slide-down{-webkit-animation-name:action-slide-down-animation;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards}.action-slide-up{-webkit-animation-name:action-slide-up-animation;-webkit-animation-duration:.3s;-webkit-animation-iteration-count:1;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:forwards}.slideerection-enter-active,.slideerection-leave-active{transition:all .5s}.slideerection-enter,.slideerection-leave-to{transform:translateY(60em)}.slidewelcomemsg-enter-active,.slidewelcomemsg-leave-active{transition:all .5s}.slidewelcomemsg-enter,.slidewelcomemsg-leave-to{transform:translateY(45em)}.fade-enter-active,.fade-leave-active{transition:all 1s}.fade-enter,.fade-leave-to{opacity:0}.svgicon{fill:red;stroke:red}.srinput,.srtextarea{font-size:12pt;padding:.25em!important}.circlebutton{background-color:var(--primary-colour);border-radius:50%;display:inline-block;height:50px;width:50px;vertical-align:middle;line-height:3em;text-align:center;cursor:pointer}.circlebutton:hover{background-color:var(--primary-colour);filter:brightness(.9)}.toolbarbuttonspacing{margin:0 10px 0 0}.verttoolbarbuttonspacing{margin:10px 0 0}.walldesignerstandardbutton{min-width:11em!important;min-height:4em!important;padding:1.5em!important}.shedlistitem{cursor:pointer;padding:.25em;border:1px transparent solid;border-radius:4px}.shedlistitem:hover{border:1px var(--primary-colour) solid;border-radius:4px}.selectedsheditem{color:var(--primary-colour);border:1px var(--primary-colour) solid;border-radius:4px}.currentsheditem,.primary-colour{color:var(--primary-colour)}.btn-step-section{width:100%}.btn-step{border:2px solid #dbdbdb;border-radius:50%;height:25px;width:25px;color:#ddd;background-color:#fff;display:inline-block;font-size:2.2em;cursor:pointer;z-index:999;text-align:center;position:relative}.btn-step:hover{filter:brightness(.85)}.btn-step-active,.btn-step-done{background-color:var(--primary-colour)!important;border-width:0px!important;color:var(--primary-btn-foreground-colour)!important}.btn-step-svg{width:1.2em;height:1.2em;margin:-.15em;pointer-events:none}.btn-line-none{background-color:transparent!important;z-index:998}.btn-line-done{background-color:var(--primary-colour)!important;z-index:998}.btn-line-todo{background-color:#ddd;z-index:998}.btn-step-1{left:calc(32% - 22px)}.btn-step-2{left:calc(44% - 22px)}.btn-step-3{left:calc(56% - 22px)}.btn-step-4{left:calc(68% - 22px)}.bar-step-section{width:100%}.bar-step{height:4px;background-color:var(--primary-colour);color:var(--primary-colour);border:90px;position:absolute;width:400px;left:0;top:-1px}.bar-step-1{left:0;width:calc(32% - 15px)}.bar-step-2{left:calc(32% - 15px);width:12%}.bar-step-3{left:calc(44% - 15px);width:12%}.bar-step-4{left:calc(56% - 15px);width:12%}