:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2;margin-bottom:.5rem;margin-top:0}input,button{cursor:pointer}.table{display:table;width:100%;border-collapse:collapse}.thead{display:table-row-group;width:100vh;max-width:100vh;border:none}.tbody{display:block;max-height:60vh;width:100vh;table-layout:fixed}.tr{display:table;width:100vh;table-layout:fixed;border:none}.th{border:none;border-right:solid black 1px;padding:1%}.td{padding-top:10px;padding-bottom:10px;text-decoration:none;color:#000;font-size:1.7vh;background-color:#fff;border:solid black 1px;border-bottom:none;overflow:hidden}.tfoot{display:table-row-group;color:#fff;font-weight:700;background-color:#9ecb6a;position:sticky;bottom:-1px;width:100vh;max-width:100vh;padding:.7rem;font-size:large;border:none;border-bottom:black solid 1px}.App{background-image:linear-gradient(to bottom,#09b8e1,#09b9e148);min-height:100svh;min-width:calc(100svw - 17px);display:flex;flex-direction:row;align-items:center;justify-content:center;text-align:center;height:100%;width:100%;overflow-x:hidden;overflow-y:hidden;font-weight:700;position:relative;top:0}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.banner{background-color:#0889a7;overflow:visible;height:3vh;width:100vw;display:flex;align-items:center;justify-content:center;position:"relative";border-bottom:1px solid black}.scrolling-text{display:flex;align-items:center;color:#fff;white-space:nowrap;padding-left:100%;animation:scroll 60s linear infinite}.app-page{width:100vw;height:87vh;margin-top:13vh;overflow:auto}.table-page{display:flex;flex-direction:row;justify-content:center;overflow:hidden}.navbutton{font-weight:700;border:ridge 5px #9ecb6a;background-color:#9ecb6a;font-size:3vh;color:#fff;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;box-shadow:1px 1px 1px 1px #5f7a40;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.navbutton:hover{background-color:#82a757;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.showpdfbuttons{width:90%;height:90%;font-weight:700;font-size:1.7vh;color:#fff;background-color:#9ecb6a;border:ridge 5px #9ecb6a;box-shadow:1px 1px 1px 1px #5f7a40;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.showpdfbuttons:hover{background-color:#82a757;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.popupwindow{height:auto;width:fit-content;text-align:center;margin:0;padding:0;border:ridge 5px #9ecb6a;background-color:#fff}.redasterisk{color:#b5651d}.realredasterisk{color:red}.redBackground{background-color:#ff6969}.greenBackground{background-color:#9ecb6a}.whiteBackground{background-color:#fff}.modal{color:#000;position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;cursor:default;z-index:1000}.modal-content{height:auto;background:#fff;width:fit-content;position:fixed;margin:0;padding:1%;border:ridge 5px #9ecb6a;background-color:#fff;align-items:center;z-index:1000;max-height:100vh}.theadThStyle{background-color:#9ecb6a;position:sticky;top:0;padding:.7rem;font-size:large;color:#fff;font-weight:bolder;display:table;border:none}.thStyle{font-size:x-large;top:0;color:#fff;border-bottom:none;border-top:none;border:none;border-right:solid black 1px;padding:1%}.marginTop{margin-top:1%}.fontsizeforinputs{font-size:1.3vh;padding:0;margin:0 1% 1% 0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;overflow:hidden}.fontsizeforinputsrow{font-size:1.3vh;padding:0;margin:0 1% 1% 0;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;overflow:hidden}.personalinputwidths{width:50%;display:flex;align-self:center;justify-content:flex-end}.personalinputbox{width:60%;display:flex;align-self:end;justify-content:flex-end}.clickable-word{display:inline-block;padding:1%;margin:0 1% 1% 0;cursor:pointer;border:1px solid lightgray;border-radius:5px;font-size:1.5vh}.clickable-words{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.clicked{background-color:#b5651d;color:#fff}.input-box{padding:1%;margin:0 0 1%;cursor:pointer;border:1px solid lightgray;border-radius:5px;font-size:1.5vh;width:2.1vw}.pergola-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-auto-rows:auto;align-items:start;height:87vh}.personalinfo-choices,.submit-choices,.permit-choices .freestandingorattached{width:20vw;height:30vh;padding:1%}.headers{color:#000;display:flex;font-size:1.5vh;padding:1%;width:100%;height:fit-content;overflow:hidden}.header-grid-location{width:100%;display:flex;flex-direction:row;overflow:hidden;white-space:nowrap;justify-content:space-between}.style-choices{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:flex-start;width:23vw;padding:1%;height:1vh}.operableornot,.cable-choices,.freestandingorattached,.exteriorstyle-choices,.poststyle-choices{width:100%;padding:0;margin-bottom:1%}.louvercolor-choices{width:11vw;padding:0;margin-bottom:1%}.trimcolor-choices{width:11vw;margin-right:1%;padding:0;margin-bottom:1%}.structbeam{width:23vw;padding:0;margin-bottom:1%}.trimcolor{width:100%;padding:0;margin-bottom:1%}.poststyle-struct-height{display:flex;flex-direction:column}.postheight{padding:0;margin-bottom:1%;width:100%}.trim-louvers{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:0}.bihex-stuff{width:100%;padding:0;height:fit-content}.personalinfo-choices{grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-self:end;padding-right:1%;width:30vw;height:1vh}.personalinfo-stuff{width:100%;padding:0;margin-bottom:1%}.load-selection{height:100%;width:100%}.input-container{display:flex;justify-content:center;align-items:center;height:fit-content}.dimension-choices{width:50%;justify-content:center}.dimensions-load{height:fit-content;width:30vw;display:flex;flex-direction:column;grid-column:2;grid-row:1 / span 2;justify-content:center;padding-top:1%}.load-choices{width:50%;justify-content:center;margin-left:1%}.load-selector-boxes{width:34%;font-size:1.5vh;padding:0;margin:0 0 1%;line-height:normal}.windload,.roofload,.lengthdim,.widthdim{padding:0;width:100%;height:50%}.lengthdim{margin-bottom:1%}.windload{margin-bottom:1.2%}.submit-choices{grid-column:3;grid-row:3;justify-self:end;height:calc(18 * var(--vh));align-self:end;width:25vw;overflow-y:visible;position:relative;display:flex;flex-direction:column-reverse;margin-bottom:5%}.permit-choices{grid-column:3;grid-row:2;justify-self:end;align-self:center;width:13vw;margin-right:1%;z-index:1}.permitchoices{width:100%;height:fit-content;padding:0;z-index:-1}.foundation-roofmount-kneewall{position:fixed;right:26vw;bottom:0;width:50vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;margin-bottom:.33%;z-index:0}.roofmount-only{position:fixed;right:37vw;bottom:0;width:28vw;display:flex;flex-direction:row;justify-content:center;align-items:flex-end;margin-bottom:.33%;z-index:0}.mount-stepdown-soffit{width:100%;margin-right:1%;z-index:0}.mount-stuff{width:100%;padding:0;flex-basis:content;margin-bottom:1%;z-index:0}.stepdown-stuff{width:100%;padding:0;z-index:0}.soffitdepth-stuff{width:100%;padding:0;margin-bottom:1%;z-index:0}.soffitinput{width:14%;height:100%;z-index:0}.foundation-stuff{width:100%;padding:0;margin-right:1%;z-index:0}.gradeheight-stuff{width:100%;padding:0;z-index:0;margin-top:1%}.foundation-choices{width:100%;padding:0;z-index:0}.kneewall-stuff{width:80%;padding:0;height:fit-content;z-index:0}.existingconcretefooting{width:100%;padding:0;z-index:0;margin-top:1%}.submit-stuff{position:relative;width:100%;padding:5%;height:fit-content;z-index:2}.submitbutton{position:relative;width:50%;height:fit-content;font-size:1.5vh}.steelpiers{padding:0;z-index:0;margin-bottom:1%}.pavilionstyle-choices{width:100%;padding:0;z-index:0;margin-bottom:1%}.shingleroof{width:50%;padding:0;margin-top:.5%;margin-right:1%;z-index:1}.roofstyle-choices{width:100%;padding:0;z-index:0;margin-bottom:1%}.roofdensity{width:50%;padding:0;margin-top:.5%}.fanbeam{width:100%;padding:0;margin-top:1%;z-index:1}.heightathouse{width:50%;margin-right:1%;padding:0;margin-top:1%}.heightatfront{width:50%;padding:0;margin-top:1%}.skyview{display:flex;flex-direction:row}.ledlightselection{width:50%;padding:0;margin-top:.5%;z-index:1}.skylightselection{width:50%;padding:0;margin-top:.5%;margin-right:1%;z-index:1}.cleatsorbond{width:50%;padding:0;margin-top:.5%;z-index:1}.value-choices{grid-column:1;grid-row:1;align-self:end;justify-self:end;padding:0;width:10vw;margin-right:1%}.backWallPanels{grid-column:1;grid-row:2;align-self:start;justify-self:end;padding:0;width:10vw;margin-right:1%;margin-top:.3%;display:flex;flex-direction:column}.value-roof{padding:0;width:100%;height:100%}.hangingrailside{width:80%;padding:0;margin-bottom:1%}@keyframes roofSpanChartScroll{0%{transform:translate(5%)}to{transform:translate(-60%)}}@keyframes newScrollableForHeaderScroll{0%{transform:translate(30%)}to{transform:translate(-50%)}}.scrollable{padding-left:5%;padding-right:5%;display:inline-block;white-space:nowrap;animation:roofSpanChartScroll 5s linear infinite}.newScrollableForHeader{padding-left:5%;padding-right:5%;display:inline-block;white-space:nowrap;animation:newScrollableForHeaderScroll 10s linear infinite}.no-arrows::-webkit-inner-spin-button,.no-arrows::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-arrows{-moz-appearance:textfield;appearance:none}.selectedImageOverlay:after{content:"";display:block;position:absolute;inset:0;background-color:#deb887;opacity:.5;pointer-events:none}.centered-text{display:flex;justify-content:center;align-items:center;text-align:center;height:100%}.angledButton{font-size:1.4vh;height:100%;width:100%;padding:5%;align-self:center;display:flex;justify-content:center;align-items:center}.two-columns{columns:2}.single-column{columns:1}.modalinfoleft{display:flex;flex-direction:row;border:solid black;border-width:thin;border-top:none;text-align:center;font-size:small;padding-bottom:0%;width:100%;height:2.8vh;white-space:nowrap}.modalinforight{display:flex;flex-direction:row;border:thin solid black;border-left:none;border-top:none;text-align:center;font-size:small;padding-bottom:0%;width:100%;height:2.8vh;white-space:nowrap}.modalrowleft{padding-left:2%;width:50%;margin:0%;display:flex;flex-direction:row;justify-content:left;overflow:hidden;border-right:#9ecb6a solid 1px}.modalrowright{width:50%;margin:0;padding-right:2%;display:flex;flex-direction:row;justify-content:right;text-align:left;overflow:hidden}.navbarcontainer{position:fixed;top:0;left:0;width:100%;height:13vh;display:flex;flex-direction:column;z-index:1}.navbarnav{display:flex;justify-content:space-between;align-items:center;height:10vh;padding:0;position:relative;width:100%;background-color:transparent}.navlink{background-color:#0889a7;border:none;border-right:1px solid black;border-bottom:1px solid black;font-size:3vh;color:#fff;cursor:pointer;text-decoration:none;transition:background-color .5s ease,font-size .5s ease;height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-weight:700;z-index:4000}.navlink:hover{font-size:4vh;transition:font-size .5s ease}.navlink.active{background-color:#08b6dd;color:#000;box-shadow:inset 1px 0 10px 5px #0000004d,inset -1px 0 10px 5px #0000004d;z-index:1;font-size:4vh;transition:background-color .5s ease,box-shadow .5s ease}.App-logo{width:80%;height:80%;background-image:url(/assets/website-logo-white-H6vAiMP5.png);background-size:contain;background-repeat:no-repeat;background-position:center}.App-logo:hover{width:100%;height:100%;cursor:pointer;transition:width .5s ease,height .5s ease}.App-logo.active{width:100%;height:100%;background-image:url(/assets/website-logo-black-Br8tC15Q.png);background-size:contain;background-repeat:no-repeat;background-position:center}.loginbuttonpage{width:50vw;height:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center}.loginbuttonbutton{width:20vw;height:8vh;font-size:3vh}.infomodalcontainer{grid-column:3;grid-row:1;display:flex;justify-self:start;align-self:end;padding-top:1%;width:7vh;height:fit-content;margin-left:-3vw}.infomodalcontent{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:1%;width:80vw;height:90vh}.infomodalclosebuttonwrapper{width:fit-content;height:fit-content;border:solid white 2px;position:absolute;top:1%;right:0;padding:2px}.infomodalclosebutton{cursor:pointer;width:auto;height:auto}.infomodalcolumncontainer{display:flex;width:100%;height:100%;flex-direction:column}.infomodalheader{margin-bottom:0;width:100%;height:15%;padding:1%;padding-bottom:2vh;color:#fff;font-size:3.5vh}.infomodalfooter{position:absolute;bottom:1vh;display:flex;justify-content:space-between;width:100%;margin-top:1rem;background-color:#fff}.fontsize-2vh{font-size:2vh}.marginleft-1{margin-left:1%}.h1{text-align:center;margin-bottom:40px}.autosizercontainer{height:100%;width:100%;overflow:visible}.infoiconcontainer{display:flex;justify-content:flex-end}.infoimagestyle{height:2vh}.infocontent{position:absolute;background-color:#fff;padding:.1%;border:ridge 3px #9ecb6a;box-shadow:0 2px 5px #0000001a;z-index:10000;width:fit-content;height:fit-content;font-size:medium;color:red;white-space:normal;text-align:left}.image-button-container{grid-column:3;grid-row:1;display:flex;justify-content:flex-end}.image-button-wrapper{width:fit-content;height:fit-content;cursor:pointer;font-size:x-small}.view-icon{height:1.9vh}.image-button-close-button{position:absolute;top:1%;right:1%;cursor:pointer;width:auto;height:auto}.image-row{display:flex;flex-direction:row}.image-column{display:flex;flex-direction:column}.image-item{font-size:medium;text-align:center;display:flex;flex-direction:column;align-items:center}.large-image{width:40vh;height:40vh;margin:0;border:ridge 5px #9ecb6a}.x-large-image{width:60vh;height:60vh;margin:0;border:ridge 5px #9ecb6a}.maxmodalheight{max-height:80vh}.image-button-image-container{padding-top:2.5vh;width:100%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.placinganordertooltipsection{display:flex;flex-direction:row;justify-content:center}.placinganordertooltipwrapper{z-index:5000;width:fit-content}.viewingpastordersbottomdiv{color:#000;overflow:visible;padding:1%}.callback{font-size:5vh;display:flex;flex-direction:column}.portal-disclaimer{font-size:2vh;color:maroon}.openWelcomeButton{position:absolute;top:20%;right:1%}.welcome-container{height:100%;width:100%;padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.welcome-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.welcome-section h2{margin-top:0;color:#333}.welcome-section p{color:#666}.placing-order-container{height:100%;padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.placing-order-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.placing-order-section h2,.placing-order-section h3{margin-top:0;color:#333}.placing-order-section p{color:#666}.current-orders-container{height:100%;padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.current-orders-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.current-orders-section h2{margin-top:0;color:#333}.current-orders-section p{color:#666}.pdf-list{list-style:none;padding-left:0}.pdf-list li{position:relative;padding-left:20px}.pdf-list li:before{content:"•";margin-right:"1%";color:#000}.order-history-container{height:100%;padding:20px;background-color:#f9f9f9;font-family:Arial,sans-serif}.order-history-section{margin-bottom:30px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.order-history-section h2{margin-top:0;color:#333}.order-history-section p{color:#666}.star-item{font-style:italic;color:#999}.star-item:before{content:"✱"!important;margin-right:.5em;color:red}.mailContainer{display:flex;flex-direction:column;white-space:nowrap;font-size:1.5vh}.engineeringModalContent{width:80vw;height:80vh;overflow:auto}.gap,.biggap{gap:1vh}.flex-column{display:flex;flex-direction:column;height:100%;justify-content:space-around}.flex-row{display:flex;flex-direction:row}.orderEngineering{display:flex;flex-direction:row;font-size:2vh;justify-content:space-around}.orderEngineering input,.orderEngineering select,.orderEngineering button{font-size:2vh}.engineeringTitle{font-size:5.85vh;font-weight:700;margin-bottom:.5vh;display:flex;flex-direction:row;justify-content:space-between}.engineeringSubtitle{font-size:3.5vh;margin-bottom:.5vh}.stretch{align-self:stretch}.floatRight{float:right}.engineering-input{width:10vw;height:4vh;font-size:3vh;padding:.5vh;margin-right:1vw;margin-left:1vw}.engineeringSubtitleText{color:red;font-size:2.5vh}.engineeringTotal{font-size:3.5vh;font-weight:700;text-align:center}.nextdaywarning{text-align:center}.criteriaContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin-top:1.5vh}.criteriaLabel{width:100%;white-space:nowrap}.image-with-overlay{height:26vh;width:28vh;position:relative;text-align:center;margin:0;display:flex;flex-direction:column}.image-with-overlay:hover .overlay{background-color:#deb887;opacity:.5}.overlay{position:absolute;top:0;left:0;width:100%;height:26vh;background-color:#00f0;transition:background-color .3s ease}.orderingimage{border:15px ridge #9ecb6a;width:auto;height:24vh;padding:0;aspect-ratio:2 / 1}.orderingButtonSize{display:flex;flex-wrap:nowrap;justify-content:center;text-decoration:none;height:fit-content;width:fit-content}.orderingWordButtons{width:100%;background-color:#9ecb6a;text-decoration:none;color:#fff;font-size:2vh}.ordering-container{display:flex;justify-content:center;overflow:hidden}.ordering-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,28vh);height:100%;gap:10px;width:80vw;overflow:hidden;align-items:start;align-content:center}.grid-item{align-self:center;justify-self:center}.grid-item-1-1{grid-column:1;grid-row:1}.grid-item-1-2{grid-column:1;grid-row:2}.grid-item-1-3{grid-column:1;grid-row:3}.grid-item-2-1{grid-column:2;grid-row:1}.grid-item-2-2{grid-column:2;grid-row:2}.grid-item-2-3{grid-column:2;grid-row:3}.grid-item-3-1{grid-column:3;grid-row:1}.grid-item-3-2{grid-column:3;grid-row:2}.grid-item-3-3{grid-column:3;grid-row:3}.grid-item-4-1{grid-column:4;grid-row:1}.grid-item-4-2{grid-column:4;grid-row:2}.grid-item-4-3{grid-column:4;grid-row:3}.product-label{text-decoration:none;color:#fff}.engineering-order-button{position:absolute;top:15vh;right:1vw;width:9vw;height:7vh}.tabsflex{display:flex}.tabsflexsize3{flex:3}.tabssearchbar{display:flex;flex-direction:column-reverse;flex:1;margin-left:"auto";bottom:0}.tabssearchinput{width:100%;height:80%;margin-bottom:2px}.tabs{margin-top:5vh;width:100%;height:75vh;margin-bottom:2%}.tab-list{display:flex;justify-content:flex-start;position:sticky;top:0;list-style:none;margin-bottom:0;font-size:1.5vh}.tab-list-item{margin-right:1%;max-width:20%;flex:1;display:flex;justify-content:center;background-color:#9ecb6a;border:double 5px #5f7a40;border-bottom:black solid 1px;border-top-right-radius:75%;border-top-left-radius:75%;list-style:none;padding:.7rem;box-shadow:1px -1px 1px -1px #384725;color:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.tab-list-active{margin-right:1%;background-color:#5f7a40;color:#000;border:double 5px #9ecb6a;border-bottom:none;box-shadow:0 -1px 0 1px #384725;z-index:3;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.tab-content{max-height:75vh;width:100%;margin-top:-2px}.trackVertical{right:2px;bottom:2px;top:2px;border-radius:3px;transition:all .2s ease!important}.trackVertical:hover,.trackVertical:active{width:12px!important;border-radius:8px!important}.loading-cell{width:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:1px solid black}.confirmedtable{max-height:60vh;width:100%}.confirmedtablewrapper{height:62vh;width:75vw}.confirmedorderstableheaderdiv,.initialorderstableheaderdiv{background-color:#9ecb6a;border:solid black 1px;border-bottom:none;font-weight:700}.initialorderstableheaderdiv,.initialorderstablerowdiv,.confirmedorderstableheaderdiv,.confirmedorderstablerowdiv{display:grid;grid-template-columns:16.66% 16.7% 16.66% 16.67% 16.67% 16.66%;width:100%;align-items:center;justify-content:center}.initialorderstablerowdiv,.confirmedorderstablerowdiv{font-weight:700;border:1px solid black;border-bottom:none;background-color:#fff;color:#000;height:60px;pointer-events:all;transform:translateZ(0);backface-visibility:hidden;grid-gap:0}.confirmedorderstablecell{display:grid;overflow:hidden;pointer-events:all;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;min-width:0;text-overflow:clip;white-space:normal;-webkit-hyphens:auto;hyphens:auto;border-right:1px solid black;height:100%}.confirmedtableheadercells{background-color:#9ecb6a;font-size:2.2vh;padding:5px;color:#fff;font-weight:bolder;border-right:1px solid black;height:100%;position:relative}.confirmedorderstablecell:nth-child(1),.confirmedtableheadercells:nth-child(1){grid-column:1}.confirmedorderstablecell:nth-child(1){border-left:1px solid black}.confirmedorderstablecell:nth-child(2),.confirmedtableheadercells:nth-child(2){grid-column:2}.confirmedorderstablecell:nth-child(3),.confirmedtableheadercells:nth-child(3){grid-column:3}.confirmedorderstablecell:nth-child(4),.confirmedtableheadercells:nth-child(4){grid-column:4}.confirmedorderstablecell:nth-child(5),.confirmedtableheadercells:nth-child(5){grid-column:5}.confirmedorderstablecell:nth-child(6),.confirmedtableheadercells:nth-child(6){grid-column:6}.confirmedorderstablecell:nth-child(7),.confirmedtableheadercells:nth-child(7){grid-column:7}.confirmedorderstablecell:last-child{border-right:none}.confirmedtablefooterwrapper{width:100%;height:12vh}.confirmedtablerfooter{background-color:#9ecb6a;font-weight:bolder;color:#fff;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.isclickedbuttoncolor{background-color:#b5651d;border-color:#b5651d}.processedorderstableheaderdiv{background-color:#9ecb6a;border:solid black 1px;border-bottom:none;font-weight:700}.processedorderstableheaderdiv,.processedorderstablerowdiv{display:grid;grid-template-columns:14.28% 14.28% 14.3% 14.28% 14.3% 14.28% 14.28%;width:100%;align-items:center;justify-content:center}.processedorderstablerowdiv{font-weight:700;border:1px solid black;border-bottom:none;background-color:#fff;color:#000;height:60px;pointer-events:all;transform:translateZ(0);backface-visibility:hidden;grid-gap:0}.unprocessedorderstablerowdiv{height:62px}.processedorderstablecell{display:grid;overflow:hidden;pointer-events:all;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;min-width:0;text-overflow:clip;white-space:normal;-webkit-hyphens:auto;hyphens:auto;border-right:1px solid black;height:100%}.processedtableheadercells{background-color:#9ecb6a;font-size:2.2vh;padding:5px;color:#fff;font-weight:bolder;border-right:1px solid black;height:100%;position:relative}.processedorderstablecell:nth-child(1),.processedtableheadercells:nth-child(1){grid-column:1}.processedorderstablecell:nth-child(1){border-left:1px solid black}.processedorderstablecell:nth-child(2),.processedtableheadercells:nth-child(2){grid-column:2}.processedorderstablecell:nth-child(3),.processedtableheadercells:nth-child(3){grid-column:3}.processedorderstablecell:nth-child(4),.processedtableheadercells:nth-child(4){grid-column:4}.processedorderstablecell:nth-child(5),.processedtableheadercells:nth-child(5){grid-column:5}.processedorderstablecell:nth-child(6),.processedtableheadercells:nth-child(6){grid-column:6}.processedorderstablecell:nth-child(7),.processedtableheadercells:nth-child(7){grid-column:7}.processedorderstablecell:last-child{border-right:none}.zindex-5{z-index:5}.processedred{color:#ea3e3e}.overflowhidden{overflow:hidden}.aligncontent{align-content:none}.drawingoverlayfontsize{font-size:2vh}.drawingoverlayclosebutton{position:absolute;top:1%;right:1%;cursor:pointer}.deletewrapper{position:absolute;top:10%;left:4%;cursor:pointer;width:5vw;height:10vh;z-index:100}.img-grid{height:100%;overflow:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.droppable-area-wrapper{position:absolute;width:50vw;height:70vh;overflow:visible;background-color:transparent!important;display:flex;flex-direction:column;align-items:center;margin-bottom:10vh}.imageHeight{width:50vw;height:70vh!important;border:1px solid black;overflow:hidden;background-color:transparent!important}.thumbnailHeight{width:100%;height:auto!important;border:1px solid black;overflow:hidden;background-color:transparent!important}.img-thumbnail{cursor:pointer;background-color:transparent}.drawing-overlay-container{background-color:#fff;display:flex;justify-self:center;align-self:center;flex-direction:row;align-items:center;justify-content:center;width:80vw;height:89vh;overflow:auto}.droppable-img-container{position:relative;width:50vw;height:80vh;background-color:transparent!important;display:flex;justify-content:center;align-items:center;overflow:visible;background-image:none;background-size:1px 1px}.image-wrapper{position:relative;width:50vw;height:70vh;overflow:visible;background-color:transparent!important;display:flex;flex-direction:column;align-items:center}.small-image-wrapper{width:100%;height:100%;transform-origin:center center;overflow:visible;background-color:transparent}.droppable-area{position:relative;top:0;width:50vw;height:auto;pointer-events:auto;background-color:transparent}.hiddenCanvasElement{display:none!important}.navigation{display:flex;justify-content:space-between;width:100%}.darkGreenBackground{background-color:#82a757;border:1px solid black;border-top:none;color:#fff}.delete-area{background-color:transparent;background-image:url(/assets/TrashCan-r6shMw9M.png);background-size:100% 100%;background-repeat:no-repeat;height:100%;width:100%;display:flex;justify-content:center;align-items:center;font-size:200%;border:none;cursor:pointer}.delete-area.hover{background-image:url(/assets/RedTrashCan-DUvF9Zgm.png)}.delete-area:hover{background-image:url(/assets/RedTrashCan-DUvF9Zgm.png)}.deleteareacontainer{position:absolute;top:10%;left:5%;cursor:pointer;width:5vw;height:10vh;z-index:100}.layerStyles{position:absolute;pointer-events:none;left:0;top:0;width:100%;height:100%}.pickupcontainerwrapper{position:absolute;top:9%;right:1%;display:flex;flex-direction:row;width:fit-content}.pickupcontainercontentwrapper{position:relative;right:25%;height:70vh;width:10vw}.pickupcontainercontent{position:relative;display:flex;flex-direction:column;gap:2%;border-radius:5px;height:70vh;align-items:center}.image-drop-area-wrapper{display:flex;flex-direction:column;position:relative;right:0}.transparent{background-color:transparent}.black{color:#000}.successontSize{font-size:2vh}.drawingoverlaycustommodal{position:fixed;z-index:1001}.drawingoverlaymodalcontentrwapper{overflow:visible;max-height:80vh;height:80vh;width:80vw;display:grid}.drawingoverlaymodalcontent{position:relative;height:75vh;width:100%;display:grid;grid-template-rows:4fr 1fr;grid-template-columns:1fr}.drawingoverlaygridrow1{max-height:100%;grid-row:1;grid-column:1;overflow:auto}.drawingoverlaycustomimggrid{border:1px solid black;padding:1%;grid-template-rows:repeat(2,1fr)}.loadingnewdrawings{width:100%;height:100%;display:grid;align-items:center;justify-content:center}.drawingoverlaylargefontsize{font-size:5vh}.drawingoverlaynormalfontsize{font-size:2vh}.drawingoverlaygridrow2{grid-row:2;width:100%;height:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr;align-items:center}.drawingoverlaygridrow2gridcolumn1{grid-column:1;grid-row:1}.drawingoverlaygridrow2gridcolumn2{grid-column:2;grid-row:1}.drawingoverlaygridrow2gridcolumn3{grid-column:3;grid-row:1}.border-right-none{border-right:none}.currentordersthead{display:table-row-group;border:none}.tableheader{border-collapse:collapse;font-weight:bolder;padding:1%;border:1px solid black;border-bottom:none;font-size:x-large;color:#fff;width:100%;background-color:#9ecb6a}.currentOrdersTableContainer{height:85vh;width:75vw}.currentOrderPdfContainer{height:85vh;width:15%;display:flex;align-items:flex-start;margin-left:3%;margin-top:10vh}.tableStyle{position:sticky;top:10vh;border:solid black 1px;border-bottom:none;width:100%;border-collapse:collapse}.ascending-descending-button{width:auto;height:30%;position:absolute;bottom:5px;right:5px;cursor:pointer}.orderhistoryshowhistorybutton{cursor:pointer;pointer-events:all;z-index:1}.align-start{align-items:start}.orderhistorytableheadergrid{grid-template-rows:1fr 1fr;align-items:center;border:1px solid black;border-bottom:"none";border-left:none}.table-row{border:none;border-top:1px solid black;background-color:#fff;color:#000;height:60px;pointer-events:all;transform:translateZ(0);backface-visibility:hidden;grid-gap:0;border-right:1px solid black}.orderhistorytableheadergrid,.table-row{display:grid;grid-template-columns:14.28% 14.28% 14.3% 14.28% 14.3% 14.28% 14.28%;width:100%;align-items:center}.orderhistorytableheaderheader{border-bottom:1px solid black;border-left:1px solid black;border-right:1px solid transparent;grid-column:1/7;grid-row:1;height:100%;color:#fff;display:flex;justify-content:center;align-items:center;font-size:4vh}.orderhistorytableheaderexportbuttoncontainer{height:100%;border-bottom:1px solid black;border-left:1px solid transparent;grid-column:6 / span 2;grid-row:1;display:flex;justify-content:center;align-items:center}.orderhistorytableheadercolumnheader,.table-cell{border-right:1px solid black;height:100%;display:flex;padding:2px;margin:0}.orderhistorytableheadercolumnheader{color:#000;font-size:2.9vh;width:100%;flex-direction:column;white-space:nowrap;overflow:hidden}.table-cell{overflow:hidden;pointer-events:all;align-items:center;justify-content:center;word-break:break-word;overflow-wrap:break-word;min-width:0;text-overflow:clip;white-space:normal;-webkit-hyphens:auto;hyphens:auto}.grid-folder{grid-column:1}.grid-filename{grid-column:2}.grid-jobname{grid-column:3}.grid-date{grid-column:4}.grid-address{grid-column:5}.grid-city{grid-column:6;display:flex;flex-direction:column}.grid-pdfs{grid-column:7}.orderhistorytableheadergrid .grid-folder,.orderhistorytableheadergrid .grid-filename,.orderhistorytableheadergrid .grid-jobname,.orderhistorytableheadergrid .grid-date,.orderhistorytableheadergrid .grid-address,.orderhistorytableheadergrid .grid-city,.orderhistorytableheadergrid .grid-pdfs{grid-row:2}.table-cell:nth-child(3){align-items:start}.table-cell:nth-child(1){border-left:1px solid black}.orderhistorytableheadercolumnheader:nth-child(3){border-left:1px solid black}.orderhistorytableheadercolumnheader:last-child{border-right:none}.orderhistorytablecontainer{height:60vh;width:80vw}.pointereventsall{pointer-events:all}.pdftablecontainer{width:100%;max-height:70vh}.pdftabletable{width:100%;table-layout:fixed;display:table;border-collapse:collapse}.pdftablerow{display:table;table-layout:fixed;border:none}.pdfth{border:none;padding:1%;font-size:2.5vh}.pdfthead{display:table-row-group;border:none}.pdftd{padding-top:10px;padding-bottom:10px;text-decoration:none;color:#000;font-size:1.7vh;background-color:#fff;border:none;border-top:solid black 1px;overflow:hidden}.actualopenpdfbutton{background:none;border:none;cursor:pointer;pointer-events:all;padding:0;text-decoration:none}.orderhistorytableheaderwidth{width:80vw}.orderhistorytableheaderexportbutton{font-size:2vh;height:90%}.borderrightnone{border-right:none}.orderhistorytableheadercellwrapper{color:#fff;flex:2;margin-bottom:1%}.orderhistorytableheadersearchinput{width:100%;align-self:end;flex:1 1 0%;border-image:initial;border:none;outline:none;box-sizing:border-box;padding:0 0 0 10px;font-size:2vh}.orderHistoryMainTableContainer{height:fit-content;width:80vw;position:relative;margin-top:5vh}.orderHistoryPdfContainer{height:75vh;width:15%;display:flex;align-items:flex-start;margin-left:2%;margin-top:10vh}.showhistory{width:90%;height:90%;font-weight:700;font-size:1.7vh;color:#fff;background-color:#9ecb6a;border:ridge 5px #9ecb6a;box-shadow:1px 1px 1px 1px #5f7a40;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;z-index:10;position:relative;pointer-events:all}.showhistory:hover{background-color:#82a757;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.archivebuttons{padding-left:1%;padding-right:1%;font-weight:700;border:ridge 5px #9ecb6a;background-color:#9ecb6a;font-size:2.4vh;color:#fff;box-shadow:1px 1px 1px 1px #5f7a40;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.archivebuttons:hover{background-color:#82a757;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}.ReactVirtualized__Grid,.ReactVirtualized__Grid__innerScrollContainer{pointer-events:auto!important}.contact-list{margin-top:13vh;max-height:87vh;height:87vh;padding:.5rem;overflow-y:auto;width:100%}.contact-list-container{max-width:100%;margin:0 auto;display:flex;flex-direction:column}.contact-list-title{text-align:center;background:#000;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-size:3vh;margin-bottom:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.contact-sections-wrapper{display:flex;flex-wrap:wrap;padding:0 4px}.contact-column{flex:25%;max-width:25%;padding:0 4px}.contact-section{margin-top:8px;background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.section-title{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.25rem .5rem;margin:0;font-size:2vh;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.contacts-grid{display:flex;flex-direction:column;gap:.25rem;padding:.4rem}.contact-card{background:#fff;border:1px solid #e9ecef;border-radius:3px;padding:.25rem;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.contact-card:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;border-color:#667eea}.contact-info{display:flex;flex-direction:column;gap:.125rem}.contact-name{color:#2c3e50;font-size:1.5vh;font-weight:600;margin:0;line-height:1.1}.contact-title{color:#6c757d;font-size:1.2vh;font-weight:500;margin:0;font-style:italic}.contact-detail{display:flex;align-items:center;gap:.25rem;font-size:1.2vh}.contact-label{color:#495057;font-size:1.2vh;font-weight:600;text-transform:uppercase;letter-spacing:.3px;min-width:25px}.contact-link{color:#667eea;text-decoration:none;font-weight:500;transition:all .2s ease;word-break:break-all;flex:.9;font-size:1.2vh}.contact-link:hover{color:#764ba2;text-decoration:underline}.phone-link:hover{color:#28a745}.email-link:hover{color:#dc3545}@media (max-width: 800px){.contact-column{flex:50%;max-width:50%}}@media (max-width: 600px){.contact-column{flex:100%;max-width:100%}}@media (max-width: 768px){.contact-list{padding:.5rem}.contact-list-title{font-size:1rem;margin-bottom:.5rem}.contacts-grid{gap:.3rem;padding:.4rem}.section-title{font-size:.65rem;padding:.3rem .4rem}.contact-card{padding:.3rem}}@media (max-width: 480px){.contact-list-title{font-size:.9rem}.section-title{font-size:.6rem;padding:.25rem .3rem}.contact-name{font-size:.65rem}.contact-detail{flex-direction:column;align-items:flex-start;gap:.1rem}.contact-label{min-width:auto}}@media print{.contact-list{background:#fff;padding:0;max-height:none}.contact-sections-wrapper{display:flex;flex-wrap:wrap;padding:0 2px}.contact-column{flex:25%;max-width:25%;padding:0 2px}.contact-section{box-shadow:none;border:1px solid #ddd;page-break-inside:avoid;margin-top:4px}.section-title{background:#333!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;padding:.2rem;font-size:.6rem}.contact-card{box-shadow:none;border:1px solid #eee;padding:.2rem}.contact-link{color:#333!important;text-decoration:underline!important}.contacts-grid{gap:.2rem;padding:.25rem}}.customnumericinput{display:flex;justify-content:center;align-content:center;width:66%}.customnumericinput-container{display:flex;flex-direction:row;width:100%}.cni-button{font-size:2vh;padding:0 1%;width:fit-content}.cni-increment{padding-top:1.5%}.center-text{text-align:center;min-width:20px}.header-grid-location-centered{justify-content:center}.header-content{width:90%;overflow:hidden;display:flex;flex-direction:row;justify-content:center}.frontwallheightspecialinput{width:25%}.heightathousespecialinput{width:25%;color:#000}.roofdensityinputwidth{width:95%}.cleatsorbondwordsize{font-size:1.4vh}.flexnowrap{flex-wrap:nowrap}.height-50{height:50%}.cantsubmitfontsize{font-size:large}.cantsubmitlist{width:100%;list-style-type:none;padding:0}.overFlowHidden{overflow:hidden}.submitwordcontainer{white-space:nowrap;width:100%}.submitwordcontainercontent{font-size:2vh;display:inline-block}.submitbuttonwidth{width:9vw}.submitbuttondrawingoverlaycontainer{display:flex;flex-direction:column}.orderoverviewmodal{display:flex;justify-content:center;align-items:center;position:fixed;height:100%;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#222b2be6}.orderoverviewmodalcontent{height:86vh;width:45vw;display:flex;flex-direction:column;background-image:linear-gradient(to bottom,#09b9e148,#09b8e1)}.areyousure{height:10%;background-color:#9ecb6a;top:0;margin-top:0;border:1px solid black}.selectionscontainer{display:flex;flex-direction:row;background-color:#fff;overflow:visible}.selectionscontainercontent1{display:flex;flex-direction:column;text-align:left;margin:0;width:50%;height:100%}.selectionscontainercontent2{display:flex;flex-direction:column;text-align:right;margin:0;width:50%}.nowrap{white-space:nowrap}.specialfontsize{font-size:1.3vh}.specialinstructions{height:fit-content;margin-top:1%;margin-bottom:5%}.specialinstructionscontent{width:94%;margin:-.4%}.button{width:fit-content;height:auto}.no{margin-left:20%;float:left}.yes{margin-right:20%;float:right}.newconcreteslabwhitespace{white-space:nowrap}.deckflashing{margin-bottom:1%;width:100%}.marginbottom{margin-bottom:1%}.deckflashingwrapper{display:flex;flex-direction:column;width:70%;margin-right:1%}.deckdimensionswrapper{display:flex;flex-direction:column;width:70%}.vertchannelcontainer{width:50%;margin-left:1%}.width-90{width:90%}.sunroomwindowwallstylecontainer{flex:1;margin-bottom:1%}.roomstylecontainer{width:100%;margin-bottom:1%}.marginright-1{margin-right:1%}.text-align-center{text-align:center}.bottomtransomscontainer{width:50%;height:100%}.bottomtransomscontainerimpact{width:100%;height:100%}.transoms{display:flex;flex-direction:column;margin-bottom:1%;width:100%}.toptransomswrapper{display:flex;flex-direction:column;width:100%}.othertransomswrapper{display:flex;flex-direction:row;width:100%;flex:wrap;gap:1%;margin-top:1%}.impacttoptransomswrapper{display:flex;flex-direction:column;width:50%}.colordropdown{width:100%;display:flex;justify-content:space-evenly;margin-right:1%;height:3.5vh;font-size:1.5vh;align-items:center;flex-direction:row}.colordropdowninput{width:5.4vw;height:fit-content}.sunroomcolorscontainer{width:100%;margin-bottom:1%}.sunroomcolorsrow{display:flex;flex-direction:row}.sunroomcolorspacerdiv{width:100%;display:flex;justify-content:space-evenly;margin-right:1%;height:3.5vh;align-items:center;flex-direction:row}.roof-panel-container{grid-column:3;grid-row:1;display:flex;justify-self:start;align-self:center;padding-top:1%;width:7vw;height:fit-content;margin-left:-3vw}.button-wrapper{cursor:pointer;width:7vw}.info-icon-wrapper{width:fit-content;height:fit-content;background-color:#fff;position:relative}.roof-panel-button{width:6.2vw;overflow:hidden;text-align:center;display:flex;justify-content:center;align-items:center}.roof-panel-button-large{font-size:1.7vh}.roof-panel-button-normal{font-size:1.5vh}.disabled-button{background-color:gray;border:grey;color:#ff0}.info-icon-position{position:absolute;top:1%;right:1%}.modal-content-custom{width:fit-content;height:fit-content}.panel-title{text-align:center}.highlight-text{color:red}.underline-text{text-decoration:underline}.acwindowwrapper{width:100%;margin-bottom:1%}.acwindowrow{display:flex;flex-direction:row}.spacedevenlcentered{justify-content:space-evenly;align-items:center}.nonebutton{display:flex;flex-direction:row;font-size:1.5vh;justify-content:center;width:100%}.marginleft-7{margin-left:7%}.universaldrawingmodal{z-index:500009}.universaldrawingmodalcontent{width:90%;height:90%;box-sizing:border-box;position:relative;overflow:hidden}.universaldrawingmodalclosebutton{position:absolute;top:1%;right:1%;cursor:pointer;z-index:500010}.recommendedmessage{position:absolute;width:100%;display:flex;justify-content:center;font-size:2.5vh;color:green}.universaldrawingimagecontainer{padding-top:2.5vh;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:auto}.paddingTop1{padding-top:30%}.paddingTop2{padding-top:10vh}.universaldrawingimage{height:30vw;width:30vw;margin:0;border:ridge 5px #9ecb6a;max-width:100%;max-height:100%;object-fit:cover}.codecontainer{display:flex;flex-direction:row}.codebutton{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;height:fit-content;border:none;background:none;background-color:transparent}.codebuttonoverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#add8e680;pointer-events:none}.positionrelative{position:relative}.doororientationmodal{z-index:2005;position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#00000080}.doororientationmodalcontentwrapper{width:80%;height:80%}.doororientationclosebutton{position:absolute;top:1%;right:1%;cursor:pointer;z-index:200}.doororientationmodalcontent{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.patiodoororientationmodalcontent{flex-direction:column;flex-wrap:nowrap}.swingdoororientationmodalcontent{flex-wrap:wrap}.patiodoormodalcontenttext{font-size:2.5vh;color:brown;margin-bottom:-1%}.patiodoorimage{width:auto;height:80%;margin:2%}.patiodoorbuttoncontainer{display:flex;justify-content:space-around;align-items:center;width:50%;margin-top:-1%}.swingdoororientationimagewrapper{flex:0 0 50%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:49%;cursor:pointer;position:relative}.swingdoororientationimage{width:50%;height:90%}.swingdoororientationoverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#add8e680;pointer-events:none}.stainlesssteelhinges{flex:1;height:103%;width:100%}.stainlessteelhingescontent{display:flex;width:100%;height:50%;align-items:center;justify-content:center;flex-direction:column}.stainlessstellclickablewords{flex-wrap:nowrap;width:100%}.doorhardwarecontainer{width:100%;display:flex;height:7vh;align-self:start;justify-content:space-between;align-items:center;flex-direction:column;gap:1vh}.doorhardwareflexcontainer{display:flex;flex:1;flex-direction:row}.doorhardwarebutton{flex:1;font-size:1.4vh;height:100%;margin-right:1%}.doorhardwarebuttoncontent{display:flex;flex-direction:column}.doorhardwaremodal{z-index:2000}.doorhardwaremodalbasesize{height:90vh;aspect-ratio:5 / 3.1}.closebutton{position:absolute;top:1%;right:1%;cursor:pointer;z-index:200}.doorhardwaremodalcontent{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1vh}.imageGrid1{grid-column:1;grid-row:1}.imageGrid2{grid-column:2;grid-row:1}.imageGrid3{grid-column:1;grid-row:2}.imageGrid4{grid-column:2;grid-row:2}.doorhardwaremodalcontent.three-items{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1vh}.doorhardwaremodalcontent.three-items .imageGrid1{grid-column:1 / 3;grid-row:1}.doorhardwaremodalcontent.three-items .imageGrid2{grid-column:3 / 5;grid-row:1}.doorhardwaremodalcontent.three-items .imageGrid3{grid-column:2 / 4;grid-row:2}.imagewordcolumn{width:100%;height:fit-content;padding:0;display:flex;flex-direction:column;align-items:center}.hardwareimagebutton{height:100%;width:70%;aspect-ratio:4 / 3;padding:0;position:relative}.hardwareimagebutton img{width:100%;height:auto;object-fit:cover;aspect-ratio:4 / 3}.hardwareimagebutton span{font-size:2vh}.hardwareoverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#add8e680;pointer-events:none}.walllengthwidth{width:18.3vw}.walllengthcontent{width:100%;height:8vh;color:#000;font-size:1.4vh;display:flex;flex-direction:column}.walllengthcontentrow{width:100%;display:flex;flex-direction:row}.walllengthinputwrapper{flex:1;max-width:20%}.walllengthinput{flex:1;max-width:25%}.doorchoicescontainer{width:9vw;align-self:center;height:8vh;color:#000;font-size:1.4vh;display:flex;flex-direction:column}.doorwidthselect{cursor:pointer;width:80%;font-size:1.4vh;align-self:center;border:1px solid black}.flex1{flex:1}.width-9{width:9vw}.marginLeft{margin-left:1%}.margintop{margin-top:1%}.doorlocationcontainer{width:9vw;align-self:center;height:8vh;color:#000;font-size:1.4vh;display:flex;flex-direction:column}.custommscreenselect{cursor:pointer;width:fit-content;font-size:1.4vh;align-self:center;border:1px solid black}.lineardoorwidth{width:9vw;align-self:center;height:8vh;color:#000;font-size:1.4vh;display:flex;flex-direction:column}.sunroomwalldrawing{width:33%;display:grid;justify-items:center;align-items:center;margin-right:0;margin-left:0}.marginbottom-20{margin-bottom:20%}.marginbottom-15{margin-bottom:15%}.marginbottom-5{margin-bottom:5%}.marginbottom-0{margin-bottom:0}.sunroomwalldrawingimagewrapper{width:fit-content;height:fit-content;margin-bottom:3%;margin-top:3%;background-color:transparent}.sunroomwalldrawingimage{max-height:16vw;background-color:transparent}.underphototextcontainer{margin-bottom:3%;font-size:1.5vh}.red{color:red}.sunroomwalldrawingoptionscontainer{background-color:transparent;width:75%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:20vh;justify-items:center}.doororientationbutton{font-size:1.4vh;height:8vh;width:9vw;padding:5%;align-self:center;display:flex;justify-content:center;align-items:center;flex-direction:column}.doorwidthcontainer{width:9vw;align-self:center;height:8vh;color:#000;font-size:1.4vh;display:flex;flex-direction:column}.doorwidthcontent{cursor:pointer;width:fit-content;font-size:1.4vh;align-self:center;border:1px solid black}.singlewallmodal{z-index:2000;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#00000080}.singlewallmodalclosebutton{position:absolute;top:1%;right:1%;cursor:pointer;z-index:200}.singglewallmodalcontent{width:fit-content;height:fit-content;margin-bottom:3%;margin-top:3%;background-color:transparent}.singlewallimage{max-height:16vw;background-color:transparent}.singlewalloptionsgrid{background-color:transparent;width:50%;margin-top:2%;margin-bottom:15%;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);height:20vh;justify-items:center;column-gap:5%;row-gap:5%}.doororientationoptionbutton{font-size:1.4vh;height:8vh;width:9vw;padding:5%;align-self:center;display:flex;justify-content:center;align-items:center}.frontsideflex{display:flex}.angleddoorhardware{width:100%;display:flex;height:8.5vh;align-self:center;justify-content:space-between;align-items:center;flex-direction:row;gap:1vh}.angledoorbutton{flex:1;font-size:1.4vh}.height-100{height:100%}.space-around{justify-content:space-around}.existingdoorbuttonwrapper{display:flex;flex-direction:row;flex:1}.existingpostswalls{width:100%;height:100%;background-color:transparent;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:visible}.existingpostswallscontent{display:flex;flex-direction:row;align-self:center;justify-content:space-around;justify-self:flex-start;width:90%;margin-right:auto}.existingpostswallshardwarecontainer{height:100%;width:100%;display:grid;grid-template-rows:repeat(32,1fr);grid-template-columns:repeat(32,1fr)}.existingpostswallshardwarewrapper{grid-row:2 / span 3;grid-column:12 / span 9}.clickmeorvaluescontainer{justify-self:center;align-self:center;width:11vh;height:11vh}.clickmeimage{width:inherit;height:auto}.valuesgrid{display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;justify-content:center;align-items:center;height:100%;width:100%}.valuescontainer{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-size:1.3vh;text-align:center}.linconlogcontainer{justify-self:center;align-self:center;background-size:cover;background-repeat:no-repeat;background-position:center}.custom-dropdown{position:relative;width:95%;margin:auto;height:fit-content;padding-bottom:3%}.custom-dropdown-selected{display:grid;padding:1%;border:1px solid #ccc;cursor:pointer;margin:auto;font-size:1.5vh;grid-template-columns:repeat(10,1fr);justify-items:center;align-items:center}.arrow{grid-column:10;grid-row:1;width:1.5vh;aspect-ratio:1 / 1;border:solid black;border-width:0 2px 2px 0}.down{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.up{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.custom-dropdown-options{position:absolute;width:100%;border:1px solid #ccc;height:10vh;background-color:#fff;font-size:1.5vh}.custom-dropdown-option{padding:1%}.option-grid-section{grid-column:1 / span 10;grid-row:1}.bays{width:25%;display:flex;flex-direction:column;justify-content:space-around;height:100%}.bayscontent{display:grid;justify-self:center;align-self:center;margin-top:20%;width:100%}.sunroomwallscontainer{grid-column:1;grid-row:1;justify-self:end;padding-top:1%;width:8vw;height:fit-content;margin-right:2.4%;margin-left:2.4%;display:flex;align-self:center}.sunroomwallsbutton{font-size:2vh;width:7vw;overflow:hidden;margin-top:1vh}.sunroomwallsclosebutton{position:absolute;top:1%;right:1%;cursor:pointer}.row{flex-direction:row}.row-reverse{flex-direction:row-reverse}.align-end{align-items:end}.align-center{align-items:center}.sunroomtypecontainer{width:100%;margin-bottom:1%}.marginleft{margin-left:1%}.threewallflexdirection{flex-direction:column}.railamountspecialinput{width:20%}.structure-layout-container{grid-column:1;grid-row:1;display:flex;justify-self:end;padding-top:1%;width:8vw;height:fit-content;margin-right:2.4%;margin-left:2.4%}.structure-button-container{cursor:pointer;font-size:x-small;background-color:transparent;width:7vw}.structure-button{font-size:1.5vh;display:flex;justify-content:center;align-items:center;width:7vw;overflow:hidden}.structure-button-large{font-size:1.7vh}.modal-close-button{position:absolute;top:1%;right:1%;cursor:pointer;width:auto;height:auto}.image-option{display:flex;flex-direction:column;align-items:center;justify-content:center;width:fit-content;margin-right:4%;margin-left:4%}.image-label{cursor:pointer;position:relative}.fancy-structure-image{width:18vw;height:auto}.image-message-container{height:10vh}.hidden-radio{display:none}.image-container3{max-height:40%;margin-top:auto;display:flex;flex-direction:row;min-width:71.3vw;max-width:71.3vw;height:80vh;overflow:hidden}.image-container3 img{margin:0;border:ridge 5px #9ecb6a}.angledmodalcontent{width:90vw;height:90vh;overflow:visible}.angleimagecontainer{height:100%;width:100%;display:grid;grid-template-columns:repeat(5,2fr);grid-gap:1%;justify-content:center;align-items:center}.angleimagewrapper{position:relative;width:100%;height:80%}.imagesize{width:100%;height:100%}.angledcontainer{flex:1;width:49%;margin-bottom:1%;margin-left:1%}.wallchoices{grid-column:1;grid-row:1;justify-self:end;padding-top:1%;width:8vw;height:fit-content;margin-right:2.4%;margin-left:2.4%;display:flex;align-self:center}.wallchoicesbutton{font-size:2vh;width:7vw;overflow:hidden;margin-top:1vh}.wallsmodal{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;z-index:1000}.wallsmodal-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:1em;z-index:1001;display:flex;justify-content:center}.modal-angled{flex-direction:row;height:90vh;width:90vw;align-items:end}.modal-standard{max-width:80vw!important}.full-visible{width:100%;height:100%;overflow:visible}.fill-visible-content{height:100%;width:100%;background-position:center;background-repeat:no-repeat;display:grid;grid-template-columns:repeat(50,1fr);grid-template-rows:repeat(50,1fr)}.angleddoorhardwaregridlocation{grid-column:21 / span 10;grid-row:1 / span 3}.angledcontent{flex:1;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:1fr;justify-content:center;align-items:center;height:100%;width:100%}.angledcontextindex1{margin-top:"1vh";margin-bottom:"0"}.angledcontextindexnot1{margin-top:"0";margin-bottom:"1vh"}.anglecontentcontextdetails{display:flex;height:100%;width:100%;justify-content:center;align-items:center;font-size:1.4vh;text-align:center}.margintop-1{margin-top:1%}.temocornerscontainer{width:100%;margin-top:1%}.roofspan-main-container{grid-column:3;grid-row:1;display:flex;justify-self:start;align-self:end;padding-top:1%;width:7vw;height:fit-content;margin-left:-3vw}.roofspan-button-container{cursor:pointer;width:6vw}.roofspan-button{width:6vw;overflow:hidden;text-align:center;display:flex;justify-content:center;align-items:center}.roofspan-button-large{font-size:1.7vh}.roofspan-button-normal{font-size:1.5vh}.roofspan-container{display:flex;flex-direction:column;align-items:center;position:relative;padding-bottom:1%;width:90vw;height:90vh}.roofspan-popup-header{margin-bottom:2vh;width:100%;padding:1%;align-content:center}.roofspan-close-button-container{width:fit-content;height:fit-content;border:solid white 2px;position:absolute;top:1%;right:1%;padding:2px}.roofspan-close-button{cursor:pointer;width:auto;height:auto}.roofspan-tables-container{display:flex;justify-content:space-evenly;width:100%}.roofspan-table-column{display:flex;flex-direction:column;width:50%;height:70vh;align-items:center}.roofspan-data-table{margin-bottom:20px;width:90%;border:1px solid black;border-bottom:none}.roofspan-table-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;border:none}.roofspan-table-header{font-size:1.5vh;text-decoration:none;color:#000;background-color:#9ecb6a;border-right:solid black 1px;border-bottom:none;overflow:hidden;padding:5%}.noborderright{border-right:none}.noborderleft{border-left:none}.roofspan-table-cell{font-size:1.5vh;padding:5%;text-decoration:none;color:#000;background-color:#fff;border-right:solid black 1px;border-bottom:solid black 1px;overflow:hidden}.border-left{border-left:solid black 1px}.grid-column-1{grid-column:1}.grid-column-2{grid-column:2}.grid-column-3{grid-column:3}.grid-column-4{grid-column:4}.grid-column-5{grid-column:5}.position-relative{position:relative}.width-100{width:100%}.width-95{width:95%}.marginright{margin-right:1%}.walls-under-modal-content{display:flex;height:80vh;width:40vw;padding:1%;border:ridge 5px #9ecb6a;background-color:#fff;justify-content:center;align-items:center;z-index:2002;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column}.deck-dimensions{width:80%}.flex-row-100width{display:flex;flex-direction:row;width:100%}.colorswrapper{display:flex;flex-direction:column;width:100%;margin-bottom:1%}.spare-part-container{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,1fr);position:relative;height:90%;width:100%}.spare-part-image-container{grid-row:1 / span 4;width:100%}.spare-part-image{width:100%;height:100%;object-fit:contain}.part-details-container{grid-row:5 / span 2;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid black 1px}.part-name-container{flex:1;width:100%;display:flex;overflow:hidden;font-size:2vh;align-items:flex-start;justify-content:center;padding:1%;position:relative}.name-fade-overlay{bottom:0;position:absolute;height:10%;width:100%;background:linear-gradient(to bottom,#fff0,#fff)}.part-footer{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;width:100%}.spare-part-button-container{grid-column:2;width:100%}.view-spare-part-button{display:flex;justify-content:center;align-items:center;font-size:1.7vh}.display-number{display:flex;align-items:end;justify-content:flex-start;margin-left:1%;margin-bottom:1%}.image-loading-spinner{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;background-color:#fff;border-radius:8px}.spinner{width:10%;aspect-ratio:1 / 1;border:4px solid #e3e3e3;border-top:4px solid #9ecb6a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.noSpinner::-webkit-outer-spin-button,.noSpinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.noSpinner[type=number]{-moz-appearance:textfield;appearance:textfield}.part-modal{width:90vw;height:90vh;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr;align-content:start}.part-modal-close-button{cursor:pointer;width:auto;height:auto;position:absolute;top:1%;right:1%}.part-modal-image-container{grid-column:1;grid-row:1;z-index:1;height:88%;width:100%;margin-left:5%}.part-modal-image-wrapper{width:90%;height:auto;display:flex;justify-content:center}.part-modal-image-box{box-shadow:0 4px 8px #0006,0 6px 20px #00000030}.part-modal-image{width:100%;height:100%}.part-modal-colors-grid{display:inline-grid;grid-template-columns:repeat(4,1fr);width:90%;height:fit-content;grid-template-rows:1fr;column-gap:1%;padding:1%}.part-modal-color-item{text-align:center;position:relative}.part-modal-color-button-selected{box-shadow:0 2px 4px #0006,0 2px 4px #0006;border:none}.part-modal-color-button{height:auto;width:5vw}.part-modal-color-image-container{position:relative;width:5vw;height:5vw}.part-modal-color-image{width:100%;height:100%;object-fit:cover}.part-modal-color-name{grid-row:2;text-align:center}.part-modal-details-container{grid-column:1 / span 2;grid-row:1;height:72vh;width:100%;display:flex;flex-direction:column;justify-content:space-between}.part-modal-name-header{font-size:3vh;display:flex;align-items:center;justify-content:center;align-content:center;height:10%}.part-modal-name-text{margin-left:30vw}.part-modal-details-content{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:5vh;flex-wrap:wrap;font-size:2vh}.part-modal-detail-row{display:flex;flex-direction:row;flex-grow:1;padding-left:20%}.part-modal-detail-text{margin-left:30%}.part-modal-quantity-controls{display:flex;flex-direction:row;width:50%;height:10%;justify-content:space-between;margin-left:40%;margin-right:25%}.part-modal-quantity-button{width:20%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2vh}.part-modal-quantity-button-text{height:fit-content;width:fit-content}.part-modal-quantity-input{width:25%;text-align:center;height:100%}.part-modal-add-to-cart-button{grid-column:4;grid-row:1;width:30%;height:100%;display:flex;justify-content:center;align-items:center;margin-left:10%}.part-modal-length-dropdown{width:fit-content;height:2.5vh;padding-left:.5vh;padding-right:.5vh}.spare-parts-container{overflow:hidden}.spare-parts-layout{height:100%;display:grid;grid-template-columns:1fr 9fr;overflow:hidden}.sidebar-container{overflow-y:auto;overflow-x:hidden;height:100%;width:100%;background-color:transparent;margin-left:1%}.search-input{width:100%}.grid-container{height:80vh;width:80vw;overflow:hidden;margin-right:1%}.grid-wrapper{height:100%;width:100%;overflow:hidden}.item-dummy{height:100%;background-color:transparent}.spare-parts-container .roofspan-main-container{position:fixed;top:15vh;right:1vh;justify-self:unset;align-self:unset;margin-left:0;z-index:100;width:6vw;height:auto;pointer-events:auto}.spare-parts-container .roofspan-main-container .modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;pointer-events:auto}.spare-parts-container .roofspan-main-container .modal .roofspan-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;height:90vh}.spare-parts-container .roofspan-main-container .roofspan-button-container{position:absolute;top:0;right:0}.cart-spare-part{height:25vh;width:60vw;background-color:#fff;border-radius:25px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding:1%;column-gap:1%;row-gap:5%}.part-image-container{grid-column:1;grid-row:1/3;align-items:center;justify-items:center}.part-image-wrapper{width:50%}.part-image{width:100%;height:auto;min-width:20px}.part-info-container{grid-column:2;grid-row:1/5;display:flex;flex-direction:column;justify-content:space-around;align-items:center;word-break:keep-all;height:100%;overflow:hidden;text-overflow:ellipsis}.part-name{font-size:2vh;white-space:wrap;word-break:keep-all}.part-details{flex:1;display:flex;flex-direction:row;justify-content:space-between;width:80%}.detail-item{display:flex;flex-direction:row;justify-content:center;white-space:nowrap;word-break:keep-all}.detail-label{color:brown}.quantity-controls{grid-column:3;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:5%;width:100%}.quantity-button{width:100%;height:100%}.quantity-display{display:flex;justify-content:center;align-items:center}.quantity-text{width:fit-content;height:fit-content}.remove-button{width:100%;height:100%;grid-column:4;grid-row:1}.unit-price{grid-column:1;grid-row:4}.description-container{grid-column:2;grid-row:3/5;align-content:center;align-items:center;font-size:1.5vh}.description-label{color:brown}.subtotal{grid-column:3;grid-row:4}.sppersonal-info-container{height:30%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(4,auto);width:80%}.grid-col-1-row-1{grid-column:1;grid-row:1;width:100%}.grid-col-1-row-2{grid-column:1;grid-row:2;width:100%}.grid-col-1-row-3{grid-column:1;grid-row:3;width:100%}.grid-col-2-row-1{grid-column:2;grid-row:1;width:100%}.grid-col-2-row-2{grid-column:2;grid-row:2;width:100%}.grid-col-2-row-3{grid-column:2;grid-row:3;width:100%}.grid-col-1-row-4{grid-column:1;grid-row:4;width:100%}.grid-col-2-row-4{grid-column:2;grid-row:4;width:100%}.datepicker-custom{width:100%;height:100%}.input-error{background-color:#ff4b4b}.react-datepicker-wrapper,.react-datepicker__input-container{display:block;width:100%}.custom-date-input-container{position:relative;width:100%}.date-display-input{width:100%;height:100%;padding:8px 32px 8px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;cursor:pointer}.calendar-icon{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#555;cursor:pointer}.calendar-dropdown{position:absolute;top:calc(100% + 2px);left:0;width:280px;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;z-index:1000}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eee}.current-month{font-weight:600}.month-nav{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:4px}.month-nav:hover{background-color:#f5f5f5}.calendar-days-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #eee}.day-header{padding:8px 0;text-align:center;font-weight:600;font-size:12px}.calendar-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;padding:4px}.calendar-day{height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:50%;margin:1px}.calendar-day:hover:not(.empty){background-color:#f0f0f0}.calendar-day.empty{cursor:default}.calendar-day.selected{background-color:#2684ff;color:#fff}.calendar-day.today:not(.selected){border:1px solid #2684ff}.MSRP-Message-Container{height:30%;display:flex;width:80%;font-size:3vh;white-space:nowrap;flex-direction:column;justify-content:space-around}.redWord{color:red}.bottomNote{font-size:2vh;white-space:normal}.cart-container{overflow:hidden}.cart-main-wrapper{width:100%;height:100%;margin-top:4vh;display:flex;flex-direction:column;font-size:1.5vh}.cart-content-wrapper{width:100%;display:flex;flex-direction:row;align-content:space-between;justify-content:space-between;height:70vh}.cart-items-container{flex:2;display:flex;justify-content:center;align-content:center}.cart-items-list{display:flex;flex-direction:column;justify-content:space-between;gap:5vh;overflow-y:auto;overflow-x:hidden;width:61vw}.cart-sidebar{flex:1;display:flex;flex-direction:column;justify-content:space-evenly;width:20%}.spadditional-info-container{height:30%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);width:80%}.spadditional-info-textarea{width:100%}.additional-info-input{width:100%;height:100%;font-size:2vh}.cart-buttons-container{display:flex;justify-content:space-between;margin-top:2vh;width:100%}.cart-nav-button{cursor:pointer;width:fit-content;height:10vh;font-size:2.5vh;position:fixed;right:1%;bottom:1%}.input-placeholder::placeholder{color:#000}.react-datepicker__input-container{position:relative;display:inline-block;width:100%;height:100%}.width-50{width:50%}.pergolaguttercontainer{display:flex;flex-direction:row;width:100%;margin-top:1%}.pavilionkneewallwrapper{display:flex;flex-direction:column;width:75%}.displays-container{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.displays-grid{height:86vh;width:90vw;max-width:90vw;max-height:86vh;display:grid;grid-template-columns:repeat(3,30vw);grid-template-rows:repeat(2,43vh);justify-content:space-evenly;align-items:space-evenly}.display-item{height:40vh;justify-items:center}.display-window{display:flex;flex-direction:column;position:relative;justify-content:space-around;align-items:center;height:100%;width:fit-content}.image-container{width:auto;height:80%;aspect-ratio:4/3}.display-image{height:32vh;width:auto;aspect-ratio:4/3}.display-name{width:100%;border-top:solid black 1px;font-size:1.6vh;white-space:wrap}.display-info{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;width:100%;font-size:1.6vh}.display-price{width:100%;grid-column:1}.button-container{grid-column:2;width:100%}.view-part-button{display:flex;justify-content:center;align-items:center;font-size:1.6vh}.cart-button{position:fixed;bottom:3vh;right:2vw;width:12vw;height:9vh;white-space:nowrap;z-index:3;font-size:2.5vh}.display-image{width:100%;height:100%;object-fit:contain}.glassoptionscontainer{height:100%;width:90%}.relative{position:relative}.glasspartcontainer{height:25vh;width:60vw;background-color:#fff;border-radius:25px;display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr;padding:1%;column-gap:1%;row-gap:5%}.gridsection1{grid-column:1;grid-row:1;align-items:center;justify-items:center}.gridsection1container{display:flex;flex-direction:row;justify-content:center;white-space:nowrap;word-break:keep-all}.brown{color:brown}.gridsection2{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;justify-content:center;align-items:center;white-space:nowrap;word-break:keep-all}.gridsection2container1{flex:2;font-size:2vh;white-space:wrap;word-break:keep-all}.gridsection2container2{flex:1;display:flex;flex-direction:row;justify-content:space-between;width:80%}.gridsection2container2content{display:flex;flex-direction:row;justify-content:center;white-space:nowrap;word-break:keep-all}.gridsection3{grid-column:3;grid-row:2;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr;gap:5%}.gridsection3button{width:100%;height:100%}.glassquantitywrapper{display:flex;justify-content:center;align-items:center}.removebutton{grid-row:1;grid-column:4}.glassquantitycontent{width:fit-content;height:fit-content}.gridsection4{grid-column:1;grid-row:4}.gridsection5{grid-column:2;grid-row:3/5;align-content:center;align-items:center;font-size:1.5vh}.gridsection6{grid-column:3;grid-row:4}.trap-glass-container{overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.trap-glass-content{height:100%;width:90vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.glass-options-container{width:100%;height:8.8vh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.glass-option-cell{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.glass-option-cell-left{grid-column:1;grid-row:1}.glass-option-cell-right{grid-column:2;grid-row:1}.glass-display-grid{width:100%;height:75vh;display:grid;grid-template-columns:repeat(22,1fr);grid-template-rows:repeat(22,1fr);margin-top:1%;margin-bottom:-1%}.glass-image-container{grid-column:7 / span 10;grid-row:1 / span 18}.glass-image{width:100%;height:100%}.left-side-input{grid-column:5 / span 2;grid-row:11;padding:1%}.bottom-side-input{grid-column:11 / span 2;grid-row:20;padding:1%}.right-side-input{grid-column:17 / span 2;grid-row:11;padding:1%}.dimension-input{width:100%;height:100%}.add-to-cart-button{position:fixed;bottom:3vh;right:15vw;width:12vw;height:9vh;white-space:nowrap;z-index:3;font-size:2.5vh}.go-to-cart-button{position:fixed;bottom:3vh;right:2vw;width:12vw;height:9vh;white-space:nowrap;z-index:3;font-size:2.5vh}.message-container{border:1px solid #ccc;border-radius:4px;padding:.5%;background-color:#f8f9fa;box-shadow:0 1px 3px #0000001a;position:absolute;right:1%;top:30%}.warning-message{color:red;font-weight:600;margin:0;font-size:1.7vh}.info-message{color:#000;font-weight:500;margin:0;font-size:1.7vh}.transom-card{border-radius:12px;padding:1%;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;display:flex;flex-direction:row;height:100%;max-width:100%}.transom-card:hover{box-shadow:0 8px 15px #00000026;transform:translateY(-2px)}.card-unavailable{display:flex;align-items:center;justify-content:center;height:100%;background-color:#ecf0f1;border-radius:8px;color:#7f8c8d;font-style:italic}.card-image-section{flex:1;margin-bottom:1%}.card-image{height:auto;width:auto;aspect-ratio:1 / 1;max-height:100%;max-width:100%;object-fit:cover;border-radius:8px;border:1px solid #ddd;float:left}.card-controls{flex:1;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1%;justify-content:space-evenly;align-content:center;align-items:center}.size-selector{width:90%;display:flex;flex-direction:column;gap:1%}.size-selector label{font-weight:700;color:#2c3e50;font-size:1.8vh}.size-dropdown{padding:2%;border:1px solid #bdc3c7;border-radius:6px;font-size:1.8vh;background-color:#fff}.size-dropdown:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.transom-quantity-controls{width:90%;display:flex;align-items:center;justify-content:center;gap:2%}.transom-quantity-btn{width:25%;height:100%;border:1px solid #bdc3c7;background-color:#fff;border-radius:4px;font-size:2vh;cursor:pointer;transition:all .2s ease}.transom-quantity-btn:hover:not(:disabled){background-color:#ecf0f1}.transom-quantity-btn:disabled{opacity:.5;cursor:not-allowed}.transom-quantity-input{width:99%;padding:2%;text-align:center;border:1px solid #bdc3c7;border-radius:4px;font-size:1.8vh}.transom-quantity-input:focus{outline:none;border-color:#3498db}.color-grid{width:90%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-evenly}.color-item{display:flex;flex-direction:column;align-items:center;gap:1%}.color-button{width:4vh;height:auto;aspect-ratio:1 / 1;border:2px solid #bdc3c7;border-radius:50%;padding:1%;cursor:pointer;transition:all .2s ease;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat}.bronze{background-image:url(https://temoappstorage.blob.core.windows.net/temoimages/UniversalViewingImages/bronze.jpg)}.white{background-image:url(https://temoappstorage.blob.core.windows.net/temoimages/UniversalViewingImages/white.jpg)}.sandstone{background-image:url(https://temoappstorage.blob.core.windows.net/temoimages/UniversalViewingImages/sandstone.jpg)}.color-button:hover{border-color:#3498db;transform:scale(1.1)}.color-button.selected{border-color:#9ecb6a}.color-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.color-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#ecf0f1;color:#7f8c8d;font-weight:700;border-radius:50%}.color-name{font-size:.7rem;text-align:center;color:#7f8c8d;overflow:visible;text-overflow:visible;white-space:nowrap}.add-to-cart-btn{width:90%;color:#fff;background-color:#9ecb6a;border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .3s ease;font-size:1.8vh}.add-to-cart-btn:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.no-border{border:none}.part-display{display:flex;flex-direction:column;justify-content:center;align-items:center}.transom-grid-container{display:grid;grid-template-rows:repeat(3,32%);grid-template-columns:repeat(4,24.25%);gap:1%;height:100%;max-height:87vh}.transom-card-placeholder{border-radius:12px;padding:1%;background-color:transparent;box-shadow:0 4px 6px #0000;transition:all .3s ease;display:flex;flex-direction:row;height:100%;max-width:100%;aspect-ratio:2 / 1}@media (max-width: 768px){.transom-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.transom-grid-container{grid-template-columns:1fr}}.door-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:1vh;padding:1vh;margin:0;width:100%;height:100%}.door-card-placeholder{background-color:#f0f0f0;border:1px dashed #ccc;height:200px;display:flex;align-items:center;justify-content:center;font-size:14px;color:#999;border-radius:8px}.viewing-instructions{font-size:3vh;color:red;position:fixed;bottom:1vh;left:50%;transform:translate(-50%)}.transoms-page{height:87vh;margin-top:13vh;width:100%;overflow:auto;padding:1% 2% 8vh}.transoms-page .cart-button{position:fixed;bottom:1%;right:1%}.back{position:fixed;bottom:1%;left:1%;display:flex;align-items:center;justify-content:center;padding:8px 16px;text-align:center!important;font-size:4vh;line-height:5vh}.loading{display:flex;justify-content:center;align-items:center;height:400px;font-size:1.2rem;color:#7f8c8d}