#leftPanel .design-color-selection>p,#leftPanel #design-views>p:first-of-type{display:flex;align-items:center}#leftPanel .design-color-selection>p,#leftPanel #design-views>p:first-of-type{justify-content:space-between;flex-wrap:wrap}#leftPanel .design-color-selection,#leftPanel #design-views,#leftPanel #space-filler{background-color:#e4e4e4;border-radius:4px;padding:8px;margin-bottom:2px}#leftPanel{width:154px;padding:0 4px 0 4px;z-index:1;background-color:white;position:absolute;left:0;top:0;bottom:0;display:flex;flex-flow:column;height:100%}@media screen and (max-width: 1024px){#leftPanel{width:140px;overflow-y:scroll}}#leftPanel p{margin:0;font-size:15px}@media screen and (max-width: 1024px){#leftPanel p{font-size:12px}}#leftPanel .design-color-selection>p{font-size:15px;width:100%;padding:4px;margin-bottom:4px;border-radius:4px;border-bottom:1px solid #c1c1c1;cursor:pointer;text-transform:uppercase}@media screen and (max-width: 1024px){#leftPanel .design-color-selection>p{font-size:13px}}#leftPanel .design-color-selection>p:hover{background-color:white}#leftPanel .design-color-selection .color-options{display:flex;justify-content:space-evenly;flex-wrap:wrap;flex-grow:0;margin-bottom:6px}#leftPanel .design-color-selection .color-option{margin:2px;padding:2px;border:1px solid lightgrey;cursor:pointer;border-radius:4px;text-align:center;position:relative;max-width:61px}#leftPanel .design-color-selection .color-option:hover{border-color:#279ed6}#leftPanel .design-color-selection .color-option>img{width:55px;height:55px}@media screen and (max-height: 867px){#leftPanel .design-color-selection .color-option>img{width:48px;height:48px}}#leftPanel .design-color-selection .color-option.selected>img{border:2px solid #279ed6}#leftPanel .design-color-selection .color-option>span{display:block;text-align:center;font-size:9px;position:absolute;top:80%;left:50%;transform:translate(-50%, -50%);width:55px;background:white}#leftPanel .design-color-selection .color-option.flooringTile>img{width:44px;height:44px}#leftPanel .design-color-selection .disabled{pointer-events:none}#leftPanel #design-views{flex-shrink:0;flex-grow:0;padding:12px 12px 0 12px}@media screen and (max-height: 667px){#leftPanel #design-views{padding-top:4px}}#leftPanel #design-views>p:first-of-type{width:100%;font-size:15px;text-align:center;padding:4px;margin-bottom:4px;border-radius:4px;border-bottom:1px solid #c1c1c1;cursor:pointer;text-transform:uppercase}@media screen and (max-height: 867px){#leftPanel #design-views>p:first-of-type{font-size:14px}}#leftPanel #design-views>p:first-of-type:hover{background-color:white}#leftPanel #design-views div.change-view-button{height:85px;cursor:pointer;display:flex;align-items:center;flex-direction:column;justify-content:center;border-bottom:1.5px solid #c1c1c1}@media screen and (max-height: 867px){#leftPanel #design-views div.change-view-button{height:70px;padding:4px 0}}@media screen and (max-height: 667px){#leftPanel #design-views div.change-view-button{height:60px;border-bottom:1px solid #c1c1c1}}#leftPanel #design-views div.change-view-button.disabled{pointer-events:none}#leftPanel #design-views div.change-view-button.disabled div{opacity:0.5}#leftPanel #design-views div.change-view-button.active div{background-color:white}#leftPanel #design-views div.change-view-button:hover{background-color:#d4d4d4}#leftPanel #design-views div.change-view-button div{display:flex;padding:2px 10px 4px 10px;width:100%;align-items:center;justify-content:center;flex-direction:column;margin-bottom:0}#leftPanel #design-views div.change-view-button img{max-height:50px}@media screen and (max-height: 867px){#leftPanel #design-views div.change-view-button img{max-height:30px}}#leftPanel #design-views div.change-view-button i{color:#555}#leftPanel #design-views div#toggle-design-marks{position:relative}#leftPanel #design-views div#toggle-design-marks>div:first-of-type{border-bottom:none !important}#leftPanel #design-views div#toggle-design-marks>label{display:flex;align-items:flex-start;cursor:pointer;user-select:none;margin:8px 0}#leftPanel #design-views div#toggle-design-marks>label span.checkmark{display:block;height:16px;width:16px;margin-right:6px;background:whitesmoke;border-radius:25px;border:1px solid lightgrey;flex-shrink:0;position:relative}#leftPanel #design-views div#toggle-design-marks>label span.checkmark.checked:after{content:"";height:6px;width:6px;background-color:#b7725d;position:absolute;border-radius:50%;top:4px;left:4px}#leftPanel #design-views div#toggle-design-marks>div.tool-bar-popout{background-color:#e4e4e4;position:absolute;top:-10px;right:-150px;width:150px;border:1px #333 solid}@media screen and (max-width: 1024px){#leftPanel #design-views div#toggle-design-marks>div.tool-bar-popout{top:-50px}}#leftPanel #design-views div#toggle-design-marks>div.tool-bar-popout>div{padding:8px}#leftPanel #design-views div#toggle-design-marks>div.tool-bar-popout>div:last-of-type{margin-bottom:0}#leftPanel #space-filler{flex-shrink:1;flex-grow:1}#leftPanel.et .design-color-selection .color-option{width:100%}#leftPanel.et .design-color-selection .color-option>img{width:100%}#leftPanel.et .design-color-selection .color-option>span{width:100%}#leftPanel.eg{overflow-y:scroll}#leftPanel.eg #toggleControls{position:fixed;left:130px;bottom:160px;color:white;transform:rotate(270deg)}#leftPanel.eg #toggleControls>button{display:flex;align-items:center;font-size:14px;width:90px;border-radius:0;border-color:lightgrey;background-color:lightgrey;background-image:none;text-transform:uppercase}#leftPanel.eg #toggleControls>button:hover{background-color:grey;border-color:grey}#leftPanel.eg #toggleControls>button i{margin-left:10px}#leftPanel.eg #tileAreaControls{position:fixed;left:195px;bottom:130px;background:whitesmoke;border-radius:5% 5% 5% 0;box-shadow:0 2px 14px 0 rgba(0,0,0,0.5)}#leftPanel.eg #tileAreaControls button{background:whitesmoke;border-color:#2A68A3;border-style:solid}#leftPanel.eg #tileAreaControls i,#leftPanel.eg #tileAreaControls span{color:#2A68A3}#leftPanel.eg #tileAreaControls button.tab{width:45%;margin-left:2.5%;margin-right:2.5%}#leftPanel.eg #tileAreaControls button:focus{border-color:#2A68A3;border-style:solid;border-radius:4px}#leftPanel.eg #tileAreaControls #patternControls h3,#leftPanel.eg #tileAreaControls #trimControls h3{text-align:center;color:#555}#leftPanel.eg #tileAreaControls #patternControls>div>div,#leftPanel.eg #tileAreaControls #trimControls>div>div{display:flex;align-items:center;justify-content:center}#leftPanel.eg #tileAreaControls #patternControls button#invisible,#leftPanel.eg #tileAreaControls #trimControls button#invisible{visibility:hidden}#leftPanel.eg #tileAreaControls #patternControls button.controlButton,#leftPanel.eg #tileAreaControls #trimControls button.controlButton{width:50px;height:50px;margin:10px;border-radius:100%;border-style:solid;border-color:#2A68A3;background:whitesmoke}#leftPanel.eg #tileAreaControls #patternControls button.controlButton:focus,#leftPanel.eg #tileAreaControls #trimControls button.controlButton:focus{border-style:solid;border-color:#2A68A3}#leftPanel.hasImpersonationBar #toggleControls{bottom:196px}#leftPanel.hasImpersonationBar #tileAreaControls{bottom:166px}#leftPanel.pro{width:200px;overflow-y:auto}#leftPanel.pro .design-color-selection{background:#F2F4F8;margin-bottom:8px}#leftPanel.pro .design-color-selection>p{font-size:16px;font-weight:bold;padding:8px;border-bottom:none;text-transform:capitalize}#leftPanel.pro .design-color-selection .color-options{padding:16px;background:white;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:8px;grid-row-gap:8px}@media screen and (max-width: 1024px){#leftPanel.pro .design-color-selection .color-options{grid-template-columns:1fr}}#leftPanel.pro .design-color-selection .color-options .color-option{border:none;max-width:70px;width:100%;padding:0;margin:0}@media screen and (max-width: 1024px){#leftPanel.pro .design-color-selection .color-options .color-option{margin:0 auto}}#leftPanel.pro .design-color-selection .color-options .color-option img{height:48px;width:100%;border-radius:4px;border:1px solid #efefef}#leftPanel.pro .design-color-selection .color-options .color-option>span{position:initial;font-size:11px;color:black;background:none;transform:none;text-align:left;width:100%}#leftPanel.pro .design-color-selection .color-options .color-option.selected>img{border:2px solid #279ed6}#leftPanel.pro #design-views{background:#F2F4F8;margin-bottom:8px;padding:8px}#leftPanel.pro #design-views>p{font-size:16px;font-weight:bold;padding:8px;border-bottom:none;text-transform:capitalize}#leftPanel.pro #design-views .change-view-button{border-bottom:2px solid #878D96}#leftPanel.pro #design-views .change-view-button.obstructions-view{border-bottom:none}#leftPanel.pro #design-views .change-view-button p{font-size:16px}#leftPanel.pro #design-views #toggle-design-marks label{font-weight:bold;font-size:15px}#leftPanel.pro #design-views #toggle-design-marks label span.checkmark{height:24px;width:24px;background:white;border-radius:4px;border:1px solid #ABB7C5}#leftPanel.pro #design-views #toggle-design-marks label span.checkmark.checked:after{left:7px;top:3px;width:7px;height:13px;border:solid black;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);background-color:initial;border-radius:0}#leftPanel.pro #space-filler{background:white}