:root {
  --Neutral-Neultral-2: #c9c9c9;
  --Neutral-Neultral-3: #a7a7a7;
  --Neutral-Neultral-5: #858585;
  --Neutral-Neultral-6: #636363;
  --Neutral-Neutral-7: #1c1f20;
  --Neutral-Neutral-8: #191c1d;
  --Neutral-Whitish: #e6e9ea;
  --Primary-Light-2: #8facfe;
  --Secondary-Dark: #1f2736;
  --Secondary-Light-3: #374155;
  --Secondary-Light-5: #6e7587;
  --Secondary-Secondary: #273041;
  --Blue-Light-1: #c7e4ff;
  --Blue-Light-3: #7cb0df;
  --Blue-Light-2: #9acfff;
  --Blue-Light-4: #5784ac;
  --Blue-Dark-3: #698aa3;
  --Blue-Dark-4: #3f5a70;
  --Blue-Dark-5: #1d2f3d;
  --Red-Default: #e54347;
  --Red-Red-2: #ff9989;
  --Red-Red-3: #f16852;
  --Status-Green-Default: #00bf70;
  --Green-Green-1: #73c089;
  --Yellow-Yellow-3: #e5c250;
  --Neutral-White: #fff;
  --Dark: rgb(31, 31, 31);
  --Divider: rgba(230, 233, 234, 0.2);
  --Divider-2: rgba(230, 233, 234, 0.4);
  --DisabledBg: #333536;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}
::-webkit-scrollbar-button {
  width: 0px;
  height: 0px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
  border: 0px none #ffffff;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.8);
}

::-webkit-scrollbar-thumb:active {
  background: rgba(255, 255, 255, 0.8);
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.15);
  border: 0px none #ffffff;
  border-radius: 2px;
}

::-webkit-scrollbar-track:hover {
  background: rgba(255, 255, 255, 0.15);
}

::-webkit-scrollbar-track:active {
  background: rgba(255, 255, 255, 0.15);
}

::-webkit-scrollbar-corner {
  background: transparent;
}

* {
  font-family: "Inter";
}

html {
  min-height: 100vh;
}

