@charset "UTF-8";
@import "css/fontawesome.css";
.tabs {
  margin: 0 0 28px 0;
  width: 100%;
  /* height: 22px; */
}

.tabs ul.primary {
  margin: 40px 0 0 0;
  padding: 0; /* space/short line on left side of tabs */
  /* height: 22px; */
  overflow: hidden; /* set overflow NOT hidden in IE6; */
  list-style: none;
  /* background: url('img/progtab_bkg.png') repeat-x top left; */
  /* border-left: 1px solid white; */ /* white line over tab shadow? */
  /* border-right: 1px solid white; */
  /* border-bottom: none !important; */ /* overriding system.css settings */
  font-family: "Vestula Regular";
  border: none;
}

.tabs ul.primary li, .tabs ul.secondary li {
  float: left;
  margin: 2px;
  padding: 0;
  /* height: 21px; */
  overflow: hidden;
  /* background: url('img/progtab_inactive.png') no-repeat left top; */
  /* border-bottom: 1px solid #dbdbdb; */
  border: none;
}

.tabs ul.primary li a:hover, .tabs ul.secondary li a:hover {
  color: #667988;
  background-color: #fff;
}

.tabs ul.primary li.active, .tabs ul.secondary li.active {
  padding-bottom: 0;
  /* height: 22px; */
  overflow: hidden;
  border: none;
  /* background-image: url('img/progtab_active.png'); */ /* no positioning here? */
  color: #fff;
}

.tabs ul.primary li a, .tabs ul.secondary li a {
  /* height: 22px; */ /* fix for ff: overlaps tab background now. */
  display: block;
  padding: 3px 14px 3px 14px; /* leidenuniv org: 2px 14px 3px 6px; */
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  /* background: url('img/progtab_end.png') no-repeat right top; */ /* positioning background in firefox: move down 1px!! */
  border: 1px solid #667988; /* overriding system.css settings */
  margin-right: 0; /* overriding system.css settings */
  border-radius: 3px;
  background: none #667988;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tabs ul.primary li.active a, .tabs ul.secondary li.active a {
  color: #fff;
  background-color: #0c2577;
  border-radius: 3px;
  border: 1px solid #0c2577;
}

.tabs ul.primary li.active a:hover, .tabs ul.secondary li.active a:hover {
  color: #0c2577;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.tabs ul.secondary {
  margin: 5px 0 0 0;
  padding: 0; /* space/short line on left side of tabs */
  /* height: 22px; */
  overflow: hidden;
  list-style: none;
  /* background: url('img/progtab_bkg.png') repeat-x top left; */
  /* border-left: 1px solid white;	/* white line over tab shadow? */
  /* border-right: 1px solid white; */
  /* border-bottom: none !important; */ /* overriding system.css settings */
  font-family: "Vestula Regular";
  border: none;
}

@font-face {
  font-family: "Vestula Light";
  src: url("./fonts/vestula/vestulalight-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: merriweather;
  src: url("./fonts/Merriweather/Merriweather-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: merriweather;
  src: url("./fonts/Merriweather/Merriweather-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: merriweather;
  src: url("./fonts/Merriweather/Merriweather-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: merriweather;
  src: url("./fonts/Merriweather/Merriweather-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Vestula Regular";
  src: url("fonts/vestulapro/vestulapro-regular.woff") format("woff"), url("fonts/vestulapro/vestulapro-regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Vestula Semibold";
  src: url("fonts/vestulapro/vestulapro-semibold.woff") format("woff"), url("fonts/vestulapro/vestulapro-semibold.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Vestula Light";
  src: url("fonts/vestula/vestulalight-webfont.woff") format("woff"), url("fonts/vestula/vestulalight-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.nav-mobile, #ui-datepicker-div, .block-masquerade #autocomplete, .nav-main .menu dt.themeheader.expanded .menu, .nav-main, #alertbox {
  box-shadow: 0 0 5px 1px rgba(120, 110, 100, 0.3);
}

a.dashboard-btn-nav, .print_html a, #user-login input[type=submit], #footer input[type=submit], #alertbox .button-close, .btn-text-rounded, .btn-small, .button-action, .button-print, .node-form #edit-submit,
input[value=Save],
input[value=Cancel],
input[value=Continue],
input[value="Save field settings"], .node-form #edit-delete, input[value=Delete] {
  padding: 5px 12px;
  text-decoration: none;
  cursor: pointer;
  transition: background-color 0.25s ease-out;
  font-size: 15px;
  font-family: "Vestula Regular";
}

.print_html a, #alertbox .button-close, .btn-small, .button-action, .button-print, .node-form #edit-submit,
input[value=Save],
input[value=Cancel],
input[value=Continue],
input[value="Save field settings"], .node-form #edit-delete, input[value=Delete] {
  border-radius: 3px !important;
}

.view-news-short-format .views-field-title a:before, .view-programmes .views-field-title a:before {
  content: "\f111"; /* fa-circle */
  font-family: "FontAwesome";
  display: inline-block;
  vertical-align: top;
  width: 20px;
  margin-left: -20px;
  margin-top: 1px;
  color: #7f88ab;
  font-size: 0.625rem;
  font-weight: normal;
  text-align: center;
  padding-top: 4px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, li li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
}

em, em a {
  font-style: italic;
}

/* html5 elements */
section, article, aside, header, footer, nav, dialog, figure {
  display: block;
}

::before, ::after {
  box-sizing: inherit;
}

/* get rid of Safari input styles */
#search-theme-form input[type=submit],
#search-theme-form input[type=text],
#search-form input[type=submit],
#search-form input[type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

#search-form input[type=text] {
  border: #f5f5f5;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 1px 15px;
  margin-right: -4px;
}

#search-form input[type=submit] {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

/* 770px grid system 14/10/10 based on the 960.gs grid system by Nathan Smith (http://960.gs/) */
.container {
  margin-left: auto;
  margin-right: auto; /* overflow: hidden */
}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-125, .grid-15 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}

.container .grid-1, .container .grid-2 {
  width: 90px;
}

.container .grid-3, .container .grid-4 {
  width: 200px;
}

.container .grid-5 {
  width: 240px;
}

.container .grid-6 {
  width: 280px;
}

.container .grid-7, .container .grid-8 {
  width: 390px;
}

.container .grid-9, .container .grid-10 {
  width: 500px;
}

.container .grid-11, .container .grid-12 {
  width: 600px; /* was 610px */
}

.container .grid-13, .container .grid-14 {
  width: 720px;
}

.container .grid-115 {
  width: 630px;
}

.container .grid-125 {
  width: 660px;
} /* LIC2014 hacky styles! */
.container .grid-15 {
  width: 860px;
}

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

#container_main .container {
  overflow: visible !important;
}

ol, ul {
  list-style: none;
  margin-bottom: 1.75em;
}

ol li {
  list-style: decimal outside none;
}

blockquote, q {
  quotes: none;
}

a img, img {
  border: none;
}

a {
  text-decoration: none;
  outline: none;
}

textarea {
  overflow: auto;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cell-spacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Clear Floated Elements (http://sonspring.com/journal/clearing-floats) */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix::after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* [Document]
		Layout */
html {
  overflow-y: scroll;
} /* html background definition necessary to avoid white areas in certain browsers (Safari) */
body {
  font-family: merriweather, Georgia, serif;
  line-height: 1.75;
  color: #767676;
  background: #f5f5f5 none no-repeat fixed center;
}

body.calendar {
  width: auto;
}

.invisible, .hidden {
  display: none;
}

.center {
  text-align: center;
}

.main { /* background: #fff; */ }

#c-main-right {
  float: right;
  padding: 0;
  margin: 0;
}

#rightSidebar {
  padding: 0 20px 20px 0;
  width: 240px;
}

/* shift rightside menu down on non-front pages */
body.node #rightSidebar {
  margin-top: 0;
  padding-top: 0;
}

/* site name */
.section-name .site-name, .section-name .institute-name {
  display: block;
  text-align: right;
  line-height: 1.6em;
}

.section-name a {
  font-family: "Vestula Regular";
  font-size: 1rem;
  color: #0c2577;
  text-decoration: none;
  letter-spacing: 0.04em;
}

.section-name .site-name a:hover, .section-name .site-name a:visited {
  color: #0c2577;
  text-decoration: none;
}

.section-name .institute-name a, .section-name .institute-name a:hover, .section-name .institute-name a:visited {
  color: #667988;
  text-decoration: none;
}

a, a:visited {
  color: #b68f00;
}

a:hover {
  color: #b68f00;
  text-decoration: underline;
}

/* Buttons */
.node-form #edit-delete, input[value=Delete] {
  color: #fff;
  background-color: #f62c2c;
  border: 0 !important;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 6px;
}

.user-mentor .node-form #edit-delete,
.user-staff_member .node-form #edit-delete,
.user-external_supervisor .node-form #edit-delete,
.user-mentor input[value=Delete],
.user-staff_member input[value=Delete],
.user-external_supervisor input[value=Delete] {
  display: none;
}

.node-form #edit-submit,
input[value=Save],
input[value=Cancel],
input[value=Continue],
input[value="Save field settings"] {
  color: #fff;
  background-color: #0c2577;
  border: 0 !important;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
}

.button-print-wrapper {
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
}

.user-external_supervisor .button-print-wrapper {
  display: none;
}

.button-print {
  color: #fff;
  background-color: #0c2577;
  border: 0 !important;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 0;
  width: 150px;
  display: block;
  float: right;
  text-align: center;
}
.button-print a, .button-print a:hover, .button-print a:visited {
  color: #fff;
  text-decoration: none;
}

.button-action {
  color: #fff;
  background-color: #0c2577;
  border: 0 !important;
  margin-top: 50px;
  margin-bottom: 10px;
  margin-right: 0;
  width: 150px;
  display: block;
  text-align: center;
}
.button-action a, .button-action a:hover, .button-action a:visited {
  color: #fff;
  text-decoration: none;
}

a.button-print, a.button-print:visited, a.button-print:hover {
  color: #fff;
  text-decoration: none;
}

.digisign-wrapper {
  display: block;
  clear: both;
  margin-top: 40px;
  margin-bottom: 25px;
  overflow: hidden;
}

.digisign {
  display: block;
  background-color: #eee;
  float: left;
  width: 45%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
}

.digisign:nth-child(odd) {
  float: left;
  margin-left: 0;
}

.digisign:nth-child(even) {
  float: right;
  margin-right: 0;
}

.btn-small {
  background-color: #0c2577;
  font-size: 12px;
  color: #fff;
  font-family: "Vestula Regular";
  padding: 2px 12px 4px;
}

.btn-small a, .btn-small a:visited {
  color: #fff;
  text-decoration: none !important;
}

.btn-text-rounded {
  border-radius: 3px;
  /*
  a {
      color: #fff;

      &.hover { 
          color: #fff;
          text-decoration: none;
      }
  }
  */
}

#alertbox {
  display: none;
  position: fixed;
  z-index: 101;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: 500px;
  height: 220px;
  background-color: #fff;
  padding: 40px;
}
#alertbox .message {
  font-family: "Vestula Regular";
  font-size: 15px;
  color: #333;
}
#alertbox .button-close {
  background-color: #0c2577;
  font-size: 15px;
  position: absolute;
  bottom: 25px;
  right: 40px;
  color: #fff;
}
#alertbox .button-close:hover, #alertbox .button-close:active {
  color: #fff;
  text-decoration: none;
}

/* [Document]
		Footer */
#footer {
  clear: both;
  overflow: hidden;
  padding-top: 0;
  font-size: 14px;
  font-family: "Vestula Regular";
  width: 1180px;
  color: #666;
  margin-left: auto;
  margin-right: auto;
}

#footer h2.block-title {
  text-transform: none;
  color: #666;
  font-family: "Vestula Semibold";
}

#footer .footer-left, .footer-mid, .footer-right {
  float: left;
  width: 220px;
  padding: 48px 10px 25px 70px;
}

#footer .footer-left {
  padding-left: 45px;
}

#footer .menu li.leaf a, #footer .menu .themeheader a:hover {
  text-decoration: underline;
  color: #000;
}

#footer .menu {
  line-height: 1.5;
}

#footer .menu ul, #footer .menu .theme {
  list-style-type: none;
  list-style-image: none;
}

#footer .menu li, #footer .menu .themeheader {
  padding: 1px 0 7px;
  text-indent: -1.3em;
  list-style-type: none;
  list-style-image: none;
}

#footer .menu li.leaf a, #footer .menu .themeheader a {
  color: #666;
  padding-left: 1.3em;
  font-size: 14px;
  font-family: "Vestula Regular", Verdana, sans-serif;
}

#footer .block-menu, #footer .block-menu_block {
  margin-bottom: 40px;
}

/* [Document]
		Header and Breadcrumb */
.breadCrumb {
  display: block;
  float: left;
  margin: 0 0 15px 0;
  padding: 0;
  color: #767676;
  font-family: "Vestula Regular";
}

.breadCrumb ul {
  display: block;
  margin: 0;
  padding: 0;
  height: 20px;
}

.breadCrumb li {
  display: block;
  float: left;
  position: relative;
  margin: 0 0 0 0;
  padding: 0 4px 0 0;
  font-size: 12px;
  line-height: 1.9em;
}

.breadCrumb li:not(:last-child)::after {
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 0.625rem;
  line-height: 2.2;
  display: inline-block;
  margin: 0 3px -1px 6px;
  color: #999;
}

.breadCrumb li.last {
  margin-right: 0;
  padding-right: 0;
}

.breadCrumb li a {
  display: block;
  float: left;
  position: relative;
  line-height: 1.9em;
  overflow: hidden;
  color: #767676;
}

.breadCrumb li a:hover {
  text-decoration: underline;
}

.breadCrumb a, .breadcrumb a:visited {
  color: #767676;
  font-size: 12px !important;
}

.nav-header .uni-seal {
  margin: 0 0 0 10px;
  padding: 0;
}

.nav-header .uni-seal img {
  vertical-align: middle;
}

/* [Document] Content section */
/* 2025 UL redesigned background */
#content-wrapper {
  background: linear-gradient(-90deg, #f5f5f5, #f5f5f5 15%, #fff 65%);
  background-color: #fff;
  margin: 0;
  padding: 0 20px 20px 20px;
  box-sizing: border-box;
}

.form #content-wrapper {
  padding-right: 10px;
}

.masterplanner #content-wrapper,
.front #content-wrapper {
  background: none !important;
}

.content-chapter { /* background: #fff; */ }

#content {
  color: #767676;
  padding-top: 0;
}

/* icons for file attachments & links */
/* disable filefield icons first */
.filefield-icon {
  display: none;
}

.filefield-file {
  display: block; /* width: 495px; */
  overflow: hidden;
}

/* read more link from ed_readmore module */
.read-more a {
  color: #b68f00;
  font-size: 0.875rem !important;
  line-height: 1.8333;
  padding-left: 0;
  font-family: "Vestula Semibold";
}
.read-more a::after {
  content: ">";
  margin-left: 5px;
}

/* chapter read more link */
.more-link {
  font-family: "Vestula Regular";
}

.more-link a {
  color: #b68f00;
  padding-left: 8px;
  font-size: 12px;
}

.read-more a:hover {
  color: #000;
}

.more-link a:hover {
  color: #b68f00;
  text-decoration: underline;
}

.more-link a:visited {
  color: #b68f00;
}

body {
  font-weight: normal;
  font-stretch: normal;
  text-align: left;
}

/* grid-2 & alpha styles embedded */
.events img.imagecache-previewed, .news img.imagecache-previewed {
  margin: 0 0 22px 30px;
}

