body
{
   background-color: #FFFFFF;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
#wb_system-main-nav
{
   background-color: transparent;
   background-image: none;
   color: #0F172A;
   font-family: Arial;
   font-weight: normal;
   font-style: normal;
   text-decoration: none;
   text-transform: none;
   font-size: 13px;
   margin: 0;
   text-align: center;
   overflow: hidden;
}
#wb_system-main-nav span
{
   margin: 0 10px 0 0px;
}
#wb_system-main-nav a
{
   color: inherit;
   text-decoration: inherit;
}
#wb_LayoutGrid1
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 0px solid #CCCCCC;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 0 0 30px 0 ;
}
#LayoutGrid1
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#LayoutGrid1 > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#LayoutGrid1 > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#LayoutGrid1 > .row > .col-1
{
   float: left;
}
#LayoutGrid1 > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#LayoutGrid1:before,
#LayoutGrid1:after,
#LayoutGrid1 .row:before,
#LayoutGrid1 .row:after
{
   display: table;
   content: " ";
}
#LayoutGrid1:after,
#LayoutGrid1 .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#LayoutGrid1 > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_system-overview-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F8FAFC;
   background-image: none;
   border: 1px solid #E2E8F0;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 16px 0 16px 0 ;
}
#system-overview-grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#system-overview-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#system-overview-grid > .row > .col-1
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#system-overview-grid > .row > .col-1
{
   float: left;
}
#system-overview-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 100%;
   text-align: center;
}
#system-overview-grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-overview-grid:before,
#system-overview-grid:after,
#system-overview-grid .row:before,
#system-overview-grid .row:after
{
   display: table;
   content: " ";
}
#system-overview-grid:after,
#system-overview-grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#system-overview-grid > .row > .col-1
{
   float: none;
   width: 100% !important;
}
}
#wb_system-overview-title
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 8px 8px 8px 8px;
   padding: 0;
   text-align: center;
}
#system-overview-title
{
   color: #0F172A;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_system-overview-body 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-overview-body
{
   color: #475569;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-overview-body p, #wb_system-overview-body ul
{
   margin: 0;
   padding: 0;
}
#wb_system-overview-body
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-architecture-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #CBD5E1;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 16px 0 16px 0 ;
}
#system-architecture-grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#system-architecture-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#system-architecture-grid > .row > .col-1, #system-architecture-grid > .row > .col-2
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#system-architecture-grid > .row > .col-1, #system-architecture-grid > .row > .col-2
{
   float: left;
}
#system-architecture-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: left;
}
#system-architecture-grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 12px 12px 12px 12px;
}
#system-architecture-grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 50%;
   text-align: center;
}
#system-architecture-grid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 12px 12px 12px 12px;
}
#system-architecture-grid:before,
#system-architecture-grid:after,
#system-architecture-grid .row:before,
#system-architecture-grid .row:after
{
   display: table;
   content: " ";
}
#system-architecture-grid:after,
#system-architecture-grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#system-architecture-grid > .row > .col-1, #system-architecture-grid > .row > .col-2
{
   float: none;
   width: 100% !important;
}
}
#wb_system-architecture-left-title 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 8px 8px 8px 8px;
   text-align: left;
}
#wb_system-architecture-left-title
{
   color: #0F172A;
   font-family: Arial;
   font-weight: 400;
   font-size: 24px;
   line-height: 27.5px;
}
#wb_system-architecture-left-title p, #wb_system-architecture-left-title ul
{
   margin: 0;
   padding: 0;
}
#wb_system-architecture-left-title
{
   display: block;
   margin: 8px 8px 8px 8px;
   box-sizing: border-box;
   width: calc(100% - 16px);
}
#wb_system-architecture-left-body 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 8px 8px 8px 8px;
   text-align: left;
}
#wb_system-architecture-left-body
{
   color: #334155;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-architecture-left-body p, #wb_system-architecture-left-body ul
{
   margin: 0;
   padding: 0;
}
#wb_system-architecture-left-body
{
   display: block;
   margin: 8px 8px 8px 8px;
   box-sizing: border-box;
   width: calc(100% - 16px);
}
#wb_system-protocol-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #F1F5F9;
   background-image: none;
   border: 1px solid #CBD5E1;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 8px 0 8px 0 ;
}
#system-protocol-grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#system-protocol-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#system-protocol-grid > .row > .col-1, #system-protocol-grid > .row > .col-2, #system-protocol-grid > .row > .col-3
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#system-protocol-grid > .row > .col-1, #system-protocol-grid > .row > .col-2, #system-protocol-grid > .row > .col-3
{
   float: left;
}
#system-protocol-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#system-protocol-grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-protocol-grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#system-protocol-grid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-protocol-grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 33.33333333%;
   text-align: center;
}
#system-protocol-grid > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-protocol-grid:before,
#system-protocol-grid:after,
#system-protocol-grid .row:before,
#system-protocol-grid .row:after
{
   display: table;
   content: " ";
}
#system-protocol-grid:after,
#system-protocol-grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#system-protocol-grid > .row > .col-1, #system-protocol-grid > .row > .col-2, #system-protocol-grid > .row > .col-3
{
   float: none;
   width: 100% !important;
}
}
#wb_system-protocol-zwave-icon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 4px 4px 4px 4px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#system-protocol-zwave-icon
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#system-protocol-zwave-icon i
{
   color: #111827;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_system-protocol-zwave-icon:hover #system-protocol-zwave-icon i
{
   color: #337AB7;
}
#wb_system-protocol-zwave-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-protocol-zwave-text
{
   color: #1E3A8A;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-protocol-zwave-text p, #wb_system-protocol-zwave-text ul
{
   margin: 0;
   padding: 0;
}
#wb_system-protocol-zwave-text
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-protocol-zigbee-icon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 4px 4px 4px 4px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#system-protocol-zigbee-icon
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#system-protocol-zigbee-icon i
{
   color: #1E3A8A;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_system-protocol-zigbee-icon:hover #system-protocol-zigbee-icon i
{
   color: #337AB7;
}
#wb_system-protocol-zigbee-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-protocol-zigbee-text
{
   color: #065F46;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-protocol-zigbee-text p, #wb_system-protocol-zigbee-text ul
{
   margin: 0;
   padding: 0;
}
#wb_system-protocol-zigbee-text
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-protocol-wifi-icon
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #245580;
   border-radius: 0px;
   text-align: center;
   margin: 4px 4px 4px 4px;
   padding: 0;
   vertical-align: top;
   display:inline-block;
   position:relative;
}
#system-protocol-wifi-icon
{
   height: 24px;
   width: 24px;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
}
#system-protocol-wifi-icon i
{
   color: #065F46;
   display: inline-block;
   font-size: 24px;
   line-height: 24px;
   vertical-align: middle;
}
#wb_system-protocol-wifi-icon:hover #system-protocol-wifi-icon i
{
   color: #337AB7;
}
#wb_system-protocol-wifi-text 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-protocol-wifi-text
{
   color: #92400E;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-protocol-wifi-text p, #wb_system-protocol-wifi-text ul
{
   margin: 0;
   padding: 0;
}
#wb_system-protocol-wifi-text
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-architecture-image
{
   margin: 8px 8px 8px 8px;
   vertical-align: top;
}
#system-architecture-image
{
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   padding: 0;
   display: block;
   width: 96.28%;
   height: auto;
   max-width: 800px;
   margin-left: auto;
   margin-right: auto;
   vertical-align: top;
}
#system-architecture-media
{
   box-sizing: border-box;
   font-size: 0;
   width: 100%;
   height: 100%;
   display: block;
   margin: 8px 8px 8px 8px;
}
#system-architecture-media .thumbnails
{
   margin: 0;
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
}
#system-architecture-media .thumbnail
{
   position: relative;
   min-height: 1px;
   box-sizing: border-box;
   float: none;
   width: auto;
   margin: 0;
   padding: 3px 3px 3px 3px;
   text-align: center;
   vertical-align: top;
}
#system-architecture-media .thumbnail img
{
   border: 0px solid #000000;
   display: block;
   width: 100%;
   height: auto;
   max-width: 100%;
   box-sizing: border-box;
   border-radius: 0px;
}
#wb_system-status-grid
{
   clear: both;
   position: relative;
   table-layout: fixed;
   display: table;
   text-align: center;
   width: 100%;
   background-color: #0F172A;
   background-image: none;
   border: 1px solid #1E293B;
   border-radius: 0px;
   box-sizing: border-box;
   margin: 16px 0 16px 0 ;
}
#system-status-grid
{
   box-sizing: border-box;
   padding: 0 15px 0 15px;
   margin-right: auto;
   margin-left: auto;
   max-width: 1140px;
}
#system-status-grid > .row
{
   margin-right: -15px;
   margin-left: -15px;
}
#system-status-grid > .row > .col-1, #system-status-grid > .row > .col-2, #system-status-grid > .row > .col-3, #system-status-grid > .row > .col-4
{
   box-sizing: border-box;
   font-size: 0;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
}
#system-status-grid > .row > .col-1, #system-status-grid > .row > .col-2, #system-status-grid > .row > .col-3, #system-status-grid > .row > .col-4
{
   float: left;
}
#system-status-grid > .row > .col-1
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#system-status-grid > .row > .col-1 > .col-1-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-status-grid > .row > .col-2
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#system-status-grid > .row > .col-2 > .col-2-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-status-grid > .row > .col-3
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#system-status-grid > .row > .col-3 > .col-3-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-status-grid > .row > .col-4
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #FFFFFF;
   border-radius: 0px;
   width: 25%;
   text-align: center;
}
#system-status-grid > .row > .col-4 > .col-4-padding
{
   box-sizing: border-box;
   width: 100%;
   padding: 8px 8px 8px 8px;
}
#system-status-grid:before,
#system-status-grid:after,
#system-status-grid .row:before,
#system-status-grid .row:after
{
   display: table;
   content: " ";
}
#system-status-grid:after,
#system-status-grid .row:after
{
   clear: both;
}
@media (max-width: 768px)
{
#system-status-grid > .row > .col-1, #system-status-grid > .row > .col-2, #system-status-grid > .row > .col-3, #system-status-grid > .row > .col-4
{
   float: none;
   width: 100% !important;
}
}
#wb_system-status-uptime-value
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 4px 4px 4px 4px;
   padding: 0;
   text-align: center;
}
#system-status-uptime-value
{
   color: #93C5FD;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_system-status-uptime-label 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-status-uptime-label
{
   color: #E2E8F0;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-status-uptime-label p, #wb_system-status-uptime-label ul
{
   margin: 0;
   padding: 0;
}
#wb_system-status-uptime-label
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-status-scenes-value
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 4px 4px 4px 4px;
   padding: 0;
   text-align: center;
}
#system-status-scenes-value
{
   color: #A7F3D0;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_system-status-scenes-label 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-status-scenes-label
{
   color: #E2E8F0;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-status-scenes-label p, #wb_system-status-scenes-label ul
{
   margin: 0;
   padding: 0;
}
#wb_system-status-scenes-label
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-status-sensors-value
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 4px 4px 4px 4px;
   padding: 0;
   text-align: center;
}
#system-status-sensors-value
{
   color: #FDE68A;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_system-status-sensors-label 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-status-sensors-label
{
   color: #E2E8F0;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-status-sensors-label p, #wb_system-status-sensors-label ul
{
   margin: 0;
   padding: 0;
}
#wb_system-status-sensors-label
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}
#wb_system-status-alerts-value
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   box-sizing: border-box;
   vertical-align: top;
   margin: 4px 4px 4px 4px;
   padding: 0;
   text-align: center;
}
#system-status-alerts-value
{
   color: #FCA5A5;
   font-family: Arial;
   font-weight: bold;
   font-style: normal;
   font-size: 32px;
   margin: 0;
   text-align: center;
   text-transform: none;
}
#wb_system-status-alerts-label 
{
   background-color: transparent;
   background-image: none;
   border: 0px solid #000000;
   border-radius: 0px;
   padding: 0;
   margin: 4px 4px 4px 4px;
   text-align: center;
}
#wb_system-status-alerts-label
{
   color: #E2E8F0;
   font-family: Arial;
   font-weight: 400;
   font-size: 16px;
   line-height: 18px;
}
#wb_system-status-alerts-label p, #wb_system-status-alerts-label ul
{
   margin: 0;
   padding: 0;
}
#wb_system-status-alerts-label
{
   display: block;
   margin: 4px 4px 4px 4px;
   box-sizing: border-box;
   width: calc(100% - 8px);
}