html,
body {
  background: var(--Neutral-Neutral-8);
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.main {
  flex: 1;
}

a {
  color: var(--Blue-Light-3);
}

a:hover {
  text-decoration: none;
  color: var(--Blue-Light-3);
}

.main {
  padding: unset;
  background: var(--Neutral-Neutral-8);
}

.form-control {
  border-radius: 6px;
  border: 1px solid var(--Divider);
  color: var(--Neutral-Whitish);
  background-color: unset;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  height: 40px;
  padding: 10px 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.form-control:focus {
  color: var(--Neutral-Whitish);
  background-color: unset;
  border-color: unset;
}
.form-control::placeholder {
  color: var(--Neutral-Whitish);
}

#char-count.char-count {
  display: inline-block;
  width: 100%;
  text-align: right;
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.d-flex {
  flex-direction: row-reverse;
}

.btn {
  color: var(--Neutral-Whitish);
}

.site-footer {
  background: var(--Neutral-Neutral-7);
  font-size: 14px;
  padding: 24px 0px;
  border-top: 1px solid var(--Dark);
}
.site-footer .container {
  margin: 0px auto;
  max-width: 80%;
}
.site-footer .container .footer-logos {
  width: 100%;
}
.site-footer .container .footer-links {
  color: var(--Neutral-Neultral-5);
  display: flex;
  justify-content: space-between;
  padding: 10px 8px;
  border-top: 1px solid var(--Divider);
  min-height: 50px;
  align-items: center;
  font-size: 12px;
}
.site-footer .container .footer-links ul {
  list-style-type: none;
  display: flex;
  flex-flow: wrap;
  gap: 24px;
  padding-left: 0;
}

.main-navbar .lang-select label {
  display: none;
}

.main-navbar .lang-select {
  padding: 10px 0px 10px 12px;
}

.site-footer .footer-links ul li {
  margin: 0;
}

.site-footer .container .footer-links ul .form-group {
  margin-bottom: 0;
}

.site-footer a {
  color: var(--Neutral-Neultral-5);
}

.select2-drop.lang-dropdown {
  margin-top: 5px;
  border-radius: 6px;
  text-transform: capitalize;
}

.select2-drop.lang-dropdown .select2-search {
  display: none !important;
}

.main-navbar .select2-container .select2-choice {
  font-size: 12px;
  border: 0 !important;
  color: var(--Neutral-Neultral-5) !important;
  padding: 0 !important;
  height: unset !important;
  text-transform: capitalize;
}

.main-navbar .select2-container .select2-choice .select2-chosen {
  margin-top: 0px !important;
}

.main-navbar .select2-container .select2-choice .select2-arrow {
  height: unset;
  top: unset !important;
}
.main-navbar .select2-container .select2-choice .select2-arrow b {
  background: url("../../base/icons/ic-arrow-down.svg") no-repeat !important;
  display: block;
  width: 18px;
  height: 18px;
  opacity: 0.4;
}

.main-navbar .select2-container.select2-dropdown-open .select2-arrow b {
  transform: rotate(180deg) !important;
}

.main-navbar .select2-dropdown-open .select2-choice {
  box-shadow: unset;
}

.main-navbar form.lang-select .form-group {
  margin: 0;
}

.attribution {
  font-style: normal;
  text-transform: capitalize;
}

.attribution strong,
.attribution label {
  font-weight: 400;
  font-size: 14px;
}

.attribution p {
  margin-bottom: 24px;
}

.attribution .lang-select .form-group label {
  font-size: 14px;
  margin-bottom: 10px;
}

.select2-container .select2-choice {
  font-size: 14px;
  background-image: unset !important;
  background-color: unset !important;
  height: 40px !important;
  border-radius: 6px !important;
  border: 1px solid var(--Divider) !important;
  padding: 10px 12px !important;
  display: flex !important ;
  line-height: unset !important;
  color: var(--Neutral-Whitish) !important;
}

.select2-container .select2-choice .select2-chosen {
  margin-top: -2px !important;
}

.select2-container .select2-choice .select2-arrow {
  background-image: unset !important;
  background-color: unset !important;
  border: unset !important;
  right: 6px !important;
  top: 5px !important;
}

.form-group .select2-container.select2-container-disabled .select2-choice {
  color: var(--Divider) !important;
}

.form-group
  .select2-container.select2-container-disabled
  .select2-choice:hover {
  border-color: unset !important;
}

.form-group
  .select2-container.select2-container-disabled
  .select2-choice
  .select2-arrow
  b {
  opacity: 0.2;
}

.toolbar .breadcrumb {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}

.toolbar .breadcrumb a {
  color: var(--Neutral-Whitish);
  opacity: 0.4;
}

.toolbar .breadcrumb .active a,
.toolbar .breadcrumb a.active {
  color: var(--Neutral-Whitish);
  opacity: 1;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-transform: capitalize;
}

.breadcrumb a {
  display: block;
  max-width: 312px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbar .breadcrumb li {
  padding: 8px 8px 8px 0px;
}

.container .wrapper {
  width: 100%;
  border-radius: 4px;
  border: unset;
  background: var(--Neutral-Neutral-8);
  box-shadow: 0px 0px 0px 4px rgba(255, 255, 255, 0.04);
  color: var(--Neutral-Neultral-2);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.container .wrapper h1 {
  color: var(--Neutral-Neultral-2);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 36px;
}

.container .wrapper .module {
  padding: 0;
}

aside {
  background: var(--Neutral-Neutral-7);
  color: var(--Neutral-White);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

aside .module-narrow .module-heading {
  display: flex;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--Divider);
  border-bottom: 1px solid var(--Divider);
  background: var(--Neutral-Neutral-8);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.main .secondary {
  border-right: 1px solid var(--Divider);
}

.main .secondary .module > .module-content:nth-child(2n) {
  padding: 12px 16px;
}

.main .primary,
.main .no-nav {
  color: var(--Neutral-White);
  padding: 0;
}

.main .container:not(.homepage .container) {
  margin-bottom: 136px;
}

.main .primary .search-input-group,
.main .no-nav .search-input-group {
  flex-direction: row-reverse;
}

.main .primary .search-input-group .btn-lg,
.main .no-nav .search-input-group .btn-lg {
  position: absolute;
  height: 40px;
  padding: 0 8px 0 12px;
  background-color: unset;
  border: unset;
  box-shadow: unset;
  font-size: 14px;
  color: var(--Neutral-Whitish);
}

.main .primary .search-input-group .btn-lg:hover,
.main .no-nav .search-input-group .btn-lg:hover {
  background-color: unset !important;
  color: var(--Neutral-Whitish) !important;
}

.main
  .primary
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.main
  .no-nav
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.main
  .primary
  .input-group:not(.has-validation)
  > .dropdown-toggle:nth-last-child(n + 3),
.main
  .no-nav
  .input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.main .primary .notes.embedded-content,
.main .no-nav .notes.embedded-content {
  color: var(--Neutral-White);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.main .primary #dataset-resources .dropdown-menu,
.main .no-nav #dataset-resources .dropdown-menu,
.main .primary .page_primary_action .dropdown-menu,
.main .no-nav .page_primary_action .dropdown-menu,
.main .primary .resource-list .dropdown-menu,
.main .no-nav .resource-list .dropdown-menu {
  border-radius: 6px;
  border: 1px solid var(--Divider);
  background-color: var(--Neutral-Neutral-8);
  padding: 4px;
}

.main .primary #dataset-resources .dropdown-item,
.main .primary .page_primary_action .dropdown-item,
.main .primary .resource-list .dropdown-item,
.main .no-nav #dataset-resources .dropdown-item,
.main .no-nav .page_primary_action .dropdown-item,
.main .no-nav .resource-list .dropdown-item {
  color: var(--Neutral-Whitish);
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  gap: 12px;
  align-self: stretch;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.main .primary #dataset-resources .dropdown-item:hover,
.main .primary .page_primary_action .dropdown-item:hover,
.main .primary .page_primary_action .dropdown-item:focus,
.main .primary .resource-list .dropdown-item:active,
.main .no-nav #dataset-resources .dropdown-item:hover,
.main .no-nav .page_primary_action .dropdown-item:hover,
.main .no-nav .page_primary_action .dropdown-item:focus,
.main .no-nav .resource-list .dropdown-item:active {
  background: var(--Secondary-Secondary);
}

.container:has(#dataset-resources)
  .module-content
  .dataset-private.badge.badge-inverse {
  display: none;
}

.main .primary .table-striped > tbody > tr:nth-of-type(odd) > * {
  font-size: 14px;
  color: var(--Neutral-Whitish);
}

.main .primary .table > :not(caption) > * > * {
  box-shadow: unset;
}

.main .primary .table > :not(:first-child),
.main .primary .table-bordered thead th {
  border: 1px solid var(--Divider);
}

.main .primary .table {
  font-size: 14px;
  color: var(--Neutral-Whitish);
  line-height: 20px;
}

.main .primary .table th,
.main .primary .table td {
  padding: 13px 24px;
}
.main .primary .table thead {
  color: var(--Divider-2);
  font-size: 14px;
}

.main .primary .table th {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
}

.main .primary .table-bordered {
  border-collapse: separate;
  border-spacing: 0;
}

.main .primary .table-bordered th,
.table-bordered td {
  border-bottom: 1px solid var(--Divider);
}

.main .primary .table-bordered thead th {
  border-left: 0;
  border-right: 0;
}
.main .primary .table-bordered thead th:first-child {
  border-left: 1px solid var(--Divider);
  border-top-left-radius: 8px;
}
.main .primary .table-bordered thead th:last-child {
  border-right: 1px solid var(--Divider);
  border-top-right-radius: 8px;
}
.main .primary .table-bordered tbody tr:last-child th,
.main .primary .table-bordered tbody tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
.main .primary .table-bordered tbody tr:last-child td:last-child {
  border-bottom-right-radius: 8px;
}

.main .primary .table-bordered tbody tr th,
.main .primary .table-bordered tbody tr td:not(:last-child) {
  border-right: 0;
}
.main .primary .table-bordered tbody tr td:not(:first-child) {
  border-left: 0;
}

.main .primary .search-form,
.main .no-nav .search-form {
  border-bottom: unset;
}

.main .primary .search-form .control-order-by label,
.main .no-nav .search-form .control-order-by label {
  font-weight: 400;
  font-style: normal;
  margin-right: 5px;
}

.main .primary .search-form .form-group.control-order-by,
.main .no-nav .search-form .form-group.control-order-by {
  border-radius: 6px;
  border: 1px solid var(--Divider);
  padding: 10px 12px;
  height: 40px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-wrap: nowrap;
  cursor: pointer;
}

.main .primary .search-form .form-group.control-order-by.disabled,
.main .no-nav .search-form .form-group.control-order-by.disabled {
  border-color: var(--Divider-2);
  color: var(--Divider-2);
  cursor: default;
}

.main .primary .search-form .control-order-by.disabled label,
.main .no-nav .search-form .control-order-by.disabled label {
  cursor: default;
}

.main .primary .search-form .form-group.control-order-by.disabled::after,
.main .no-nav .search-form .form-group.control-order-by.disabled::after {
  content: "";
  background-image: none;
  background-color: var(--Divider-2);
  -webkit-mask-image: url("../../base/icons/ic-arrow-down.svg");
  mask-image: url("../../base/icons/ic-arrow-down.svg");
}

.main .primary .search-form .custom-select-wrapper,
.main .no-nav .search-form .custom-select-wrapper {
  position: relative;
  display: inline-block;
}

.main .primary .search-form .custom-select,
.main .no-nav .search-form .custom-select {
  cursor: pointer;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  padding-right: 20px;
}

.main .primary .search-form .form-group::after,
.main .no-nav .search-form .form-group::after {
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../../base/icons/ic-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.main .primary .search-form .custom-options,
.main .no-nav .search-form .custom-options {
  display: none;
}

.main .primary .search-form .custom-options.open,
.main .no-nav .search-form .custom-options.open {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 15px);
  right: -13px;
  z-index: 1;
  border-radius: 6px;
  border: 1px solid var(--Divider);
  background-color: var(--Neutral-Neutral-8);
  list-style: none;
  text-wrap: nowrap;
  padding: 4px;
  width: 200px;
}

.main .primary .search-form .custom-option,
.main .no-nav .search-form .custom-option {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  gap: 12px;
}

.main .primary .search-form .custom-option.active,
.main .no-nav .search-form .custom-option.active {
  background-color: var(--Secondary-Secondary);
  border-radius: 4px;
  width: 100%;
}

.main .primary .search-form .custom-option.active::after,
.main .no-nav .search-form .custom-option.active::after {
  content: url("../../base/icons/ic-Check.svg");
  height: 25px;
}

.main .primary .search-form .custom-option:hover,
.main .no-nav .search-form .custom-option:hover {
  background: var(--Secondary-Secondary);
}

.btn-default,
.btn-primary,
.btn-danger,
.btn-success,
.btn-light {
  display: inline-flex;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 6px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  height: 40px;
  color: var(--Neutral-Neutral-8);
  border: unset;
  box-shadow: unset;
}

.btn-default,
.btn-primary,
.btn-primary:focus,
.btn-success,
.btn-success:focus,
.btn-light {
  background-color: var(--Blue-Light-3);
  color: var(--Neutral-Neutral-8);
}

.btn-default:hover,
.btn-primary:hover,
.btn-success:hover,
.follow_button .btn.btn-danger:hover {
  background-color: var(--Blue-Light-4) !important;
  color: var(--Neutral-Neutral-8) !important;
}

.follow_button :focus {
  box-shadow: none;
}

.btn-danger {
  background-color: rgb(229, 67, 71);
}
.btn-danger:hover {
  color: var(--Neutral-Neutral-8) !important;
  background-color: rgb(174, 52, 55);
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
  transition: background-color 600000s 0s, color 600000s 0s;
}
input[data-autocompleted],
.form-control[readonly] {
  background-color: transparent !important;
}

.wrapper.no-nav .module > .page-header,
.module .module-content.page-header {
  background-color: var(--Neutral-Neutral-8);
  border-bottom: 1px solid var(--Divider);
}

.wrapper.no-nav .module > .page-header .nav-tabs,
.module .module-content.page-header .nav-tabs {
  border: unset;
  font-size: 14px;
  font-style: normal;
  line-height: 20px;
}

.wrapper.no-nav .module > .page-header .nav-tabs a:hover,
.module .module-content.page-header .nav-tabs a:hover {
  background-color: transparent;
  border-color: transparent;
}

.header-nav-content button {
  background: transparent;
  border: none;
}

.wrapper.no-nav .module > .page-header .nav-tabs li a,
.module .module-content.page-header .nav-tabs li a,
.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .nav-tabs
  li
  a {
  color: var(--Neutral-Whitish);
  font-weight: 400;
  padding: 12px 24px;
  line-height: 14px;
}

.wrapper.no-nav .module > .page-header .nav-tabs li.active a,
.module .module-content.page-header .nav-tabs li.active a,
.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .nav.nav-tabs
  .nav-link.active {
  color: var(--Neutral-Neutral-8);
  font-weight: 600;
  border-radius: 4px;
  background: var(--Blue-Light-3);
  border: unset;
}

.slug-preview-value {
  background-color: unset;
  font-weight: 600;
}

#organization-edit-form ::placeholder {
  color: var(--Neutral-Whitish);
  opacity: 0.4;
}

.select2-drop {
  background-color: var(--Neutral-Neutral-8) !important;
  color: var(--Neutral-Whitish) !important;
  border: 1px solid var(--Divider) !important;
}

.select2-results .select2-highlighted {
  background: var(--Secondary-Secondary) !important;
  border-radius: 4px;
}

.select2-results .select2-no-results {
  background-color: var(--Neutral-Neutral-8) !important;
  color: var(--Neutral-Whitish) !important;
}

.module-narrow .nav-item > a {
  color: var(--Neutral-White);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 12px 16px;
}

.module-narrow .nav-item > a .badge,
.module-narrow .nav-aside li a .badge {
  border-radius: 10px;
  background: var(--Neutral-Neultral-6);
  color: var(--Neutral-White);
  text-align: center;
  font-size: 10.5px;
  font-style: normal;
  font-weight: normal;
  line-height: 10.5px;
}

.nav-simple > li,
.nav-aside > li {
  border-bottom: 1px dotted var(--Divider);
}

.filters .module-footer {
  padding: 0;
  border: unset;
}

.module-narrow .nav-item.active > a,
.module-narrow .nav-aside li.active a,
.module-narrow .nav-item.active > a:hover,
.module-narrow .nav-aside li.active a:hover,
.module-narrow .nav-item > a:hover,
.module-narrow .nav-aside li a:hover {
  background: var(--Blue-Dark-4);
}

.module-narrow .nav-item.active > a:before,
.module-narrow .nav-aside li.active a:before {
  border-left-color: var(--Blue-Dark-4);
}

.primary .search-form .filter-list,
.no-nav .search-form .filter-list {
  color: var(--Neutral-White);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.primary .search-form .filter-list .facet,
.no-nav .search-form .filter-list .facet {
  color: var(--Neutral-Whitish);
  opacity: 0.4;
}

.primary .search-form .filter-list .pill,
.no-nav .search-form .filter-list .pill {
  background-color: unset;
  border: 1px solid var(--Neutral-White);
}

.dataset-heading a,
.dataset-heading a:hover {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
  color: var(--Neutral-White);
}

.dataset-content div,
.dataset-content .empty {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.dataset-item {
  border-bottom: 0;
}

.primary .search-form h1,
.no-nav .search-form h1 {
  color: var(--Neutral-White);
}

.dataset-resources .badge {
  padding: 0;
  border-radius: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 10px;
}

.module-content .media-grid {
  display: flex;
  padding: 12px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-radius: 4px;
  border: 1px solid var(--Divider);
  background: var(--Neutral-Neutral-7);
}

.module-content .media-grid .media-item {
  margin: 0;
  position: relative !important;
  top: 0 !important;
  left: 0 !important;

  display: flex;
  padding: 8px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px;
  background: var(--Neutral-Neutral-8);
}

.module-content .media-grid .media-item .media-heading {
  margin: 0;
  color: var(--Neutral-White);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 28px;
}

.module-content .media-grid .media-item .count {
  color: var(--Neutral-Neultral-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.module-content .media-grid .media-item .media-description {
  font-size: 12px;
  margin-bottom: 0;
}

.module-content .media-grid .media-item .media-image {
  margin-bottom: 0;
}

.module-content .media-grid .media-view {
  border: unset;
}

.dataset-form .form-label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 10px;
  cursor: default;
}
.dataset-form .form-label::after {
  display: none;
}

.dataset-form .form-group,
div.module-content .add-member-form,
div.module-content .sysadmin-list,
div.module-content .sysadmin-promote {
  margin-bottom: 24px;
  max-width: 772px;
  margin-inline: auto;
}

.add-member-form .page-heading {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 24px;
}

.add-member-form h4 {
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
}

.add-member-form .form-group {
  margin-bottom: 12px;
}

div.form-group.control-select {
  margin-top: 24px;
  margin-bottom: 24px;
}

.add-member-form .form-group .form-label {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 12px;
}

.add-member-form .form-group .form-label::after {
  content: unset;
}

.add-member-form .add-member-or {
  text-transform: capitalize;
  color: unset;
  font-size: 14px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.add-member-form .add-member-or::before,
.add-member-form .add-member-or::after {
  content: "";
  width: 46%;
  height: 1px;
  background-color: var(--Divider);
}

.dataset-form div[data-module="custom-fields"] {
  display: none;
}

.dataset-form #field-title {
  height: 40px;
}

.dataset-form ::placeholder,
.add-member-form ::placeholder {
  opacity: 0.4;
}

.dataset-form .select2-dropdown-open .select2-choice,
.add-member-form .select2-dropdown-open .select2-choice {
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.dataset-form .select2-container-multi .select2-choices {
  background-color: unset;
  background-image: unset;
  height: 40px;
  border-radius: 6px;
}

.dataset-form .select2-container-multi .select2-choices .select2-search-choice {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  background-color: var(--Neutral-Neutral-8);
  background-image: unset;
  color: var(--Neutral-White);
  border: 1px solid var(--Neutral-White);
  line-height: 20px;
  padding: 6px 12px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.dataset-form .select2-container-multi .select2-search-choice-close {
  background: url("../../base/icons/ic-close.svg");
  width: 12px;
  height: 12px;
  position: initial;
}
.dataset-form .select2-container-multi .select2-search-choice-close:hover {
  background-position: unset !important;
}

.dataset-form .input-group-text {
  color: var(--Neutral-White);
  background-color: unset;
  padding: 0 10px 0 0;
  opacity: 0.4;
  border: unset;
  cursor: default;
}

.dataset-form
  .input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.dataset-form .select2-container .select2-choice,
.add-member-form .select2-container .select2-choice,
.container:has(.sysadmin-table) .form-group .select2-container .select2-choice {
  line-height: 23px !important;
  justify-content: space-between;
}

.resource-list.reordering .resource-item .handle {
  z-index: 1;
}

#resource-edit .resource-upload-field .btn-remove-url {
  height: 25px;
  width: 25px;
  background: url(../../base/icons/ic-close.svg) center center / 24px no-repeat;  
  border: unset;
  left: 350px;
  z-index: 2;
}

#resource-edit .resource-upload-field input,
#resource-edit .custom-file-input-wrapper {
  width: 400px;
  height: 56px;
  padding: 16px 62px 16px 41px;
}

#resource-edit .custom-file-input-wrapper {
  display: flex;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--Divider);
}

#resource-edit .custom-file-input-label {
  width: -webkit-fill-available;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:not(:has(#resource-edit)) .custom-file-input-label {
  display: none;
}


#resource-edit .upload-type .controls::before,
#resource-edit .controls:has(#field-resource-url)::before,
#resource-edit .custom-file-input-wrapper::before{
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 10px;
  top: 50px;
  background: url("../../base/icons/ic-file.svg") no-repeat center center;
  background-size: contain;
}

#resource-edit .custom-file-input-wrapper label:after {
  content: "";
}

#resource-edit .file-input-text {
  color: var(--Neutral-Whitish) !important;
  font-size: 14px;
  font-weight: 400;
}

#resource-edit #field-name {
  height: 40px;
}

.primary
  .module
  .datapusher-form
  + .table-striped
  > tbody
  > tr:nth-of-type(odd)
  > * {
  font-size: 14px;
  color: var(--Neutral-Neultral-2);
  background: rgba(255, 255, 255, 0.02);
}

.primary .module .datapusher-form + .table {
  font-size: 14px;
  color: var(--Neutral-Neultral-2);
  line-height: 20px;
}

.primary .module .datapusher-form + .table th,
.primary .module .datapusher-form + .table td {
  padding: 10px;
}

.primary .module .datapusher-form + .table thead,
.primary .module .datapusher-form + .table th {
  font-style: normal;
  font-weight: 600;
}

.primary .module .datapusher-form + .table-bordered {
  border-collapse: separate;
  border-spacing: 0;
}

.primary .module .datapusher-form + .table-bordered th,
.primary .module .datapusher-form + .table-bordered td {
  border: 1px solid var(--Divider);
}

.primary .module .datapusher-form + .table-bordered th,
.primary .module .datapusher-form + .table-bordered td {
  border-bottom: 1px solid var(--Divider);
}

.primary .module .datapusher-form + .table-bordered tbody tr:first-child th {
  border-top-left-radius: 4px;
}

.primary .module .datapusher-form + .table-bordered tbody tr:first-child td {
  border-top-right-radius: 4px;
}

.primary .module .datapusher-form + .table-bordered tbody tr:last-child th {
  border-bottom-left-radius: 4px;
}

.primary .module .datapusher-form + .table-bordered tbody tr:last-child td {
  border-bottom-right-radius: 4px;
}

.masthead {
  background: unset;
  background-color: var(--Neutral-Neutral-7);
  padding: 0px 32px !important;
}
.masthead .container {
  max-width: unset;
  padding: 0;
  margin: 0;
}

.masthead .site-search {
  display: none !important;
}

.account-masthead {
  background: unset;
  display: flex;
  gap: 8px;
  align-items: center;
}

.navbar {
  padding: 0;
}

.navbar .ms-auto {
  margin-left: unset !important;
}

.navbar-collapse {
  flex-grow: unset;
}

.main-navbar {
  justify-content: space-between;
  width: 100%;
}

.navbar-nav {
  padding: 0 32px;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;
}

.navbar-nav li a {
  height: 64px;
  display: flex;
  align-items: center;
  color: var(--Neutral-Whitish);
  border-bottom: 2px solid transparent;
  opacity: 0.4;
}

.masthead .main-navbar ul li.active a {
  background-color: unset;
  color: var(--Neutral-White);
  border-bottom: 2px solid var(--Blue-Light-3);
  border-radius: 0;
  opacity: 1;
}

.account-masthead .account ul li {
  border-left: 0;
}

.account-masthead .account ul li a:hover {
  color: unset;
}

.account-masthead .account.not-authed ul {
  display: flex;
  gap: 8px;
}

.account-masthead .account.not-authed ul li a {
  padding: 8px 12px;
  line-height: unset;
  border-radius: 6px;
}

.masthead .main-navbar ul {
  padding-right: 0;
}

.masthead .main-navbar ul li:hover a,
.masthead .main-navbar ul li:focus a,
.masthead .main-navbar ul li.active a {
  opacity: 1;
  background-color: unset;
}

.masthead .main-navbar ul li {
  margin-right: unset;
}

.masthead .main-navbar ul li a {
  padding: 8px;
  font-size: 14px;
  font-weight: 500;
}

.account-masthead .account ul li a.sub {
  font-weight: 500;
  border: 1px solid var(--Neutral-White);
}

.user-menu {
  position: relative;
  display: inline-block;
}

.main-navbar .dropdown-usermenu .text {
  position: unset !important;
}

@media (min-width: 992px) {
  .account-masthead .authed {
    min-height: unset;
    color: unset;
    background: unset;
    border: 1px solid #e6e9ea33;
    padding: 4px 8px 4px 4px;
    border-radius: 24px;
  }

  .main-navbar .dropdown-usermenu {
    display: none;
    position: absolute;
    right: 0;
    top: 32px;
    background-color: var(--Neutral-Neutral-8);
    box-shadow: 0px 0px 10px 0px #00000033;
    border: 1px solid var(--Divider);
    min-width: 198px;
    z-index: 1;
    border-radius: 6px;
    padding-right: 0;
    padding: 4px !important;
  }

  .main-navbar .dropdown-usermenu li a {
    padding: 10px 12px !important;
    border-radius: 4px;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: var(--Neutral-Whitish) !important;
    display: flex !important;
    justify-content: space-between !important;
  }

  .main-navbar .dropdown-usermenu li a:hover {
    background: var(--Secondary-Secondary) !important;
    color: var(--Neutral-Whitish) !important;
  }

  .main-navbar .user-image-container {
    cursor: pointer;
  }

  .main-navbar .user-image-container .user-image {
    background: linear-gradient(180deg, #3f65cd 0%, #94abff 100%);
    border: 1px solid #ffffff33;
    border-radius: 80px;
  }

  .main-navbar .user-image-container .clicked {
    transform: rotate(180deg);
  }

  .main-navbar .user-image-container:hover {
    text-decoration: none;
  }

  .main-navbar .show {
    display: flex;
    flex-direction: column;
  }
}

.banner {
  height: 600px;
  background: url("../../base/images/background.jpg") center center / cover
    no-repeat;
  align-items: center;
  display: flex;
  color: var(--Neutral-White);
}

.banner-text {
  margin: 0px auto;
  width: 80%;
}

.banner-text h1 {
  max-width: 450px;
  font-size: 72px;
  line-height: 80px;
  font-weight: 500;
}
.banner-text p {
  max-width: 500px;
  font-size: 20px;
  font-style: normal;
  padding-top: 24px;
}

.homepage .section {
  margin: 0px auto;
  padding: 84px 0px;
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--Neutral-Neutral-8);
}

.homepage-search-form {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 48px;
}

.homepage h3 {
  color: var(--Neutral-White);
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
}

.homepage-search-input {
  display: flex;
  width: 100%;
  gap: 20px;
  justify-content: space-between;
}

.homepage-search-input .form-control {
  padding-left: 40px;
  background: url("../../base/icons/search-icon.svg") no-repeat left;
  background-position-x: 12px;
}

.homepage-search-input .form-control:hover {
  border: 1px solid var(--Neutral-White);
}

.datasets-container {
  all: unset;
  margin: 0 auto;
  padding: 84px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  background-color: var(--Neutral-Neutral-8);
  color: var(--Neutral-Whitish);
}

.datasets-container .group-list {
  width: 80%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 21px;
}

.datasets-container .dataset-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  justify-content: space-between;
}

.datasets-container .dataset-item,
.datasets-search-page .dataset-item,
.datasets-cards-list .dataset-item,
.trash-list .trash-item {
  background-color: var(--Blue-Dark-4);
  color: var(--Neutral-Whitish);
  border-radius: 6px;
  padding: 16px;
  min-width: 100px;
  min-height: 186px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
}

.datasets-container .dataset-item .dataset-chip,
.datasets-search-page .dataset-item .dataset-chip,
.datasets-cards-list .dataset-item .dataset-chip,
.trash-list .item-chip {
  display: inline-flex;
  padding: 6px 8px;
  align-items: center;
  gap: 8px;
  border-radius: 50px;
  background-color: var(--Blue-Dark-3);
  color: var(--Neutral-Whitish);
  font-size: 12px;
  line-height: 12px;
  width: fit-content;
}

.datasets-container .dataset-item .dataset-chip img,
.datasets-search-page .dataset-item .dataset-chip img,
.datasets-cards-list .dataset-item .dataset-chip img,
.trash-list .item-chip img {
  width: 12px;
  height: 12px;
}

.datasets-container .dataset-item .dataset-chip span,
.datasets-search-page .dataset-item .dataset-chip span,
.datasets-cards-list .dataset-item .dataset-chip span,
.trash-list .item-chip span {
  opacity: 0.5;
}

.datasets-container .dataset-item:hover,
.datasets-search-page .dataset-item:hover,
.datasets-cards-list .dataset-item:hover {
  background-color: var(--Blue-Dark-5);
  cursor: pointer;
}

.datasets-container .dataset-info,
.datasets-search-page .dataset-info,
.datasets-cards-list .dataset-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 18px;
}

.datasets-container .dataset-heading,
.datasets-search-page .dataset-heading,
.datasets-cards-list .dataset-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}

.organization-name {
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
  text-align: left;
  text-transform: capitalize;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.datasets-container .dataset-description,
.datasets-container .empty,
.datasets-search-page .dataset-description,
.datasets-search-page .empty,
.datasets-cards-list .empty,
.datasets-cards-list .dataset-description,
.trash-list .item-description,
.trash-list .empty {
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  min-height: 48px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

.datasets-container .dataset-resources {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  margin: 0;
}

.datasets-search-page .dataset-list,
.datasets-cards-list .dataset-list {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  justify-content: space-between;
}

.datasets-container:nth-of-type(even) {
  background-color: var(--Neutral-Neutral-7);
}

.datasets-container .module-heading {
  all: unset;
  display: flex;
  align-items: center;
  align-self: stretch;
}

.datasets-container .module-heading .title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0px;
}

.datasets-container .module-heading .media-heading {
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.datasets-container .module-heading .media-heading::before {
  background-image: url("../../base/icons/ic-category.svg");
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.datasets-container .module-heading span {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  color: var(--Neutral-Whitish);
  opacity: 0.4;
}

.button-text::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Blue-Light-3);
  -webkit-mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.button-text:hover::before {
  background-color: var(--Blue-Light-4);
}

.button-text {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  height: 40px;
  color: var(--Blue-Light-3);
}

.button-text:hover {
  color: var(--Blue-Light-4);
}

.section.second {
  padding: 48px 0px;
  gap: 21px;
}

.section.alt-bg {
  background-color: var(--Neutral-Neutral-7);
  width: 100%;
  padding: 48px 0px;
}

.section.alt-bg .header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}

.section.alt-bg .text {
  max-width: 426px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  color: var(--Neutral-Neultral-3);
  line-height: 20px;
}

.format-label[data-format="html"],
.badge[data-format="html"],
.badge[data-format*="html"] {
  background-color: unset;
  color: var(--Blue-Light-3);
}

.format-label[data-format="json"],
.badge[data-format="json"],
.badge[data-format*="json"],
.badge[data-format="kml"] {
  background-color: unset !important;
  color: var(--Red-Red-2);
}

.format-label[data-format="xml"],
.badge[data-format="xml"],
.badge[data-format*="xml"] {
  background-color: unset;
  color: var(--Red-Red-3);
}

.format-label[data-format="text"],
.badge[data-format="text"],
.badge[data-format*="text"] {
  background-color: unset;
  color: var(--Neutral-Neultral-2);
}

.format-label[data-format="csv"],
.badge[data-format="csv"],
.badge[data-format*="csv"] {
  background-color: unset;
  color: var(--Blue-Light-2);
}

.format-label[data-format="xls"],
.badge[data-format="xls"],
.badge[data-format*="xls"] {
  background-color: unset;
  color: var(--Green-Green-1);
}

.format-label[data-format="zip"],
.badge[data-format="zip"],
.badge[data-format*="zip"],
.format-label[data-format="shp"],
.format-label[data-format*="shp"],
.badge[data-format="shp"] {
  background-color: unset !important;
  color: var(--Neutral-White);
}

.badge[data-format="api"],
.format-label[data-format="api"],
.badge[data-format*="api"] {
  background-color: unset;
  color: var(--Red-Red-3);
}

.format-label[data-format="pdf"],
.badge[data-format="pdf"],
.badge[data-format*="pdf"] {
  background-color: unset;
  color: var(--Red-Red-3);
}

.format-label[data-format="rdf"],
.format-label[data-format*="rdf"],
.format-label[data-format*="nquad"],
.format-label[data-format*="ntriples"],
.format-label[data-format*="turtle"],
.badge[data-format="rdf"],
.badge[data-format*="rdf"],
.badge[data-format*="nquad"],
.badge[data-format*="ntriples"],
.badge[data-format*="turtle"] {
  background-color: unset;
  color: var(--Red-Red-3);
}

.format-label[data-format="geojson"],
.format-label[data-format*="geojson"],
.format-label[data-format="kml"],
.format-label[data-format*="kml"] {
  color: var(--Red-Red-2);
  margin: -14px 0 0 -14px !important;
  width: unset !important;
}

.format-label[data-format="shp"],
.format-label[data-format*="shp"] {
  margin: -14px 0 0 -14px !important;
  width: unset !important;
}

.form-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  max-width: 772px;
}

.form-container label {
  text-align: left;
  font-size: 14px;
  gap: 24px;
  display: flex;
  align-items: center;
  color: var(--Neutral-Whitish);
  font-weight: normal;
}

.form-container label input[type="checkbox"] {
  width: 31px;
}

.form-container input {
  font-size: 14px;
  line-height: 1.4375em;
  color: var(--Neutral-Whitish);
  font-weight: 400;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: 40px;
  border-color: var(--Divider);
  border-width: 1px;
  border-radius: 6px;
  border-style: solid;
  background-color: transparent;
  padding: 0px 12px;
}

.form-container select {
  font-size: 14px;
  line-height: 1.4375em;
  color: var(--Neutral-Whitish);
  font-weight: 400;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  min-height: 40px;
  border-color: var(--Divider);
  border-width: 1px;
  border-radius: 6px;
  border-style: solid;
  background-color: var(--Neutral-Neutral-7);
  padding: 0px 12px;
  position: relative;
}

.form-container textarea {
  font-size: 14px;
  line-height: 1.4375em;
  color: var(--Neutral-Whitish);
  font-weight: 400;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  border-color: var(--Divider);
  border-width: 1px;
  border-radius: 6px;
  border-style: solid;
  background-color: transparent;
  padding: 16px 12px;
}

.form-container input:hover {
  border-color: var(--Neutral-Whitish);
}

.form-row {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
  flex-wrap: wrap;
}

.form-container label::after {
  display: none;
}

.form-row-container {
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1 1 0%;
}

.phone-container-prefix {
  width: 30%;
}

.phone-container-number {
  width: 70%;
}

.phone-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1 1 0%;
}

.phone-container-number label {
  visibility: hidden;
}

.marketing-container {
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  vertical-align: middle;
  -webkit-tap-highlight-color: transparent;
}

.marketing-container span {
  color: var(--Neutral-Whitish);
  opacity: 0.4;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.form-container button {
  display: flex;
  margin: 0px auto;
  padding: 0px 50px;
  align-items: center;
}

.datasets-search-page {
  display: flex;
  padding: 32px 12% 32px 32px !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  background-color: var(--Neutral-Neutral-7);
  border-radius: 8px 0px 0px 8px;
  width: 100%;
}

.datasets-search-page .module-content {
  padding: 0;
  width: 100%;
}

.container:has(.datasets-search-page),
.container:has(.dataset-form),
.container:has(.header-nav-content) {
  max-width: 100%;
  padding: 0;
}

.toolbar {
  display: flex;
  padding: 62px 0;
  margin: 0 auto;
  width: 80%;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.toolbar .fa-home {
  display: none;
}

.toolbar .home span {
  display: unset;
}

.toolbar .breadcrumb li {
  padding: 0;
}

.toolbar .breadcrumb li:not(:first-child)::before {
  content: url("../../base/icons/arrow-breadcrumb.svg");
  padding: 0 4px;
  position: relative;
  top: 3px;
}

.toolbar .header-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  gap: 8px;
}

.toolbar .header-content h3 {
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  color: var(--Neutral-Whitish);
}

.toolbar .header-content h3 span {
  color: var(--Neutral-Neultral-6);
}

.toolbar .header-nav-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 24px;
}

.toolbar .header-description {
  padding-left: 48px;
  padding-right: 100px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0px;
  color: var(--Divider-2);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 140%;
  width: 100%;
}

.toolbar .header-description p {
  all: unset;
  overflow-wrap: anywhere;
}

.toolbar .header-description .header-info-row {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  align-self: stretch;
}

.toolbar .header-description .header-info-row .user-image,
.toolbar .header-description .header-info-row .module-content .heading,
.toolbar .header-description .header-info-row .module-content .nums {
  display: none;
}

.toolbar .header-description .header-info-row .context-info .module-content {
  padding: 0;
}

.toolbar .header-description .header-info-row .header-info-row-title {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.toolbar .header-nav-content .header-nav-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0px;
  align-self: stretch;
}

.toolbar .header-nav-content .header-nav-title span {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Neutral-Whitish);
}

