/* - templates-uf.css - */
/* https://www.confobi.uni-freiburg.de/portal_css/templates-uf.css?original=1 */
/* */
/* */
.alternating-rows tr:nth-of-type(2n) {
background: #e0e1dd;
}
/* */
table.uni-grid-light {
background: #f2f3f1 none repeat scroll 0 0;
border-spacing: 1px;
}
table.uni-grid-light th {
background: #d5d6d2 none repeat scroll 0 0;
font-weight: bold;
padding: 3px;
text-align: left;
}
table.uni-grid-light td {
padding: 3px;
vertical-align: top;
}
table.uni-grid-light p {
font-size: 1em !important;
}
/* */
/* */
.businesscard {
overflow: hidden;
background: #e0e1dd;
padding: 1rem;
max-width: 364px;
margin: 0 0 1rem 0;
clear: left;
}
.businesscard img {
width: 75px;
float: left;
margin: 0 1rem 0 0;
}
.businesscard img[src*="defaultUser"] {
opacity: 0.4;
}
.businesscard h2 {
font-weight: 500;
margin: 0 0 0.5rem 0;
}
.businesscard > div {
padding-left: calc(100px + 1rem);
}
@media screen and (max-width : 900px) {
.businesscard {
font-size: calc(7px + 1.2vw) !important;
overflow: hidden;
text-overflow: ellipsis;
}
}
/* */
.staff-list img[src*="defaultUser"] {
opacity: 0.4;
}
.staff-list img {
width: 75px;
}
/* */
.staff-entry {
overflow: hidden;
width: 100%;
border-bottom: 1px solid #c9cac8;
clear: left;
padding: 5px 0;
}
.staff-entry  img {
width: 75px;
float: left;
margin: 0 1rem 0 0;
}
.staff-entry img[src*="defaultUser"] {
opacity: 0.4;
}
.staff-name-contact {
padding-left: calc(100px + 1rem);
}
.staff-name {
width: 200px;
margin: 0 1rem 0 0;
float: left;
}
.staff-contact {
padding-left: calc(200px + 1rem);
}
.staff-tasks {
padding-left: calc(100px + 1rem);
}
.staff-tasks .hide {
border-bottom: 1px solid #c9cac8;
}
@media screen and (max-width : 900px) {
.staff-entry {
font-size: calc(0.6em + 0.8vw) !important;
overflow: hidden;
text-overflow: ellipsis;
}
.staff-name {
display: block;
float: none;
}
.staff-contact {
padding-left: 0;
}
}
/* */
.toggleAll {
float: right;
margin-top:-1.7em;
}
@media screen and (max-width : 900px) {
.toggleAll {
float: none;
font-size: calc(0.6em + 0.8vw) !important;
margin-top: 0;
margin-bottom: 1em;
}
}
.expandableArea {
padding: 3px 0;
display:none;
}
.expandNext {
color: #2a6ebb;
cursor: pointer;
}
.expandNext.show:before{
content: "";
width: 0;
height: 0;
width: 7px;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #2a6ebb;
position: relative;
left: 0px;
transition: all 250ms linear;
transform: rotate(0deg);
float: left;
top: 3px;
}
.expandNext.hide:before{
content: "";
width: 0;
height: 0;
width: 7px;
position: relative;
left: 0px;
transition: all 250ms linear;
float: left;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #2a6ebb;
transform: rotate(90deg);
top: 5px;
}
/* */
.bildbox-3 {
max-width: 540px;
margin-bottom: 16px;
}
.bildbox-3 div {
background: #eeeeee;
padding: 10px;
border: 1px solid #c9cac8;
}
.bildbox-4 {
max-width: 720px;
margin-bottom: 16px;
}
.bildbox-4 div {
background: #eeeeee;
padding: 10px;
border: 1px solid #c9cac8;
}
/* */
.bluebox {
position: relative;
padding: 1em 1.5em;
margin: 1em auto;
background: #dae3ea;
border: 1px solid #a7c1e3;
}
.greenbox {
position: relative;
padding: 1em 1.5em;
margin: 1em auto;
background: #d0eb8a;
border: 1px solid #92d400;
}
.greybox {
position: relative;
padding: 1em 1.5em;
margin: 1em auto;
background: #b2b4b3;
border: 1px solid #747678;
}
.redbox {
position: relative;
padding: 1em 1.5em;
margin: 1em auto;
background: #ff818d;
border: 1px solid #de3831;
}
.yellowbox {
position: relative;
padding: 1em 1.5em;
margin: 1em auto;
background: #f8e498;
border: 1px solid #efbd47;
}