/* GENERAL */

body {
	background-color: #f7f5f2;
	color: #000;
	padding: 0;
	margin: 0;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}

a {
	color:#0a48a3;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}

.wrapper {	
	float:left;
	padding: 20px;
	margin-bottom:40px;
}

div	{
	display: block;
}

#container {
	min-width:960px;
}


/* HEADER & NAVIGATION */

header, #second-header {
	float:left;
	background-color: #fff;
	width: 100%;
}

ul.nav, ul.subnav {
	float:left;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.nav li {
	display: inline-block;
	padding: 15px 15px;
	vertical-align: middle;
}

ul.nav li a {
	text-transform: uppercase;
	color: #8c8c8c;
	letter-spacing: 1px;
	font-weight:600;
	text-decoration: none;
	font-size:90%;
}

ul.nav li a:hover, ul.nav li.active a {
	color: #000;
	text-decoration: none;
}

ul.nav li.branding {
	border-right: 1px solid #f7f5f2;
}

ul.nav li.branding a {
	color: #ff8100;
	font-weight: 600;
	font-size: 200%;
	text-decoration: none;
}

@media (min-width: 1130px) {
  #branding-univie {
		float:right;
		display:inline-block;
		height:50px;
		width:184px;
		background-image: url("branding_univie.png");
		margin: 10px 20px;
	}
}

#second-header {
	border-top: 1px solid #f7f5f2;
}

ul.subnav {
	padding-left:12px;
}

ul.subnav li {
	display: inline-block;
	padding: 10px 10px;
	vertical-align: middle;
}

ul.subnav li a {
	color: #8c8c8c;
	text-decoration: none;
	font-size:14px;
}

ul.subnav li a:hover {
	color: #000;
	text-decoration: underline;
}

ul.subnav li.active a {
	color:#000;
}

ul.subnav span.arrow {
	color:#8c8c8c;
}

.info-box {
	border: 1px solid #aaa;
	margin:20px 0;
	padding:10px;
}

.legende {
	background-color:#fff;
	padding:20px;
	margin:10px 0;
}

.legende .color-detail {
	line-height:20px;
	vertical-align: middle;
	margin-right:50px;
}

#lab-timetable tr {
	height:40px;
}

#lab-timetable td:first-child {
	width:100px;
}

#lab-timetable td {
	width:150px;
	border-bottom: 1px solid #ccc;
}






/* Badge added in 2025 */
/* Mostly added during COVID, now moved to /general ... */
.badge-online{
  background-color: rgb(111, 206, 209);
}

.badge-in-class{
  background-color: #6f98d1;
}

.badge-tba{
  background-color: #a792d6;
}
.badge-hybrid{
  background-color: #a792d6;
}

.badge-online, .badge-in-class, .badge-tba, .badge-hybrid{
  border-radius: 10px;
  max-width: 100px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

/* TOOLTIP */
.tooltip {
  display: inline-block;
  position: relative;
}

.tooltip .tooltiptext {
  background-color: dimgray;
  color: #ffffff;
  visibility: hidden;
  max-width: 200px;
  min-width: 100px;
  text-align: center;
  padding: 4px 4px 4px;
  border-radius: 7px;

  position: absolute;
  z-index: 2;
}

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


/* Additionally added style from GFX and VIS */
body a {
	color: #336699;
}

body a:active {
	color: #ffcb63;
}

body a:visited {
	color: #bbbbbb;
}

td {
	font-size: 16px;
	vertical-align: middle;
	text-align: center;
}

td.due, td.exam, td.evaluation {
	background-color: #e6b1b1;
}

td.no-lecture, td.free {
	background-color: #99dbad;
}

td.subject-to-modification, td.tba {
	background-color: #ddd;
}

td.covid {
	background-color: black;
	color: white;
}

td.lecture {}

td span.small {
	font-size: 10px;
}

td.lecture span.title {
	font-size: 16px;
}