@charset "UTF-8";
* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
  width: 100%;
}

body {
  color: #efefef;
  cursor: default;
  font-family: Meiryo, "メイリオ", Verdana, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 11px;
  margin: 0;
  min-height: 750px;
  min-width: 1400px;
  position: relative;
  voice-family: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

li {
  list-style-type: none;
}

p {
  margin: 0;
}

input[type=file] {
  display: none;
}

.autotextSS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 70px;
  background-color: #545454;
  overflow: hidden;
}

.autotextS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 110px;
  background-color: #545454;
  overflow: hidden;
}

.autotextM {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 160px;
  background-color: #545454;
  overflow: hidden;
}

.autotextL {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 230px;
  background-color: #545454;
  overflow: hidden;
}

.btn {
  background-color: #565656;
  border: #efefef 2px solid;
  border-radius: 10px;
  color: #efefef;
  height: 24px;
  width: 90px;
}
.btn:hover {
  background-color: #efefef;
  color: #565656;
}

.colorBtn {
  border: 1px #636363 solid;
  height: 20px;
  width: 40px;
}

.palletColorBtn {
  background: linear-gradient(to bottom, red, orange, yellow, lightgreen, green, aqua, blue);
  border: 1px #636363 solid;
  height: 17px;
  cursor: pointer;
  width: 19px;
}

.palletWhtBlkBtn {
  background: linear-gradient(to bottom, black, white);
  border: 1px #636363 solid;
  height: 17px;
  cursor: pointer;
  width: 19px;
}

.palletColdWarmBtn {
  background: linear-gradient(to bottom, red, gray, blue);
  border: 1px #636363 solid;
  height: 17px;
  cursor: pointer;
  width: 19px;
}

.palletCustomBtn {
  background: #ffffff;
  border: 1px #636363 solid;
  height: 17px;
  cursor: pointer;
  width: 19px;
}

.iconBtn {
  font-size: 17px;
  height: 28px;
  width: 28px;
  border: #3f3f3f 1px solid;
}
.iconBtn:hover {
  background-color: #3f3f3f;
}

.subBtnWrap {
  height: 22px;
  width: 100%;
}

.subBtn, .subBtnL {
  background-color: transparent;
  border: #9e9e9f 1px solid;
  border-radius: 2px;
  color: #efefef;
  height: 22px;
  padding: 0 15px;
}
.subBtn:hover, .subBtnL:hover {
  border: #efefef 1px solid;
}

.subBtnL {
  height: 32px;
  line-height: 32px;
  padding: 0 20px;
}

.subBtnCheck:checked + label {
  background-color: #0c8be2;
}

input[type=checkbox] {
  display: none;
}

.checkboxInput:checked + .checkbox::before {
  background-color: #efefef;
}
.checkboxInput:checked + .checkbox::after {
  border-bottom: #565656 2px solid;
  border-right: #565656 2px solid;
  content: "";
  display: block;
  height: 8px;
  left: 3.5px;
  position: absolute;
  top: 3px;
  transform: rotate(40deg);
  width: 6px;
}

.checkbox {
  padding-left: 18px;
  position: relative;
}
.checkbox::before {
  border: #9e9e9f 1px solid;
  border-radius: 3px;
  content: "";
  display: block;
  height: 13px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 13px;
}
.checkbox:hover::before {
  border: #efefef 1px solid;
}

.active {
  background-color: #ff0000;
}

.disabled {
  opacity: 0.4;
  pointer-events: none;
}

.disabled--table {
  opacity: 0.4;
  background-color: rgba(255, 255, 255, 0.2);
  pointer-events: none;
}

.linkText {
  color: #0c8be2;
  text-decoration: underline;
}
.linkText:hover {
  text-decoration: none;
}

.listMark {
  background-color: #3f3f3f;
  border-radius: 8px;
  display: inline-block;
  height: 8px;
  margin-left: 5px;
  margin-right: 5px;
  width: 8px;
}

.listHover {
  background-color: #325268 !important;
}

.listSelected {
  background-color: #0c8be2 !important;
}

.listSelected--gray {
  background-color: #d8d8d8 !important;
}

.progressbar {
  height: 10px;
  margin: 15px 15px 25px 15px;
  width: 250px;
}

#widthcheck {
  visibility: hidden;
  position: absolute;
  white-space: nowrap;
}

.Dropwindow--child, .Dropwindow {
  background-color: #efefef;
  border: #636363 1px solid;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  color: #3f3f3f;
  padding: 3px;
  white-space: nowrap;
}

.Dropwindow--child__item, .Dropwindow__item {
  height: 20px;
  line-height: 20px;
  padding-left: 20px;
}

.Dropwindow--child__item:hover, .Dropwindow__item:hover {
  background-color: #cccccc;
}

.Dropwindow {
  width: 210px;
}
.Dropwindow--child {
  min-width: 150px;
}
.Dropwindow--child__item {
  padding-right: 8px;
}
.inputnumberS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: calc(110px - 25px);
  border-right: none;
}

.inputnumberM {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: calc(160px - 25px);
  border-right: none;
}

.inputtextS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: calc(230px - 25px);
  border-right: none;
}

.spinBtn {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  border-left: none;
  color: #efefef;
  height: 20px;
  width: 25px;
}
.spinBtn__up, .spinBtn__down {
  background-color: #3f3f3f;
  border: none;
  color: #efefef;
  font-size: 4px;
  height: 50%;
  position: relative;
  width: 100%;
}
.spinBtn__up:hover, .spinBtn__down:hover {
  background-color: #494949;
}

