:root {
  --flex-gap: 30px;
  --line-height: 1.3em;
}

@media (max-width: 992px) {
  :root {
    --flex-gap: 10px;
    --line-height: 1.2em;
  }
}

table.dataTable {
  max-width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}

.datatable-filters-wrapper {
  display: flex;
  align-items: center;
}

.datatable-filters {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--flex-gap);
  width: 100%;
}

.datatable-filters .download-button {
  margin-left: auto;
} 

.datatable-filters .filter,
.datatable-filters .filter select {
  text-transform: uppercase;
  /* font-weight: 600; */
}

/* .datatable-filters .filter select.active {
} */

.datatable-filters .filter select {
  background-color: transparent;
  border: none;
  /* border-bottom: solid 1px #000; */
  /* padding-left: 0; */
  outline: none;
}

.datatable-filters .filter:last-child {
  flex: 1;
  text-align: end;
}

.datatable-filters .filter option {
  font-size: 16px;
}

/* ********************** */
/* DataTable Defaults */
/* ********************** */

table.dataTable td.dt-control:before {
  height: 20px;
  width: 20px;
  display: inline-block;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  /* box-shadow: 0 0 0.2em #000; */
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 20px;
  content: "+";
  background-color: transparent;
}

table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: transparent;
}

table,
td,
th {
  border: 0px solid var(--ast-border-color);
  border-bottom: 1px solid var(--ast-border-color);
}

table.dataTable tbody th,
table.dataTable tbody td {
  padding: 0;
}

table.dataTable tbody th {
  padding: 1.2em;
}
@media (min-width: 993px) {
  table.dataTable tbody td:not(:has(.detail-container)) {
    padding: 1.2em;
  }
}

table.dataTable tbody td:last-child {
  position: relative;
}

table.dataTable tbody tr.selected > * {
  box-shadow: inherit;
  color: inherit;
}

table.dataTable.no-footer {
  border-bottom: none;
}

/* ********************** */
/* End DataTable Defaults */
/* ********************** */

table.dataTable tr.shown {
  font-weight: 700;
}

table.dataTable .detail-container {
  display: flex;
  background-color: #f9f9f9;
  max-width: 100%;
  flex-wrap: wrap;
}

table.dataTable .detail-container h3 {
  width: 100%;
  padding: var(--flex-gap);
  padding-bottom: 0;
  margin-bottom: 0;
}

table.dataTable .detail-container .left-column {
  width: 30%;
  padding: var(--flex-gap);
  padding-bottom: 0;
}

table.dataTable .detail-container .right-column {
  width: 70%;
  padding: var(--flex-gap);
  padding-bottom: 0;
}

table.dataTable .detail-container h4 {
  margin-bottom: 0.5em;
}

table.dataTable .detail-container .data-columns {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  /* gap: var(--flex-gap); */
}

table.dataTable .detail-container .data-column {
  width: calc(33.33% - var(--flex-gap));
  border-bottom: solid 2px #545454;
}

table.dataTable .detail-container .data-column li {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 0.8em;
}

table.dataTable .detail-container .data-column li span {
  line-height: var(--line-height);
}

/* table.dataTable .detail-container .data-column li .label {
} */

table.dataTable .detail-container .data-column li .line {
  flex: 1;
  position: relative;
  overflow: hidden;
  /* min-width: 3em; */
}

table.dataTable .detail-container .data-column li .value {
  max-width: 50%;
}

table.dataTable .detail-container .data-column li .line::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform: translateY(calc(var(--line-height) / 2));
  border-top: solid 1px #545454;
}

table.dataTable .detail-container .data-column ul {
  list-style: none;
  margin: 0;
  margin-bottom: 20px;
}

table.dataTable .bottom-links {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  justify-content: center;
  gap: 10px;
  padding: 0 var(--flex-gap) var(--flex-gap);
  background-color: #f9f9f9;
}

table.dataTable .bottom-links .link {
  /* flex: 1; */
  max-width: 100%;
}

table.dataTable .bottom-links .button {
  width: 100%;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  white-space: pre;
  text-align: center;
  border: none;
}

table.dataTable .bottom-links .elementor-button {
  padding-left: 10px;
  padding-right: 10px;
}

/* *********************************** */
/* Elementor Lightbox image background */
/* *********************************** */
.elementor-lightbox-image {
  background-color: #fff;
}

/* *************************** */
/* Multiselect with checkboxes */
/* *************************** */
.multiselect {
  width: auto;
  position: relative;
}

.selectBox {
  position: relative;
}

.selectBox select {
  width: 100%;
  /* font-weight: bold; */
}

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
  position: absolute;
  width: 100%;
  background-color: #fff;
  z-index: 10;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  padding: 0.5em;
  font-size: .8em;
  font-weight: normal;
}

#checkboxes.show {
  display: block;
}

#checkboxes label {
  display: block;
  padding: 0 0.3em;
}

/* #checkboxes label:hover {
  background-color: #1e90ff;
} */
.datatable-filters-wrapper .datatable-filters .studios-filter .custom-dropdown {
	width: 100%;
	max-width: 276px;  
}	

@media (max-width: 1024px) {
  .detail-container .left-column {
    width: 100% !important;
  }
  .detail-container .right-column {
    width: 100% !important;
  }
}

@media (max-width: 992px) {
   .datatable-filters-wrapper .datatable-filters .studios-filter .custom-dropdown {
		max-width: 100%;  
   }
	
   /*
  table.dataTable tbody tr {
    isplay: flex;
    justify-content: space-between;
  }*/

  .datatable-filters .filter {
    margin-bottom: 0.8em;
  }
  .datatable-filters .filter select,
  .datatable-filters .filter .multiselect {
    width: 100%;
  }
  .datatable-filters .filter:nth-child(1),
  .datatable-filters .filter:nth-child(4),
  .datatable-filters .filter:nth-child(5) {
    width: 100%;
  }
  .datatable-filters .filter:nth-child(2),
  .datatable-filters .filter:nth-child(3) {
    width: 48%;
  }
  .datatable-filters .filter:last-child {
    text-align: start;
  }
  .datatable-filters .filter:last-child label {
    display: flex;
    gap: 1em;
  }
  .detail-container {
    flex-direction: column;
  }
  /* .detail-container .left-column {
    width: 100% !important;
  }
  .detail-container .right-column {
    width: 100% !important;
  } */
  .data-columns {
    flex-direction: column;
  }
  .data-column {
    width: 100% !important;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}