.body-content .panel {
  margin: 10px 0 0 0;
}

/* font-size */
.datagrid-header .datagrid-cell span {
  font-size: 18px;
  line-height: 36px;
  color: white;
}

.datagrid-cell,
.datagrid-cell-group,
.datagrid-header-rownumber,
.datagrid-cell-rownumber {
  margin: 0;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  color: #2d373c;
  padding: 0 !important;
}

.pagination-info {
  float: right;
  margin: 0.3em 6px;
  padding: 0;
  height: 36px;
  line-height: 36px;
  font-size: 18px;
  color: white;
}

.pagination span {
  font-size: 18px;
  color: white;
}




.body-content .datagrid table tbody tr td a {
  font-weight: 500;
  font-size: 18px;
  line-height: 36px;
  text-align: center;
  color: #2387aa;
  text-align: center;
  text-decoration: none;
  border-radius: 0;
  margin: 0;
  cursor: pointer;
}

.body-content .datagrid table tbody tr td a:hover {
  color: #005578;
  text-decoration: underline;
}

/* datagrid button */
.body-content .btn-datagrid {
  font-size: 16px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #8f4300;
  background-color: #fdcea5;
  color: #8f4300;
  border-radius: 6px; 
}

.body-content .btn-datagrid:hover,
.body-content .btn-datagrid:focus {
  background-color: #ffb87a;
  color: #8f4300;
}

/* .body-content .btn-datagrid:focus           
  border: 2px solid #3d6ba5;
  outline: none;
} */
.body-content .btn-datagrid-gray {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #817d77;
  background-color: rgb(169 169 169 / 30%);
  color: #5c5a56;
}

.body-content .btn-datagrid-gray:hover,
.body-content .btn-datagrid-gray:focus {
  background-color: rgb(169 169 169 / 53%);
}

.body-content .btn-datagrid-orange {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #b06227;
  background-color: rgb(209 177 70 / 30%);
  color: #a05311;
}

.body-content .btn-datagrid-orange :hover,
.body-content .btn-datagrid-orange :focus {
  background-color: rgb(209 177 70 / 46%);
}

.body-content .btn-datagrid-green {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #2c7c60;
  background-color: rgb(70 209 122 / 30%);
  color: #226739;
}

.body-content .btn-datagrid-green:hover,
.body-content .btn-datagrid-green:focus {
  background-color: rgb(70 209 122 / 38%);
}

.body-content .btn-datagrid-red {
  font-size: 14px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #973535;
  background-color: rgb(225 59 59 / 91%);
  color: #f6c9c9;
}

.body-content .btn-datagrid-red:hover,
.body-content .btn-datagrid-red:focus {
  background-color: rgb(164 27 27 / 91%);
}

.datagrid-header-inner {
  width: 10000px;
}

.datagrid-header-row td {
  background-color: #133a28;
}

.datagrid-header-row td:hover {
  background-color: #1a583b;
}

.custom-container .table tbody label {
  font-weight: 500;
}

/* datagrid hover */
/* .l-btn-plain:hover {
  background: rgba(234, 237, 255, 0.5);
} */

/* datagrid寬度響應式 */
/* body .body-content .panel {
  max-height: 487px;
}

body .body-content .panel .datagrid-wrap .datagrid-view .datagrid-cell {
  padding: 0 12px;
  box-sizing: content-box;
}

body .datagrid-wrap {
  height: 320px !important;
}

body .body-content .panel .datagrid-wrap .datagrid-view {
  height: 270px !important;
} */

/* main.css ================================== */
/* datagrid */
.datagrid-wrap {
  height: 380px !important;
}

.datagrid-body {
  display: inline-block;
  overflow: auto;
  overflow-x: scroll !important;
  margin: 0;
  padding: 0;
  overflow: auto;
  zoom: 1;
}

.datagrid-cell, .datagrid-cell-group, .datagrid-header-rownumber, .datagrid-cell-rownumber {
  padding: 0;
}

/* datagrid footer color */
.body-content .panel .datagrid-toolbar,
.datagrid-header-inner,
.datagrid .datagrid-pager,
.body-content .panel .datagrid-pager,
.body-content .panel .datagrid-header-inner {
  /* background-color: #255281; */
  border-radius: 0;
  background: #133a28;
}

/* .jumbo .datagrid {
  margin-bottom: 2.5vh;
} */

/* datagrid rownumber color */
.datagrid-header,
.datagrid-td-rownumber {
  background: none;
}

/* datagrid rownumber color */
.pagination table {
  float: left;
  height: 30px;
  margin: 0.3em 0;
}


.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #edebff;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
  box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}

.panel-header,
.panel-body {
  border-color: #6277b5;
}