main.flex-shrink-0 {
  height: calc(100% - 50px) !important;
  box-sizing: border-box;
}

.profile-image {
  max-width: 100%;
  max-height: 150px;
  object-fit: cover;
}

#szakemberek-list {
  border: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.highlight {
  border: none; /* Remove the solid border */
  background-color: #fff8dc; /* Light yellow background */
  box-shadow: 0 0 10px 2px gold; /* Golden shadow effect */
  border-radius: 5px; /* Maintain rounded corners */
  padding: 10px; /* Slight padding for spacing */
}

.k-pager-wrap {
  display: flex;
  justify-content: center; /* Align pager to the center */
  align-items: center; /* Vertically align items */
  background-color: transparent; /* Remove background */
  padding: 0;
  margin: 10px 0; /* Space from the content */
  border: none; /* Remove borders */
  box-sizing: content-box; /* Set to content-box to avoid border-box affecting width calculations */
}

.k-pager-numbers {
  display: inline-flex;
  list-style: none;
  padding-left: 0;
}

.k-pager-numbers li {
  margin: 0 5px; /* Adjust margin between numbers */
}

.k-link, .k-state-selected, .k-state-hover {
  font-size: 1rem;
  font-weight: bold;
  color: #007bff; /* Bootstrap primary color */
  padding: 5px 10px;
  border-radius: 4px;
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

.k-state-selected {
  background-color: #007bff; /* Bootstrap primary color */
  color: white;
}

.k-widget * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.szakember-template {
  margin-bottom: 20px; /* Adjust as needed */
  padding: 15px;
  border-radius: 5px; /* To give a soft rounded look */
}

.d-flex.flex-column {
  align-items: center;
}

.adatlap-btn, .foglalas-btn {
  width: 100%;
  margin: 5px 0;
}

.name-title {
  font-size: 1.5rem; /* Increase font size */
  font-weight: bold;
  color: #333; /* Darker text for contrast */
  margin-bottom: 5px;
}

.vegzettsegs-placeholder {
  font-size: 1rem; /* Smaller subtitle */
  color: #666;
}

.vegzettsegs-placeholder + div {
  margin-top: 5px; /* Add space between the degree and the discount */
  font-size: 1.1rem;
  color: #d9534f; /* Bootstrap 'danger' color for contrast */
  font-weight: bold;
  text-align: left;
}

div.szakemberek-box {
  display: flex;
  height: 100%;
  box-sizing: border-box;
  flex-direction: column;
}
div.szakemberek-box > div.card-body {
  flex-grow: 1;
  background: white;
}

div.form-kb-box {
  display: flex;
  gap: 10px;
}
div.form-kb-box > div:first-child {
  flex-grow: 1;
}
div.form-kb-box > div:last-child {
  min-width: fit-content;
}
div.form-kb-box form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
div.form-kb-box form div.size-box {
  flex-grow: 1;
}
div.form-kb-box form > div:last-child {
  margin-bottom: 0 !important;
}

div.filter-box-inner {
  height: var(--height);
  transition: 0.5s;
}
div.filter-box-inner.close {
  height: 0;
  opacity: 0;
  transform: rotateY(90deg);
}

div.filter-form-box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 10px;
  width: min(100%, 1700px);
  margin: 0 auto;
}
div.filter-form-box div.one-span {
  grid-column: span 3;
}
div.filter-form-box div.one-span input[type=text] {
  max-width: 200px;
}
div.filter-form-box div.one-span div.chk-box-list {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

input.select-chk {
  width: 20px;
  height: 20px;
  cursor: pointer;
}

li.tab-item i {
  display: none;
}
li.tab-item.active i {
  display: block;
}

button i {
  transition: 1s;
}
button i.close {
  transform: rotateX(180deg);
}

div.temp-box {
  position: absolute;
  top: 670px;
  left: 0;
  background: yellow;
  width: 100%;
  z-index: 1000;
}

div.form-check {
  display: flex;
  gap: 5px;
}

div.chk-box-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  justify-content: center;
  grid-template-rows: repeat(2, auto); /* Add this line */
  grid-auto-rows: auto;
}
@media (max-width: 768px) {
  div.chk-box-list {
    grid-template-columns: 1fr;
  }
}
div.chk-box-list > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
div.chk-box-list input[type=checkbox] {
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  margin: 0;
  padding: 0;
  border-radius: 0;
}
div.chk-box-list label {
  font-size: 1.25em;
}

div.chk-box-list-single-column {
  display: block;
}

.form-label {
  font-size: 1.5em;
}

.form-check .form-check-input {
  float: left;
  margin-left: 0;
}

.category-group {
  margin-left: 15px;
}

.category-label {
  font-size: 1.4em;
}

/*# sourceMappingURL=szakemberek.css.map */