/* ===================================================
   M12マウントミニレンズ FOV自動計算 - スタイル
   =================================================== */

/* ワーキングディスタンス入力欄 */
.table-wd td.working-distance {
  white-space: nowrap;
}

.working-distance-input {
  width: 70px;
  padding: 4px 6px;
  font-size: 14px;
  text-align: right;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  -moz-appearance: textfield;
}

.working-distance-input::-webkit-inner-spin-button,
.working-distance-input::-webkit-outer-spin-button {
  opacity: 1;
}

.working-distance-input:focus {
  outline: none;
  border-color: #4a90d9;
  box-shadow: 0 0 0 2px rgba(74, 144, 217, 0.2);
}

.working-distance-unit {
  margin-left: 4px;
  color: #666;
  font-size: 13px;
}

/* 値が不正な場合の警告表示 */
.working-distance-input.is-invalid {
  border-color: #d9534f;
  box-shadow: 0 0 0 2px rgba(217, 83, 79, 0.2);
}

/* FOVセルが再計算された際の簡易フラッシュ演出 */
.m12-table td.fov-cell {
  transition: background-color 0.4s ease;
}

.m12-table td.fov-cell.is-updated {
  background-color: #fff6cc;
}

/***** 見栄えの調整 *****/
table.table-wd {
  margin: 20px 10px;
  width: 275px;
  border: none  !important;
}
table.table-wd th, table.table-wd td {
  border: none  !important;
}

table.m12-table th, table.m12-table td {
  padding: 6px 3px !important;
  font-size: 12px !important;
}

table.m12-table th, table.m12-table td {
  border-right: 1px solid #ccc !important;
}

table.m12-table th.m12-right,
table.m12-table td.m12-right {
  border-right: none !important;
}

table.m12-table th.m12-focus {
  border-top: 1px solid #ccc !important;
}



.m12-ext {
  color: #c00;
  font-size: 11px;
}