
.explore .explore-top {
	padding: 10px 0px;
	background-color: #ffffff;
	min-height: 52px;
  display: flex;
  margin-bottom: 10px;
}

.explore .explore-table-container {
	margin-top: 0px;
	border: 1px solid hsl(var(--main-hue), calc(var(--main-sat) - 36%), calc(var(--main-lum) + 35%));
	border-radius: 5px;
	overflow-x: auto;
}

.explore .explore-table-container .explore-table {
	font-size: 13px;
	width: 100%;
	display: table;
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 5px;
	overflow: hidden;
	table-layout: fixed;
}

.explore .explore-table-container .explore-table .explore-table-body {
	width: 100%;
}

.explore .explore-table-container .explore-table td {
	padding: 10px 10px;
	text-align: justify;
	border: none;
	display: table-cell;
	vertical-align: middle;
	font-size: 0.85rem;
  word-break: break-word;
}

.explore .explore-table-container .explore-table tr {
	transition: all ease 0.5s;
}

.explore .explore-table-container .explore-table .explore-loading {
	position: absolute;
	background: rgba(255, 255, 255, 0.85);
	border-radius: 0px 0px 5px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.explore .explore-table-container .explore-table .explore-loading img {
	width: 40px;
}

.explore .explore-table-container .explore-table .alternate {
	background: hsl(var(--main-hue), calc(var(--main-sat) - 35%), calc(var(--main-lum) + 48%));
}

.explore .explore-table-container .explore-table tr:not(.explore-no-results, .explore-loading):hover {
	background-color: rgba(0, 0, 0, 0.035);
}

.explore .explore-table-container .explore-table th {
	background-color: white;
	font-size: 14px;
	height: 50px;
	font-weight: 500;
	padding: 11px 10px;
	text-align: justify;
	border: none;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	font-family: 'Roboto';
}

.explore .explore-table-container .explore-table th i {
	font-size: 14px;
	padding-left: 10px;
}

.explore .explore-table-container .explore-table .explore-vertical-label {
	writing-mode: vertical-lr;
	transform: rotate(180deg);
	-ms-writing-mode: bt-rl;
}

.explore .explore-table-container .explore-table .explore-vertical-label i {
	padding-left: 0px;
	padding-top: 5px;
}

.explore .explore-table-container .explore-table .explore-table-search-fields {
	background-color: hsl(var(--main-hue), calc(var(--main-sat) - 35%), calc(var(--main-lum) + 48%));
}

.explore .explore-table-container .explore-table .explore-table-search-fields .explore-search-input {
	width: 100%;
	border: none !important;
	background-color: white !important;
	transition: none !important;
	margin-bottom: 0px !important;
	border-radius: 5px;
}

.explore .explore-table-container .explore-table .explore-table-search-fields .explore-search-input:hover {
	border: none !important;
}

.explore .explore-table-container .explore-table .explore-table-search-fields .explore-search-input:focus {
	box-shadow: 0px 0px 0px 2px hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
}

.explore .explore-table-container .explore-table .explore-table-search-fields .explore-search-select:focus {
	box-shadow: 0px 0px 0px 2px hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
}

.explore .explore-table-container .explore-table .explore-table-search-fields .explore-search-select {
	background-color: white !important;
	width: 100%;
	border: none !important;
	border-radius: 5px;
}

.explore .explore-table-container .explore-table .explore-no-results {
	background-color: #ffffff;
	padding: 10px 20px;
	font-size: 23px;
	font-weight: 300;
	text-align: center;
	align-items: center;
	justify-content: center;
}

.explore .explore-table-container .explore-table .explore-no-results i {
	font-size: 40px;
	color: hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
	padding-right: 10px;
}

.explore .explore-table-container .explore-table .explore-no-results .explore-no-results-container {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 21px;
	background-color: #ffffff;
	border-bottom: 0px;
}

.explore .explore-table-container .explore-table .explore-order-by {
	color: hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
}

.explore .explore-table-container .explore-table .explore-table-body-label {
	display: none;
}

.explore .explore-bottom {
	padding: 20px 0px;
	background-color: white;
	font-size: 14px;
}

.explore .explore-bottom .explore-result-per-page-box {
	flex: 1;
	text-align: right;
	max-width: 70px;
}

.explore .explore-bottom .explore-result-count-box {
	line-height: 37px;
	align-items: center;
	text-align: right;
	padding-left: 15px;
}

.explore .explore-bottom .explore-result-per-page {
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 19px;
	height: 32px;
	padding: 5px 15px;
	font-size: 13px;
	border-radius: 100px;
	height: 38px;
	border-color: #eeedf3;
	text-align: center;
	text-align-last: center;
}

.explore .explore-bottom .explore-navigation-chevron {
	cursor: pointer;
	font-size: 1rem !important;
	text-align: center;
	display: inline-block;
	transition: all ease 0.5s;
	color: #8f8f8f;
}

.explore .explore-bottom button:not(.explore-disabled) .explore-navigation-chevron:hover {
	color: #CCCCCC;
}

.explore .explore-bottom .explore-disabled {
	opacity: 0.6;
	cursor: not-allowed !important;
}

.explore .explore-bottom .explore-disabled .explore-navigation-chevron {
	cursor: not-allowed !important;
}

.explore .explore-bottom .explore-button {
	cursor: pointer;
	display: inline-block;
	height: 2.25rem;
	min-width: 2.25rem;
	vertical-align: middle;
	padding: 0.5rem;
	border-radius: 50%;
	text-align: center;
	position: relative;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
	border: 0px none;
	margin-right: 5px;
	display: inline-block;
	background: #ebe9f2;
	transition: all ease 0.5s;
	outline: 0px !important;
}

.explore .explore-bottom .explore-button:focus {
	transition: all ease 0.5s;
	outline: 0px !important;
}

.explore .explore-bottom .explore-button:not(.explore-disabled):not(.explore-button-active):hover {
	background-color: #F0F0F0;
}

.explore .explore-bottom .explore-button-active,
.explore .explore-bottom .explore-button-active:hover {
	background-color: hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
	color: #ffffff;
}

@media (max-width: 992px) {
	.explore .explore-no-results-container {
		width: 100%;
		max-width: none;
	}
	.explore .explore-table-body {
		display: flex;
		padding: 5px;
		flex-wrap: wrap;
		border: 1px solid #eeedf3;
		border-radius: 7px;
		background: #f4f3f8 !important;
	}
	.explore .explore-table-body tr {
		display: flex;
		flex-direction: column;
		margin: 5px;
		border: 2px solid #eeedf3;
		border-radius: 5px;
		min-width: 200px;
		flex-grow: 1;
		flex-basis: 200px;
		padding: 10px 8px;
		background: white !important;
		transition: all ease 0.25s;
	}
	.explore .explore-table-body tr td {
		padding: 5px 5px !important;
	}
	.explore .explore-table-body tr td.explore-no-data {
		display: none;
	}
	.explore .explore-table-body tr:hover {
		border-color: #8f9aef;
	}
	.explore .explore-table-head {
		display: none;
	}
	.explore .explore-table-search-fields {
		display: none;
	}
	.explore .explore-table-search-fields td {
		min-width: 150px;
	}
	.explore .explore-table-container {
		border: none;
	}
	.explore .explore-table-body-label {
		display: block !important;
		width: 100%;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 11px;
		margin-bottom: 3px;
		color: #00000080;
		font-family: 'Roboto';
		margin-top: 1px;
	}
}

/******** PUSH BUTTONS ********/

.explore-push-buttons {
	display: inline-flex;
	flex-direction: row;
	border: 1px solid #d2d2d2;
	border-radius: 5px;
}

.explore-push-button {
	width: 30px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	border-right: 1px solid #d2d2d2;
	color: #4e4e4e;
	background: #FFFFFF;
	cursor: pointer;
  min-height: 27px;
  padding: 0px 20px;
}

.explore-push-button-pushed {
	background: hsl(var(--main-hue), calc(var(--main-sat) - 30%), calc(var(--main-lum) + 45%));
  box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 8%) inset;
}

