*:fullscreen,
*:-ms-fullscreen,
*:-webkit-full-screen,
*:-moz-full-screen{overflow:auto!important;background-color:#333333!important;margin:0!important;border:0!important;padding:0!important;}
::-webkit-scrollbar{width:20px;}
::-webkit-scrollbar-track{background:#333333;}
::-webkit-scrollbar-thumb {background:#555;}
::-webkit-scrollbar-thumb:hover{background:#888;}
html,body{font-family:Verdana !important;background-color:#333333!important;background-image:linear-gradient(#333333,#1a1a1a);margin:0!important;border:0!important;padding:0!important;}
html{overflow:-moz-scrollbars-vertical;overflow-y:scroll;text-rendering:optimizeLegibility!important;}
body{font-family:Verdana !important;color:#ffffff;width:100%;text-align:center;text-rendering:optimizeLegibility!important;}
iframe{overflow:hidden;padding:6px;border-radius:14px;text-rendering:optimizeLegibility!important;}
iframe:focus {outline:none;text-rendering:optimizeLegibility!important;}
iframe[seamless]{display:block;text-rendering:optimizeLegibility!important;}
p{font-family:Verdana !important;text-rendering:optimizeLegibility!important;}
a{font-family:Verdana !important;color:#ffffff;text-decoration:none;text-rendering:optimizeLegibility!important;}
.a1{font-family:Verdana !important;color:#000000;text-decoration:none;text-rendering:optimizeLegibility!important;}
input,textarea,select{
 font-family:Verdana !important;
 width:100%;
 border-top: 1px solid #8c8c8c;
 border-left: 1px solid #8c8c8c;
 border-bottom: 1px solid #f2f2f2;
 border-right: 1px solid #f2f2f2;
 text-rendering:optimizeLegibility!important;
}
div{font-family:Verdana !important;display:table;margin:0 auto;width:90%;background-color:#eeeeee;color:#000000;text-rendering:optimizeLegibility!important;}
form{font-family:Verdana !important;display:table;margin:0 auto;width:100%;text-rendering:optimizeLegibility!important;}
td{font-family:Verdana !important;color:#000000;text-rendering:optimizeLegibility!important;}

#tl{width:40px;background-color:#333333}
#trl{height:10px}
#tdl1{background-color:#3f48cc}
#tdl2{background-color:#b5e61d}
#tdl3{background-color:#22b14c}
#tdl4{background-color:#7092be}
#tdl5{background-color:#ffc90e}
#tdl6{background-color:#fff200}
#tdl7{background-color:#a349a4}
#tdl8{background-color:#ed1c24}
#tdl9{background-color:#ff7f27}

.alogo{color:#ffffff;font-size:30px;font-weight:bold;text-decoration:none;border:0px;}
.tlogo{display:table;margin:0 auto;width:100%;text-align:center;}
.plogo{margin:15px}

.imgicons{background-color:#eff4f5;padding:3px 3px;border-radius:50%;height:60px;}

.a1{color:#000000;text-decoration:none;}

.table1{border:0px;align:center;width:100%}
.trnode{height:71px;}
.tdnode{background-color:#333333;padding:4px 4px;border-radius:14px;color:#000000;font-weight:bold;color:#ffffff;width:37%;}
.tddevice{background-color:#ffffff;padding:4px 4px;border-radius:14px;color:#000000;max-width: 0;width:37%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.td1{background-color:#333333;padding:4px 4px;border-radius:14px;text-align:center;width:15%;color:#ffffff;}
.td2{background-color:#ffffff;padding:4px 4px;border-radius:14px;color:#000000;}
.td3{background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
.td4{background-color:#eeeeee;padding:3px 3px;border-radius:12px;color:#000000;font-weight:bold;}
.td5{background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
.td6{background-color:#ffffff;padding:4px 4px;border-radius:14px;color:#000000;}
.td7{background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
.td8{background-color:#333333;padding:4px 4px;border-radius:14px;text-align:center;width:30%;font-weight:bold;color:#ffffff;}

.tableGrid {width:99.8%;border:0px;}
.tableGrid th {background-color:#b3b3b3;text-align:center;color:#000000;white-space:nowrap;font-weight:bold;padding:5px;border-radius:20px;font-size:70%;}
.tableGrid td {color:#000000;white-space:nowrap;padding:5px;border-radius:20px;font-size:65%;}
.tableGrid tr:nth-child(even) {background-color:#eeeeee;}
.tableGrid tr:nth-child(odd) {background-color:#ffffff;}

.tableGrid2 {width:99.8%;border:0px;}
.tableGrid2 th {background-color:#b3b3b3;text-align:center;color:#000000;white-space:nowrap;font-weight:bold;padding:5px;border-radius:20px;font-size:100%;}
.tableGrid2 td {color:#000000;white-space:nowrap;padding:5px;border-radius:20px;font-size:90%;}
.tableGrid2 tr:nth-child(even) {background-color:#eeeeee;}
.tableGrid2 tr:nth-child(odd) {background-color:#ffffff;}

.tableGrid3 {width:99.8%;border:0px;}
.tableGrid3 th {background-color:#b3b3b3;text-align:center;color:#000000;white-space:nowrap;font-weight:bold;padding:5px;border-radius:20px;font-size:65%;}
.tableGrid3 td {color:#000000;white-space:nowrap;padding:5px;border-radius:20px;font-size:60%;}
.tableGrid3 tr:nth-child(even) {background-color:#eeeeee;}
.tableGrid3 tr:nth-child(odd) {background-color:#ffffff;}

.canvas{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;background-color:#ffffff;border-radius:14px;text-align:center;}

.button {
  padding: 8px 10px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #ffffff;
  background-color: #cccccc;
  border: none;
  border-radius: 15px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0 6px 0 0 #8c8c8c;
}
.button:hover {background-color: #b3b3b3}
.button:focus {background-color: #b3b3b3}
.button:active {
  background-color: #3e8e41;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-box-shadow: 0 6px 0 0 #595959;
  transform: translateY(4px);
}

.getmac {
  margin: 2px;
  padding: 4px 4px;
  border-radius: 14px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width: 375px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:9px;}
 div{padding:6px;border-radius:10px;}
 pre{font-family:Monaco !important;font-size:9px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:14px;}
 .img2{height:12px;}
 .td3small{font-size:7px;vertical-align:middle;background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:7px;vertical-align:middle;background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
 .td7small{font-size:7px;vertical-align:middle;background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
 .psmall{font-size:7px;padding:3px 3px;}
 .small{font-size:8px;padding:3px 3px;}
 .smallblack{font-size:8px;color:#000000;padding:3px 3px;border-radius:12px;}
 .input1{padding:4px 4px;border-radius:14px;width:auto}
 input,textarea,select{
   padding:5px 5px;
   border-radius:14px;
 }
}

@media only screen and (min-width: 376px) and (max-width: 414px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:10px;}
 div{padding:12px;border-radius:18px;}
 pre{font-family:Monaco !important;font-size:9px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:18px;}
 .img2{height:16px;}
 .td3small{font-size:8px;vertical-align:middle;background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:8px;vertical-align:middle;background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
 .td7small{font-size:8px;vertical-align:middle;background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
 .psmall{font-size:8px;padding:3px 3px;}
 .small{font-size:9px;padding:3px 3px;}
 .smallblack{font-size:9px;color:#000000;padding:3px 3px;border-radius:12px;}
 .input1{padding:4px 4px;border-radius:14px;width:auto}
 input,textarea,select{
   padding:5px 5px;
   border-radius:14px;
 }
}

@media only screen and (min-width: 415px) and (max-width: 514px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:13px;}
 div{padding:12px;border-radius:18px;}
 pre{font-family:Monaco !important;font-size:12px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:18px;}
 .img2{height:16px;}
 .td3small{font-size:10px;vertical-align:middle;background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:10px;vertical-align:middle;background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
 .td7small{font-size:10px;vertical-align:middle;background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
 .psmall{font-size:10px;padding:3px 3px;}
 .small{font-size:11px;padding:3px 3px;}
 .smallblack{font-size:11px;color:#000000;padding:3px 3px;border-radius:12px;}
 .input1{padding:4px 4px;border-radius:14px;width:auto}
 input,textarea,select{
   padding:5px 5px;
   border-radius:14px;
 }
}

@media only screen and (min-width: 515px) and (max-width: 800px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:15px;}
 div{padding:14px;border-radius:20px;}
 pre{font-family:Monaco !important;font-size:14px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:22px;}
 .img2{height:20px;}
 .td3small{font-size:12px;vertical-align:middle;background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:12px;vertical-align:middle;background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
 .td7small{font-size:12px;vertical-align:middle;background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
 .psmall{font-size:12px;padding:3px 3px;}
 .small{font-size:13px;padding:3px 3px;}
 .smallblack{font-size:13px;color:#000000;padding:3px 3px;border-radius:12px;}
 .input1{padding:4px 4px;border-radius:14px;width:auto}
 input,textarea,select{
   padding:5px 5px;
   border-radius:14px;
 }
}

@media only screen and (min-width: 801px) and (max-width: 1024px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:20px;}
 div{padding:16px;border-radius:24px;}
 pre{font-family:Monaco !important;font-size:18px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:26px;}
 .img2{height:24px;}
 .td3small{font-size:15px;vertical-align:middle;background-color:#333333;padding:4px 4px;border-radius:14px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:15px;vertical-align:middle;background-color:#eff4f5;padding:3px 3px;border-radius:12px;color:#000000;}
 .td7small{font-size:15px;vertical-align:middle;background-color:#cccccc;padding:4px 4px;border-radius:14px;color:#000000;}
 .psmall{font-size:15px;padding:3px 3px;}
 .small{font-size:17px;padding:3px 3px;}
 .smallblack{font-size:17px;color:#000000;padding:3px 3px;border-radius:12px;}
 .input1{padding:4px 4px;border-radius:14px;width:auto}
 input,textarea,select{
   padding:5px 5px;
   border-radius:14px;
 }
}

@media only screen and (min-width: 1025px) {
 html,body,p,input,textarea,select,div,form,table,td{font-size:28px;}
 div{padding:16px;border-radius:24px;}
 pre{font-family:Monaco !important;font-size:26px;white-space:pre;margin:4px;text-align:left;}
 .img1{height:39px;}
 .img2{height:36px;}
 .td3small{font-size:20px;vertical-align:middle;background-color:#333333;padding:6px 6px;border-radius:21px;font-weight:bold;color:#ffffff;}
 .td5small{font-size:20px;vertical-align:middle;background-color:#eff4f5;padding:5px 5px;border-radius:18px;color:#000000;}
 .td7small{font-size:20px;vertical-align:middle;background-color:#cccccc;padding:6px 6px;border-radius:21px;color:#000000;}
 .psmall{font-size:20px;padding:3px 3px;}
 .small{font-size:22px;padding:3px 3px;}
 .smallblack{font-size:22px;color:#000000;padding:5px 5px;border-radius:18px;}
 .input1{padding:6px 6px;border-radius:21px;width:auto}
 input,textarea,select{padding:6px 6px;border-radius:21px;}
 .tdnode{padding:6px 6px;border-radius:21px;}
 .tddevice{padding:6px 6px;border-radius:21px;}
 .td1{padding:6px 6px;border-radius:21px;}
 .td2{padding:6px 6px;border-radius:21px;}
 .td3{padding:6px 6px;border-radius:21px;}
 .td4{padding:5px 5px;border-radius:18px;}
 .td5{padding:5px 5px;border-radius:18px;}
 .td6{padding:6px 6px;border-radius:21px;}
 .td7{padding:6px 6px;border-radius:21px;}
 .td8{padding:6px 6px;border-radius:21px;}
 .canvas{border-radius:21px;}
 .button{padding: 12px 15px;border-radius: 24px;}
 .getmac {padding: 6px 6px;border-radius: 21px;}
 .alogo{font-size:40px;}
 #tl{width:60px;border-spacing:2px;}
 #trl{height:15px;}
}