#wifiTables {
   height: 800px;
   position: relative !important;
}
#theTables {
   height: 552px;
   position: absolute !important;
   width: 968px;
}
#theTables * {
   bottom: auto !important;
   left: 0 !important;
   right: auto !important;
   top: 0 !important;
}
#bottomblock_1 > div.content > :last-child {
   display: flex;
   justify-content: center;
   padding-bottom: 0;
}
.content div.grid-layout .col-2-75-left,
.content div.grid-layout .col-2-25-right {
   float: none;
   margin: 0;
   width: 100%;
}
.content div.grid-layout .col-2-25-right {
   display: none;
}
div.tablewrap {
   clear: both;
   height: 0;
   margin: 0;
   opacity: 0;
   padding: 0;
   position: absolute !important;
   width: 100%;
   visibility: hidden;
}
div.tablewrap.active {
   height: 532px;
   opacity: 1;
   visibility: visible;
}
div.tablewrap,
div.tablewrap.active {
   transition: opacity 1s, visibility 1s ease-out;
}
div.datatable {
   float: left;
   height: 532px;
   margin: 0;
   padding: 0;
   width: 725px;
   max-width: 740px;
   overflow: visible;
}
div.legend {
   color: #555555;
   font-size: 14px;
   font-style: normal;
   margin: 0;
   font-weight: normal;
   padding: 5px 0 0 0;
   max-width: 232px;
   float: right;
}
.legend img{
   margin: 12px 0 12px;
}
div.legend .text {
   font-weight: normal;
}
.datatable table {
   border-collapse: collapse;
   border: 0 none;
   margin: 1px;
   width: 100%;
}
td {
   width: 20%;
}
.datatable table th, .datatable table td {
   height: 16px;
   max-height: 16px;
   padding: 4px 8px;
   text-align: right;
}
.datatable table th, .datatable table th {
   font-weight: bold;
   text-align: center;
   vertical-align: middle;
}
.datatable table thead th.ser {
   min-width: 222px;
   width: auto;
}
.datatable table thead th.hc, .datatable table tbody th {
   border: 1px solid #666666;
   width: 100px;
}
.datatable table tbody th,
.datatable table tbody td {
   border-color: #666666;
}
.datatable table tbody td {
   border-style: none solid solid solid;
   border-width: 0 1px 0.25px 0.25px;
}
.datatable table tbody tr:first-child td:nth-child(2) {
   border-top: 1px solid #666666;
}
.datatable table.product tbody tr:nth-child(4n+1) td:nth-child(2),
.datatable table.product tbody tr:nth-child(4n+1) td:nth-child(5),
.datatable table.product tbody tr:nth-child(4n+2) td:first-child,
.datatable table.product tbody tr:nth-child(4n+2) td:nth-child(4),
.datatable table.product tbody tr:nth-child(4n+3) td:first-child,
.datatable table.product tbody tr:nth-child(4n+3) td:nth-child(4),
.datatable table.product tbody tr:nth-child(4n+4) td:first-child,
.datatable table.product tbody tr:nth-child(4n+4) td:nth-child(4) {
   border-right: 1px solid #666666;
}
.datatable table tbody tr:nth-child(4n) td {
   border-bottom-width: 1px;
}
.datatable table tbody td.ghz6, .legend ul li span.ghz6{
   background-color: #a0ed3a;
   color: #fff;
}
.datatable table tbody td.ghz5, .legend ul li span.ghz5{
   background-color: #001d41;
   color: #fff;
}
.datatable table tbody td.ghz2, .legend ul li span.ghz2 {
   background-color: #2e60ff;
   color: #fff;
}
.datatable table tbody td.ghz20mhz, .legend ul li span.ghz20mhz{
   background-color: #aadaf7;
   color: #fff;
}
.datatable table th, .datatable table th, .ghz6, .ghz5, .ghz2, .ghz20mhz {
   font-weight: 600;
}
.legend ul li span.ghz6, .legend ul li span.ghz5, .legend ul li span.ghz20mhz, .legend ul li span.ghz2{
   width: 15px;
   height: 15px;
   margin-right: 10px;
}
.legend ul li{
   display: flex;
   align-items: center;
   white-space: nowrap;
   min-width: 200px;
}
.legend ul {
   margin-bottom: 32px;
   margin-top: 5px;
   padding-left: 20px;
}
.datatable table tbody table.noborder {
   margin: 0;
}
div.products {
   height: 564px;
   margin: 0;
   max-height: 150px;
   overflow-x: auto;
   overflow-y: hidden;
   padding: 16px 5px 0 5px;
}

div.products div.product {
   background-color: #aadaf7;
   border: 2px none #ffffff;
   border-radius: 50%;
   cursor: pointer;
   float: left;
   height: 115px;
   margin: 0 0 0 32px;
   padding: 0;
   position: relative;
   width: 115px;
}
div.products div.product:hover {
   border: 2px solid #c0c0c0;
}
div.products div.product:first-child {
   margin: 0;
}
div.products div.product.selected {
   border: 2px solid #2e60ff;
   height: 114px;
   width: 114px;
   box-shadow: none !important;
}
div.products img {
   display: block;
   height: auto;
   margin: 0 auto;
   width: 160px;
}
div.products h3 {
   font-size: 14px;
   font-weight: bold;
   margin: 24px 0 0 0;
   text-align: center;
}
div.products div.product h3 {
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-size: 24px;
   font-weight: 600;
   left: 0 !important;
   line-height: 1.2em;
   margin: 8px 0 0 0;
   position: absolute !important;
   right: 0 !important;
   top: 24px !important;
   user-select:none;
}
.disabled {
   color: #dadada;
}