img.imagecache-thumbnailed, img.imagecache-thumbnailed_70x70, img.imagecache-thumbnailed_90x90, img.imagecache-thumbnailed_large {
  display: inline;
  float: left;
  position: relative;
  overflow: hidden;
}

a.imagecache-previewed img {
  display: inline;
  float: left;
  position: relative;
  margin: 0 0 22px 30px;
  overflow: hidden;
}

/* replace with separate style for horizontal slider */
.graduate-schools-chemistry-and-life-sciences img.imagecache-previewed, .graduate-schools-chemistry-and-life-sciences a.imagecache-previewed img, .research_group img.imagecache-previewed, .education img.imagecache-previewed {
  margin: 0 15px 12px 0;
}

a.imagecache-thumbnailed_70x70 img, a.imagecache-thumbnailed_90x90 img, img.imagecache-thumbnailed_90x90 {
  background: #fff;
  margin: 0 15px 12px 0;
  float: left;
}

.node .field-field-image {
  float: right;
}
.node .field-field-image .imagecache-previewed {
  margin: 0 0 22px 30px;
}

.field-field-group-link {
  margin: 10px 0 20px 0;
}

.field-field-group-link a {
  text-decoration: none !important;
  padding-left: 8px;
}

/* equivalent of UL h3.section-list */
h2.block-title {
  margin: 12px 0 8px 0;
  padding: 0;
  line-height: 1.375;
  font-size: 1rem;
  font-family: "Vestula Semibold", Georgia, serif;
  color: #001158;
  font-weight: normal;
}

.content-multigroup-group-paragraph .content-multigroup-wrapper {
  margin-top: 0;
}

/* redundant styles: used where?! (check db tables) */
.field-field-image-paragraph {
  float: left;
  margin: 0 30px 22px 0;
}

.field-field-paragraph-image {
  float: left;
  margin: 0 30px 22px 0;
}

.item legend {
  color: #b68f00;
  font-weight: bold;
  font-size: 100%;
}

.messages, .messages a {
  color: #9F0000;
  margin: 1em 0;
  font-family: "Vestula Regular";
}

pre {
  background-color: #eee;
  padding: 0.75em 1.5em;
  border: 1px solid #ddd;
  /* font-size: 90%; */
}

.form-item label {
  color: #333;
}

.item-list .title {
  color: #333;
}

.comment .links {
  margin-bottom: 0;
}

/*----------primary links---located in header----------*/
.nav-main {
  height: 2.6em;
  font-size: 14px;
  line-height: 2.6em;
  background-color: #667988;
  font-family: "Vestula Regular";
  margin: 30px 0 15px 0;
}

.nav-main dl {
  float: left;
}

.nav-main a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  line-height: 2.6em;
  height: 2.6em;
  font-size: 14px;
}

.nav-main a:hover {
  color: #667988;
  background-color: #fff;
  text-decoration: none;
  line-height: 2.6em;
}

/*----------nav main via ul-------------*/
.nav.main ul.menu {
  margin: 0;
  padding: 0;
}

ul.menu {
  padding: 0;
  margin: 0;
}

ul.menu li.leaf {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}

.nav-main ul.menu li.leaf {
  float: left;
  margin: 0;
  padding: 0;
}

.nav-main ul.menu li a {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
  color: #fff;
  line-height: 2.6em;
  height: 2.3em;
}

.nav-main ul.menu li a:hover {
  color: #667988;
  background-color: #fff;
  text-decoration: none;
  line-height: 2.6em;
}

.nav-main dt.themeheader.expanded {
  width: auto;
}

.nav-main .menu dt.themeheader.expanded .menu {
  display: none;
  position: absolute;
  width: 270px;
  z-index: 9999;
  left: -999em;
  background-color: #667988;
  border-top: 1px solid #fff;
}
.nav-main .menu dt.themeheader.expanded .menu .theme:first-child a:hover {
  border-radius: 0;
}

.nav-main .menu .menu dl {
  float: none;
}

/* --> check breadcrumb margin-left for Firefox! */
/*
#breadcrumb { clear: left; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: 14px !important; color: #666; margin-bottom: 10px; font-family: "Vestula Regular"; }
#breadcrumb ul { padding: 1px 0 1px 0; font-size: 14px; }
#breadcrumb li { padding: 0 8px 0 8px; display: inline; }
#breadcrumb li.first { padding: 0 8px 0 0; background: transparent none repeat; }
#breadcrumb a, #breadcrumb a:visited { color: #666; text-decoration: none; font-size: 14px; line-height: 1.9em; }
	#breadcrumb a:hover { color: #666; text-decoration: underline; }
#breadcrumb .breadcrumb { padding-bottom: 0; line-height: 28px; }
*/
/* leidenuniv navigation styles */
#middle .menu {
  margin-top: 16px;
  margin-left: 0;
}

#middle .theme {
  margin: 0 0 10px 0;
  padding: 0;
}

#middle .theme dd {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}

#middle dd.themesub {
  font-size: 14px !important;
}

#middle a.themesub {
  color: #333;
}

#middle a.themesub:hover {
  color: #000;
}

#middle .theme dt a {
  margin: 0;
  font-size: 14px;
  line-height: 1.1;
  color: #333;
  padding-left: 22px; /* background: url('images/pijl_sub.png') 3px 3px no-repeat; */
}

#middle .theme dt a:hover {
  color: #000;
}

#middle .theme dt a:visited {
  color: #333;
}

/* added bottom padding in themeheader */
#middle .themeheader {
  padding: 8px 0 0 0;
  margin: 0 0 2px;
  border-bottom: thin dotted rgb(215, 215, 215);
  text-indent: -1.5em;
}

#middle .themelink {
  line-height: 1.4;
  font-size: 14px !important;
}

/* middle non themesub */
#block-views-graduation-block_2 {
  line-height: 1.5;
  font-family: "Vestula Regular";
}

#block-views-graduation-block_2 .views-field-field-date-value {
  padding: 3px 0 3px; /* text-indent: -1.3em; */
  border-bottom: 1px dotted #ccd5d3;
  margin-left: 0;
}

#block-views-graduation-block_2 .views-field-field-date-value .date-display-single { /* background: url('images/pijl_sub.png') no-repeat scroll 3px 3px transparent; */
  color: #b68f00;
  padding-left: 0;
  font-size: 15px;
}

#block-views-graduation-block_2 .views-field-title {
  background: none;
}

#block-views-graduation-block_2 .views-field-title a {
  line-height: 1.4;
  font-size: 14px !important;
  color: #0044aa;
}

#block-views-graduation-block_2 .views-field-field-date-certification-value {
  margin-top: 4px;
}

#block-views-graduation-block_4 table,
#block-views-graduation-block_5 table {
  font-family: "Vestula Regular";
  font-size: 15px;
}

#block-views-graduation-block_4 th,
#block-views-graduation-block_4 tr.odd,
#block-views-graduation-block_5 th,
#block-views-graduation-block_5 tr.odd {
  background-color: transparent;
  border-bottom: 1px dotted #ccc;
}

#block-views-graduation-block_4 tr.even,
#block-views-graduation-block_5 tr.even {
  background-color: #f5f5f5;
  border-bottom: 1px dotted #ccc;
}

#block-views-graduation-block_4 td,
#block-views-graduation-block_5 td {
  padding: 5px;
}

.views-field-field-date-final-grade-value, .views-field-field-date-certification-value, .views-field-field-grad-procedure-deadline-value {
  width: 25%;
}

#rightSidebar h2 {
  margin: 10px 0 8px 0;
  padding: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  font-family: merriweather, georgia, "Vestula Regular";
  text-transform: none;
  color: #001158;
}

#rightSidebar dl.theme, #middle dl.theme {
  line-height: 1.5;
  font-family: "Vestula Regular";
}

#rightSidebar dt.themeheader {
  padding: 2px 0;
  margin-left: 5px;
}

#rightSidebar dt.themeheader a, #middle dt.themeheader a {
  color: #333;
  font-size: 15px;
}

#rightSidebar dt.themeheader a { /* padding-left: 23px; */ }

#rightSidebar .theme:last-child .themeheader {
  border: none;
}

/* -- pager styles -- */
.overview #middle .item-list {
  text-align: center;
}

#middle li.pager-previous, #middle li.pager-current, #middle li.pager-last {
  margin-left: 0 !important;
}

.pager {
  display: inline-block;
  line-height: 1.5em;
  margin-left: 0;
  font-weight: normal;
  margin-top: 3px;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
  padding: 0 !important;
}

.pager a:hover, .pager a:link, .pager a:visited, .pager a:active {
  color: #b68f00;
  text-decoration: none;
}

.item-list .pager li {
  display: inline;
  list-style-type: none;
  padding: 8px;
  margin: 1px;
  /* background-color: #fff; */
}

.pager-ellipsis {
  float: left;
  color: #767676;
  background-color: white;
  border: transparent solid #fff;
  padding: 2px;
  margin: 1px;
  margin-top: 4px;
}

.pager-current {
  display: block;
  float: left;
  color: #767676;
  background-color: transparent !important;
  padding: 2px;
  margin: 1px;
  font-weight: normal;
  border-radius: 15px;
}

/* pager previous etc should be hidden when there's no link inside, so styles should be set to a */
.pager-next, .pager-last, .pager-first, .pager-previous, .pager-item {
  /* display: block; */
  float: left;
  color: #767676;
  border-color: transparent;
  /* padding: 2px 4px 2px 4px; */
}

/* -- end pager styles -- */
.item .view .view-title {
  margin: 12px 0 8px 0;
  padding: 0;
  line-height: 1.65;
  font-size: 12px;
  font-family: Georgia, Times New Roman, serif;
  color: #4a7184;
  text-transform: uppercase;
  border-bottom: 1px dotted #ccd5d3;
  font-weight: bold;
} /* "view referenced" block title */
.field-content img.imagecache-thumbnailed, .field-field-image img.imagecache-thumbnailed {
  margin: 4px 15px 4px 0;
}

/*
.views-row { font-size: 16px; }
.views-row .views-field-teaser, .views-row .views-field-body, .views-row .views-field-type { font-size: 16px; }
*/
.views-field-teaser .field-content ul {
  list-style-type: disc;
}

.views-field-title { /*font-weight: bold;*/ }

.views-field-title a, .views-field-title .field-content a:visited {
  color: #333;
  font-size: 16px;
  font-family: "Vestula Semibold", Georgia, Verdana; /* font-weight: bold; */
}

.organisation .views-field-title a, .organisation .views-field-title .field-content a:visited, .contact .views-field-title a, .contact .views-field-title .field-content a:visited {
  font-family: "Vestula Semibold";
  font-weight: normal;
  font-size: 16px;
}

.view-projects-overview .views-field-title a, .view-projects-overview .views-field-title .field-content a:visited {
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
}

.lecture-series .views-field-title a, .lecture-series .views-field-title .field-content a:visited {
  font-size: 16px;
}

.views-field-title .field-content a:hover {
  text-decoration: underline;
  color: #000;
}

.views-field-teaser {
  margin-bottom: 20px;
}

img.imagecache-minified_40x40 {
  margin: 0 8px 4px 0;
}

/*
** Common declarations for child classes of node, comment, block, box, etc.
** If you want any of them styled differently for a specific parent, add
** additional rules /with only the differing properties!/ to .parent .class.
** See .comment .title for an example.
*/
/*
.title, .title a {
	font-weight: bold;
	font-size: 1.4em;
	color: #D17921;
	margin: 0 auto 0 auto;
}
*/
/* .block { margin-bottom:1.5em; } */
#center .date {
  color: #6a6a6a;
}

.submitted {
  color: #999;
}

.links li.first {
  padding-left: 0;
}

.block, .box {
  padding: 0;
}

.box .title {
  font-size: 1.1em;
}

#center .node {
  padding-bottom: 1.5em;
}

.node .taxonomy {
  color: #999;
  font-size: 0.8em;
  padding: 1.5em;
}

/*
** Module specific styles
*/
#profile .profile {
  clear: both;
  border: 1px solid #abc;
  padding: 0.5em;
  margin: 1em 0 1em 0;
}

#profile .profile .name {
  padding-bottom: 0.5em;
}

.calendar a {
  text-decoration: none;
}

.calendar td, .calendar th {
  padding: 0.4em 0;
  border-color: #888;
}

.calendar .day-today {
  background-color: #69c;
}

.calendar .day-today a {
  color: #fff;
}

.calendar .day-selected {
  background-color: #369;
  color: #fff;
}

.calendar .header-week {
  background-color: #ccc;
}

.calendar .day-blank {
  background-color: #ccc;
}

.calendar .row-week td a:hover {
  background-color: #fff;
  color: #000;
}

/* hide ical icon below calendars */
.view-calendar .feed-icon {
  display: none !important;
}

/* hide weekends */
.calendar-calendar .sat, .calendar-calendar .sun {
  display: none;
}

.calendar-calendar div.day {
  border: none !important;
}

.calendar-calendar td .inner div, .calendar-calendar td .inner div a {
  background-color: #fff;
}

.calendar-calendar ul.links {
  display: none !important;
}

/* search results page */
.box h2.title {
  display: block !important; /* border-bottom: thin dotted rgb(215, 215, 215); */
  font-family: "Vestula Semibold";
  color: #333;
  font-size: 1.125rem;
  margin: -7px 0 10px 0px;
  font-weight: normal;
}

.box dt.title a {
  color: #333;
  font-size: 0.875rem;
  text-decoration: none;
  font-family: "Vestula Semibold";
}

.box dt.title a:hover, .box dt.title a:active {
  text-decoration: none;
}

.box p.search-snippet {
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 15px;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
}

.box p.search-info {
  display: none;
}

dl.search-results dd {
  border-bottom: 1px dotted #ccc;
  margin-left: 0;
}

a#mobile-search-toggle {
  display: none;
}

.views-row {
  clear: both !important;
}

.views-field-title {
  color: #333;
}

/* Drupal specific */
.advanced-help-topic {
  font-size: 11px;
}

/* attachments table */
thead th {
  border-width: 1px;
}

#attachments thead {
  display: none;
}

#attachments td {
  padding: 0.3em 0.3em 0.3em 1.5em;
  background: url(images/attachment_16.svg) 5px no-repeat;
}

#attachments {
  margin-top: 20px;
  font-family: "Vestula Regular";
}
@media (max-width: 768px) {
  #attachments {
    width: 100%;
  }
}
@media (min-width: 769px) {
  #attachments {
    margin-left: 12.5%;
    width: 87.5%;
  }
}

#attachments tr {
  border-color: #fff;
}

#attachments tr.even, #attachments tr.odd {
  background-color: #c8d1e1;
  line-height: 1.8em;
}

#attachments a, #attachments a:visited {
  color: #0044aa;
}

/* tr.even, tr.odd { background-color: #fff; } */
/* [Chapter]
		Defaults */
h3.section-list {
  margin: 12px 0 8px 0;
  padding: 0;
  line-height: 1.65;
  font-size: 12px;
  font-family: Georgia, Times New Roman, serif;
  color: #4a7184;
  text-transform: uppercase;
  border-bottom: 1px dotted #ccd5d3;
}

h3.section-list a {
  color: #4a7184 !important;
}

.section-article {
  margin-bottom: 2em;
  padding-bottom: 20px;
  border-bottom: 1px solid #f7f7f7;
}

/* .view-content .views-row:last-child .section-article { border: none; } */
.section-article h4 {
  margin-bottom: 5px;
  font-size: 1rem !important;
  font-family: "Vestula Semibold", Verdana, sans-serif;
  font-weight: normal;
  line-height: 1.375em !important;
}

.section-article h4 a {
  color: #333;
  font-size: 1rem !important;
  text-decoration: none;
  font-family: "Vestula Semibold", Verdana, sans-serif;
  font-weight: normal;
}

.section-article h4 a:hover {
  text-decoration: underline;
}

