body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0;padding:0}body.no-scroll{overflow:hidden}::-webkit-scrollbar{-webkit-appearance:none;width:10px}::-webkit-scrollbar-thumb{background-color:#4b403a66;border-radius:4px;box-shadow:0 2px 4px 0 #00000026}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loader{align-items:center;background:#fff;display:flex;height:100%;justify-content:center;left:50%;opacity:.9;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:999999}.container{overflow:hidden;position:relative}#roomSceneCanvas{overflow:hidden;z-index:1}#myImage,#roomSceneCanvas{left:0;position:absolute;top:0}#myImage{z-index:2}.MuiInputBase-input .MuiOutlinedInput-input{height:auto}.MuiTooltip-tooltip{font-size:13px;font-weight:400;line-height:20px}.MuiFormHelperText-root,.MuiFormHelperText-root.Mui-error{color:#d3314c;margin-left:0}.MuiInputBase-root.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#0000}.LoopRoomBox{text-align:center}.MuiDrawer-root .LoopRoomBox{flex:auto;flex-basis:100%;margin-bottom:20px;max-width:100%;padding-left:0;width:100%}.MuiDrawer-root .SelectRoomRow{margin-left:0;padding:0;width:100%}.NoUnderline{text-decoration:none!important}.DialogHeadingBox{display:flex;justify-content:space-between}.GroutGridColourCanvas{width:100%}.GroutGridColourCanvasSelected canvas{height:100%!important;width:100%!important}.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline:hover,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#0000}.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-outlined{font-weight:400;line-height:18px}.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-outlined.Mui-focused,.MuiFormLabel-root.MuiInputLabel-root.MuiInputLabel-outlined.MuiInputLabel-shrink{opacity:0}textarea{border:1px solid #0000001f;border-radius:8px;color:#000000de;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:400;padding:10px 15px;resize:none;width:calc(100% - 30px)}textarea:focus,textarea:hover{border-color:#e17512;box-shadow:0 1px 8px #e17512}textarea:focus-visible{outline:none}textarea::placeholder{color:#000000de}.y-root .MuiFormLabel-filled{display:none}.MuiAutocomplete-root .MuiOutlinedInput-root{padding:0 9px}.MuiAutocomplete-root .MuiInputLabel-root{margin-bottom:0}.MuiAutocomplete-inputRoot{line-height:14px}.MuiFormControl-root.MuiTextField-root,.MuiInputBase-root.MuiOutlinedInput-root{width:100%}.MuiDialogActions-root{justify-content:center;padding-bottom:24px;padding-left:24px;padding-right:24px}.CommonModalButton{font-weight:400;line-height:25px;min-width:130px;white-space:nowrap}.FullWidthButton{width:100%}.DialogActionsBlock{display:block}.BlackColor{color:#000}.BlackColor:hover{color:#d26f13}.LinkTypeButton{border:none;font-size:16px;padding:0;width:auto}.LinkTypeButton:hover{background-color:initial;border:none;color:#d26f13;padding:0;width:auto}.MuiAutocomplete-popper{background:#fff;border-radius:8px;box-shadow:0 8px 16px rgba(0 0 0 .12)}.MuiAutocomplete-root .MuiInputLabel-shrink{display:none}.CustomDisabled .MuiInputBase-input.MuiOutlinedInput-input.Mui-disabled{background-color:#f1f3f9}a{color:#e17512;cursor:pointer}a:hover{color:#000000de}.UnderLineLink{border-bottom:1px solid #e17512}.UnderLineLink:hover{border-bottom:1px solid #0000}.SignUpBox{margin-left:0!important}.MuiPaper-root.MuiDialog-paper{margin:10px}.CommonFormControl{margin-bottom:20px}.CommonFormControl:last-child{margin-bottom:0}.MuiButtonBase-root.MuiButton-root.NoHoverBg:hover{background-color:initial}.LightSkyBlue{background-color:#f1f3f9}.CommonGrayButton{background-color:#fff;border:1px solid #000000de;color:#000000de}.CommonGrayButton:focus,.CommonGrayButton:hover{border:1px solid #e17512;color:#fff}.BottomNextButton{margin-top:50px;text-align:center}.ChangeRoom{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGMSURBVHgBrZPtTcMwEIbvLq7Ez6gTJBuUCWg3aCYANqhEQYyAKBKM0A3KBs0GZIN4AjC/oT7ODmmbtE1DyitFSuLzcx/2i9BB+bQ/IYRL+2WT+MXo7TWCLkKbAkNEPVrmkzA6GRjPTMYERl53oFgPzm/CMQV0gQxhE5QZxrK7jNHS/rm0b9QaJFkk20JeB9KOseArOCjESsIQzvz3Bhj08JmlBct2FD+ZFI5I3/Vz6SJyEAuy56E4HFVWx4BjBHvdBubi0UpF+AuTmZZrxaEonwlWDBraSNGVm34dtgH+VcrObSCHUIMVtTl9g2bFmXzpNrxyXvuEcKLK2yEVJy4RHQqqO+CgivkPpEsfvwPMb8MBKXrzg+8gtQNjWgKxkWfeBgAYROIbKOeP+2CWeNQ0+PWeaTgkoAUjp9HsI1kD/WBdm85OYjugZtt5FRdb7MaZDTipOAWcb12bjCEiZ7xCfZRH8CmGTuPH99ft/5uW76VKi0sH3eeAtqrcw/+AVq6Nm4M7EGbWkmoIHfQDDiu6j7u5hbMAAAAASUVORK5CYII=) 10px no-repeat;padding-left:40px}.ChangeRoom:focus,.ChangeRoom:hover{background:url(/static/media/ChangeRoomIconWhite.53c823753685fd325671.svg) 10px no-repeat #d26f13}.SaveScene{background:url(/static/media/SaveSceneIcon.598d27cf45302c91085d.svg) 10px no-repeat;padding-left:40px}.SaveScene.Mui-disabled,.SaveScene.Selected,.SaveScene:focus{background-color:#d26f13;border-color:#d26f13;color:#fff}.OptionsPopoverBox li a.LogoutButton{color:#d26f13;font-weight:700}@media screen and (min-device-width:320px) and (max-device-width:480px){.MuiPaper-root.MuiDialog-paper{width:90%}}@media screen and (min-device-width:320px) and (max-device-width:360px){.ChangeRoom,.SaveScene{font-size:12px;padding-left:35px}}@media screen and (min-device-width:320px) and (max-device-width:767px){textarea{font-size:14px}}.GroutBox{background-color:initial}.ChangeRoomBox{align-items:center;display:flex;justify-content:space-between}.TileGroutOptions .TabHeader button{font-weight:700;text-transform:none}.TileGroutOptions .TabHeader button.Mui-selected{color:#000000de}.OptionsButton{min-width:40px;padding-left:0;padding-right:0}.MuiPopover-paper{border-radius:8px;box-shadow:0 5px 15px #00000059}.OptionsPopoverBox{background:#fff;border:1px solid #0000001f;border-radius:8px;padding:10px 0}.OptionsPopoverBox ul{padding-bottom:0;padding-top:0}.OptionsPopoverBox li a{align-items:center;color:#000000de;display:flex;margin-bottom:10px;text-decoration:none}.OptionsPopoverBox li{padding-left:15px;padding-right:15px}.OptionsPopoverBox li:last-child a{margin-bottom:0}.OptionsPopoverBox li a img,.OptionsPopoverBox li a svg{margin-right:8px}.GroutContentBox{background-position:50%;background-size:cover;min-height:400px}.GroutCanvas{border-radius:6px;justify-content:center;margin-top:30px;overflow:hidden}.TabHeader{border-bottom:1px solid #e0e0e0}.TabHeader .MuiTabs-flexContainer{flex-direction:row;width:100%}.TabHeader .MuiButtonBase-root.MuiTab-root{flex:1 1;max-width:inherit}.TileImage{height:100%}.TileImage,.TileImageSecond{border-radius:6px;min-height:100px;width:100%}.TileImageSecond{border:2px solid #fff;cursor:pointer;position:relative;transition:all 1s ease}.TabContent{padding:25px 0}.TitleOption{color:#0009;padding-bottom:15px;text-transform:uppercase}.TilePattern{margin-top:40px}.PatternInfoBtn{border:2px solid #e0e0e0;border-radius:6px;margin-bottom:16px;min-height:74px;padding:15px 10px 10px;text-align:center}.PatternInfoBtn.GroutWidth{align-items:center;display:flex;justify-content:center}.PatternInfoBtn.disabled{opacity:.5;pointer-events:none}.PatternInfoBtn .MuiTypography-root{color:#0009;font-weight:500}.TileInfo span{font-weight:400}.ZeroTop{margin-top:0!important}.GroutColourGrid.Selected,.PatternInfoBtn.GroutWidth.Selected .MuiTypography-root,.PatternInfoBtn.Selected,.PatternInfoBtn.Selected .MuiTypography-root{background:#fcf1e7;border-color:#e17512;color:#e17512;cursor:pointer}.PatternImage{display:inline-block;margin-bottom:5px;transition:all 1s ease}.PatternInfoBtn .PatternIcon{display:block;opacity:1}.PatternInfoBtn .PatternIconHover,.PatternInfoBtn.Selected .PatternIcon{display:none;opacity:0}.PatternInfoBtn.Selected .PatternIconHover{display:block;opacity:1}.SelectedTileEditInfo{display:flex;margin-bottom:5px}.SelectedTileEditInfo p{margin-right:5px}.SelectedTileEditImage img{border-radius:6px}.SelectedTileEdit{margin-bottom:30px}.SelectedTileEditButton{justify-content:left;padding:0}.SearchBox{margin-bottom:30px;margin-top:10px}.SearchContentBox.CommonDrawerBox{padding:0 20px 20px}.SearchBar{align-items:center;background-color:#fff;display:flex;height:62px;padding-top:20px;position:-webkit-sticky;position:sticky;top:0}.SearchButton{background:#fff;border:1px solid #0000001f;border-radius:8px;color:#00000061;font-size:18px;font-weight:400;justify-content:flex-start;width:100%}.SearchButton:hover{background-color:initial;border:1px solid #0000001f;color:#00000061}.SearchButton svg{color:#0009;margin-right:10px}.SelectedTileEditButton:hover{background-color:initial;border:none;color:#e17512}.SearchInput .SelectedTileEditButton{justify-content:center}.GridRow.GridRowSecond,.TileInfo{padding-bottom:10px}.GroutName{color:#0009;font-weight:500;line-height:17px;padding:8px 5px 5px;text-align:center}.GroutName span{display:block;text-align:center}.GroutColour{position:relative;transition:all 1s ease}.GroutColour.Selected .TileImageSecond{border-color:#e17512;transition:all 1s ease}.GroutColour.Selected .GroutName{color:#000000de;transition:all 1s ease}.GroutColorButton.Selected .CheckIcon,.GroutColour.Selected .CancelIcon{opacity:1;transition:all 1s ease}.GroutColorButton .CheckIcon{color:#000;font-size:30px;opacity:0;transition:all 1s ease}.GroutColorOptionContent .GroutColorButton{aspect-ratio:1/1;border:2px solid #fff;height:100%;margin:4px;min-height:100%;min-width:calc(16.66% - 8px);width:calc(16.66% - 8px)}.GroutColorOptionContent .GroutColorButton.Selected{border:4px solid #fff;box-shadow:0 1px 4px #e17512,0 0 0 3px #e17512}.GroutColorOptionContent .GroutColorButton.ExistingSelected{opacity:.55}.CancelIcon{color:#fff;cursor:pointer;display:flex;justify-content:flex-end;opacity:0;position:absolute;right:3px;top:7px;transition:all 1s ease}.PatternInfoBtn.GroutWidth .MuiTypography-root{color:#000000de}.PatternInfoBtn.GroutWidth .MuiTypography-body2{color:#0009;font-size:14px;font-weight:400}.CommonDrawerBox{padding:20px}.SearchInput{margin-right:20px}.SearchInput .MuiOutlinedInput-input{color:#0009;font-size:16px;height:40px;padding:0 20px 0 0}.SearchInput .MuiOutlinedInput-root{border:1px solid #0000001f}.SearchInput .MuiInputBase-root.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#b0b5c4}.SearchInput .MuiInputBase-root.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border:1px solid#e17512;box-shadow:0 0 0 4px #1f51e514}.NoResult{color:#00000061;margin-top:20px}.SearchResultInfo{align-items:center;border:1px solid #d0d3dd;cursor:pointer;display:flex;margin-top:15px;padding:10px 20px}.SearchResultInfo.Selected{border-color:#e17512;border-width:1px}.SearchGroutColor{border-radius:6px;height:48px;margin-right:15px;width:48px}.SelectGroutColourHeader{align-items:center;display:flex;justify-content:space-between;min-height:60px;padding-left:25px;padding-right:25px}.SelectGroutColourGrid{padding:25px}.OrangeColor{color:#e17512}.SwipeableDrawerBox .MuiPaper-root.MuiDrawer-paper{max-width:500px;min-height:100%;min-width:500px}.AccountBox{padding-left:20px;padding-right:20px}.AccountBox .DialogActionsBlock{margin-top:30px}.GroutCanvas.ViewRoomCanvas{display:flex}.GroutColourName{align-items:center;background-color:#fff;display:flex;justify-content:center;min-height:60px;padding:10px 5px;text-align:center}.GroutColourGrid{border:2px solid #e0e0e0}.ColourName{text-transform:uppercase}.GroutColourInner .MuiTypography-root{line-height:1.2em;min-height:24px}.GroutColourInner .MuiTypography-root svg{font-size:16px;line-height:1.2em}.SelectGroutColourOptions{padding:25px}.DisableColour{color:#00000061}.SelectGroutColourName{padding-top:12px}.SelectGroutColourName .MuiTypography-root{font-weight:400}.GroutColorOptionContent{display:flex;flex-wrap:wrap;margin-top:15px}.GroutColorOptionContent .NoGroutButton{border:2px solid #0000001f;overflow:hidden}.line1{border-bottom:2px solid #e53451;height:64px;position:absolute;transform:translateY(-50px) translateX(-7px) rotate(43deg);width:250px}.AnalyticsBox .MuiSelect-select{background-color:#fff;border-radius:8px}.AnalyticsButton{margin-bottom:30px}.LeftRightButtonBox .MuiButton-startIcon{margin-right:0}.LeftRightButtonBox{display:flex;justify-content:center}.LeftRightButtonBox button{line-height:24px;min-width:130px}.AnalyticsButton .LinkTypeButton svg{margin-right:5px}@media only screen and (min-width:1025px){.GroutColour:hover .TileImageSecond{border-color:#e17512;transition:all 1s ease}.GroutColorButton:hover .CheckIcon,.GroutColour:hover .CancelIcon{opacity:1;transition:all 1s ease}.OptionsPopoverBox li a:hover{color:#e17512}.GroutColourGrid:hover,.PatternInfoBtn.GroutWidth:hover,.PatternInfoBtn.GroutWidth:hover .MuiTypography-body2,.PatternInfoBtn.GroutWidth:hover .MuiTypography-root,.PatternInfoBtn:hover,.PatternInfoBtn:hover .MuiTypography-root{background:#fcf1e7;border-color:#e17512;color:#e17512;cursor:pointer}.PatternInfoBtn:hover .PatternIcon{display:none;opacity:0}.PatternInfoBtn:hover .PatternIconHover{display:block;opacity:1}.GroutColorOptionContent .GroutColorButton:hover{border:2px solid #e17512}.GroutColorOptionContent .NoGroutButton:hover{background-color:#fff}.SearchResultInfo:hover{border-color:#e17512;border-width:1px}}@media only screen and (min-width:1024px){.CustomDivider,.TakePhoto{display:none}}@media only screen and (min-width:320px) and (max-width:767px){.PatternInfoBtn{min-height:64px}.GroutColourInner .MuiTypography-root svg{font-size:14px}.PatternInfoBtn.GroutWidth .MuiTypography-body2{font-size:12px}.GroutContentBox{min-height:250px}.TileInfo{padding-bottom:5px}.TileImage,.TileImageSecond{min-height:90px}.GridRow.GridRowSecond{padding:20px 25px 0}.SwipeableDrawerBox .MuiPaper-root.MuiDrawer-paper{min-width:100%}.GroutColorOptionContent .GroutColorButton.Selected{border:2px solid #fff;box-shadow:0 1px 3px #e17512,0 0 0 2px #e17512}.MobileRight{justify-content:right}}.Subtitle{display:flex;justify-content:center;margin-top:25px}.PhotoInfo{display:table;margin:25px auto 20px;text-align:center}.PhotoInfo ul li{align-items:flex-start;display:flex;justify-content:center;list-style:circle!important}ul.CustomList li:before{background-color:#0009;border-radius:25px;content:"";display:block;left:0;margin-right:7px;min-height:7px;min-width:7px;position:relative;top:10px}.DefaultTile{aspect-ratio:1/1;max-width:calc(16.66% - 8px);min-width:calc(16.66% - 8px);padding:4px 5px}.AddYourPhotoBox,.DefaultTile{background-position:50%;background-size:cover;border-radius:0;display:flex}.AddYourPhotoBox{border:none;margin-left:auto;margin-right:auto;min-height:120px;min-width:120px;padding:0}.AddYourPhotoBox:hover{border:none}.AddYourPhotoInner{align-items:center;background:#fff9;display:flex;height:100%;justify-content:center;min-height:120px;min-width:120px;padding:4px 5px;width:100%}.DefaultTile,.DefaultTile:hover{border:none!important}.AddYourPhotoBox h6{font-size:14px}.AddYourPhotoBox svg{font-size:35px}.DefaultTileContainer Button{margin-bottom:8px;margin-left:4px;margin-right:4px}.DefaultTileContent{display:flex;flex-wrap:wrap;justify-content:flex-start;max-height:490px;overflow-x:auto}@media only screen and (min-width:320px) and (max-width:480px){.DefaultTile{min-width:calc(33.33% - 8px)}}@media only screen and (min-width:320px) and (max-width:767px){.AddYourPhotoBox,.AddYourPhotoInner{min-height:100px;min-width:100px}.AddYourPhotoBox svg{font-size:25px}.AddYourPhotoBox h6{font-size:13px}.PhotoInfo{text-align:left}.PhotoInfo ul li,.Subtitle,.TileBannerTitle.BannerTitle.LeftAlign{justify-content:flex-start}.AddYourPhotoBox{margin-left:4px;margin-right:inherit}}.CommonLinkButton:hover,body .CommonLinkButton{background:none;border:none;color:#000}.MultipleIcon{color:#00000061;font-size:27px;font-weight:500;left:50%;position:absolute;top:55px;transform:translate(-50%)}.NavigationBox .NavigationArrow.Mui-disabled{border:1px solid #0000001f}.NavigationArrow.Mui-disabled svg{color:#0000001f}.NavigationBox .NavigationArrow{background:#fff;border:1px solid #0009;border-radius:4px;max-height:40px}.NavigationArrow svg{color:#e17512}.NavigationBox{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px;margin-top:0;width:100%}.NavigationInfo h6{color:#00000061}.homes{color:red}.BannerBox{background:url(/static/media/CBPTileGroutBanner.dab24a3cff19fa012bff.jpg) no-repeat;background-size:cover}.BannerBox,.BannerOverlay{min-height:400px}.BannerOverlay{align-items:center;background:#00000080;display:flex;justify-content:center}.BannerContainer{padding-bottom:40px;padding-top:40px;width:100%}.BannerContent{padding:20px 25px 0}.BannerTitle .MainHeading{white-space:nowrap}.BannerTitle{align-items:center;display:flex;justify-content:center}.MainHeading{color:#fff}.BannerTitle img{margin-right:10px}.BannerButton p,.BannerSubTitle p{color:#fff;text-align:center}.BannerButton{align-items:center;display:flex;justify-content:center}.BannerButton svg{color:#fff;font-size:30px;margin-left:10px}.BannerSubTitle{display:table;margin:25px auto 30px;max-width:560px}.GridRow{padding:50px 32px}.HeadingSecond{padding-bottom:50px;text-align:center}img{height:auto;max-width:100%}.TextParaSecond{display:table;margin-left:auto;margin-right:auto;max-width:900px;padding-top:25px;text-align:center}.TextCenter{justify-content:center;text-align:center}.SelectBestGroutColor p{margin-bottom:20px}.ResourcesBox{margin-top:20px}.ResourcesBox li{margin-bottom:25px}.ResourcesBox li:last-child{margin-bottom:0}.ResourcesBox li a{align-items:center;display:flex;font-weight:700;justify-content:center;margin-left:auto;margin-right:auto;text-decoration:none;width:auto}.ResourcesBox li a:hover svg.CustomSvg path{stroke:#000}.ResourcesBox li a svg{margin-right:10px}.BannerLogo{background:#ffffffa6;text-align:center}.BannerButton .MuiButtonBase-root{background:#ffffff40;border:2px solid #e17512;border-radius:4px;color:#fff;max-width:340px;width:100%}.BannerButton .MuiButtonBase-root:hover{border:2px solid #e17512}.GetStartedLink{max-width:340px;width:100%}@media only screen and (min-width:320px) and (max-width:767px){.ResourcesBox li a{font-size:14px;justify-content:left;margin-left:inherit;margin-right:inherit}.BannerBox,.BannerOverlay{min-height:280px}.ViewRoomModal .LoopRoomBox{padding-left:0}.ViewRoomModal .GridRow{margin:0;padding:0;width:100%}.ViewRoomModal .SelectGroutColourGrid{padding:15px}.ViewRoomModal .SelectGroutColourOptions{padding:25px 0}.LoopRoomBox{margin-bottom:24px}.GridRow{padding:30px 25px}.HeadingSecond{padding-bottom:25px;text-align:left}.TextCenter{justify-content:left}.TextCenter,.TextParaSecond{text-align:left}.LoopRoomBox:last-child{margin-bottom:0}}.CaptureIcon{border:3px solid orange;border-radius:50px;cursor:pointer;height:50px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.PhotoFooter{position:relative}.PhotoCancelButton{left:20px}.PhotoButton,.PhotoCancelButton{position:absolute;top:50%;transform:translateY(-50%)}.PhotoButton{right:20px}.CropPhotoHeader{display:flex;justify-content:space-between}body .CommonLinkButton{background:none;border:none;color:#000}.CropPhotoCanvas{display:table;margin:0 auto}.Relative{position:relative}.PaddingBottom0{padding-bottom:0!important}.MargingBottom0{margin-bottom:0!important}@media only screen and (min-width:320px) and (max-width:350px){.CropPhotoHeader .CommonGrayButton,.CropPhotoHeader .CommonLinkButton,.CropPhotoHeader .UsePhotoButton{font-size:11px!important}}@media only screen and (min-width:320px) and (max-width:767px){.CropPhotoHeader .CommonGrayButton,.CropPhotoHeader .CommonLinkButton,.CropPhotoHeader .UsePhotoButton{font-size:12px}}.RoomBox,.RoomContent.MuiBox-root{display:inline-flex}.RoomBox{border:3px solid #0000;border-radius:6px;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all 1s ease}.RoomItemBox{display:inline-flex}.RoomHeadingBox{align-items:center;background:#00000080;display:flex;left:0;min-height:40px;padding:8px 25px;position:absolute;top:0;width:calc(100% - 50px)}.RoomContent img{border-radius:6px}body .RoomHeading{color:#fff;font-weight:500;text-transform:capitalize}.RoomName{left:50%;padding-top:36px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.RoomName .MuiTypography-root{color:#fff;font-weight:600;text-transform:capitalize}.RoomBox.Selected,.RoomBox:focus{background:#0009;border:3px solid #e17512;border-radius:6px;transition:all 1s ease}.RoomBox.Selected .RoomContent:before,.RoomBox:focus .RoomContent:before{opacity:1;transition:all 1s ease}.RoomContent:before{background-color:#0009;content:"";display:block;height:100%;opacity:0;position:absolute;transition:all 1s ease;width:100%}.RoomBox .VisualizeButton{font-weight:500}.RoomName .VisualizeButton img{margin-right:8px}.VisualizeButton{display:none;opacity:0;transition:all 1s ease}.RoomBox.Selected .VisualizeButton,.RoomBox:focus .VisualizeButton{display:flex;opacity:1;transition:all 1s ease}.SceneName{display:block;opacity:1;transition:all 1s ease}.RoomBox.Selected .SceneName{display:none;opacity:0;transition:all 1s ease}@media only screen and (min-width:1025px){.RoomBox:hover .SceneName{display:none;opacity:0;transition:all 1s ease}.RoomBox:hover .VisualizeButton{display:flex}.RoomBox:hover .RoomContent:before,.RoomBox:hover .VisualizeButton{opacity:1;transition:all 1s ease}.RoomBox:hover{background:#0009;border:3px solid #e17512;border-radius:6px;transition:all 1s ease}}.logoBox svg{cursor:pointer}@media screen and (max-device-width:800px){.logoBox svg{width:180px}}.header{height:74px;padding:0 25px}.headerRightSide{display:flex;justify-content:flex-end}body .PasswordLabelBox{display:flex;justify-content:space-between}.ForgotPassword{font-size:12px;font-weight:400}.AlertMsgBox{align-items:center;background:#fcf1e7;border:1px solid #e17512;border-radius:6px;display:flex;justify-content:center;margin-bottom:20px;padding:5px 10px}.AlertMsgBox p,.AlertMsgBox svg{color:#e17512}.AlertMsgBox svg{margin-right:8px}.PasswordInfo{color:#0009;font-size:13px;font-weight:400}.NotesInfo{color:#000000de;font-size:14px;font-weight:400;margin-left:5px}.AgreeCheckbox{align-items:flex-start;margin-right:0!important;margin-top:-9px}.AgreeCheckbox .MuiTypography-root{font-size:13px}.headerRightSide .MuiButtonBase-root:hover{border:none;color:#e17512}.AccountDetailBtn svg{color:#1f2127;font-size:25px}.AccountBox .AccountHeading{color:#e17512}.AccountTabContent .AccountDetails,.UpdateEmailInfo{padding-left:25px;padding-right:25px}.AccountDetails .DeleteLink{color:#d3314c;font-size:16px;margin-bottom:15px;padding:0}.AccountDetails .DeleteLink:hover{border:none;color:#1f2127}.TextFieldReadOnly .MuiInputBase-root.MuiInput-root.MuiInput-underline:before,.TextFieldReadOnly .MuiInputBase-root.MuiInput-root:after{border-bottom:none!important}.TextEditBox{justify-content:space-between}.FooterButton,.TextEditBox{align-items:center;display:flex}.FooterButton>:not(:first-of-type){margin-left:8px}.TextEditBox a{font-weight:600;text-decoration:none}.NoteBox{display:inline-block;padding-left:10px}body .SavedScenes{box-shadow:0 5px 15px #00000059;margin-left:25px;margin-right:25px}.SavedScenesHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px;margin-top:15px;padding-left:15px;padding-right:15px}.SavedScenes .GroutContentBox{min-height:250px}.GroutColourSecond .TileImageSecond{aspect-ratio:1/1;min-height:auto}.SavedScenesGroutColor{padding:0 15px 15px}.SavedScenesGroutCol{padding-left:5px;padding-right:5px}.SavedScenesGroutColor h6{color:#0009}.GroutColourSecond h6,.SavedScenesHeader svg{color:#000}.SavedScenesGroutJointWidth h6{margin-bottom:10px}.GroutColourSecond{margin:15px 0}.SavedScenesGroutJointWidth{margin-top:10px}.AnalyticDropdown .MuiInputBase-root{background-color:#fff}body .MuiPaper-root.AnalyticsBox{background-color:#f1f3f9;padding:10px 5px}.AnalyticTable th:first-child{align-items:center;color:#e17512;display:flex;font-weight:700;text-transform:uppercase}.AnalyticTable th{color:#0009;font-weight:400;padding-bottom:15px;text-align:left}.AnalyticTable td{color:#000000de;padding:10px 0}.UsageCommonBox{background:#fff;border-radius:4px;margin-bottom:30px;padding:15px 12px}.AnalyticTable .Numbers{text-align:right}.AnalyticsGroutColorBox{border-radius:4px;height:30px;width:40px}.AnalyticsGroutColor,.AnalyticsTilePattern{align-items:center;display:flex}.AnalyticTable .SerialNumber,.AnalyticsGroutColorBox,.AnalyticsTilePatternBox{margin-right:15px}.AnalyticsTilePatternBox{background-repeat:no-repeat;min-height:42px;min-width:42px}.AnalyticsGroutColorName .MuiTypography-body2{font-size:14px;line-height:15px}.AnalyticTable .InfoIcon{cursor:pointer;font-size:16px;margin-left:6px}@media screen and (min-device-width:320px) and (max-device-width:767px){.AgreeCheckbox .MuiTypography-root,.PasswordInfo{font-size:12px}.TextEditBox a{font-size:14px}}@media screen and (min-device-width:320px) and (max-device-width:480px){body .SavedScenes{margin-left:10px;margin-right:10px}.AccountTabContent .AccountDetails,.UpdateEmailInfo{padding-left:10px;padding-right:10px}}.ReactCrop{cursor:crosshair;display:inline-block;max-width:100%;overflow:hidden;position:relative}.ReactCrop *,.ReactCrop :after,.ReactCrop :before{-webkit-box-sizing:border-box;box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-height:inherit;max-width:100%}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{-ms-touch-action:none;touch-action:none}.ReactCrop__crop-selection{border:1px dashed #fff;-webkit-box-shadow:0 0 0 9999em #00000080;box-shadow:0 0 0 9999em #00000080;cursor:move;left:0;position:absolute;top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%;-webkit-box-shadow:0 0 1px 1px #fff,0 0 0 9999em #00000080;box-shadow:0 0 1px 1px #fff,0 0 0 9999em #00000080}.ReactCrop__crop-selection:focus{border-color:blue;border-style:solid;outline:none}.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{background-color:#fff6;content:"";display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-vt:before{height:100%;width:1px}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:after,.ReactCrop__rule-of-thirds-hz:before{height:1px;width:100%}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute}.ReactCrop__drag-handle:after{background-color:#0003;border:1px solid #ffffffb3;content:"";display:block;height:10px;outline:1px solid #0000;position:absolute;width:10px}.ReactCrop__drag-handle:focus:after{background:#2dbfff;border-color:blue}.ReactCrop .ord-nw{cursor:nw-resize;left:0;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-nw:after{left:0;top:0}.ReactCrop .ord-n{cursor:n-resize;left:50%;margin-left:-5px;margin-top:-5px;top:0}.ReactCrop .ord-n:after{top:0}.ReactCrop .ord-ne{cursor:ne-resize;margin-right:-5px;margin-top:-5px;right:0;top:0}.ReactCrop .ord-ne:after{right:0;top:0}.ReactCrop .ord-e{cursor:e-resize;margin-right:-5px;margin-top:-5px;right:0;top:50%}.ReactCrop .ord-e:after{right:0}.ReactCrop .ord-se{bottom:0;cursor:se-resize;margin-bottom:-5px;margin-right:-5px;right:0}.ReactCrop .ord-se:after{bottom:0;right:0}.ReactCrop .ord-s{bottom:0;cursor:s-resize;left:50%;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-s:after{bottom:0}.ReactCrop .ord-sw{bottom:0;cursor:sw-resize;left:0;margin-bottom:-5px;margin-left:-5px}.ReactCrop .ord-sw:after{bottom:0;left:0}.ReactCrop .ord-w{cursor:w-resize;left:0;margin-left:-5px;margin-top:-5px;top:50%}.ReactCrop .ord-w:after{left:0}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{height:6px;left:0;margin-top:-3px;top:0;width:100%}.ReactCrop__drag-bar.ord-e{height:100%;margin-right:-3px;right:0;top:0;width:6px}.ReactCrop__drag-bar.ord-s{bottom:0;height:6px;left:0;margin-bottom:-3px;width:100%}.ReactCrop__drag-bar.ord-w{height:100%;left:0;margin-left:-3px;top:0;width:6px}.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w,.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle{display:none}@media(pointer:coarse){.ReactCrop .ord-e,.ReactCrop .ord-n,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{height:24px;width:24px}}
/*# sourceMappingURL=main.392a7fa7.css.map*/