.toolbar .header-nav-content .header-nav-title .profile-user-details span {
  margin-right: 24px;
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: var(--Neutral-Whitish);
}

.follow_button .btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Neutral-8);
  -webkit-mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.follow_button .btn.btn-success::after {
  background-color: var(--Neutral-Whitish);
}

.follow_button:hover .btn.btn-success::after {
  background-color: var(--Neutral-Neutral-8);
}

.follow_button .btn i {
  display: none;
}

.follow_button .btn.btn-success {
  color: var(--Neutral-White);
  background-color: transparent;
  border: 1px solid var(--Neutral-White);
}

.follow_button .btn.btn-success:hover {
  color: var(--Neutral-Neutral-8) !important;
  background-color: var(--Blue-Light-1) !important;
  border-color: var(--Blue-Light-1) !important;
}

.follow_button .btn.btn-danger {
  background-color: var(--Blue-Light-3);
  color: var(--Neutral-Neutral-8);
}

.container:has(.dataset-form) .toolbar .breadcrumb,
.container:has(.header-nav-content) .toolbar .breadcrumb {
  padding-left: 48px;
}

.toolbar .header-nav-content h1 {
  all: unset;
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  color: var(--Neutral-Whitish);
  overflow-wrap: anywhere;
}

.container:has(.datasets-search-page) .primary,
.container:has(.datasets-search-page) .no-nav {
  display: flex;
  padding: 48px 0;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 8px;
  margin-left: 20px;
}