.section-article img {
  margin: 4px 10px 4px 0;
}

.chapter.read-more {
  color: #b68f00;
  display: block;
  clear: both;
  margin: -20px 0 20px 0;
  padding-top: 1px;
  font-size: 0.75rem;
  line-height: 1.8333;
  text-align: right;
}

#middle {
  overflow: hidden;
  padding-top: 0;
}

#middle ul {
  list-style: none;
  margin-bottom: 10px;
}

#middle li {
  padding-left: 25px;
  line-height: 1.7em;
}

#middle li.head {
  margin-top: 11px;
  margin-bottom: 1%;
  font-size: 115%;
  line-height: 1.45;
}

#middle li.head a {
  display: block;
  color: #b68f00;
  border-bottom: 1px dotted #ccd5d3;
}

#middle li.sub {
  font-size: 90%;
  line-height: 1.5;
  color: #666;
}

#middle li.sub.link {
  padding-left: 35px;
}

#middle li.sub a {
  color: #369;
}

/* teaser paragraph break fix */
.section-article p {
  margin-bottom: 1.75em; /* 1em; */
}

.colloquium .section-article p {
  margin-bottom: 1.75em;
}

/* [Section]
 		Defaults */
/* [Article]
 		Defaults */
.overview .section-article p, .overview .section-article ul, .overview .section-article ol, .overview .section-article a {
  font-size: 15px;
}

.node { /* margin-bottom: 20px; */
  font-size: 16px;
  color: #333;
} /* margin-top added to create space between breadcrumbs & content */
/* .node h2 { margin: 5px 0 6px 0; padding: 0; font-size: 155%; line-height: 1.3; font-weight: normal; font-family: Georgia, Times New Roman, serif; color: #921; } */
.node h3 {
  margin: 20px 0 2px 0; /*font-size: 110%; color: $uni-gold; */
}

.node .abstract {
  color: #666;
}

.node hr {
  margin-bottom: 20px;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

.node p {
  font-family: merriweather;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.75em;
}

/* .node a[href] { text-decoration: underline; } */
/* color: #40a; */
/* .node ol,
	.node ul, .section-article ul { margin: 0 0.5em 1.75em 1.5em; } */
.node li, .section-article li { /* margin-bottom: 0.25em;*/
  margin-left: 20px;
}

.node .content-multigroup-group-paragraph li {
  margin-left: 20px !important;
}

#breadCrumb li {
  margin-left: 0;
}

.node li p {
  margin: 0;
  padding: 0;
}

.node .img-above,
.node .img-below {
  margin: 0 -5px 1.75em 60px;
  width: 410px;
  overflow: hidden;
}

.node .img-above img,
.node .img-below img {
  display: block;
  margin: 0;
  padding: 4px;
  width: 400px;
  border: 1px solid #ddd;
}

.node .youtube {
  margin-left: 5px !important;
  width: 480px !important;
}

.node .img-left {
  float: left;
  margin: 0 15px 1em -5px;
  padding: 0;
  width: 210px;
  overflow: hidden;
}

.node .img-right {
  float: right;
  margin: 0 -5px 1em 15px;
  padding: 0;
  width: 210px;
  overflow: hidden;
}

.node .img-left img,
.node .img-right img {
  display: block;
  float: right;
  margin: 0;
  padding: 4px;
  border: 1px solid #ddd;
}

.node .img-right img {
  float: right;
}

.node .img-left.small {
  margin: 0 15px 1em -5px;
  padding: 4px;
  width: 90px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.node .img-right.small {
  float: right;
  margin: 0 -5px 1em 15px;
  padding: 4px;
  width: 90px;
  overflow: hidden;
  border: 1px solid #ddd;
}

.node .img-left.small img,
.node .img-right.small img {
  display: block;
  margin: 0;
  padding: 0;
  width: 90px;
  border: none;
}

.node .caption p {
  margin: 1% 0 1% 0;
  padding: 0 5px;
  line-height: 1.2;
  color: #4a7184;
}

.node .showpdf {
  margin-bottom: 4%;
  padding: 1% 0;
  background-color: #eee;
}

.node .showpdf ul {
  list-style: none;
  padding-left: 5px;
}

.node .showpdf a {
  padding-right: 0 !important;
  padding-left: 20px;
  color: #369;
  background: transparent url("images/file_pdf.png") center left no-repeat !important;
}

.node .author {
  clear: both;
  margin-top: 20px;
  padding-top: 2px;
  line-height: 1.5;
  color: #999;
  border-top: 1px dotted #ddd;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
} /* margin-top added for spacing */
.node .alright {
  text-align: right;
}

/* [Article]
 		Tables */
.node table {
  font-family: "Vestula Regular";
  font-size: 0.875rem;
}

.node table th {
  padding: 0 4px 2px 0;
  text-align: left;
}

.node table td {
  padding: 0 4px 2px 0;
  vertical-align: top;
}

.contact table tr {
  border-bottom: 1px solid #ccc;
}

.contact table tr:last-child {
  border-bottom: none;
}

.contact table td {
  padding: 11px 10px 11px 10px;
  vertical-align: top;
}

.node table p {
  margin: 0;
  padding: 0;
}

.node table tr.left, .node table td.left, .node table th.left {
  text-align: left !important;
}

.node table tr.right, .node table td.right, .node table th.right {
  text-align: right !important;
}

.node table tr.center, .node table td.center, .node table th.center {
  text-align: center !important;
}

.node table tr.grey, .node table td.grey, .node table th.grey {
  text-align: left !important;
  background-color: #ccc;
}

.node table tr.right-grey, .node table td.right-grey, .node table th.right-grey {
  text-align: right !important;
  background-color: #ccc;
}

.node table tr.center-grey, .node table td.center-grey, .node table th.center-grey {
  text-align: center !important;
  background-color: #ccc;
}

.node table tr.lightgrey, .node table td.lightgrey, .node table th.lightgrey {
  text-align: left !important;
  background-color: #eee;
}

.node table tr.right-lightgrey, .node table td.right-lightgrey, .node table th.right-lightgrey {
  text-align: right !important;
  background-color: #eee;
}

.node table tr.center-lightgrey, .node table td.center-lightgrey, .node table th.center-lightgrey {
  text-align: center !important;
  background-color: #eee;
}

.node table.Table-Numbers {
  width: 95%;
}

.node table.Table-Numbers th {
  padding: 1px;
  text-align: left;
}

.node table.Table-Numbers td {
  padding: 1px;
  vertical-align: top;
}

.node table.Table-Specification {
  margin: auto;
}

.node table.Table-Specification th {
  padding: 1px;
  text-align: left;
  border: 1px solid #999;
}

.node table.Table-Specification td {
  padding: 1px;
  vertical-align: top;
  border: 1px solid #999;
}

#pt_img_brandName {
  margin-left: 235px;
  margin-right: 5px;
  padding: 0;
  float: left;
}

.big-bird-container .imagecache {
  border: none !important;
  padding: 0 !important;
}

/* .block-views { clear: both; } */
/* tag overview pages */
#content .node h2.title {
  font-family: Verdana, sans-serif;
  font-size: 1em;
}

#content .node h2.title a {
  font-size: 1em;
  color: #b68f00;
}

/*.links li.node_read_more { display: none; }*/ /* remove style? */
/* tweets in quicktabs */
#rightSidebar .block-quicktabs {
  clear: both;
}

.imagecache-minified_40x40 {
  float: left;
  margin-right: 5px;
  margin-bottom: 8px;
}

/* leidenuniv, login/logout links */
.topnav {
  margin-top: 0;
  line-height: 1.9;
  font-family: "Vestula Regular", Verdana, sans-serif;
  clear: both;
  box-sizing: border-box;
}

.topnav ul {
  list-style: none;
}

.service {
  text-align: center;
}

.service span {
  display: block;
  line-height: 1.9;
}

.service a {
  color: #fff;
  font-size: 12px;
}

.internal { /* width: 130px !important; */ /* text-align: right; */
  margin-right: 0;
  float: right;
}

.internal span {
  display: block;
  padding: 0;
  line-height: 1.9;
}

.internal a {
  color: #4a7180;
  font-size: 12px;
}

/* tags */
.terms {
  font-family: "Vestula Regular", Verdana;
  font-size: 11px;
  margin-bottom: 20px;
  margin-top: 15px;
}

.meta .terms li {
  margin-right: 10px;
  border-left: 3px solid #d6d6d6;
  padding: 6px 8px 6px 8px !important;
  background-color: #fafafa;
}

.meta .terms li a {
  text-decoration: none;
  font-size: 11px !important;
}

ul.inline {
  margin-left: 0;
}

.links .inline li a {
  color: rgb(0, 68, 170);
}

/* edit page styles: #node-form as .item stand-in */
#node-form {
  margin-bottom: 20px;
  font-size: 16px;
  color: #666;
}

#node-form h2 {
  margin: 5px 0 6px 0;
  padding: 0;
  font-size: 18px;
  line-height: 1.3;
  font-weight: normal;
  font-family: "Vestula Semibold", Georgia, Times New Roman, serif;
  color: #0c2577;
}

#node-form h3 { /* margin: 20px 0 2px 0; font-size: 12px; color: $uni-gold; border-bottom: none !important; */ }

#node-form .abstract {
  color: #666;
}

#node-form hr {
  margin-bottom: 20px;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

#node-form p {
  margin-bottom: 1.75em;
}

/* #node-form a[href] { text-decoration: underline; } */
/* #node-form a[href]:visited { color: #40a; } */
#node-form ol,
#node-form ul {
  margin: 0 0.5em 0.5em 1.5em;
}

#node-form li {
  margin-bottom: 0.25em;
}

#node-form li p {
  margin: 0;
  padding: 0;
}

#node-form label {
  color: #333;
  font-family: "Vestula Regular", Verdana;
  font-size: 15px;
  font-weight: normal;
}

#node-form label.option {
  color: #767676;
}

#node-form legend, .webform-client-form legend {
  font-family: "Vestula Semibold";
  font-weight: normal;
  color: #333;
  font-size: 1.125rem;
}

#node-form fieldset, .webform-client-form fieldset {
  margin-top: 10px;
}

#node-form fieldset legend a, .webform-client-form fieldset a {
  text-decoration: none !important;
  color: #333;
}

#node-form fieldset fieldset legend {
  color: #333;
}

#node-form .content-add-more {
  padding: 10px;
} /* room for "add more values" (multi paragraph) button */
#node-form tr {
  border: 0;
}

#node-form fieldset .mceEditor, #node-form fieldset .mceLayout { /* width: 425px !important; */ }

#node-form fieldset fieldset { /* width: 410px !important; */ }

/* .activeTagsAutocomplete-processed { width: 350px !important; } */ /* activeTags ruins a bit more than just this list of tags */
/**
 * Collapsible fieldsets
 */
#node-form fieldset, .webform-client-form fieldset {
  margin: 1em 0;
  padding: 1em;
  border: 1px solid #d9eaf5;
  /* background: #fff url('img/gradient-inner.png') repeat-x 0 0; */
}

/* Targets IE 7. Fixes background image in field sets. */
*:first-child + html #node-form fieldset {
  padding: 0 1em 1em;
  background-position: 0 0.75em;
  background-color: transparent;
}

*:first-child + html #node-form fieldset > .description, *:first-child + html fieldset .fieldset-wrapper .description {
  padding-top: 1em;
}

fieldset legend {
  /* Fix disappearing legend in FFox */
  display: block;
}

*:first-child + html fieldset legend, *:first-child + html fieldset.collapsed legend {
  display: inline;
}

html.js #node-form fieldset.collapsed {
  background: transparent;
  padding-top: 0;
  padding-bottom: 0.6em;
}

html.js #node-form fieldset.collapsible legend a {
  padding-left: 2em; /* LTR */
  background: url("img/menu-expanded.gif") no-repeat 0 50%; /* LTR */
  font-size: 15px;
}

html.js #node-form fieldset.collapsed legend a {
  background: url("img/menu-collapsed.gif") no-repeat 0 50%; /* LTR */
}

/* help sections: clean up needed! */
#help {
  margin-top: 30px;
}

#help .help {
  font-size: 16px;
  color: #666;
}

.help h2 {
  margin: 5px 0 6px 0;
  padding: 0;
  font-size: 155%;
  line-height: 1.3;
  font-weight: normal;
  font-family: Georgia, Times New Roman, serif;
  color: #333;
}

.help h3 {
  margin: 20px 0 2px 0;
  font-size: 110%;
  color: #b68f00;
}

.help .abstract {
  color: #666;
}

.help hr {
  margin-bottom: 20px;
  height: 0;
  border: none;
  border-bottom: 1px solid #ccc;
}

.help p {
  margin-bottom: 1.75em;
}

.help a[href] {
  text-decoration: underline;
}

.help a[href]:visited {
  color: #0044aa;
}

.help ol,
.help ul {
  margin: 0 0.5em 0.5em 1.5em;
}

.help li {
  margin-bottom: 0.25em;
}

.help li p {
  margin: 0;
  padding: 0;
}

.help label {
  color: #b68f00;
}

.help label.option {
  color: #7f88ab;
}

.help legend {
  font-weight: bold;
}

.view-header, .view-header p, .view-header a {
  font-family: "Vestula Light", Georgia, serif;
  font-size: 1.625rem;
  /* padding: 0px 10px 10px 70px; */
  line-height: 1.385;
  color: #333;
}

.view-header p strong {
  font-family: "Vestula Regular";
}

.view-header {
  margin-bottom: 20px;
}

.view-header p {
  margin-bottom: 1.75em;
}

.view-header p:nth-child(n+2), .view-header p:nth-child(n+2) a {
  font-family: merriweather, Georgia, serif;
  font-size: 16px;
  line-height: 1.65;
}

.view-footer p, .view-footer a {
  font-family: Georgia;
  font-size: 16px;
  font-style: italic;
}

#block-block-4 li {
  list-style-type: square;
}

/* form/masterplanner descriptions */
.form-item .description, .form-item .description a {
  clear: left;
  font-size: 14px;
}

/* enabling ul bullets; what happens with quicktabs? */
/* bullets in TinyMCE? */
.node ul, .section-article ul {
  list-style-type: square;
}

/* overview pages CO, via views reference */
.node div.view-groups-short .view-content {
  font-size: 11px;
}

.node div.view-groups-short .views-field-title a, .node div.view-facilities-short .views-field-title a, .node div.view-locations-short .views-field-title a, .node div.view-research-short .views-field-title a {
  font-size: 12px;
}

.node div.view-groups-short .field-content p, .node div.view-facilities-short .field-content p, .node div.view-locations-short .field-content p, .node div.view-research-short .field-content p {
  font-size: 11px !important;
}

/* node content views block title */
.view-display-id-node_content_1, .view-display-id-node_content_2 {
  clear: both;
}

.view-display-id-node_content_1 .view-title,
.view-display-id-node_content_2 .view-title {
  margin: 35px 0 8px 0;
  padding: 0;
  font-size: 12pt;
  line-height: 1.5;
  font-family: "Vestula Regular", serif;
  color: #333;
  text-transform: uppercase;
  font-weight: normal;
  clear: both;
}

.field-field-profile-link, .field-field-group-link, .views-field-field-link-repository-url {
  margin: 10px 0 8px 0;
  padding: 0;
  font-size: 12pt;
  line-height: 1.5;
  font-family: "Vestula Regular", serif;
  color: #b68f00;
  font-weight: normal;
}

.field-field-profile-link, .field-field-group-link {
  clear: both;
}

.field-field-profile-link a[href], .field-field-group-link a[href], .views-field-field-link-repository-url a[href] {
  padding: 0;
  text-decoration: none; /* color: $uni-gold; */
  font-size: 16px;
  background: none !important;
}

