@media screen and (max-width:479px){.DevicesGridView{padding-left:calc((100vw - (160px*2))/2);}}@media screen and (min-width:480px) and (max-width:640px){.DevicesGridView{padding-left:calc((100vw - (160px*3))/2);}}@media screen and (min-width:640px) and (max-width:800px){.DevicesGridView{padding-left:calc((100vw - (160px*4))/2);}}@media screen and (min-width:800px) and (max-width:960px){.DevicesGridView{padding-left:calc((100vw - (160px*5))/2);}}@media screen and (min-width:960px) and (max-width:1120px){.DevicesGridView{padding-left:calc((100vw - (160px*6))/2);}}@media screen and (min-width:1120px) and (max-width:1280px){.DevicesGridView{padding-left:calc((100vw - (160px*7))/2);}}@media screen and (min-width:1280px) and (max-width:1440px){.DevicesGridView{padding-left:calc((100vw - (160px*8))/2);}}@media screen and (min-width:1440px) and (max-width:1600px){.DevicesGridView{padding-left:calc((100vw - (160px*9))/2);}}@media screen and (min-width:1600px){.DevicesGridView{padding-left:0;}}.ListView .circle .signal-strength{margin:10px;margin-top:14px;}.DevicesGridView .tile{border-width:2px;border-style:solid;border-radius:60px;cursor:pointer;margin:20px;margin-bottom:30px;padding:0;height:120px;width:120px;position:relative;display:inline-block;font-size:16px;}.DevicesGridView .tile .circle{color:rgba(0,0,0,.2);overflow:hidden;position:inherit;height:inherit;width:inherit;padding:0;margin:0;margin-left:-2px;margin-top:-2px;border-radius:60px;}.DevicesGridView .tile .circle .blind{width:100%;background:repeating-linear-gradient(#598acc 0%,#fff 0%,#598acc 20px);transition:height 1s;}.DevicesGridView .tile .circle .blind span{margin-top:30px;position:absolute;}.DevicesGridView .tile .circle span{font-size:60px;height:inherit;width:inherit;vertical-align:middle;position:relative;text-align:center;display:table-cell;padding:0;margin:0;}.DevicesGridView .tile .text span{font-size:25px;font-weight:600;}.DevicesGridView .tile span{width:inherit;vertical-align:middle;position:relative;text-align:center;display:table-cell;padding:0;padding-top:0;margin:0;}.DevicesGridView .tile .button-first-half{width:inherit;text-align:center;padding:0;margin:0;margin-left:-2px;margin-top:-2px;height:60px!important;position:absolute!important;top:0;left:0;border-top-left-radius:60px;border-top-right-radius:60px;padding-top:5px!important;}.DevicesGridView .tile .button-second-half{width:inherit;text-align:center;padding:0;height:60px!important;margin:0;margin-left:-2px;margin-top:-2px;position:absolute!important;top:60px;bottom:0;left:0;border-top:1px solid rgba(115,115,115,.2);display:table-cell;vertical-align:bottom;padding-top:30px!important;border-bottom-left-radius:60px;border-bottom-right-radius:60px;}.DevicesGridView .tile .button-active{background-color:rgba(115,115,115,.4);}.device-channel-conf-and-ident-line{padding-bottom:30px;line-height:45px;}.device-channel-conf-and-ident-line .number{display:inline-block;width:45px;font-size:30px;line-height:30px;vertical-align:bottom;}.blind-control-wrapper{max-height:330px;width:198px;height:328px;overflow:hidden;margin:0 auto;padding-top:47px;padding-bottom:2px;background-position:center;padding-left:5px;background-size:cover;padding-right:5px;background-image:url(blind_window.svg);margin-bottom:10px;}.blind-control-wrapper .inner{max-height:270px;margin-left:7px;margin-right:6px;height:270px;width:175px!important;cursor:pointer;}.blind-control-wrapper .inner .blind-control{background-repeat:repeat-y;background-size:auto;background-position:center bottom;background-size:100%;max-height:270px;background-image:url('blind_lamela.svg');}.blind-buttons-wrapper{max-width:228px;margin:0 auto;}.blind-animation{transition:height .3s;}.blind-controll-button{width:20%!important;position:initial!important;display:inline-block!important;margin:3px!important;width:70px!important;height:70px!important;border-radius:35px;font-size:24px;}.button-center-middle{text-align:center;padding:0;height:40px!important;width:60px;margin:0;margin-left:27px;margin-top:18px;position:absolute!important;top:20px;bottom:0;left:0;border-width:2px;border-style:solid;display:table-cell;vertical-align:bottom;border-radius:30px;font-size:18px;padding-top:10px;}.button-first-half{font-weight:bold;}.button-first-half span{padding-top:0!important;font-size:25px;}.button-second-half{font-weight:bold;}.button-second-half span{padding-top:0!important;font-size:25px;}.StateMicroCircle{visibility:visible;width:20px;height:20px;border-radius:12px;position:relative;margin-top:-42px;margin-left:98px;text-align:center;border:2px solid;}.StateMicroCircleError{background-color:#f00!important;}.StateMicroCircleExecuting{background-color:#008000!important;}.StateMicroCircleWarning{background-color:#ff0!important;}.button-active{background-color:rgba(115,115,115,.4);cursor:pointer;}@keyframes PulseOpacityAnimation{0%,1%{opacity:0;}100%{opacity:1;}}@keyframes TileCircleAnimation{0%,100%{box-shadow:0 0 12px #008000,inset 0 0 12px #008000;}50%{box-shadow:0 0 5px #008000,inset 0 0 5px #008000;}}.ElementPulseOpacityAnimation{animation:PulseOpacityAnimation infinite;}.ControlTile{width:124px;min-height:124px;text-align:center;margin:18px;position:relative;display:inline-block;font-weight:bold;vertical-align:top;}.ControlTile .ControlTileCircle{max-height:120px;border:2px solid;min-height:120px;border-radius:60px;position:relative;overflow:hidden;}.ControlTile .ControlTileCircle .ControlTileImage{width:120px;height:116px;position:relative;background-position:center;opacity:.5;}.ControlTile .ControlTileCircle .ControlTileImage .Blind{width:100%;background:repeating-linear-gradient(#598acc 0%,#fff 0%,#598acc 20px);transition:height .2s;}.ControlTile .ControlTileCircle .ControlTileContent{position:relative;height:120px;width:120px;margin-top:-120px;color:rgba(0,0,0,.1);}.ControlTile .ControlTileCircle .ControlTileContent span{font-size:60px;line-height:60px;height:inherit;width:inherit;vertical-align:middle;position:relative;text-align:center;display:table-cell;padding:0;margin:0;}.ControlTile .ControlTileCircle .ControlTileContent .text{font-size:23px;line-height:60px;color:rgba(0,0,0,.5);}.ControlTile .ControlTileCircle .ControlTileContent .HideIcon{color:rgba(0,0,0,0);}.ControlTile .ControlTileCircle .Text{font-size:20px!important;}.ControlTile .ControlTileCircle .FirstHalf{line-height:55px!important;padding-top:5px!important;font-size:20px!important;}.ControlTile .ControlTileCircle .SecondHalf{line-height:54px!important;padding-bottom:5px!important;font-size:20px!important;}.ControlTile .ControlTileCircle .TileUpButton{height:57px;width:120px;border-radius:60px 60px 0 0;z-index:3;position:absolute!important;top:0;left:0;line-height:25px;font-size:25px;}.ControlTile .ControlTileCircle .TileStopButton{border:2px solid;width:60px;height:40px;border-radius:60px;position:relative;z-index:4;margin-left:30px;margin-top:18px;position:absolute!important;top:20px;bottom:0;left:0;line-height:36px;font-size:18px;}.ControlTile .ControlTileCircle .TileDownButton{height:59px;border-top:1px solid rgba(0,0,0,.2);width:120px;border-radius:0 0 60px 60px;z-index:3;position:absolute!important;top:57px;bottom:0;left:0;line-height:80px;font-size:25px;}.ControlTile .ControlTileCircle .TileTurnOn{background:linear-gradient(to bottom,rgba(241,231,103,0) 30%,#feb645 100%);}.ControlTile .ControlTileCircleShadow{box-shadow:0 0 5px #008000,inset 0 0 5px #008000;}.ControlTile .ControlTileCircleWithSlider .TileDownButton{width:118px;border-radius:0 0 59px 59px;left:1px;top:57px;}.ControlTile .ControlTileCircleWithSlider .TileUpButton{height:56px;width:116px;border-radius:59px 59px 0 0;top:2px;left:2px;}.ControlTile .DeviceStatusIcon{position:absolute;right:4px;top:122px;font-size:16px;margin-top:-20px;cursor:pointer;}.ControlTile .DeviceStatusIconOK{color:#008000;}.ControlTile .DeviceStatusIconDeviceError{color:#f00;}.ControlTile .DeviceOvercurrentProtectionError{color:#f00;}.ControlTile .DeviceStatusIconCommunicationError{color:#808080;}.ControlTile .WindThresholdExceededError{color:#ffa500;}.ControlTile .DeviceStatusIconInfo{color:#191970;}.ControlTile .DeviceStatusIconLowCommunicationQuality{color:#808080;}.ControlTile .DeviceTamperProtectionError{color:#daa520;}.ControlTile .ControlTileCircleDisconnectedShadow{box-shadow:0 0 15px #515157,inset 0 0 15px #515157;}.ControlTile .ControlTileCircleLowLinkQualityShadow{box-shadow:0 0 15px yellow,inset 0 0 15px yellow;}.ControlTile .ControlTileCircleNotConfiguredShadow{box-shadow:0 0 15px blue,inset 0 0 15px blue;}.ControlTile .ControlTileCircleErrorShadow{box-shadow:0 0 15px red,inset 0 0 15px red;}.ControlTile .ControlTileDescription{font-size:15px;max-width:150px;overflow:hidden;}.ControlTile .ControlTileSlider{position:absolute;left:-20.6px;bottom:-6px;top:-21px;}.ControlTile .ControlTileSlider .FacadeControlTileSliderWrapper{clip-path:circle(50%);}.ControlTile .SettingsButton{border:1.2px solid;border-radius:15px;padding:3px;font-size:14px;cursor:pointer;}.ControlTile .SettingsButton span{margin-right:5px;}.BlinkingAnimation{animation:blinker 1s linear infinite;}@keyframes blinker{50%{opacity:.3;}}.AddNewDevicesButton{cursor:pointer;position:fixed;display:inline-block;left:calc(50% - 150px);bottom:120px;z-index:7;border-radius:25px;width:300px;font-size:16px;text-align:center;line-height:40px;padding-left:15px;height:40px;}.AddNewDevicesButton .fa{margin-right:10px;}.FindNewDevicesButton{cursor:pointer;position:fixed;display:inline-block;left:calc(50% - 150px);bottom:70px;z-index:7;border-radius:25px;width:300px;font-size:16px;text-align:center;line-height:40px;padding-left:15px;height:40px;}.FindNewDevicesButton .fa{margin-right:10px;}