.inputtextSS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 70px;
}

.inputtextS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 110px;
}

.inputtextM {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 160px;
}

.inputtextL {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 230px;
}

.inputtextTable {
  background-color: transparent;
  border: none;
  color: #efefef;
  height: 100%;
  padding-left: 2px;
  width: 100%;
}

.js-scroll {
  overflow: hidden;
  position: relative;
}

.js-tabContent {
  display: none;
}

.js-tabContent.js-active {
  display: block;
}

.js-moduleBtnChecked {
  background-color: #0c8be2;
}
.js-moduleBtnChecked:hover {
  background-color: #0c8be2 !important;
}

.js-second li {
  position: relative;
}

.js-second li ul.js-third {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

.js-second li.hover ul.js-third {
  display: block;
}

.js-bgRed {
  background-color: #ff0000;
}

.js-bgBlue {
  background-color: #0c8be2;
}

.l-allWidth {
  width: 100% !important;
}

.l-allHeight {
  height: 100%;
}

.l-flex {
  display: flex;
}

.l-center, .ResultBtns__icon, .SystemStructLegend__inner, .StructSurfMainLegend__inner, .RepPreBtn + label, .Subwindow__head__minBtn, .Subwindow__head__btn, .SetupBtns__icon, .CommandBtns__icon, .ModuleBtns__label, .ModuleBtns__label--modifer, .plotwindowTab + label, .btn, .iconBtn, .subBtn, .subBtnL {
  align-items: center;
  display: flex;
  justify-content: center;
}

.l-column, .Activ__pc__icon, .spinBtn {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.l-row, .Footer, .SliderWrap, .subBtnWrap {
  align-items: center;
  display: flex;
}

.l-right, .opacitySliderValue, .speedSliderValue {
  display: flex;
  justify-content: flex-end;
}
.l-right .l-left, .opacitySliderValue .l-left, .speedSliderValue .l-left {
  display: flex;
  margin-right: auto;
}

.l-blank {
  padding-left: 18px;
}

.l-ptS {
  padding-top: 6px;
}

.l-rotatPlusMinus {
  margin: -8px 0 -2px 0;
}

/*ボタンを並べる*/
.l-mlS {
  margin-left: 4px;
}

.l-mlM {
  margin-left: 8px;
}

.l-mlML {
  margin-left: 14px;
}

.l-mtS {
  margin-top: 5px;
}

.l-mtM {
  margin-top: 8px;
}

.l-mtML {
  margin-top: 14px;
}

.l-mtL {
  margin-top: 18px;
}

.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.pauseborderV {
  border-right: #383838 1px solid;
  height: 75%;
  margin: 0 5px;
}

.pauseborderH {
  border-top: #383838 1px solid;
  margin: 5px 0;
  width: 75%;
}

.pauseborderAllH {
  border-top: #3f3f3f 1px solid;
  margin: 8px 0;
  width: 100%;
}

.pauseborder--pwindow {
  border-top: 1px #cccccc solid;
  margin: 3px 0;
  margin-left: 20px;
  width: calc(100% - 20px);
}

input[type=radio] {
  display: none;
}

.radio:checked + label::after {
  background: #efefef;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  height: 7px;
  width: 7px;
}

.radio + label {
  padding-left: 18px;
  position: relative;
}
.radio + label::before {
  border: #9e9e9f 1px solid;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 13px;
  height: 13px;
}
.radio + label:hover::before {
  border: #efefef 1px solid;
}

.scrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 270px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
}

.scrBoxS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 220px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
}

.scrBoxW {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 243px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 200px;
}

.scrBoxWS {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 180px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 200px;
}

.scrBox--noPad {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 270px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
  padding: 0;
}

.scrBoxBtn {
  height: 100%;
  width: 100%;
}
.scrBoxBtn + label {
  display: block;
  height: 20px;
  line-height: 20px;
  padding-left: 8px;
  width: 100%;
}
.scrBoxBtn + label:hover {
  background-color: #325268;
}
.scrBoxBtn:checked + label {
  background-color: #0c8be2;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.selectboxSS {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 92px;
  padding-left: 0px;
  padding-right: 20px;
  /*layoutの高さ強調倍率に使用*/
}

.selectboxS {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 110px;
  padding-left: 0px;
  padding-right: 20px;
}

.selectboxM {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 160px;
  padding-left: 0px;
  padding-right: 20px;
}

.selectboxL {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 230px;
  padding-left: 0px;
  padding-right: 20px;
}

.selectboxLL {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 320px;
  padding-left: 0px;
  padding-right: 20px;
}

.selectboxTable {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2281.3px%22%20height%3D%2249.6px%22%20viewBox%3D%220%200%2081.3%2049.6%22%20style%3D%22enable-background%3Anew%200%200%2081.3%2049.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23EFEFEF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C9.4%209.8%2C0%2040.7%2C31.4%2071.4%2C0%2081.3%2C9.4%2040.7%2C49.6%20%22%2F%3E%3C%2Fsvg%3E") right 4px center no-repeat;
  background-size: 10px;
  background-color: #3f3f3f;
  border: #636363 1px solid;
  color: #efefef;
  height: 20px;
  line-height: 18px;
  padding-left: 2px;
  width: 100%;
  padding-left: 0px;
  padding-right: 20px;
  background-color: transparent;
  border: none;
  height: 100%;
}
.selectboxTable:checked {
  background-color: transparent;
}
.selectboxTable option {
  background-color: #3f3f3f;
}

