#root,body,html{height:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{height:100%;display:flex;flex-direction:column}.App-content{display:flex;flex-grow:1;overflow:hidden}.btn-greyGradient,.select-greyGradient{background:linear-gradient(#d1d1d1,#929292);border:1px solid #5f6365}.dialog-isod>.modal-content{background-color:#3a3a3a;color:#fff;border:none}.dialog-isod .modal-header>.close{width:60px;height:60px;opacity:1;background:linear-gradient(45deg,transparent 50.1%,#ffd129 50% 100%);padding:.2rem .5rem 1.8rem 2rem;border-top-right-radius:.3rem}.dialog-isod .modal-header>.close:not(:disabled):not(.disabled):focus,.dialog-isod .modal-header>.close:not(:disabled):not(.disabled):hover{opacity:1}.dialog-isod,.dialog-isod .modal-footer{border:none}.dialog-isod .modal-footer>button{flex-basis:0;flex-grow:1}.modal-header{border-bottom:1px solid #343434}.Modal-lastRow{padding-bottom:10px;border-bottom:1.5px solid #565656;margin-bottom:60px;align-items:flex-end}.Modal-middleCol{border-left:1.5px solid #565656;border-right:1.5px solid #565656}.Modal-button{width:100%}.Modal-iconRow{margin-bottom:30px;text-align:center}.Modal-gapLabel{height:19px}.Modal-descRow{text-align:center}.Modal-th{background-color:#d3d3d3;color:#000;font-weight:400;font-size:.8rem;border:1px solid grey;padding:4px;text-align:left}.Modal-th:hover{background-color:#d3d3d3;border:1px solid #36f}.Modal-th:active{background-color:#b4ecff;border:1px solid #36f}.Modal-tr{background-color:#fff;color:#000;border:1px solid grey}.Modal-tdBody{font-weight:400;font-size:.8rem;border-left:1px solid grey;border-right:1px solid grey;padding:2px;overflow:hidden;text-overflow:ellipsis}.Modal-tr:focus,.Modal-tr:hover{background-color:#b4ecff;color:#000;border:1px solid #36f}.tableForm{background-color:grey;overflow-y:auto;height:95%;width:100%}.Go-Back-Arrow:hover{color:#d3d3d3}.Go-Back-Arrow{position:relative;bottom:35px}.triangle-left{width:0;height:0;border-top:60px solid transparent;border-right:60px solid #3a3a3a;border-bottom:60px solid transparent;position:absolute;top:200px;right:780px}.Modal-tr-header{border-left:1px solid grey;border-right:1px solid grey}.FileMenu-icon{height:100%}.FileMenu-menu{margin:0;background-color:#969696;border:none;border-radius:0;box-shadow:0 0 5px #000}.FileMenu-menuItem{color:#fff;pointer-events:all!important}.FileMenu-menuItem.active:not(.disabled),.FileMenu-menuItem:active:not(.disabled),.FileMenu-menuItem:focus:not(.disabled),.FileMenu-menuItem:hover:not(.disabled){color:#fff;background-color:#6c6c6c}.FileMenu-menuDivider{border-top:1px solid #474747;border-bottom:1px solid #cbcbcb}.btn-fileMenu{background-color:#969696;border-radius:0;height:50px;margin-right:1px;position:relative;z-index:1001}.btn-fileMenu.focus,.btn-fileMenu:focus{box-shadow:none}.btn-fileMenu:after{color:#fff}.show.FileMenu:before{content:"";height:100%;width:1px;position:absolute;top:0;left:0;box-shadow:0 0 5px 1px #000}.SurfaceDrawing-leftPanel{min-width:336px;background-color:#aaa}.SurfaceDrawing-leftPanel-tabs{padding-top:4px;padding-left:4px}.SurfaceDrawing-leftPanel-banner{background-color:grey;color:#fff;padding:2px 10px}.SurfaceDrawing-leftPanel-buttonToolbar{background-color:#6c757d}.nav-link{background-color:grey;border:0;margin:0 2px;color:#fff;width:105px;padding:8px 4px}.nav-link.active{background-color:#fff;border:0;color:#000}button.btn:active,button.btn:focus{box-shadow:none}button.btn{border-radius:0}.selectable-table{background-color:#fff;margin:0;width:100%}.selectable-table>thead{background-color:grey;color:#fff}.selectable-table>thead>tr>th{border:0}.selectable-table>tbody,.selectable-table>thead{display:block}.selectable-table>tbody{border-right:1px solid #ccc;min-height:150px;height:calc(50vh - 140px);overflow-y:auto;overflow-x:hidden}.selectable-table>tbody>tr>td{border-top:none;border-bottom:1px solid #ccc}.selectable-table>tbody>tr:hover{background-color:#daf1ff;cursor:pointer}.selectable-table>tbody>tr.active{background-color:#9ad8ff}.dimensions-form{padding:5px}.dimensions-form>label{margin:5px}form.dimensions-form{background-color:#646464;color:#fff}form.dimensions-form>label{width:60px}form.dimensions-form>select{width:240px}.coordinates-header{margin:0;padding:5px;color:#fff;background-color:#646464}div.btn-toolbar{background-color:#6c757d}div.coordinates-list{height:calc(100vh - 350px);background-color:#fff;border-right:1px solid grey;overflow:auto}.DimensionsPane-coordinates-form{width:160px}.DimensionsPane-numeric-input{width:100px;height:20px;margin:4px 2px;border:0;text-align:right;padding:1px}tr.DimensionsPane-active-row{background-color:#9ad8ff}.DimensionsPane-selectable-table>tbody>tr:hover{background-color:#daf1ff;cursor:pointer}.surface-tile{width:120px;height:120px;margin:6px;display:inline-block;cursor:pointer;color:#000;font-size:80%;text-align:center;border:1px solid grey}.surface-tile,.tiles{background-color:#fff}.tiles{overflow:auto;align-content:center}.template-view{height:400px;background-color:#fff;margin:0 10px}.template-properties{margin:0 10px;height:115px}.template-stepper{width:23%;margin:1%;display:inline-block}.template-label{display:inline}.PdfBrowser-pageControl{align-items:center;padding-bottom:10px;margin-left:20px;margin-right:20px}.PdfBrowser-pageControl,.PdfBrowser-pdfView{display:flex;justify-content:center}.PdfBrowser-modal{max-width:none}.PdfBrowser-modal>.modal-content{margin-left:auto;margin-right:auto;width:auto;min-width:700px}.DownloadPDF-button{white-space:nowrap}.Header-header{display:flex;background-color:#696969}.Header-item+.Header-item{margin-left:20px}.Header-version{margin:0 3px;color:#fff;font-size:.7rem}.Header-title{flex-grow:1;color:#fff;font-weight:400}.Header-instructionButton:before{content:"";display:inline-block;vertical-align:middle;height:100%}.Header-caution{flex-grow:1.0;color:red}.Editor{width:100%}.Editor,.Editor-content{display:flex;flex-grow:1}.Editor-content{position:relative;overflow:hidden}.Editor-backgroundImage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:165px;filter:saturate(25%) opacity(25%)}.Editor-sidebar{display:flex;flex-direction:column;background-color:#3a3a3a}.Editor-sidebarIcon{height:40px;filter:contrast(0) brightness(150%)}:hover>.Editor-sidebarIcon{filter:contrast(0) brightness(190%)}.active>.Editor-sidebarIcon{filter:none}.btn-sidebar{border-radius:0}.btn-sidebar:hover{cursor:pointer}.btn-sidebar.active{background-color:#8a8a8a}.btn-sidebar.focus,.btn-sidebar:focus{box-shadow:none}.OfferDetails{flex-grow:1;margin:50px 10%;overflow-y:auto;overflow-x:hidden}.OfferDetails-form{margin:0 5px}ul.TreeSelect-list{list-style:none;padding-left:2px;overflow:auto;width:100%;background-color:#fff;max-height:calc(100vh - 120px);color:#000;font-size:14px}div.TreeSelect-node:hover{background-color:#daf1ff;cursor:pointer}div.TreeSelect-node-selected{background-color:#9ad8ff}.CoveringType-menu{padding:0 5px;height:calc(100vh - 50px);background:#ababab;background:linear-gradient(270deg,#ababab,#6a6a6a 84%,#363636);color:#fff}.CoveringType-covering-info{padding:20px;height:100%}.SurfaceDrawing,.SurfaceDrawing-canvas{display:flex;flex-grow:1;overflow:hidden}.SurfaceDrawing-leftPanel,.SurfaceDrawing-tools{flex-shrink:0}.SurfaceDrawingTools{background-color:grey;height:100%}.SurfaceDrawingTools-head{background-color:#444;color:#fff;padding:2px 10px}.SurfaceDrawingTools-buttonToolbar{background-color:#6c757d}.SurfaceDrawingTools-gridForm{margin:5px;color:#fff}#SurfaceDrawingTools-gridSize{width:100px;text-align:right;padding:2px}.SurfaceDrawingTools-information{color:#fff;margin:5px}.SurfaceDrawingTools-information>p{width:150px;margin:4px}.RotateIcon{transform:rotate(-90deg)}#SurfaceDrawingTools-brightness{border:0 solid;background-color:none}.OptimizationTools{background-color:grey;height:100%;display:flex;flex-direction:column}.OptimizationTools-head{background-color:#444;color:#fff;padding:2px 10px}.OptimizationTools-buttonToolbar{background-color:#6c757d}.OptimizationTools-moveButtons{margin:0;padding:1px 5px 1px 15px;text-align:left;background-color:#6c757d;height:22px;line-height:0}.OptimizationTool-moveButtonsLabel{text-align:left}.OptimizationTools-moveButton{line-height:0;height:20px;width:42px;margin:0 1px}.OptimizationTools-moveButtonsGroup{width:50%;display:inline-block}.OptimizationTools-moveButtonsDiv{background-color:#6c757d}.OptimizationTools-positionLabel{display:inline-block;width:50%;padding:8px 0 0 5px;vertical-align:top}#OptimizationTools-titleRow{padding:1px 5px 1px 15px}#OptimizationTools-lastRow{padding-left:39px;height:25px}.OptimizationTools-formsAndTable{overflow:auto;flex:1 1}.OptimizationTools-forms{color:#fff}#OptimizationTools-maxHeight{width:60px;text-align:right;padding:2px;margin-left:15px;display:inline-block;margin-right:2px}#OptimizationTools-maxHeightLabel{padding-left:20px}.OptimizationTools-slopeList{margin:5px;display:flex;flex-direction:column;flex:1 1 auto}.OptimizationTools-selectable-table{margin:0}.OptimizationTools-selectable-table>thead{background-color:grey;color:#fff}.OptimizationTools-selectable-table>thead>tr>th{border:0}.OptimizationTools-selectable-table>tbody,.OptimizationTools-selectable-table>thead{display:block}.OptimizationTools-selectable-table>tbody{border-right:1px solid #ccc;min-height:150px;overflow-y:auto;overflow-x:hidden}.OptimizationTools-selectable-table>tbody>tr>td{border-top:none;border-bottom:1px solid #ccc}.OptimizationTools-selectable-table>tbody>tr:hover{background-color:#daf1ff;cursor:pointer}.OptimizationTools-selectable-table>tbody>tr.active{background-color:#9ad8ff}.OptimizationTools-tableBody{background-color:#fff;width:100%;flex:1 1}.OptimizationTools-information{padding:0 10px;background:grey;width:210px;color:#fff;line-height:1.15}.OptimizationTools-maxHeightWarning{text-wrap:wrap;color:red;font-size:14px;width:200px;margin-left:10px;text-align:center}.forms{text-align:center;margin:auto}.input{width:100px}.OptimizationCanvas-segmentDescription{background-color:grey;position:absolute;left:66;bottom:0;width:230px;height:110px;opacity:.8;padding-left:3px}.OptimizationCanvas-segmentDescription p{color:#fff;opacity:1;padding-left:3px;margin:0;font-size:small;text-align:left}.OptimizationCanvas-segmentDescriptionValues{float:right;margin-right:3px}.OptimizationCanvas-inputField{float:right;margin-right:3px;height:19px}.OptimizationInfo-infoValues{position:absolute;left:60%}.CloseBtn{width:160px}.Optimization{display:flex;flex-grow:1;overflow:hidden}.Optimization-tools{flex-shrink:0}.Optimization-canvas{display:flex;flex-grow:1;overflow:hidden}.OptimizationResultsTools{background-color:grey;height:100%}.OptimizationResultsTools-head{background-color:#444;color:#fff;padding:2px 10px}.OptimizationResultsTools-forms{color:#fff}.OptimizationResultsTools-lengthValue{width:100px;padding:2px}#OptimizationResultsTools-combineSelectedButton{width:100%;border-radius:.2rem}.OptimizationResultsTable-head{font-size:20px;margin:10px}.OptimizationResultsTable{overflow:hidden;position:relative}.OptimizationResultsTable-tableDiv{max-height:calc(80vh - 140px);width:calc(100vw - 320px)}.OptimizationResultsTable-tbody{font-size:12px}.OptimizationResultsTable-thead{background-color:#9e9e9e;color:#fff;font-size:14px}.rt-tr-group:hover{background-color:#daf1ff;cursor:pointer}.rt-thead{overflow-x:hidden;overflow-y:scroll}#OptimizationResultsBotPanel{position:fixed;bottom:0;width:100%;height:130px;background:grey;display:flex}.OptimizationResultsBotPanel-table{display:inline-block;color:#000}.OptimizationResultsBotPanel-left{padding-right:10px}#OptimizationResultsBotPanel-right{padding-bottom:15px}#OptimizationResultsBotPanel-border{border-top:3px solid #000}.OptimizationResultsBotPanel-tableHeader{color:#fff;height:35px}.OptimizationResultsBotPanel-labelGap{width:60px}.OptimizationResultsBotPanel-col{color:#fff;font-weight:700;width:60px}#OptimizationResultsBotPanel-col{width:100px}#OptimizationResultsBotPanel-gap{width:10px}.btn-inputButton{background-color:#fff;color:#000;border:1px solid #000}.btn-dataButton{background-color:#d3d3d3;color:#000}.OptimizationResultsBotPanel-roofArea{color:#fff;font-weight:700;display:flex;align-items:center}.OptimizationResults{display:flex;flex-grow:1}.OptimizationResults-table{width:100%}.OptimizationResults-tools{flex-shrink:0;margin-left:auto;margin-right:0}.OptimizationResults-botPanel{bottom:0}.Flashings{padding:10px;font-size:1.1em;font-weight:600;height:100%;width:100%}.Flashings-topPanel{width:100%;margin-bottom:8px}.Flashings-bottomPanel{display:inline-flex;height:calc(100% - 54px);margin-bottom:auto;width:100%}.Flashings-leftPanel{height:100%;width:250px;display:flex;flex-direction:column}.Flashings-leftPanelSurfaces{box-shadow:4px 0 6px -2px rgba(0,0,0,.83);overflow:auto;max-height:40%;margin-bottom:25px}.Flashings-leftPanelSurfacesButtons{text-align:left;padding-left:15px}.Flashings-leftPanelSurfacesButtons:hover{background-color:rgba(90,150,130,.6)!important}.Flashings-dimensionsCheckbox{font-weight:400;font-size:1em;margin-bottom:auto}.Flashings-dimensionsCheckbox input{position:relative;margin-right:6px}.Flashings-leftPanelFlashings{height:50%;font-size:.9em;font-weight:400;padding:8px;box-shadow:4px 0 6px -2px rgba(0,0,0,.83);margin-top:auto;display:flex;flex-direction:column}.Flashings-leftPanelFlashingsTitleGroup{display:flex;margin-bottom:5px}.Flashings-leftPanelFlashingsTitle{font-weight:600;width:100%;flex-grow:1}.Flashings-leftPanelFlashingsButtonsGroup{overflow:auto;width:100%;display:block}.Flashings-leftPanelFlashingsButtons{text-align:left;padding-left:15px}.Flashings-leftPanelFlashingsButtons:hover{background-color:rgba(90,150,130,.6)!important}.Flashings-canvas{flex-grow:1;overflow:hidden}.Flashings-surfaceButton{width:100%}.Flashings-rightPanel{box-shadow:1px 0 6px -2px rgba(0,0,0,.83);position:absolute;right:15px;bottom:25px;width:300px;max-height:70%;font-size:.9em;font-weight:400;padding:8px;background-color:#fff;display:flex;flex-direction:column;justify-content:space-between}.Flashings-rightPanelTitle{font-weight:600;width:100%;text-align:center}.Flashings-flashingsOnSelectedLines{border-bottom:1.5px solid #000;padding-bottom:16px;min-height:50%;max-height:100%;display:flex;flex-direction:column}.Flashings-flashingsOnSelectedLinesList{overflow:auto}.Flashings-flashingsOnSelectedLinesGroup{margin-bottom:6px}.Flashings-flashingsQuantities{margin-top:12px;height:300px;display:flex;flex-direction:column}.Flashings-flashingsQuantitiesList{overflow:auto}.Flashings-flashingsQuantitiesGroup{display:flex;justify-content:space-between;margin-bottom:6px;align-items:center}.Flashings-flashingsQuantitiesLabel{width:145px}.Flashings-flashingsQuantitiesControl{width:60px}.OfferSummary{margin:15px;width:100%;display:flex;flex-direction:column}.OfferSummary-topPanel{display:flex;justify-content:space-between}.OfferSummary-buttons{margin-top:auto;padding-bottom:10px}.OfferSummary-buttons .btn{padding:6px;display:inline-flex}.OfferSummary-form{font-size:small;max-width:-moz-fit-content;max-width:fit-content;margin-right:80px}.OfferSummary-form .form-group{margin-bottom:0;padding-right:0}.OfferSummary-form .form-control{width:100px;font-size:.8rem;padding:.1rem .2rem;margin-bottom:6px}.OfferSummary-form .form-control-plaintext{font-weight:700;padding-top:3px}.OfferSummary-table{flex:1 1;border:1px solid #b4b4b4}.OfferSummary-botPanel{margin-top:10px}.OfferSummary-botPanelTable{line-height:1.2}.OfferSummary-botPanelBorder{border-bottom:1px solid #383838}.OfferSummary-botPanel td{text-align:right;padding-right:40px}.OfferSummary-botPanel th{padding-right:40px}.OfferSummaryTable{overflow:hidden;position:relative}.OfferSummaryTable-tableDiv{max-height:calc(80vh - 140px);width:100%}.OfferSummaryTable-tbody{font-size:12px}.OfferSummaryTable-thead{background-color:#9e9e9e;color:#fff;font-size:14px}.OfferSummaryTable-tableDiv .rt-tr-group:hover{background-color:#daf1ff;cursor:pointer}.OfferSummaryTable-tableDiv .rt-thead{overflow-x:hidden;overflow-y:hidden}.OfferSummaryTable-tbody input{width:100%}.AccessoryDialog{padding:10px 20px 0}.AccessoryDialog-row{flex-wrap:nowrap;margin-left:0;margin-right:0;margin-bottom:5px}.AccessoryDialog-border{border-bottom:2px solid #7c7979}.AccessoryDialog-group{padding-left:5px;padding-right:5px;margin-bottom:5px}.AccessoryDialog-label{width:20%}.AccessoryDialog-calculateBtn.btn{margin-right:auto;margin-left:auto;margin-bottom:5px}.AccessoryDialog-labelsRow{justify-content:start}.AccessoryDialog-labelsRow label{width:16%}.CompanySelection{margin:auto;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.CompanySelection-Button{width:400px;margin:0 auto}.CompanySelection-Button+.CompanySelection-Button{margin-top:20px}.CompanySelection-Alert{width:auto;font-size:200px;color:red;position:fixed;top:30%;left:50%;transform:translate(-50%,-50%)}.CompanySelection-MainView{margin:auto;flex-direction:column}