/* Change colour scheme of table */
table.dataTable thead{
  background-color: #203b61;
  color: white;
}

/* Increase width of dropdown select entries per page */
.dt-length select{
  width: 4rem;
}

/* Change colour of ordering arrows when selected */
table.dataTable thead th[aria-sort='ascending'] .dt-column-order,
table.dataTable thead th[aria-sort='descending'] .dt-column-order {
  color: white;
}


/* Make 'Name of deceased' column bold */
table.dataTable tbody td:last-child {
  font-weight: bold;
}

/* Make corners of tables rounded */
table {
  border-collapse: separate;
  border: solid black 1px;
  border-radius: 10px;
  overflow: hidden;
  background-clip: padding-box;
}

td, th {
  border-left: solid black 1px;
  border-top: solid black 1px;
}

th {
  border-top: none;
}

td:first-child, th:first-child {
  border-left: none;
}

/** Changed dropdown signs to plus and minus instead when on mobile **/
table.collapsed > tbody > tr > td.dtr-control::before,
table.collapsed > tbody > tr > th.dtr-control::before {
  content: '+' !important;
  border: none !important;
  display: inline !important;
  font-size: 24px;
  font-weight: 900;
  color: #203b61;
}

table.collapsed > tbody > tr.dtr-expanded > td.dtr-control::before,
table.collapsed > tbody > tr.dtr-expanded > th.dtr-control::before {
  content: '–' !important;
}

.dtr-data {
  font-weight: normal;
}

.dt-paging button{
  font-weight: bold;
}

/** Increase height of table rows **/
table.dataTable tr {
  height: 40px;
}

/** Position Upcoming Inquests sidebar block **/
.block-coroners-inquests-sidebar {
  margin-top: 4rem;
  margin-left: 9.1rem;
}

.coroners-sidebar-block {
  padding: 1.4rem !important;
  width: 100%;
}

/** Improve responsivness when on smaller devices **/
@media (max-width: 767px) {
  .block-coroners-inquests-sidebar {
    margin-top: 3rem;
    margin-left: 1rem;
  }

  .coroners-sidebar-block {
    padding: 2.5rem !important;
    width: auto;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .block-coroners-inquests-sidebar {
    margin-top: 3rem;
    margin-left: 0;
  }
}

@media (min-width: 1025px) and (max-width: 1279px) {
  .block-coroners-inquests-sidebar {
      margin-left: 0;
    }
}

@media (min-width: 1280px) and (max-width: 1535px) {
  .block-coroners-inquests-sidebar {
    margin-left: 4rem;
  }
}