* {
  box-sizing: border-box;
}

.font-default {
  font-size: 12px;
  font-family: Arial, PMingLiU, Sans-Serif;
}

/*Input*/
.input-numeric {
  text-align: right;
  padding: 2px;
}

.input-readonly {
  background-color: #ffffee;
  border: 1px solid #8DBC8F;
  padding: 2px;
}
/*End of Input*/

/*Button*/
.button-base {
  background-color: transparent;
  border-color: #AAA #666 #666 #AAA;
  color: black;
  min-width: 60px;
  font-weight: bold;
}

.button-base:hover {
  background-color: transparent;
}

.button-base:focus {
  background-color: transparent;
}


.filter-button {
  color: blue;
}
/*Button*/

/*Button container*/
.button-container-base {
}

.button-container-base > div > .button-base:not(:first-of-type) {
  border-width: 1px 1px 1px 0;
}

.button-container-title-base {
  color: black;
  font-size: 16px;
  font-weight: bold;
}

.master-button-container {
  background-color: #F5DEB3;
}

/** Ken 20240527 - change - upgrade to antd 5.0 */
.master-button-container .ant-btn-group > button {
  font-family: Arial;
}


.master-button-module-container {
  background-color: #e6e6fa;
}

/** Ken 20240527 - change - upgrade to antd 5.0 */
.master-button-module-container .ant-btn-group > button {
  font-family: Arial;
}


/*End of Button Container*/

/* Table */
/* Overriding antd style (i.e. hack) */
.ant-table-tbody > tr .ant-table-wrapper:only-child .ant-table {
  margin: 0;
}


.table-container-base table {
  min-width: 0 !important;
  /* border-radius: 0 !important; */
  border-style: solid;
  border-color: #666 !important;
  border-width: 1px 0 1px 1px;
  border-collapse: collapse;
}

.table-container-base table > tbody > tr:hover > td {
  background: #ECF6FD !important;
}

.table-container-base table > tbody > tr > td {
  padding: 0 2px 0 2px;
  border-style: solid;
  border-color: #666 !important;
  border-width: 0 1px 1px 0;
}

.table-container-base table > tbody > tr > td > .ant-table-row-indent {
  display: none;
}

