.dataError {
  width: 100%;
  font-size: 20px;
  text-align: center;
  padding: 10px;
}

.searchBox {
  width: 300px;
  margin: 0 auto;
}

.searchBox .search {
  width: 100%;
  height: 30px;
}

.showing {
  display: none !important;
  width: 100%;
  text-align: center;
}

.dropdown:hover .dropdown-menu { display: block; }

.pager span {
  border-radius: 5px;
  border: #17c9ca 1px solid;
  /*padding: 5px 14px;*/
  padding: 0px 3px;
  margin: 0 3px;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  color: #6b6b84;
  border: 0 !important;
  background-color: transparent !important;
}

.pager span.current {
  border-radius: 0px;
  font-weight: bold;
  background-color: #37a0d9;
  color: #FFF;
  border: 1px solid #37a0d9;
  border: 0 !important;
  background-color: transparent !important;
  color: var(--primary-clr);
}

.pager span:hover { background-color: transparent;color: var(--primary-clr); }

.pager span.current:hover {
  /*background-color: #fff;
  border: 1px solid #a6a6a8;*/
  border: 0 !important;
  background-color: transparent !important;
  color: #6a707e;
  cursor: default;
  color: var(--primary-clr);
}

.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}