/*
 * Align the hamburger menu button vertically with the title.
 * The header row is 56px high on mobile and 64px on desktop.
 * The button is 48px high.
 * These values have been tweaked for better visual alignment.
*/

/* Default (mobile) alignment */
.mdl-layout__drawer-button {
    top: 4px;
}

/* Desktop alignment */
@media screen and (min-width: 1025px) {
    .mdl-layout__drawer-button {
        top: 8px;
    }
}

.centre-div
{
     margin: 0 auto;
     text-align: center;
}

.left-div
{
     margin: 20 auto;
     padding: 20;
     border: 10;
     text-align: left;
}

.bug
{
     position: fixed;
     bottom: 0%;
     right: 0%;
     margin: 25px;
     width: 50px;
     height: 50px;
     text-align: right;
}

/* small screens:
*/
.nemesizerlogo
{
     max-width: 90%;
     margin: auto;
     margin-top: 25px;
}

/* Larger screens:
*/
@media screen and (min-width: 450px) 
{
  .nemesizerlogo
  {
        max-width: 400px;
        margin: 25px;
  }
}


/* dark mode:
*/
html[data-theme='dark'] 
{
  --hue: 210; /* Blue */
  --accent-hue: 25; /* Orange */
  --text-color-normal: hsl(var(--hue), 10%, 62%);
  --text-color-light: hsl(var(--hue), 15%, 35%);
  --text-color-richer: hsl(var(--hue), 50%, 72%);
  --text-color-highlight: hsl(var(--accent-hue), 70%, 45%);
  --link-color: hsl(var(--hue), 90%, 70%);
  --accent-color: hsl(var(--accent-hue), 100%, 70%);
  --error-color: rgb(240, 50, 50);
  --button-background: hsl(var(--hue), 63%, 43%);
  --button-text-color: black;
  --background: hsl(var(--hue), 20%, 12%);

  background-color: var(--background);
  color: var(--text-color-normal);
}

html[data-theme='dark'] img
{
  filter: invert(100%);
}

html[data-theme='dark'] table
{
  --hue: 210; /* Blue */
  --accent-hue: 25; /* Orange */
  --text-color-normal: hsl(var(--hue), 10%, 62%);
  --text-color-light: hsl(var(--hue), 15%, 35%);
  --text-color-richer: hsl(var(--hue), 50%, 72%);
  --text-color-highlight: hsl(var(--accent-hue), 70%, 45%);
  --link-color: hsl(var(--hue), 90%, 70%);
  --accent-color: hsl(var(--accent-hue), 100%, 70%);
  --error-color: rgb(240, 50, 50);
  --button-background: hsl(var(--hue), 63%, 43%);
  --button-text-color: black;
  --background: hsl(var(--hue), 20%, 12%);

  background-color: var(--background);
  color: var(--text-color-normal);
  border-color: var(--text-color-light);
}

html[data-theme='dark'] label
{
  --hue: 210; /* Blue */
  --text-color-normal: hsl(var(--hue), 10%, 62%);
  
  color: var(--text-color-normal);
}

html[data-theme='dark'] th
{
  --hue: 210; /* Blue */
  --text-color-normal: hsl(var(--hue), 10%, 62%);
  --text-color-light: hsl(var(--hue), 15%, 35%);
 
  color: var(--text-color-normal);
  border-color: var(--text-color-light);
}

 
html[data-theme='dark'] tr
{
  --hue: 210; /* Blue */
  --text-color-normal: hsl(var(--hue), 10%, 62%);
  --text-color-light: hsl(var(--hue), 15%, 35%);

  color: var(--text-color-normal);
  border-color: var(--text-color-light);
}

html[data-theme='dark'] .mdl-textfield__input
{
  border-bottom: 2px solid rgba(50,200,255,.12);
}

.table-responsive {
     width: 100%;
     margin-bottom: 15px;
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
     border-style: none;
 }
 .table-responsive > .table {
     margin-bottom: 0;
 }
 .table-responsive > .table > thead > tr > th,
 .table-responsive > .table > tbody > tr > th,
 .table-responsive > .table > tfoot > tr > th,
 .table-responsive > .table > thead > tr > td,
 .table-responsive > .table > tbody > tr > td,
 .table-responsive > .table > tfoot > tr > td {
     white-space: nowrap;
 }
 .table-responsive > .table-bordered {
     border: 0;
 }
 .table-responsive > .table-bordered > thead > tr > th:first-child,
 .table-responsive > .table-bordered > tbody > tr > th:first-child,
 .table-responsive > .table-bordered > tfoot > tr > th:first-child,
 .table-responsive > .table-bordered > thead > tr > td:first-child,
 .table-responsive > .table-bordered > tbody > tr > td:first-child,
 .table-responsive > .table-bordered > tfoot > tr > td:first-child {
     border-left: 0;
 }
 .table-responsive > .table-bordered > thead > tr > th:last-child,
 .table-responsive > .table-bordered > tbody > tr > th:last-child,
 .table-responsive > .table-bordered > tfoot > tr > th:last-child,
 .table-responsive > .table-bordered > thead > tr > td:last-child,
 .table-responsive > .table-bordered > tbody > tr > td:last-child,
 .table-responsive > .table-bordered > tfoot > tr > td:last-child {
     border-right: 0;
 }
 .table-responsive > .table-bordered > tbody > tr:last-child > th,
 .table-responsive > .table-bordered > tfoot > tr:last-child > th,
 .table-responsive > .table-bordered > tbody > tr:last-child > td,
 .table-responsive > .table-bordered > tfoot > tr:last-child > td {
     border-bottom: 0;
 }

.mdl-data-table td
{
  text-align: left;
}

.mdl-data-table th
{
  text-align: left;
}

iframe
{
  width: 560px !important;
}