table {
    width: 100%;
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
	padding: 3px 5px;
}

table tr:nth-child(odd){ background-color:#F0F8FF; }
table tr:nth-child(even)    { background-color:#ffffff; }

.semester1 table tr:nth-child(odd){ background-color:#03A9F4; }
.semester2 table tr:nth-child(odd){ background-color:#FFC107; }

.semester1{float:left;clear:left;}
.semester2{float:right;}

.filter-table .quick { margin-left: 0.5em; font-size: 0.8em; text-decoration: none; }
.fitler-table .quick:hover { text-decoration: underline; }
td.alt { background-color: #ffc; background-color: rgba(255, 255, 0, 0.2); }

@keyframes bergetar {
	0% { transform: translate(0,0) rotate(0deg) }
	2% { transform: translate(6px,-7px) rotate(2.5deg) }
	4% { transform: translate(8px,-8px) rotate(2.5deg) }
	6% { transform: translate(1px,-8px) rotate(-3.5deg) }
	8% { transform: translate(-3px,4px) rotate(-0.5deg) }
	10% { transform: translate(0,-3px) rotate(1.5deg) }
	12% { transform: translate(-1px,2px) rotate(0.5deg) }
	14% { transform: translate(6px,6px) rotate(-1.5deg) }
	16% { transform: translate(-7px,4px) rotate(-0.5deg) }
	18% { transform: translate(7px,8px) rotate(-3.5deg) }
	20% { transform: translate(-6px,2px) rotate(1.5deg) }
	22% { transform: translate(9px,5px) rotate(-1.5deg) }
	24% { transform: translate(7px,-2px) rotate(0.5deg) }
	26% { transform: translate(-7px,-10px) rotate(-0.5deg) }
	28% { transform: translate(-10px,-8px) rotate(-1.5deg) }
	30% { transform: translate(8px,4px) rotate(0.5deg) }
	32% { transform: translate(0,4px) rotate(1.5deg) }
	34% { transform: translate(-8px,6px) rotate(-0.5deg) }
	36% { transform: translate(-5px,7px) rotate(1.5deg) }
	38% { transform: translate(-4px,-4px) rotate(-1.5deg) }
	40% { transform: translate(9px,4px) rotate(-1.5deg) }
	42% { transform: translate(9px,-5px) rotate(2.5deg) }
	44% { transform: translate(-5px,-4px) rotate(-2.5deg) }
	46% { transform: translate(7px,-7px) rotate(1.5deg) }
	48% { transform: translate(-5px,8px) rotate(0.5deg) }
	50% { transform: translate(9px,1px) rotate(-1.5deg) }
	52% { transform: translate(-9px,-5px) rotate(-3.5deg) }
	54% { transform: translate(-2px,9px) rotate(1.5deg) }
	56% { transform: translate(6px,-1px) rotate(1.5deg) }
	58% { transform: translate(-6px,0) rotate(-0.5deg) }
	60% { transform: translate(3px,1px) rotate(1.5deg) }
	62% { transform: translate(5px,-7px) rotate(-0.5deg) }
	64% { transform: translate(9px,2px) rotate(2.5deg) }
	66% { transform: translate(6px,0) rotate(-2.5deg) }
	68% { transform: translate(5px,-4px) rotate(-2.5deg) }
	70% { transform: translate(-8px,5px) rotate(-2.5deg) }
	72% { transform: translate(-6px,-2px) rotate(0.5deg) }
	74% { transform: translate(-3px,7px) rotate(-3.5deg) }
	76% { transform: translate(-7px,-8px) rotate(-3.5deg) }
	78% { transform: translate(-1px,-2px) rotate(2.5deg) }
	80% { transform: translate(8px,6px) rotate(-2.5deg) }
	82% { transform: translate(-2px,-9px) rotate(2.5deg) }
	84% { transform: translate(8px,-10px) rotate(-0.5deg) }
	86% { transform: translate(-6px,0) rotate(2.5deg) }
	88% { transform: translate(-1px,9px) rotate(-3.5deg) }
	90% { transform: translate(-7px,8px) rotate(1.5deg) }
	92% { transform: translate(-10px,-8px) rotate(0.5deg) }
	94% { transform: translate(-8px,6px) rotate(1.5deg) }
	96% { transform: translate(4px,-9px) rotate(2.5deg) }
	98% { transform: translate(-4px,9px) rotate(0.5deg) }
}
.bergetar {
	animation-name: bergetar;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;
}
.bergetar:hover {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}
@keyframes bergetar2 {
	25%{ transform:rotate(-5deg) translateX(-1px); }
	50%{ transform:translateY(-1px); }
	75%{ transform:rotate(7deg) translateY(1px); }
}
.bergetar2 {
	animation-name: bergetar2;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;
}
.bergetar2:hover {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}
@keyframes bergetar3 {
    0% {left: 0}
    50% {left: 75%}
    100% {left: 0}
}
@-webkit-keyframes bergetar3 {
    0% {left: 0}
    50% {left: 75%}
    100% {left: 0}
}
.bergetar3 {
	position: relative;
	animation-name: bergetar3;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
	animation-play-state: running;
}
.bergetar3:hover {
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;
}