.table-container-base table > thead > tr > th {
  padding: 0 2px 0 2px;
  border-style: solid;
  border-color: #666 !important;
  border-width: 0 1px 1px 0;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-container .ant-table-thead > tr > th {
  background-color: #F5DEB3;
  padding: 1px !important;
  font-family: Arial;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-container .ant-table-tbody .ant-table-measure-row > td {
  padding: 0px !important;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-container .ant-table-tbody > tr > td {
  padding: 1px !important;
  font-family: Arial;
}

/** Ken 20240507 - change - upgrade to antd 5.0 */
.master-table-container .ant-table-tbody > tr > td > div {
  min-height: 0px !important;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-module-container .ant-table-thead > tr > th {
  background-color: #C7E6E3;
  padding: 1px !important;
  font-family: Arial;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-module-container .ant-table-tbody .ant-table-measure-row > td {
  padding: 0px !important;
}

/** Ken 20240221 - change - upgrade to antd 5.0 */
.master-table-module-container .ant-table-tbody > tr > td {
  padding: 1px !important;
  font-family: Arial;
}

/** Ken 20240507 - change - upgrade to antd 5.0 */
.master-table-module-container .ant-table-tbody > tr > td > div {
  min-height: 0px !important;
}

.table-container-base .ant-table-pagination.ant-pagination {
  padding: 16px 0 16px calc(100vw - 700px) !important;
  margin: 0 !important;
  position: fixed !important;
  top: calc(100vh - 64px) !important;
  left: 0 !important;
  width: 100% !important;
}


@supports (backdrop-filter: blur(20px)) {
  .table-container-base .ant-table-pagination.ant-pagination {
    background-color: transparent !important;
    backdrop-filter: blur(20px) !important;
  }
}


@supports not (backdrop-filter: blur(20px)) {
  .table-container-base .ant-table-pagination.ant-pagination {
    background-color: white !important;
  }
}


div.mgt-table-placeholder {
  height: 64px !important;
}

/* End of hack */

.td-in-odd-row {
  background: #FFF;
}

.td-in-even-row {
  background: rgb(245,235,255);
}
/* End of Table */

.mgt-quick-search-module-container {
  padding: 3px 0 5px 0;
}

/** Ken 20240527 - change - upgrade to antd 5.0 */
.mgt-quick-search-module-container input {
  width: 400px;
  font-family: Arial;
}

/** Ken 20240527 - change - upgrade to antd 5.0 */
.mgt-quick-search-module-container button {
  font-family: Arial;
}

.mgt-filter-button-container {
  background-color: rgb(230,230,250);
  padding: 2px 0 2px 0;
}

.mgt-filter-module-container {
  background-color: rgb(230,230,250);
  padding: 2px 0 2px 0;
}

.mgt-search-filter-display-container {
  background-color: rgb(230,230,250);
  padding: 2px 0 2px 0;
}

.global-loading-mask {
  background-color: rgba(0, 0, 0, 0.65);
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 2000;
  filter: alpha(opacity=50);
}

/* Start of ComboInput */
.combo-input-container .ant-select-search__field__wrap {
  position: absolute !important;
}
/* End of ComboInput */


/* Start of ColorsizeTable/lib/ColorNameUnit */
.colorsizeTable-lib-colorNameUnit-container {
  display: flex;
}

.colorsizeTable-lib-colorNameUnit-container input {
  background-color: transparent;
  border-color: rgb(204, 204, 204);
}

.colorsizeTable-lib-colorNameUnit-operationUnit-subcontainer {
  flex-grow: 0;
  flex-shrink: 0;
}


.colorsizeTable-lib-colorNameUnit-input-subcontainer {
  flex-grow: 1;
}


.colorsizeTable-lib-sizeNameUnit-container-subsize {
  display: flex;
}


.colorsizeTable-lib-sizeNameUnit-container input {
  background-color: transparent;
  border-color: transparent;
  text-align: center;
  font-weight: bold;
}


.colorsizeTable-lib-sizeNameUnit-operationUnit-subcontainer {
  flex-grow: 0;
  flex-shrink: 0;
}


.colorsizeTable-lib-sizeNameUnit-input-subcontainer {
  font-weight: bold;
}


.colorsizeTable-lib-sizeNameUnit-input-subcontainer-subsize {
  flex-grow: 1;
}


th.colorsizeTable-table-cell {
  background-color: #B0C4DE !important;
  text-align: center !important;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


th.colorsizeTable-table-cell span {
  font-weight: bold;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


td.colorsizeTable-table-cell {
  background-color: #DFDFDF;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


td.colorsizeTable-size-table-cell {
  text-align: center;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


td.colorsizeTable-data-table-cell {
  background-color: white;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


td.colorsizeTable-table-cell-footer {
  background-color: #B0C4DE;
  font-weight: bold;
  text-align: center;
  /** Ken 20240221 - change - upgrade to antd 5.0 */
  padding: 1px !important;
}


.colorsizeTable-data-input {
  background-color: transparent;
}
/* End of ColorsizeTable/lib/ColorNameUnit */


/* Start of ColorsizeTable in MGT */
th.mgt-colorsizeTable-table-cell {
  background-color: #EDF2F7 !important;
}


td.mgt-colorsizeTable-table-cell {
  background-color: #E6E6E6 !important;
}


td.mgt-colorsizeTable-data-table-cell {
  background-color: #FFF0F0 !important;
}


td.mgt-colorsizeTable-table-cell-footer {
  background-color: #EDF2F7;
}


.mgt-qty-info-container {
  display: flex;
  padding: 2px 0 2px 0;
}


.mgt-qty-colorsizeTable-subcontainer {
  flex-shrink: 0;
}


.mgt-qty-total-subcontainer {
  flex-shrink: 0;
  padding: 0 2px 0 2px;
  display: flex;
  align-items: center;
}
/* End of ColorsizeTable in MGT */

/* Icon */
.icons-common:hover {
  color: #1890FF;
}
/* End of Icon */

/* RatioPackColorsizeTables */
.ratiopackColorsizeTable-container {
  display: flex;
  align-items: center;
}


.ratiopackColorsizeTable-ratioTable-container {
  flex-shrink: 0;
}


.ratiopackColorsizeTable-multiplier-container {
  flex-shrink: 0;
  display: table;
  padding: 2px;
}


.ratiopackColorsizeTable-multiplier-container input {
  width: 30px;
}


.ratiopackColorsizeTable-multiplier-inner-container {
  flex-shrink: 0;
  display: table-row;
}


.ratiopackColorsizeTable-multiplier-inner-container > div:first-child {
  font-size: 9px;
}


.ratiopackColorsizeTable-multiplier-inner-container > div {
  display: table-cell;
  padding: 0 4px 0 4px;
}


.ratiopackColorsizeTable-qtyTable-container {
  flex-shrink: 0;
}


th.ratioPack-colorsizeTable-table-cell {
  background-color: #E6E6FA !important;
}


td.ratioPack-colorsizeTable-table-cell {
  background-color: #E6E6FA;
}


td.ratioPack-colorsizeTable-data-table-cell {
  background-color: #FFFFFF;
}


td.ratioPack-colorsizeTable-table-cell-footer {
  background-color: #E6E6FA;
}
/* End of RatioPackColorsizeTables */


/* RatioPackColorsizeTableTotal */
.ratioPack-totalTable-qtySum-container {
  font-weight: bold;
}


.ratioPack-totalTable-qtySum-container-same-value {
  color: blue;
}


.ratioPack-totalTable-qtySum-container-diff-value {
  color: red;
}
/* End of RatioPackColorsizeTableTotal */

/* ColorsizeTableCalculator */
.colorsizeTable-calculator input {
  width: 100px;
}

.colorsizeTable-calculator .ant-select {
  width: 100px;
}

.colorsizeTable-calculator button {
  width: 100px;
}
/* End of ColorsizeTableCalculator */

/** Start of Autoguide */
svg.autoguide-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
/** End of Autoguide */