.container:has(.datasets-search-page) .col-md-9 {
  flex: unset;
}

.container:has(.datasets-search-page) .row > * {
  width: 100%;
}

.container:has(.datasets-search-page) .wrapper {
  all: unset;
  display: flex;
  margin: 0 auto;
  padding: 0 0 0 10%;
}

.container:has(.datasets-search-page) .wrapper:before {
  all: unset;
}

.container:has(.datasets-search-page) .secondary {
  display: flex;
  padding-top: 48px;
  flex-direction: column;
  width: 277px;
  align-items: flex-start;
  gap: 24px;
  background: unset;
  border: unset;
}

.filters {
  display: flex;
  gap: 24px;
  align-self: stretch;
  flex-direction: column;
  width: 277px;
}

.filters h5 {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
}

.filters .filters-title {
  text-align: left;
  font-size: 14px;
  gap: 8px;
  display: flex;
  align-items: center;
  color: var(--Neutral-Whitish);
  font-weight: 400;
}

.filters .organization .fa-filter::before {
  content: url("../../base/icons/ic-map.svg");
}

.filters .groups .fa-filter::before {
  content: url("../../base/icons/ic-category-line.svg");
}

.filters .tags .fa-filter::before {
  content: url("../../base/icons/ic-tag.svg");
}

.filters .res_format .fa-filter::before {
  content: url("../../base/icons/ic-document.svg");
}

.filters .license_id .fa-filter::before {
  content: url("../../base/icons/ic-license.svg");
}

.filters p.module-content.empty {
  padding: 0 16px 16px 16px !important;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}

.filters-dropdown-wrapper {
  margin-bottom: 24px;
}

.filters-title {
  font-size: 1.2em;
  margin-bottom: 10px;
  font-weight: bold;
}

.filters-dropdown {
  position: relative;
  display: inline-block;
  width: 245px;
}

.filters-dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--Neutral-Neutral-7);
  width: 245px;
  z-index: 1;
  border-radius: 6px;
  margin-top: 4px;
  border: 1px solid var(--Divider);
}

div.filters .filters-dropdown-content {
  overflow: auto;
  max-height: 300px;
}

.filters-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.filters-dropdown-content a:hover {
  background-color: #f1f1f1;
}

