/* Base table styles */
.bootstrap-table {
  width: 100%;
  background: #fff;
  font-size: 14px;
  color: #606266;
  border-radius: 4px;
  overflow: hidden;
}

/* Override Bootstrap Table styles */
.bootstrap-table .fixed-table-container {
  border: 1px solid #ebeef5 !important;
  border-radius: 4px;
}

.bootstrap-table .fixed-table-header {
  background: #f5f7fa !important;
}

.bootstrap-table .table {
  margin-bottom: 0 !important;
  border: none !important;
  border-left: 1px solid #ebeef5 !important;
  border-right: 1px solid #ebeef5 !important;
}

.bootstrap-table .table thead th{
  background: #eee;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
  padding: 0 !important;
  border-bottom: 1px solid #ebeef5 !important;
  text-align: left !important;
  vertical-align: middle !important;
  line-height: 1.5 !important;
}

.selfTable.table thead th{
  background: #eee;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: bold;
}

.bootstrap-table .table tbody td {
  /* padding: 8px 16px !important; */
  border-bottom: 1px solid #ebeef5 !important;
  text-align: left !important;
  vertical-align: middle !important;
  color: #333333 !important;
  line-height: 1.5 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
}

.bootstrap-table .table tbody tr:last-child td {
  border-bottom: none !important;
}

/* Hover effect */
.bootstrap-table .table-hover tbody tr:hover > td {
  background: #f5f7fa !important;
}

/* Pagination */
.bootstrap-table .fixed-table-pagination {
  padding: 8px 16px !important;
  background: #fff !important;
  border-top: 1px solid #ebeef5 !important;
}

/* Pagination detail and dropdown styles */
.bootstrap-table .pagination-detail {
  color: #606266 !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center !important;
}

.bootstrap-table .pull-left {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.bootstrap-table .pull-left .btn.dropdown-toggle{
  box-shadow: none;
}

/* Dropdown styles */
.bootstrap-table .dropdown-menu {
  min-width: 100px !important;
  padding: 5px 0 !important;
  margin: 0 !important;
  border: 1px solid #e4e7ed !important;
  border-radius: 4px !important;
  background: #fff !important;
}

.bootstrap-table .dropdown-menu li {
  list-style: none !important;
}

.bootstrap-table .dropdown-menu li a {
  display: block !important;
  padding: 8px 16px !important;
  color: #606266 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.bootstrap-table .dropdown-menu li a:hover {
  background-color: #f5f7fa !important;
  color: #409eff !important;
}

.bootstrap-table .dropdown-menu .active a {
  color: #409eff !important;
  font-weight: 700 !important;
  background-color: #f5f7fa !important;
}

/* Dropdown button styles */
.bootstrap-table .btn-group .btn {
  padding: 6px 12px !important;
  font-size: 14px !important;
  color: #606266 !important;
  background: #fff !important;
  border: 1px solid #dcdfe6 !important;
  border-radius: 4px !important;
  transition: all .3s !important;
  height: 32px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.bootstrap-table .btn-group .btn:hover {
  color: #409eff !important;
  border-color: #c6e2ff !important;
  background-color: #ecf5ff !important;
}

.bootstrap-table .btn-group .btn:focus {
  outline: none !important;
  border-color: #409eff !important;
}

.bootstrap-table .page-link {
  color: #606266 !important;
  border-color: #dcdfe6 !important;
  padding: 0 4px !important;
  min-width: 28px !important;
  height: 28px !important;
  line-height: 28px !important;
  text-align: center !important;
  margin: 0 4px !important;
  border-radius: 4px !important;
  background: #fff !important;
}

.bootstrap-table .page-item.active .page-link {
  background-color: #409eff !important;
  border-color: #409eff !important;
  color: #fff !important;
}

.bootstrap-table .page-link:hover {
  color: #409eff !important;
  border-color: #c6e2ff !important;
  background-color: #ecf5ff !important;
}

/* Striped rows */
.bootstrap-table .table-striped tbody tr:nth-child(odd) td {
  background: #fafafa !important;
}

/* Remove default Bootstrap Table borders and backgrounds */
.bootstrap-table .fixed-table-container .table-bordered,
.bootstrap-table .fixed-table-container .table-bordered th,
.bootstrap-table .fixed-table-container .table-bordered td {
  border: none !important;
}

.bootstrap-table .fixed-table-container .table-bordered thead th {
  border-bottom: 1px solid #ebeef5 !important;
}

/* Override Bootstrap Table's default hover colors */
.bootstrap-table .table-hover tbody tr:hover {
  background-color: #f5f7fa !important;
}

/* Override Bootstrap Table's default selected row styles */
.bootstrap-table .table-selected {
  background-color: #f5f7fa !important;
}

.bootstrap-table .table .no-records-found td{
  text-align: center !important;
}

.selfTable.table thead{
    font-size: 14px;
    color: #909399;
}

.selfTable.table th{
    vertical-align: top;
}

thead .home_drop:hover .home_drop_title,
thead .home_drop.isFilter:hover .home_drop_title {
    color: #4d4d4d;
}