body{font-size:10px; color:#000000; font-family: verdana, arial,sans-serif; padding-top:30px}
table{font-size:10px;empty-cells: show;}
:root {
    --vendor:WaveIP;
}
pre{font-size:11px; color:#000000; font-family: verdana, arial,sans-serif}
img { border-style: none; }

h1.header{font-size:9px}
input     { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;  background-color: #FFE}
p         { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}
td        { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
select    { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-color: #FFE; border-color: #CCC}
textarea  { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; border: 1px solid #000; background-color: #FFB;}
option:nth-child(odd) {background-color: #DDE;}
option:nth-child(even) {background-color: #D0D0EE;}
button 
{
	background-color:#FE8;
	border-radius: 1px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border-color: #000;
	border-width: 1px;
	padding:0 14px;
	outline:none;
	-moz-outline:none;
}
a:link,a:visited,a:active {color: blue}
a:hover {color: red}
.spBtn {padding:0 4px}
button:hover {background-color:#FBE163; cursor: pointer;}
button:active {background-color:#FFA;position:relative;top:1px;}
button[disabled], button[disabled]:hover { background-color:#DDD; cursor: default;}
input[type="text"]:disabled {background:#DDD;}
.input2   { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px;}
.input{border:1px solid #88A0C8; font-family: verdana, arial,sans-serif; font-size: 11px; color: #003068; text-decoration: none; background-color: #E9EDF0 }
.bottom{font-size:9px; color:#000000; font-family: verdana}
.footer{font-size:9px; color:#111111; font-family: verdana}
.td01,.td02 { background-color: #F1F1F1; border-collapse: collapse; border-color: #CCC; border-style: solid;}
.td01 td{border: 1px #BBB solid}
.p2 td { padding: 2px}
.p3 td { padding: 3px}
.p5 td{ padding: 5px}
.right {text-align:right}
.left {text-align:left}
.trReg {background-color:#F1F1F1;}
.trReg:hover {background-color:#FFE;}
.trTotal {background-color:#FFB;text-align: right;}
.trSel {background-color:#FFA; border-bottom: 1px #99b solid;}
.trSel:hover {background-color:#FFE;}

.hide {display:none}
.show {}

.hdr,.hdrb,.hdrbc {background-color:#FFB}
.hdrb,.hdrbc {font-weight:bold}
.hdrbc,.center {text-align:center}

.tabHdr
{
    height: 22px;
	width: 100%;
	opacity: 1;
    background: #FBE163;
    cursor: move;
    paddingTop: 4px;
}

*.unselectable {
	cursor: default;
    -webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
}

.progAvail,.progRssi {position:relative}
.progAvail {border:1px solid #AAA}
.progRssi {border:0}

.lblAvail {
	position:absolute;
	font-weight:bold;
	top:-1;
}
.lblRssi {
	position:absolute;
	top:-1;
}
.lblAvail:after {content:" Mbps"}

.rLed, .bLed, .gLed{
    -moz-border-radius: 8px/8px;
    -webkit-border-radius: 8px 8px;
    border-radius: 8px/8px;;
    width:8px;
    height:8px;
    margin: 0 auto;
}
.rLed{background: #f00;}
.bLed{background: #000;}
.gLed{background: #0f0;}

.redX {
    margin:0 auto;
    color:red;
    width:8px;
    height:15px;
    font-weight:bold;
}
.redX:before {content:"X"}

.portShow {padding-left:10px}
.portHide {padding-left:10px; display:none}

.cfrm
{
	display:none;
	position:absolute;
	top:1px;
	left:1px;
	width:320px;
	background-color:#FFE;
	border-style:solid;
	border-width:2px;
	border-color: #047;	
	padding-bottom: 5px;
	font-size: 11px;
	z-index: 50;
}
.cfrmHdr
{
	background-color:#FE8;
	font-weight:bold;
	padding:5px 5px 5px 8px;
	cursor: move;
}
.cfrmMsg
{
	padding:5px 5px 5px 15px;
}

input[type=checkbox], input[type=radio] {
    vertical-align: middle;
    position: relative;
}

.ft{border-collapse:collapse; width:100%;}
.ft td{padding:2px 5px;border-right:1px solid #BBB;border-bottom:1px solid #BBB;}
.ft_h,.ft_hlast {background:#FFB;border-bottom:1px solid #BBB;padding:2px 5px;}
.ft_h{float:left;border-right:1px solid #BBB;}
.ft_hlast {float:none;border-right-width:0}
.ft_hlast span{padding-left:5px}
.ft_wrap{background:#FFB;border:1px solid #BBB;float:left;}
.ft_body{overflow-y:scroll;background:#F1F1F1;}
.ft_body_1_row{overflow-y:hidden;background:#F1F1F1;}

div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity= 0);
	opacity: 0;
	z-index: 2;
}

/*-----------
	tab CSS
-------------*/
._tlive ._ttabhide {
 display:none;
}

/*
._t = before the _t interface is set up
._tlive = after the _t interface is set up
*/
._t {
}
._tlive {
 margin-top:1em;
}

/*
ul._tnav = the tab navigation list
li._tactive = the active tab
*/
ul._tnav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #aaa;
 font: bold 12px Verdana, sans-serif;
}

ul._tnav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul._tnav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #aaa;
 border-bottom: none;
 background: #FE8;
 text-decoration: none;
 -webkit-border-top-left-radius: 4px;
 -moz-border-top-left-radius: 4px;
 border-top-left-radius: 4px;
 -webkit-border-top-right-radius: 4px;
 -moz-border-top-right-radius: 4px;
 border-top-right-radius: 4px;
}

ul._tnav li a:link { color: #339; }
ul._tnav li a:visited { color: #667; }

ul._tnav li a:hover
{
  background: #FC6;
 border-color: #666;
}

ul._tnav li._tactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul._tnav li._tactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

ul._tnav li._tinactive a
{
}

ul._tnav li._tinactive a:hover
{
}

/*
._ttab = the tab content
Add style only after the _t interface is set up (._tlive)
*/
._tlive ._ttab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 background: #fafafa;
 cursor: default;
 left: 0;
 top: 0;
 -webkit-transition: max-height .5s; 
 -moz-transition: max-height .5s; 
 -ms-transition: max-height .5s; 
 -o-transition: max-height .5s; 
 transition: max-height .5s;
 -khtml-user-drag: element;
 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 max-height:550px;
 height:550px;
 min-width:1000px;
 max-width:1000px;

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 overflow:auto;
}

._tlive ._ttab.closed {max-height: 24px;}

/* If desired, hide the heading since a heading is provided by the tab */
._tlive ._ttab h2 {
 display:none;
}
._tlive ._ttab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
._tlive#tab1 {
}
._tlive#tab2 {
}
._tlive#tab2 ._ttab {
 height:200px;
 overflow:auto;
}

._divtab {
	width:100%;
	height:520px;
	overflow:auto;
}

/* 2-state on-off switch */
.onoffsw {
    position: relative; width: 35px;
	padding-top: 1px;
	padding-right: 3px;
	float: left;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffsw-cb {
    display: none;
}
.onoffsw-lbl {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #999999; border-radius: 2px;
}
.onoffsw-in {
    width: 200%; margin-left: -100%;
    -moz-transition: margin 0.3s ease-in 0s; -webkit-transition: margin 0.3s ease-in 0s;
    -o-transition: margin 0.3s ease-in 0s; transition: margin 0.3s ease-in 0s;
}
.onoffsw-in:before, .onoffsw-in:after {
    float: left; width: 50%; height: 15px; padding: 0; line-height: 15px;
    font-size: 11px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	text-align: center;
}
.onoffsw-in:before {
    content: "Fixed";
    background-color: #8BF; color: #FFF;
}
.onoffsw-in:after {
    content: "Auto";
    background-color: #ccc; color: #777;
}
.onoffsw-cb:checked + .onoffsw-in {
    margin-left: 0;
}

#fade {
    display: none;
    position: fixed;
    left: 0%;
    top: 0%;
    background-color: #FFE;
    -moz-opacity: 0.7;
    opacity: .70;
    filter: alpha(opacity=70);
    width: 100%;
    height: 100%;
    z-index: 40;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

a.niceHref, a.niceHref:visited, a.niceHref:hover, a.niceHref:active{
    -webkit-backface-visibility:hidden;
            backface-visibility:hidden;
	position:relative;
    transition:0.5s color ease;
	text-decoration:none;
	color:navy;
	padding:0px 5px 10px 5px;
	font-weight: bold;
    font-size: 12px;
}
a.niceHref:hover{
	color:#ff9933;
}
a.niceHref.before:before, a.niceHref.after:after{
  content: "";
  transition:0.5s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
a.niceHref.before:before{
  top:-0.15em;
}
a.niceHref.after:after{
  bottom:0.35em;
}
a.niceHref.before:before, a.niceHref.after:after{
  height:2px;
  height:0.15rem;
  width:0;
  background:#ff9933;
}
a.niceHref.first:after{
  left:0;
}
a.niceHref.second:after{
  right:0;
}
a.niceHref.third:after, a.niceHref.sixth:before, a.niceHref.sixth:after{
  left:50%;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
a.niceHref.before:hover:before, a.niceHref.after:hover:after{
  width:100%;
}
a.niceHref.icon{
	background-position: left center;
	background-repeat: no-repeat;
	background-position: 0px 0px !important;
	padding-left:20px
}

/************************* drag&drop zone *********************/

.dropzone
{
    font-size: 14px;
    position: relative;
    margin: 0px;
    padding: 20px 20px;
    text-align: center;
}
.dropzone.has-advanced-upload
{
    outline: 2px dashed #92b0b3;
    outline-offset: -5px;

    -webkit-transition: outline-color .15s ease-in-out, background-color .15s linear;
    transition: outline-color .15s ease-in-out, background-color .15s linear;
}
.dropzone.is-dragover
{
    outline-offset: -5px;
    outline-color: navy;
    background-color: #fbfbfb;
}
.dropzone__dragndrop
{
    display: none;
}
.dropzone.has-advanced-upload .dropzone__dragndrop
{
    display: inline;
}

.dropzone.is-uploading .dropzone__input,
.dropzone.is-success .dropzone__input,
.dropzone.is-error .dropzone__input
{
    visibility: hidden;
}

.dropzone__file
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.dropzone__file + label
{
    max-width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}

#fwLabel:hover strong
{
    color: #4488dd;
}

.legend
{
    position: absolute;
    margin: 5 100;
    border: 1px solid navy;
    padding: 5;
    background: rgba(242, 249, 255, 0.95);
    border-radius: 5px;
    z-index: 10;
    font-size: 12px;
    box-shadow: rgb(136, 136, 136) 3px 3px 3px;
}
.graphInst
{
    margin: 10px;
    font-weight: bold;
    font-size: 1.2em;
}
.graphInst:after {content:"Select section to zoom in. Double click to zoom out."}