.slider {
  padding: 0 8px;
  width: 100px !important;
}

.speedSliderValue {
  width: 18px;
}

.opacitySliderValue {
  width: 25px;
}

input[type=range] {
  -webkit-appearance: none;
  background-color: #565656;
  margin: 0;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

/* WebKit・Blink 溝*/
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #3f3f3f;
  border-radius: 2px;
}

/* WebKit・Blink つまみ*/
input[type=range]::-webkit-slider-thumb {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #0c8be2;
  border: none;
  cursor: pointer;
  -webkit-appearance: none;
  /* 以下は つまみの縦位置調整 */
  margin-top: -5px;
  /* (つまみの高さ - トラックの高さ) / 2 。つまみの高さは border を含む */
}

/* Firefox 溝*/
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: #3f3f3f;
  border-radius: 2px;
}

/* Firefox つまみ*/
input[type=range]::-moz-range-thumb {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #0c8be2;
  border: none;
  cursor: pointer;
}

/* Edge・IE 溝 */
input[type=range]::-ms-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background: transparent;
  color: transparent;
}

/* Edge・IE 溝の色（つまみより左側）*/
input[type=range]::-ms-fill-lower {
  background: #3f3f3f;
  border-radius: 2.6px;
}

/* Edge・IE 溝の色（つまみより右側）*/
input[type=range]::-ms-fill-upper {
  background: #3f3f3f;
  border-radius: 2.6px;
}

/* Edge・IE つまみのスタイル*/
input[type=range]::-ms-thumb {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background: #0c8be2;
  cursor: pointer;
}

/* Edge・IE向け ポップアップを非表示に */
input[type=range]::-ms-tooltip {
  display: none;
}

/* webkitの margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) {
  input[type=range]::-webkit-slider-thumb {
    margin-top: 0 !important;
  }
}
.plotwindowTab:checked + label {
  background-color: #565656;
}

.plotwindowTab + label {
  background-color: #494949;
  border-right: #3f3f3f 1px solid;
  padding: 0 8px;
  min-width: 120px;
}

.tab:checked + label {
  background: #494949;
}

.tab + label {
  border: #3f3f3f 1px solid;
  border-left: none;
  background-color: #565656;
  height: 20px;
  line-height: 18px;
  padding: 0 20px 0 20px;
}
.tab + label:first-of-type {
  border-left: #3f3f3f 1px solid;
  margin-left: 0;
}

.TabUnit {
  border: #3f3f3f 1px solid;
  height: 280px;
  width: 150px;
}

td {
  white-space: nowrap;
}

.table, .freeTable {
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: fixed;
  width: 100%;
  /*    tbody tr th {
          position: sticky;
          left: 0;
      }*/
}
.table thead tr th, .freeTable thead tr th {
  position: sticky;
  top: 0;
}
.table th, .freeTable th {
  background-color: #636363;
  border: #565656 1px solid;
  height: 20px;
  font-weight: normal;
  position: relative;
}
.table tbody tr, .freeTable tbody tr {
  background-color: #3f3f3f;
}
.table td, .freeTable td {
  border: #565656 1px solid;
  height: 20px;
  white-space: normal;
  /*padding-left: 3px;*/
}

.freeTable thead th {
  white-space: normal;
  width: 100px;
}

.subTable {
  width: 100%;
}
.subTable td {
  height: 20px;
  padding-left: 3px;
  width: 100%;
}

.layoutTable {
  border-collapse: separate;
  border-spacing: 0 2px;
  margin: -2px 0 -2px 0;
}
.layoutTable th, .layoutTable td {
  height: 20px;
}

.layoutTable--right td:nth-child(odd) {
  text-align: right;
}

.tableSpaceSS {
  width: 15px !important;
}

.tableSpaceS {
  width: 70px;
}

.tableSpaceM {
  width: 130px;
}

.tableSpaceL {
  width: 160px;
}

.tableSpaceLL {
  width: 210px;
}

.ModuleBtns {
  align-items: center;
  border-bottom: #3f3f3f 1px solid;
  display: flex;
  height: 27px;
  width: 100%;
}
.ModuleBtns__input, .ModuleBtns__input--modifer {
  display: none;
}
.ModuleBtns__label, .ModuleBtns__label--modifer {
  height: 100%;
  padding: 0 16px;
}
.ModuleBtns__label:hover, .ModuleBtns__label--modifer:hover {
  background-color: #494949;
}
.ModuleBtns__input:checked + label {
  background-color: #3f3f3f;
}
.ModuleBtns__changeModel {
  margin-left: 8px;
}

.CommandBtns {
  align-items: center;
  border-bottom: #3f3f3f 1px solid;
  display: flex;
  height: 27px;
  width: 100%;
  height: calc(27px * 2);
}
.CommandBtns__iconWrapper {
  height: 100%;
  min-width: calc(27px * 2.5);
  padding: 5px 9px;
}
.CommandBtns__iconWrapper:hover {
  background-color: #494949;
}
.CommandBtns__icon {
  font-size: 22px;
  height: 30px;
  width: 100%;
}

.SetupBtns {
  align-items: center;
  border-bottom: #3f3f3f 1px solid;
  display: flex;
  height: 27px;
  width: 100%;
  border-bottom: 2px #3f3f3f solid;
}
.SetupBtns__icon {
  font-size: 17px;
  height: 100%;
  width: 27px;
}
.SetupBtns__icon:hover {
  background-color: #494949;
}

