/* customised css - docsteam DALnet@2026 */

BODY
  {
  background:white;  
  overflow: auto;
  }
DIV.body
  {
  margin-left:10%;
  margin-right:10%;
  }
h1
  {
  font: 14pt Verdana,sans-serif;
  margin-left:-50px;
  }
H2
  {
  margin-top: 20px;
  font: bold 11pt Verdana,sans-serif;
  margin-left:-50px;
  }
H3
  {
  font: bold 11pt Verdana,sans-serif;
  margin-top: 10px;
  }
H4
  {
  font: italic 11pt Verdana,sans-serif;
  }
P
  {
  font: 10pt Verdana,sans-serif;
  line-height:130%;
  margin-bottom:11pt;
  margin-top:11pt;
  }
UL
  {
  font: 10pt Verdana,sans-serif;
  line-height:130%;
  }
OL
  {
  font: 10pt Verdana,sans-serif;
  line-height:130%;
  }
DL
  {
  font: 10pt Verdana,sans-serif;
  line-height:130%;
  }
LI
  {
  font: 10pt Verdana,sans-serif;
  line-height:130%;
  }
DT
  {
  font: italic 10pt Verdana,sans-serif;
  line-height:130%;
  }
SAMP
  {
  font-family:monospace;
  color: #882200
  }
KBD
  {
  font-family:monospace;
  color: #882200
  }
EM.param
  {
  color:black;
  }
DIV.copyright
  {
  margin-top:0px;
  }
DIV.copyright P
  {
  font-size: 9pt;
  line-height:110%;
  }
DIV.thisversion P
  {
  font-size: 10pt;
  line-height:110%;
  }
DIV.version P
  {
  font-size: 9pt;
  line-height:110%;
  margin-top:0px;
  margin-bottom:4pt;
  }
DIV.commentaddress P
  {
  font-size: 9pt;
  line-height:115%;
  margin-top:4pt;
  margin-bottom:4pt;
  }
A:link
  {
  color: #0000EE;
  }
A:visited
  {
  color: #0000EE;
  }
A:active
  {
  }
A:hover
  {
  color: white;
  background-color: #2222EE
  }
DIV.listnone P
  {
  margin-top:4pt;
  margin-bottom:4pt;
  }
DIV.footer
  {
  margin-left:10%;
  margin-right:10%;
  }
DIV.footertext
  {
  font: 9pt Verdana,sans-serif;
  line-height:110%;
  margin-bottom:1pt;
  margin-top:1pt;
  }

  @media only screen and (max-width: 360px) {
    body{
        font-size: 1.1em;
    }
    h1,h2{
        margin-left: -20px;
      }
  }
  @media only screen and (min-width: 360px) {
    body{
        font-size: 1.1em;
    }
      h1,h2{
          margin-left: -30px;
        }
    }
    /* Extra small devices (phones, 600px and down) */
    @media only screen and (min-width: 480px) {
       body{
           font-size: 1.1em;
       }
        h1,h2{
            margin-left: -35px;
        }
    }
/* Dark Mode Overrides */

html, body {
    background-color: #0d1117 !important;
    color: #c9d1d9 !important;
}

/* Links */
a:active, a:link, a:visited {
    color: #58a6ff !important;
}

/* Header bars or coloured sections */
.blue-background {
    background-color: #183968 !important;
    color: #c9d1d9 !important;
}

/* Inputs */
.text-input {
    background-color: #0d1117 !important;
    color: #c9d1d9 !important;
    border: 1px solid #30363d !important;
}

/* Buttons */
.submit-button {
    background-color: #30363d !important;
    color: #c9d1d9 !important;
}
.submit-button svg {
    fill: #c9d1d9 !important;
}

/* Content containers */
.content,
.content-4,
.align-left,
.align-right,
.justify,
.justify-team,
.justify-credits,
.justify-news {
    color: #c9d1d9 !important;
}

/* Footer */
.footer {
    color: #c9d1d9 !important;
}
.footer hr {
    border-color: #30363d !important;
}

/* Tables (if present) */
table, th, td {
    color: #c9d1d9 !important;
    border-color: #30363d !important;
}

/* Code blocks (if present) */
pre, code {
    background-color: #161b22 !important;
    color: #c9d1d9 !important;
}

/* Toggle switch colours */
.slider {
    background-color: #444 !important;
}
.slider:before {
    background-color: #c9d1d9 !important;
}
input:checked + .slider {
    background-color: #58a6ff !important;
}
input:checked + .slider:before {
    background-color: #0d1117 !important;
}