body {
  position: relative;
}

.affix {
  top: 0;
  width: 100%;
  z-index: 9999 !important;
}

.navbar {
  margin-bottom: 0px;
}

.affix ~ .container {
  position: relative;
  top: 70px;
}

.header {
  height: 180px;
  margin: 0px;
  padding: 0px;
  padding-top: 12px;
  background: #AACCEE;
  color: #000000;
}

.header a {
  color: #005090;
  font-weight: bold;
}

.header a:hover {
  color: #003050;
}


a {
  color: #103050;
  font-weight: bold;
}

a:hover {
  color: #105090;
}


table
{
	margin: 0px;
	border: none; 
	padding:10px 5px 10px;
    	color: black;
}
td, th
{
	padding:10px 5px 10px;
	text-align:left;
}
th
{
}
td
{
}
tr.dimmed{
	background: #BBCCBB;
}
td.dimmed{
	background: #BBCCBB;	
}

eng{
	color: #880088;
	font-style: italic	
}

ul
{
	list-style-type: square;
	list-style-position: inside;
	padding: 5px 5px 5px;
}
li
{
}


 
.table-agenda tr {
	height: 65px;
}

.table-agenda ul {
	padding-left: 15px;
}

.table-agenda ul {
	padding-left: 15px;
}

.table-agenda ol {
	padding-left: 15px;
}

td.prerequisite, td.bonus {
	position: relative;
	width: 30px;
	border-bottom: 3px solid white;
}

td.prerequisite {
	background-color: rgba(188, 234, 170, 0.5);
}

td.prerequisite.second {
	background-color: rgba(163, 212, 142, 0.6);
}

td.bonus {
	background-color: rgba(255, 216, 156, 0.5);
}

td.bonus.second {
	background-color: rgba(218, 185, 135, 0.6);
}

td.prerequisite > span, td.bonus > span {
	position: absolute;
	font-weight: bold;
	top: 50%;
	-webkit-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	        transform: rotate(90deg);
	width: 200px;
	left: -86px;
	text-align: center;
}

.table-tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.table-tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}

.table-tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
}

.table-tooltip:hover .tooltiptext {
    visibility: visible;
}