.gf-no-data-found {
  background-image: url(/no-data-found.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: inherit;
  min-height: 250px;
}

.gf-grid-column {
  word-wrap: break-word;
  white-space: normal;
}

.gf-grid-pagination {
  display: flex;
  justify-content: center;
}

.gf-main-container {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.gf-grid-container {
  flex: 1;
  overflow: auto;
}

.gf-nav-pagination {
  margin-top: auto;
}

.pagination > li > a {
  width: 45px;
  height: 35px;
}

span.gf-filter-icon-wrapper:hover {
  cursor: pointer;
}

.gf-search-icon-wrapper {
  margin-left: 5px;
}

.gf-filter-icon-wrapper {
  margin-left: 5px;
}

.gf-filter-icon-wrapper-selected {
  margin-left: 5px;
  color: #ff6012;
}

.gf-search-button-margin {
  margin-bottom: 9px;
}

.gf-filter-option {
  transform: scale(1.2);
}

.gf-grid-actions {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
}

.gf-input-group .gf-form-control {
  flex-grow: 1;
}

.gf-grid-control {
  border: 1px solid #000000 !important;
  padding-left: 6px !important;
}

.gf-horizontal-scrollbar {
  /* max-width: 1200px; */
  overflow-x: scroll;
}
.gf-horizontal-scrollbar th {
  min-width: 90px !important;
}
.gf-horizontal-scrollbar::-webkit-scrollbar {
  height: 5px !important;
}

.frozen-column {
  position: sticky;
  z-index: 1;
  background-color: #fff;
}

.table,
.table > thead > tr > th {
   white-space: nowrap; 
}

.gf-side-bar-container {
  width: 100%;
}

.gf-side-bar-list {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: calc(15 * 42px); /* Set the maximum height to display 10 items */
  overflow-y: auto; /* Enable vertical scrolling */
}

.gf-side-bar-item {
  /* Add styles for non-selected items */
  background-color: #f8f9fa;
  color: #212529;
  cursor: pointer;
  padding: 10px 15px; /* Add padding to make the menu items larger */
  width: 100%; /* Make sure the background color covers the whole row width */
  box-sizing: border-box;
  position: relative; /* Add position relative for the pseudo-element */
}

.gf-side-bar-button {
  background-color: #f8f9fa;
  color: #212529;
  cursor: pointer;
  padding: 10px 15px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border: none;
}

.gf-side-bar-item-selected {
  /* Add styles for selected items */
  background-color: #ffd7b5;
  color: #ffffff;
  font-weight: 600;
  color: black;
}

.gf-side-bar-button-selected {
  /* Add styles for selected items */
  background-color: #ff6700;
  color: #ffffff;
  font-weight: 600;
  color: black;
}

.gf-side-bar-item-selected::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5%; /* Set the width of the small bar */
  background-color: #ff6700; /* Set the small bar color */
}

.gf-side-bar-item-hover {
  /* Add styles for hover effect */
  background-color: #ced4da;
}

.gf-side-bar-button:hover {
  background-color: #ced4da;
}