/*
@import url("http://fonts.googleapis.com/css?family=Lato:400,700");
* { font-family:Lato, "Trebuchet MS", Tahoma, Arial; }
body { font-family:Lato, "Trebuchet MS", Tahoma, Arial !important; }
*/

code { font-family:Consolas, Monospace !important; }

a {
    text-decoration: underline;
    color: #202060;
}

html, body, form { height: 100%; }

/*
li { font-family:inherit; }
*/

h1 {
	text-align: center;
	font-weight: bold;
	font-size: larger;
	padding-bottom: 5px;
}

table, th, td {
	border: 1px solid black;
	max-width: 98%;
	padding: 2px;	
}

/* s20:
.color1 { background-color: #84CEEB; }  
.color2 { background-color: #EEF; }
*/

:root {
  --color1: #ABE2EB;
  --color1_f22: #ABE2EB;
  --color1_s22: #ABEBE2;
  --color2: #FFF; /* was: #EDE6CA; */
}

/* from: https://www.schemecolor.com/optimal-education.php */
.color1 { background-color: var(--color1); }  
.color2 { background-color: var(--color2); } /* was EDE6CA */

font.optional { color: #009600; }
font.notice   { color: #A52A2A; }
font.command { font-family:Consolas, Monospace !important;
               color: #A52A2A;}
font.snippet { font-family:Consolas, Monospace !important; }

div.content {
	padding-top: 5px;
	margin-left: 92px;
}

div.navbar {
    position:fixed;
    bottom:0;
    top:0;
   	width: 90px;
    height: 100%;
    /* background-image: url('navbar-bg.png'); */
	background-color: var(--color1);
    float:left;
    font-weight: bold;
    font-size: smaller;
    padding-top: 5px;
    padding-left: 5px;
}

ul.navmenu { margin-top: 5px; }
div.navbar a { color: #000000;}
div.smallFont { font-size: smaller; }

/*
b { font-weight: 700; }
*/

.solo {
	font-weight: bold;
	background-color: orange;	
}

.collaborative {
    font-weight: bold;
    background-color: lightGreen;   
}

.checkmark {
    font-weight: bold;
    background-color: #E0FFE0;
    color: green;
}