.dataset-list .dataset-list__header .page-right {
  display: inherit;
}
.dataset-list .dataset-list__header .page-right .btn.btn-add-new {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .dataset-list .btn-filter-mobile {
    display: none;
  }
  .dataset-list .filter-list > .collapse {
    display: block;
  }
}
@media (max-width: 767.98px) {
  .dataset-list .btn-filter-mobile {
    display: block;
  }
  .dataset-list .btn-filter-mobile .btn {
    display: flex;
    width: 150px;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
  }
  .dataset-list .btn-filter-mobile .btn .filter-toggle__icon {
    margin: auto 0 auto auto;
    transition-duration: 0.3s;
    transform: rotate(-180deg);
  }
  .dataset-list .btn-filter-mobile .btn.collapsed .filter-toggle__icon {
    transform: rotate(0deg);
  }
  .dataset-list .dataset-list__body .filter-list > .filter-collapse {
    margin-top: 15px;
  }
  .dataset-list .dataset-list__body .page-right {
    margin-top: 20px;
  }
  .dataset-list .dataset-list__body .page-right .search-form .search_title {
    padding: 15px 10px;
  }
  .dataset-list .dataset-list__body .page-right .search-form .filter-list {
    padding: 0;
  }
  .dataset-list .dataset-list__header {
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
  }
  .dataset-list .dataset-list__header .page-left,
  .dataset-list .dataset-list__header .page-right {
    width: unset;
    max-width: unset;
  }
  .dataset-list .dataset-list__header .page-left {
    flex: 1;
  }
}
.dataset-list .dataset-list__content {
  display: flex;
}
.dataset-list .filter-list .filter-list-item {
  background: #F2F4F9;
  border-radius: 5px;
}
.dataset-list .filter-list .filter-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.dataset-list .filter-list .filter-list-item .filter-list__heading {
  background: #001D85;
  padding: 16px 13px 16px 20px;
  font-weight: 700;
  line-height: calc(1rem + 3px);
  color: #FFFFFF;
  text-transform: uppercase;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item {
  padding: 13px 20px;
  color: #000000;
  flex-direction: row;
  display: flex;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item:not(:last-child) {
  border-bottom: 1px solid #E5EBFB;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item.active {
  background: #E5EBFB;
  color: #001D85;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item .dataset-name {
  float: left;
  flex: auto;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding-right: 10px;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item .count-dataset {
  display: block;
  float: left;
  width: 50px;
  font-weight: 700;
  text-transform: capitalize;
  color: #000000;
  direction: rtl;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item.filter-expand {
  background: #E5EBFB;
  height: 45px;
  place-content: center;
  align-items: center;
  cursor: pointer;
  user-select: none;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item.filter-expand img {
  height: 8px;
  width: 16px;
}
.dataset-list .filter-list .filter-list-item .filter-list__body .filter-list__item.filter-expand:not(.collapsed) img {
  transform: rotate(180deg);
}
.btn-display-horizontal {
  padding: 0;
  width: 45px;
  height: 45px;
}
.btn-display-horizontal img {
  width: 17px;
  height: 17px;
  margin: auto;
}
.btn-display-vertical {
  padding: 0;
  width: 45px;
  height: 45px;
}
.btn-display-vertical img {
  width: 17px;
  height: 17px;
  margin: auto;
}
.btn-add-margin {
  margin-right: 20px;
}
@media (max-width: 768px) {
  .btn-display-data-set-layout-verticall--hiden {
    display: none !important;
  }
}
.dataset-item--vertical {
  max-height: 284px;
}