.field-field-profile-link a[href]:before, .field-field-group-link a[href]:before, .views-field-field-link-repository-url a[href]:before {
  content: "> ";
}

/* graduation dates */
.attachment .views-field-field-date-value {
  font-size: 11px;
}

.attachment .view-title {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.5;
  font-family: Georgia, Times New Roman, serif;
  color: #4a7184;
  text-transform: uppercase;
  font-weight: bold;
  border-bottom: 1px dotted #ccd5d3;
}

.field-field-view-reference .section-article {
  font-size: 11px;
}

.field-field-view-reference .section-article h4 a {
  text-decoration: none;
}

.field-field-view-reference .section-article .read-more a {
  text-decoration: none;
  font-family: "Vestula Regular";
  color: #b68f00;
}

.field-field-view-reference .section-article .read-more a:hover {
  text-decoration: underline;
  color: #b68f00;
}

/* views: content node (views_attach module) */
.view-publications-custom {
  clear: both;
}

/* search results */
p.search-snippet {
  font-size: 15px;
}

.search-results dt.title {
  font-size: 15px;
}

.search-form .container-inline {
  margin-bottom: 30px;
}

/* course info */
.course p, .course .field-item {
  font-size: 1rem;
}

.course .odd, .course .even {
  clear: both;
}

.group-meta {
  background-color: #eee;
  padding: 20px 20px 20px 20px;
  margin-top: 10px;
  margin-bottom: 15px;
}

/* .group-meta .field-items .odd, .group-meta .field-items .even { float: left; } */
/* .group-meta .field-items .even:before { content: ','; } */
.group-meta .field-items {
  clear: both;
  overflow: hidden;
}

/*.group-meta .field .field-label-inline { display: none; } */
.group-meta .field .field-label-inline-first {
  display: block;
  width: 150px;
  float: left;
}

.group-meta .field .field-label-inline {
  float: left;
  width: 150px;
}

/* frontpage calendar ("more") link */
div.calendar-link a {
  font-size: 13px !important;
  font-style: normal;
  font-family: "Vestula Regular";
}

.view-news-short-format .view-content {
  margin-bottom: 1em;
}

.view-news-short-format .views-field-created {
  float: left;
}

.view-news-short-format .views-field-title a, .view-programmes .views-field-title a {
  margin-left: 20px;
  font-weight: normal !important;
  padding-left: 0;
  color: #333;
  font-size: 1rem;
}

.view-news-short-format .views-field-title a:visited {
  color: #333 !important;
}

.view-news-short-format .views-field-title a:hover, .view-news-short-format .views-field-title a:active {
  color: #000;
  text-decoration: underline !important;
}

#user-register label, #user-login label, #user-pass label {
  font-weight: normal;
  color: #b68f00;
  font-family: "Vestula Regular";
}

#user-register legend {
  font-weight: normal;
  color: #b68f00;
  font-family: "Vestula Regular";
}

#user-register .description, #user-login .description, #user-login #edit-persistent-login-wrapper label {
  color: #666 !important;
  font-size: 14px;
}

#user-login input[type=submit], #footer input[type=submit] {
  color: #fff;
  border: 1px solid #0c2577;
  background-color: #0c2577;
  border-radius: 3px;
}

#footer input[type=submit] {
  font-size: 13px;
  padding: 1px 8px;
}

/* internship evaluation form */
div.node-form div.form-item div.description ul, div.node-form div.form-item div.description ul ul, fieldset fieldset .description ul {
  list-style: disc !important;
}

/* webforms */
.webform-client-form .form-item label {
  font-family: "Vestula Regular";
  font-weight: normal;
  color: #b68f00 !important;
}

.webform-client-form .form-item label.option {
  color: #666 !important;
}

/* profile */
.profile .views-field-created, .view-empty, .profile .views-field-changed {
  font-size: 15px;
}

.profile h3 {
  font-family: "Vestula Semibold", Georgia, Times, serif;
  border-bottom: thin dotted rgb(215, 215, 215) !important;
  font-size: 15px;
}

.profile fieldset {
  background-color: #eee;
  padding: 20px 10px 10px 15px;
  margin-top: 0;
  margin-bottom: 0;
}

.profile legend {
  font-size: 17px;
  color: #b68f00 !important;
  font-weight: normal;
  font-family: "Vestula Regular"; /*margin-top: 40px;*/
  margin-bottom: -10px;
}

.profile dl {
  margin-bottom: 10px;
}

.view-empty p {
  font-style: italic;
}

/* comments */
.box {
  margin-top: 0;
  padding-top: 0; /*font-size: 10.5px; */
}

#comments .box {
  margin-top: 1em;
}

.box .form-item label {
  color: #333;
  font-family: "Vestula Regular";
  font-weight: normal;
}

#comments .box .tips {
  display: none;
}

/* reply */
.comment h3.title a {
  color: #333;
}

.comment {
  font-size: 1rem;
}

#comments {
  margin-top: 30px;
  padding: 15px;
  background-color: #c2d14c;
}

#comments .views-field-title {
  font-family: "Vestula Regular";
  color: #fff;
}

#comments #edit-title-wrapper label, #comments #edit-body-wrapper label {
  color: #fff;
}

#comments #edit-submit {
  padding: 4px 8px 5px 8px;
  background-color: #0c2577;
  text-align: center;
  /* margin-top: 25px; */
  border: none;
  color: #fff;
  font-family: "Vestula Regular";
  font-size: 1rem;
  cursor: pointer;
}

/* "disable rich-text" link */
.wysiwyg-toggle-wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.wysiwyg-toggle-wrapper a {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  background-color: #7f88ab;
  padding: 3px 5px 3px 5px;
  font-family: "Vestula Regular";
}

/* search results, advanced search */
fieldset.search-advanced legend a {
  font-family: "Vestula Semibold";
  color: #333;
}

.search .tabs {
  display: none;
}

.search-form {
  color: #767676;
  font-size: 1rem;
}

.search-form label {
  font-family: "Vestula Regular";
  color: #767676;
}

.search-form label.option, .search-form option {
  color: #767676;
}

.search-form .form-text {
  border: 1px solid #ddd;
  height: 28px;
  width: 65%;
  margin: 0;
  padding: 1px 5px;
  background: #f5f5f5;
  font-family: "Vestula Semibold";
  line-height: 2;
  font-size: 0.875rem;
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
}

.search-form .form-submit {
  font-family: "Vestula Regular";
  padding: 4px 12px 5px 12px;
  background-color: #0c2577;
  text-align: center;
  border: none;
  color: #fff;
  white-space: nowrap;
  text-transform: none;
  font-weight: normal;
  font-size: 0.875rem;
}

.poll label {
  color: #4a7184 !important;
}

/* evaluations */
fieldset.group-evaluation-criteria .field-item {
  font-family: "Vestula Regular";
  font-weight: normal;
}

fieldset.group-review-committee,
fieldset.group-evaluation-criteria,
fieldset.group-evaluation-result,
fieldset.group-internship-details,
fieldset.group-project-information,
fieldset.group-agreements,
fieldset.group-address,
fieldset.group-personal,
fieldset.group-contact,
fieldset.group-emergency,
fieldset.group-education,
fieldset.group-scientific-integrity,
fieldset.group-final-mark {
  margin-top: 30px;
}

fieldset.group-scientific-integrity {
  width: 100%;
  display: none; /* remove completely in future version */
}

fieldset.group-final-mark {
  margin-bottom: 30px;
}

fieldset.group-review-committee legend,
fieldset.group-evaluation-criteria legend,
fieldset.group-evaluation-result legend,
fieldset.group-internship-details legend,
fieldset.group-project-information legend,
fieldset.group-agreements legend,
fieldset.group-integrity legend,
fieldset.group-scientific-integrity legend {
  font-size: 1.125rem;
  color: #333;
  font-weight: normal;
  font-family: "Vestula Semibold";
}

/* .node fieldset.fieldgroup fieldset.fieldgroup { margin-top: 10px; margin-left: 15px; } */
.node fieldset.fieldgroup fieldset.fieldgroup legend {
  font-size: 16px;
  color: #333;
}

fieldset.group-agreements .field-item {
  margin-bottom: 1.2em;
}

.field-field-internship-starting-date .date-repeat-instance, .field-field-internship-completion-date .date-repeat-instance, .field-field-date-of-birth .date-repeat-instance {
  display: inline;
}

#agreement_signatures {
  visibility: hidden;
  display: none;
  width: 11px;
  margin-bottom: 30px;
  clear: both;
  overflow: hidden;
}

.forms .field-item, .evaluations .field-item, .events .field-item, .event .field-item {
  font-family: "Vestula Semibold", sans-serif;
  color: #333;
  font-size: 0.875rem;
}

.field-field-paragraph-body .field-item {
  color: #767676;
}

.node fieldset.fieldgroup legend {
  margin: 20px 0 5px 0;
  color: #0c2577;
  font-family: "Vestula Regular";
}

.node fieldset.fieldgroup.group-evaluation-criteria fieldset.fieldgroup {
  margin-left: 0;
}

fieldset.content-multigroup-group-paragraph {
  clear: both;
}
@media (min-width: 769px) {
  fieldset.content-multigroup-group-paragraph {
    margin-left: 12.5%;
  }
}

fieldset.content-multigroup-wrapper {
  padding-left: 0;
  clear: both;
}

fieldset.content-multigroup-wrapper .field-field-paragraph-header .field-item {
  font-weight: 700;
  font-size: 1.375rem;
  color: #001158;
  line-height: 1.4;
  font-family: merriweather, georgia, "Vestula Semibold", serif;
  margin-bottom: 8px;
}

.node .field-field-image {
  overflow: hidden;
}

fieldset.content-multigroup-wrapper .field-field-paragraph-body .field-item {
  font-family: merriweather, Georgia, serif;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.75;
  color: #333;
  margin-bottom: 8px;
}

.field-field-skills-comment,
.field-field-method-comment,
.field-field-competence-comment,
.field-field-reporting-comment,
.field-field-presentation-comment {
  float: left;
  width: 560px;
  padding-right: 17px;
}

.field-field-skills-motivation-mark,
.field-field-method-mark,
.field-field-competence-mark,
.field-field-reporting-mark,
.field-field-presentation-mark,
.field-field-final-grade {
  float: right;
  color: #fff;
  background-color: #7f88ab;
  padding: 2px 5px 2px 5px;
  font-family: "Vestula Semibold";
}

.field-field-final-grade .field-label-inline-first {
  color: #fff !important;
}

/* Masquerade module */
.block-masquerade #edit-masquerade-user-field.form-autocomplete {
  font-family: "Vestula Regular";
  font-size: 0.875em;
  background-position: 100% 4px;
  border: 1px solid #ddd;
  color: #666;
  background-color: #f5f5f5;
  padding: 2px 5px;
}
.block-masquerade #edit-masquerade-user-field.form-autocomplete:focus, .block-masquerade #edit-masquerade-user-field.form-autocomplete:active {
  background-color: #fff;
}
.block-masquerade #autocomplete {
  background-color: #fff;
  border: none;
}
.block-masquerade #autocomplete li {
  padding: 0 5px;
  color: #666;
  font-size: 0.875em;
}
.block-masquerade {
  /*
  #edit-submit {
      font-size: .875em !important;
      padding: 2px 10px 2px 10px !important;
      border-radius: 0;
  */
}
.block-masquerade .form-item {
  margin-top: 0.5em;
}
.block-masquerade .form-item .description {
  font-size: 1em;
}

/* course details */
.field-field-additional-info, .field-field-prerequisites, .field-field-literature, .field-field-objectives, .field-field-registration {
  margin-top: 1em;
}

.field-field-cs-description {
  margin-bottom: 1em;
}

/* view content attached nodes: prevent smaller text (90% of 90%) in attached nodes; conflicting views on CO & masters */
.view-display-id-node_content_1 .view-content {
  font-size: 15px;
}

#block-menu-menu-content-management {
  margin-bottom: 30px;
}

/* super & subscript */
sub {
  font-size: 0.875rem;
  vertical-align: baseline;
  position: relative;
  bottom: -0.25em;
}

sup {
  font-size: 0.875rem;
  vertical-align: baseline;
  position: relative;
  bottom: 0.4em;
  margin-left: 0;
}

#middle li .views-field-name a, #middle .views-field-title a {
  /* color: $uni-gold; */
  font-size: 14px;
  font-weight: normal;
  letter-spacing: normal;
  margin: 0;
  text-decoration: none;
  line-height: 1.5em;
}

/* body wrapper module class */
.node.spotlight .node-body p {
  font-family: "Vestula Light";
  font-style: normal;
}

/* TinyMCE editor window, most used classes */
#tinymce {
  font-family: Georgia, serif;
  font-size: 16px;
  line-height: 1.5;
  color: #666; /* #4a7184; */
}

#tinymce p {
  margin-bottom: 1.75em;
}

#tinymce sup {
  font-size: 13px;
  vertical-align: baseline;
  position: relative;
  bottom: 0.4em;
  margin-left: 0;
}

#tinymce sub {
  font-size: 13px;
  vertical-align: baseline;
  position: relative;
  bottom: -0.25em;
}

#tinymce a {
  color: #0044aa;
}

#tinymce a:hover {
  color: rgb(0, 68, 170);
  text-decoration: underline;
}

#tinymce ul {
  list-style-type: square !important;
  margin: 0 0.5em 0.5em 1.5em;
}

#tinymce ol {
  list-style: decimal outside;
  margin: 0 0.5em 0.5em 20px;
}

#tinymce li {
  margin-left: 1em;
  margin-bottom: 0.25em;
}

#tinymce.mceContentBody {
  background-image: none;
  background-color: #fff;
}

/* missing */
.views-field-teaser .field-content ul {
  list-style-type: square !important;
  margin: 0 0.5em 0.5em 1.5em;
}

.views-field-teaser p {
  margin-bottom: 1em;
}

.node-body ol {
  list-style: decimal outside;
  margin: 0 0.5em 0.5em 20px;
}

.node-body ol li {
  margin-bottom: 0.5em;
}

/*  classes scheduling & location information */
.view-display-id-node_content_1 .views-field-field-date-repeat-value {
  float: left;
}

.view-display-id-node_content_1 .views-field-field-location-value {
  float: left;
  margin-left: 5px;
}

/* from/to date group */
.node .field-type-date { /* margin-bottom: 1.65em; */ /* date field in events part of event info fieldset */
}

.colloquium .field-type-date, .thesis-talks .field-type-date {
  margin-bottom: 0;
}

/* jQuery date picker */
#ui-datepicker-div {
  border: none;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 0.825em;
}

.ui-datepicker td a, .ui-datepicker td a:visited {
  color: #0c2577;
}

/* profile blocks */
#block-views-profile_blocks-block_2 {
  clear: both;
  overflow: hidden;
}

#block-quicktabs-profile_tabs {
  clear: both;
  overflow: hidden;
  margin-top: 20px;
}

.view-profile-blocks .views-label-field-position-value {
  width: 130px;
  font-weight: bold;
  float: left;
}

.view-profile-blocks .views-field-field-position-value {
  float: right;
  width: 330px;
}

.view-profile-blocks .views-field-field-position-value .field-content {
  float: left;
  width: 190px;
}

.view-profile-blocks .views-field-field-image-fid {
  margin-bottom: 10px;
  margin-right: 20px;
}

#block-views-profile_blocks-block_1 .views-label {
  float: left;
  margin-left: 0;
  width: 140px;
}

#block-views-profile_blocks-block_1 .views-field-field-biography-value {
  display: block;
  margin-top: 30px;
  clear: both;
  overflow: hidden;
}