.Subwindow {
  border: #3f3f3f 1px solid;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
}
.Subwindow__head {
  background-color: #ffffff;
  color: #3f3f3f;
  height: 24px;
  line-height: 24px;
  padding-left: 8px;
  width: 100%;
}
.Subwindow__head__btn {
  font-size: 15px;
  height: 100%;
  width: 30px;
}
.Subwindow__head__btn:hover {
  background-color: #ff0000;
  color: #ffffff;
}
.Subwindow__head__minBtn {
  font-size: 15px;
  height: 100%;
  width: 30px;
}
.Subwindow__head__minBtn:hover {
  background-color: #efefef;
}
.Subwindow__body {
  background-color: #565656;
  padding: 10px 10px 16px 10px;
  position: relative;
  width: 100%;
}

.MinSubwindow {
  background-color: #636363;
  border-right: #3f3f3f 1px solid;
  height: 27px;
  line-height: 27px;
  padding-left: 8px;
  width: 150px;
}
.MinSubwindow:hover {
  background-color: #6d6d6d;
}

.DoneSw {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  color: #3f3f3f;
  padding: 25px;
  width: 400px;
  z-index: 100000000;
}
.DoneSw .DoneSw__failMark, .DoneSw .DoneSw__succMark {
  border-radius: 50%;
  height: 40px;
  width: 40px;
  margin: 0 auto;
  position: relative;
  z-index: -1;
}
.DoneSw__succMark {
  background-color: #0c8be2;
}
.DoneSw__succMark:after {
  content: "";
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 18px;
  height: 11px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
}
.DoneSw .DoneSw__failMark:after, .DoneSw .DoneSw__failMark:before {
  background-color: #ffffff;
  content: "";
  position: absolute;
  height: 2px;
  width: 18px;
  background-color: #ffffff;
  left: 10px;
  top: 18px;
}
.DoneSw__failMark {
  background-color: #d83b00;
}
.DoneSw__failMark:before {
  transform: rotate(45deg);
}
.DoneSw__failMark:after {
  transform: rotate(-45deg);
}
.DoneSw__text {
  font-size: 120%;
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.DoneSw__btn {
  color: #3f3f3f;
  margin-top: 16px;
}
.DoneSw__btn:hover {
  background-color: #565656;
  color: #ffffff;
}

.ContentsWrapM {
  height: 400px;
}

.Unit, .SystemStructLegend, .CompDiaGraphUnit, .ContOptMainPaletUnit, .ChemDataTTempGraph, .AnalyExeUnit, .BHEUnit, .M05ImportCsvUnit, .StructSurfMainLegend, .BoringHistogramCanvas, .PlaneCrossImgUnit, .graphUnit {
  border: #3f3f3f 1px solid;
  padding: 8px;
}

.List {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 182px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 460px;
}

.graphUnit {
  height: 400px;
  width: 400px;
}

.UnsatCharaScrbox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 300px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 250px;
}

.OutputTimeList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 260px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 1 + 130px * 2 + 2px);
}

.SelScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 120px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 220px;
  padding: 0;
}
.SelScrBox p {
  padding-bottom: 5px;
}

.WhtScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 300px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 275px;
  padding: 2px;
}
.WhtScrBox__item {
  height: 17px;
  width: 100%;
}
.WhtScrBox__item:hover {
  background-color: #f2f2f2;
}

.Jstree {
  background-color: #ffffff;
  color: #3f3f3f;
  height: 100%;
  padding: 2px 0;
  position: relative;
  width: 100%;
}

/*.Jstree ul> li > ul> li .jstree-icon {
    display: none !important;
}*/
.jstreeList {
  background-color: #3f3f3f;
  border-radius: 8px;
  display: inline-block;
  margin: 0 6px 0 18px;
  height: 8px;
  width: 8px;
}

.LoaderWrap {
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10000;
}

.RepPreBtn:checked + label {
  background-color: #ff0000;
}

.RepPreBtn + label {
  background-color: #565656;
  border: #9e9e9f 1px solid;
  border-radius: 0 2px 2px 0;
  color: #efefef;
  height: 22px;
  width: 55px;
}
.RepPreBtn + label:first-of-type {
  border-radius: 2px 0 0 2px;
  border-right: none;
}
.RepPreBtn + label:hover {
  border: #efefef 1px solid;
}

.label-time {
  width : 90px;
}

.T2DataList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 252px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 515px;
}

.Login {
  height: 100%;
  width: 100%;
}
.Login__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed !important;
}
.Login__logo {
  width: 340px;
}

.loginText {
  background-color: #eaeaea;
  border: #eaeaea 1px solid;
  border-radius: 0.2rem;
  height: 3.5rem;
  line-height: 3.5rem;
  padding-left: 0.5rem;
  width: 25rem;
}
.loginText:hover {
  border: #0c8be2 1px solid;
}

.loginBtn {
  background-color: #0c8be2;
  border: #0c8be2 1px solid;
  border-radius: 0.2rem;
  color: #fff;
  height: 4rem;
  line-height: 4rem;
  transition: 0.4s;
  width: 25rem;
}
.loginBtn:hover {
  background-color: transparent;
  border: #0c8be2 1px solid;
  color: #0c8be2;
  transition: 0.4s;
}

