html,body{height:100%;margin:0;padding:0;font-family:'Open Sans', sans-serif;font-size:13px;line-height:17px;-webkit-font-smoothing:antialiased}.pageContainer{min-height:100%;overflow-y:auto}.pageContainer div{margin:0;padding:0;border:none}.pageContainer a{color:#0079c1}.pageContainer a:focus{color:#043159;text-shadow:1px 1px 4px #d7d7d7}.pageContainer .pageWidth{max-width:1170px;width:100%;margin:0 auto;overflow-x:auto}.pageContainer button{display:inline-block;margin:0;padding:5px 10px;border:none;appearance:none;box-shadow:none;border-radius:0;color:white;background-color:grey;cursor:pointer;font-family:'Open Sans', sans-serif;font-size:13px;font-weight:600;line-height:1;text-shadow:none;-webkit-font-smoothing:antialiased}.pageContainer button.large{padding:10px 15px;font-size:14px;line-height:20px;text-transform:uppercase}.pageContainer button.main{background-color:#8ace22}.pageContainer button.main:focus,.pageContainer button.main:hover{background-color:#74ad1d}.pageContainer button.secondary{background-color:#0079c1}.pageContainer button.secondary:focus,.pageContainer button.secondary:hover{background-color:#00598e}.pageContainer button.secondary:disabled{background-color:#0079c1}.pageContainer button:focus{outline:1px solid black}.pageContainer button:disabled{opacity:0.5;cursor:default}.pageContainer button:active:focus{background-color:grey}.pageContainer .pageHeader{flex-grow:0;height:46px}.pageContainer .pageHeader .logo{flex-grow:0;margin:8px 10px 0 0}.pageContainer .pageHeader .header{color:white;font-size:30px;margin:5px 0 0 0;border-bottom:none}.pageContainer .menuLine{background-color:#363837;color:white}.pageContainer .menuLine .menuItem{padding:12px;text-transform:capitalize;font-weight:600;font-size:14px;line-height:20px;cursor:pointer}.pageContainer .menuLine .menuSeparator{padding:10px;font-weight:600;font-size:16px;line-height:20px}.pageContainer .pageFooter{background:#363837;text-align:center;color:white;font-size:13px;padding:1px}.loadMask{position:absolute;top:0;right:0;z-index:1000;width:100%;height:100%;background-color:rgba(255, 255, 255, 0.7);display:flex;flex-direction:row;justify-content:center;align-items:center}.loadMask > div{position:absolute;top:20%;background-color:#e6e6e6;box-shadow:#a0a0a0 0px 0px 10px 2px;min-width:250px;max-width:40%;min-height:75px;padding:25px;display:flex;flex-direction:column;align-items:center}.loadMask > div .spinner{position:relative;display:inline-block;width:41px;height:41px;background:url(../resources/images/icons/spinner-tqfp32.svg) no-repeat}.loadMask > div > div{margin-top:20px;max-width:100%;overflow:hidden}.flexContainer{display:flex;align-items:stretch}.flexContainer > div{flex:1 1 auto}@media all and (max-width: 819px){.flexContainer > div.noGrowIfNarrow{flex-grow:0}}.flexContainer.rows{flex-flow:column nowrap}.flexContainer.rows > div{max-width:100%;width:100%}.flexContainer.columns{flex-flow:row nowrap}.flexContainer.columns > div{max-width:100%}@media all and (max-width: 819px){.flexContainer.columns.rowsIfNarrow{flex-flow:column nowrap}.flexContainer.columns.rowsIfNarrow > div{max-width:100%;width:100%}}@media all and (max-width: 629px){.flexContainer.columns.rowsIfCramped{flex-flow:column nowrap}.flexContainer.columns.rowsIfCramped > div{max-width:100%;width:100%}}.flexContainer > div.pageWidth{max-width:1170px}.flexContainer > div.endAligned{align-self:flex-end}.flexContainer > div.autoSize{flex-basis:0}.flexContainer > div.noGrow{flex-grow:0}.flexContainer > div.noShrink{flex-shrink:0}@media all and (min-width: 820px){.flexContainer > div.noGrowIfWide{flex-grow:0}}.flexContainer > div.spacer{flex:0 0 10px}.flexContainer > div.spacer.wide{flex:0 0 25px}@media all and (max-width: 1195px){.paddedWhenCompressed{padding-left:10px !important;padding-right:10px !important}}@media all and (max-width: 819px){.paddedIfNarrow{padding-left:10px !important;padding-right:10px !important}}.teaserContainer{min-height:320px;background-image:url('../resources/images/toppbanner.jpg');color:white;font-size:20px;line-height:27px}.teaserContainer > div{padding:40px 0}.teaserContainer .logo{max-width:100%;padding:5px 0 20px 0}.teaserContainer button.large{font-size:16px;text-shadow:1px 1px 5px #609017;border:1px white solid;width:100%;height:40px}.teaserContainer button:focus{text-shadow:none}.teaserContainer button:before{float:left;content:' ';height:23px;margin-left:10%;margin-right:-10%}.teaserContainer button.createProject:before{width:22px;background:url(../resources/images/buttonicons/create_project.png) no-repeat}.teaserContainer button.browseExamples:before{width:28px;background:url(../resources/images/buttonicons/browse_examples.png) no-repeat}.gettingStartedContainer h2{margin:0 0 22px 0;font-weight:800;font-size:27px;line-height:34px}.gettingStartedContainer p{font-size:16px;line-height:26px}.restoreProjectContainer .header{margin-top:10px;text-align:center;font-weight:800;font-size:20px;line-height:26px;width:100%}.restoreProjectContainer .header div{position:relative;overflow:hidden}.restoreProjectContainer .header div::before,.restoreProjectContainer .header div::after{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'\a0';background-color:#7bb81e}.restoreProjectContainer .header div::before{margin-left:-51%;text-align:right}.restoreProjectContainer .header div::after{margin-left:1%;text-align:right}.restoreProjectContainer button.large{width:350px;height:40px}.restoreProjectContainer button:before{float:left;content:' ';width:25px;height:23px;margin-left:10%;margin-right:-10%}.restoreProjectContainer button.loadProject:before{background:url(../resources/images/buttonicons/load_project.png) no-repeat}.restoreProjectContainer button#resumeProjectButton:before{background:url(../resources/images/buttonicons/resume_project.png) no-repeat}.restoreProjectContainer #loadProjectFileForm{width:350px}.restoreProjectContainer p{width:350px;font-size:13px;line-height:17px}@media all and (max-width: 819px){.restoreProjectContainer button.large{width:100%}.restoreProjectContainer #loadProjectFileForm{width:100%}.restoreProjectContainer p{width:100%}}.restoreProjectContainer .fileForm{display:flex;align-items:stretch;flex-flow:row nowrap}.restoreProjectContainer .fileForm input{border:1px solid #707070;margin:0 0 5px;padding:0}.restoreProjectContainer .fileForm input[type="text"]{flex:1 1 auto;height:28px;margin-right:5px;padding:4px}.restoreProjectContainer .fileForm input[type="file"]{display:none}.restoreProjectContainer .fileForm input[type="button"]{width:67px;height:28px;color:white;background-color:#0079c1;font-weight:600;border:none;appearance:none;cursor:pointer;cursor:hand}.displayBase-btn{background:transparent !important;border:0px !important;box-shadow:none !important;height:12px}.displayBase-btn .x-btn-inner,.displayBase-btn .x-btn-inner-default-small,.displayBase-btn .x-btn-inner-arrow,.displayBase-btn .x-btn-inner-default-medium{color:#666;font-weight:100;font-size:10px}.toolbar{background-color:#363837;border:solid #0079c1}.toolbar .toolbar-text{background:transparent;color:white;font-weight:600;font-size:16px;line-height:20px}.toolbar .toolbar-button{background:transparent !important;border:0px !important;box-shadow:none !important;height:20px}.toolbar .toolbar-button .x-btn-inner-default-small,.toolbar .toolbar-button .x-btn-inner-default-medium{color:white;text-transform:capitalize;font-weight:600;font-size:14px;line-height:20px}.toolbar .toolbar-image:hover{cursor:pointer}