#block-views-profile_blocks-block_1 .views-label-field-biography-value {
  color: #b68f00;
  font-size: 12px;
  font-weight: bold;
  padding: 0;
  float: none;
}

.field-content p {
  margin-bottom: 1.65em;
}

/* profile contact info tab formatting */
.views-field-field-location-value {
  margin-left: 140px;
  clear: both;
}

.views-field-field-location-building-value .field-content {
  float: left;
}

.views-field-field-research-group-referrer-nid .field-content {
  margin-left: 140px;
}

.node-unpublished {
  background-color: rgba(3, 18, 152, 0.12);
  padding: 10px;
}

/* courses overview page, quicktabs */
#block-quicktabs-courses {
  margin-top: 30px;
}

#block-quicktabs-courses h2.block-title {
  display: none;
}

#quicktabs-courses table {
  margin-bottom: 40px;
}

#quicktabs-courses table caption {
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #666;
  font-family: Georgia, Times, serif;
  border-bottom: thin dotted #d7d7d7;
}

#quicktabs-courses table thead { /* display: none; */ }

#quicktabs-courses tr.even, #quicktabs-courses tr.odd {
  background-color: #fff;
}

#quicktabs-courses table td {
  padding: 5px 10px 5px 0;
}

#quicktabs-courses td.views-field-field-research-area-value {
  display: none;
}

#quicktabs-courses td.views-field-field-course-name-en-value a { /* font-size: 12px; font-weight: bold; */
  color: #b68f00;
}

#quicktabs-courses td.views-field-field-course-code-value {
  font-weight: bold;
}

#quicktabs-courses td.views-field-field-course-name-en-value { /* width: 315px; */
  overflow: hidden;
}

#quicktabs-courses td.views-field-field-course-code-value { /* width: 35px; */
  overflow: hidden;
}

#quicktabs-courses td.views-field-field-semester-value {
  width: 35px;
  overflow: hidden;
}

#quicktabs-courses td.views-field-field-ects-value { /* width: 32px; */
  overflow: hidden;
}

#quicktabs-courses td.views-field-field-level-value { /* width: 33px; */
  overflow: hidden;
}

#quicktabs-courses th.views-field-title {
  color: #666;
}

a.context-block-region {
  display: none;
} /* Context module headers */
.themeheader .menu {
  display: none;
} /* primary submenu items */
.webform-client-form fieldset {
  border: 1px solid #ccc;
}

/* masters.classic */
.node .flag-wrapper {
  padding: 30px 20px 35px 20px;
  margin: 1em 0;
  background-color: #dadada;
  display: block;
  font-family: "Vestula Regular";
  font-size: 15px;
  border-left: 5px solid #999;
  border-radius: 3px;
}

.flag-sign-form a,
.flag-approve-internship-agreement a,
.flag-approve-select-mentor a,
.flag-complete-internship-evaluation a,
.flag-archive-evaluation-values a,
.flag-finalise-masterplan a,
.flag-certify-graduation a,
.flag-graduation-request-complete a,
.flag-approve-attendance-lists a,
.flag-finalise-report a,
.flag-finalise-form a {
  font-family: "Vestula Regular";
  text-decoration: none !important;
  color: #fff;
  background-color: #d21;
  padding: 5px 15px;
  float: right;
  border-radius: 3px;
}

.flag-message {
  font-size: 15px;
  font-family: "Vestula Regular";
  position: relative;
  color: #fff;
  top: 0;
  display: block !important;
  width: 60%;
  float: left;
  border-radius: 15px;
}

.flag-link-confirm {
  color: #fff;
}

/* blocks on user account page */
/* .block-views .view-internship-evaluations-overview td.views-field-view-node, */
.block-views .view-flag-internships-overview td.views-field-view-node,
.block-views .view-colloquium-forms td.views-field-view-node,
.block-views .view-colloquium-forms td.views-field-nothing {
  height: 40px;
  vertical-align: middle;
}

#block-views-signature_forms-block_1,
#block-views-signature_forms-block_2,
#block-views-signature_forms-block_3,
#block-views-colloquium_forms-block_1,
#block-views-colloquium_forms-block_2,
#block-views-colloquium_forms-block_3,
#block-views-colloquium_forms-block_4 {
  margin: 40px 0;
}

.dashboard-table-actions table,
.block-views .view-signature-forms table,
.block-views .view-colloquium-forms table {
  width: 100%;
}
.dashboard-table-actions table .views-field-title a,
.block-views .view-signature-forms table .views-field-title a,
.block-views .view-colloquium-forms table .views-field-title a {
  color: #b68f00;
  font-size: 0.875rem;
  font-family: "Vestula Regular";
}

#block-views-signature_forms-block_2 td.views-field-title,
#block-views-colloquium_forms-block_1 td.views-field-title { /* width: 78% */ }
#block-views-signature_forms-block_2 td.views-field-timestamp,
#block-views-colloquium_forms-block_1 td.views-field-timestamp {
  width: 120px;
}
#block-views-signature_forms-block_2 td.views-field-view-node,
#block-views-colloquium_forms-block_1 td.views-field-view-node {
  width: 70px;
}

#block-views-signature_forms-block_1 td.views-field-title,
#block-views-signature_forms-block_3 td.views-field-title {
  width: 65%;
}
#block-views-signature_forms-block_1 td.views-field-timestamp,
#block-views-signature_forms-block_3 td.views-field-timestamp {
  width: 120px;
}
#block-views-signature_forms-block_1 td.views-field-view-node,
#block-views-signature_forms-block_3 td.views-field-view-node {
  width: 70px;
}
#block-views-signature_forms-block_1 td.views-field-ops,
#block-views-signature_forms-block_3 td.views-field-ops {
  width: 110px;
  padding-right: 10px;
}

.view-signature-forms a.fa-ban,
.view-colloquium-forms a.fa-ban,
.view-signature-forms a.fa-envelope-o {
  font-size: 1.175rem;
  display: inline-block;
}

.view-signature-forms a.fa-envelope-o {
  font-weight: bold;
}

.user-SSA .view-signature-forms.view-display-id-page_1 .views-field-ops-1,
.user-SSA .view-colloquium-forms.view-display-id-page_1 .views-field-ops-1,
.user-SSA #block-views-signature_forms-block_5 .views-field-ops-1,
.user-SSA #block-views-signature_forms-block_6 .views-field-ops-1 {
  display: none;
}

.view-signature-forms.view-display-id-page_1 .views-field-ops-1 a.flag.unflag-action,
.view-signature-forms.view-display-id-page_1 .views-field-ops-1 a.flag.flag-action:hover,
.view-signature-forms.view-display-id-page_1 .views-field-ops-2 a.flag.unflag-action,
.view-signature-forms.view-display-id-page_1 .views-field-ops-2 a.flag.flag-action:hover,
.view-colloquium-forms.view-display-id-page_1 .views-field-ops-1 a.flag.unflag-action,
.view-colloquium-forms.view-display-id-page_1 .views-field-ops-1 a.flag.flag-action:hover,
#block-views-signature_forms-block_5 .views-field-ops-1 a.flag.unflag-action,
#block-views-signature_forms-block_5 .views-field-ops-1 a.flag.flag-action:hover,
#block-views-signature_forms-block_6 .views-field-ops-1 a.flag.unflag-action,
#block-views-signature_forms-block_6 .views-field-ops-1 a.flag.flag-action:hover {
  color: #f62c2c;
}
.view-signature-forms.view-display-id-page_1 .views-field-ops-1 a.flag.flag-action,
.view-signature-forms.view-display-id-page_1 .views-field-ops-2 a.flag.flag-action,
.view-colloquium-forms.view-display-id-page_1 .views-field-ops-1 a.flag.flag-action,
#block-views-signature_forms-block_5 .views-field-ops-1 a.flag.flag-action,
#block-views-signature_forms-block_6 .views-field-ops-1 a.flag.flag-action {
  color: #999;
}

/* .block-views .view-internship-evaluations-overview td.views-field-view-node a, */
.block-views .view-flag-internships-overview td.views-field-view-node a, #flag-confirm #edit-submit,
.block-views .view-colloquium-forms td.views-field-view-node a,
.block-views .view-colloquium-forms td.views-field-nothing a {
  font-family: "Vestula Regular";
  padding: 3px 12px 4px 12px;
  background-color: #0c2577;
  text-align: center;
  margin-top: 2px;
  border: none;
  color: #fff;
  white-space: nowrap;
  text-transform: none;
  font-weight: normal;
  font-size: 0.875rem;
  border-radius: 3px;
  cursor: pointer;
}

#block-views-colloquium_forms-block_1 .views-field-nid-1,
#block-views-signature_forms-block_7 .views-field-nid {
  display: none;
}

#block-views-user_role-block_1 {
  margin-top: -40px;
}
#block-views-user_role-block_1 .views-field-rid .field-content {
  font-family: "Vestula Regular";
}

.view-dashboard-tt-minor-evaluations h2.block-title {
  font-size: 1.425rem;
  border-bottom: 1px dashed #333;
  color: #333;
}

.dashboard-table-actions .view-footer {
  margin-top: 0.5em;
}

.view-dashboard-tt-minor-evaluations table td,
.dashboard-table-actions table th,
.dashboard-table-actions table td {
  vertical-align: bottom;
  padding-bottom: 3px;
  padding-left: 5px;
}

.admin table td.dashboard-btn-action-wrapper,
.admin table td.dashboard-btn-secondary-wrapper,
.dashboard-table-actions table td.dashboard-btn-action-wrapper,
.dashboard-table-actions table td.dashboard-btn-secondary-wrapper {
  vertical-align: middle;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}
.admin table td.dashboard-btn-action-wrapper.views-align-left,
.admin table td.dashboard-btn-secondary-wrapper.views-align-left,
.dashboard-table-actions table td.dashboard-btn-action-wrapper.views-align-left,
.dashboard-table-actions table td.dashboard-btn-secondary-wrapper.views-align-left {
  padding-left: 3px;
}
.admin table td.dashboard-btn-action-wrapper.views-align-right,
.admin table td.dashboard-btn-secondary-wrapper.views-align-right,
.dashboard-table-actions table td.dashboard-btn-action-wrapper.views-align-right,
.dashboard-table-actions table td.dashboard-btn-secondary-wrapper.views-align-right {
  padding-right: 3px;
}

.dashboard-table-actions tr {
  height: 40px;
} /* force height even without buttons */
.view-dashboard-tt-minor-evaluations td.views-field-ops-1 {
  width: 130px;
}

.view-dashboard-tt-minor-evaluations td.views-field-field-student-active-reference-uid {
  width: 290px;
}

.dashboard-btn-action-wrapper .flag-wrapper {
  display: inline-block;
}

.dashboard-btn-action-wrapper a,
.dashboard-btn-secondary-wrapper a {
  font-family: "Vestula Regular" !important;
  padding: 4px 12px 3px 12px;
  text-align: center;
  margin-top: 2px;
  border: none;
  color: #fff !important;
  white-space: nowrap;
  text-transform: none;
  font-weight: normal;
  display: inline-block;
  border-radius: 4px;
  font-size: 0.875rem;
}

.dashboard-btn-action-wrapper a {
  background-color: #0c2577 !important;
}

.dashboard-btn-action-wrapper a.unflag-action {
  background-color: #8089ac !important;
}

.dashboard-btn-secondary-wrapper a {
  background-color: #8089ac !important;
}

.dashboard-btn-action-wrapper a:hover,
.dashboard-btn-secondary-wrapper a:hover {
  text-decoration: none;
}

.dashboard-btn-action-wrapper .flag-status {
  vertical-align: bottom;
  display: inline-block;
}

.user .content-main .block-block,
.user #content-wrapper .block-views {
  margin-bottom: 40px;
}

.user.user-mentor .tabs,
.user.user-staff_member .tabs {
  display: none;
}

.view-dashboard-tt-minor-evaluations.view-display-id-block_1.th.views-field-ops-1,
.view-dashboard-tt-minor-evaluations.view-display-id-block_1 td.views-field-ops-1.dashboard-btn-action-wrapper { /* display: none */ }

.field-field-internship-starting-date, .field-field-internship-completion-date {
  margin-bottom: 0 !important;
}

.group-evaluation-result {
  margin-bottom: 25px;
}

#edit-field-internship-schedule-value-mon-wrapper, #edit-field-internship-schedule-value-tue-wrapper, #edit-field-internship-schedule-value-wed-wrapper, #edit-field-internship-schedule-value-thu-wrapper, #edit-field-internship-schedule-value-fri-wrapper {
  float: left;
  clear: none;
}

.form-checkboxes, .form-radios {
  margin: 0 !important;
}

.field-field-internship-schedule .odd, .field-field-internship-schedule .even {
  float: left;
  padding-right: 15px;
}

.field-field-internship-schedule {
  clear: both;
}

.field-field-internship-schedule .field-label-inline {
  display: none;
}

#edit-field-final-grade-0-value-wrapper .description {
  background-color: #9f0000;
  color: #fff;
  padding: 15px;
  margin-top: 15px;
}

.view-internship-evaluations-overview .views-field-status {
  text-align: center;
}

/* masters styles */
.table-striped > tbody > tr:nth-of-type(odd) > * {
  background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
  background-color: #efefef;
}

#global_overview {
  margin-bottom: 20px;
  width: 100%;
  border: 1px solid;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
}
#global_overview strong {
  font-family: "Vestula Semibold";
}

#global_overview thead tr {
  padding-top: 4px;
}
#global_overview thead a {
  text-decoration: underline;
}

#global_overview td {
  border: 1px solid #fff;
  color: #333;
}
#global_overview td a {
  color: #333;
  text-decoration: underline;
}

#global_overview td.col-1 {
  width: 155px;
  padding: 6px;
}

#global_overview td.col-2,
#global_overview td.col-3,
#global_overview td.col-4,
#global_overview td.col-5,
#global_overview td.col-6 {
  width: 70px;
  padding: 6px;
}

/* courses within programmes overview */
#core_chembio, #core_sustainability, #core_lst {
  font-size: 11px;
}

#core_chembio, #core_sustainability {
  float: left;
  margin-right: 0;
  width: 48%;
}

#core_chembio table, #core_sustainability table {
  margin-left: 60px;
}

#core_lst {
  width: 100%;
  text-align: center;
}

#core_lst table {
  width: 40%;
  margin: 0 auto;
}

#core_chembio h3, #core_sustainability h3, #core_lst h3 {
  text-align: center;
  font-family: "Vestula Semibold", Verdana, Helvetica;
  border: none;
  margin-bottom: 10px;
  text-transform: none;
  font-size: 16px;
}

#core_chembio .cell, #core_sustainability .cell, #core_lst .cell {
  text-align: center;
  margin: 5px 0 5px 0;
  color: #fff;
}

#core_chembio td, #core_sustainability td, #core_lst td {
  width: 210px;
  background-color: #00a0af;
  height: 50px;
  padding: 0 10px 0 10px;
  vertical-align: middle;
  border-bottom: 7px solid #fff;
}

#core_chembio a, #core_sustainability a, #core_lst a {
  color: #fff;
  text-decoration: none;
}

#core_chembio .req, #core_sustainability .req {
  background-color: #cc2211;
}

#core_lst .molecular {
  background-color: #ee7d11;
}

#core_lst .biophysical {
  background-color: #b0c31d;
}

#block-views-programmes-block_1, #block-views-programmes-block_2 {
  margin-bottom: 40px;
}

.content-multigroup-wrapper {
  clear: both;
}

/*  Internship supervision evaluations: form & node */
.form-internship_supervision .form-item label {
  width: 480px;
  float: left;
  margin-right: 10px;
  font-weight: normal;
}

.form-internship_supervision .description { /* margin-bottom: 20px; */
  font-style: italic;
}