.Activ {
  color: #ffffff;
  display: flex;
  font-size: 110%;
  height: 100%;
  position: relative;
  width: 100%;
}
.Activ__func {
  background-color: #333333;
  flex-grow: 2;
  height: 100%;
  width: 300px;
}
.Activ__func__logo {
  margin-left: 30px;
  margin-top: 20px;
  width: 200px;
}
.Activ__func__list {
  margin-top: 30px;
}
.Activ__func__item, .Activ__func__item--activ {
  border-left: transparent 5px solid;
  color: #636363;
  height: 33px;
  line-height: 33px;
  padding-left: 40px;
}
.Activ__func__item--activ {
  background-color: #4c4c4c;
  border-left: #0c8be2 5px solid;
  color: #ffffff;
}
.Activ__func__border {
  border-top: #262626 1px solid;
  margin: 10px 30px 10px 40px;
  width: 75%;
}
.Activ__pc {
  background-color: #3f3f3f;
  flex-grow: 1.5;
  height: 100%;
  padding: 20px;
  width: 200px;
}
.Activ__pc__icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2254.59px%22%20height%3D%2239.13px%22%20viewBox%3D%220%200%2054.59%2039.13%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2054.59%2039.13%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23666666%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.39%2C34.07l-4.86-6.11V2.25c0-1.24-1.01-2.25-2.25-2.25H7.31C6.06%2C0%2C5.06%2C1.01%2C5.06%2C2.25v25.7L0.2%2C34.07%20C0.07%2C34.23%2C0%2C34.42%2C0%2C34.63v2.71c0%2C0.99%2C0.8%2C1.8%2C1.8%2C1.8h50.99c0.99%2C0%2C1.8-0.8%2C1.8-1.8v-2.71C54.59%2C34.42%2C54.52%2C34.23%2C54.39%2C34.07%20z%20M8.23%2C3.18h38.12v21.6H8.23V3.18z%20M32.42%2C36.99H22.16v-2.72h10.26V36.99z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 90px;
  background-position: center 20px;
  background-repeat: no-repeat;
  border: transparent 1px solid;
  border-radius: 10px;
  color: #9e9e9f;
  margin-top: 30px;
  padding: 20px;
}
.Activ__pc__icon:hover {
  border: #f2d500 1px solid;
}
.Activ__pc__no {
  margin-top: 8px;
  font-size: 160%;
}
.Activ__pc__name {
  margin-top: 30px;
}
.Activ__pc__valid {
  background-color: #333333;
  border-radius: 5px;
  margin-top: 5px;
  padding: 3px 40px;
}
.Activ__main {
  background-color: #4c4c4c;
  flex-grow: 6;
  height: 100%;
  padding: 20px 0;
  width: calc(100% - 300px - 200px);
}
.Activ__main__inner {
  margin: 0 auto;
  height: 100%;
  width: 800px;
}
.Activ__updateBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #F5D91C, #AA5F12);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(100% - (25px * 2));
  margin-left: 25px;
}
.Activ__updateBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__updateBtn:first-child {
  margin-left: 0;
}
.Activ__updateBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__updateBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.96px%22%20height%3D%2241.96px%22%20viewBox%3D%220%200%2041.96%2041.96%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.96%2041.96%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.98%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.98s9.39%2C20.98%2C20.98%2C20.98s20.98-9.39%2C20.98-20.98S32.57%2C0%2C20.98%2C0z%20M17.87%2C35.95%20l0.17-3.24l-0.55-0.16c-1.9-0.57-3.65-1.61-5.06-3.03c-2.28-2.28-3.54-5.31-3.54-8.54c0-1.67%2C0.33-3.28%2C1-4.81l0.15-0.35L13%2C17.11%20l-0.15%2C0.35c-0.48%2C1.12-0.73%2C2.3-0.73%2C3.53c0%2C2.37%2C0.92%2C4.59%2C2.6%2C6.27c0.74%2C0.74%2C1.58%2C1.33%2C2.52%2C1.77l0.98%2C0.45l0.14-2.58l8.27%2C4.45%20L17.87%2C35.95z%20M32.07%2C25.79l-0.15%2C0.35l-2.95-1.28l0.15-0.35c0.48-1.11%2C0.73-2.3%2C0.73-3.53c0-2.37-0.92-4.59-2.6-6.27%20c-0.74-0.73-1.59-1.33-2.52-1.77l-0.98-0.46l-0.14%2C2.59l-8.28-4.45l0.92-0.48l1.53-0.81l6.31-3.33l-0.17%2C3.23l0.55%2C0.16%20c1.9%2C0.57%2C3.65%2C1.62%2C5.06%2C3.03c2.28%2C2.28%2C3.54%2C5.32%2C3.54%2C8.55C33.06%2C22.65%2C32.73%2C24.27%2C32.07%2C25.79z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__startBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #2E8CCC, #0F0762);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(100% - (25px * 2));
  margin-left: 25px;
}
.Activ__startBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__startBtn:first-child {
  margin-left: 0;
}
.Activ__startBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__startBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.94px%22%20height%3D%2241.94px%22%20viewBox%3D%220%200%2041.94%2041.94%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.94%2041.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.97%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.97s9.39%2C20.97%2C20.97%2C20.97s20.97-9.39%2C20.97-20.97S32.55%2C0%2C20.97%2C0z%20M19.35%2C6.94%20h3.24v13.19h-3.24V6.94z%20M20.97%2C33.2c-6.88%2C0-12.47-5.6-12.47-12.47c0-4.55%2C2.35-8.6%2C6.29-10.83l0.57-0.32v3.83l-0.14%2C0.11%20c-2.18%2C1.74-3.47%2C4.43-3.47%2C7.21c0%2C5.09%2C4.14%2C9.24%2C9.24%2C9.24c5.09%2C0%2C9.24-4.14%2C9.24-9.24c0-2.78-1.3-5.47-3.47-7.21l-0.14-0.11V9.57%20l0.57%2C0.33c0.83%2C0.48%2C1.6%2C1.05%2C2.3%2C1.7c0.25%2C0.23%2C0.43%2C0.42%2C0.57%2C0.57l0.07%2C0.07c0.16%2C0.17%2C0.26%2C0.29%2C0.36%2C0.41L30.76%2C13l0.29%2C0.4%20c0.11%2C0.15%2C0.19%2C0.26%2C0.27%2C0.37l0.09%2C0.14c1.33%2C2.03%2C2.04%2C4.39%2C2.04%2C6.83C33.44%2C27.61%2C27.85%2C33.2%2C20.97%2C33.2z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__endBtn {
  transition: 0.3s;
  background: linear-gradient(to right, #79BC28, #00431E);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  height: 110px;
  position: relative;
  width: calc(100% - (25px * 2));
  margin-left: 25px;
}
.Activ__endBtn:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  transform: translateY(-0.5rem);
}
.Activ__endBtn:first-child {
  margin-left: 0;
}
.Activ__endBtn p {
  border-bottom: #ffffff 1px solid;
  font-size: 115%;
  padding: 5px 15px;
  width: 100%;
}
.Activ__endBtn::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2241.94px%22%20height%3D%2241.94px%22%20viewBox%3D%220%200%2041.94%2041.94%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2041.94%2041.94%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M20.97%2C0C9.39%2C0%2C0%2C9.39%2C0%2C20.97c0%2C11.58%2C9.39%2C20.97%2C20.97%2C20.97c11.58%2C0%2C20.97-9.39%2C20.97-20.97%20C41.94%2C9.39%2C32.55%2C0%2C20.97%2C0z%20M20.97%2C8.4l5.76%2C7.68h-3.29v7.52H18.5v-7.52h-3.29L20.97%2C8.4z%20M33.78%2C28.76%20c0%2C0.66-0.53%2C1.19-1.19%2C1.19H9.35c-0.66%2C0-1.19-0.53-1.19-1.19v-7.6h3.18v5.61H30.6v-5.61h3.18V28.76z%22%2F%3E%3C%2Fsvg%3E");
  content: "";
  background-repeat: no-repeat;
  background-size: 50px;
  height: 50px;
  position: absolute;
  top: 45px;
  left: 96px;
  width: 50px;
}
.Activ__infoWrap {
  height: calc(100% - 420px);
  width: 100%;
}
.Activ__info {
  background-color: #595959;
  height: 100%;
  padding: 15px;
  width: calc((100% - 25px) / 2);
}
.Activ__info:first-child {
  margin-right: 25px;
}
.Activ__info th, .Activ__info td {
  vertical-align: top;
}
.Activ__info td:nth-child(2) {
  white-space: normal;
}
.Activ__rel {
  border: #0c8be2 1px solid;
  border-radius: 10px;
  color: #0c8be2;
  font-weight: bold;
  padding: 8px;
}
.Activ__news {
  border-bottom: #3f3f3f 1px solid;
  padding: 15px 0;
  margin: 0;
}
.Activ__title {
  font-weight: bold;
}
.Activ__text {
  margin-top: 10px;
  margin-left: 0;
}
.Activ__ad {
  height: 200px;
  width: 100%;
}
.Activ__ad__inner {
  height: 100%;
  margin: 0 auto;
  width: 94%;
}
.Activ__ad__item {
  background-color: #3f3f3f;
  height: 200px;
  margin: 0 10px;
  padding: 15px;
}
.Activ__ad__item img {
  height: auto;
  width: 60px;
}
.Activ__ad__item h1 {
  border-bottom: #595959 1px solid;
  font-size: 105%;
  font-weight: normal;
  margin-bottom: 8px;
  padding-bottom: 8px;
  position: relative;
  width: 100%;
}
.Activ__ad__item h1::after {
  background-color: #0c8be2;
  content: "";
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 30px;
}

