:root {
  --main-bg: #8f8f8f;
  --button-bg: #8f8f8f;
  --file-selector-bg: #555;
  --text-white: #fff;
  --text-black: #000;
  --border-white: #fff;
  --border-black: #000;
  --radius: 5px;
}

body {
  background-color: var(--main-bg);
  font-family: Roboto Mono, monospace;
  font-weight: normal;
}

h1, h2, h3, h4, h5, h6, label {
  color: var(--text-black);
  font-weight: normal;
}

#lblConnTo, #lblConsoleFor {
  display: none;
}

hr {
  border: 1px solid var(--text-black);
  border-color: var(--border-black);
}

#safariErr {
  text-align: center;
  color: red;
  display: none;
}

#alertDiv {
  display: none;
}

select {
  background-color: var(--main-bg);
  color: var(--text-black);
  border: 2px solid var(--border-black);
  border-radius: var(--radius);
  padding: 8px;
  font-family: Roboto Mono, monospace;
  font-weight: normal;
}

button, input[type="button"], .btn {
  background-color: var(--main-bg);
  color: var(--text-black);
  border: 2px solid var(--border-black);
  border-radius: var(--radius);
  font-family: Roboto Mono, monospace;
  font-weight: normal;
}

input[type="file"]::file-selector-button {
  background-color: var(--main-bg);
  color: var(--text-black);
  border: 2px solid var(--border-black);
  border-radius: var(--radius);
  font-family: Roboto Mono, monospace;
  font-size: 12px;
  font-weight: normal;
}

input[type="text"] {
  background-color: var(--main-bg);
  border: 2px solid var(--border-black);
  border-radius: var(--radius);
  font-family: Roboto Mono, monospace;
  font-weight: normal;
}

#terminal {
  background-color: var(--main-bg);
  border: none;
  width: 100% !important;
}

.xterm {
  width: 100% !important;
  padding: 0 !important;
}

.xterm .xterm-scroll-area {
  background-color: var(--main-bg) !important;
}

.xterm-viewport {
  background-color: var(--main-bg) !important;
  width: 100% !important;

  &::-webkit-scrollbar {
    width: 10px;
  }

  &::-webkit-scrollbar-track {
    background: var(--main-bg);
  }

  &::-webkit-scrollbar-thumb {
    background: #555;
    border-radius: 5px;
  }
}

.xterm-screen {
  width: 100% !important;
}

.table, .table > thead, .table > tbody, .table > tfoot, .table > thead > tr, .table > tbody > tr, .table > tfoot > tr, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  border: 2px solid var(--border-black) !important;
  border-color: var(--border-black) !important;
}

.table > thead > tr:last-child > th {
  border-bottom: 2px solid var(--border-black) !important;
}

.table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}

.table th:first-child, .table td:first-child {
  width: 15%;
}

.table th:nth-child(2), .table td:nth-child(2) {
  width: 50%;
}

.table th:nth-child(3), .table td:nth-child(3) {
  width: 35%;
  border: none !important;
}

.table > thead > tr > th, .table > tbody > tr > td {
  vertical-align: middle !important;
  padding: 8px !important;
}

input[type="text"] {
  background-color: var(--main-bg);
  border: 2px solid var(--border-black);
  border-radius: var(--radius);
  box-sizing: border-box;
  width: 80%;
  max-width: none;
  padding: 6px 8px;
}

.progress-cell progress {
  border: none;
  width: 85%;
  height: 20px;
  margin: 10px;
}

.table tr {
  margin: 0 !important;
}

.table tbody tr {
  height: 40px;
}
/*# sourceMappingURL=index.93fab235.css.map */