1pxcode {

  text-align: left;
  font-size: 10px;
}

pre {

  text-align: left;
  font-size: 10px;
}

div {

  text-align: left;
}

div.logo {

  margin-top: 5px;
  font-family: Arial,Helvetica;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: var(--primary-color);
}

div.devices {

  color: #323232;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
}

div.result {
    display: none;
  width: 1024px;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  border: 1px dotted black;
}

div.connecting {

  width: 1024px;
  height: 5px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 11px;
  font-family: Arial,Helvetica;
}

table {

  width: 1024px;
  border: 1px dotted black;
  border-collapse: collapse;
}

table.no-border {

  width: 1024px;
  border: 0px;
}

table.menu-table {
    display: none;
  width: auto;
  border: 1px dotted black;
  background-color: var(--primary-color);
}

table.title {

  border: none;
}

div.host_command {

  width: 1024px;
  border: 0;
  margin-left: auto;
  margin-right: auto;
  font-family: Arial,Helvetica;
  font-size: 11px;
  text-align: center;
}

div.menu-commands {

  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

input.host_command_text {

  width: 450px;
  border: 1px solid black;
  font-size: 11px;
}

input.host_command_button {

  font-size: 11px;
  font-family: Arial,Helvetica;
}

select.host_command_select {

  font-size: 11px;
  font-family: Arial,Helvetica;
}

tr.menu-title {

  background-color: var(--primary-color);
  color: white;
  font-family: Arial,Helvetica;
  font-size: 12px;
  text-align: center;
}

tr.title {

  background-color: var(--primary-color);
  color: white;
  font-family: Arial,Helvetica;
  font-size: 12px;
  text-align: left;
}

tr.primary {

  background-color: white;
  color: black;
  font-family: Arial,Helvetica;
  font-size: 11px;
}

tr.secondary {

  background-color: #DDDDDD;
  color: black;
  font-family: Arial,Helvetica;
  font-size: 11px;
}

h2 {

  font-family: Arial,Helvetica;
  color: #323232;
  font-size: 14px;
  font-weight: bold;
}

h4 {

  font-family: Arial,Helvetica;
  color: #323232;
  font-size: 10px;
}

a {

  font-family: Arial,Helvetica;
  color: var(--primary-color);
  text-decoration: none;
}

a:hover {

  text-decoration: underline;
}

ul {

  padding: 0;
  margin: 0;
  list-style: none;
}

li {
 
    float: left;
    position: relative;
    width: 7em;
}

li a {
 
    color: white;
    font-size: 11px;
}

li a:hover {
 
    text-decoration: underline;
    cursor: pointer;
}

li ul {

    display: none;
    position: absolute;
    top: 11px;
    left: 0;
    background-color: var(--primary-color);
}

li:hover ul, li.over ul {
    
    display: block;
    cursor: pointer;
}