.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;
}

.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: 14px;
  font-weight: 600;
  padding: 4px 10px;
  margin: 2px;
  box-shadow: none;
  border: 2px solid #39669f;
  background-color: rgba(97, 123, 221, 0.15);
  color: #16385e;
}

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

/* .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: #255281; */
}

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

.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: 440px !important;
}

.datagrid-body {
  display: inline-block;
}

/* 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: #002fbb;
  background: -moz-linear-gradient(left, #002fbb 0%, #00b3ff 100%);
  background: -webkit-linear-gradient(left, #002fbb 0%, #00b3ff 100%);
  background: linear-gradient(to right, #002fbb 0%, #00b3ff 100%);
}

/* .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;
}