@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400,500,600,700&display=swap');


html { font-size: 62.5%; }
body { background-color: #ddd; font-family: 'Noto Sans', sans-serif; font-size: 1.7rem; margin-top: 70px; }

@media only screen and (max-width: 1600px) {
  .container-fluid { padding-left: 4%; padding-right: 4%; }
}

.container-full { margin-left: auto; margin-right: auto; max-width: 1800px; }

h1 { font-weight: 700; font-size: 5rem; margin-bottom: 50px; }

/* Reset Boostrap table */
.table {
  --bs-table-color-type: #fff;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color:initial;
  --bs-table-bg: initial;
  --bs-table-border-color: rgba(255,255,255,0.70);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
}

.table-bordered > :not(caption) > * { border-width: 0; }
.table-hover > tbody > tr:hover > * { --bs-table-color-state: #fff; --bs-table-bg-state: rgba(0,0,0,0.20); transition: all 0.3s; }
.table { background: linear-gradient(to right, #2980b9, #2c3e50); }
.table a { color: #fff !important; text-decoration: underline; }
.table td { padding: 8px 10px 8px 10px; }
.table thead tr th { text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
.table tbody tr:nth-child(2n) { background-color: rgba(255,255,255,0.10); }

.search.float-right .form-control { font-size: 1.8rem; }