.filters-dropdown-heading {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  cursor: pointer;
  color: white;
  background: transparent;
  width: 100%;
  text-align: left;
  height: 40px;
  padding: 10px 12px 10px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-radius: 6px;
  border: 1px solid var(--Divider);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filters-dropdown-heading.active-items-filter-text {
  text-transform: capitalize;
}

span.active-items-text-content {
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: space-between;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.active-items-item {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.filters-dropdown-heading.empty-filter {
  color: var(--Divider-2);
  border: 1px solid var(--Divider-2);
  cursor: default;
}

.filters-dropdown-heading .fa-caret-down::before {
  display: inline-block;
  color: transparent;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Whitish);
  -webkit-mask: url("../../base/icons/ic-arrow-down.svg") no-repeat center;
  mask: url("../../base/icons/ic-arrow-down.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.filters-dropdown-heading.empty-filter .fa-caret-down::before {
  background-color: var(--Divider-2);
}

.filters-dropdown-wrapper:has(.filters-show) .fa-caret-down::before {
  transform: rotateX(180deg);
}

.filters-show {
  display: block;
}

.filters-show .nav-item.active {
  background-color: transparent;
}

.filters-show .nav-item {
  text-transform: capitalize;
}

.filters-show .nav-item.active a {
  background-color: var(--Neutral-Neutral-7);
}

.filters-show .nav-item.active a:hover {
  background-color: var(--Blue-Dark-5);
}

.filters-show .nav-item.active a::before {
  all: unset;
  content: url("../../base/icons/checkbox-checked.svg");
  height: 18px;
}

.filters-show .nav-item.active .facet-close {
  display: none;
}

.filters-show .nav-item.active:first-child a {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.filters-show .nav-item.active:last-child a {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.filters-show .nav-simple > li {
  border: 0;
}

.filters-show .nav-simple > li a {
  display: flex;
  align-items: center;
  padding: 10px 12px;
  gap: 12px;
}

.filters-show .nav-simple > li a::before {
  content: url("../../base/icons/checkbox.svg");
  height: 18px;
}

.filters-show .nav-simple > li a:hover {
  background-color: var(--Blue-Dark-5);
}

.filters-show .nav-simple > li .separator,
.filters-show .nav-simple > li .badge {
  display: none;
}

.filters-show .nav-simple > li:first-child a:hover {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.filters-show .nav-simple > li:last-child a:hover {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.module-content .search-form .filter-list .filter-type .filtered.pill {
  text-transform: capitalize;
}

.datasets-search-container {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}

.module-content .search-form {
  margin: 0;
  padding: 0;
}

.module-content .search-form .search-input-group {
  margin: 0;
  width: 40px;
}
.module-content .search-form .search-input-group .input-group-btn button {
  pointer-events: none;
}
.module-content .search-form .search-input-group.expanded {
  width: 250px;
}

#field-sitewide-search,
.search-input-group.expanded #field-giant-search {
  padding: 0px 36px;
}

.search-input-group.expanded #field-giant-search::placeholder {
  color: var(--Secondary-Light-5);
  opacity: 0.8;
}

.search-input-group .ic-close {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  cursor: pointer;
  display: none;
  z-index: 10;
}

.search-input-group.expanded .ic-close {
  display: block;
  content: url("../../base/icons/ic-close.svg");
}

.search-input-group #field-giant-search:disabled {
  border-color: var(--Divider-2);
  cursor: default;
  background: none;
}

.search-input-group #field-giant-search:hover:disabled,
.search-input-group #field-giant-search:focus:disabled,
.search-input-group #field-giant-search:focus-visible:disabled {
  outline: none;
  box-shadow: none;
  border: 1px solid var(--Divider) !important;
}

.module-content .search-form .input-group {
  flex-wrap: unset;
}

.module-content .search-form .search-input-group input::placeholder {
  color: transparent;
}

.module-content .search-form .search-input-group .fa-search::before {
  content: url("../../base/icons/search-icon.svg");
}

.module-content .search-form .form-group {
  margin: 0;
}

.module-content .search-form .control-order-by {
  margin-bottom: 0;
}

.module-content .search-form h1 {
  all: unset;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0px;
}

.module-content .search-form h1::before,
.module-content .trash-group h2::before {
  content: url("../../base/icons/ic-file.svg");
}

.module-content .search-form span:has(input[type="hidden"]) {
  display: none;
}

.module-content .search-form .filter-list,
.no-nav .search-form .filter-list {
  margin: 24px 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  line-height: 32px;
}

.filter-list .pill-container {
  display: flex;
  gap: 16px;
  overflow-x: auto;
}

.filter-list .total-items {
  margin-left: 16px;
  color: var(--Neutral-Whitish);
  opacity: 0.4;
  white-space: nowrap;
}

.module-content
  .search-form
  .filter-list
  .filter-type
  .filtered.pill:last-child {
  margin-right: 0;
}

.module-content .search-form .filter-list .filter-type {
  display: inline-flex;
  height: 32px;
  padding: 12px 16px;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--Divider);
  background: var(--Neutral-Neutral-8);
  max-width: 550px;
}
.module-content .search-form .filter-list .pill {
  all: unset;
  display: flex;
  gap: 8px;
  text-wrap: nowrap;
  font-size: 12px;
  color: var(--Neutral-Whitish);
}

.module-content .search-form .filter-list .pill a {
  color: var(--Neutral-Whitish);
}

.module-content .search-form .filter-list .facet {
  display: inline-flex;
  align-items: center;
}

.module-content .search-form .filter-list .facet::before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.module-content .search-form .filter-list .organization::before {
  background-image: url("../../base/icons/ic-map.svg");
}

.module-content .search-form .filter-list .groups::before {
  background-image: url("../../base/icons/ic-category-line.svg");
}

.module-content .search-form .filter-list .tags::before {
  background-image: url("../../base/icons/ic-tag.svg");
}

.module-content .search-form .filter-list .res_format::before {
  background-image: url("../../base/icons/ic-document.svg");
}

.module-content .search-form .filter-list .license_id::before {
  background-image: url("../../base/icons/ic-license.svg");
}

.main .container:not(.homepage .container):has(.dataset-form) {
  margin-bottom: 0;
}

.container:has(.dataset-form) .row.wrapper,
.container:has(#member-table) .row.wrapper,
.container:has(.add-member-form) .row.wrapper {
  box-shadow: unset;
  background-color: var(--Neutral-Neutral-7);
  margin: 0;
  display: flex;
  padding: 48px 136px 80px;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}

.container:has(.dataset-form) .secondary {
  display: none;
}

.container:has(.dataset-form) .row.wrapper::before {
  content: unset;
}

.container:has(.dataset-form) .primary,
.container:has(.dataset-form) .no-nav {
  margin: 0 auto;
  width: 100%;
}
.container:has(.dataset-form) .module-content {
  padding: 0;
}

.container:has(.dataset-form) .stages {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 48px;
  max-width: 772px;
  margin-inline: auto;
}

.container:has(.dataset-form) .error-explanation {
  max-width: 772px;
  margin-inline: auto;
}

.container:has(.dataset-form) .stages li .highlight {
  all: unset;
}

.container:has(.dataset-form) .stages li {
  background-color: unset;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

.container:has(.dataset-form) .stages li.active {
  font-weight: 600;
}

.container:has(.dataset-form) .stages li.uncomplete {
  font-weight: 400;
  opacity: 0.4;
}

.container:has(.dataset-form) .stages li::after {
  width: 90%;
  height: 1px;
  border: unset;
  background-color: var(--Divider);
  margin: 0;
  top: 30%;
  left: -45%;
}

.container:has(.dataset-form) .stages li::before {
  width: 32px;
  height: 32px;
  margin-right: unset;
  font-weight: 400;
  border-radius: 50%;
  background-color: var(--Secondary-Light-5);
  line-height: normal;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container:has(.dataset-form) .stages li.active::before,
.container:has(.dataset-form) .stages li.complete::before {
  background-color: var(--Blue-Light-3);
  color: var(--Neutral-Whitish);
  font-weight: 700;
}

.container:has(.dataset-form) .stages li.complete::before {
  content: url("../../base/icons/ic-Check.svg");
}

.search-form .form-group.control-order-by .js-hide {
  visibility: hidden;
}

.form-group .controls .select2-choices {
  border: 1px solid var(--Divider);
  display: flex;
}
.form-group .controls .select2-choices:has(.select2-search-choice) {
  display: flex;
  flex-wrap: wrap;
}

.form-control:hover,
.form-group .controls .select2-choices:hover,
.form-group .select2-container .select2-choice:hover {
  border: 1px solid var(--Neutral-White) !important;
}

.lang-select .form-group .select2-container .select2-choice:hover {
  border: unset !important;
}

.form-group .select2-container .select2-choice .select2-arrow b {
  background: url("../../base/icons/ic-arrow-down.svg") no-repeat;
}

.form-group .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: unset;
  transform: rotate(180deg);
}

.dataset-form .form-group .select2-container .select2-choice .select2-arrow,
.add-member-form .form-group .select2-container .select2-choice .select2-arrow,
.container:has(.sysadmin-table)
  .form-group
  .select2-container
  .select2-choice
  .select2-arrow {
  all: unset;
  width: 12px;
  height: 18px;
}

.dataset-form .editor .editor-info-block {
  background: unset;
  color: var(--Neutral-Whitish);
  border-radius: 0 0 6px 6px;
  border-color: var(--Divider);
  display: none;
}

.dataset-form .editor textarea {
  border-radius: 6px;
  border: 1px solid var(--Divider);
}

.dataset-form .editor textarea:focus {
  border: 1px solid var(--Neutral-White);
}

.dataset-form
  .select2-container-multi
  .select2-choices
  .select2-search-field
  input.select2-active {
  background: unset !important;
}

.dataset-form .select2-container-multi .select2-choices .select2-search-field {
  display: flex;
  align-items: center;
}

.dataset-form .select2-search-field:has(.select2-input.select2-active)::after {
  content: url("../../base/icons/ic-loader.svg");
  display: block;
  width: 18px;
  height: 18px;
  animation: spin 2s linear infinite;
  margin-left: -20px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.select2-results .select2-searching {
  background: var(--Neutral-Neutral-8) !important;
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: normal;
}

.dataset-form
  .select2-container-multi
  .select2-choices
  .select2-search-field
  input {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: normal;
}

.select2-drop {
  border-radius: 6px !important;
  margin-top: 8px !important;
}

.select2-search input {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: normal;
  background: var(--Neutral-Neutral-8)
    url("../../base/vendor/select2/select2.png") no-repeat 100% -21px !important;
}

.dataset-form #field-private {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url("../../base/icons/ic-arrow-down.svg") no-repeat;
  background-origin: content-box;
  background-position: calc(100% - -3px) 50%;
}

.dataset-form #field-private option {
  background-color: var(--Neutral-Neutral-8);
  color: var(--Neutral-Whitish);
}

.dataset-form .control-required-message {
  visibility: hidden;
}

.dataset-form .slug-preview {
  margin-top: 24px;
  margin-left: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dataset-form-title-url {
  display: flex;
  margin-inline: auto;
  max-width: 772px;
  gap: 24px;
}

.dataset-form-title-url div.form-group {
  flex: 1;
}

.dataset-form .slug-preview button {
  margin-left: auto;
}

.btn-primary:disabled,
.btn-primary:disabled:hover,
.btn-primary.disabled {
  background-color: var(--DisabledBg) !important;
  opacity: 1;
  color: var(--Neutral-Neultral-5) !important;
  border: unset;
}

.btn-secondary {
  color: var(--Neutral-White);
  background-color: transparent;
  border: 1px solid var(--Neutral-White);
  box-shadow: unset;
  height: 40px;
  padding: 12px 16px 12px 16px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  gap: 8px;
}

.btn-secondary:hover {
  color: var(--Neutral-Neutral-8);
  background-color: var(--Blue-Light-1);
  border-color: var(--Blue-Light-1);
}

.header-nav-content .btn-secondary .fa-wrench::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-White);
  -webkit-mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.header-nav-content .btn-secondary:hover .fa-wrench::before {
  background-color: var(--Neutral-Neutral-8);
}

.dataset-form .resource-upload-field button {
  height: 32px;
  background-color: var(--Neutral-Neutral-7);
  border: 1px solid var(--Divider);
  color: var(--Neutral-White);
  font-size: 12px;
  font-weight: 500;
}
.dataset-form .resource-upload-field button:hover {
  background-color: var(--Neutral-Neutral-7) !important;
  color: var(--Neutral-White) !important;
  border: 1px solid var(--Neutral-Whitish);
}

.dataset-form .fa-cloud-upload::before {
  content: url("../../base/icons/ic-upload.svg");
}
.dataset-form .fa-globe::before {
  content: url("../../base/icons/ic-link.svg");
}

.dataset-form .resource-upload-field .btn-remove-url {
  margin-top: 24px;
}

.dataset-form.dataset-resource-form .form-actions {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}

.dataset-form.dataset-resource-form .form-actions .btn:first-of-type {
  margin-right: auto;
}

.dataset-form.dataset-resource-form .form-actions button[value="go-dataset"] {
  background-color: transparent;
  color: var(--Blue-Light-3);
}
.dataset-form.dataset-resource-form
  .form-actions
  button[value="go-dataset"]::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Blue-Light-3);
  -webkit-mask: url("../../base/icons/ic-back.svg") no-repeat center;
  mask: url("../../base/icons/ic-back.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.dataset-form.dataset-resource-form
  .form-actions
  button[value="go-dataset"]:hover::before {
  background-color: var(--Blue-Light-4);
}

.dataset-form.dataset-resource-form
  .form-actions
  button[value="go-dataset"]:hover {
  background-color: transparent !important;
  color: var(--Blue-Light-4) !important;
}

.dataset-form .form-actions p.action-info {
  max-width: 772px;
  margin-inline: auto;
  margin-bottom: 100px;
  text-align: left;
  float: unset;
  width: unset;
}

.dataset-form:has(.stages) .form-actions p.action-info {
  margin-bottom: 48px;
}

.dataset-form .form-actions .action-info {
  margin-bottom: 48px;
}

.dataset-form .error-block {
  all: unset;
  color: var(--Red-Default);
  font-size: 10px;
  line-height: 40px;
}
.dataset-form .input-group .error-block {
  position: absolute;
  bottom: -40px;
  left: 0;
}

.container:has(.header-nav-content) .wrapper {
  display: flex;
  justify-content: center;
  box-shadow: unset;
  border-radius: 0;
  margin: 0;
}
.container:has(.header-nav-content) .wrapper .module {
  width: 100%;
}

.main .container:not(.homepage .container):has(.header-nav-content) {
  margin-bottom: 0;
}
.container:has(.header-nav-content) .wrapper .secondary,
.container:has(.header-nav-content) .wrapper::before,
.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  .content_action,
.container:has(.header-nav-content) .wrapper .primary .module-content h1,
.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  .notes.embedded-content,
.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  section.resources
  h2,
.container:has(.header-nav-content) .no-nav .module-content .content_action {
  display: none;
}

.container:has(.header-nav-content) .wrapper .primary,
.container:has(.header-nav-content, #user-edit-form) .no-nav,
.container:has(.header-nav-content) .module.module-resource,
.container:has(.custom-development-page)
  .row.wrapper
  .development-page-content {
  display: flex;
  margin: 0px auto;
  width: 80%;
  padding: 48px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.row.wrapper .module.custom-development-page {
  background-color: var(--Neutral-Neutral-7);
}

.development-page-content .section-container .content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.development-page-content .section-container .content h3 {
  color: var(--Neutral-White);
  text-align: center;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  margin: 0;
}
.development-page-content .section.alt-bg {
  background-color: unset;
}

.row.wrapper .module.custom-development-page .primary {
  all: unset;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 38px;
}

.row.wrapper .module.custom-development-page .primary .table-content {
  display: flex;
  flex-direction: column;
  gap: 38px;
}
.row.wrapper .module.custom-development-page .primary .table-content .table {
  margin-bottom: 0;
}
.row.wrapper .module.custom-development-page .primary .table-content .table th {
  width: 50%;
}
.row.wrapper .module.custom-development-page .primary .table-content .table a {
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  text-align: center;
  color: var(--Primary-Light-2);
  border-bottom: 1px solid;
  overflow-wrap: anywhere;
}

.row.wrapper .module.custom-development-page p {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: left;
  color: var(--Divider-2);
  margin: 0;
  padding: 0;
}
.row.wrapper .module.custom-development-page h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  color: var(--Neutral-Whitish);
}

.container:has(#user-edit-form) .no-nav {
  background-color: unset;
}

.container:has(#user-edit-form) div.module-content {
  margin-bottom: 64px;
}

.container:has(.header-nav-content) #user-edit-form {
  width: 430px;
}
.container:has(.header-nav-content) #user-edit-form .edit-user-form button {
  margin-top: unset;
}
.container:has(.header-nav-content) #user-edit-form .edit-user-form {
  padding-top: 76px !important;
}

.container:has(.header-nav-content) #user-edit-form .edit-user-form .pull-left {
  margin-right: auto;
}

.container:has(.header-nav-content)
  #user-edit-form
  .edit-user-form
  .delete-item {
  background-color: unset;
  border: 1px solid var(--Red-Default);
  color: var(--Red-Default);
}
.container:has(.header-nav-content)
  #user-edit-form
  .edit-user-form
  .delete-item:hover {
  background: rgba(229, 67, 71, 0.1);
  color: var(--Red-Default) !important;
}

.container:has(.header-nav-content) #user-edit-form legend {
  margin-bottom: 34px;
  font-weight: 400;
  font-size: 20px;
}

.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content.page-header,
.container:has(.header-nav-content) .no-nav .module-content.page-header {
  all: unset;
}

.container:has(.header-nav-content) .wrapper .primary div.module-content,
.container:has(.header-nav-content) .no-nav div.module-content {
  padding: 0;
}

.container:has(.header-nav-content)
  .wrapper
  .primary
  div.module-content:has(p.empty),
.container:has(.header-nav-content)
  .wrapper
  .primary
  div.module-content:has(div.empty-message),
.container:has(.header-nav-content)
  .wrapper
  .no-nav
  div.module-content:has(p.empty) {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 48px 32px;
  background-color: var(--Neutral-Neutral-7);
  border-radius: 0px 4px 4px 4px;
}

.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  #dataset-resources,
.container:has(.header-nav-content) .no-nav .module-content #dataset-resources,
.container:has(.header-nav-content)
  .primary:has(#activity_types_filter)
  div.module-content
  p {
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 32px;
  gap: 24px;
  border-radius: 0px 4px 4px 4px;
}

.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  .nav.nav-tabs,
.container:has(.header-nav-content) .no-nav .module-content .nav.nav-tabs,
.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .nav.nav-tabs {
  display: flex;
  padding: 8px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 4px 4px 0px 0px;
  background-color: var(--Neutral-Neutral-7);
}
.container:has(.header-nav-content)
  .wrapper
  .primary
  .module-content
  .nav.nav-tabs
  li
  a
  i,
.container:has(.header-nav-content)
  .no-nav
  .module-content
  .nav.nav-tabs
  li
  a
  i {
  display: none;
}

.container .wrapper section.additional-info {
  padding-top: 48px;
  gap: 24px;
  display: flex;
  flex-direction: column;
}

.container .wrapper section.additional-info h3 {
  all: unset;
  color: var(--Neutral-Whitish);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}

.main .primary #dataset-resources .resource-list,
.main .primary .resource-list.ui-sortable {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  justify-content: space-between;
  width: 100%;
}

.main .primary #dataset-resources .resource-list .resource-item,
.main .primary .resource-list.ui-sortable .resource-item {
  background-color: var(--Blue-Dark-4);
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  border-radius: 8px;
}

.main .primary #dataset-resources .resource-list .resource-item .heading,
.main .primary .resource-list.ui-sortable .resource-item .heading {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin-bottom: 34px;
}

.main .primary #dataset-resources .resource-list .resource-item .btn-group {
  position: initial;
  width: 100%;
}
.main .primary #dataset-resources .resource-list .resource-item .btn-group .btn,
.main .no-nav #dataset-resources .resource-list .resource-item .btn-group .btn,
.dataset-group-item .btn,
.main .primary .resource-list.ui-sortable .resource-item .btn-edit,
.main .no-nav .resource-list.ui-sortable .resource-item .btn-edit {
  position: initial;
  flex: unset;
  height: 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border: 1px solid var(--Divider-2);
  color: var(--Neutral-Whitish);
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
}
.main
  .primary
  #dataset-resources
  .resource-list
  .resource-item
  .btn-group
  .btn:hover,
