.table-container {
  /* spinner */
}
.table-container .leftPane {
  z-index: 2;
}
.table-container .my-hidden {
  display: none !important;
}
.table-container .tab-recentlog table[table-view] th,
.table-container .tab-recentlog table[table-view] td {
  font-size: 0.9em;
}
.table-container .tab-integrity {
  display: flex;
  flex-direction: column;
}
.table-container .tab-integrity .integrity-search {
  flex: initial;
  height: auto;
  margin-bottom: 0;
}
.table-container .tab-integrity .integritySearchWithNoData {
  padding: 0 0 0 4px;
  flex: 1;
  margin: 0;
  /* Internet Explorer 10 */
  display: -ms-flexbox;
  -ms-flex-pack: center;
  -ms-flex-align: center;
  /* Firefox */
  display: -moz-box;
  -moz-box-pack: center;
  -moz-box-align: center;
  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
}
.table-container .tab-integrity .integritySearchWithNoData span {
  font-size: 21px;
  color: #999999;
}
.table-container .tab-integrity .integrity-result {
  margin: 0;
  position: relative;
  flex: 1;
}
.table-container .tab-integrity .integrity-result table-view-with-pager {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.table-container .tab-integrity .integrity-result table-view-with-pager tr.modified td {
  background-color: #fcf8e3;
  color: #c09853;
}
.table-container .tab-integrity .integrity-result table-view-with-pager tr.corrupted td {
  background-color: #f2dede;
  color: #b94a48;
}
.table-container .createTable .form-horizontal input + .help-block,
.table-container .createTable .form-horizontal select + .help-block,
.table-container .createTable .form-horizontal textarea + .help-block,
.table-container .createTable .form-horizontal .uneditable-input + .help-block,
.table-container .createTable .form-horizontal .input-prepend + .help-block,
.table-container .createTable .form-horizontal .input-append + .help-block {
  margin-top: 3px;
}
.table-container table-view-with-pager td {
  font-size: 0.9em;
}
.table-container text {
  font-size: 13px;
}
.table-container .chart-usage-frame {
  border: 1px solid #666;
  border-top: 0px;
  border-bottom: 0px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  background-color: #ccc;
  margin-bottom: 20px;
}
.table-container .chart-usage {
  height: 22px;
  overflow: hidden;
  background-color: silver;
  text-align: center;
  color: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.table-container .chart-usage.log {
  background-color: steelblue;
}
.table-container .chart-usage.idx {
  background-color: orange;
}
.table-container .nofloat {
  float: none;
}
.table-container .paneTableInfo,
.table-container .paneIndexInfo {
  padding: 0;
}
.table-container .middle {
  text-align: center;
  vertical-align: middle;
}
.table-container .validDate {
  background-color: #61C161;
  border: 1px solid green;
}
.table-container .invalidDate {
  border: 1px solid red;
}
.table-container .validateMsg {
  color: red;
  line-height: 20px;
  width: 100%;
  min-height: 31px;
  margin: 0px;
  padding-top: 4px;
  /* text-indent: 8px; */
  text-decoration: none;
  box-sizing: border-box;
  height: auto;
  overflow: hidden;
}
.table-container #btnEditIndexRange {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 11px;
}
.table-container .spinner {
  /* margin: 100px auto; */
  width: 50px;
  height: 30px;
  text-align: center;
  font-size: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -15px auto;
}
.table-container .spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.table-container .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.table-container .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.table-container .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.table-container .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.table-container .file-container {
  overflow: hidden;
  position: relative;
}
.table-container .file-container [type=file] {
  cursor: inherit;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.table-container .delete-file {
  width: 10px;
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  /* opacity: .2; */
  filter: alpha(opacity=20);
}
.table-container .file-progress-white {
  color: white;
}
.table-container .parserSetting form table tbody tr td .tooltip-inner {
  max-width: 240px;
}