.explore-push-button:first-child {
	border-radius: 4px 0px 0px 4px;
}

.explore-push-button:last-child {
	border-radius: 0px 4px 4px 0px;
	border-right: 0px;
}

.explore-export-selection-single {
  background: white;
  border: 1px solid #d2d2d2;
  border-radius: 5px 0px 0px 5px;
  height: 42px;
  background-color: white;
  transition: all ease 0.35s;
  line-height: 29px;
  padding: 0px 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 2px 1px rgb(0,0,0,0.04);
}

.explore-export-btn {
  border: 0px;
  border-left: 0px;
  border-radius: 0px 5px 5px 0px;
  height: 42px;
  background-color: white;
  transition: all ease 0.35s;
  line-height: 29px;
  padding: 0px 12px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
	width: 45px;
}

.explore-export-btn:focus {
  border-color: hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%));
  box-shadow: 0px 0px 0px 1px hsl(var(--main-hue), calc(var(--main-sat) + 16%), calc(var(--main-lum) + 11%)), 0px 2px 2px rgba(0, 0, 0, 0.04);
}

.explore-table-body-label {
  display: none;
}

span.explore-label-line {
  display: block;
  height: 0px;
  position: relative;
  top: 0.83em;
  border-bottom: 1px dotted #5759622b;
}

