main {
  padding-top: 4.5rem;
}
footer {
  margin-top: 2rem;
}
.bgLeft{
  background: skyblue;
}
.bgRight {
  background: pink;
}
.login {
  width: 300px;
  margin: 1rem auto;
}
.bgCell{
  background: lightyellow;
}
.b_skyblue,
.b_pink,
.b_yellow,
.b_white,
.b_green,
.b_orange {
  margin: 0;
  width: 100%;
  font-weight: bold;
  text-align: center;
}
.b_pink {
  background: pink;
  color: firebrick;
  border-color: firebrick;
  padding: 1.5em 0;
}
.b_pink:hover {
  color: lavenderblush;
  background: firebrick;
  border-color: firebrick;
}
.b_skyblue {
  background: skyblue;
  color: blue;
  border-color: blue;
  padding: 1.5em 0;
}
.b_skyblue:hover {
  color: skyblue;
  background: blue;
  border-color: blue;
}
.b_yellow {
  background: lemonchiffon;
  color: goldenrod;
  border-color: goldenrod;
  padding: 1.5em 0;
}
.b_yellow:hover {
  color: lemonchiffon;
  background: goldenrod;
  border-color: lemonchiffon;
}
.b_white {
  background: whitesmoke;
  color: dimgray;
  border-color: dimgray;
  padding: 1.5em 0;
}
.b_white:hover {
  color: whitesmoke;
  background: dimgray;
  border-color: whitesmoke;
}
.b_green {
  background: palegreen;
  color: green;
  border-color: green;
  padding: 1.5em 0;
}
.b_green:hover {
  color: palegreen;
  background: green;
  border-color: palegreen;
}
.b_orange {
  background: navajowhite;
  color: orange;
  border-color: orange;
  padding: 1.5em 0;
}
.b_orange:hover {
  color: navajowhite;
  background: orange;
  border-color: navajowhite;
}
.bg_skyblue { background: skyblue; }
.bg_pink { background: pink; }
.bg_yellow { background: lemonchiffon; }
.bg_white { background: whitesmoke; }
.bg_green { background: palegreen; }
.bg_orange { background: navajowhite; }

.fs11 {
  font-size: 11px;
  padding: 0;
}
.log {
  width: 100%;
  height: 70vh;
  overflow: scroll;
}
.err_table {
  width: 100%;
  height: 40vh;
  overflow-y: scroll;
}

.err_table table,
.log table {
  table-layout: fixed;
}
.err_table table th,
.log table th {
  position: sticky;
  top: 0;
  z-index: 2;
}
.log table th {
  border-bottom: 1px solid #ddd;
  background-color: skyblue;
}
.log table th,
.log table td {
  font-size: 12px;
  text-align: center;
}
.tab_ss {
  width: 65px;
  word-break: break-all;
}
.tab_s {
  width: 90px;
  word-break : break-all;
}
.tab_l {
  width: 120px;
  word-break : break-all;
}
.ui-datepicker {
  z-index: 1000 !important;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance:textfield;
}
.chart1,
.chart3 {
  width: 100%;
  height: 30vh;
}
.chart2 {
  width: 100%;
  height: 20vh;
}
.chart_tab th,
.chart_tab td,
.chart_tab2 th,
.chart_tab2 td {
  font-size: 11px;
  white-space: nowrap;
  border: 1px solid #ddd;
  border-collapse: collapse;
}
#item5_2 {
  display: none;
}
.chart_tab2 {
  position: relative;
}
.chart_tab2 th {
  position: sticky;
  background: #fff;
  top: 0;
}
.vertical {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}