﻿.facade-tilt{height:100px;}.facade-tilt input{width:198px!important;margin:0 auto;}.facade-tilt .line{position:absolute;margin-left:50px;height:100px;width:1px;background-color:#000;}.facade-tilt .arc{position:absolute;border:1px solid #808080;border-left:0;border-bottom:0;border-top:0;width:100px;height:100px;border-radius:50px;}.facade-tilt .drag{position:absolute;width:14px;height:14px;border-radius:7px;background-color:#f00;}.facade-tilt .lamella-box{position:absolute;width:100px;height:100px;padding-top:25px;padding-left:35px;}.facade-tilt .lamellla-a{width:30px;height:2px;margin-bottom:20px;background-color:#00f;transform:rotate(210deg);}.facade-tilt .lamellla-b{width:30px;height:2px;margin-bottom:20px;background-color:#00f;transform:rotate(210deg);}.facade-tilt .lamellla-c{width:30px;height:2px;margin-bottom:20px;background-color:#00f;transform:rotate(210deg);}.signal-strength{height:18px;overflow:hidden;}.signal-communication-failed{opacity:.2;}.signal-strength div{display:inline-block;width:4px;float:left;height:100%;margin-right:1px;background-color:var(--font-color-primary);}.signal-strength div{background-color:rgba(0,0,0,.1);}.signal-strength div:first-child{margin-top:16px;}.signal-strength div:nth-child(2){margin-top:12px;}.signal-strength div:nth-child(3){margin-top:8px;}.signal-strength div:nth-child(4){margin-top:4px;}.unknown-signal div{background:#000;background:linear-gradient(0deg,var(--font-color-primary) 0%,var(--font-color-primary) 100%);}.terrible-signal div{background-color:rgba(0,0,0,.1);}.terrible-signal div:first-child{background-color:var(--font-color-primary);}.low-signal div{background-color:rgba(0,0,0,.1);}.low-signal div:first-child{background-color:var(--font-color-primary);}.low-signal div:nth-child(2){background-color:var(--font-color-primary);}.acceptable-signal div{background-color:var(--font-color-primary);}.acceptable-signal div:nth-child(4){background-color:rgba(0,0,0,.1);}.acceptable-signal div:nth-child(5){background-color:rgba(0,0,0,.1);}.good-signal div{background-color:var(--font-color-primary);}.good-signal div:nth-child(5){background-color:rgba(0,0,0,.1);}.excellent-signal div{background-color:var(--font-color-primary);}.top-horizontal-menu-content-padding{padding-top:50px;}.input-error{background-color:#ffcfcf!important;box-shadow:inset 0 0 2px 2px #ffcfcf!important;}.content-header{width:100%;margin-top:20px;margin-bottom:10px;text-align:center;}.svg{margin-top:50px;text-align:center;}.svg path{stroke:black;}.range-slider-box span:first-of-type{float:left;}.range-slider-box span:last-of-type{float:right;}.range-slider{-webkit-appearance:none;width:100%;height:15px;border-radius:5px;background:rgba(255,255,255,.2);outline:0;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;}.range-slider-box-threshold{height:55px;}.range-slider-box-threshold span{margin-bottom:10px!important;}.lux-slider-box{margin-top:20px;}.lux-slider-box input{width:calc(100% - 20px)!important;}.lux-slider-box .fa{margin-top:6px;position:relative;top:-35px;}.lux-slider-box span{float:right;}.range-slider-threshold{position:relative;bottom:35px;background:none!important;z-index:-1;float:left;}.range-slider-threshold::-webkit-slider-thumb{-webkit-appearance:none!important;height:45px!important;width:8px!important;background:#474747!important;opacity:.6;clip-path:polygon(8px 0,0 0,0 45px,8px 45px,8px 33px,8px 38px,0 38px,0 7px,8px 7px,8px 40px);}.range-slider-threshold::-moz-range-thumb{height:10px!important;width:2px!important;margin-top:38px;background:#474747!important;}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;}.slider::-moz-range-thumb{width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;}.tab-switch-control{width:100%;display:block;margin:0 auto;text-align:center;margin-bottom:10px;}.tab-switch-control .wrapper{display:inline-block;}.tab-switch-control .wrapper .tab-switch-control-item:first-of-type{border-left:1px;border-style:solid;border-radius:5px 0 0 5px;}.tab-switch-control .wrapper .tab-switch-control-item:last-of-type{border-left:1px;border-radius:0 5px 5px 0;}.tab-switch-control .wrapper .tab-switch-control-item:only-of-type{border-radius:5px 5px 5px 5px!important;border-left:solid 1px;}.tab-switch-control .wrapper .tab-switch-control-item{border:1px;border-style:solid;border-left:0;height:25px;display:inline-block;padding:2px;padding-left:10px;padding-right:10px;line-height:20px;font-size:12px;cursor:pointer;}.icons-carousel{white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.2);touch-action:pan-x;overflow-x:auto;padding-bottom:5px;list-style-type:none;}.icons-carousel li{display:inline-block;margin:2px;height:50px;}.icons-carousel li .fa{text-rendering:auto;-webkit-font-smoothing:antialiased;background-color:rgba(0,0,0,.1);padding:5px;font-size:40px;height:50px;}.progress-bar{height:20px;position:relative;margin:20px 0 20px 0;background:rgba(0,0,0,.2);}.progress-bar span{color:#000;line-height:20px;display:block;height:100%;transition:width .5s;background-color:#2bc253;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0,#2bc253),color-stop(1,#54f054));background-image:-moz-linear-gradient(center bottom,#2bc253 37%,#54f054 69%);position:relative;overflow:hidden;}#TopHorizontalTabMenu{height:50px;width:100%;overflow-x:auto;overflow-y:hidden;list-style-type:none;margin:0;padding:0;z-index:8;white-space:nowrap;box-shadow:0 1px 5px 0;}#TopHorizontalTabMenu .dropdown-button{display:block;color:#fff;font-size:20px;text-align:center;line-height:48px;cursor:pointer;}#TopHorizontalTabMenu .dropdown-button span{margin-left:10px;}#TopHorizontalTabMenu li{padding:10px;display:inline;padding-bottom:20px;padding-top:20px;cursor:pointer;line-height:50px;}.TopHorizontalTabMenuVertical{height:100%!important;overflow-y:scroll!important;height:calc(100vh - 105px)!important;}.TopHorizontalTabMenuVertical li{display:block!important;border-bottom:1px solid rgba(255,255,255,.2);line-height:30px!important;text-align:center;}.big-icon-picture{height:100px;width:100px;font-size:60px;margin-left:calc(50% - 50px);border-radius:50px;color:#fff;background-color:rgba(81,81,87,.37);text-align:center;line-height:100px;}.select-input{width:100%;height:30px;margin-bottom:5px;border-style:solid;border:1px;background-color:#fff;padding:5px;}.position-fixed{position:fixed;}.inline-block{display:inline-block;}.solid-border{border:1px solid #bebebe;}.simple-text-box{font-size:10mm;padding:2mm;padding-left:4mm;padding-right:4mm;display:inline-block;margin:4px;width:90px;text-align:center;}.button{height:30px;padding:5px;padding-left:10px;padding-right:10px;border:0;cursor:pointer;display:inline-block;}.loading{height:40px;width:100%;padding:5px;text-align:center;font-size:18px;}.loading .fa{font-size:18px;}.AppBlind{position:absolute;top:0;bottom:0;left:0;right:0;width:100vw;height:100%;position:fixed;background-position:center;background-size:cover;background-repeat:no-repeat;z-index:50;overflow:hidden;}@-webkit-keyframes AnimatedBackgroundGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@-moz-keyframes AnimatedBackgroundGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}@keyframes AnimatedBackgroundGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}.AppBlindInfo{display:table;width:90%;height:90%;z-index:51;margin:5%;border-radius:5px;overflow:hidden;padding:10px;text-align:center;font-size:40px;}.overfly-button{cursor:pointer;position:fixed;display:inline-block;right:10px;bottom:70px;z-index:7;border-radius:25px;min-width:50px;font-size:20px;text-align:center;line-height:50px;height:50px;}.overfly-button-second{margin-right:60px;}.FloatingWindow{background-image:none;background-color:rgba(0,0,0,.3);}.FloatingWindow .button-cancel{position:relative;float:right;font-size:20px;background-color:rgba(0,0,0,.2);width:40px;height:40px;display:inline-block;line-height:40px;text-align:center;border-radius:20px;cursor:pointer;}.FloatingWindow .window-background{position:absolute;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.3);z-index:50;overflow:hidden;}.FloatingWindow .big-window{width:280px;height:calc(100% - 40px);z-index:51;position:absolute;left:calc(50% - 140px);top:20px;overflow:hidden;padding:5px;font-size:18px;padding-bottom:50px;}@media screen and (min-width:375px) and (max-width:400px){.FloatingWindow .big-window{width:340px;left:calc(50% - 170px);}}@media screen and (min-width:400px) and (max-width:530px){.FloatingWindow .big-window{width:360px;left:calc(50% - 180px);}}@media screen and (min-width:530px) and (max-width:750px){.FloatingWindow .big-window{width:500px;left:calc(50% - 250px);}}@media screen and (min-width:750px){.FloatingWindow .big-window{width:700px;left:calc(50% - 350px);}}.FloatingWindow .small-window{width:280px;height:300px;z-index:51;position:absolute;left:calc(50% - 140px);top:calc(50% - 150px);overflow:hidden;padding:5px;font-size:18px;}.FloatingWindow .full-screen-window{width:calc(100% - 40px);height:calc(100% - 40px);z-index:51;position:absolute;left:20px;top:20px;overflow:hidden;padding:5px;font-size:18px;padding-bottom:50px;}.FloatingWindow .window-wrapper{overflow:hidden;}.FloatingWindow .window-with-title{height:calc(100% - 50px)!important;}.FloatingWindow .window-with-stepByStep{height:calc(100% - 60px)!important;}.FloatingWindow .window-with-stepByStep-and-title{height:calc(100% - 100px)!important;}.FloatingWindow .window-content-wrapper{overflow-y:auto;width:100%;padding-bottom:80px;}.FloatingWindow .button{width:calc(100% - 10px);text-align:center;position:absolute;bottom:5px;margin:0 auto;transform:translate(0,0,0);}.FloatingWindow .button-standard{text-align:center;width:auto;}.FloatingWindow .button-center{margin:0 auto;}.FloatingWindow .button-relative{position:relative!important;bottom:initial!important;}.FloatingWindow .button-full-width{width:100%;text-align:center;margin-top:5px;}.FloatingWindow .title{min-height:40px;line-height:40px;width:100%;font-size:6mm;display:block;text-align:center;margin-bottom:10px;padding-left:40px;font-weight:bold;}.FloatingWindow .title-no-button{padding-left:0!important;}.FloatingWindow .label{display:block;padding-bottom:5px;border-bottom:1px;border-style:solid;margin-bottom:10px;margin-top:20px;}.FloatingWindow input,.FloatingWindow select{width:100%;height:30px;display:block;margin-bottom:5px;border-style:solid;border-width:1px;padding:5px;}.FloatingWindow .StepByStep{width:100%;display:block;height:40px;text-align:center;margin-top:10px;margin-bottom:10px;}.FloatingWindow .StepByStep-wrapper{display:inline-block;}.FloatingWindow .StepByStep-line-between{border-bottom:1px solid rgba(0,0,0,.3);height:14px;width:30px;vertical-align:top;}.FloatingWindow .StepByStep-element{font-size:10px;line-height:20px;text-align:center;display:inline-block;margin:0;padding:0;}.FloatingWindow .StepByStep-element-active{border:0;border-bottom:1px;border-style:solid;}.FloatingWindow .StepByStep-circle{background-color:rgba(0,0,0,.3);width:20px;border-radius:10px;height:20px;}.FloatingWindow button{display:block;border:0;margin-top:5px;height:40px;padding:5px;cursor:pointer;}.FloatingWindow .icon-select{display:block;width:50px;height:50px;border-radius:25px;border:1px;border-style:solid;text-align:center;vertical-align:middle;}.FloatingWindow .icon-select span{display:inline-block;line-height:50px;font-size:30px;}.FloatingWindow .button-save{position:absolute;margin:0 auto;width:calc(100% - 50px);bottom:25px;left:25px;border:0;margin-top:5px;height:40px;padding:5px;cursor:pointer;}.FloatingWindow .button-left{position:absolute;margin:0 auto;width:calc(50% - 10px);bottom:5px;left:5px;border:0;margin-top:5px;height:40px;padding:5px;cursor:pointer;}.FloatingWindow .button-right{position:absolute;margin:0 auto;width:calc(50% - 10px);bottom:5px;right:5px;border:0;margin-top:5px;height:40px;padding:5px;cursor:pointer;}.ListView{width:100%;display:inline-block;}.ListView ul{list-style-type:none;width:calc(100% - 20px);margin-left:10px;margin-right:10px;display:inline-block;}.ListView ul li{margin-top:10px;padding-bottom:5px;width:100%;overflow:auto;list-style-type:none;}.ListView ul li .circle{width:50px;height:50px;float:left;border-width:1px;border-style:solid;border-image:initial;border-radius:25px;display:inline-block;}.ListView ul li .circle span{font-size:6mm;height:inherit;width:inherit;vertical-align:middle;position:relative;text-align:center;display:table-cell;padding:0;margin:0;}.ListView ul li .text-only{width:100%!important;margin-left:0!important;}.ListView ul li .content{width:calc(100% - 70px);min-height:50px;margin-left:20px;vertical-align:middle;display:inline-block;position:relative;border-bottom:1px solid rgba(0,0,0,.0980392);}.ListView ul li .content .fa{line-height:50px;font-weight:normal;}.ListView ul li .content div{display:inline-block;}.ListView ul li .content .text{line-height:50px;font-weight:normal;max-width:calc(100% - 50px);overflow:hidden;display:inline-block;}.ListView ul li .content .text .description{font-size:12px;display:block;height:15px;line-height:12px;}.ListView ul li .content .text-with-description{line-height:30px;}.ListView ul li .content .menu-button{width:50px;height:50px;text-align:center;vertical-align:middle;float:right;cursor:pointer;z-index:4;position:absolute;right:0;top:0;font-size:7mm;}.ListView ul li .content .menu{position:absolute;top:0;left:0;height:50px;z-index:3;width:100%;line-height:45px;}.ListView ul li .content .menu span{font-size:20px;cursor:pointer;padding-left:20px;padding-right:20px;border-radius:50%;}.ListView ul li .content .menu .animate-button{animation:menu-button-pulse 4s;}@-webkit-keyframes menu-button-pulse{0%{opacity:1;}90%{opacity:.2;}100%{opacity:1;}}@keyframes menu-button-pulse{0%{opacity:1;}90%{opacity:.2;}100%{opacity:1;}}.simple-list-view-element-no-icon{margin-top:5px!important;padding-bottom:5px!important;}.simple-list-view-element{width:100%;height:100%;display:inline-block;display:table;vertical-align:middle;margin-top:10px;padding:10px;padding-top:0;border-bottom:1px solid rgba(0,0,0,.1);}.simple-list-view-element .content-wrapper{height:100%;display:table-cell;vertical-align:middle;}.simple-list-view-element .content-wrapper .content .img{height:40px;width:40px;font-size:20px;margin-right:10px;line-height:40px;text-align:center;border-radius:20px;float:left;border-width:1px;border-style:solid;background-size:cover;}.simple-list-view-element .content-wrapper .content .description{display:block;font-size:11px;}.simple-list-view-element .content-wrapper .content-bold{font-size:20px;line-height:40px;}.simple-list-view-element .menu{float:right;height:100%;display:table-cell;vertical-align:middle;}.simple-list-view-element .menu .button{height:30px;padding:5px;font-size:20px;padding-left:10px;padding-right:10px;cursor:pointer;display:inline-block;position:inherit;}.group-label{display:block;padding-bottom:5px;border-width:0;border-bottom:1px;margin-bottom:10px;margin-top:20px;font-size:18px;border-style:solid;font-weight:bold;}.group-label-section{text-align:center;font-weight:bold;border-bottom:solid 2px;}.weatherIcon{position:relative;display:inline-block;width:100%;height:10em;font-size:1em;color:#fff;float:left;}.cloud{position:absolute;z-index:1;top:50%;left:50%;width:3.6875em;height:3.6875em;margin:-1.84375em;background:currentColor;border-radius:50%;opacity:.5;box-shadow:-2.1875em .6875em 0 -.6875em,2.0625em .9375em 0 -.9375em,0 0 0 .375em #7dd4ec,-2.1875em .6875em 0 -.3125em #7dd4ec,2.0625em .9375em 0 -.5625em #7dd4ec;}.cloud:after{content:'';position:absolute;bottom:0;left:-.5em;display:block;width:4.5625em;height:1em;background:currentColor;box-shadow:0 .4375em 0 -.0625em #7dd4ec;}.cloud:nth-child(2){z-index:0;background:#7dd4ec;box-shadow:-2.1875em .6875em 0 -.6875em #7dd4ec,2.0625em .9375em 0 -.9375em #7dd4ec,0 0 0 .375em #7dd4ec,-2.1875em .6875em 0 -.3125em #7dd4ec,2.0625em .9375em 0 -.5625em #7dd4ec;opacity:1;-moz-transform:scale(.5) translate(6em,-3em);-ms-transform:scale(.5) translate(6em,-3em);-o-transform:scale(.5) translate(6em,-3em);-webkit-transform:scale(.5) translate(6em,-3em);transform:scale(.5) translate(6em,-3em);-moz-animation:cloud 4s linear infinite;-o-animation:cloud 4s linear infinite;-webkit-animation:cloud 4s linear infinite;animation:cloud 4s linear infinite;animation-duration:4s!important;}.cloud:nth-child(2):after{background:#7dd4ec;}.sun{position:absolute;top:50%;left:50%;width:2.5em;height:2.5em;margin:-1.25em;background:currentColor;border-radius:50%;box-shadow:0 0 0 .375em #fb0;animation-name:rotate;animation-duration:5s!important;animation-iteration-count:infinite;animation-timing-function:linear;color:#fff;}.rays{position:absolute;top:-2em;left:50%;display:block;width:.375em;height:1.125em;margin-left:-.1875em;background:#fb0;border-radius:.25em;box-shadow:0 5.375em #fb0;}.rays:before,.rays:after{content:'';position:absolute;top:0;left:0;display:block;width:.375em;height:1.125em;transform:rotate(60deg);transform-origin:50% 3.25em;background:#fb0;border-radius:.25em;box-shadow:0 5.375em #fb0;}.rays:before{transform:rotate(120deg);}.cloud+.sun{margin:-2em 1em;}.rain,.lightning,.snow{position:absolute;z-index:2;top:50%;left:50%;width:3.75em;height:3.75em;margin:.375em 0 0 -2em;}.rain:after{content:'';position:absolute;z-index:2;top:50%;left:50%;width:1.125em;height:1.125em;margin:-1em 0 0 -.25em;background:#0cf;border-radius:100% 0 60% 50%/60% 0 100% 50%;box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 rgba(255,255,255,.2);transform:rotate(-28deg);animation:rain 3s linear infinite;animation-duration:3s!important;}.bolt{position:absolute;top:50%;left:50%;margin:-.25em 0 0 -.125em;color:#fb0;opacity:.3;animation:lightning 2s linear infinite;animation-duration:2s!important;}.bolt:nth-child(2){width:.5em;height:.25em;margin:-1.75em 0 0 -1.875em;transform:translate(2.5em,2.25em);opacity:.2;animation:lightning 1.5s linear infinite;animation-duration:1.5s!important;}.bolt:before,.bolt:after{content:'';position:absolute;z-index:2;top:50%;left:50%;margin:-1.625em 0 0 -1.0125em;border-top:1.25em solid transparent;border-right:.75em solid;border-bottom:.75em solid;border-left:.5em solid transparent;transform:skewX(-10deg);}.bolt:after{margin:-.25em 0 0 -.25em;border-top:.75em solid;border-right:.5em solid transparent;border-bottom:1.25em solid transparent;border-left:.75em solid;transform:skewX(-10deg);}.bolt:nth-child(2):before{margin:-.75em 0 0 -.5em;border-top:.625em solid transparent;border-right:.375em solid;border-bottom:.375em solid;border-left:.25em solid transparent;}.bolt:nth-child(2):after{margin:-.125em 0 0 -.125em;border-top:.375em solid;border-right:.25em solid transparent;border-bottom:.625em solid transparent;border-left:.375em solid;}.flake:before,.flake:after{content:'❄';position:absolute;top:50%;left:50%;margin:-1.025em 0 0 -1.0125em;color:#0cf;opacity:.2;animation:spin 8s linear infinite reverse;animation-duration:8s!important;}.flake:after{margin:.125em 0 0 -1em;font-size:1.5em;opacity:.4;animation:spin 14s linear infinite;animation-duration:14s!important;}.flake:nth-child(2):before{margin:-.5em 0 0 .25em;font-size:1.25em;opacity:.2;animation:spin 10s linear infinite;animation-duration:10s!important;}.flake:nth-child(2):after{margin:.375em 0 0 .125em;font-size:2em;opacity:.4;animation:spin 16s linear infinite reverse;animation-duration:16s!important;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}@keyframes rotate{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@keyframes cloud{0%{opacity:0;}50%{opacity:.3;}100%{opacity:0;transform:scale(.5) translate(-200%,-3em);}}@keyframes rain{0%{background:#0cf;box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 #0cf;}25%{box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em #0cf,-1.375em -.125em 0 rgba(255,255,255,.2);}50%{background:rgba(255,255,255,.3);box-shadow:.625em .875em 0 -.125em #0cf,-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 rgba(255,255,255,.2);}100%{box-shadow:.625em .875em 0 -.125em rgba(255,255,255,.2),-.875em 1.125em 0 -.125em rgba(255,255,255,.2),-1.375em -.125em 0 #0cf;}}@keyframes lightning{45%{color:#fff;background:#fff;opacity:.2;}50%{color:#fb0;background:#fb0;opacity:1;}55%{color:#fff;background:#fff;opacity:.2;}}.switch-control-label{width:100%;display:inline-block;}.switch-control{width:40px;height:20px;border-style:solid;border-width:1px;border-radius:15px;display:inline-block;float:left;margin-top:3px;margin-right:10px;cursor:pointer;}.switch-control-button{height:14px;width:14px;border-radius:7px;margin:2px;}.switch-active{float:right;}.scope-slider{width:100%;}.scope-slider .sliders-wrapper{padding-top:50px;padding-bottom:20px;}.scope-slider .sliders-wrapper .slider-value{width:80px;height:30px;margin-top:-50px;text-align:center;position:fixed;}.scope-slider .sliders-wrapper .line{width:calc(100% - 40px);height:2px;margin-left:20px;margin-right:20px;}.scope-slider .sliders-wrapper .slider{width:30px;height:30px;border-radius:15px;margin-top:-15px;position:absolute;}.SelectTimeControl{padding-top:30px;padding-bottom:30px;height:120px;width:80px;border-width:1px;border-style:solid;display:inline-block;overflow:scroll;}.SelectTimeControl .TimeItem{font-size:35px;line-height:35px;font-weight:400;text-align:center;width:80px;height:60px;font-weight:200;}.SelectTimeControl .SelectedTimeItem{font-size:50px;line-height:50px;font-weight:600;}.color-picker{width:250px;height:250px;margin:0 auto;}.color-picker canvas{border-width:6px;border-style:solid;border-radius:135px;}