.dataset-group-item .btn:hover,
.main .primary .resource-list.ui-sortable .resource-item .btn-edit:hover {
  color: var(--Neutral-Whitish) !important;
  background-color: var(--Secondary-Light-3) !important;
}
.main
  .primary
  #dataset-resources
  .resource-list
  .resource-item
  .btn-group
  .btn
  .fa-share::before {
  display: none;
}
.main
  .primary
  #dataset-resources
  .resource-list
  .resource-item
  .btn-group
  .dropdown-toggle::after {
  all: unset;
  content: url("../../base/icons/ic-arrow-down.svg");
  position: relative;
  top: 2px;
}

.main
  .primary
  #dataset-resources
  .resource-list
  .resource-item
  .heading
  .format-label,
.main
  .primary
  .resource-list.ui-sortable
  .resource-item
  .heading
  .format-label {
  text-indent: unset;
  background: unset;
  top: 60px;
  left: 30px;
  font-size: 10px;
  font-style: normal;
  font-weight: normal;
  line-height: 10px;
  transform: unset;
  width: fit-content;
}

.main .primary #dataset-resources .resource-list .resource-item .description,
.main .primary .resource-list.ui-sortable .resource-item .description,
.container:has(.header-nav-content) div.module-content section.tags {
  display: none;
}

.container:has(.header-nav-content)
  .primary:has(.dataset-group-list)
  div.module-content,
.container:has(.header-nav-content)
  .no-nav:has(#group-search-form)
  div.module-content,
.container:has(.header-nav-content)
  .no-nav:has(#organization-search-form)
  div.module-content,
.container:has(.header-nav-content)
  .primary:has(ul.activity)
  div.module-content,
.container:has(.header-nav-content)
  .primary:has(ul.trash-list)
  div.module-content,
.container:has(.header-nav-content)
  .no-nav:has(ul.activity, #user-edit-form)
  div.module-content,
.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content {
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 32px;
  border-radius: 0px 4px 4px 4px;
  border: 0;
  display: block;
}
.container:has(.header-nav-content) .primary .dataset-group-list,
.container:has(.header-nav-content) .no-nav .dataset-group-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  justify-content: space-between;
  width: 100%;
}

.container:has(.header-nav-content)
  .primary
  .dataset-group-list
  .dataset-group-item,
.container:has(.header-nav-content)
  .no-nav
  .dataset-group-list
  .dataset-group-item {
  background-color: var(--Blue-Dark-4);
  color: var(--Neutral-Whitish);
  display: flex;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  flex: 1 0 0px;
  border-radius: 8px;
}

.dataset-group-item p {
  margin: 0;
}

.dataset-group-item .btn::after {
  content: url("../../base/icons/ic-arrow-down.svg");
  transform: rotate(-90deg);
  margin-top: -1px;
}

.dataset-group-item-content {
  display: flex;
  padding-bottom: 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.dataset-group-item-content .media-image {
  width: 38px;
  height: 38px;
  border-radius: 38px;
  object-fit: cover;
}

.dataset-group-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  flex: 1 0 0px;
}

.dataset-group-item-header {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  line-height: normal;
}

.dataset-group-item-title {
  flex: 1 0 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: capitalize;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.dataset-group-item-extra-info {
  align-self: stretch;
  color: var(--Neutral-Neultral-5);
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.dataset-group-item-icon::after {
  content: url("../../base/icons/ic-category-line.svg");
  opacity: 0.4;
}

.container:has(.header-nav-content) #activity_types_filter,
.container:has(.header-nav-content) #activity_page_buttons,
.container:has(.header-nav-content) .activity .item span.fa-stack,
.container:has(.header-nav-content) .activity .item span.date a {
  display: none;
}

.container:has(.header-nav-content) .activity {
  background: unset;
}
.container:has(.header-nav-content) .activity .item {
  display: flex;
  align-items: center;
  color: var(--Neutral-Neultral-5);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
  padding-block: 12px;
}

.container:has(.header-nav-content) .activity .item .date {
  margin: unset;
  text-transform: capitalize;
  color: var(--Neutral-Neultral-5);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  order: -1;
  min-width: 120px;
  position: relative;
  top: -8px;
}

.container:has(.profile-user-details) .activity .item .date,
.container:has(.settings-activity-tab) .activity .item .date {
  top: unset;
}

.container:has(.header-nav-content) .activity .item .user-image {
  width: 48px;
  height: 48px;
  margin-right: 14px;
  position: relative;
  top: -8px;
}

.container:has(.header-nav-content) .activity .item .user-image + a {
  width: max-content;
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  position: absolute;
  top: 8px;
}

.container:has(.header-nav-content) .activity .item > span + span + span a {
  margin-left: 3px;
}

.container:has(.header-nav-content)
  .activity
  .item
  > span
  + span
  + span
  a::before {
  content: '"';
  margin-right: -3px;
}

.container:has(.header-nav-content) .activity .item > span + span + a::after {
  content: '"';
  margin-left: -3px;
}

.container:has(.header-nav-content) .activity .item > span + span + a {
  margin-left: 3px;
}
.container:has(.header-nav-content) .activity .item > span + span + a::before {
  content: '"';
  margin-right: -3px;
}

.container:has(.header-nav-content)
  .activity
  .item
  > span
  + span
  + span
  a::after {
  content: '"';
  margin-left: -3px;
}

.header-nav-content.edit-dataset-page .btn-secondary,
.container:has(.header-nav-content.edit-dataset-page) .follow_button,
.container:has(.header-nav-content.edit-dataset-page) .dataset-notes {
  display: none;
}

.container:has(.header-nav-content.edit-dataset-page) .row.wrapper {
  background-color: unset;
  padding: unset;
}

.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary
  div.module-content {
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 32px;
  display: block;
  border-radius: 0px 4px 4px 4px;
  padding-bottom: 100px;
  margin-bottom: 50px;
}
.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary
  div.module-content
  .form-actions {
  position: absolute;
  left: 0;
  right: 0;
}
.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary
  div.module-content:has(#resource-edit)
  .form-actions {
  padding-top: 80px;
  display: flex;
  justify-content: flex-end;
}
.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary:has(#resource-edit)
  div.module-content {
  padding-bottom: 48px;
}

.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary:has(#resource-edit)
  .form-actions
  .btn:first-of-type {
  margin-right: unset;
}
.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary
  div.module-content
  .form-actions
  button {
  margin-top: unset;
}

.container:has(.header-nav-content.edit-dataset-page)
  .wrapper
  .primary
  div.module-content
  .form-actions
  .control-required-message {
  max-width: 772px;
  margin-inline: auto;
  text-align: left;
  float: unset;
  width: unset;
}

.modal {
  margin-top: -200px !important;
}

.modal-content {
  background-color: var(--Neutral-Neutral-8);
  border-radius: 6px;
  padding: 16px;
  gap: 16px;
}
.modal-content div {
  padding: 0;
}

.modal-title {
  color: var(--Neutral-Whitish);
  font-size: 16px;
  font-weight: 700;
  line-height: 28px;
  text-align: left;
}

.modal-header,
.modal-footer {
  border: 0;
}
.modal-header {
  align-items: flex-start;
}

.modal-footer {
  margin-top: 24px;
}
.modal-footer .btn-cancel {
  background-color: unset;
  color: var(--Blue-Light-3);
}
.modal-footer .btn-cancel:hover {
  background-color: unset !important;
  color: var(--Blue-Light-4) !important;
}

.modal-body {
  color: var(--Divider-2);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.modal .btn-close {
  background: url("../../base/icons/ic-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 1;
  width: 24px;
  height: 24px;
  margin: 0;
  padding: 0;
}

.container:has(.edit-dataset-page)
  div.module-content
  .page_primary_action
  .btn-default:has(.fa-bars) {
  display: none;
}
.container:has(.edit-dataset-page) .resource-list {
  margin: unset;
}

.btn:has(.fa-arrow-circle-down)::after {
  content: url("../../base/icons/ic-download.svg");
}
.btn:has(.fa-arrow-circle-down) i::before {
  content: unset;
}

.container:has(.header-nav-content) .module.module-resource {
  border-radius: unset;
  background-color: unset;
  border: unset;
}

.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .resource-view {
  margin-top: unset;
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 32px;
  gap: 24px;
  border-radius: 0px 4px 4px 4px;
}

.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .resource-view:has(iframe) {
  margin-top: unset;
  background-color: var(--Neutral-Neutral-7);
  padding: 24px 16px;
  gap: 24px;
  border-radius: 0px 4px 4px 4px;
}

.container:has(.header-nav-content) .module.module-resource .module-content {
  width: 100%;
}
.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .nav-tabs {
  border-bottom: unset;
  width: fit-content;
  font-size: 14px;
}

.container:has(.header-nav-content)
  .module.module-resource
  .module-content
  .nav-tabs
  .nav-link:hover {
  border-color: transparent;
}

.container:has(.header-nav-content) .module-resource .actions,
.container:has(.header-nav-content) .module-resource .page-heading,
.container:has(.header-nav-content) .module-resource .text-muted.ellipsis,
.container:has(.header-nav-content) .module-resource .prose.notes,
.container:has(.header-nav-content)
  .module-resource
  .data-viewer-error
  p
  a.btn {
  display: none;
}

.container:has(.header-nav-content) .module-resource .ckanext-datapreview {
  padding-top: unset;
}

.container:has(.header-nav-content)
  .row.wrapper:has(.module.module-resource)
  .primary
  .module-content
  h2 {
  color: var(--Neutral-Whitish);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 24px;
  text-transform: capitalize;
}
.container:has(.header-nav-content)
  .row.wrapper:has(.module.module-resource)
  .primary
  .module-content {
  display: block;
  padding-block: 48px;
}

.container:has(.header-nav-content)
  .row.wrapper:has(.module.module-resource)
  .table-toggle-more
  .toggle-more {
  display: table-row;
}

.container:has(.header-nav-content)
  .row.wrapper:has(.module.module-resource)
  .table-toggle-more
  .toggle-seperator,
.container:has(.header-nav-content)
  .row.wrapper:has(.module.module-resource)
  .toggle-show.toggle-show-more {
  display: none;
}

.main .primary .table-bordered tbody .toggle-more:has(+ .toggle-seperator) td {
  border-bottom-right-radius: 8px;
}
.main .primary .table-bordered tbody .toggle-more:has(+ .toggle-seperator) th {
  border-bottom-left-radius: 8px;
}

.container:has(.header-nav-content.new-group) .toolbar .breadcrumb,
.container:has(.about-page) .toolbar .breadcrumb,
.container:has(.custom-contact-form) .toolbar .breadcrumb,
.container:has(.custom-development-page) .toolbar .breadcrumb {
  padding-left: 0;
}

.btn .fa-plus-square::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Neutral-8);
  -webkit-mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  mask: url("../../base/icons/ic-Add.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.ckanext-datapreview > iframe {
  min-height: 850px;
}

.ckanext-datapreview .resource-view-filters {
  display: none;
}

#group-edit .form-actions {
  max-width: 772px;
  margin-inline: auto;
  border-top: 1px solid var(--Divider);
  margin-top: 8px;
  padding-top: 24px;
}

#group-edit.dataset-form .form-actions button {
  margin-top: unset;
}

#group-edit.dataset-form .controls .btn-default,
#user-edit-form.dataset-form .controls .btn-default {
  background-color: transparent;
  color: var(--Neutral-White);
  font-weight: 500;
  font-size: 12px;
  border: 1px solid var(--Divider-2);
  border-radius: 6px;
  padding: 8px 12px;
  height: 32px;
}

#group-edit.dataset-form .controls .btn-default:hover,
#user-edit-form.dataset-form .controls .btn-default:hover {
  background-color: transparent !important;
  color: var(--Neutral-White) !important;
}

#user-edit-form.dataset-form
  .controls
  a[title*="Link to a URL on the internet"] {
  display: none !important;
}

#group-edit.dataset-form .controls .btn-remove-url,
#user-edit-form .controls .btn-remove-url,
#admin-config-form .controls .btn-remove-url {
  background-color: transparent;
  top: 30px;
  background: url("../../base/icons/ic-close.svg");
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  height: 56px;
  right: 19px;
}
.dataset-form #field-image-url {
  height: 56px;
}

#group-edit.dataset-form .control-required-message {
  display: none;
}

.dataset-form .form-label,
.dataset-form .slug-preview strong {
  display: inline-flex;
}
.dataset-form .control-required {
  order: 2;
  color: var(--Neutral-White);
}

.dataset-form .slug-preview-prefix {
  color: var(--Neutral-White);
  opacity: 0.4;
}

.btn-text {
  padding: 12px 16px;
  font-weight: 500;
  font-size: 14px;
  height: 40px;
  color: var(--Blue-Light-3);
  line-height: 14px;
  cursor: pointer;
}

.btn-text:hover {
  color: var(--Blue-Light-4);
}

#group-search-form .datasets-search-container h1,
#organization-search-form .datasets-search-container h1,
.container:has(.profile-user-details)
  .wrapper
  .primary
  .module-content
  .datasets-search-container
  h1 {
  display: flex;
}

#group-edit.dataset-form .form-group .form-label[for="field-image-upload"] {
  display: none;
}

