@charset "utf-8";
/* CSS Document */

*{
	box-sizing: border-box;
}

h1{
  font-size: 1.2em;
  margin-left: 10px;
  margin-right: 10px;
  margin-block-start: 0em;
  margin-block-end: 0em;
}

table{
	width:100%;
	border-collapse: collapse;
}

table,th,td{
	border: 1px solid gray;
}

a:hover, button:hover, select:hover, #onemenuBtn:hover,
.logout:hover,
a:focus, button:focus, .menuButton:hover {
  background-color:white;
  color: rgb(90, 90, 90);
}

.popup-menu li:hover,
.popup-menu a:hover,
.popup-menu a:focus
{
  background-color:rgb(90, 90, 90);
  color: white;
}

.logout,
button{
  background-color:rgb(90, 90, 90);
  color: white;
}

/* 可点击指针 */
.logout,button, #onemenuBtn{
	cursor: pointer;
  margin: 0 4px;
}

/* 表中选中行 */
.selected,
div[selected="true"]{
  background-color: rgb(150, 142, 228);
  color: white;
}

.orderodd, .ordereven{
  border-top: 8px solid #999;
  margin-top: 20px;
  margin-bottom: 20px;
}
.flex-hcenter {
  display: flex;
  justify-content: center; /* 水平居中 */
  align-items: center;     /* 垂直居中 */
  height: 60vh;          /*父容器高度，例如100%视口高度 */
}

.flex-hbottom {
  display: flex;
  justify-content: center; /*水平居中 */
  align-items:end;     /* 垂直底部对齐 */
  height: 60vh;          /*父容器高度，例如100%视口高度 */

   /* border: 1px solid black; */
}

.scrollable-container {
  display: flex;
  justify-content: center; /*水平居中 */
  /* width: 300px; */
  /* 容器的宽度 */
  /* height: 100px; */
  /* 容器的高度 */
  align-items: center;
  overflow: auto;
  /* 当内容超出容器大小时显示滚动条 */
  /* border: 1px solid #ccc; */
  /* 容器的边框，便于观察 */
}
.pscaptionrow, .psdatarow{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width:100%;
  border: 1px solid #999;
  }

.tablep{
  background-color: rgb(179, 210, 227);
}

.orderodd, .ordereven{
  background-color: rgb(219, 230, 247);
  color: black;
}

/* 整个输入区域 */
.inputContainer{
  display: flex;
  flex-wrap: wrap;
}

/* 输入一个单元 */
.inlineInput2btn,
.inlineInput{
  display: flex;
  flex-wrap: nowrap;
}

/* 数据库输入 */
.dbinput{
  position: sticky;
  top: var(--title-height);
  background-color: ghostwhite;
  z-index: 10;
}

/* 输入标题 */
.inCaption{
  text-align: right;
  padding-right: 10px;
  /* flex:1; */
  width: var(--inCaptionWidth);
}

/* 输入数据 */
.inData > *{
  width: var(--inputWidth);
}

.inDataLong > *{
  width: var(--inputWidthLong);
}

/* 文件路径输入 */
.inPath > *{
  min-width:var(--inputWidthPath);
}

/* 产品类型容器设置 */
.catgeryContainer{
  display: flex;
  flex-wrap: wrap;
}

/* 多行，日期输入 */
.inData > textarea,
input[type="date"]{
  width:auto;
}

/* 只放一列的少量信息窗口 */
.onecol{
  display:flex;
  justify-content:center;
  flex-wrap: wrap;
}

/* 小项目容器 */
.discrib-item > .itemtitle{
  display: flex;
  border-bottom: 1px solid gray;
  /* justify-content: center; */
  align-items:end;
}

.itemtitle h2{
  /* height: 18px; */
  padding-left: 20px;
  margin-block-end: 0px;
}

/* flex 居中布置 */
.flexcentercnt{
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  text-align: center;
  width: 100%;
}

.mainprodctn p{
	text-indent: 2em;
}

.flexoneimg{
  display: flex;
  flex-wrap: wrap;
}

.flexoneimg > img{
  width: 100%;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}