body {
  background: #111;
  color: #ddd;
  font-family: monospace;
}

table {
  border-collapse: collapse;
}

th, td {
  border: 1px solid #555;
  padding: 3px 6px;
  text-align: right;
}

th {
  color: #ff0;
}

.alpha30 {
  color: black;
  font-weight: bold;
  background-color: #80ffaa;
}

.fatal, .warning {
  color: red;
  font-weight: bold;
}

/* ===== UI ===== */

.temp-block {
  display: grid;
  grid-template-columns: 100px auto;
  row-gap: 4px;
  align-items: center;
  height: 70px;
}

.temp-block label {
  white-space: nowrap;
}

.temp-field {
  display: flex;
  align-items: center;
}

.temp-field input {
  width: 54px;
  text-align: right;
}

.temp-error {
  color: red;
  margin-left: 8px;
  font-size: 0.9em;
  white-space: nowrap;
}

.rec-block {
  display: grid;
  grid-template-columns: 210px auto;
  row-gap: 4px;
  text-align: left;
}

.rec-block label {
  white-space: nowrap;
}

.file-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 6px;
}

#fileInput1 {
  display: none;
}

#fileInput2 {
  display: none;
}

.file-label {
  background: #333;
  color: #ddd;
  padding: 4px 10px;
  border: 1px solid #777;
  cursor: pointer;
}

.file-name {
  font-style: italic;
}

.btn_run_calc {
	width: 102px;
}

#panel_Tsky {
  display: none;
}

#panel_Tearth {
  display: none;
}

#panel_Conv_Corr {
  display: none;
}

a.button {font-size: 14px;
      display: inline-block;
      padding: 2px 20px;
	  border: 1px solid #9E9D9D;
      background-color: #E3E2E1;
      color: black;
      text-decoration: none;
      border-radius: 5px;
	  width: 124px;
	  text-align: center;
}

a.button_FFTab {font-size: 14px;
      display: inline;
      padding: 2px 10px;
	  border: 1px solid #9E9D9D;
      background-color: #E3E2E1;
      color: black;
      text-decoration: none;
      border-radius: 5px;
	  width: 210px;
	  text-align: center;
}

a.button2 {font-size: 14px;
      display: inline-block;
      padding: 2px 4px;
	  border: 1px solid #9E9D9D;
      background-color: #E3E2E1;
      color: black;
      text-decoration: none;
      border-radius: 5px;
	  width: 24px;
	  text-align: center;
}

.inline_left {
	display: inline-block;
	text-align: left;
	width: 240px;
}

.inline_leftw {
	display: inline-block;
	text-align: left;
	width: 270px;
}

.inline_right {
	display: inline-block;
	width: 80px;
	text-align: right;
}

#ant {
	display: flex;
	justify-content: center;
}

hr { margin-right:100%; }
hr.px540 { width: 540px; }
hr.px490 { width: 490px; }
hr.px260 { width: 260px; }
hr.px120 { width: 120px; }

span {
	font-size: 12px;
}

span b {
	font-size: 22px;
	font-weight: bold;
}

.be_h2 {
	text-align: left;
	font-size: 1.5em; margin: 0.75em 0;
	font-weight: bold;
}