/* .form-internship_supervision .fivestar-form-item { margin-top: 8px; } */
.form-internship_supervision legend {
  color: #9d8a0a;
  font-size: 12px;
}

#edit-field-mentor-relationship-0-rating-wrapper {
  margin-top: 20px;
}

#edit-field-writing-comments-0-value-wrapper {
  margin-top: 30px;
}

#edit-field-mentor-contact-frequency-value-wrapper,
#edit-field-internship-title-ref-nid-nid--wrapper {
  margin-bottom: 30px;
}

.form-internship_supervision .number {
  width: 30px;
  margin-right: 5px;
}

/* .form-internship_supervision #edit-field-suggestions-0-value-wrapper label { float: none; } */
.form-internship_supervision .resizable-textarea {
  clear: both; /* width: 473px; */
}

.form-internship_supervision #edit-field-submitted-by-0-uid-uid-wrapper label {
  float: none;
  color: #9d8a0a;
  font-weight: bold;
}

.form-internship_supervision #edit-field-daily-supervisor-name-0-value-wrapper label {
  float: none;
  width: initial;
}

.form-internship_supervision #edit-field-group-leader-select-uid-uid-wrapper.form-item {
  margin-top: 30px;
}

.node.internship_supervision .field-item {
  padding: 5px 0 5px 0; /* border-bottom: 1px dotted #ccc; */
  clear: both;
  overflow: hidden;
}

.node.internship_supervision .field-label-inline-first, .node.internship_supervision .field-label {
  width: 390px;
  float: left;
}

.node.internship_supervision .fivestar-widget-static {
  padding-left: 10px;
  margin-top: 2px;
  margin-left: 450px;
}

.node.internship_supervision .field-field-internship-title-ref h3 {
  display: none;
}

.node.internship_supervision .field-field-group-leader-select {
  margin-top: 20px;
}

.internship-supervision-evaluations .field-item {
  color: #666;
}

.node-form fieldset {
  border: 1px solid #ccc !important;
}

.form-item {
  clear: both;
}

/* masters thesis upload widget */
.filefield-element .widget-preview {
  max-width: 70%;
}

.filefield-element .widget-preview .filefield-file {
  width: auto;
}

#edit-field-msc-thesis-private-0-upload-wrapper {
  background-color: #dddfe6;
  padding: 20px;
  width: 92%;
  margin: 10px 0;
}

.filemime {
  display: none;
}

.field-field-msc-thesis-private {
  background-color: #dddfe6;
  padding: 20px; /* width: 460px; */
  margin: 10px 0;
}

.node .field-field-location { /* margin-bottom: 15px; */ }

/* extra spacing for web forms */
.webform-component-textfield, .webform-component-select {
  margin-bottom: 13px;
}

#campaign {
  margin: 0 0 0 -5px;
  padding: 0;
}

#campaign img {
  border: none;
  padding: 0;
}

/* Masterplanner distributions page graphs */
.pie_container h3 {
  font-family: "Vestula Semibold";
  margin-top: 10px;
}

.news .node-body p {
  font-family: Georgia, Verdana, sans-serif;
  font-size: 16px;
  padding: 0;
  line-height: 1.6em;
}

/* LIC 2014 agenda */
/* leidenuniv navigation styles */
.view-events-overview .menu {
  margin-top: 16px;
  margin-left: 10px;
}

.view-events-overview .theme {
  margin: 0;
  padding: 0 0 15px 0.3em;
  margin-left: 0;
}

.view-events-overview .theme dd {
  margin: 0;
  padding: 0;
  line-height: 1.4em;
}

.view-events-overview dd.themesub {
  font-size: 14px !important;
  color: #666;
}

.view-events-overview a.themesub {
  color: rgb(74, 113, 132);
}

.view-events-overview a.themesub:hover {
  color: rgb(74, 113, 132);
}

/* overruled by #rightsidebar themeheader styles? */
.view-events-overview .theme dt a {
  margin: 0;
  font-size: 15px !important;
  font-family: "Vestula Regular";
  line-height: 1.1;
  color: rgb(182, 143, 0) !important;
  padding-left: 18px;
}

.view-events-overview .theme dt a:hover, .view-events-overview .theme dt a:visited {
  color: rgb(182, 143, 0);
}

/* added bottom padding in themeheader */
.view-events-overview .themeheader {
  padding: 0 0 1px 0;
  margin: 0 0 2px;
  border-bottom: thin dotted rgb(215, 215, 215);
  text-indent: -1.5em;
}

.view-events-overview .themelink {
  line-height: 1.5;
  font-size: 14px;
}

h2.section-title {
  font-size: 2.625rem;
  color: #333;
  margin: 20px 0 36px 0;
  font-weight: normal;
  font-family: "Vestula Semibold";
  line-height: 1.2em;
}

.publishing-date {
  clear: both;
  padding-left: 0;
  padding-bottom: 25px;
  margin-top: -10px;
  font-family: "Vestula Regular", Verdana;
  font-size: 0.75rem;
}

/* tag pages */
.category .views-field-title .field-content a {
  color: #b68f00;
  font-size: 12pt;
  text-decoration: none;
  font-family: "Vestula Regular";
  font-weight: normal;
}

.category .views-field-teaser {
  font-size: 13px;
}

.category .view-taxonomy-term h3 {
  display: none; /* margin-top: 15px; clear: both; border: none; */
}

.field .field-label, .field .field-label-inline, .field .field-label-inline-first, .biblio-row-title {
  font-weight: normal;
  color: #767676;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
  line-height: 1.57;
}

/* .forms .field .field-label-inline-first { width: 40%; display: inline-block } */
/* related links */
.field-field-url .field-label {
  font-weight: normal;
  font-family: "Vestula Regular";
  color: #b68f00;
  font-size: 12pt;
  margin-top: 20px;
}

.field-field-url a[href] {
  text-decoration: none;
}

#views-bulk-operations-form-admin-content-page .views-field-title, #views-bulk-operations-form-admin-content-page .views-field-title a {
  color: #0044aa;
}

/* Drupal internal search box */
#search {
  padding: 0;
  margin: 0;
  display: none;
  overflow: hidden;
  width: 50%;
  position: absolute;
  right: 10%;
  top: 62px;
}

#search fieldset {
  border: none;
}

#search .form-item {
  margin: 0;
}

#search input[type=text] {
  border: 1px solid #f5f5f5;
  border-right-width: 0;
  height: 28px;
  width: 85%;
  margin: 0;
  padding: 1px 15px;
  background: #f5f5f5;
  font-family: "Vestula Semibold";
  line-height: 2;
  font-size: 0.875rem;
  float: left;
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

#search #search-submit,
#search .form-submit {
  font-size: 0.75rem;
  background: #0c2577;
  color: #fff;
  padding: 1px 10px;
  border: 1px solid #0c2577;
  margin-left: 0;
  /* font-family: "Vestula Regular"; */
  line-height: 2;
  width: 15%;
  float: left;
  outline: none;
  border-radius: 0;
  box-sizing: border-box;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

#search-toggle-wrapper {
  display: block;
  position: absolute;
  top: 60px;
  right: 20px;
  line-height: 2;
}

a#search-toggle, a#search-toggle-close {
  color: #667988;
}

a#search-toggle-close {
  display: none;
}

a#search-toggle:hover, a#search-toggle-close:hover {
  color: #0c2577;
}

/* image captions */
/* .field-field-paragraph-image { float: left; padding: 5px 15px 8px 0; } */
.field-field-paragraph-image .caption, .field-field-paragraph-image a.imagefield-lightbox2-previewed, .field-field-paragraph-image a.imagefield-lightbox2-previewed .caption {
  width: 270px;
  font-size: 14px;
  font-style: italic;
  margin-bottom: 20px;
  color: #666;
  text-decoration: none;
}

.field-field-paragraph-image a {
  text-decoration: none;
}

.imagecache-thumbnailed_large img {
  float: left;
  margin: 0 20px 35px 0;
}

a.imagecache-thumbnailed {
  float: left;
  margin: 0 12px 8px 0;
}

img.imagecache-previewed_fullwidth {
  margin: 5px 25px 15px 0;
}

#footer p {
  width: initial; /* clear width value */
}

.organisation #block-views-related_things-block_2 .views-field-title a {
  font-family: Georgia;
  font-weight: normal;
}

body.courses .views-table {
  width: 100%;
}

body.courses .views-table .views-field-title, body.courses .views-table td.views-field-field-course-name-en-value {
  width: 65%;
}

body.courses .views-table td.views-field-field-course-name-en-value {
  color: #b68f00;
  text-decoration: none !important;
  font-size: 15px;
  font-family: "Vestula Regular", Georgia, Verdana;
  font-weight: normal;
}

body.courses .views-table td.views-field-field-course-code-value {
  width: 15%;
}

body.courses .views-table td.views-field-field-ects-value, body.courses .views-table td.views-field-field-level-value {
  width: 10%;
}

/* form text areas */
.resizable-textarea {
  width: 98%;
}

/* font awesome elements */
.fa-cog, .fa-unsorted, .fa-times-circle, .fa-plus-circle {
  color: #fff;
}

/* mentor menu blocks */
#rightSidebar #block-menu-menu-student-management, #rightSidebar #block-menu-menu-home-secondary, #rightSidebar #block-menu-menu-masterplanner {
  margin-top: 0;
}

#rightSidebar .block-menu,
#rightSidebar .block-menu_block,
#rightSidebar #block-views-graduation_request_node-block_1 {
  margin-right: 0;
  margin-bottom: 30px;
}

#rightSidebar .block-menu .content,
#rightSidebar .block-menu_block .content,
#rightSidebar #block-views-graduation_request_node-block_1 .content {
  padding: 5px 20px 0 15px;
  clear: both;
  overflow: hidden;
}

#rightSidebar .block-menu h2.block-title,
#rightSidebar .block-menu_block h2.block-title,
#rightSidebar #block-views-graduation_request_node-block_1 h2.block-title {
  font-family: merriweather, georgia, "Vestula Semibold";
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  text-transform: none;
  background: transparent;
  color: #001158;
  margin: 0;
}

#rightSidebar #block-views-graduation_request_node-block_1 .views-field {
  padding: 8px 0 10px;
  margin-left: 5px;
}

#rightSidebar .block-menu dt.themeheader {
  display: list-item;
  list-style-type: disc;
}
#rightSidebar .block-menu dt.themeheader:hover {
  background-color: #f7f7f7;
}

#rightSidebar .block-menu dt.themeheader a,
#rightSidebar .block-menu_block dt.themeheader a {
  font-family: "Vestula Regular";
  color: #767676;
  font-size: 0.875rem;
}

#rightSidebar .block-menu dt.themeheader a:hover,
#rightSidebar .block-menu_block dt.themeheader a:hover {
  text-decoration: none;
}

/* rightSidebar banner blocks; different numbers for local/prod versions */
#rightSidebar #block-block-9, #rightSidebar #block-block-10 {
  font-family: "Vestula Regular";
  margin-right: -20px;
  margin-bottom: 30px;
  font-size: 1rem;
  line-height: 1.6em;
  background-color: #cd4615;
  color: #fff;
  padding: 20px;
}

#rightSidebar #block-block-10 p {
  margin-bottom: 0;
}

#rightSidebar #block-block-9 h2.block-title, #rightSidebar #block-block-10 h2.block-title {
  color: #001158;
}

#rightSidebar #block-block-9 .content a,
#rightSidebar #block-block-10 .content a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}
#rightSidebar #block-block-9 .content a:hover,
#rightSidebar #block-block-10 .content a:hover {
  border-bottom: 1px solid #fff;
}

#block-views-programmes-block_2, #block-views-programmes-block_3 {
  margin-top: 30px;
}

/* node edit pages */
#group_paragraph_values {
  width: 100%;
}

.mceStatusbar span {
  font-size: 11px;
}

/* block titles as page titles */
#block-views-start_and_mentor-block_1 h2.block-title,
#block-views-internships-block_1 h2.block-title,
#block-views-graduation-block_1 h2.block-title,
#block-views-contact-block_1 h2.block-title {
  font-size: 2.625rem;
  color: #333;
  margin: 20px 0 36px 0;
  font-weight: normal;
  font-family: "Vestula Semibold";
  line-height: 1.2em;
  text-transform: none;
}

/* non-front middle block */
.start #middle,
.graduation #middle,
.contact #middle { /* margin-top: 40px; */ }

/* call to action banners */
#call_to_action p {
  margin-bottom: 0;
}

/* admin menu module */
#admin-menu, #admin-menu ul {
  line-height: 1em;
}

/* masters statistics counter */
ul.links li.statistics_counter {
  display: none;
}

ul.links li.flag-approve_internship_agreement a {
  font-family: "Vestula Regular";
  font-size: 15px;
  color: #fff;
  text-transform: none;
  text-decoration: none;
  font-weight: normal;
}

div.profile {
  margin-top: 40px;
}

.webform .print-link {
  display: none;
}

/* masters events info */
.group-event-info {
  margin-bottom: 1.65em;
}

/* UL version update of events info section */
@media only screen and (min-width: 769px) {
  dl.facts {
    margin-left: -100px;
  }
  dl.facts dt {
    float: left;
    width: 12.5%;
    padding: 3px 0;
  }
  dl.facts dd {
    width: 86%;
    float: left;
    padding: 3px 0;
    margin: 0;
  }
}
dl.facts {
  margin-bottom: 1.375rem;
  overflow: auto;
}
dl.facts dt {
  font-size: 0.875rem;
  line-height: 1.57;
  font-family: merriweather, georgia, "Vestula Regular";
  overflow-wrap: break-word;
  hyphens: auto;
  color: #767676;
  font-style: italic;
}
dl.facts dd {
  font-size: 0.875rem;
  line-height: 1.57;
  font-family: "Vestula Semibold";
  color: #333;
}

.context {
  font-family: "Vestula Regular";
  font-size: 0.875rem;
  color: #f36567;
  margin-top: 2rem;
  text-transform: uppercase;
}

.block-advpoll {
  background-color: #9e1c67;
  padding: 15px;
  margin: 20px 0;
}

.block-advpoll h2.block-title {
  display: none;
}

.block-advpoll h3 {
  font-family: "Vestula Regular";
  border: none;
  font-size: 15px;
  margin-top: 5px;
  color: #fff;
}

.block-advpoll p {
  color: #fff;
  font-style: italic;
  margin: 10px 10px 10px 20px;
}

.block-advpoll .choice-header {
  display: none;
}

.block-advpoll label {
  font-family: "Vestula Regular";
  color: #fff !important;
}

.block-advpoll #edit-vote-binary-0 {
  background: #fff;
  color: #9e1c67 !important;
  padding: 1px 9px 1px 9px;
  border: none;
  margin: 10px 5px;
  font-family: "Vestula Regular";
  text-decoration: none;
  font-size: 15px;
  cursor: pointer;
}

.block-advpoll .messages,
.block-advpoll .messages .text,
.block-advpoll .messages .total,
.block-advpoll .messages .percent {
  color: #fff;
  font-family: "Vestula Regular";
}

div.error, tr.error {
  padding: 5px 14px;
  background-color: #f62c2c;
  color: #fff;
}

div.error {
  border-color: transparent;
}

div.error {
  border-left: 5px solid #b12b2b;
}

div.error a, div.error:hover, div.error:visited {
  color: #fff;
  text-decoration: underline;
}

/* print label */
.print-link {
  margin: 40px 0 40px 0;
}

.print_html, .print_mail, .print_pdf {
  font-family: "Vestula Regular";
}

.print_html a::before {
  content: "\f02f";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.print_html a {
  color: #fff;
  background-color: #0c2577;
  border: 1px solid #0c2577;
}

.print_html a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #0c2577;
}

