/* Condense every DataTables-driven table site-wide by shrinking its own
   padding custom properties (datatables.min.css defines these on :root;
   redefining them here, loaded after, overrides them for every table). */
:root {
    --dt-header_padding: 6px;
    --dt-body_padding: 4px 6px;
    --dt-footer_padding: 6px 6px 4px 6px;
    --dt-paging-button_padding: 0.3em 0.7em;
    --dt-input_padding: 4px 5px;
}

.small {
    color: gray;
}

a,
a:visited {
    color: #3647ac;
}

.navbar {
    background-color: #242f72;
}

.navbar a{
    color: ghostwhite;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: ghostwhite;
}

.navbar .dropdown-menu a {
    color: #242f72;
}

.content p {
    color: rgb(35,35,35);
}

.sticker-orange {
    background-color:#d35400;
    color:ghostwhite;
}

.sticker-green{
    background-color:#27ae60;
    color:ghostwhite;
}

.btn-primary,
.btn-primary:visited,
.dt-buttons button.dt-button {
    background-color: #242f72;
    color:white;
}

.btn-primary:hover,
.nav-item:hover,
.dt-buttons button.dt-button:hover,
.dt-buttons button.dt-button:active {
    background-color: #3647ac;
    color:white;
}

.specific-info-box {
    background-color: #3647ac;
    color:white;
}

.specific-info-box a,
.specific-info-box a:visited {
    color:white;
}

.navbar-toggler span {
    color:white;
}

.activity-log-seconds{
    font-size:10pt;
    color: gray;
}

/* Both Bootstrap 5's .table-striped and DataTables' own .dataTable.display
   striping paint zebra colors via an inset box-shadow on each cell (rather
   than a background-color on the <tr>, which they'd simply paint over).
   DataTables' own rule (table.dataTable.display>tbody>tr:nth-child(odd)>*)
   outranks a plain background-color override, so we override the same
   box-shadow property directly, with !important to stay ahead of either
   library's internal striping regardless of load order. */
.table-striped tbody tr:nth-of-type(2n).table-row-mobil > * {
  box-shadow: inset 0 0 0 9999px rgb(254, 225, 225) !important;
}

.table-striped tbody tr:nth-of-type(2n+1).table-row-mobil > * {
  box-shadow: inset 0 0 0 9999px rgb(255, 200, 200) !important;
}

.table-striped tbody tr:nth-of-type(2n).table-row-landline > * {
  box-shadow: inset 0 0 0 9999px rgb(254, 253, 225) !important;
}

.table-striped tbody tr:nth-of-type(2n+1).table-row-landline > * {
  box-shadow: inset 0 0 0 9999px rgb(255, 254, 200) !important;
}

.red {
    color: red;
}