body.light-mode {
    background-color: white;
    color: black;
}

body.dark-mode {
    background-color: #343a40;
    color: white;
}

body.light-mode a:not(.btn) {
    color: blue;
}

body.dark-mode a:not(.btn) {
    color: lightgray;
}

body.light-mode a.nav-link {
    color: blue;
}

body.dark-mode a.nav-link {
    color: lightgray;
}

body.dark-mode input, body.dark-mode textarea, body.dark-mode select {
    background-color: #495057;
    color: white;
    border: 1px solid #6c757d;
}

body.dark-mode input, body.dark-mode textarea, body.dark-mode select {
    background-color: #495057;
    color: white;
}

body.dark-mode input:focus, body.dark-mode textarea:focus, body.dark-mode select:focus {
    background-color: #495057;
    border-color: #80bdff;
    outline: none;
    color: white;
}

/* body.dark-mode .form-text.text-muted { */
body.dark-mode .form-text {
    color: lightgray !important;
}

body.dark-mode label.input-group-text {
    color: lightgray !important;
	background-color: #495057;
}

body.light-mode .list-group {
   background-color: white;
   color: black;
}

body.dark-mode .list-group {
   background-color: #495057;
   color: white;
}

body.light-mode .list-group-item {
   background-color: white;
   color: black;
}

body.dark-mode .list-group-item {
   background-color: #343a40;
   color: white;
}

body.light-mode .list-group-item:hover {
   background-color: #f8f9fa;
}

body.dark-mode .list-group-item:hover {
   background-color:#495057;
}