.module-content:has(#group-search-form, #organization-search-form)
  .page_primary_action,
.container:has(.header-nav-content)
  .no-nav
  .module-content
  .page_primary_action {
  display: none;
}

.module-content:has(#group-search-form, #organization-search-form) p.extra {
  text-align: center;
  padding-block: 64px;
}

.module-content:has(#group-search-form) .search-form h1::before {
  background-image: url("../../base/icons/ic-category-line.svg");
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}

.container:has(.header-nav-content)
  .primary:has(#group-search-form, #organization-search-form)
  div.module-content {
  background-color: unset;
  margin-bottom: 144px;
  padding: unset;
}

.module-content:has(#group-search-form, #organization-search-form)
  .dataset-group-list.group-search {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: space-between;
  height: unset !important;
  margin-top: 20px;
}

.header-nav-title .group-header-title img {
  width: 74px;
  height: 74px;
  border-radius: 74px;
  object-fit: cover;
}

.header-nav-title .group-header-title {
  display: flex;
  align-items: center;
  gap: 24px;
}

.header-nav-title .group-header-title div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.toolbar:has(.header-nav-title) .follow_button.follow-group.follow-group {
  margin-left: 48px;
}

.toolbar:has(.header-nav-title) .follow_button.follow-group.has-image {
  margin-left: 146px;
}

.container:has(.toolbar .header-nav-content.group-detail)
  .row
  .primary
  .module
  div.module-content,
.container:has(.datasets-cards-list) .no-nav div.module-content {
  display: flex;
  padding: 48px 32px;
  gap: 20px;
  border-radius: 0px 4px 4px;
  background-color: var(--Neutral-Neutral-7);
}

.container:has(.header-nav-content)
  .row
  .primary
  .module
  div.module-content
  .group-description,
.container:has(.header-nav-content)
  .row
  .no-nav
  div.module-content
  .group-description {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

#group-datasets-search-form .datasets-search-container h1,
#organization-datasets-search-form .datasets-search-container h1 {
  display: flex;
}

.datasets-cards-list {
  width: 100%;
  padding-left: 32px;
}

.datasets-cards-list .extra {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
}

.no-nav .datasets-cards-list .extra {
  text-align: left;
}

.header-nav-content-description {
  font-size: 14px;
  font-weight: 400;
  color: var(--Divider-2);
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

.container:has(.header-nav-content.group-edit, #member-table) .row.wrapper,
.container:has(#resource-edit) .row.wrapper:not(:has(ol.stages.stage-2)),
.container:has(.dataset-resource-form) .row.wrapper:has(div.control-filters) {
  background-color: var(--Neutral-Neutral-8);
  width: 100%;
  padding: unset;
}

.container:has(#member-table) .row.wrapper div.module-content {
  padding: 48px 32px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

div.module-content .group-members-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

div.module-content .group-members-counter .page-heading {
  color: var(--Neutral-Whitish);
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  display: flex;
  align-items: center;
  margin: 0;
  gap: 8px;
}

div.module-content .group-members-counter .page-heading::before {
  content: url("../../base/icons/ic-user.svg");
}

div.module-content .group-members-table thead th {
  background-color: unset;
}
div.module-content .group-members-table td {
  width: calc(100% / 6);
}

div.module-content .group-members-table .media img {
  display: none;
}
div.module-content .group-members-table .media a {
  color: var(--Neutral-Whitish);
}

.group-members-table#member-table td:nth-child(3),
.group-members-table#member-table th:nth-child(3) {
  border-right: 1px solid var(--Divider);
}

div.module-content .group-members-table .btn-group {
  gap: 16px;
  align-items: center;
}
div.module-content .group-members-table .btn-group a {
  display: flex;
  align-items: center;
  color: var(--Neutral-Whitish);
}

div.module-content .group-members-table .btn-group .fa-wrench::before {
  content: url("../../base/icons/ic-edit-line.svg");
}

div.module-content .group-members-table .btn-group .fa-times::before {
  content: url("../../base/icons/ic-trash-fill.svg");
}

.container:has(.header-nav-content.group-edit)
  .wrapper
  .primary
  .module
  div.module-content,
.container:has(#resource-edit)
  .row.wrapper:not(:has(ol.stages.stage-2))
  .module
  div.module-content,
.container:has(.dataset-resource-form)
  .row.wrapper:has(div.control-filters)
  .module
  div.module-content {
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 0;
  border-radius: 0px 4px 4px 4px;
}
.container:has(.header-nav-content.group-edit)
  .wrapper
  .primary
  .module
  div.module-content
  #group-edit
  .form-actions,
.container:has(.header-nav-content.group-edit)
  .wrapper
  .primary
  .module
  div.module-content
  #add-member-form
  .form-actions,
.container:has(#user-edit-form) #user-edit-form .form-actions,
.container:has(#resource-edit)
  .row.wrapper:not(:has(ol.stages.stage-2))
  .form-actions,
.container:has(.dataset-resource-form)
  .row.wrapper:has(div.control-filters)
  .form-actions {
  border: 0;
  padding-top: 56px;
  position: absolute;
  left: 0;
  right: 0;
  max-width: unset;
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}

.container:has(#resource-edit)
  .row.wrapper:not(:has(ol.stages.stage-2))
  .form-actions
  .btn:first-of-type,
.container:has(.dataset-resource-form)
  .row.wrapper:has(div.control-filters)
  .form-actions
  .btn:first-of-type {
  margin-right: unset;
}
.container:has(#resource-edit)
  .row.wrapper:not(:has(ol.stages.stage-2))
  .form-actions,
.container:has(.dataset-resource-form)
  .row.wrapper:has(div.control-filters)
  .form-actions {
  padding-top: 64px;
}

.container:has(.header-nav-content.group-edit)
  .wrapper
  .primary
  .module
  div.module-content
  #add-member-form
  .form-actions {
  padding-top: 64px;
}

.container:has(.header-nav-content.group-edit)
  .wrapper
  .primary
  .module
  div.module-content
  #group-edit
  .form-actions
  .btn-text {
  height: unset;
}

#image-preview-container {
  position: absolute;
  top: 40px;
  padding-left: 8px;
}
.image-preview-container-image {
  width: 36px;
  height: 36px;
  object-fit: cover;
  border-radius: 6px;
}

.form-group.control-full .text-muted {
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 16px;
}

.image-preview-container-image[src=""] {
  display: none;
}

.form-group
  .controls:has(
    #image-preview-container .image-preview-container-image[src]:not([src=""])
  )
  #field-image-url {
  padding: 0 52px;
}

.add-member-form .form-control:disabled {
  background-color: unset;
}
.add-member-form .form-control:disabled:hover,
.form-control[readonly] {
  border-color: unset !important;
}

.add-member-form .form-control:disabled[value],
.form-control[readonly] {
  color: var(--Divider);
}

.custom-flash-messages {
  position: absolute;
  bottom: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
}

.trash-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  justify-content: space-between;
  height: unset !important;
  margin-top: 20px;
  padding-left: 0px;
}

.trash-item {
  list-style: none;
}

.trash-group h2 {
  all: unset;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  text-wrap: nowrap;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1 0 0px;
  padding-bottom: 16px;
}

.trash-resource-badge {
  margin-bottom: 18px;
}

.container:has(.profile-user-details) .activity .item .user-image,
.container:has(.profile-user-details) .activity .item .user-image + a,
.container:has(.settings-activity-tab) .activity .item .user-image,
.container:has(.settings-activity-tab) .activity .item .user-image + a {
  display: none;
}

.no-nav .module-content div small {
  display: block;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 34px;
}

.pagination-wrapper {
  padding-top: 24px;
}

.pagination.justify-content-center {
  margin: 0;
  justify-content: end !important;
}

.pagination.justify-content-center .page-link {
  display: inline;
}

.pagination.justify-content-center .disabled a {
  color: var(--Divider-2);
}

.pagination.justify-content-center .page-item .page-link {
  background-color: transparent;
  border: none;
  color: var(--Divider-2);
}

.pagination.justify-content-center .page-item.active .page-link {
  color: var(--Neutral-Whitish);
}

.pagination.justify-content-center
  .page-item:last-child:not(.active)
  .page-link {
  background: url("../../base/icons/ic-arrow-right.svg") no-repeat center center;
  background-size: contain;
  color: transparent;
}

.pagination.justify-content-center
  .page-item:first-child:not(.active)
  .page-link {
  background: url("../../base/icons/ic-arrow-left.svg") no-repeat center center;
  background-size: contain;
  color: transparent;
}

.container:has(.sysadmin-table) .wrapper .primary .module div.module-content {
  background-color: var(--Neutral-Neutral-7);
  padding: 48px 0;
  border-radius: 0px 4px 4px 4px;
  padding: 48px 32px;
}

.container:has(.sysadmin-table)
  .wrapper
  .primary
  .module
  div.module-content
  .sysadmin-promote {
  margin-top: 48px;
}

.container:has(.sysadmin-table)
  .wrapper
  .primary
  .module
  div.module-content
  h2 {
  color: var(--Neutral-Whitish);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 24px;
}

.sysadmin-table {
  --bs-table-hover-color: none;
  --bs-table-hover-bg: none;
}

.sysadmin-table tr {
  border-style: none;
}

.sysadmin-table tr td {
  border: none;
  vertical-align: middle;
}

.sysadmin-table tr td .user-image {
  width: 48px;
  height: 48px;
  margin-right: 14px;
  border-radius: 50%;
}

.sysadmin-table tr td .user-image + a {
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.sysadmin-table tr td .fa-solid.fa-trash {
  font-size: 14px;
}

.sysadmin-table tr td button:hover {
  color: inherit;
}

.sysadmin-btn-group {
  align-items: center;
  gap: 20px;
}

#followee-popover:focus,
#followee-popover:focus-visible {
  outline: none;
  box-shadow: none;
}

#followee-popover.btn {
  width: 200px;
  border-radius: 6px;
  border: 1px solid var(--Divider);
  padding: 10px 12px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-wrap: nowrap;
  background-color: transparent;
  color: var(--Neutral-Whitish);
}

#followee-filter .dropdown #followee-popover:hover {
  background-color: transparent !important;
  color: var(--Neutral-Whitish) !important;
}

#followee-popover.btn strong {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  max-width: 125px;
}

.dropdown-toggle::after {
  content: "";
  top: 1px;
  width: 18px;
  height: 18px;
  background-color: var(--Neutral-Whitish);
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  -webkit-mask: url("../../base/icons/ic-arrow-down.svg") no-repeat center;
  mask: url("../../base/icons/ic-arrow-down.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

#dropdownView::after {
  background-color: var(--Neutral-Neutral-8);
}

.popover.popover-followee.bs-popover-bottom {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: calc(100% + 15px);
  z-index: 5;
  border-radius: 6px;
  border: 1px solid var(--Divider);
  background-color: var(--Neutral-Neutral-8);
  list-style: none;
  text-wrap: nowrap;
  padding: 4px;
  width: 200px;
}

.popover.popover-followee.bs-popover-bottom .popover-header,
.followee-container li i,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
  display: none;
}

.followee-container li:hover,
.followee-container li.active {
  background-color: var(--Secondary-Secondary);
  border-radius: 4px;
  width: 100%;
}

.followee-container li.active span {
  max-width: 120px;
}

.followee-container li.active a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.followee-container li.active a::after {
  content: url("../../base/icons/ic-Check.svg");
  height: 25px;
}

.followee-container li a span {
  max-width: 160px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--Neutral-Whitish);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.followee-container li a {
  cursor: pointer;
  display: flex;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  gap: 12px;
}

.followee-container li a:hover {
  background: var(--Secondary-Secondary);
}

.empty-message {
  display: flex;
  height: 206px;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  margin-top: 32px;
}

.empty-message .empty-message-text p {
  padding: 0 !important;
}

.empty-message .empty-message-text p:first-child {
  text-align: center;
  color: var(--Neutral-Whitish);
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
}

.empty-message .empty-message-text p:last-child {
  text-align: center;
  color: var(--Secondary-Light-5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.empty .empty-message span {
  background-image: url("../../base/icons/ic-empty-message.svg");
}

.popover .empty {
  margin: 0;
}

.custom-flash-messages {
  position: fixed;
  bottom: 0;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -moz-animation: fadeOut 0.5s ease-in forwards 5s;
  -webkit-animation: fadeOut 0.5s ease-in forwards 5s;
  -o-animation: fadeOut 0.5s ease-in forwards 5s;
  animation: fadeOut 0.5s ease-in forwards 5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}

.custom-flash-messages .alert {
  display: flex;
  align-items: center;
}

.alert-success {
  background-color: #d7f4e8;
}

.alert-warning {
  background-color: #fffdc6;
}

.alert-error {
  background-color: #f6b9c4;
}

.alert-info {
  background-color: #bcceff;
}

.flash-icon {
  width: 24px;
  height: 24px;
  margin-right: 16px;
  vertical-align: middle;
}

.flash-message-content {
  display: flex;
  flex-direction: column;
}

.alert-success .flash-first-line {
  color: var(--Status-Green-Default);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.alert-warning .flash-first-line {
  color: #b8a606;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.alert-error .flash-first-line {
  color: var(--Red-Default);
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}

.alert-info .flash-first-line {
  color: #1544c7;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px;
}
-line {
  color: var(--Secondary-Dark);
  font-size: 10px;
  font-weight: 400;
  line-height: 16px;
}

.alert-dismissible .btn-close {
  display: none;
}

.container:has(.about-page) .no-nav {
  padding-top: 0px !important;
  justify-content: flex-start;
}

.about-text {
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-align: justify;
}

.dataset-form .form-group .input-group #field-url,
.dataset-form .form-group .input-group #field-name {
  border: none;
  padding: 0;
  padding-left: 1px;
  height: fit-content;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.dataset-form .form-group .input-group #field-url:hover,
.dataset-form .form-group .input-group #field-url:focus,
.dataset-form .form-group .input-group #field-url:focus-visible,
.dataset-form .form-group .input-group #field-name:hover,
.dataset-form .form-group .input-group #field-name:focus,
.dataset-form .form-group .input-group #field-name:focus-visible {
  border: none !important;
  outline: none;
  box-shadow: none;
}

.dataset-form .form-group .input-group {
  border-radius: 6px;
  border: 1px solid var(--Divider);
  padding: 10px 12px;
  color: var(--Neutral-Whitish);
}

.dataset-form .form-group .input-group .input-group-text {
  padding: 0;
  opacity: unset;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.dataset-form .form-group .input-group .input-group-text::after {
  content: "";
}

.custom-flash-icon.flash-icon.alert-success {
  background-image: url("../../base/icons/ic-green-check.svg");
}
.custom-flash-icon.flash-icon.alert-danger {
  background-image: url("../../base/icons/ic-error.svg");
}
.custom-flash-icon.flash-icon.alert-warning {
  background-image: url("../../base/icons/ic-warning.svg");
}
.custom-flash-icon.flash-icon.alert-info {
  background-image: url("../../base/icons/ic-info.svg");
}

#dataset-resources:has(.dropdown.btn-group) .resource-item a.btn.btn-edit {
  display: none;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  table {
  border-collapse: collapse;
  width: 100%;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  th,
.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td {
  border-top: 1px solid var(--Neutral-Neultral-5);
  padding: 8px;
  text-align: left;
  min-width: 150px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  th:first-child,
.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td:first-child {
  min-width: fit-content;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  th {
  background-color: var(--Neutral-Neutral-8);
  border-top: none;
  overflow: hidden;
  color: var(--Neutral-Neultral-2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
  padding: 14px 16px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td {
  overflow: hidden;
  color: var(--Neutral-Whitish);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 14px 16px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-status {
  display: inline-block;
  padding: 6px 16px 6px 12px;
  border-radius: 45px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-status
  .dot {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-active {
  border: 1px solid #023d26;
  background-color: rgba(0, 191, 112, 0.1);
  color: var(--Status-Green-Default);
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-active
  .dot {
  background-color: var(--Status-Green-Default);
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-inactive {
  border: 1px solid #b05061;
  background-color: rgba(229, 67, 71, 0.1);
  color: var(--Red-Default);
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-inactive
  .dot {
  background-color: var(--Red-Default);
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .users-list-row {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: flex-end;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td
  a
  i.fa-wrench::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Divider-2);
  -webkit-mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td
  a
  i.fa-eye::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Whitish);
  -webkit-mask: url("../../base/icons/ic-eye-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-eye-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
  opacity: 0.4;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td
  button {
  padding: 0;
  margin: 0;
  border: 0;
  vertical-align: middle;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  td
  button
  i.fa-trash::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Divider-2);
  -webkit-mask: url("../../base/icons/ic-trash-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-trash-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: middle;
}

.users-list-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.users-list-heading .page-heading {
  color: var(--Neutral-White) !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 20px !important;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-role {
  display: inline-block;
  padding: 6px 16px 6px 12px;
  border-radius: 45px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-role
  .icon {
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-right: 4px;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-administrador {
  border: 1px solid var(--Blue-Light-3);
  background-color: rgba(124, 176, 223, 0.15);
  color: var(--Blue-Light-3);
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-administrador
  .icon {
  background-color: var(--Blue-Light-3);
  mask: url("../../base/icons/ic-document.svg") no-repeat center;
  mask-size: contain;
  vertical-align: text-bottom;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-utilizador-registado {
  border: 1px solid #96f;
  background-color: rgba(153, 102, 255, 0.15);
  color: #96f;
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-utilizador-registado
  .icon {
  background-color: #96f;
  mask: url("../../base/icons/ic-org-line.svg") no-repeat center;
  mask-size: contain;
  vertical-align: text-bottom;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-fornecedor {
  border: 1px solid #00bf70;
  background-color: rgba(0, 191, 112, 0.15);
  color: var(--Status-Green-Default);
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-fornecedor
  .icon {
  background-color: var(--Status-Green-Default);
  mask: url("../../base/icons/ic-category-line.svg") no-repeat center;
  mask-size: contain;
  vertical-align: text-bottom;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-consumidor {
  border: 1px solid #e5c250;
  background-color: rgba(229, 194, 80, 0.15);
  color: var(--Yellow-Yellow-3);
  font-weight: 500;
}

.container:has(.header-nav-content)
  .no-nav:has(.users-list)
  div.module-content
  .users-list
  .user-consumidor
  .icon {
  background-color: var(--Yellow-Yellow-3);
  mask: url("../../base/icons/ic-user.svg") no-repeat center;
  mask-size: contain;
  vertical-align: text-bottom;
}

.header-checkbox,
.user-checkbox,
.custom-styled-checkbox {
  content: url("../../base/icons/checkbox.svg");
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.header-checkbox.checked,
.user-checkbox.checked,
.custom-styled-checkbox.checked {
  content: url("../../base/icons/checkbox-checked.svg");
}

.custom-styled-checkbox,
.custom-styled-checkbox-container {
  width: 20px;
  height: 20px;
}

#bulk-user-confirm-delete-form .delete-users {
  margin-top: 24px;
}

#bulk-user-confirm-delete-form .delete-users:disabled {
  padding: 12px 16px;
  border-radius: 6px;
  border: 1px solid var(--Divider);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}

.button-order-by {
  color: var(--Neutral-Neultral-2);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  justify-content: space-between;
  outline: none;
  box-shadow: none;
}

.button-order-by:focus,
.button-order-by:focus-visible,
.button-order-by:hover {
  outline: none;
  box-shadow: none;
  color: var(--Neutral-Neultral-2);
}

.icon-order {
  content: url("../../base/icons/ic-order.svg");
  width: 24px;
  vertical-align: middle;
  cursor: pointer;
}

.icon-order.user-order-asc {
  content: url("../../base/icons/ic-order-asc.svg");
}

.icon-order.user-order-desc {
  content: url("../../base/icons/ic-order-desc.svg");
}

.custom-contact-form {
  display: flex;
  gap: 48px;
}

.custom-contact-form .contact-form-row {
  display: flex;
  gap: 24px;
}

.custom-contact-form .contact-form-row .form-group {
  width: 100%;
}
.custom-contact-form .contact-content-left,
.custom-contact-form .contact-content-right {
  width: 50%;
}

.custom-contact-form .contact-content-left p {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-align: left;
  color: var(--Neutral-White);
}

.custom-contact-form fieldset {
  padding: 32px;
  background-color: var(--Neutral-Neutral-7);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.custom-contact-form .form-group {
  margin-bottom: unset;
}

.custom-contact-form .form-actions {
  margin-top: 20px;
  text-align: left;
}
.custom-contact-form .control-required-message {
  display: none;
}
.custom-contact-form .form-label {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-end;
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  text-align: left;
}

.custom-contact-form .form-label::after {
  content: unset;
}
.custom-contact-form .form-label .control-required {
  color: var(--Neutral-Whitish);
}

.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder {
  color: var(--Neutral-Neultral-5);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.custom-contact-form .marketing-container {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 16px;
}

.custom-contact-form .marketing-container::after {
  content: unset;
}
.custom-contact-form .marketing-container span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-left: unset;
}

.custom-contact-form .checkbox input[type="checkbox"] {
  margin-right: unset;
  width: 41px;
  height: 20px;
}

.custom-contact-form .error-block,
.form-container .error-message {
  background-color: unset;
  font-size: 10px;
  color: var(--Red-Default);
  padding-left: 0;
}
.custom-contact-form div.form-group.control-select {
  margin: unset;
}

#custom-select-subject {
  display: none;
}

.contact-form-custom-select {
  position: relative;
  width: 100%;
  margin-top: -24px;
}

.contact-form-select-selected,
.ds-request-custom-select-trigger {
  padding: 10px 12px;
  border: 1px solid var(--Divider);
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--Neutral-Whitish);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}

.contact-form-select-selected::after,
.ds-request-custom-select-trigger::after {
  padding-left: 10px;
  content: "";
  width: 18px;
  height: 18px;
  background-image: url("../../base/icons/ic-arrow-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-form-select-items,
.ds-request-select-options {
  position: absolute;
  background-color: var(--Neutral-Neutral-8);
  margin-top: 5px;
  border: 1px solid var(--Divider);
  border-radius: 6px;
  width: 100%;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  z-index: 99;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding: 4px;
}

.contact-form-select-items div,
.ds-request-select-options span {
  padding: 10px;
  cursor: pointer;
}

.contact-form-select-items div:hover,
.same-as-selected,
.ds-request-custom-option.selected,
.ds-request-select-options span:hover {
  background: var(--Secondary-Secondary);
  color: var(--Neutral-Whitish);
  border-radius: 6px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

.same-as-selected::after,
.ds-request-custom-option.selected::after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("../../base/icons/ic-Check.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.container:has(.settings-activity-tab)
  div.module-content
  .pagination
  .pagination-wrapper,
.container:has(#followee-filter)
  div.module-content
  .pagination
  .pagination-wrapper {
  width: 100%;
}

.container:has(.pagination) .row .primary .module div.module-content {
  flex-direction: column;
}

.ds-request-custom-select {
  position: relative;
  width: 100%;
}

.ds-request-select-options.phone-prefix {
  width: max-content;
}

.ds-request-select-options.active {
  display: flex;
  flex-direction: column;
  color: var(--Neutral-Whitish);
}

.form-container .hidden-select {
  display: none;
}

.header-back-buttom {
  padding: 0;
  margin: 0;
}

.dropdown-menu[aria-labelledby="dropdownExplorer"] {
  min-width: 226px;
}

.preview-icon,
.download-icon {
  display: flex;
}

.preview-icon::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Whitish);
  -webkit-mask: url("../../base/icons/ic-eye-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-eye-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.download-icon::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Whitish);
  -webkit-mask: url("../../base/icons/ic-download.svg") no-repeat center;
  mask: url("../../base/icons/ic-download.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.fa-pencil::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: var(--Neutral-Whitish);
  -webkit-mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  mask: url("../../base/icons/ic-edit-line.svg") no-repeat center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

.custom-contact-form.success-container {
  display: flex;
  justify-content: center;
  text-align: center;
}

.custom-contact-form.success-container .success-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 24px;
  max-width: 416px;
}
.custom-contact-form.success-container .success-message-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.custom-contact-form.success-container .success-message-text b {
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  text-align: center;
  color: var(--Neutral-Whitish);
}
.custom-contact-form.success-container .success-message-text p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  color: var(--Secondary-Light-5);
}
.main:has(.mobility-map) {
  display: flex;
}

.container:has(.mobility-map) .wrapper {
  box-shadow: none;
}

.main .container:has(.mobility-map) {
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex: 1;
  max-width: 100vw;
}

.mobility-map,
.mobility-map iframe {
  height: 90vh;
  width: 100%;
}

.item-label {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}

.module-narrow .nav-item.active > a span {
  white-space: unset;
}

.form-control[type=file]:not(:disabled):not([readonly]) {
 width: 380px;
 box-sizing: border-box;
}