.page-login .sidebar {
  width: 18.2rem;
  height: 100%;
  position: relative;
}
.page-login .sidebar .icon-container {
  padding-top: 11em;
  height: 100%;
  background-image: url(../img/a5grid.svg);
  background-color: #191919;
}
.page-login .sidebar .icon-container i {
  font-size: 8.75rem;
}
.page-login .sidebar .login-download {
  position: absolute;
  height: 3.28em;
  line-height: 3.3em;
  color: white;
  background-color: #191919;
  bottom: 3.5em;
  width: 100%;
  text-align: center;
  z-index: 99;
}
.page-login .sidebar a {
  color: white;
  text-decoration: underline;
}
.page-login .ctrl-container {
  height: 100%;
  padding-top: 10em;
  padding-left: 22%;
}
.page-login .ctrl-container br {
  min-height: 0.875rem;
}
.page-login .ctrl-container .headline {
  font-size: 2.25rem;
  font-weight: 600;
}
.page-login .ctrl-container .subline {
  font-size: 1.125rem;
  font-weight: 600;
  background-color: transparent;
}
.page-login .ctrl-container .label {
  padding-top: 0.5rem;
}
.page-login .ctrl-container .label > span {
  font-size: 0.75rem;
  background-color: transparent;
}
.page-login .ctrl-container .login-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.page-login .ctrl-container .login-button > span {
  font-size: 1.125rem;
}
.pages-restart .sidebar {
  width: 18.2rem;
  height: 100%;
}
.pages-restart .sidebar .icon-container {
  padding-top: 11em;
  height: 100%;
  background-image: url(../img/a5grid.svg);
  background-color: #191919;
}
.pages-restart .sidebar .icon-container i {
  font-size: 8.75rem;
}
.pages-restart .ctrl-container {
  height: 100%;
  padding-top: 10em;
  padding-left: 22%;
}
.pages-restart .ctrl-container .headline {
  font-size: 2.25rem;
  font-weight: 600;
}
.pages-restart .ctrl-container .subline {
  font-size: 1.125rem;
  font-weight: 600;
  background-color: transparent;
}
.pages-restart .ctrl-container .label {
  padding-top: 0.5rem;
}
.pages-restart .ctrl-container .label > span {
  font-size: 0.75rem;
  background-color: transparent;
}
.pages-restart .ctrl-container .login-button {
  font-size: 1.125rem;
  cursor: pointer;
}
.pages-restart .ctrl-container .login-button > span {
  font-size: 1.125rem;
}
.pages-install .sidebar {
  width: 19rem;
  height: 100%;
}
.pages-install .sidebar .top {
  padding-top: 2.4rem;
}
.pages-install .sidebar .item {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  width: 100%;
}
.pages-install .sidebar .item > i {
  font-size: 1.75rem;
}
.pages-install .sidebar .item span {
  font-size: 1.25rem;
}
.pages-install .button {
  min-width: 9em;
  height: 1.625rem;
  font-size: 0.875rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}