/* SVG version of Leidenuniv seal. combinations: 70px (seal)/top -16px, 17px/top 38px (text) */
.logo-lu_zegel {
  float: left;
}

.uni-seal {
  position: absolute;
  left: 0;
  top: 36px;
}

/* Masterplanner */
.masterplan h2 {
  font-family: merriweather;
  font-size: 1.375rem;
  color: #001158;
  margin-bottom: 20px;
}

li.course-grid .code {
  font-size: 0.875rem;
}

/* Course guide links */
.field-field-study-guide-leiden-link {
  margin-top: 20px;
}

.view-courses-tables .views-field-title {
  font-size: 15px;
  font-family: "Vestula Regular", Georgia, Verdana;
}

/* delegate reviewer text on mentor profile page */
.user #block-block-8, .user #block-block-9 {
  background-color: #c2d14c;
  padding: 7px 20px 15px 20px;
  margin: 20px 0;
  color: #333;
}

.user #block-block-8 h2.block-title, .user #block-block-9 h2.block-title {
  color: #333;
}

/* Hippo 1180 px adaptations */
.grid-5 {
  width: 280px;
}

.grid-8 {
  width: 500px;
}

.container .grid-5 {
  width: 280px;
}

.container .grid-7, .container .grid-8 {
  width: 500px;
}

.container_full_header {
  width: 100%;
  background-color: #fff;
  display: block;
}

.container_full_footer {
  width: 100%;
  display: block;
  overflow: hidden;
  background: #e3e3e3 url("images/world-map.png") 250px 30px no-repeat;
}

#header {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 134px;
}

#content-wrapper {
  padding-left: 40px;
  padding-right: 40px;
  background-color: #fff;
}

.topnav {
  display: block;
  width: 100%;
}

.nav-header {
  background-color: #fff;
}

.nav-main {
  border-radius: 3px;
}

.nav-main a {
  padding-left: 15px;
  padding-right: 15px;
  border-left: none;
}

.nav-main .menu .theme:first-child .themeheader a::after {
  content: none;
}

.nav-main .menu .theme:first-child .themeheader a::before {
  font-family: "FontAwesome";
  content: "\f015";
  font-size: 1.25rem;
}

.nav-main .menu .menu .theme:first-child .themeheader a::before {
  font-family: "Vestula Regular";
  font-size: 14px;
  content: normal;
}

.nav-main .menu .theme .themeheader:first a::after {
  content: none;
}

#rightSidebar {
  width: 260px;
  padding-right: 0;
  padding-left: 40px;
}

#rightSidebar .block-menu, #rightSidebar .block-menu_block, #rightSidebar #block-block-9, #rightSidebar #block-block-10 {
  margin-right: 0;
}

#rightSidebar #block-block-10 .content p {
  font-family: "Vestula Regular" !important;
  line-height: 1.6rem !important;
  font-size: 1rem !important;
}

.breadcrumb {
  font-size: 12px;
  color: #999;
}

.service {
  background-color: #667988;
  color: #fff;
  border-radius: 0 0 3px 3px;
  float: right;
  padding: 0 12px;
}

.section-name {
  position: absolute;
  left: 50%;
  top: 50px;
}

.section-name .site-name a, .lu-logo_title {
  color: #0c2577;
}

.section-name .site-name a:hover, .section-name .site-name a:visited {
  color: #0c2577;
}

.section-name .institute-name a {
  color: #667988;
}

/* content */
fieldset.content-multigroup-group-paragraph {
  clear: both;
}

.hero-team {
  margin: 0 0 30px 0;
  width: 1180px;
  height: 400px;
  display: block;
  overflow: hidden;
  position: relative;
}

.hero-team div.main {
  width: 778px;
  height: 400px;
  display: inline;
  margin: 0;
  position: absolute;
  overflow: hidden;
}

.hero-team div.lst {
  width: 398px;
  height: 198px;
  background: url("images/lst_298.png") no-repeat;
  bottom: 0;
  right: 0;
  display: inline;
  margin: 0;
  position: absolute;
  overflow: hidden;
}

.hero-team div.chem {
  width: 398px;
  height: 198px;
  background: url("images/chemistry_298.png") no-repeat;
  top: 0;
  right: 0;
  display: inline;
  margin: 0;
  position: absolute;
  overflow: hidden;
}

.hero-team .title {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1rem;
  line-height: 1.375;
  bottom: 0;
  width: 100%;
  background: rgba(127, 126, 106, 0.8);
  padding: 8px 10px;
  position: absolute;
  font-family: "Vestula Regular";
  display: block;
}

.hero-team .main .title {
  font-size: 2.625rem;
  line-height: 0.9;
  top: 0;
  left: 0;
  width: 718px;
  height: 320px;
  padding: 40px;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.2), transparent);
  z-index: 999;
  font-family: "Vestula Regular";
  display: block;
  position: absolute;
  background-color: transparent;
}

.hero-team .main .title i {
  font-style: normal;
  font-size: 22px;
} /* sub heading */
.admin #content-wrapper {
  width: 1180px;
  box-sizing: border-box;
}

.admin #content {
  width: 100%;
}

/* box version overview pages */
.overview #middle {
  width: 274px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-left: 0;
  background-color: #fff;
  border-top: 5px solid #7f88ab;
  box-sizing: border-box;
}

.overview #content {
  width: 576px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 59px;
  margin-right: 30px;
  background-color: #fff;
  border-top: 5px solid #7f88ab;
  box-sizing: border-box;
}

.overview #content-wrapper {
  background-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
  box-sizing: border-box;
}

/* .section-article:hover { background-color: #f5f5f5; } */
/* events block */
.view-events-overview .views-row {
  font-family: "Vestula Regular", arial, sans-serif;
  border-bottom: 1px solid #f5f5f5;
  padding: 12px 20px 10px 20px;
  display: block;
  overflow: hidden;
  margin: 0 -20px 0 -20px;
}

.view-events-overview .views-row:last-child {
  border: none; /* border re-added because of pager below (removed again because of display issues on overview pages) */
}

.view-events-overview .views-row:hover {
  background-color: #f5f5f5;
}

.view-events-overview .views-widget-filter-type {
  background-color: #eee;
  border-radius: 5px;
  padding: 7px 10px 5px 10px;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
}
.view-events-overview .views-exposed-widget label {
  font-weight: normal;
  font-family: "Vestula Regular";
  font-size: 14px;
  color: #333;
  float: left;
  display: inline-block;
}
.view-events-overview .views-exposed-widget .views-widget {
  display: inline-block;
  margin-left: 10px;
  transform: translate(0, -3px);
}

.event-date {
  width: 50px;
  font-size: 1rem;
  line-height: 1;
  float: left;
  background: #7f88ab;
  color: #fff;
  text-align: center;
  height: 50px;
}

.event-date .time {
  display: block;
  background: #7f88ab;
  padding: 0.75rem 0 0;
}

.event-date .abbr {
  font-size: 0.75rem;
  line-height: 1;
  border: none;
  text-decoration: none;
  display: block;
  text-transform: uppercase;
}

.event-time {
  padding: 0.3rem 0;
  width: 50px;
  text-align: center;
  font-size: 0.75em;
  color: #fff;
  background-color: #5c6791;
  float: left;
  clear: both;
}

.view-events-overview .views-row .meta, .view-graduation .views-row .meta {
  font-size: 12px;
  line-height: 15px;
  color: #999;
  display: block;
  margin: 2px 0 0 60px;
}

.view-graduation .views-row .meta {
  line-height: 15px;
}

.view-graduation .views-row .meta .field-content .date-display-single, .view-events-overview .views-row .meta .field-content .date-display-single {
  font-size: 12px;
}

.event .title, .event .title a {
  font-size: 1rem;
  line-height: 1.375;
  font-family: "Vestula Semibold";
  color: #333;
  display: block;
  margin-left: 60px;
  hyphens: auto;
}

.event .field-field-speaker .field-item,
.work_event .field-field-speaker .field-item,
.thesis_talk .field-field-speaker .field-item,
.colloquium .field-field-speaker .field-item {
  color: #b68f00;
  font-size: 18px;
  font-family: "Vestula Semibold";
  margin-bottom: 1.5em;
}

.view-events-overview .views-row a:hover, .view-graduation .views-row a:hover {
  text-decoration: none;
  color: #000;
}

/*
.event .field-field-date .field-item .date-display-single, .event .field-field-date .field-item .date-display-start, .event .field-field-date .field-item .date-display-separator, .event .field-field-date .field-item .date-display-end, .event .field-field-url .field-item a { font-size: $font-size-h4 }
*/
/* custom time/date select buttons; from colloquia_tt_enhance_date */
.time-btn-container, .date-btn-container {
  float: left;
  clear: both;
  width: 100%;
  margin-bottom: 25px;
}

.date-btn-row {
  clear: both;
  margin-bottom: 10px;
  display: block;
  overflow: hidden;
}

.date-btn-row .label, .time-btn-container .label {
  font-family: "Vestula Regular";
  color: #667988;
  float: left;
  font-size: 0.825rem;
  width: 30px;
  margin-right: 0;
  padding-top: 6px;
}

.ccmail-btn-container {
  display: block;
  overflow: hidden;
  margin: 10px 0 25px 0;
}

.btn-time a,
.btn-time a:visited,
.btn-date a,
.btn-date a:visited,
.btn-ccmail a,
.btn-ccmail a:visited {
  cursor: pointer;
  transition: all 0.25s ease-out;
  font-family: "Vestula Regular";
  background-color: #667988; /* $glance-gray */
  border: 1px solid #667988;
  border-radius: 3px;
  padding: 2px 4px;
  text-align: center;
  margin-left: 5px;
  float: left;
  box-sizing: border-box;
  width: 60px;
  font-size: 0.825rem;
  color: #fff;
  white-space: nowrap;
}

.btn-ccmail a,
.btn-ccmail a:visited {
  width: auto;
  margin: 0 5px 5px 0;
  padding: 2px 12px;
}

.btn-time a:hover,
.btn-date a:hover,
.btn-ccmail a:hover {
  font-size: 0.825rem;
  color: #667988;
  background-color: #fff;
  text-decoration: none;
}

.btn-time a.selected,
.btn-date a.selected,
.btn-ccmail a.selected {
  font-size: 0.825rem;
  color: #667988;
  background-color: #fff;
  text-decoration: none;
}

/* GDPR / AVG compliance disclaimer */
#block-block-11 {
  padding: 25px;
  background-color: #c2d14c;
}

.responsiveCal {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden;
  margin-bottom: 1.3rem;
}

.responsiveCal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ugghhh... where does this come from? */
.block ul {
  margin-bottom: 1.75em;
}

/* node form body field crap */
#edit-teaser-include-wrapper {
  display: none;
}

/* responsive elements: breakpoints? */
@media only screen and (min-width: 1181px) {
  #header, .container, .nav-main {
    width: 1180px;
  }
  #content-wrapper {
    width: 880px;
  }
  .nav-main .theme:first-child a:hover {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1180px) {
  #header, .container {
    width: 100%;
  }
  .nav-main {
    margin: 0 0 25px 0;
  }
  .hero-team {
    width: 100%;
    height: 347px;
    overflow: hidden;
  }
  .hero-team .imagecache-eyecatched {
    width: 66%;
    height: 347px;
  }
  .hero-team div.main {
    width: 100%;
    height: 347px;
  }
  .hero-team div.main .title {
    width: 66%;
    height: 347px;
    box-sizing: border-box;
  }
  .hero-team div.chem, .hero-team div.lst {
    width: 33%;
    height: 173px;
  }
  .overview #content-wrapper {
    width: calc(100% - 40px - 260px);
  }
  .overview #content {
    width: calc(100% - 30px - 274px);
  }
  #middle {
    width: 274px;
  }
  #rightSidebar {
    padding-left: 20px;
  }
  #content-wrapper {
    width: calc(100% - 40px - 260px);
  }
  /* footer, footer columns */
}
@media only screen and (max-width: 1180px) {
  .topnav {
    padding-right: 10px;
  }
  .breadCrumbHolder {
    display: none;
  }
  .nav-main {
    width: 100%;
    border-radius: 0;
  }
  #footer {
    width: 100%;
  }
}
@media only screen and (max-width: 1024px) {
  .nav-main {
    margin: 0;
  }
  .nav-main .menu {
    display: none;
  }
  a#navigation-toggle {
    display: block;
  }
  #block-views-news-block_1 {
    display: none;
  }
  #block-views-news-block_2 {
    display: block;
    padding-bottom: 20px;
  }
  #block-views-news-block_2 .views-row {
    font-family: "Vestula Regular", arial, sans-serif;
    border-bottom: 1px solid #f5f5f5;
    padding: 12px 20px 10px 20px;
    display: block;
    overflow: hidden;
    margin: 0 -20px 0 -20px;
  }
  #block-views-news-block_2 img.imagecache-thumbnailed_50x50 {
    float: left;
    margin: -10px 0;
    padding: 10px 0;
    display: block;
    overflow: hidden;
  }
  #block-views-news-block_2 .views-field-created .field-content {
    font-size: 12px;
    line-height: 15px;
    color: #999;
    display: block;
    margin: 2px 0 0 60px;
  }
  #block-views-news-block_2 .views-field-title a, #block-views-news-block_2 .views-field-title a:visited {
    font-size: 0.875rem;
    line-height: 18px;
    font-family: "Vestula Semibold";
    color: #333;
    display: block;
    margin-left: 60px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hero-team {
    width: 100%;
    height: 347px;
    overflow: hidden;
    margin-bottom: 10px;
  }
  .hero-team .imagecache-eyecatched {
    width: 66%;
    height: 347px;
  }
  .hero-team div.main {
    width: 100%;
    height: 347px;
  }
  .hero-team div.main .title {
    width: 66%;
    height: 347px;
    box-sizing: border-box;
  }
  .hero-team div.chem, .hero-team div.lst {
    width: 33%;
    height: 173px;
  }
  #c-main-right {
    float: right;
    width: 35%;
  }
  #rightSidebar {
    width: 100%;
    margin-top: 25px;
    padding-left: 0;
  }
  .overview #content-wrapper, #content-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  .overview #content {
    width: calc(65% - 30px);
  }
  .overview #middle {
    float: right;
    width: 35%;
  }
}
@media only screen and (max-width: 768px) {
  .hero-team {
    width: 100%;
    margin-bottom: 0;
  }
  .hero-team div.chem, .hero-team div.lst {
    display: none;
  }
  .overview #content-wrapper, #content-wrapper {
    width: 100%;
    margin-bottom: 30px;
  }
  #content-wrapper {
    margin-top: 25px;
  }
  .overview #content {
    margin-right: 0;
    width: 100%;
  }
  .overview #middle {
    width: 100%;
  }
  #c-main-right {
    width: 100%;
  }
  #rightSidebar {
    width: 100%;
    padding-left: 0;
  }
  #footer .footer-left, .footer-mid, .footer-right {
    width: 100%;
    box-sizing: border-box;
    padding: 40px 25px 25px 25px;
  }
}
@media only screen and (min-width: 769px) {
  .news #content .node,
  #content .event, #content .work_event, #content .thesis_talk, #content .colloquium,
  .page #content .node,
  .forms #content .node,
  .node-form {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 1025px) {
  a#navigation-toggle {
    display: none;
  }
  .nav-main .menu {
    display: block;
  }
  #block-views-news-block_1 {
    display: block;
  }
  #block-views-news-block_2 {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  #header {
    height: 124px;
  }
  #search-toggle-wrapper, .topnav {
    display: none;
  }
  a#mobile-search-toggle {
    float: right;
    color: #667988;
  }
  .search a#mobile-search-toggle {
    display: none;
  }
  .uni-seal {
    top: 3px;
  }
  .section-name {
    right: 10px;
    left: auto;
    top: 26px;
    width: 50%;
  }
  .section-name .site-name, .section-name .institute-name {
    line-height: 1.4em;
  }
  .section-name a {
    font-size: 19px;
  }
  .hero-team, .hero-team .main .title, .hero-team div.main {
    width: 100%;
    height: 240px;
    box-sizing: border-box;
  }
  .hero-team .main .title {
    font-size: 2rem;
  }
  .hero-team .main .title i {
    font-size: 1rem;
  }
  .hero-team img {
    width: 640px;
    height: 320px;
  }
  #global_overview {
    font-size: 0.6em;
  }
  #core_chembio table, #core_sustainability table {
    font-size: 0.75rem;
    margin-left: 10px;
  }
}
.nav-mobile {
  display: none;
  font-size: 14px;
  line-height: 2.6em;
  background-color: #667988;
  font-family: "Vestula Regular";
  margin: 0;
}

