:root {
  --primary-background: #dde; /* ddd */
}

html {
  background-color: var(--primary-background); /* override login.css #ecf0f1 */
}
body {
  background-image: none;
  background-color: var(--primary-background); /* override login.css #95a5a6; */
}

#content {
  padding: 10px;
  white-space: pre;
  background-color: #fff;
}

h1 {
  padding: 15px 0px;
  color: #00f;
}

#footer { 
	text-align: center;
	color: #800000; /* maroon */
}

#filter-menu { padding: 2px 0px } /* overrride for .input-group padding */

#session {
    padding: 1em;
    text-align: center;
    font-family: sans-serif;
    font-size: 11px;
}

#w3-display-middle {
    width: 100%;
    margin-top: 10px;
    padding-top: 50px;
    padding-bottom: 150px;
    background: #c0c0c0;
}

#w3-display-middle h1 { font-size: 48pt; color: #f00; }
.w3-border-white {
    margin:auto;
    width:20%;
    border: none;
    height: 5px;
    background-color: #fff;
}

.w3-animate-right {
    color: #fff;
    padding: 20px;
}

.w3-center {
    text-align: center;
}

.w3-border-white {
    background-color: #000;    
}

h6 {
    color: #f00;
    font-weight: 100;
    text-decoration: none; /*underline;*/
}

/* New custom button colors */
.btn-purple {
    --bs-btn-bg: #6f42c1;       /* background color */
    --bs-btn-border-color: #6f42c1; /* border color */
    --bs-btn-hover-bg: #5a32a3; /* hover background */
    --bs-btn-hover-border-color: #5a32a3;
    --bs-btn-color: #fff;       /* text color */
}

.btn-outline-purple {
    --bs-btn-color: #6f42c1;
    --bs-btn-border-color: #6f42c1;
    --bs-btn-hover-bg: #6f42c1;
    --bs-btn-hover-color: #fff;
}

.btn-teal {
    --bs-btn-bg: #20c997;
    --bs-btn-border-color: #20c997;
    --bs-btn-hover-bg: #1aa179;
    --bs-btn-hover-border-color: #1aa179;
    --bs-btn-color: #fff;
}

.btn-outline-teal {
    --bs-btn-color: #20c997;
    --bs-btn-border-color: #20c997;
    --bs-btn-hover-bg: #20c997;
    --bs-btn-hover-color: #fff;
}

.btn-cyan {
  --bs-btn-bg: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-color: #fff;  
  --bs-btn-hover-bg: #138496;
  --bs-btn-hover-border-color: #138496;
}

.btn-outline-cyan {
  --bs-btn-color: #17a2b8;
  --bs-btn-border-color: #17a2b8;
  --bs-btn-hover-color: #17a2b8;
  --bs-btn-hover-border-color: #17a2b8;
}

.btn-indigo {
  --bs-btn-bg: #6610f2;
  --bs-btn-border-color: #6610f2;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #520dc2;
  --bs-btn-hover-border-color: #520dc2;
}

.btn-outline-indigo {
  --bs-btn-color: #6610f2;
  --bs-btn-border-color: #6610f2;  
  --bs-btn-hover-bg: #6610f2;
  --bs-btn-hover-color: #fff;
}

.btn-lime {
  --bs-btn-bg: #84cc16;
  --bs-btn-border-color: #84cc16;
  --bs-btn-color: #fff;
  --bs-btn-hover-bg: #84cc16;
  --bs-btn-hover-color: #fff;
}

.btn-outline-lime {
  --bs-btn-color: #84cc16;
  --bs-btn-border-color: #84cc16;
  --bs-btn-hover-bg: #84cc16;
  --bs-btn-hover-color: #fff;
}