* {
  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: 60px;
}

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

.colorsizeTable-calculator .select-rounding-strategy {
  width: 140px !important;
}

.colorsizeTable-calculator button {
  width: 60px;
}
/* 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 */


/* ### 260805 CC (CC260805a) - Color/Size grid: put the four operation buttons on a tool plate.
   The user found the bare buttons too loud and tiring to look at. They are AntD SVG icons
   inheriting currentColor, i.e. pure black, floating directly on the data band - so the eye has to
   decide "is this a value or a control" on every row.
   Fix (chosen from a 12-colour gallery): do NOT fade the marks - an earlier pale-grey round was
   explicitly rejected. Instead give the four marks a container, so four objects become ONE piece of
   chrome. Plate colour is the app's own accent family (#1890FF -> tint #e6f4ff / border #91caff),
   which is also the family the existing .icons-common:hover already uses, so nothing foreign is
   introduced. The glyphs themselves are untouched: same colour, same size, same position.
   Colour rows carry caret-up/down (move a row); size headers carry caret-left/right (move a column).
   The size header has no wrapper class of its own, hence :has() bound to AntD's stable public
   anticon-<name> class - never nth-child, never a cssinjs hash. It is a SEPARATE rule so a browser
   without :has() support simply drops that one and the colour rows still get their plate.
   Scoped to the colorsizeTable component classes only; if those are ever renamed the rules stop
   matching and the grid falls back to today's look - nothing can blank or break.
   Verified by rendering the real captured DOM headlessly (computed background confirmed on all
   4 size headers and 4 colour rows). Gallery: agsys_aspiringdemo/260805-colorsize-toolplate-01.html */
.colorsizeTable-lib-colorNameUnit-operationUnit-subcontainer {
  display: inline-block;
  padding: 1px 6px;
  border: 1px solid #91caff;
  border-radius: 5px;
  background: #e6f4ff;
  line-height: 1;
  vertical-align: middle;
}

.colorsizeTable-lib-sizeNameUnit-container div:has(> .anticon-caret-left) {
  display: inline-block;
  padding: 1px 6px;
  border: 1px solid #91caff;
  border-radius: 5px;
  background: #e6f4ff;
  line-height: 1;
}