.nav-mobile a {
  display: block;
  padding-left: 15px;
  color: #fff;
  line-height: 2.6em;
  height: 2.6em;
  font-size: 14px;
}

.nav-mobile a:hover {
  color: #667988;
  background-color: #fff;
  text-decoration: none;
  line-height: 2.6em;
}

a#navigation-toggle {
  font-family: "Vestula Semibold";
}

#navigation-toggle:hover {
  color: #667988;
  background: #fff;
}

#navigation-toggle span {
  margin-right: 10px;
}

.tippy-tooltip {
  font-family: "Vestula Regular";
  font-size: 14px;
}

.user .user-coordinator .profile,
.user .user-study_adviser .profile,
.user .user-editor .profile {
  display: none;
}

.dashboard h2.block-title {
  color: #001158;
}

.dashboard table,
.dashboard-table-actions table {
  width: 100%;
}
.dashboard table a,
.dashboard-table-actions table a {
  text-decoration: none;
}
.dashboard table th, .dashboard table tr,
.dashboard-table-actions table th,
.dashboard-table-actions table tr {
  border-bottom-style: dotted;
}
.dashboard table thead th,
.dashboard-table-actions table thead th {
  padding-right: 0;
}
.dashboard table th, .dashboard table td,
.dashboard-table-actions table th,
.dashboard-table-actions table td {
  font-family: "Vestula Regular";
  font-size: 0.875rem;
}
.dashboard table tr.odd, .dashboard table tr.even,
.dashboard-table-actions table tr.odd,
.dashboard-table-actions table tr.even {
  background-color: transparent;
}

.dashboard table,
.dashboard-table-actions {
  margin-bottom: 2em;
}
.dashboard table caption,
.dashboard-table-actions caption {
  text-align: left;
  margin-bottom: 15px;
  font-family: "Vestula Regular";
}
.dashboard table caption a,
.dashboard-table-actions caption a {
  font-family: "Vestula Regular";
  font-size: 1.125rem;
  color: #333;
}

.dashboard th.active,
.dashboard td.active,
.dashboard-table-actions th.active,
.dashboard-table-actions td.active {
  background-color: transparent;
}

.dashboard td a {
  font-size: 0.875rem;
}

.user-student .view-internship-evaluations-overview .views-table td {
  vertical-align: middle;
  padding: 0 5px;
}

.user-student .view-internship-evaluations-overview .views-field-nothing {
  vertical-align: middle;
}

a.btn-dashboard-action,
a.btn-dashboard-action:visited {
  font-family: "Vestula Regular";
  padding: 4px 12px 5px 12px;
  background-color: #0c2577;
  text-align: center;
  margin-top: 2px;
  border: none;
  color: #fff;
  white-space: nowrap;
  text-transform: none;
  font-weight: normal;
  font-size: 1rem;
}

.user .pager {
  margin-bottom: 0;
}

.toggles {
  margin-bottom: 1.375rem;
}
.toggles .toggle-trigger {
  font-size: 0.875rem;
  line-height: 1.375;
  font-family: "Vestula Semibold";
  display: block;
  padding: 0.34rem 10px;
  margin: 0.34rem 0 0 0;
  text-decoration: none;
  border: 1px solid  #eee;
  background: #f5f5f5;
  color: #0c2577;
  clear: both;
}
.toggles .toggle-trigger:hover, .toggles .toggle-trigger:active, .toggles .toggle-trigger:focus {
  background-color: #7f88ab;
  border-color: #7f88ab;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.toggles .toggle-trigger::before {
  content: "\f105";
  font-family: "FontAwesome";
  float: right;
}
.toggles .toggle-trigger.active {
  border-color: #0c2577;
  background: #0c2577;
  color: #fff;
}
.toggles .toggle-trigger.active::before {
  content: "\f107";
  font-family: "FontAwesome";
  float: right;
}
.toggles .toggle-trigger + section.toggle {
  margin: 1.375rem 0;
  overflow: auto;
}
.toggles .toggle {
  margin: 1.375rem 0;
  overflow: auto;
  display: none;
}

.tab-wrapper {
  padding: 0;
  overflow: hidden;
  font-family: "Vestula Regular";
}

.toggle-tab {
  float: left;
  margin: 2px;
  display: block;
  padding: 3px 14px 3px 14px;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
  border: 1px solid #667988;
  border-radius: 3px;
  background: none #667988;
  transition: all 0.3s;
}
.toggle-tab:hover, .toggle-tab:active {
  color: #667988;
  background-color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.toggle-tab.active {
  color: #fff;
  background-color: #0c2577;
  border-radius: 3px;
  border: 1px solid #0c2577;
}
.toggle-tab.active:hover {
  color: #0c2577;
  background-color: #fff;
  transition: all 0.3s;
}

a.dashboard-btn-nav {
  border-radius: 4px;
  display: inline-block;
  margin: 10px 0 40px 0;
  color: #fff;
  background-color: #7f88ab;
  border: 1px solid #7f88ab;
  font-size: 14px;
}
a.dashboard-btn-nav:visited {
  color: #fff;
}
a.dashboard-btn-nav:hover, a.dashboard-btn-nav:active {
  color: #7f88ab;
  background: #fff;
  text-decoration: none;
}
a.dashboard-btn-nav::before {
  content: "\f08e";
  font-family: "FontAwesome";
  margin-right: 5px;
}

.form-evaluation_invitation #edit-field-student-reference-uid-uid-wrapper,
.form-thesis_talk #edit-field-student-reference-uid-uid-wrapper,
.form-thesis_talk #edit-field-speaker-0-value-wrapper {
  display: none;
}

.research_project_signature_form .field-field-group-leader-select {
  margin-top: 1em;
}

.form-colloquium_supervisor_evaluation #edit-title-wrapper,
.form-colloquium_supervisor_evaluation #edit-field-colloquium-reference-nid-nid-wrapper,
.form-colloquium_supervisor_evaluation #edit-field-staff-member-select-uid-uid-wrapper {
  display: none;
}

#edit-field-supervisor-tt-value-wrapper,
#edit-field-speaker-private-0-value-wrapper {
  display: none;
}

.form-thesis_talk .body-field-wrapper { /* was hidden because never used... */ }
.form-thesis_talk #edit-field-staff-member-select-2-uid-uid-wrapper {
  display: none;
}

table[id^=field_mail_cc] {
  margin-top: 4em;
}

.thesis-talks .field-field-ext-supervisor-email .field-label,
.thesis-talks .field-field-staff-member-select-3 .field-label,
.thesis-talks .field-field-confidential .field-label,
.thesis-talks .field-field-jury-report-referrer .field-label-inline-first {
  float: left;
}

.thesis-talks .field-field-jury-report-referrer li {
  list-style: none;
}

.field-field-image-gallery img {
  margin-bottom: 5px;
}

.box-wrapper {
  margin-top: 50px;
  overflow: hidden;
  display: block;
}
.box-wrapper .box {
  width: 250px;
  height: auto;
  float: left;
  position: relative;
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 30px;
}
.box-wrapper .box.noshadow {
  box-shadow: none;
}
.box-wrapper .box figure {
  margin: 0;
}
.box-wrapper .box figure a, .box-wrapper .box figure a:hover {
  text-decoration: none;
}
.box-wrapper .box figure img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}
.box-wrapper .box figure .meta {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 1rem;
  line-height: 1.375;
  bottom: 0;
  width: 100%;
  background: rgba(82, 82, 82, 0.8);
  padding: 8px 10px;
  position: absolute;
  font-family: "Vestula Regular";
  display: block;
  box-sizing: border-box;
  overflow: hidden;
}

#rightSidebar .box {
  margin-bottom: 30px;
  background: #fff;
  overflow: hidden;
  display: block;
  position: relative;
  box-sizing: border-box;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  font-family: "Vestula Regular";
  font-weight: normal;
}
#rightSidebar .box figure {
  margin: 0;
}
#rightSidebar .box figure img {
  width: 100%;
  height: auto;
  margin: 0;
  display: block;
}
#rightSidebar .box figure figcaption {
  font-size: 1.25rem;
  line-height: 1.2;
  font-family: "Vestula Semibold";
  color: #333;
  display: block;
  padding: 0.6875rem 20px;
}
#rightSidebar .box figure figcaption .meta {
  font-size: 1rem;
  line-height: 1.375;
  color: #333;
  display: block;
  margin-top: 0.34375rem;
}
#rightSidebar .box a, #rightSidebar .box a:hover {
  display: block;
  overflow: hidden;
  text-decoration: none;
}
#rightSidebar .box a:hover {
  background: #f5f5f5;
}

.research-projects .node .field-field-image {
  display: none;
}

.field-field-jury-report-impression,
.field-field-jury-present-impression,
.field-field-jury-final-grade {
  margin-top: 1em;
}

.user-mentor #edit-field-tt-reference-nid-nid-wrapper,
.user-staff_member #edit-field-tt-reference-nid-nid-wrapper {
  display: none;
}

.user-mentor .field-field-jury-report-referrer,
.user-staff_member .field-field-jury-report-referrer {
  display: none;
}

.field_field_tt_reference {
  margin-top: 2em;
}

#edit-field-internship-type-select-value-faculty-wrapper,
#edit-field-internship-type-select-value-partner-wrapper {
  display: none;
}

.thesis_talk .group-confirmation-mail,
.thesis_talk .field-field-internship-ects,
.minor_thesis .field-field-internship-ects,
.thesis_talk .field-field-internship-type-select,
.minor_thesis .field-field-internship-type-select {
  display: none;
}

.form-evaluation_invitation .group-prefilled {
  display: none;
}

.pulsate-red {
  animation: highlightbutton-red 2s infinite ease-in-out;
}
.pulsate-red:hover {
  color: #fff !important;
}

@keyframes highlightbutton-red {
  0% {
    background-color: #edbcb6;
    border-color: #edbcb6;
  }
  70% {
    background-color: #d21;
    border-color: #d21;
  }
  100% {
    background-color: #edbcb6;
    border-color: #edbcb6;
  }
}
.admin .container {
  width: 100%;
}

.admin #header {
  box-sizing: border-box;
  padding-left: 40px;
  padding-right: 40px;
  width: 100%;
}

.admin .nav-header .uni-seal {
  margin-left: 40px;
}

.admin #search-toggle-wrapper {
  right: 40px;
}

.admin .nav-main {
  width: 100%;
  border-radius: 0;
  margin: 0 0 25px 0;
}

.admin .breadCrumbHolder {
  display: none;
}

.admin #content-wrapper {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
  float: none;
  display: block;
  padding-top: 10px;
  overflow: hidden;
}

.admin #content {
  width: 100%;
}

.admin table {
  width: 100%;
  font-family: "Vestula Regular";
  font-size: 0.875rem;
  margin-bottom: 1em;
}
.admin table tr {
  background-color: transparent;
  height: 40px;
}
.admin table tr.drag-previous {
  background-color: #ffd;
}
.admin table td {
  vertical-align: bottom;
  padding-bottom: 3px;
  padding-left: 5px;
}
.admin table td.active {
  background-color: transparent;
}
.admin table td a {
  font-weight: normal;
  text-decoration: none;
}

.admin #permissions {
  font-size: 0.675rem;
}

.admin #user-admin-perm th {
  font-size: 0.675rem;
  font-family: "Vestula Semibold";
}

#masterplanner-admin-view-form table {
  width: 100%;
}

.admin .form-item label {
  font-family: "Vestula Regular";
}

.admin .form-item .form-radios label.option {
  font-family: Georgia;
  font-size: 1em;
  color: #666;
}

.admin .form-item .description,
.admin .form-item .description a {
  font-size: 1em;
}

.admin #edit-clear {
  padding: 3px 14px 3px 14px;
  border-radius: 4px;
  box-shadow: none;
  border: none;
  background-color: #667988;
  color: #fff;
  font-family: "Vestula Regular";
  font-size: 14px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.admin .view {
  margin-bottom: 2em;
}

.admin .views-tabset {
  font-family: "Vestula Regular";
}
.admin .views-tabset .views-tabs ul li a {
  font-size: 0.875rem;
}
.admin .views-tabset .views-tab-area .left {
  width: 33%;
  margin-left: 5px;
}
.admin .views-tabset .views-tab-area .middle {
  width: 33%;
}
.admin .views-tabset .views-tab-area .right {
  width: 33%;
  margin-right: 5px;
}

.admin .views-field-title a,
.admin .views-field-title .field-content a:visited {
  color: #b68f00;
  font-size: 0.875rem;
  font-family: "Vestula Regular";
  font-weight: normal;
}

.admin th {
  vertical-align: bottom;
  padding-bottom: 3px;
}

.admin .views-field-created {
  width: 120px;
}

/* supervision evaluations overview */
.admin .view-id-supervision_evaluation.view-display-id-page_1 td.views-field-field-sup-avg-planning-value,
.admin .view-id-supervision_evaluation.view-display-id-page_1 td.views-field-field-sup-avg-supervision-value,
.admin .view-id-supervision_evaluation.view-display-id-page_1 td.views-field-field-sup-avg-group-value {
  vertical-align: middle;
  width: 94px;
}

.admin th.views-field-field-sup-avg-planning-value,
.admin th.views-field-field-sup-avg-supervision-value,
.admin th.views-field-field-sup-avg-group-value {
  text-align: center;
}

.admin .rating {
  line-height: 12px;
}

.admin .circle {
  display: inline-block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #fff;
  vertical-align: middle;
}

.admin .rating-1 {
  background-color: #ed7423;
  width: 12px;
  height: 12px;
}

.admin .rating-2 {
  background-color: #f5a214;
  width: 9px;
  height: 9px;
}

.admin .rating-3 {
  background-color: #fecf03;
  width: 6px;
  height: 6px;
}

.admin .rating-4 {
  background-color: #d4d900;
  width: 9px;
  height: 9px;
}

.admin .rating-5 {
  background-color: #9fc405;
  width: 12px;
  height: 12px;
}

/* meter element on Project duration overview page */
.admin .view-flag-internships-overview.view-display-id-page_1 .views-field-php-1,
.admin .view-flag-internships-overview.view-display-id-page_2 .views-field-php-1 {
  width: 6em;
}

.admin .view-flag-internships-overview.view-display-id-page_1 td.views-field-php-1,
.admin .view-flag-internships-overview.view-display-id-page_2 td.views-field-php-1 {
  padding-right: 30px;
}

#views-bulk-operations-select legend {
  display: none;
}

#views-bulk-operations-submit {
  padding-top: 18px;
}

.views-bulk-operations-form .views-field-select-all {
  padding: 15px 0 !important;
  vertical-align: middle !important;
}
.views-bulk-operations-form tr.even, .views-bulk-operations-form tr.odd {
  border-bottom: 1px solid #f7f7f7;
}

.ps__rail-x,
.ps__rail-y {
  opacity: 0.6;
}