.ActivSwWrap {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000000;
}

.ActivSw {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 93%;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  z-index: 100000000;
}

.l-mtActiv {
  margin-top: 25px;
}

.activPc {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2254.59px%22%20height%3D%2239.13px%22%20viewBox%3D%220%200%2054.59%2039.13%22%20style%3D%22overflow%3Avisible%3Benable-background%3Anew%200%200%2054.59%2039.13%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%233A71ED%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M54.39%2C34.07l-4.86-6.11V2.25c0-1.24-1.01-2.25-2.25-2.25H7.31C6.06%2C0%2C5.06%2C1.01%2C5.06%2C2.25v25.7L0.2%2C34.07%20C0.07%2C34.23%2C0%2C34.42%2C0%2C34.63v2.71c0%2C0.99%2C0.8%2C1.8%2C1.8%2C1.8h50.99c0.99%2C0%2C1.8-0.8%2C1.8-1.8v-2.71C54.59%2C34.42%2C54.52%2C34.23%2C54.39%2C34.07%20z%20M8.23%2C3.18h38.12v21.6H8.23V3.18z%20M32.42%2C36.99H22.16v-2.72h10.26V36.99z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  border: #f2d500 1px solid;
  color: #3A71ED;
}

.updateGM {
  background-color: #cc0000;
  border: #ffffff 2px solid;
  border-radius: 50%;
  font-size: 135%;
  font-weight: bold;
  height: 26px;
  line-height: calc(26px - 2px);
  position: absolute;
  top: 40px;
  right: 90px;
  text-align: center;
  width: 26px;
  z-index: 1;
}
.updateGM::after {
  content: "!";
}

