/*
* Global custom CSS for the application
*/

/* Use the full height of the page */
html, body {
    height: 100%;
  }

/* Set full page height for the wrapper div */
#wrapper{
  height: 100%;
}

/* Styling for the pagination links for DataTables */
.page-item.active .page-link {
  background-color: #343A40 !important;
  border: 1px solid lightgrey;
  color: white !important;
}

.page-link {
  color: black !important;
}

.page-link:hover {
  background-color: #343A40 !important;
  color: white !important;
}

/* Set styling on DataTables row expansion buttons (defaults to green / red) */
table.dataTable.dtr-inline.collapsed>tbody>tr > td:first-child:before {
  background-color: transparent !important;
  border: none !important;
  color: orange !important;
  font-weight: bold !important;
  line-height: 20px !important;
  font-size: 20px !important;
  left: 15px !important;
  top: 15px !important;
  content: '\f078' !important;
  font-family: "Font Awesome 6 free" !important;
	font-weight: 900 !important;
}

/* Set styling on DataTables row collapse button (change the icon when expanded) */
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before {
  content: '\f077' !important;
}

td{
  height: 1em !important;
}

/* Set black font color on tab titles */
.nav-tabs > .nav-item > a {
  color: black;
}

/* Table containers are divs which are hidden until all content is loaded */
.table-container {
  display: none;
}

/* Styling for narrow divs, used typically for adding entities in the admin backend (currencies etc.) */
.narrow-div {
  max-width: 600px;
}

/* Styling for the div containing toast messages */
.toast-container {
  position: absolute;
  top: 0;
  right: 0;
}

/* Styling for the toast parent div */
.toast-parent-container {
  position: relative;
  margin-top: 10px;
}

/* Used for elements that need to till the entire page width */
.full-width {
  width: 100%;
}

/* Class to achieve 10 px margin left */
.margin-left-10 {
  margin-left: 10px;
}

/* Remove the top border on all table headers */
th {
  border-top: 0px !important;
}

/* Make sure that toasts appear on front, e.g. not behind datatables */
.toast-parent-container, .toast-container, .toast, .toast-header, .toast-body {
  z-index: 100;
}

/* Overwrite the styling for links in the navbar and make the text (span) section white (only the icon should be orange) */
.navbar-nav .nav-link:hover > span, .navbar-nav .nav-link:focus > span, .navbar-nav .nav-link.active > span{
  color: white;
}

/* Create a class for table cells that should not have their content wrapping */
.nowrap {
  white-space: nowrap;
}

/* Increase Navbar height, and prevent navbar-toggler button and logo from flickering when expanding & collapsing */
.navbar {
  min-height: 70px;
  padding: 1rem 1rem;
}