:root, .ns-root, .ns-modal {
  --p-slate-700: rgb(51, 65, 85);
  --p-slate-500: rgb(100 116 139);
  --lighter-grey-color: rgb(250, 251, 252); /*alternate row*/
  --light-grey-color: rgb(230, 230, 230); /*browser selected row; hover*/

  --lighter-blue-color: rgb(230, 238, 255); /*button*/
  --light-blue-color: rgb(114, 141, 250); /*activity indicator on mobile*/
  --blue-color: rgb(58,83,218); /*action bar bg*/
  --dark-blue-color: rgb(0, 0, 51); /*html link*/

  --dark-green-color: rgb(124, 138, 123); /*bg for side drawer*/
  --darker-green-color: rgb(109, 120, 109); /*side drawer border*/

  --red-color: rgb(204, 41, 0); 

  --light-yellow-color: rgb(254, 246, 231); /*popup; selected row*/
  --dark-yellow-color: rgb(196, 130, 8); /*manual popup link*/
}


body {
  color: var(--p-slate-700)
}

h1, h2, h3, h4, h5 {
  color: var(--p-slate-500);
}

div {
  line-height: 1.5em;
}

p {
  line-height: 1.5em;
}

li {
  line-height: 1.5em;
}

.footer-holder .footer {  
  left: 10px;  
  bottom: 5px;  
  right: 10px;
  text-align: center;  
  display: flow;
}

.footer-holder {
  visibility: hidden;
}

.footer {  
  position: fixed;  
  left: 10px;  
  bottom: 5px;  
  right: 10px; 
  background-color: var(--dark-blue-color);  
  color: white;  
  text-align: center;  
  display: flow;
}


.footer a {
  color: white;
}