.js-second li {
  position: relative;
}

.js-second li ul.js-third {
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
}

.js-second li.hover ul.js-third {
  display: block;
}

/*planeImg*/
/*crossImg*/
.PlaneCrossImgUnit {
  height: 510px;
  width: 600px;
}
.PlaneCrossImgUnit__body {
  height: calc(100% - 22px - 6px);
}

.CrossImgMainWidth {
  width: 222px;
}

/*baseModelArea*/
.baseModelAreaMainSpace {
  width: 110px;
}

/*boring*/
.BoringHistogramWrap {
  height: 400px;
}

.BoringHistogramList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px + 130px * 3);
}

.BoringHistogramCanvas {
  height: 100%;
  width: 150px;
}

.BoundMainTable {
  width: 100%;
}
.BoundMainTable tbody tr {
  height: 17px;
  width: 100%;
}
.BoundMainTable tbody tr:hover {
  background-color: #f2f2f2;
}

.BoundImportScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 200px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
}

.BoundImportList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 220px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 2 + 130px * 2);
}

/*estBound*/
.EstBoundElevFixedAreaList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 252px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 5 + 130px * 2 + 2px);
}

.EstBoundFilterScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 220px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 244px;
}

.EstBoundOuterSurfExtScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 190px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
  padding: 0;
}

.EstBoundOuterSurfExtList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 172px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 130px * 3 + 2px);
}

/*geology*/
.GeoGroupList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 250px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 3 + 160px * 1 + 13px + 2px);
}
.GeoGroupList td:nth-child(4) {
  padding-left: 0;
}

/*crossModel*/
.CrossModelScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 200px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 100%;
  padding: 5px;
}
.CrossModelScrBox p {
  padding-bottom: 5px;
}

/*surf*/
.ModelList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 82px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 460px;
}

/*structSurf*/
.StructSurfMainLegend {
  width: 280px;
}
.StructSurfMainLegend__inner {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}
.StructSurfMainLegend__inner img {
  width: 264px;
}

/*solidMesh*/
.SolidMeshDeloneyList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 270px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 2 + 130px * 3);
}

.SolidMeshWhetherLayerList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 200px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(130px * 2);
}

/*solidMeshT*/
.SolidMeshTMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 270px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 1 + 130px * 2);
}

/*matData*/
.tableSpaceMatData1 {
  width: 102px;
}

.tableSpaceMatData2 {
  width: 120px;
}

/*rainData*/
/*evaData*/
.RainEvaDataMainMeaDataList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 270px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 282px;
}

.RainDataMainAreaList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 188px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 395px;
}

.EvaDataMainAreaList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 234px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(130px * 3);
}

/*waterData*/
.WaterDataSurfLineList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 236px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 2 + 130px * 1 + 2px);
}

/*common*/
.M05BoundaryCondList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 182px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 530px;
}

.M05ImportCsvList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 201px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.M05MeaDataList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 120px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 6 + 2px);
}

.M05SurfLineList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 176px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 2 + 130px * 1 + 2px);
}

.M05ImportCsvUnit {
  width: 217px;
}

/*BHEData*/
.BHEScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 302px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
  padding: 0;
}

.BHEUnit {
  width: 270px;
}

.BHEloadList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 190px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

/*evaData*/
.ConstDataMainScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 223px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
  padding: 5px;
}
.ConstDataMainScrBox p {
  padding-bottom: 5px;
}

.ConstDataMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 223px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(130px * 5 + 20px);
}

.ConstDataPreviewList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 300px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 800px;
}

/*analyExe*/
.AnalyExeUnit {
  height: 595px;
  width: 542px;
}

.AnalyExeBtnWrap {
  height: 100%;
  width: 130px;
}

.AnalyExeRsmList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 82px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 4 + 130px * 4 + 100px);
}

.AnalyExeRsmResultCanvas {
  height: 367px;
  width: 100%;
}

.AnalyExeMarqResultConvErrorCanvas {
  height: 70px;
  width: 100%;
}

.AnalyExeMarqResultCanvas {
  height: 172px;
  width: 100%;
}

.AnalyExeMarqResultList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 82px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 750px;
}

.AnalyExeMarqResultLogScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 110px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 317px;
  background-color: #545454;
}

.AnalyExeMarqResultAnalyStepScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 110px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 157px;
  background-color: #545454;
}

.AnalyExeAnalyStepScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 130px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 157px;
  background-color: #545454;
}

.AnalyExeMODFLOWScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 333px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 100%;
  background-color: #545454;
}

/*matDataT*/
.tableSpaceMatDataT1 {
  width: 170px;
}

.tableSpaceMatDataT2 {
  width: 188px;
}

/*chemDataT*/
.tableSpaceChemDataT1_1 {
  width: 207px;
}

.tableSpaceChemDataT1_2 {
  width: 196px;
}

.tableSpaceChemDataT2_1 {
  width: 233px;
}

.tableSpaceChemDataT2_2 {
  width: 222px;
}

.tableSpaceChemDataT2_3 {
  width: 260px;
}

.ChemDataTTemp1List {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 180px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 130px * 2 + 2px);
}

