body {
  font-family: Arial, Helvetica, sans-serif;
}

#servers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

#servers td, #servers th {
  border: 1px solid #ddd;
  padding: 8px;
}

#servers tr:nth-child(even){background-color: #f2f2f2;}

#servers tr:hover {background-color: #e6ffe6;}

#servers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #4caf50;
  color: white;
}

.buttonReboot {
  background-color: #ffff00;
  border: none;
  color: #000000;
  padding: 6px 34px;
  text-align: center;
//  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  font-weight: none;
  cursor: pointer;
}
.buttonReboot:hover {
  opacity: 1
}

.buttonShutdown {
  background-color: #f4511e;
  border: none;
  color: #ffffff;
  padding: 6px 34px;
  text-align: center;
//  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  font-weight: none;
  cursor: pointer;
}
.buttonShutdown:hover {
  opacity: 1
}

.buttonRefresh {
  background-color: #000099;
  border: none;
  color: #ffffff;
  padding: 10px 36px;
  text-align: center;
//  font-size: 16px;
  margin: 4px 2px;
  opacity: 0.6;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  font-weight: none;
  cursor: pointer;
}
.buttonRefresh:hover {
  opacity: 1
}


p.response {
  color: #4caf50;
  font-size: 14px;
  font-weight: bold;
//  outline-style: solid;
//  outline-color: #4caf50;
//  outline-width: 1px;
  background-color: #cbe7cb;
  padding: 6px;
  border-radius: 8px;
}
p.responseError {
  color: #cc0000;
  font-size: 14px;
  font-weight: bold;
//  outline-style: solid;
//  outline-color: #cc0000;
//  outline-width: 1px;
  background-color: #ff9999;
  padding: 6px;
  border-radius: 8px;
}