@charset "utf-8";

/* common
=============================================== */
.warn {
  color: red;
}
.edited_vk {
  color: #CC6600;
}
.edited_tcj {
  color: #CC6600;
}
.fixed_tcj {
  color: black;
}
.auto_vk {
  color: black;
}
.height-auto{
    height: auto;
}
.background-white{
  background-color: white !important;
}
.bold{
  font-weight: bolder;
}
.table td.fit,
.table th.fit {
  white-space: nowrap;
  width: 1%;
}
/* override
=============================================== */
.content {
  min-height: 0;
}

td, th {
  -ms-word-break: break-all;
  word-break: break-all;
}

.table.line thead:first-child > tr:first-child > th {
  border-top: 1px solid #f4f4f4;
  border-right: 1px solid #d2d6de;
}

.table.line {
  border-bottom: 1px solid #f4f4f4;
}

.table.line > tbody > tr > td {
  border-right: 1px solid #d2d6de;
}

.table.line > tbody > tr > th:first-child {
  border-right: 1px solid #d2d6de;
}

.table.line > tbody > tr > td:last-child {
  border-right: 0;
}

.th_bg_sum {
  background-color: #F1F8E9 !important;
}

.td_bg_sum.blue {
  background-color: #E3F2FD !important;
}
.td_bg_sum.red {
  background-color: #ffebee !important;
}
.td_bg_sum.yellow {
  background-color: #FFFDE7 !important;
}

tr.tr_nth:nth-of-type(2n+1) .td_bg_sum.blue {
  background-color: #E1F0Fb !important;
}
tr.tr_nth:nth-of-type(2n+1) .td_bg_sum.red {
  background-color: #fde9ec !important;
}
tr.tr_nth:nth-of-type(2n+1) .td_bg_sum.yellow {
  background-color: #FdFbE5 !important;
}

.tr_vm td {
  vertical-align: middle;
}

.th_bg_sum .td_bg_sum {
  background-color: #F1F8E9 !important;
}
.td_bl {
  border-left: 3px double #d2d6de;
}
.td_num {
  text-align: right;
}
td.big {
  font-weight: bold;
  font-size: 20px;
}

/* clearfix
=============================================== */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

h1 ,h2 , h3 , h4 ,h5 {
  font-weight: bold;
}

.box {
  margin-bottom: 8px;
}

.main-header {
  position: fixed;
  top : 0;
  left : 0;
  width: 100%;
  min-width: 1160px;
}
.main-sidebar {
  position: fixed;
}

.content-wrapper {
  min-width: 1160px;
  padding-top: 64px;
}

/* image crop area   */

#image-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

#image-zoom-wrapper {
  background-color: #4c4c4c;
  background-image: radial-gradient(#eee 1%, transparent 4%), radial-gradient(#eee 1%, transparent 4%);
  background-size: 32px 32px;
  background-position: 20px 20px, 20px 20px;

  overflow: hidden;
  outline: 0;
  position: relative;
  cursor: move;
  display: flex;
}

#image-zoom {
  overflow: hidden;
  outline: 0;
  cursor: move;
}

#thumbnail-zoom-canvas {
  position: absolute;
  image-rendering: pixelated;
  top : 0;
  left : 0;
}

#overlay-image {
  z-index: 200;
  position: absolute;
  transform: scale(1,1);
  fill : #ffffff;
}

.box-header {
  display: flex;
  align-items: center;
}

.box-header #zoom-reset  {
  margin-left: 32px;
}

.review_table > tbody > tr > td {
  font-size: 90%;
}

.dropdown-menu {
  padding: 0px;
  margin: 0px;
}

.dropdown-menu li {
  width: 100%;

}
.dropdown-menu li a{
  padding: 12px 28px 12px 28px;
  height: 100%;
  width: 100%;
}

.dropdown-menu .divider {
  margin: 0;
}

.crop-control-ui {
  padding-top: 8px;
}

.crop-control-ui .row {
  padding: 6px;
}