.pages-install .wizzard-container {
  height: 100%;
  padding-top: 2em;
  padding-left: 3em;
  padding-right: 10em;
  position: relative;
}
.pages-install .wizzard-container .link:hover {
  text-decoration: underline;
  color: #88c3fb;
}
.pages-install .wizzard-container .form {
  padding: 0 !important;
  margin: 0 !important;
}
.pages-install .wizzard-container br {
  min-height: 0.67rem;
}
.pages-install .wizzard-container h1 {
  padding-top: 0.67em !important;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.pages-install .wizzard-container label {
  min-width: 10.5rem !important;
}
.pages-install .wizzard-container hr.light {
  border-color: #e5e5e5;
}
.wizzard-sidebar .wizzard-item {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  width: 100%;
}
.wizzard-sidebar .wizzard-item > i {
  font-size: 1.75rem;
}
.wizzard-sidebar .wizzard-item span {
  font-size: 1.25rem;
}
.welcome br {
  display: block;
  min-height: 1.5rem;
}
.welcome p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.welcome .contact {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.welcome .mouth {
  position: absolute;
  margin-top: 7em;
  margin-left: 2.5em;
  width: 66%;
  height: 38%;
  z-index: 0;
}
.welcome .fg {
  position: absolute;
  width: 75%;
  z-index: 100;
}
.license br {
  display: block;
  min-height: 1.5rem;
}
.license p {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.license .eula-container {
  border: 1px solid #cccccc;
  margin-bottom: 1.0rem;
}
.license .eula {
  padding: 0.4rem;
}
.license .pre-text {
  white-space: pre;
  font-family: monospace;
  font-size: 0.75rem;
}
.dashboard .dashboard-header {
  padding: 0em 0.75em 0em 0.75em;
  margin-top: 0.75rem;
  margin-bottom: 0.5em;
  line-height: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.dashboard .dashboard-link {
  padding: 0em 0.5em 0em 0.5em;
  line-height: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
}
.dashboard .keysDialogFrame {
  width: 50rem;
  height: 24.375rem;
  border: 1px solid #b2b2b2;
  overflow: hidden;
}
.devicekeys-navigation {
  border-right: 1px solid #b2b2b2;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  height: 100%;
  width: 16rem;
}
.devicekeys-content {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}
.presence-span {
  min-width: 0 !important;
  margin-right: 1.1em;
}
.logfile-span {
  min-width: 0 !important;
  margin-right: 1.1em;
}
.logfile-span {
  min-width: 0 !important;
  margin-right: 1.1em;
}
.dhcp-navigation {
  border-right: 1px solid #cccccc;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  width: 30%;
}
.dhcp-content {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  min-height: 27em;
}
.ruleDebug {
  height: 100%;
}
.ruleDebug .rule-main {
  padding-top: 1.0rem;
}
.ruleDebug .rule-sidebar {
  height: 100%;
  width: 18em;
  background-color: #f5f5f5;
}
.ruleDebug .rule-sidebar .normal {
  background-color: #f5f5f5;
}
.ruleDebug .rule-sidebar .disabled {
  background-color: #f5f5f5;
}
.ruleDebug .rule-sidebar .rule-sidebar-header {
  height: inherit;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.625rem;
  height: 1.625rem;
  display: flex;
}
.ruleDebug .rule-sidebar .rule-sidebar-details {
  min-height: 15em;
  border-bottom: 1px solid #e5e5e5;
}
.ruleDebug .rule-sidebar .rule-sidebar-button {
  padding-left: 0.4rem;
  padding-right: 0.4rem;
}
.ruleDebug .rule-sidebar .rule-sidebar-button:hover {
  background-color: #bbddfd;
}
.ruleDebug .rule-source {
  background-color: #f5f5f5;
  font-family: 'Courier New', Courier, monospace;
  padding: 0.4rem;
}
.ruleDebug .rule-source pre {
  padding: 0;
  margin: 0;
}
.ruleDebug .rule-source .keyword {
  color: #37329b;
}
.ruleDebug .rule-source .parameter {
  color: #0ea44f;
}
.ruleDebugSource {
  min-height: 4em;
}
.ruleDebugSource .rule-src-container {
  padding: 0.4rem;
  background-color: #f5f5f5;
  font-family: monospace;
  font-size: 1em;
  width: 100%;
  height: 100%;
}
.ruleDebugSource .rule-src-container span {
  font-size: 1em;
}
.ruleDebugSource .src-disabled {
  background-color: #f5f5f5;
  color: #808080;
}
.ruleDebugSource .src-error {
  background-color: rgba(255,41,65,0.3) !important;
  color: #808080;
}
.ruleDebugSource .src-line-selected {
  background-color: #bbddfd;
}
.ruleDebugSource .src-line {
  display: inline-block;
  white-space: pre;
  height: 1.125rem;
  width: 95%;
  line-height: 1.125rem;
}
.ruleDebugSource .src-line .keyword {
  color: #37329b;
}
.ruleDebugSource .src-line .keyword-disabled {
  color: inherit;
}
.ruleDebugSource .src-line .parameter {
  color: #0ea44f;
}
.ruleDebugSource .src-line .parameter-disabled {
  color: inherit;
}
.ruleDebugSource .src-line-nr {
  display: inline-block;
  width: 1.6rem;
  height: 100%;
  border-right: 1px solid #e5e5e5;
  margin-right: 0.4rem;
  text-align: center;
}
@media print {
  .sus-print {
    margin: 0.5cm;
    padding: 0;
  }
  .sus-print .background {
    position: relative;
  }
  .sus-print .background img {
    position: fixed;
  }
  .sus-print .link-appstore {
    position: absolute;
    top: 2.5cm;
    left: 6.4cm;
    width: 2.9cm;
    height: 2.9cm;
  }
  .sus-print .sus-qrcode {
    position: absolute;
    top: 4.8cm;
    left: 12.7cm;
    width: 4.6cm;
    height: 4.6cm;
  }
  .sus-print .sus-expiry {
    position: absolute;
    top: 10.5cm;
    left: 14cm;
    width: 3cm;
    height: 0.5cm;
  }
}
.devicekeys-navigation {
  border-right: 1px solid #b2b2b2;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  height: auto;
  overflow: hidden;
  width: 16rem;
}
.devicekeys-content {
  padding-top: 0.2rem;
  padding-bottom: 0.8rem;
  min-height: 20rem;
}
.devicefunction-content {
  padding-top: 0.4rem;
  padding-bottom: 1.6rem;
}
.json-control {
  font-size: 0.625rem;
  user-select: text;
  background-color: #f5f5f5;
}
.json-control pre {
  font-family: monospace;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
.json-control .container {
  padding: 0.4rem;
}
.json-control .string {
  color: #ff2941;
}
.json-control .number {
  color: #0ea44f;
}
.json-control .boolean {
  color: #37329b;
}
.json-control .null {
  color: #37329b;
}
.json-control .key {
  color: #4c4c4c;
}
.ldopener_time {
  margin-left: 1.25em;
}
.ldlight_time {
  margin-left: 1.25em;
}