span.explore-label-label {
  position: relative;
  background-color: #fff;
  padding-right: 12px;
}

  @media (max-width: 992px) {     .explore-hidden-on-small {
      display: none;
    }
     .explore-one-page {
      display: none;
    }
     .explore-no-results-container {
      width: 100%;
      max-width: none;
    }
     #explore-table-body {
      display: flex;
      /*flex-direction: row;
      flex-wrap: wrap;*/
      padding: 5px;
      flex-wrap: wrap;
      border: 1px solid #eeedf3;
      /*border-radius: 7px;  */
      background: #f4f3f8;
    }

     #explore-table-body tr {
      display: flex;
      flex-direction: column;
      margin: 5px;
      border: 1px solid #eeedf3;
      border-radius: 7px;
      min-width: 200px;
      /*max-width: 200px;*/
      flex-grow: 1;
      flex-basis: 200px;
      /*padding: 6px;*/
      padding: 10px 8px;

      background: white;
      transition: all ease 0.25s;
    }
     #explore-table-body tr td {
      padding: 5px 5px;
    }
     #explore-table-body tr td.explore-no-data {
      display: none;
    }
     #explore-table-body tr:hover {
        box-shadow: 0px 3px 7px rgb(0 0 0 / 15%);
    }
     #explore-table-head, #explore-results-change, #explore-results, #explore-results-change {
      display: none;
    }

     #explore-table-search-fields {
      display: none; /* flex */
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 15px;
      border-radius: 7px;
      border: 1px solid #eeedf3;
    }

     #explore-table-search-fields td {
      min-width: 150px;
    }

     .explore-global-search-container {
      float: left;
    }

     .explore-div {
      border: none;
    }
     .explore-topNavigation .row {
      text-align: center;
    }
     .explore-table-body-label {
      display: block!important;
      width: 100%;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 10px;
      margin-bottom: 5px;
      color: #a7a7a7;
    }
  }      .explore-display-mode-grid .explore-hidden-on-small {
      display: none;
    }
    .explore-display-mode-grid .explore-one-page {
      display: none;
    }
    .explore-display-mode-grid .explore-no-results-container {
      width: 100%;
      max-width: none;
    }
    .explore-display-mode-grid #explore-table-body {
      display: flex;
      /*flex-direction: row;
      flex-wrap: wrap;*/
      padding: 5px;
      flex-wrap: wrap;
      border: 1px solid #eeedf3;
      /*border-radius: 7px;  */
      background: #f4f3f8;
    }

    .explore-display-mode-grid #explore-table-body tr {
      display: flex;
      flex-direction: column;
      margin: 5px;
      border: 1px solid #eeedf3;
      border-radius: 7px;
      min-width: 200px;
      /*max-width: 200px;*/
      flex-grow: 1;
      flex-basis: 200px;
      /*padding: 6px;*/
      padding: 10px 8px;

      background: white;
      transition: all ease 0.25s;
    }
    .explore-display-mode-grid #explore-table-body tr td {
      padding: 5px 5px;
    }
    .explore-display-mode-grid #explore-table-body tr td.explore-no-data {
      display: none;
    }
    .explore-display-mode-grid #explore-table-body tr:hover {
        box-shadow: 0px 3px 7px rgb(0 0 0 / 15%);
    }
    .explore-display-mode-grid #explore-table-head, #explore-results-change, #explore-results, #explore-results-change {
      display: none;
    }

    .explore-display-mode-grid #explore-table-search-fields {
      display: none; /* flex */
      flex-direction: row;
      flex-wrap: wrap;
      margin-bottom: 15px;
      border-radius: 7px;
      border: 1px solid #eeedf3;
    }

    .explore-display-mode-grid #explore-table-search-fields td {
      min-width: 150px;
    }

    .explore-display-mode-grid .explore-global-search-container {
      float: left;
    }

    .explore-display-mode-grid .explore-div {
      border: none;
    }
    .explore-display-mode-grid .explore-topNavigation .row {
      text-align: center;
    }
    .explore-display-mode-grid .explore-table-body-label {
      display: block!important;
      width: 100%;
      text-transform: uppercase;
      font-weight: 500;
      font-size: 10px;
      margin-bottom: 5px;
      color: #a7a7a7;
    }
  
@media (max-width: 992px) {
  .explore-push-buttons {
    display: none;
  }
}