/*
  Devices and device-related styles
*/

/* The "add new device" combobox on the devices list page */

#addNewDeviceTitle  span {
  /* This is currently the only plain text on the tool bar. Everything else are buttons or form elements,
     so this gets special treatment. */
  font-size: 110%;
  padding-right: 5px;
}

#addNewDeviceTitle  select {
  padding: 5px;
}

#addNewDeviceTitle  option {
  padding: 5px;
}

.devicePurchaseDate select {
  /* Three combo boxes on the same row, don't make them full-width */
  width: auto;
}

/* Device reset information */
.deviceReset {
  border: 5px solid #f00;
  background: #b00;
  color: #fff;
  width: 50%;
  margin-left: 10px;
}

.deviceReset header {
  font-size: 140%;
  font-weight: bold;
  color: #ff0;
  text-align: center;
  background: #f00;
  padding: 0 5px 5px 5px;
}

.deviceReset ul {
  list-style-type: none;
  margin: 10px;
  padding: 0;
}

.deviceReset code {
  font-size: 120%;
}

/* Hardware infos on device "show" pages */
.hardwareInfo .timestamp {
  font-size: 110%;
  padding: 0.5em 0.25em 1em 0.25em;
  margin: 0;
}

.hardwareInfo .infoTable {
  border: 1px solid var(--devices-hwinfo-border);
  border-collapse: collapse;
}

.hardwareInfo .infoTable th {
  border: 1px solid var(--devices-hwinfo-border);
  padding: 7px;
  text-align: right;
  width: 150px;
}

.hardwareInfo .infoTable tr {
  /* forcibly disable alternating row colors */
  background: transparent !important;
}

.hardwareInfo .infoTable .main {
  text-align: center;
  vertical-align: middle;
  background: var(--devices-hwinfo-title-back);
}

.hardwareInfo .infoTable td {
  border: 1px solid var(--devices-hwinfo-border);
  padding: 7px;
}

.hardwareInfo .infoTable .sectionEnd {
  border-bottom: 1px solid var(--devices-hwinfo-border);
}

.hardwareInfo .infoTable ol {
  padding-left: 1.5em;
  margin: 0;
}

.hardwareInfo .infoTable pre {
  margin: 0;
}

.smart {
  width: auto !important;
}

.smart th {
  text-align: left !important;
  padding: 2px 10px !important;
  width: auto !important;
}

.smart td {
  padding: 2px 5px !important;
}

/* Desktop image statistics on Device Statistics pages */
.imageStats {
  width: 100%;
  border: none;
}

.imageStats th {
  background: var(--list-heading-back);
}

.imageStats .border {
  border-left: 1px solid var(--devices-imagestats-separator);
}

.imageStats .header {
  background: var(--devices-imagestats-header-back);
  color: var(--devices-imagestats-header-fore);
  border: none;
  cursor: pointer;
}

.imageStats .header:hover {
  background: var(--list-row-back-hover);
}

.imageStats .header .releaseName {
  color: var(--devices-imagestats-release-name);
  margin-left: 0.5em;
  font-weight: bold;
}

.imageStats .header .barOuter {
  background: var(--devices-imagestats-percentage-back);
  border: 1px solid var(--devices-imagestats-percentage-border);
  display: block;
  width: 100%;
  height: 100%;
}

.imageStats .header .barInner {
  background: var(--devices-imagestats-percentage-fore);
  display: block;
  height: 100%;
}

.imageStats .deviceListRow ul {
  border-left: 5px solid var(--devices-imagestats-devicelist-border);
  margin: 0 0 0 20px;
  padding: 0;
}

.imageStats .deviceListRow  li {
  margin-left: 2em;
  padding: 0;
}

span.release-other { }
span.release-stretch { color: var(--devices-imagestats-release-stretch); }
span.release-buster { color: var(--devices-imagestats-release-buster); }
span.release-bullseye { color: var(--devices-imagestats-release-bullseye); }
span.release-bookworm { color: var(--devices-imagestats-release-bookworm); }

.releaseName {
  color: var(--devices-imagestats-release-name);
  font-weight: bold;
}

h1 span.fqdn {
  font-size: 50%;
  font-weight: normal;
}