.ChemDataTTempGraph {
  height: 180px;
  width: 291px;
}

/*paramT*/
.ParamTList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 252px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 630px;
}

.ContOptMainPalletScrBox__item--selected, .ContOptMainPalletScrBox__item--changed {
  position: relative;
  height: 15px !important;
  width: 100%;
}
.ContOptMainPalletScrBox__item--selected:before, .ContOptMainPalletScrBox__item--changed:before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #3f3f3f;
  position: absolute;
  z-index: 100;
}
.ContOptMainPalletScrBox__item--selected:after, .ContOptMainPalletScrBox__item--changed:after {
  content: "";
  display: block;
  top: 5px;
  transform: rotate(-45deg);
  position: absolute;
  z-index: 101;
}

.rTableSpace {
  width: 91px;
}

/*flowLine*/
.FlowLineMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 150px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 330px;
}

.FlowLineSelList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 140px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 220px;
}

.FlowLineSelScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 150px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 265px;
  padding: 5px;
}
.FlowLineSelScrBox p {
  padding-bottom: 5px;
}

/*crossCont*/
.CrossContPDiaScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 195px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
  padding: 0;
}

/*contOpt*/
.ContOptMainPaletUnit {
  height: 398px;
  width: 106px;
}

.ContOptMainPalletScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 315px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 100%;
  padding: 0;
  padding-top: 1px;
}
.ContOptMainPalletScrBox__item {
  position: relative;
  height: 15px !important;
  width: 100%;
}
.ContOptMainPalletScrBox__item--selected:before {
  border-left: 11px solid #ffffff;
}

/*XYPlot*/
.XYPlotList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 230px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 12 + 130px * 1);
}

.XYPlotDChartList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 250px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 1 + 130px * 4 + 21px);
}

.XYPlotCompSetScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 193px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 170px;
}

.XYPlotCompSetList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 200px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 400px;
}

/*compDia*/
.CompDiaMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 250px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(15px + 70px * 10 + 130px * 2 + 2px);
}

.CompDiaMainPreview {
  height: 224px;
  width: 422px;
}

.CompDiaGraphUnit {
  height: 400px;
  width: 400px;
}

.PlotMainSpace td:nth-of-type(1) {
  width: 150px;
}

/*system*/
.SystemMainTab {
  border: #3f3f3f 1px solid;
  height: 620px;
  padding: 8px 0;
  width: 150px;
}
.SystemMainTab .SystemMainTab__title {
  color: #9e9e9f;
  padding: 0 8px 5px 8px;
}

.SystemMainContent {
  min-width: 460px;
}

.SystemAlignSpace {
  width: 150px;
}

.SystemStructContentWrap {
  width: 460px;
}

.SystemStructLegend {
  height: 620px;
  width: 280px;
}
.SystemStructLegend__inner {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}
.SystemStructLegend__inner img {
  width: 100%;
}

/*matLib*/
.UnsatCharaList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 140px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: 440px;
}

.MatLibUnsatCharaMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 300px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(130px * 4);
}

/*pointLine*/
.PointLineMainScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 140px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 100%;
  /*background-color: $color-auto;*/
  padding: 0;
}

/*info*/
.InfoMainScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 500px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 302px;
  padding: 0;
}

/*report*/
.ReportMainExamSpace {
  white-space: normal;
  width: 280px;
}

/*soilVol*/
.SoilVolMainList {
  background-color: #494949;
  border: #3f3f3f 1px solid;
  height: 300px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  width: calc(70px * 2 + 130px * 1 + 91px);
}

/*session*/
.SessionMainScrBox {
  background-color: #3f3f3f;
  border: #636363 1px solid;
  height: 150px;
  overflow: hidden;
  position: relative;
  padding: 8px;
  white-space: nowrap;
  width: 300px;
  padding: 9px;
}

.Datatree {
  background-color: #565656;
  border-bottom: #3f3f3f 1px solid;
  border-right: #3f3f3f 1px solid;
  height: 100%;
  border-right: none;
  padding: 6px;
  padding-right: 0;
  width: 230px;
}
.Datatree__divider {
  background-color: #565656;
  border-bottom: #3f3f3f 1px solid;
  border-right: #3f3f3f 1px solid;
  height: 100%;
  border-left: none;
  cursor: ew-resize;
  left: 224px;
  width: 6px;
}

#plotwindow {
  background-color: #565656;
  border-bottom: #3f3f3f 1px solid;
  border-right: #3f3f3f 1px solid;
  height: 100%;
  left: 224px;
  margin-left: 6px;
  overflow: hidden;
  padding: 6px 6px 6px 0;
}

.Plotwindow {
  background-color: #ffffff;
  height: 100%;
  width: 100%;
}

.ResultBtns {
  background-color: #565656;
  border-bottom: #3f3f3f 1px solid;
  border-right: #3f3f3f 1px solid;
  height: 100%;
  border-left: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 3px;
  width: 29px;
}
.ResultBtns__icon {
  font-size: 17px;
  height: 27px;
  width: 100%;
}
.ResultBtns__icon:hover {
  background-color: #494949;
}

.Header {
  background-color: #565656;
  height: calc(27px * 4);
  width: 100%;
}

.Body {
  display: flex;
  height: calc(100% - calc(27px * 4) - 27px);
  width: 100%;
}

.Footer {
  background-color: #565656;
  height: 27px;
  width: 100%;
}

.closed {
  display: none;
}
/*# sourceMappingURL=main.css.map */