.dashboard-container[data-v-84c50946] {
  background: #fff;
  border: 1px solid #eaeaea;
}
.dashboard-container .top-container[data-v-84c50946] {
  padding: 40px 60px 30px 40px;
  display: flex;
  justify-content: space-between;
}
.dashboard-container .top-container .search-bar[data-v-84c50946] {
  display: flex;
}
.dashboard-container .top-container .search-bar .input-box[data-v-84c50946] {
  height: 44px;
  max-width: 217px;
  margin-right: 20px;
}
.dashboard-container .top-container .search-bar .input-box input[data-v-84c50946] {
  height: 100%;
  font-size: 16px;
  font-family: "opensans";
}
.dashboard-container .top-container .search-bar .btn-search[data-v-84c50946] {
  height: 44px;
  border-radius: 2px;
}
.dashboard-container .top-container .add-btn .btn[data-v-84c50946] {
  height: 44px;
}
.dashboard-container .table thead[data-v-84c50946] {
  background: #f1f2f3;
  font-family: "opensans";
}
.dashboard-container .table tbody tr[data-v-84c50946] {
  cursor: pointer;
}
.dashboard-container .table td[data-v-84c50946],
.dashboard-container .table th[data-v-84c50946] {
  padding: 12px;
  font-family: "opensans";
}
.btn[data-v-84c50946] {
  font-size: 16px;
  background: #f1f2f3;
  font-family: "opensanssemi";
  font-weight: 500;
}
.btn[data-v-84c50946]:hover,
.btn.active[data-v-84c50946] {
  background: #3847ff;
  color: #fff;
}
.pagination[data-v-84c50946] {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-top: 20px;
}
.pagination .btn-page[data-v-84c50946] {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  padding: 0;
  line-height: 36px;
  text-align: center;
}