html, body { background-color: #004c24; color: #EEEEEE; }

.body-container > header { color: white; }
.body-container > nav { background-color: #222222; }

.subject-fore.bio { color: #3333DD; }
.subject-fore.chm { color: #33CC33; }
.subject-fore.phy { color: #DD3333; }
.subject-fore.nur { color: #9933FF; }
.subject-fore.ast { color: #FFFFFF; }
.subject-fore.glg { color: #333333; }

.subject-back.bio { background-color: #BFDDFF; }
.subject-back.chm { background-color: #BBFFBB; }
.subject-back.phy { background-color: #FF9999; }
.subject-back.nur { background-color: #BFBFFF; }
.subject-back.ast { background-color: #000000; }
.subject-back.glg { background-color: #DDDDDD; }

[wui~="panel"] {
	background-color: #BBBBC8;
}

#tutor-container { background-color: rgb(0, 95, 95); }
footer { background-color: rgb(95,0,95); }

.fas.bio-back, .fas.chm-back, .fas.phy-back, .fas.nur-back { 
	padding: 2px;
	border-radius: 4px;
	border: 1px solid #777777;
}

button[data-tutor-status] { background-color: #660000; color: white;}
button[data-tutor-status]:hover { background-color: #aa0000; color: white;}
button[data-tutor-status=idle] { background-color: #66cc66; color: black; }
button[data-tutor-status=idle]:hover { background-color: #66ff66; color: black; }
button[data-tutor-status=active] { background-color: #cccc00; color: black; }
button[data-tutor-status=active]:hover { background-color: #f8f800; color: black; }

[id$=work] { background-color: #122436; }
[wui="notify-icons-group"] > [wui="msg-icon"].unread { color: darkred; }

[wui$="button"], li [wui="checkbox"], li [wui="radio"], .button { 
	color: gold;
	background-color: #004c24;
}

.chat-popup { position: relative; }

[wui="chat-box"] {  background-color: #006038; border-color: gold;}