/* ========    CtFrontendCssService:  CSS compression is disabled     ======== */

/* ========    CtFrontendCssService:  Inlining of @imports is enabled     ======== */

/* ========    CtFrontendCssService:  start of file style.css     ======== */
@charset "UTF-8";
/** SCSS */
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2013 Schwartzco Inc.
        License: 1602-IQZSMG
*/
@import url("vendor/sitecomponents-7.6.1.0/style.css");
@font-face {
  font-family: 'Guardian';
  src: url("fonts/guardian/GuardianTextSans-RegularIt-Web.eot");
  src: url("fonts/guardian/GuardianTextSans-RegularIt-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianTextSans-RegularIt-Web.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }
@font-face {
  font-family: 'Guardian';
  src: url("fonts/guardian/GuardianTextSans-Regular-Web.eot");
  src: url("fonts/guardian/GuardianTextSans-Regular-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianTextSans-Regular-Web.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Guardian';
  src: url("fonts/guardian/GuardianSansCond-Medium-Web.eot");
  src: url("fonts/guardian/GuardianSansCond-Medium-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianSansCond-Medium-Web.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Guardian';
  src: url("fonts/guardian/GuardianEgyp-Semibold-Web.eot");
  src: url("fonts/guardian/GuardianEgyp-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianEgyp-Semibold-Web.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: 'Guardian TextSans Web';
  src: url("fonts/guardian/GuardianTextSans-BoldIt-Web.eot");
  src: url("fonts/guardian/GuardianTextSans-BoldIt-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianTextSans-BoldIt-Web.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }
@font-face {
  font-family: 'Guardian';
  src: url("fonts/guardian/GuardianTextSans-Bold-Web.eot");
  src: url("fonts/guardian/GuardianTextSans-Bold-Web.eot?#iefix") format("embedded-opentype"), url("fonts/guardian/GuardianTextSans-Bold-Web.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-stretch: normal; }
@font-face {
  font-family: "cas-iconfont";
  src: url("fonts/cas-iconfont.eot");
  src: url("fonts/cas-iconfont.eot?#iefix") format("embedded-opentype"), url("fonts/cas-iconfont.woff") format("woff"), url("fonts/cas-iconfont.ttf") format("truetype"), url("fonts/cas-iconfont.svg#cas-iconfont") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "cas-iconfont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "cas-iconfont" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-humanities:before {
  content: "a"; }

.icon-naturalsciences:before {
  content: "b"; }

.icon-socialsciences:before {
  content: "c"; }

.icon-soek-fat-left:before {
  content: "d"; }

.icon-lastned:before {
  content: "e"; }

.icon-link-chain:before {
  content: "f"; }

.icon-statement-quote-start:before {
  content: "g"; }

.icon-pil-forrige:before {
  content: "h"; }

.icon-pil-neste:before {
  content: "i"; }

.icon-pil-forrige-rounded:before {
  content: "j"; }

.icon-pil-neste-rounded:before {
  content: "k"; }

.icon-print:before {
  content: "l"; }

.icon-kontakt-epost-fill:before {
  content: "m"; }

.icon-some-facebook:before {
  content: "n"; }

.icon-some-linkedin:before {
  content: "o"; }

.icon-some-reddit:before {
  content: "p"; }

.icon-some-twitter:before {
  content: "q"; }

.icon-pil-forste:before {
  content: "r"; }

.icon-pil-siste:before {
  content: "s"; }

.icon-time-past:before {
  content: "t"; }

.icon-time-present:before {
  content: "u"; }

.icon-time-future:before {
  content: "v"; }

.icon-firkantrounded-ned:before {
  content: "w"; }

.icon-firkantrounded-opp:before {
  content: "x"; }

.icon-kalender-klokke-fill:before {
  content: "y"; }

.icon-map-marker:before {
  content: "z"; }

.icon-registrering-skjema:before {
  content: "A"; }

.icon-photo:before {
  content: "B"; }

.icon-komrang-star:before {
  content: "C"; }

.icon-comment:before {
  content: "D"; }

.icon-statement-utrop-rounded:before {
  content: "E"; }

.icon-save:before {
  content: "G"; }

.icon-lastopp:before {
  content: "F"; }

.icon-login-padlock-locked:before {
  content: "H"; }

.icon-login-padlock-open:before {
  content: "I"; }

.icon-avatar-female:before {
  content: "J"; }

.icon-avatar-male:before {
  content: "K"; }

.icon-mobil-menu-rounded:before {
  content: "\4c"; }

.icon-kontakt-telefon2:before {
  content: "\4d"; }

.icon-statement-checked-rounded:before {
  content: "\4e"; }

.icon-edit-article:before {
  content: "\4f"; }

.icon-delete-article:before {
  content: "\50"; }

.icon-fil-other:before {
  content: "\51"; }

.icon-fil-pdf:before {
  content: "\52"; }

.icon-fil-text:before {
  content: "\53"; }

.icon-fil-text2:before {
  content: "\54"; }

.icon-statement-question-rounded:before {
  content: "\55"; }

.icon-statement-rejected-rounded:before {
  content: "\56"; }

.icon-info-circle:before {
  content: "\57"; }

.icon-pluss:before {
  content: "\58"; }

.icon-minus:before {
  content: "\59"; }

body {
  font-family: "Guardian", "Verdana"; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/** SCSS */
/** SCSS */
/* Aliases */
.bg-blue {
  background: #023c5c; }

.bg-blue1 {
  background: #22a7cd; }

.bg-blue2 {
  background: #157abc; }

.bg-blue3 {
  background: #135b88; }

.bg-blue4 {
  background: #10609d; }

.bg-blue5 {
  background: #1e79bb; }

.bg-blue6 {
  background: #acdceb; }

/* Computer preference colors. */
.bg-color-com-pref-yellow {
  background-color: #f9dc84; }

.bg-color-com-pref-orange {
  background-color: orange; }

.bg-color-com-pref-orangered {
  background-color: #ff6502; }

.bg-color-com-pref-darkorange {
  background-color: darkorange; }

.bg-color-com-pref-red {
  background-color: #ff524d; }

.bg-color-com-pref-darkred {
  background-color: darkred; }

.bg-color-com-pref-blue {
  background-color: #3e51ff; }

.bg-color-com-pref-lightblue {
  background-color: lightblue; }

.bg-color-com-pref-lightgreen {
  background-color: lightgreen; }

.bg-color-com-pref-green {
  background-color: #35802f; }

.bg-color-com-pref-darkgreen {
  background-color: darkgreen; }

.bg-color-com-pref-pink {
  background-color: #d36884; }

.bg-color-com-pref-brown {
  background-color: #4f3d21; }

.bg-color-com-pref-black {
  background-color: #323232; }

.bg-color-com-pref-grey {
  background-color: #716e6e; }

.bg-color-com-pref-navy {
  background-color: #3030c5; }

.bg-color-com-pref-cyan {
  background-color: cyan; }

.bg-color-com-pref-darkcyan {
  background-color: darkcyan; }

.bg-color-com-pref-undefined {
  background-color: #f6f6f6; }

/** SCSS */
/** SCSS */
.text-center,
.text-align-center {
  text-align: center; }

.center {
  margin: 0 auto; }

.vertical-align-middle {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.vertical-align-top {
  vertical-align: top; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.uppercase {
  text-transform: uppercase; }

.lowercase {
  text-transform: lowercase; }

.full-width,
.fullwidth {
  width: 100%; }

.normal-width {
  width: 960px; }

@media (max-width: 480px) {
  .normal-width {
    width: 460px; } }
body.default .normal-width {
  width: 960px; }

.article-width {
  max-width: 624px; }

.has-article #placeholder-content.no-right > .article-width {
  max-width: none; }

.no-float {
  float: none; }

.no-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.no-padding-right {
  padding-right: 0 !important; }

.no-padding-left {
  padding-left: 0 !important; }

.inline-block {
  display: inline-block;
  vertical-align: top; }

.block {
  display: block; }

.inline {
  display: inline; }

.left {
  float: left; }

.right {
  float: right; }

.mobile .mobile-no-float {
  float: none; }
.mobile .hide-on-mobile {
  display: none; }

.hidden,
.hide {
  display: none !important; }

.easy-hide {
  display: none; }

.displayed,
.displaying,
.showing,
.show {
  display: inherit !important; }

.visible {
  opacity: 1;
  transform: scale(1); }

.transitioned-out,
.transition-out {
  opacity: 0; }

.transitioned-in,
.transition-in {
  opacity: 1; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.clearfix {
  clear: both; }

.invisible {
  opacity: 0; }

.font-normal {
  font-weight: 400; }

.font-semi-bold {
  font-weight: 500; }

.font-bold {
  font-weight: 600; }

.margin-left-1 {
  margin-left: 1rem; }

.margin-left-2 {
  margin-left: 2rem; }

.margin-left-3 {
  margin-left: 3rem; }

.margin-left-4 {
  margin-left: 4rem; }

.margin-left-5 {
  margin-left: 5rem; }

/** SCSS */
figure {
  margin: 0; }

h1 {
  line-height: 3.8rem; }

@media (max-width: 480px) {
  body input:not([type="submit"]),
  textarea {
    height: 4.2rem;
    line-height: 4.2rem;
    font-size: 18px; } }
#content-link a:focus {
  left: 400px;
  top: 0;
  background: #FFFFFF;
  padding: 20px;
  font-size: 2rem;
  width: 165px;
  text-decoration: underline;
  box-shadow: 1px 4px 7px #BFBFBF;
  outline: 0; }

.tile-error-exception {
  overflow-x: auto; }

#scrollUp {
  bottom: 20px;
  right: 20px;
  background-color: #22a7cd;
  color: #fff;
  text-decoration: none;
  font-size: 2.4rem;
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  padding: 16px 12px 10px 14px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  #scrollUp:hover {
    background: #4D4D4F;
    box-shadow: 0 1px 3px #464646; }
    @media (max-width: 480px) {
      #scrollUp:hover {
        background-color: #22a7cd;
        opacity: 0.95; } }

.datepicker {
  top: -255px !important;
  left: 0 !important;
  z-index: 9; }

p.minimize a.more,
p.minimize a.less {
  color: #1e8d9d; }

.minimize-html.show-more {
  max-height: none; }
  .minimize-html.show-more ~ .more-html {
    display: none; }
.minimize-html.show-less {
  max-height: 100px;
  overflow: hidden; }
  .minimize-html.show-less ~ .less-html {
    display: none; }

.xdebug-error {
  position: absolute; }

/** SCSS */
.btn {
  border: 0;
  padding-left: 12px;
  padding-right: 12px;
  height: 3.2rem;
  line-height: 3.2rem;
  font-weight: 500; }
  @media (max-width: 480px) {
    .btn {
      font-size: 1.8rem;
      height: 4.2rem;
      line-height: 4rem; } }

.btn:active {
  outline: none; }

.btn:hover {
  background: #c4c4c4;
  color: #fff; }

.btn:focus {
  outline: 0; }

.btn-icon-only {
  background: transparent;
  padding-left: 5px;
  padding-right: 5px; }
  .btn-icon-only i {
    top: 1px;
    position: relative;
    left: 1px; }
  .btn-icon-only i.one-char {
    font-size: 28px;
    position: relative;
    line-height: 0px;
    top: 4px;
    font-style: normal;
    padding-right: 1px; }

.btn.btn-default {
  padding-top: 7px;
  padding-bottom: 4px; }
  @media (max-width: 480px) {
    .btn.btn-default {
      padding-bottom: 8px;
      padding-top: 9px; } }

.btn.btn-small {
  padding: 7px 6px 4px; }
  @media (max-width: 480px) {
    .btn.btn-small {
      padding-bottom: 7px; } }

.btn.rounded {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.btn.btn-blue {
  background-color: #135b88;
  color: #fff; }

.btn.btn-light-orange {
  background-color: #f8e9d1;
  color: #f94201; }

.btn-blue-hover:hover .btn {
  background: #1e8d9d;
  color: #fff; }

.button-group {
  display: inline-block; }
  .button-group button {
    font-size: 15px; }

/** SCSS */
input {
  width: 400px;
  height: 3.2rem;
  line-height: 3.2rem; }

input:not([type="submit"]),
select,
textarea {
  border: 0;
  font-size: 1.4rem; }

select {
  background: #fff;
  color: #494847;
  border: 1px solid #494847; }

.ctform label {
  display: table-cell;
  position: relative;
  top: 6px; }
.ctform select,
.ctform textarea,
.ctform input {
  border: 1px solid #023c5c;
  color: #000; }
.ctform select,
.ctform input {
  height: 3.2rem;
  line-height: 3.2rem;
  width: 100%;
  font-size: 15px; }
.ctform select:not([multiple]) {
  padding-left: 4px; }
.ctform input.capitalize {
  text-transform: capitalize; }
.ctform input[type="submit"] {
  background: #f8e9d1;
  color: #f94201;
  border: 0;
  width: auto;
  min-width: 120px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 600; }
  .ctform input[type="submit"]:hover {
    background: #1e79bb;
    color: #fff;
    text-decoration: underline; }
.ctform input[type="radio"] {
  width: 15px;
  height: 15px;
  line-height: 20px;
  position: relative;
  top: 3px;
  margin-left: 8px;
  margin-right: 4px; }
.ctform textarea {
  padding: 8px;
  line-height: 1.6rem; }

svg.icon {
  width: 100%;
  height: 100%;
  fill: currentColor; }

/** SCSS */
/* This file should only contain skeleton stuff. Its being inlined. */
/** SCSS */
body:not(.mobile-channel) #container {
  margin-top: 139px; }
body:not(.mobile-channel).double-top-menu #container {
  margin-top: 187px; }
body:not(.mobile-channel) #placeholder-top {
  background: #ACDCEB;
  will-change: auto; }
body:not(.mobile-channel) #placeholder-top::before {
  position: absolute;
  content: "";
  height: 100%;
  width: 50%;
  left: 0;
  top: 0;
  background: #61A1CF;
  z-index: 1; }
body:not(.mobile-channel) #placeholder-top:not(.on-top) {
  top: -103px;
  animation: smallerNotOnTop 0.3s;
  -moz-animation: smallerNotOnTop 0.3s;
  /* Firefox */
  -webkit-animation: smallerNotOnTop 0.3s;
  /* Safari and Chrome */ }
body:not(.mobile-channel) #container:not(.scroll-on-top) {
  margin-top: 80px; }
body:not(.mobile-channel).has-full-width-header #container:not(.scroll-on-top) {
  margin-top: 65px; }
body:not(.mobile-channel) #placeholder-top .inner-wrapper {
  position: relative; }
body:not(.mobile-channel) #placeholder-top .background-wrapper {
  position: absolute;
  min-width: 1914px;
  min-height: 92px;
  height: 100%;
  width: 100%;
  background: url(/themes/cas/images/background/header.png) transparent no-repeat;
  background-size: 1914px 145px;
  z-index: 1;
  margin-left: 52%;
  left: -100%; }
body:not(.mobile-channel) #placeholder-top .background-wrapper ~ .tile-common:not(.logo-tile) {
  z-index: 1;
  position: relative; }
body:not(.mobile-channel) #placeholder-top nav {
  bottom: 0;
  position: absolute; }
body:not(.mobile-channel) #placeholder-top nav a {
  color: #fff !important; }
body:not(.mobile-channel) #placeholder-top nav li:first-child {
  margin-left: 150px; }
body:not(.mobile-channel) #placeholder-top nav li.tree-level-0:first-child {
  margin-left: 250px; }

/** SCSS */
#placeholder-right {
  margin-top: 2em; }

#placeholder-right > div.tile-common:first-child {
  margin-top: 4.6rem; }

.runtime-atid-5 #placeholder-right > div.tile-common:first-child {
  margin-top: 7rem; }

.runtime-ctid-73 #placeholder-stretched-top-content + #main-content {
  padding-top: 3rem; }

.runtime-ctid-73 #placeholder-right > div.tile-common:first-child {
  margin-top: 3px; }

#main-content {
  min-height: 200px;
  margin-top: 146px; }

#main-content.double-top-menu {
  margin-top: 187px; }

#placeholder-stretched-top-content + #main-content {
  margin-top: 0; }

body.has-article #placeholder-right {
  margin-top: 52px; }

body.has-article.has-full-width-header #placeholder-right {
  margin-top: 12px; }

/** SCSS */
#placeholder-bottom .inner-wrapper {
  position: relative; }

#coretrek-footer {
  position: absolute;
  margin: 0;
  bottom: 5px;
  right: 22px; }

#coretrek-footer .colofon {
  position: relative;
  top: 0; }

#coretrek-footer .colofon a,
#coretrek-footer .colofon span {
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 500;
  margin-left: 10px; }

#sc-page-debug {
  display: none; }

/** SCSS */
body.mobile #placeholder-top {
  background: #023c5c url(/themes/cas/images/background/mobil_bgheader_cas.png) 50% 50%; }

/** SCSS */
/** SCSS */
body {
  line-height: 1;
  height: auto;
  position: relative;
  -moz-font-feature-settings: "liga", "kern";
  -moz-font-feature-settings: "liga=1, kern=1";
  -ms-font-feature-settings: "liga", "kern";
  -o-font-feature-settings: "liga", "kern";
  -webkit-font-feature-settings: "liga", "kern";
  font-feature-settings: "liga", "kern";
  text-rendering: geometricPrecision;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: none;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Guardian", "Verdana";
  background: #fff; }

body.desktop-channel,
html.desktop-channel,
html.desktop-channel #placeholder-top {
  min-width: 1048px; }

body.mobile-channel,
html.mobile-channel,
html.mobile-channel #placeholder-top {
  width: 100%; }

.inner-wrapper {
  max-width: 960px;
  margin: 0 auto; }

@media (max-width: 480px) {
  body:not(.desktop-channel) .inner-wrapper {
    width: 100%; } }

body.desktop-channel .inner-wrapper {
  max-width: 960px; }

#container {
  overflow: visible; }

#placeholder-top {
  background-color: #fff;
  box-shadow: 0 0 6px #898989;
  width: 100%; }
  #placeholder-top .search-top-wrapper {
    display: block;
    text-align: right;
    width: 100%;
    background-color: #0e2d7a;
    color: #fff; }
    #placeholder-top .search-top-wrapper .tool-wrapper {
      height: 35px;
      overflow: hidden; }
  @media (max-width: 480px) {
    #placeholder-top a:hover {
      text-decoration: none !important; } }
  #placeholder-top.sticky {
    position: fixed;
    z-index: 999;
    top: 0; }
    #placeholder-top.sticky + #main-content {
      margin-top: 135px; }
@media (max-width: 480px) and (orientation: landscape) {
  #placeholder-top.sticky {
    position: relative; } }

  #placeholder-top .inner-wrapper {
    display: block; }

#placeholder-top nav {
  display: block; }
#placeholder-top .quick-menu {
  display: inline-block; }

#main-content {
  overflow: hidden; }

#placeholder-content {
  width: 100%;
  overflow: visible;
  margin-bottom: 2em; }

@media (max-width: 480px) {
  #placeholder-content {
    width: 100%;
    padding: 0;
    padding-top: 12px; }

  #placeholder-content .tile-common {
    margin-bottom: 0; } }
#placeholder-content.has-right {
  width: 65%; }

#placeholder-bottom {
  width: 100%;
  background: #023c5c url(/themes/cas/images/background/footer_bg.png) no-repeat 50% 50%;
  height: 345px; }
  #placeholder-bottom .logo-background {
    position: relative;
    top: -30px;
    height: 85px;
    left: 10px; }
  #placeholder-bottom .small-articledisplay,
  #placeholder-bottom .standard-menu {
    margin-top: 25px; }
  @media (max-width: 480px) {
    #placeholder-bottom {
      height: 475px;
      background: #023c5c url(/themes/cas/images/background/mobil_bgfooter_cas.png) no-repeat 50% 50%; } }

/** SCSS */
/** SCSS */
.loader {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0, 0, 0, 0.2);
  border-right: 1.1em solid rgba(0, 0, 0, 0.2);
  border-bottom: 1.1em solid rgba(0, 0, 0, 0.2);
  border-left: 1.1em solid #000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear; }

.loader,
.loader:after {
  border-radius: 50%;
  width: 25px;
  height: 25px; }

@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
/** General modal stylings. */
.modal-carpet {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.52);
  z-index: 999; }

.modal-box {
  position: fixed;
  width: 50%;
  min-width: 480px;
  max-width: 720px;
  height: auto;
  background: #fff;
  z-index: 999;
  padding: 3rem; }
  .modal-box .tile-top,
  .modal-box .tile-content {
    margin-bottom: 2rem;
    line-height: 2rem;
    width: 100%; }
  .modal-box .tile-bottom {
    margin-top: 1rem; }
  .modal-box h2 {
    color: #f94201;
    text-transform: uppercase;
    line-height: 3rem;
    font-size: 2rem; }
    .modal-box h2 i {
      position: relative;
      top: 5px;
      font-size: 2.6rem; }
  .modal-box .tile-bottom {
    text-align: center; }
  .modal-box .button-group {
    margin-right: 8rem; }
  .modal-box button:not(.icon) {
    text-transform: uppercase;
    margin-right: 2px;
    width: 72px; }
  .modal-box button.icon::before {
    position: relative;
    top: 2px; }

/** Sitecomponents custom overrides */
/** Menu on top
  * Placeholders: top.
  */
#placeholder-top .standard-menu.double-mode {
  background: #023c5c;
  /* Old browsers */ }

#placeholder-top .standard-menu.double-mode.expanded {
  background: -moz-linear-gradient(top, #023c5c 0%, #023c5c 50%, #135b88 50%, #135b88 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #023c5c 0%, #023c5c 50%, #135b88 50%, #135b88 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #023c5c 0%, #023c5c 50%, #135b88 50%, #135b88 50%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$blue', endColorstr='$blue3', GradientType=0);
  /* IE6-9 */ }

#placeholder-top .standard-menu.double-mode ul li.expanded ul {
  background: transparent; }

#placeholder-top .standard-menu:not(.quick-mode) {
  margin-left: -500%;
  margin-right: -500%; }

#placeholder-top .standard-menu:not(.quick-mode) li a,
#placeholder-top .standard-menu:not(.quick-mode) li span.disabled {
  font-size: 14px; }

#placeholder-top .standard-menu:not(.quick-mode) li span {
  color: #fff; }

/** Search on top
  * Placeholders: top.
  */
#placeholder-top .small-searchinput {
  margin-bottom: 0; }

#placeholder-bottom .small-articledisplay p {
  line-height: 2.3rem; }

#placeholder-bottom .standard-menu li {
  margin-bottom: 10px; }

#coretrek-footer .colofon a, #coretrek-footer .colofon span {
  font-size: 13px;
  font-weight: 500;
  color: #CACACA; }

#placeholder-top .standard-menu.double-mode.expanded li:first-child a,
#placeholder-top .standard-menu.double-mode.expanded li:first-child span {
  white-space: nowrap; }

/** SCSS */
@media (max-width: 480px) {
  body:not(.desktop-channel) {
    min-width: 480px;
    overflow-x: hidden;
    box-sizing: border-box; } }
body.mobile-channel #placeholder-top {
  min-width: 480px;
  border-bottom: 6px solid #023c5c; }
body.mobile-channel a:focus {
  text-decoration: none; }
body.mobile-channel #container {
  width: 100%;
  margin-top: 80px; }
  @media (orientation: landscape) {
    body.mobile-channel #container {
      margin-top: 0; } }
body.mobile-channel #placeholder-bottom .bottom-logo {
  float: left;
  margin-left: 28px;
  display: inline-block;
  width: 95px; }
body.mobile-channel #placeholder-bottom .motto {
  text-align: left;
  margin-left: 140px;
  margin-top: 32px;
  margin-bottom: 15px; }
  body.mobile-channel #placeholder-bottom .motto span.big {
    font-weight: 600;
    font-size: 24px;
    clear: right; }
  body.mobile-channel #placeholder-bottom .motto span {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-align: left;
    display: inline-block; }
body.mobile-channel #placeholder-bottom .small-articledisplay {
  margin-left: 135px !important;
  margin-right: 25px;
  margin-top: 12px;
  border-top: 1px solid #eee;
  padding-top: 16px;
  text-align: left; }
  body.mobile-channel #placeholder-bottom .small-articledisplay p {
    line-height: 2.2rem;
    font-size: 1.5rem;
    color: #fff; }
body.mobile-channel #placeholder-bottom .channel-selector {
  margin-top: 33px;
  margin-bottom: 12px; }
  body.mobile-channel #placeholder-bottom .channel-selector a {
    font-size: 1.6rem;
    margin-right: 24px;
    color: #fff; }
  body.mobile-channel #placeholder-bottom .channel-selector a:last-child {
    margin-right: 0; }
body.mobile-channel #coretrek-footer {
  bottom: 45px;
  z-index: 999; }
body.mobile-channel #coretrek-footer .colofon a, body.mobile-channel #coretrek-footer .colofon span {
  font-weight: 500;
  font-size: 15px;
  float: right; }
body.mobile-channel #developedbycolofon {
  margin-right: 12px;
  margin-left: 6px; }

body:not(.frontpage) .event-list.activity-list li:last-child {
  margin-bottom: 5rem; }

/* activitycalendar.scss */
.activity-calendar #activity-timeline {
  position: relative;
  overflow: hidden; }
.activity-calendar ul.activities {
  overflow: hidden; }
.activity-calendar li.activity {
  position: relative;
  min-height: 3vh;
  overflow-y: hidden;
  display: table;
  width: 100%; }
  .activity-calendar li.activity:first-child .top-line {
    background-position: -520px !important; }
  .activity-calendar li.activity:first-child .top-line + .content.text {
    top: -1rem !important; }
  .activity-calendar li.activity:first-child h2 {
    margin-top: 2rem; }
  .activity-calendar li.activity:first-child .timebar-instance,
  .activity-calendar li.activity:first-child .wrapper {
    padding-top: 3rem; }
  .activity-calendar li.activity:last-child .activity-bottom {
    display: none; }
  .activity-calendar li.activity.year-0 + .year-1 .timebar-instance,
  .activity-calendar li.activity.year-0 + .year-1 .wrapper, .activity-calendar li.activity.year-1 + .year-2 .timebar-instance,
  .activity-calendar li.activity.year-1 + .year-2 .wrapper {
    padding-top: 3rem; }
  .activity-calendar li.activity h2 {
    text-transform: uppercase;
    line-height: 4rem;
    font-size: 4rem;
    margin-bottom: 1.2rem;
    font-weight: 500;
    color: #333; }
  .activity-calendar li.activity .digest p {
    font-size: 1.6rem;
    line-height: 2.2rem; }
  .activity-calendar li.activity .timebar-instance {
    position: relative;
    width: 130px;
    min-width: 130px;
    height: 100%;
    display: table-cell;
    vertical-align: top;
    background-image: url("/themes/cas/images/calendar/vertical_line.png");
    background-position-x: 123px;
    background-repeat: repeat-y; }
    .activity-calendar li.activity .timebar-instance::after {
      position: absolute;
      width: 30px;
      height: 30px;
      right: -14px;
      content: "";
      background-image: url("/themes/cas/images/calendar/month-bullet.png");
      background-color: transparent;
      background-size: 30px 30px; }
    .activity-calendar li.activity .timebar-instance .month,
    .activity-calendar li.activity .timebar-instance .pure_text,
    .activity-calendar li.activity .timebar-instance .sub_text {
      float: right;
      margin-right: 24px;
      text-transform: uppercase;
      margin-top: 7px;
      color: #ffffff;
      font-weight: 500; }
    .activity-calendar li.activity .timebar-instance .month {
      font-size: 1.6rem; }
    .activity-calendar li.activity .timebar-instance .pure_text {
      font-size: 1.6rem; }
    .activity-calendar li.activity .timebar-instance .sub_text {
      font-size: 1.3rem;
      text-align: right;
      padding-left: 12px; }
    .activity-calendar li.activity .timebar-instance.year-2, .activity-calendar li.activity .timebar-instance.year-0 {
      background-color: #054a73; }
    .activity-calendar li.activity .timebar-instance.year-, .activity-calendar li.activity .timebar-instance.year-3, .activity-calendar li.activity .timebar-instance.year-1 {
      background-color: #065a88; }
  .activity-calendar li.activity .wrapper {
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .activity-calendar li.activity .box {
    width: 50%; }
  .activity-calendar li.activity .box .width-15 {
    width: 15%; }
  .activity-calendar li.activity .box .width-30 {
    width: 30%; }
  .activity-calendar li.activity .box .width-45 {
    width: 45%; }
  .activity-calendar li.activity .box .width-60 {
    width: 60%; }
  .activity-calendar li.activity .box .width-75 {
    width: 75%; }
  .activity-calendar li.activity .box .width-100 {
    width: 100%; }
  .activity-calendar li.activity .wrapper,
  .activity-calendar li.activity .activity-bottom {
    width: calc(100% - 15px);
    float: right; }
  .activity-calendar li.activity .activity-bottom {
    height: 40px;
    margin-bottom: 3.2rem; }
    .activity-calendar li.activity .activity-bottom:not(.skip-arrow) {
      background-image: url("/themes/cas/images/calendar/line_arrow.png");
      background-color: transparent;
      background-size: 1266px 40px;
      background-position: 750px; }
  .activity-calendar li.activity .top-line {
    height: 12px;
    background-image: url("/themes/cas/images/calendar/line_dot.png");
    background-color: #fff;
    background-size: 695px 12px;
    top: -11px;
    width: 100%;
    position: relative;
    background-position: -309px;
    background-repeat: no-repeat; }
    .activity-calendar li.activity .top-line.short {
      background-position: -635px;
      background-repeat: no-repeat; }
  .activity-calendar li.activity .top-line.short + .content.text {
    top: -3rem; }
  .activity-calendar li.activity .box-left .content.text {
    margin-left: 6rem;
    padding-right: 3.2rem; }
  .activity-calendar li.activity .box-right .content.text {
    padding-left: 4rem; }
  .activity-calendar li.activity .content.text {
    position: relative;
    top: -2rem;
    padding-left: 1rem; }
  .activity-calendar li.activity .content.image img {
    max-width: 100%; }
  .activity-calendar li.activity .box-middle {
    position: relative;
    top: -1rem; }
    .activity-calendar li.activity .box-middle.pull-up {
      top: -3rem; }
  .activity-calendar li.activity .box-middle .top-line {
    top: initial;
    position: absolute;
    background-position: -660px !important; }
  .activity-calendar li.activity .box-middle .top-line + .content.text {
    top: -1rem; }
  .activity-calendar li.activity .box-middle h2,
  .activity-calendar li.activity .box-middle .digest {
    margin-left: 160px; }
  .activity-calendar li.activity .box-middle .content.image {
    text-align: center;
    padding-left: 8rem; }
  .activity-calendar li.activity .box-middle,
  .activity-calendar li.activity .box-middle .content.image,
  .activity-calendar li.activity .box-middle .content.text {
    width: 100%; }
  .activity-calendar li.activity .content.wysiwyg {
    max-width: 815px; }
  .activity-calendar li.activity .content.wysiwyg li {
    margin-left: 7rem;
    padding-bottom: 3rem;
    padding-top: 3rem; }
  .activity-calendar li.activity .content.wysiwyg img {
    margin-top: 3rem;
    margin-bottom: 1rem;
    display: block; }
  .activity-calendar li.activity .content.wysiwyg li::before {
    background-image: url(/themes/cas/images/calendar/arrow-right.png);
    width: 26px;
    height: 25px;
    position: absolute;
    content: "";
    left: 3rem;
    margin-top: -6px; }
  .activity-calendar li.activity img {
    max-height: 100%;
    max-width: 100%;
    height: auto;
    width: 100%; }

.runtime-cid-1088 .activity-calendar li.activity:first-child .wrapper,
.runtime-cid-1087 .activity-calendar li.activity:first-child .wrapper {
  padding-top: 1rem; }

.runtime-cid-1087 .activity-calendar li.activity:last-child .content.image img {
  width: auto; }

.runtime-cid-1088 .activity-calendar li.activity:first-child .timebar-instance,
.runtime-cid-1087 .activity-calendar li.activity:first-child .timebar-instance {
  background-color: #054a73 !important; }

.runtime-cid-1087 .activity-calendar li.activity:first-child img {
  max-width: 500px !important; }

.runtime-cid-1088 .activity-calendar li.activity:first-child .timebar-instance::before,
.runtime-cid-1087 .activity-calendar li.activity:first-child .timebar-instance::before {
  content: "The CAS Concept";
  position: absolute;
  left: 4.2rem;
  top: 37rem;
  transform: rotate(-90deg);
  transform-origin: left top 0;
  width: 60rem;
  color: #fff;
  font-size: 5rem;
  font-weight: 500;
  text-transform: uppercase; }

.runtime-cid-1088 .activity-calendar li.activity:first-child .timebar-instance::before {
  left: 3rem; }

.activity-calendar li.activity .box-middle .top-line {
  background-position: -545px !important; }

@media (max-width: 480px) {
  .activity-calendar li.activity .box,
  .activity-calendar li.activity .box-left .content {
    width: 100%; }

  .activity-calendar li.activity .wrapper {
    max-width: 365px; }

  .activity-calendar li.activity .box-left .content.text {
    margin-left: 0; }

  .activity-calendar li.activity .box-right .content.text {
    padding-left: 1rem; }

  .activity-calendar li.activity .top-line.short + .content.text {
    top: 0; }

  .activity-calendar li.activity .timebar-instance {
    min-width: 100px;
    width: 100px;
    background-position-x: 93px; }
    .activity-calendar li.activity .timebar-instance::after {
      right: -14px; }

  .activity-calendar li.activity .top-line.short {
    background-position: -650px !important; }

  .activity-calendar li.activity .activity-bottom:not(.skip-arrow) {
    background-size: 1266px 40px;
    background-position: 320px; }

  .activity-calendar li.activity .content.image {
    padding-right: 3rem; }

  .activity-calendar li.activity .content.wysiwyg li {
    margin-left: 6rem;
    padding-right: 2rem; }

  .activity-calendar li.activity .content.wysiwyg li::before {
    left: 1rem; }

  .activity-calendar li.activity .box-middle h2, .activity-calendar li.activity .box-middle .digest {
    margin-left: 50px; } }
/** SCSS */
.activity.articledisplay .top-content {
  margin-bottom: 8px;
  overflow: hidden; }
.activity.articledisplay .activity-instance {
  border-radius: 1px;
  padding: 8px; }
.activity.articledisplay .tile-content {
  display: block !important; }
.activity.articledisplay .tile-content .activity-instance .dates span {
  color: #494847; }
.activity.articledisplay .tile-content .activity-instance .dates {
  border: 0; }
@media (max-width: 480px) {
  .activity.articledisplay .dates time span.month {
    font-size: 18px; } }
.activity.articledisplay .dates time {
  display: none;
  border: 2px solid #023c5c;
  border-radius: 10px;
  padding: 6px;
  width: 42px; }
  @media (max-width: 480px) {
    .activity.articledisplay .dates time {
      width: 48px; } }
  @media (max-width: 480px) {
    .activity.articledisplay .dates time .day {
      font-size: 3rem; } }
.activity.articledisplay ul.days {
  margin-top: 6px; }
  @media (max-width: 480px) {
    .activity.articledisplay ul.days {
      margin-top: 10px; } }
.activity.articledisplay li.day::before {
  font-family: cas-iconfont;
  content: "y" !important;
  left: -1px;
  position: relative;
  margin-right: 8px; }
.activity.articledisplay .location {
  margin-top: 0.5rem; }
  @media (max-width: 480px) {
    .activity.articledisplay .location {
      margin-top: 5px !important; } }
@media (max-width: 480px) {
  .activity.articledisplay .location span {
    font-size: 16px; } }
.activity.articledisplay .location:before {
  font-family: cas-iconfont;
  content: "z"; }
.activity.articledisplay .location::before,
.activity.articledisplay li.day::before {
  font-size: 16px;
  background: none !important;
  margin-right: 5px;
  line-height: 13px;
  width: 15px; }
  @media (max-width: 480px) {
    .activity.articledisplay .location::before,
    .activity.articledisplay li.day::before {
      font-size: 20px; } }

/* Quick fix for multiple dates, the design doesnt show end date atm. */
.articledisplay .tile-content .activity-instance .dates time.end-date span.day:before {
  top: -19px;
  left: 15px; }

.articledisplay .tile-content .activity-instance .dates time.end-date {
  margin-left: 0;
  margin-top: 22px; }

/** SCSS */
.add-fellow-form-container {
  z-index: 1000;
  position: absolute; }
  .add-fellow-form-container .carpet {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.75);
    top: 0;
    left: 0;
    text-align: center;
    z-index: 1; }
  .add-fellow-form-container .wrapper {
    padding: 40px;
    box-shadow: 2px 1px 19px #333;
    position: absolute;
    background: #fff;
    width: 680px;
    z-index: 100;
    margin-left: -30px;
    margin-top: -150px; }
  .add-fellow-form-container h3 {
    margin-top: 0 !important;
    font-size: 2.4rem !important;
    padding-bottom: 3px !important;
    border-bottom: 2px solid #023c5c !important;
    border-color: #023c5c;
    color: #323232; }
  .add-fellow-form-container form {
    margin-top: 2rem; }
  .add-fellow-form-container label {
    display: block;
    padding-bottom: 8px;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: #323232; }
  .add-fellow-form-container select,
  .add-fellow-form-container input {
    margin-left: 8px; }
  .add-fellow-form-container .form-group {
    margin-bottom: 2rem;
    max-width: 420px; }
  .add-fellow-form-container .button-group {
    float: right;
    position: relative;
    top: -4rem; }
  .add-fellow-form-container button {
    text-transform: uppercase;
    margin-left: 3px; }
  .add-fellow-form-container .htmlcontent {
    color: #323232;
    text-transform: uppercase;
    font-size: 1.3rem; }

/** SCSS */
.has-custom-filter article.articledisplay.full-view .tile-content {
  max-width: 775px; }

article.articledisplay.full-view .top-content {
  margin-bottom: 25px; }
article.articledisplay.full-view figcaption {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 1.4rem;
  color: #323232; }
article.articledisplay.full-view .tile-content {
  display: inline-block;
  max-width: 625px;
  padding-bottom: 5px; }
  @media (max-width: 480px) {
    article.articledisplay.full-view .tile-content {
      display: block;
      overflow: hidden; } }
article.articledisplay.full-view h1 {
  font-weight: 600;
  color: #023c5c;
  font-size: 2.2em;
  line-height: 4rem;
  letter-spacing: 0.3px; }
article.articledisplay.full-view figure {
  margin: 0; }
article.articledisplay.full-view .digest {
  padding-right: 5px; }
article.articledisplay.full-view .digest p {
  font-size: 2.3rem;
  line-height: 130%;
  margin-bottom: 1.6rem;
  color: #323232; }
  @media (max-width: 480px) {
    article.articledisplay.full-view .digest p {
      font-size: 26px;
      line-height: 32px; } }
article.articledisplay.full-view .main-content p {
  line-height: 2.1rem;
  color: #323232; }
  @media (max-width: 480px) {
    article.articledisplay.full-view .main-content p {
      margin-bottom: 24px;
      line-height: 28px;
      font-size: 18px; } }
article.articledisplay.full-view table {
  border: 0; }
  @media (max-width: 480px) {
    article.articledisplay.full-view table {
      max-width: 100% !important; } }
article.articledisplay.full-view table th,
article.articledisplay.full-view table td {
  border: 0;
  padding: 8px 12px; }
article.articledisplay.full-view table thead {
  border-bottom: 1px solid #157abc; }
article.articledisplay.full-view table.pdf tr:nth-child(even) {
  background: transparent; }
article.articledisplay.full-view table.pdf td {
  text-align: center;
  padding: 1rem 0 2rem; }
  article.articledisplay.full-view table.pdf td img {
    border: 3px solid transparent;
    width: auto;
    height: auto;
    padding: 2px;
    margin: 0 auto;
    box-shadow: 1px 4px 8px rgba(0, 0, 0, 0.12); }
    @media (max-width: 480px) {
      article.articledisplay.full-view table.pdf td img {
        max-width: 120px; } }
  article.articledisplay.full-view table.pdf td p {
    text-align: center !important; }
  article.articledisplay.full-view table.pdf td:hover img {
    border-color: #023c5c; }
@media (max-width: 480px) {
  article.articledisplay.full-view table.two-col-image-and-text tr td {
    display: inline-block; }
  article.articledisplay.full-view table.two-col-image-and-text tr td:first-child {
    width: 100px; }
  article.articledisplay.full-view table.two-col-image-and-text tr td:nth-child(2) {
    width: 350px; } }
article.articledisplay.full-view .body h2 {
  font-size: 2rem;
  line-height: 32px;
  padding-top: 12px;
  padding-bottom: 5px;
  margin-bottom: 6px; }
  @media (max-width: 480px) {
    article.articledisplay.full-view .body h2 {
      font-size: 2.6rem; } }
article.articledisplay.full-view .body h1,
article.articledisplay.full-view .body h2,
article.articledisplay.full-view .body h3,
article.articledisplay.full-view .body h4 {
  color: #323232; }

/** Image description / title text */
article.full-view.articledisplay span.img-title {
  line-height: 16px;
  font-size: 14px;
  clear: both;
  padding-top: 5px;
  padding-bottom: 5px; }
article.full-view.articledisplay div.img-container img {
  height: auto; }
article.full-view.articledisplay div.img-container-left span.img-title {
  margin-left: 0;
  padding-right: 1.5em; }
article.full-view.articledisplay div.img-container-right span.img-title {
  margin-left: -25px;
  text-align: left; }
article.full-view.articledisplay div.img-container-right {
  float: right;
  margin-left: 20px; }
article.full-view.articledisplay div.img-container-right span.img-title {
  float: left;
  margin-left: 3px; }
article.full-view.articledisplay div.img-container-left {
  float: left;
  margin-right: 20px; }
article.full-view.articledisplay div.img-container-left span.img-title {
  float: left; }
article.full-view.articledisplay div.img-container-undefined {
  display: inline-block; }
article.full-view.articledisplay div.img-container-undefined span.img-title {
  margin-top: -10px; }
article.full-view.articledisplay .cp-mmarchive-image-right {
  padding-left: 1.5em; }
article.full-view.articledisplay .cp-mmarchive-image-left,
article.full-view.articledisplay .cp-mmarchive-image-default {
  padding-right: 1.5em; }
article.full-view.articledisplay .cp-mmarchive-image-right,
article.full-view.articledisplay .cp-mmarchive-image-left,
article.full-view.articledisplay .cp-mmarchive-image-default {
  padding-top: 1em;
  padding-bottom: 1em; }
article.full-view.articledisplay .gallery-file img,
article.full-view.articledisplay .thumbnail-wrapper img {
  padding: 0; }
article.full-view.articledisplay div.img-container {
  padding-top: 0.5em;
  padding-bottom: 0.5em; }
  article.full-view.articledisplay div.img-container .cp-mmarchive-image-right,
  article.full-view.articledisplay div.img-container .cp-mmarchive-image-left,
  article.full-view.articledisplay div.img-container .cp-mmarchive-image-default {
    padding-top: 0;
    padding-bottom: 0; }

/* Article display - blockquote */
.articledisplay blockquote {
  margin-left: 20px;
  margin-right: 20px; }
@media (max-width: 480px) {
  .articledisplay blockquote {
    margin-left: 0;
    margin-right: 0; } }
.articledisplay blockquote {
  padding: 12px 12px 18px 60px;
  position: relative;
  border-radius: 9px;
  background: #f6f6f6; }
.articledisplay blockquote p {
  line-height: 2rem;
  margin-bottom: 0;
  border-radius: 9px; }
.articledisplay blockquote:before {
  content: '';
  width: 37px;
  height: 27px;
  display: block;
  position: absolute;
  top: 7px;
  left: 11px;
  content: "g";
  font-family: cas-iconfont;
  font-size: 33px;
  color: #157abc;
  background: none; }

/* Headings */
article.articledisplay.full-view .body h1,
.articledisplay h2 {
  font-size: 22px;
  line-height: 32px;
  padding-top: 12px;
  padding-bottom: 5px;
  margin-bottom: 0; }

article.articledisplay.full-view .body h1 {
  color: inherit;
  font-weight: 400; }

article.articledisplay.full-view.has-long-header > header {
  width: 765px; }
  @media (max-width: 480px) {
    article.articledisplay.full-view.has-long-header > header {
      width: 100%; } }

.articledisplay h3 {
  font-size: 18px;
  padding-bottom: 8px;
  padding-top: 8px;
  margin-bottom: 0; }
  @media (max-width: 480px) {
    .articledisplay h3 {
      font-size: 19px; } }

/* Article list - ul li and ol li */
.articledisplay .tile-content ol {
  padding-left: 28px; }

.articledisplay .tile-content ul {
  padding-left: 14px; }

.articledisplay .tile-content li {
  line-height: 22px; }

.articledisplay .tags {
  display: none; }

/* Custom article wysiwyg classes */
.articledisplay .big-artifact-wrapper {
  clear: both;
  display: inline-block;
  width: 100%; }

/* Gallery thumbnail override of sitecomponents . */
.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper {
  max-height: 110px; }

.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper.slick-center img,
.articledisplay .articleelement.gallery .ctgallery-thumbnails .thumbnail-wrapper img {
  height: auto;
  max-height: 320px;
  min-width: 145px;
  width: auto;
  max-width: 145px; }

/* Fullwidth articles. */
.runtime-ctid-100 article.articledisplay.full-view .tile-content,
.runtime-ctid-104 article.articledisplay.full-view .tile-content {
  max-width: 100%;
  padding-right: 1rem; }

/* Contact us map flow-over */
.height-495 {
  display: block;
  height: 495px; }

img.flow-over {
  position: absolute; }

/** SCSS */
article.full-view.fellow-article {
  /* Publication-list is in _publicationlist.scss */ }
  article.full-view.fellow-article .tile-content {
    display: block; }
  article.full-view.fellow-article .information,
  article.full-view.fellow-article .image {
    display: inline-block;
    vertical-align: top; }
  article.full-view.fellow-article .information {
    width: 65%;
    min-height: 265px; }
    @media (max-width: 480px) {
      article.full-view.fellow-article .information {
        width: 55%; } }
    article.full-view.fellow-article .information .contact-information {
      margin-top: 8px;
      display: block;
      overflow: hidden; }
    article.full-view.fellow-article .information span.block {
      margin-bottom: 8px; }
    article.full-view.fellow-article .information label {
      font-size: 14px; }
    article.full-view.fellow-article .information a {
      color: #157abc;
      text-decoration: underline; }
      article.full-view.fellow-article .information a:hover {
        text-decoration: none; }
  article.full-view.fellow-article .image {
    width: 188px;
    border: 1px solid #eee;
    padding: 3px;
    overflow: hidden;
    float: right; }
    article.full-view.fellow-article .image img {
      width: 100%;
      height: auto; }
  article.full-view.fellow-article span.label {
    font-size: 12px;
    color: #494847;
    display: block;
    margin-bottom: 5px;
    margin-top: 15px;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      article.full-view.fellow-article span.label {
        font-size: 15px; } }
  article.full-view.fellow-article span.label.title-label {
    margin-top: 0; }
  article.full-view.fellow-article span.label + span {
    padding-left: 7px;
    font-size: 15px;
    display: inline-block; }
    @media (max-width: 480px) {
      article.full-view.fellow-article span.label + span {
        font-size: 1.8rem;
        line-height: 2.2rem; } }
  article.full-view.fellow-article h3.subtitle {
    font-size: 2rem;
    border-bottom: 2px solid #135b88;
    margin-bottom: 15px;
    margin-top: 3rem;
    color: #323232; }
    @media (max-width: 480px) {
      article.full-view.fellow-article h3.subtitle {
        font-size: 2rem; } }
  article.full-view.fellow-article .about-block,
  article.full-view.fellow-article .publications-block {
    width: 100%;
    margin-bottom: 28px; }
  article.full-view.fellow-article span.about {
    font-size: 1.6rem;
    line-height: 2rem; }
    @media (max-width: 480px) {
      article.full-view.fellow-article span.about {
        font-size: 1.8rem;
        line-height: 2.8rem; } }

/** SCSS */
/** SCSS */
#placeholder-content .article-element {
  clear: both;
  font-size: 16px; }
  @media (max-width: 480px) {
    #placeholder-content .article-element {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 22px;
      border-top: 0; } }
  #placeholder-content .article-element article.element .content {
    margin-top: 1em; }
  #placeholder-content .article-element .bottomlink {
    margin-top: 1.5em;
    position: inherit;
    float: inherit; }
    @media (max-width: 480px) {
      #placeholder-content .article-element .bottomlink i {
        padding-top: 11px;
        position: relative;
        top: 1px;
        padding-bottom: 6px; } }
  #placeholder-content .article-element h3 {
    margin-top: 2em;
    border-bottom: 2px solid #023c5c;
    padding-bottom: 6px;
    font-size: 1.17em; }
    @media (max-width: 480px) {
      #placeholder-content .article-element h3 {
        font-size: 2.6rem; } }
    #placeholder-content .article-element h3.larger {
      font-size: 2.8rem;
      margin-top: 44px;
      margin-bottom: 32px; }
#placeholder-content .article-element.video-element {
  margin-bottom: 3em; }
  #placeholder-content .article-element.video-element .content {
    margin-top: 1em; }
#placeholder-content p.no-results-text {
  padding-left: 10px; }

/** SCSS */
.article-element-form h3.larger {
  line-height: 3rem; }
.article-element-form .form-element {
  margin-bottom: 20px; }
.article-element-form label {
  width: 110px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 4px; }
.article-element-form .form-element-type-10 label {
  display: none; }
.article-element-form input[type="submit"] {
  float: right; }
.article-element-form select {
  height: 3.2rem;
  width: 268px;
  background: #fff;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: ''; }
.article-element-form textarea {
  width: 519px !important;
  height: 55px !important;
  padding: 0;
  box-sizing: border-box;
  padding-left: 6px;
  padding-top: 4px; }
.article-element-form .error-message {
  color: #ff0000; }

/** SCSS */
.article-element-menu.fixed {
  position: inherit; }
.article-element-menu.fixed .absolute-wrapper {
  margin-left: 22px;
  background: rgba(255, 255, 255, 0.7);
  border-top: 2px solid #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  z-index: 1;
  /*@media (max-width: 1100px) {
      li:first-child {
      margin-left: 110px;
      }
  }*/ }
  .article-element-menu.fixed .absolute-wrapper ul {
    width: 600px; }
  .article-element-menu.fixed .absolute-wrapper .inner-wrapper {
    margin: 0 auto; }
.article-element-menu .inner-wrapper {
  margin-left: 0;
  padding-left: 0; }
.article-element-menu ul {
  overflow: hidden; }
  .article-element-menu ul li.active.first a {
    background-color: #157abc; }
.article-element-menu li {
  display: inline-block;
  float: left; }
  .article-element-menu li a {
    display: block;
    padding: 12px 27px;
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    background: #023c5c;
    font-weight: 500;
    border-right: 1px solid #eee; }
    .article-element-menu li a:hover {
      background-color: #157abc;
      color: #fff; }
  .article-element-menu li:last-child a {
    border-right: 0; }

.article-element.abstract .content {
  padding-left: 8px;
  padding-right: 8px; }
  @media (max-width: 480px) {
    .article-element.abstract .content {
      padding-left: 5px;
      padding-right: 5px; } }
.article-element.abstract .content .abstract-text {
  font-size: 16px;
  line-height: 20px; }
  @media (max-width: 480px) {
    .article-element.abstract .content .abstract-text {
      font-size: 18px;
      line-height: 26px; } }
.article-element.abstract .content .abstract-text ul,
.article-element.abstract .content .abstract-text ol {
  margin: 0;
  margin-bottom: 1.8rem; }
.article-element.abstract .content .abstract-text ul {
  list-style-type: none;
  padding: 0px;
  padding-left: 20px; }
.article-element.abstract .content .abstract-text ol {
  padding-left: 38px; }
.article-element.abstract .content .abstract-text ul li {
  padding-left: 18px;
  list-style-type: none;
  position: relative; }
.article-element.abstract .content .abstract-text ul li:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0.8rem;
  display: inline-block;
  height: 0.6rem;
  width: 0.6rem;
  background: #e05206; }
.article-element.abstract .content .abstract-text.show-less + a {
  display: block;
  position: relative;
  top: -30px;
  padding-top: 33px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 68%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 68%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 68%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  /* IE6-9 */ }

/** SCSS */
.article-element.events .content {
  margin-top: 1em; }
.article-element.events a {
  color: #494847; }
.article-element.events .publish-date {
  font-size: 11px;
  color: #494847; }

body.mobile-channel article.custom-event .info-block,
body.mobile-channel article.custom-event div.header {
  height: auto; }
body.mobile-channel article.custom-event .info-block {
  padding-bottom: 1.2rem; }

body article.custom-event {
  border-bottom: 1px solid #ebebeb; }
  body article.custom-event div.header {
    height: 5.5rem; }
  body article.custom-event span.header {
    max-width: 485px;
    display: inline-block;
    max-height: 5.5rem;
    overflow: hidden;
    line-height: 1.8rem; }
    @media (max-width: 480px) {
      body article.custom-event span.header {
        max-width: 320px;
        font-size: 1.8rem;
        max-height: 5.2rem; } }
  body article.custom-event .time-block,
  body article.custom-event .info-block {
    display: inline-block;
    vertical-align: top; }
  body article.custom-event .time-block {
    width: 100px;
    height: 90px;
    text-align: center;
    color: #135b88; }
  body article.custom-event .info-block {
    margin-left: 12px;
    border-left: 1px solid #ebebeb;
    padding-left: 10px;
    height: 75px; }
  body article.custom-event .times,
  body article.custom-event .location {
    display: inline-block;
    vertical-align: top; }
  @media (max-width: 480px) {
    body article.custom-event .location {
      max-width: 185px; } }
  body article.custom-event .times {
    margin-right: 33px; }
  body article.custom-event .location-time span {
    font-size: 13px;
    color: #494847; }
  body article.custom-event .location span {
    text-transform: uppercase; }
  body article.custom-event .location span.article-location-postaladress {
    display: none; }
  body article.custom-event .location-time i {
    font-size: 17px;
    position: relative;
    top: 4px;
    color: #4D4D4F;
    margin-right: 5px; }
  body article.custom-event .start-date {
    font-size: 36px;
    font-weight: 600;
    display: block; }
  body article.custom-event .start-month {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 21px;
    position: relative;
    top: -5px; }
  body article.custom-event .year {
    display: block;
    font-weight: 600;
    font-size: 21px;
    position: relative;
    top: -5px; }
  body article.custom-event .time-block.has-end {
    position: relative;
    text-align: left;
    padding-left: 20px; }
    body article.custom-event .time-block.has-end .start-date {
      display: inline-block;
      padding-right: 6px; }
    body article.custom-event .time-block.has-end .start-month {
      display: inline-block;
      position: absolute;
      left: 22px;
      top: 30px; }
    body article.custom-event .time-block.has-end .end-date {
      font-size: 20px;
      font-weight: 600;
      position: absolute;
      right: 3px;
      top: 0; }
    body article.custom-event .time-block.has-end .end-month {
      font-size: 15px;
      font-weight: 500;
      position: absolute;
      right: 2px;
      top: 18px;
      text-transform: uppercase; }
    body article.custom-event .time-block.has-end .year {
      top: 20px; }
    body article.custom-event .time-block.has-end .date-separator {
      position: absolute;
      top: -1px;
      font-size: 22px;
      margin-left: -3px; }

/** SCSS */
.article-element.fellows .fellow-list li {
  width: 49%;
  box-sizing: border-box; }
  @media (max-width: 480px) {
    .article-element.fellows .fellow-list li {
      width: 100%;
      padding-right: 0; } }
@media (max-width: 480px) {
  .article-element.fellows .fellow-list .top {
    font-size: 18px; } }
.article-element.fellows .fellow-list .content label {
  font-size: 12px; }
.article-element.fellows .fellow-list .content span {
  display: inherit;
  line-height: 16px;
  font-size: 15px; }
  @media (max-width: 480px) {
    .article-element.fellows .fellow-list .content span {
      font-size: 18px; } }
.article-element.fellows .fellow-list .content span .indent-left {
  display: table;
  padding-left: 4px;
  padding-top: 0;
  padding-bottom: 0; }

.article-element.fellows .fellow-list li:nth-child(2n+2) {
  padding-right: 0; }

.article-element.information .content {
  margin-left: 8px; }
.article-element.information .content.less-margin-top {
  margin-top: 8px !important; }
.article-element.information .category-icon,
.article-element.information .status-icon {
  position: relative;
  top: 6px;
  font-size: 26px;
  margin-right: 3px; }
.article-element.information .category-icon {
  font-size: 14px;
  top: 2px;
  left: 2px;
  color: #fff; }
.article-element.information .category-icon-wrap {
  border-radius: 100%;
  padding: 4px;
  margin-right: 3px; }
  @media (max-width: 480px) {
    .article-element.information .category-icon-wrap {
      padding: 2px;
      padding-top: 5px;
      padding-bottom: 4px; } }
.article-element.information .category,
.article-element.information .year,
.article-element.information .status {
  font-size: 15px; }
.article-element.information .status {
  margin-right: 32px; }
.article-element.information .category-block {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px; }
.article-element.information .keywords {
  margin-top: 12px; }
.article-element.information .keywords h4 {
  color: #4D4D4F;
  font-size: 13px;
  margin-bottom: 4px;
  line-height: 16px;
  text-transform: uppercase; }
.article-element.information .keywords ul {
  margin-left: 8px; }
.article-element.information .keywords li {
  display: inline; }
.article-element.information .keywords a {
  font-size: 15px;
  color: #494847;
  text-transform: capitalize; }
  @media (max-width: 480px) {
    .article-element.information .keywords a {
      font-size: 18px;
      line-height: 22px; } }
  .article-element.information .keywords a:hover {
    text-decoration: underline; }

/** SCSS */
.articleelement.publications a {
  color: #494847; }

/** SCSS */
.article-element.news .content {
  margin-top: 1em; }
.article-element.news li:nth-child(2n+2) {
  background: #f6f6f6; }
.article-element.news li:first-child article {
  padding-top: 0; }
.article-element.news article {
  padding-left: 8px;
  padding-top: 12px;
  padding-bottom: 12px; }
.article-element.news .publish-date {
  font-size: 11px;
  color: #494847; }
.article-element.news a {
  color: #494847; }

/** SCSS */
body.has-breadcrumb .article-header-and-image.header h1 {
  padding-top: 0; }

#placeholder-stretched-top-content .article-header-and-image h1 {
  padding-top: 25px; }

.article-header-and-image.header {
  color: #023c5c; }
  @media (max-width: 480px) {
    .article-header-and-image.header {
      margin-bottom: 18px; } }
  .article-header-and-image.header h1 {
    padding-top: 3px;
    margin-bottom: 0; }

body.runtime-ctid-73 .article-header-and-image h1 {
  padding-top: 25px; }

/** SCSS */
.full-list li {
  margin-bottom: 33px;
  margin-top: 33px; }
.full-list article {
  padding: 12px;
  border: 1px solid #eee; }
.full-list article .byline {
  font-size: 12px;
  text-transform: uppercase; }
.full-list article .byline .author {
  display: none; }
.full-list article .digest {
  margin-top: 8px;
  padding-left: 12px; }
  @media (max-width: 480px) {
    .full-list article .digest {
      margin-top: 15px;
      line-height: 25px; } }
.full-list article .publication span.author {
  display: inline-block;
  vertical-align: bottom;
  white-space: nowrap;
  text-overflow: ellipsis; }
.full-list article p {
  padding-bottom: 2px; }

/** SCSS */
/** SCSS */
.billboard {
  overflow: hidden; }
  .billboard .inner-text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background: none repeat scroll 0% 0% rgba(57, 57, 57, 0.59);
    height: 100px; }
    @media (max-width: 1280px) {
      .billboard .inner-text {
        background: none repeat scroll 0% 0% rgba(57, 57, 57, 0.59);
        height: 50px;
        /*.digest {
            display: none;
        } */ } }
  .billboard .veil {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    opacity: 1;
    height: 100%;
    position: relative;
    color: #fff;
    float: left; }
    @media (max-width: 480px) {
      .billboard .veil {
        height: 75%; } }
    .billboard .veil a {
      max-width: 960px;
      margin: 0 auto;
      display: block;
      text-decoration: none; }
      .billboard .veil a:hover h1 {
        text-decoration: underline; }
    .billboard .veil h1 {
      line-height: 1.3em;
      font-size: 1.65em;
      margin-bottom: 0;
      padding-top: 0.2em; }
    .billboard .veil .digest p {
      font-size: 1.8rem; }
    .billboard .veil .article-content {
      width: 100%;
      height: 100px;
      position: static;
      display: block;
      top: unset;
      bottom: unset;
      left: unset;
      padding: 0;
      margin: 0; }
      .billboard .veil .article-content h1 {
        margin-bottom: 0; }
      .billboard .veil .article-content a {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -0.4em; }
  .billboard .slick-dots-inner {
    position: relative;
    width: 100%;
    bottom: 150px;
    max-width: 960px;
    margin: 0 auto; }
    @media (max-width: 1280px) {
      .billboard .slick-dots-inner {
        bottom: 93px; } }
    .billboard .slick-dots-inner button {
      display: none; }

.billboard .inner-text.box {
  left: 10%;
  width: 30%;
  top: 0;
  height: 90%; }
  @media (max-width: 480px) {
    .billboard .inner-text.box {
      width: 100%;
      left: 0;
      bottom: 0;
      position: absolute;
      top: auto;
      height: 25%; } }
  .billboard .inner-text.box h1.header {
    font-size: 3rem;
    text-transform: none;
    margin-top: 4px;
    margin-left: 10px;
    margin-bottom: 10px; }
    @media (max-width: 480px) {
      .billboard .inner-text.box h1.header {
        margin-top: 8px;
        font-size: 28px;
        line-height: 28px; } }
  .billboard .inner-text.box .digest {
    padding-left: 12px;
    line-height: 2.2rem; }

#container .billboard.stretched-mode .tile-content {
  max-width: none; }

.billboard img {
  margin: 0 auto;
  position: relative;
  transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  left: 50%; }
.billboard .digest {
  padding: 8px 18px 9px 18px; }

/** Billboard */
@media (max-width: 480px) {
  .frontpage .billboard {
    margin-bottom: 0 !important; } }

.frontpage .billboard ul.links {
  bottom: 0;
  position: absolute;
  right: 0;
  font-size: 12px;
  width: 100%;
  height: 39px;
  background: #4d4d4f; }

.frontpage .billboard ul.links a {
  float: right;
  margin-right: 5px;
  margin-top: 6px;
  text-align: center;
  height: auto;
  padding-top: 7px;
  padding-bottom: 7px; }

.billboard .waiting-for-image {
  visibility: hidden; }

.billboard .background-image {
  overflow: hidden; }
  @media (max-width: 480px) {
    .billboard .background-image {
      max-height: 280px; } }

.default .background-image {
  max-height: 280px; }

.billboard .background-image img {
  margin: 0 auto;
  /** Follow screen width. */
  min-width: 100% !important;
  /* Not important, its just to override slick, but its important that we do that. */
  width: 1920px;
  /** Center the middle of the image on the middle of the screen */
  transform: translate(-50%, 0px);
  -o-transform: translate(-50%, 0px);
  -webkit-transform: translate(-50%, 0px);
  left: 50%;
  position: relative; }
  @media (max-width: 1280px) {
    .billboard .background-image img {
      width: 150% !important;
      height: auto !important;
      min-height: 0;
      max-width: 100%; } }
  @media (max-width: 480px) {
    .billboard .background-image img {
      max-width: none; } }

#placeholder-content .billboard .background-image img {
  width: 960px !important; }

.billboard .slick-dots {
  width: auto;
  right: 32px;
  position: relative; }

.billboard .slick-dots-inner {
  bottom: -50px; }

.billboard .slick-dots li {
  background: #fff;
  height: 12px;
  width: 12px; }
  .billboard .slick-dots li.slick-active {
    background: #f94201; }

.billboard .slick-dots-inner .block {
  float: right; }

.billboard .slick-slider {
  margin-bottom: 0; }

.billboard a {
  color: #fff; }

.billboard a.button {
  color: #000; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }

.slick-list:focus {
  outline: none; }

.slick-list.dragging {
  cursor: pointer;
  cursor: hand; }

.slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }

.slick-track:before, .slick-track:after {
  content: "";
  display: table; }

.slick-track:after {
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }

[dir="rtl"] .slick-slide {
  float: right; }

.slick-slide img {
  display: block; }

.slick-slide.slick-loading img {
  display: none; }

.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

/* Arrows */
.slick-prev, .slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  margin-top: -10px;
  padding: 0;
  border: none;
  outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
  opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
  opacity: 0.25; }

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px; }

.slick-prev:before {
  content: "←"; }

[dir="rtl"] .slick-prev:before {
  content: "→"; }

.slick-next {
  right: -25px; }

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto; }

.slick-next:before {
  content: "→"; }

[dir="rtl"] .slick-next:before {
  content: "←"; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -45px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer; }

button.slick-prev,
button.slick-next {
  height: 50px;
  width: 50px;
  top: 107px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; }

button.slick-prev:focus,
button.slick-prev:hover,
button.slick-prev,
button.slick-next:focus,
button.slick-next:hover,
button.slick-next {
  background: rgba(204, 204, 204, 0.5); }

button.slick-prev {
  left: 16px; }

button.slick-next {
  right: 16px; }

button.slick-prev::before {
  left: 18px;
  content: "h";
  font-family: cas-iconfont;
  color: #f94201; }

button.slick-next::before {
  right: 18px;
  content: "i";
  font-family: cas-iconfont;
  color: #f94201; }

@media (max-width: 480px) {
  #placeholder-content .billboard button.slick-prev,
  #placeholder-content .billboard button.slick-next {
    top: 35%; } }
/** SCSS */
.blog-list-article h3 {
  font-size: 2rem; }

/** SCSS */
.runtime-ctid-84 #placeholder-right > div.tile-common:first-child.category-subject-symbol {
  margin-top: 7.2rem; }

.category-subject-symbol {
  position: relative;
  padding-bottom: 7.2rem; }
  @media (max-width: 480px) {
    .category-subject-symbol {
      margin-bottom: 0;
      overflow: visible !important;
      margin-top: 60px;
      padding-bottom: 22px; } }
  .category-subject-symbol .icon-placement {
    position: absolute;
    top: -34px;
    left: 124px;
    left: 123.7px;
    margin: 0 auto;
    z-index: 3; }
    @media (max-width: 480px) {
      .category-subject-symbol .icon-placement {
        left: 210px; } }
  .category-subject-symbol i {
    font-size: 41px;
    border-radius: 100%;
    padding-top: 9px;
    padding-bottom: 5px;
    width: 64px;
    display: inline-block;
    color: #fff;
    margin-left: 1px; }
  .category-subject-symbol .straight {
    border-bottom: 2px solid #023c5c;
    text-align: center;
    position: absolute;
    width: 100%;
    z-index: -1;
    height: 2px; }
    @media (max-width: 480px) {
      .category-subject-symbol .straight {
        position: static; } }
  .category-subject-symbol .rounded {
    border-radius: 100%;
    border: 2px solid #023c5c;
    width: 77px;
    height: 80px;
    display: inline-block;
    position: absolute;
    top: -45px;
    left: 118px;
    z-index: 1;
    background: #fff; }
    @media (max-width: 480px) {
      .category-subject-symbol .rounded {
        left: 204px; } }
  .category-subject-symbol .carpet {
    width: 100%;
    height: 50px;
    overflow: hidden;
    z-index: 2;
    position: absolute;
    top: -50px;
    background: #fff; }

.category-subject-symbol.image-border .rounded {
  display: none; }
.category-subject-symbol.image-border .icon-placement {
  top: -34px;
  left: 118px; }

.category-subject-symbol.image-border:not(.svg-border) .rounded .straight {
  border: 0;
  background: url("/themes/cas/images/category-border.png");
  height: 40px;
  background-repeat: no-repeat; }

.category-subject-symbol.svg-border svg {
  height: auto;
  position: absolute;
  left: 0;
  top: -55px;
  color: #01121b; }
.category-subject-symbol.svg-border .straight {
  border-bottom: 0; }
.category-subject-symbol.svg-border i {
  font-size: 50px;
  border-radius: 100%;
  padding-top: 0.2em;
  padding-bottom: 5px;
  width: 1.5em;
  display: inline-block;
  color: #fff;
  margin-left: 1px;
  top: -9px;
  left: -2.2px;
  position: relative; }

body.is-ie .category-subject-symbol .category-underline {
  display: none; }

/** SCSS */
.has-article .custom-filter {
  margin-top: 0; }

.custom-filter {
  margin-top: 12px; }
  .custom-filter .top {
    font-size: 14px;
    background: #023c5c;
    color: #fff;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 4px; }
    .custom-filter .top .title {
      float: left; }
    .custom-filter .top .title h3 {
      text-transform: uppercase;
      margin-top: 5px;
      font-size: 1.5rem; }
    .custom-filter .top .sort {
      float: right; }
    .custom-filter .top .sort-select-js {
      vertical-align: 1px; }
  .custom-filter .content {
    background: #ebebeb;
    padding-top: 12px;
    padding-bottom: 12px; }
    .custom-filter .content .subtitle {
      font-size: 18px;
      padding-bottom: 8px; }
    .custom-filter .content .status-block label span.icon {
      font-size: 16px; }
    .custom-filter .content label {
      font-size: 14px;
      font-weight: 400;
      display: inline-block;
      background: #a5b6c0;
      color: #fff;
      padding: 2px 15px 5px 4px;
      border-radius: 20px;
      margin-right: 12px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }
      @media (max-width: 480px) {
        .custom-filter .content label {
          font-size: 13px;
          margin-bottom: 5px; } }
      .custom-filter .content label span {
        position: relative;
        top: 2px;
        border-radius: 100%;
        height: 19px;
        display: inline-block;
        width: 21px;
        text-align: center;
        padding-left: 1px;
        padding-top: 2px;
        padding-bottom: 2px; }
      .custom-filter .content label:hover {
        text-decoration: underline; }
    .custom-filter .content input[type=checkbox] {
      display: none; }
    .custom-filter .content input[type=checkbox]:checked + label {
      background: #055a87; }
    .custom-filter .content .category-block {
      width: 75%;
      padding-bottom: 12px; }
    .custom-filter .content .year-block {
      width: 25%; }
    .custom-filter .content li {
      display: inline-block; }
    .custom-filter .content select {
      height: 2.8rem;
      line-height: 2.8rem;
      max-width: 960px; }
      @media (max-width: 480px) {
        .custom-filter .content select {
          height: 4.2rem;
          line-height: 4.2rem;
          font-size: 18px;
          max-width: 460px; } }
    .custom-filter .content select.select-year-js {
      width: 100%; }
  .custom-filter .bottom {
    background: #023c5c;
    text-align: center; }
    .custom-filter .bottom a {
      color: #fff;
      font-size: 12px;
      text-transform: uppercase; }
  .custom-filter .spinner-js {
    display: block;
    width: 200px;
    height: 200px;
    position: fixed;
    left: 45%;
    top: 25%;
    z-index: 1; }

select.select-country-js {
  min-width: 200px; }

.custom-filter-list #result-message {
  margin-bottom: 12px;
  display: block;
  text-align: center; }
  @media (max-width: 480px) {
    .custom-filter-list #result-message {
      font-size: 18px; } }

.custom-filter-list .loader {
  left: 45%;
  width: 100px;
  height: 100px;
  font-size: 15px;
  animation-duration: 0.5s; }

.toggle-filter-js {
  cursor: pointer; }

.custom-filter-list .pagination {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.custom-filter-button {
  display: none; }

.custom-filter-button:first-of-type button:first-child {
  padding-left: 24px;
  padding-right: 24px; }

.custom-filter-button {
  margin-right: 22px;
  margin-bottom: 12px;
  display: block;
  text-align: right; }
  .custom-filter-button + .custom-filter {
    display: none; }
    .custom-filter-button + .custom-filter .top,
    .custom-filter-button + .custom-filter .bottom {
      display: none; }
    .custom-filter-button + .custom-filter .content {
      background: #fff; }
    .custom-filter-button + .custom-filter .freetext-search-block,
    .custom-filter-button + .custom-filter .year-block,
    .custom-filter-button + .custom-filter .category-block label,
    .custom-filter-button + .custom-filter .category-block {
      width: 100%; }
    .custom-filter-button + .custom-filter .year-block {
      margin-left: 0 !important;
      padding-bottom: 22px; }
    .custom-filter-button + .custom-filter .inline-block {
      margin-bottom: 22px; }
    .custom-filter-button + .custom-filter .category-block li {
      display: block;
      margin-bottom: 15px;
      margin-top: 15px; }
      .custom-filter-button + .custom-filter .category-block li label {
        padding-top: 3px;
        padding-bottom: 8px; }
    .custom-filter-button + .custom-filter .subtitle {
      font-size: 25px; }
    .custom-filter-button + .custom-filter label {
      font-size: 18px; }
    .custom-filter-button + .custom-filter label span {
      height: 26px;
      width: 28px;
      padding-left: 0;
      font-size: 21px; }
    .custom-filter-button + .custom-filter .status-block {
      margin-bottom: 40px; }
    .custom-filter-button + .custom-filter .status-block li {
      margin-right: 48px; }
    .custom-filter-button + .custom-filter .status-block li:nth-child(3) {
      margin-right: 0; }
    .custom-filter-button + .custom-filter .freetext-search-block input {
      width: 100%; }

.custom-filter-button.second {
  margin-top: 25px;
  padding-bottom: 1000px; }

.custom-filter-button.second {
  display: none; }
  .custom-filter-button.second.show-filter-ui {
    display: block; }

.custom-filter-button.show-filter-ui + .custom-filter {
  display: block; }

/** SCSS */
.custom-filter-list.tile-common,
.custom-filter-list.tile-uncommon-mobile {
  min-height: 300px; }
  .custom-filter-list.tile-common li,
  .custom-filter-list.tile-uncommon-mobile li {
    overflow: hidden; }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common li:not(.tab),
    .custom-filter-list.tile-uncommon-mobile li:not(.tab) {
      width: 100%;
      padding-right: 0; } }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common a,
    .custom-filter-list.tile-uncommon-mobile a {
      font-size: 18px; } }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common .top,
    .custom-filter-list.tile-uncommon-mobile .top {
      height: auto;
      min-height: 90px; } }
  .custom-filter-list.tile-common span.name,
  .custom-filter-list.tile-uncommon-mobile span.name {
    font-size: 1.6rem;
    font-weight: 500; }
    @media (max-width: 480px) {
      .custom-filter-list.tile-common span.name,
      .custom-filter-list.tile-uncommon-mobile span.name {
        font-size: 18px;
        line-height: 22px;
        font-weight: 500; } }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common span.year-at-cas,
    .custom-filter-list.tile-uncommon-mobile span.year-at-cas {
      margin-top: 10px; } }
  .custom-filter-list.tile-common span.status .text,
  .custom-filter-list.tile-uncommon-mobile span.status .text {
    font-size: 1.5rem;
    line-height: 2.1rem; }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common span.status i,
    .custom-filter-list.tile-uncommon-mobile span.status i {
      font-size: 24px;
      top: 5px;
      left: -3px; } }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common .category-icon,
    .custom-filter-list.tile-uncommon-mobile .category-icon {
      font-size: 78px; } }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common .content,
    .custom-filter-list.tile-uncommon-mobile .content {
      min-height: 115px; } }
  .custom-filter-list.tile-common .content label,
  .custom-filter-list.tile-uncommon-mobile .content label {
    font-size: 12px;
    font-weight: 500;
    color: #716e6e; }
    @media (max-width: 480px) {
      .custom-filter-list.tile-common .content label,
      .custom-filter-list.tile-uncommon-mobile .content label {
        margin-top: 7px;
        margin-bottom: 2px; } }
  .custom-filter-list.tile-common .content span,
  .custom-filter-list.tile-uncommon-mobile .content span {
    font-size: 1.5rem; }
  .custom-filter-list.tile-common #pagination ul,
  .custom-filter-list.tile-uncommon-mobile #pagination ul {
    text-align: center;
    margin-top: 22px;
    margin-bottom: 12px; }
    @media (max-width: 480px) {
      .custom-filter-list.tile-common #pagination ul,
      .custom-filter-list.tile-uncommon-mobile #pagination ul {
        margin-bottom: 22px; } }
  .custom-filter-list.tile-common #pagination li,
  .custom-filter-list.tile-uncommon-mobile #pagination li {
    display: inline;
    padding-right: 18px; }
  .custom-filter-list.tile-common #pagination li a,
  .custom-filter-list.tile-uncommon-mobile #pagination li a {
    font-weight: 600;
    font-size: 18px; }
    @media (max-width: 480px) {
      .custom-filter-list.tile-common #pagination li a,
      .custom-filter-list.tile-uncommon-mobile #pagination li a {
        font-size: 26px;
        margin-right: 22px; } }
  .custom-filter-list.tile-common #pagination li a span,
  .custom-filter-list.tile-uncommon-mobile #pagination li a span {
    display: none; }
  .custom-filter-list.tile-common #pagination li a[data-page="next"]::after,
  .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page="next"]::after {
    content: "i";
    font-family: cas-iconfont; }
  .custom-filter-list.tile-common #pagination li a[data-page="prev"]::after,
  .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page="prev"]::after {
    content: "h";
    font-family: cas-iconfont; }
  .custom-filter-list.tile-common #pagination li a[data-page="first"]::after,
  .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page="first"]::after {
    content: "r";
    font-family: cas-iconfont; }
  .custom-filter-list.tile-common #pagination li a[data-page="last"]::after,
  .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page="last"]::after {
    content: "s";
    font-family: cas-iconfont; }
  .custom-filter-list.tile-common #pagination li a[data-page]::after,
  .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page]::after {
    position: relative;
    top: 2px;
    font-size: 18px; }
    @media (max-width: 480px) {
      .custom-filter-list.tile-common #pagination li a[data-page]::after,
      .custom-filter-list.tile-uncommon-mobile #pagination li a[data-page]::after {
        font-size: 24px; } }
  .custom-filter-list.tile-common #pagination li.active a,
  .custom-filter-list.tile-uncommon-mobile #pagination li.active a {
    color: #f94201; }
  .custom-filter-list.tile-common .per_page,
  .custom-filter-list.tile-common #per_page,
  .custom-filter-list.tile-uncommon-mobile .per_page,
  .custom-filter-list.tile-uncommon-mobile #per_page {
    display: none; }
  @media (max-width: 480px) {
    .custom-filter-list.tile-common > span:first-of-type,
    .custom-filter-list.tile-common #result-message,
    .custom-filter-list.tile-uncommon-mobile > span:first-of-type,
    .custom-filter-list.tile-uncommon-mobile #result-message {
      font-size: 15px; } }

.comment-tile textarea {
  resize: none;
  width: 100%;
  min-height: 70px;
  line-height: 1.8rem;
  margin: 0 auto;
  border: 1px solid #4D4D4F;
  padding: 5px;
  max-width: 100%; }
.comment-tile .top-post-textarea {
  overflow: hidden; }
.comment-tile .add-to-root-button-group {
  margin-top: 8px; }
.comment-tile ul {
  margin-top: 3rem; }
.comment-tile ul.root > li {
  margin-bottom: 3rem; }
.comment-tile a.fellow-url {
  display: block;
  font-size: 14px;
  margin-bottom: 7px;
  color: #135b88 !important; }
.comment-tile .root-comment {
  margin-left: 8px;
  margin-right: 8px;
  border-bottom: 1px solid #4D4D4F;
  position: relative; }
.comment-tile .root-comment p,
.comment-tile .reply-comment p {
  word-break: break-all;
  margin-bottom: 5px;
  color: #4D4D4F; }
.comment-tile .comment-date {
  position: absolute;
  top: 8px;
  right: 0;
  font-size: 12px;
  color: #4D4D4F; }
.comment-tile .buttons {
  padding-left: 10px;
  border-bottom: 1px solid #4D4D4F;
  font-size: 13px;
  padding-bottom: 7px;
  padding-top: 6px; }
  .comment-tile .buttons.reply-buttons {
    border-bottom: 0; }
  .comment-tile .buttons a {
    margin-right: 22px;
    cursor: pointer; }
    .comment-tile .buttons a:hover {
      text-decoration: none; }
      .comment-tile .buttons a:hover span {
        text-decoration: underline; }
  .comment-tile .buttons a.edit-button,
  .comment-tile .buttons a.delete-button {
    margin-right: 6px; }
  .comment-tile .buttons a.edit-button:hover i {
    color: #46BB37; }
  .comment-tile .buttons a.delete-button:hover i {
    color: red; }
  .comment-tile .buttons i {
    position: relative;
    top: 1px;
    color: #4D4D4F;
    margin-right: 3px; }
.comment-tile button {
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500; }
.comment-tile .like-button.has-liked i {
  color: #ff0000; }
.comment-tile .like-button:hover i {
  color: #157abc; }
.comment-tile .replies {
  background: #f6f6f6;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #4D4D4F; }
.comment-tile .replies textarea {
  margin-top: 12px; }
.comment-tile .reply-textarea {
  overflow: hidden;
  padding-bottom: 12px; }
.comment-tile .reply-button-group {
  margin-top: 8px; }
.comment-tile .reply-button-group,
.comment-tile .add-to-root-button-group {
  display: none; }
.comment-tile .replies li {
  padding-top: 8px;
  padding-bottom: 5px;
  border-bottom: 1px solid #4D4D4F;
  margin-bottom: 0; }
  .comment-tile .replies li:last-child {
    border-bottom: 0; }
.comment-tile .replies ul {
  margin-top: 0; }
.comment-tile .replies ul.show-less li {
  display: none; }
.comment-tile .replies ul.show-less li:nth-child(-n+3) {
  display: list-item; }
.comment-tile .root-comment .comment-date {
  top: 0; }
.comment-tile .view-more {
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  color: #4D4D4F !important;
  display: block; }
  .comment-tile .view-more span {
    font-size: 12px;
    font-weight: 500; }
  .comment-tile .view-more i {
    font-size: 11px; }
.comment-tile .textarea-wrapper {
  overflow: hidden; }
.comment-tile .upload-comment-attachment input {
  position: absolute;
  right: -600px; }
.comment-tile .upload-comment-attachment i {
  padding: 6px;
  position: absolute;
  bottom: 0;
  right: 0; }
  .comment-tile .upload-comment-attachment i:hover {
    color: #1e79bb; }
.comment-tile .upload-comment-attachment div:not(.file-status):not(.cancel) {
  position: relative;
  top: 268px;
  overflow: hidden; }
.comment-tile .upload-comment-attachment div.cancel:hover {
  cursor: pointer;
  text-decoration: underline; }
.comment-tile .upload-comment-attachment .file-status.done {
  display: none; }
.comment-tile .preview-image,
.comment-tile .comment-image {
  max-width: 100%;
  max-height: 250px;
  height: auto;
  width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 12px;
  margin-top: 12px; }
.comment-tile li.reply-comment.open-edit > .buttons a.edit-button i,
.comment-tile li.root-comment-js.open-edit > .wrapper > .buttons a.edit-button i {
  color: #46BB37; }

/** SCSS */
@media (max-width: 480px) {
  .articleelement.gallery .show-more-button {
    margin: 0 auto;
    display: block;
    margin-top: 3rem; }
    .articleelement.gallery .show-more-button i {
      position: relative;
      top: 3px;
      margin-left: 8px; } }

.ctgallery-elements .gallery-file {
  position: relative; }
  @media (max-width: 480px) {
    .ctgallery-elements .gallery-file {
      display: none; } }
@media (max-width: 480px) {
  .ctgallery-elements .gallery-file img {
    margin: 0 auto;
    max-width: 100%;
    padding-right: 5px; } }
@media (max-width: 480px) {
  .ctgallery-elements .img-container {
    margin: 0 auto;
    background: transparent !important;
    height: auto !important;
    margin-bottom: 12px; } }
.ctgallery-elements figcaption {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem; }
.ctgallery-elements .img-title {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  padding-left: 1rem;
  padding-right: 1rem;
  background: rgba(236, 236, 236, 0.15);
  width: 100%;
  line-height: 2rem;
  font-weight: 500;
  font-size: 1.6rem;
  color: rgba(255, 255, 255, 0.82); }

@media (max-width: 480px) {
  .ctgallery-thumbnails {
    display: none; } }

/** SCSS */
.expense-refund {
  margin-bottom: 4rem;
  /* Header li */
  /* Fields */
  /* End fields definitions. */ }
  .expense-refund .modal-container .carpet {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgba(100, 100, 100, 0.7);
    top: 0;
    left: 0; }
  .expense-refund .modal-container .content {
    z-index: 1;
    background: #fff;
    position: absolute;
    padding: 2rem;
    box-shadow: 4px 6px 17px rgba(0, 0, 0, 0.4);
    /** Layout specifics. */
    /* End layout spec. */ }
    .expense-refund .modal-container .content h3 {
      padding-bottom: 5px;
      border-bottom: 2px solid #023c5c;
      margin-bottom: 1rem; }
    .expense-refund .modal-container .content label {
      margin-bottom: 5px; }
    .expense-refund .modal-container .content input:focus,
    .expense-refund .modal-container .content input:active,
    .expense-refund .modal-container .content select:focus,
    .expense-refund .modal-container .content select:active {
      border-color: rgba(2, 60, 92, 0.55);
      outline: 0; }
    .expense-refund .modal-container .content button {
      float: right;
      margin-top: -2rem;
      margin-right: 1rem; }
      .expense-refund .modal-container .content button:hover {
        background: #1e8d9d;
        color: #fff; }
    .expense-refund .modal-container .content input[name="date"] {
      width: 120px;
      margin-right: 11rem; }
      .expense-refund .modal-container .content input[name="date"] + a.datepicker-select {
        display: none;
        position: absolute;
        margin-left: -102px;
        margin-top: 3px; }
      .expense-refund .modal-container .content input[name="date"] + a.datepicker-select + .datepicker.active .title {
        display: none; }
    .expense-refund .modal-container .content input[name="from"] {
      margin-right: 3rem;
      margin-left: 1rem; }
    .expense-refund .modal-container .content input[name="from"],
    .expense-refund .modal-container .content input[name="to"],
    .expense-refund .modal-container .content select[name="travel_type"] {
      width: 425px; }
    .expense-refund .modal-container .content select[name="currency"],
    .expense-refund .modal-container .content input[name="date"],
    .expense-refund .modal-container .content select[name="travel_type"] {
      margin-left: 1rem; }
    .expense-refund .modal-container .content select[name="currency"] {
      width: 200px;
      margin-right: 1.5rem; }
    .expense-refund .modal-container .content label[for="ticket_type-87"] {
      margin-right: 11rem; }
    .expense-refund .modal-container .content .form-group {
      display: inline-block;
      vertical-align: top; }
    .expense-refund .modal-container .content .radio {
      display: inline-block;
      margin-right: 1rem; }
    .expense-refund .modal-container .content .form-group-htmlcontent {
      margin-left: 14rem; }
      .expense-refund .modal-container .content .form-group-htmlcontent:last-of-type {
        float: right;
        text-align: right; }
  .expense-refund .modal-container.other-expenses form {
    min-height: 285px; }
  .expense-refund .modal-container.other-expenses input[name="date"] {
    width: 105px; }
  .expense-refund .modal-container.other-expenses input[name="description"] {
    width: 640px; }
  .expense-refund .tile-top h3 {
    font-size: 2rem;
    padding-bottom: 5px;
    border-bottom: 2px solid #023c5c;
    margin-bottom: 1rem; }
  .expense-refund button,
  .expense-refund label {
    text-transform: uppercase; }
  .expense-refund label,
  .expense-refund .extra-description {
    font-size: 1.2rem;
    font-weight: 500;
    color: #716e6e;
    display: block;
    padding-bottom: 5px; }
  .expense-refund .extra-description {
    font-weight: 800;
    margin-left: 0; }
  .expense-refund li.header {
    display: table;
    position: relative;
    top: -8px; }
    .expense-refund li.header > div {
      border-bottom: 1px solid #023c5c;
      padding-left: 10px; }
    .expense-refund li.header span {
      font-size: 1.2rem;
      font-weight: 500;
      line-height: 14px;
      text-transform: uppercase;
      color: #494847; }
      .expense-refund li.header span + span {
        display: block; }
    .expense-refund li.header div.amount,
    .expense-refund li.header div.amount-nok,
    .expense-refund li.header div.exchange-rate {
      text-align: center;
      line-height: 14px; }
  .expense-refund li:not(.header) > div {
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: 1px solid #c8c8c7;
    padding-left: 8px;
    margin-top: 5px;
    margin-bottom: 5px; }
  .expense-refund li:not(.header):nth-child(2n+1) {
    background-color: #ebebeb; }
  .expense-refund li div.date {
    width: 100px; }
  .expense-refund li div.from {
    width: 235px; }
  .expense-refund li div.description {
    width: 474px; }
  .expense-refund li div.to {
    width: 235px; }
  .expense-refund li div.currency {
    width: 55px;
    text-align: center;
    padding-left: 0; }
  .expense-refund li div.amount {
    width: 94px;
    text-align: right;
    padding-right: 8px; }
  .expense-refund li div.exchange-rate {
    width: 72px;
    text-align: center; }
  .expense-refund li div.amount-nok {
    width: 110px;
    text-align: right;
    padding-right: 8px; }
  .expense-refund li div.action {
    width: 30px;
    padding-top: 0; }
  .expense-refund li div.action .icon {
    cursor: pointer; }
  .expense-refund li span.receipt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .expense-refund li {
    display: table-row; }
  .expense-refund li div {
    display: inline-block;
    height: 35px;
    vertical-align: top; }
  .expense-refund .bottom-line-no-rows {
    padding-top: 10px;
    padding-left: 10px; }

.expense-refund-identification-guest div,
.expense-refund-identification div {
  margin-bottom: 1rem; }
.expense-refund-identification-guest input,
.expense-refund-identification-guest textarea,
.expense-refund-identification-guest select,
.expense-refund-identification input,
.expense-refund-identification textarea,
.expense-refund-identification select {
  margin-left: 10px; }
.expense-refund-identification-guest span,
.expense-refund-identification span {
  margin-left: 10px; }
.expense-refund-identification-guest textarea,
.expense-refund-identification textarea {
  width: 100%;
  margin-right: 10px;
  margin-bottom: 40px;
  min-height: 85px;
  padding-top: 3px;
  line-height: 1.6rem;
  border: 1px solid #716e6e;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  outline: 0; }
  .expense-refund-identification-guest textarea:active, .expense-refund-identification-guest textarea:focus,
  .expense-refund-identification textarea:active,
  .expense-refund-identification textarea:focus {
    border-color: #023c5c; }
.expense-refund-identification-guest .tile-content input,
.expense-refund-identification .tile-content input {
  border: 1px solid #716e6e;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }
  .expense-refund-identification-guest .tile-content input:focus, .expense-refund-identification-guest .tile-content input:active,
  .expense-refund-identification .tile-content input:focus,
  .expense-refund-identification .tile-content input:active {
    border-color: rgba(2, 60, 92, 0.55);
    outline: 0; }
.expense-refund-identification-guest select,
.expense-refund-identification select {
  margin-bottom: 1rem;
  width: 480px; }
.expense-refund-identification-guest .button-group button:last-child,
.expense-refund-identification .button-group button:last-child {
  width: 30px; }
.expense-refund-identification-guest .button-group:last-child,
.expense-refund-identification .button-group:last-child {
  margin-left: 2rem; }

.expense-refund-identification .name-block,
.expense-refund-identification .phone-block,
.expense-refund-identification .email-block {
  display: inline-block;
  width: 30%; }

.expense-refund-identification-guest .tile-content > div {
  width: 45%;
  display: inline-block; }
.expense-refund-identification-guest .tile-content > .purpose-block {
  width: 100%; }
.expense-refund-identification-guest .form-group-element {
  margin-bottom: 0.2rem; }
.expense-refund-identification-guest textarea {
  width: 96%; }
.expense-refund-identification-guest select {
  outline: 0;
  color: #716e6e;
  border-color: #716e6e;
  height: 3.2rem;
  line-height: 3.2rem; }
  .expense-refund-identification-guest select:focus, .expense-refund-identification-guest select:active {
    color: #494847; }

.expense-refund-travel-expenses .tile-bottom,
.expense-refund-other-expenses .tile-bottom,
.expense-refund-total-expenses .tile-bottom {
  border-top: 1px solid #023c5c;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 40px; }
  .expense-refund-travel-expenses .tile-bottom span:first-child,
  .expense-refund-other-expenses .tile-bottom span:first-child,
  .expense-refund-total-expenses .tile-bottom span:first-child {
    padding-left: 10px; }

.expense-refund-total-expenses {
  padding-right: 0; }
  .expense-refund-total-expenses span:last-child {
    width: 80px;
    text-align: right; }
  .expense-refund-total-expenses span {
    font-weight: 500;
    font-size: 1.9rem; }
  .expense-refund-total-expenses .tile-bottom {
    border-top: 0;
    border-bottom: 4px double #023c5c; }

.expense-refund-identification .htmlcontent p,
.expense-refund-identification-guest .htmlcontent p {
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 500;
  color: #716e6e; }
.expense-refund-identification label,
.expense-refund-identification-guest label {
  margin-left: 0.6rem; }
.expense-refund-identification h3,
.expense-refund-identification-guest h3 {
  border-bottom: 2px solid #023c5c;
  padding-bottom: 0.2rem;
  margin-bottom: 0.6rem; }
.expense-refund-identification textarea,
.expense-refund-identification-guest textarea {
  width: 98%; }

.expense-refund-send-request .tile-content {
  padding-left: 10px; }
.expense-refund-send-request button {
  margin-bottom: 3rem; }

.expense-refund-identification-guest .tile-content > div.bank-block,
.expense-refund-identification .bank-block {
  margin-top: 3rem;
  margin-bottom: 2rem;
  overflow: hidden;
  width: 100%; }
  .expense-refund-identification-guest .tile-content > div.bank-block div,
  .expense-refund-identification .bank-block div {
    margin-bottom: 0; }
  .expense-refund-identification-guest .tile-content > div.bank-block .form-group,
  .expense-refund-identification .bank-block .form-group {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    float: left; }
  .expense-refund-identification-guest .tile-content > div.bank-block .form-group select,
  .expense-refund-identification .bank-block .form-group select {
    width: 100%; }
  .expense-refund-identification-guest .tile-content > div.bank-block textarea,
  .expense-refund-identification .bank-block textarea {
    height: 115px;
    width: 100%; }
  .expense-refund-identification-guest .tile-content > div.bank-block #form-group-214,
  .expense-refund-identification .bank-block #form-group-214 {
    width: 45%;
    margin-right: 5%; }
  .expense-refund-identification-guest .tile-content > div.bank-block label,
  .expense-refund-identification .bank-block label {
    margin-bottom: 0.6rem; }
  .expense-refund-identification-guest .tile-content > div.bank-block #beneficiary_address-331,
  .expense-refund-identification .bank-block #beneficiary_address-331 {
    margin-bottom: 60px; }

/** SCSS */
.go-to-group-page {
  text-align: right;
  margin-bottom: 2rem; }
  .go-to-group-page i {
    margin-left: 3px; }
  .go-to-group-page a {
    text-decoration: none;
    text-transform: uppercase; }
  .go-to-group-page a:hover i,
  .go-to-group-page a:hover span {
    background: #1e8d9d;
    color: #fff; }

/** SCSS */
/** FAQ Tile */
.faq {
  margin-bottom: 3em; }
  @media (max-width: 480px) {
    .faq {
      margin-right: 10px;
      margin-left: 10px; } }

.faq a {
  text-decoration: none; }

.faq li > a > h2.header {
  font-size: 16px;
  padding: 1em 2em 1em 0.6em;
  position: relative; }
  @media (max-width: 480px) {
    .faq li > a > h2.header {
      font-size: 19px;
      font-weight: 500; } }

.faq li > a > h2:after {
  content: "+";
  position: absolute;
  right: 0.6em;
  top: 7px;
  font-size: 1.6em; }

.faq li.active > a > h2.header:after {
  content: "-";
  position: absolute;
  right: 0.6em;
  top: 5px;
  font-size: 1.9em; }

#placeholder-content .faq .article-content .ctform table tbody tr:nth-child(even),
#placeholder-content .faq .article-content .ctform table tbody tr:nth-child(odd),
#placeholder-content .faq .article-content .ctform table tbody tr {
  background: #eee;
  /* This should match the color below! */ }

.faq li.active div.display-block {
  margin-bottom: 10px; }

.faq ul > li {
  border-bottom: 0px solid #10609d;
  -webkit-transition: width 1.2s, height 1.2s, -webkit-transform 1.2s;
  /* For Safari 3.1 to 6.0 */
  transition: width 1.2s, height 1.2s, transform 1.2s;
  margin-bottom: 10px;
  display: block; }

.faq ul > li.active {
  border-bottom: 0; }

.faq li div.faq-article {
  display: none;
  padding-top: 1em;
  padding-bottom: 2em;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 98%;
  margin: 0 auto; }
  .faq li div.faq-article h3 {
    font-weight: bold; }
  .faq li div.faq-article p {
    line-height: 1.8em; }

.faq li div.faq-article .byline {
  display: none; }

.faq li div.faq-article > div.full-articledisplay {
  font-size: 1em;
  padding: 30px;
  padding-top: 10px; }

.faq li div.faq-article > div.full-articledisplay .digest p {
  line-height: 1.6em; }

.faq li a h2.header {
  color: #fff;
  padding: 12px 10px 10px 12px;
  background: #023c5c;
  cursor: pointer; }

.faq li.active h2.header {
  background-repeat: no-repeat;
  background: #10609d;
  margin-bottom: 0; }

.faq article {
  padding-left: 0.6em;
  padding-right: 0.6em; }
  .faq article .main-content p {
    white-space: -moz-pre-wrap;
    /* Mozilla */
    white-space: -hp-pre-wrap;
    /* HP printers */
    white-space: -o-pre-wrap;
    /* Opera 7 */
    white-space: -pre-wrap;
    /* Opera 4-6 */
    white-space: pre-wrap;
    /* CSS 2.1 */
    white-space: pre-line;
    /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word;
    /* IE */
    -moz-binding: url("xbl.xml#wordwrap");
    /* Firefox (using XBL) */ }
  .faq article .main-content td {
    padding-right: 2px; }

.faq article header h1 {
  display: none; }

.faq article table thead {
  background: #023c5c; }
  .faq article table thead th {
    color: #fff; }

/* Custom for fellow-filter */
.fellow-filter .content .category-block {
  width: 100%; }

.fellow-filter select.select-country-js {
  min-width: 270px;
  margin-right: 32px; }

.fellow-filter .content .year-block {
  margin-left: 15px;
  margin-right: 44px; }

.fellow-filter .freetext-search-block input {
  width: 250px;
  border: 1px solid #494847;
  line-height: 2.8rem;
  height: 2.8rem; }

#total-fellows {
  display: none; }

/** SCSS */
.fellow-list {
  margin-top: 22px; }
  .fellow-list.custom-filter-list {
    min-height: 100vh !important; }
  .fellow-list * {
    animation-duration: .2s; }
  .fellow-list ul {
    margin-top: 18px; }
  .fellow-list li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding-right: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .fellow-list a {
    font-size: 15px;
    color: #494847; }
  .fellow-list a:hover {
    text-decoration: none; }
  .fellow-list .top {
    position: relative;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 14px; }
    .fellow-list .top:hover {
      text-decoration: underline; }
    @media (max-width: 480px) {
      .fellow-list .top {
        min-height: 45px !important; } }
  .fellow-list span.name {
    padding-left: 8px; }
  .fellow-list .category-icon {
    position: absolute;
    right: 8px;
    top: 5px;
    font-size: 32px;
    opacity: 0.5; }
    @media (max-width: 480px) {
      .fellow-list .category-icon {
        font-size: 42px !important; } }
  .fellow-list .category-icon.icon-naturalsciences {
    font-size: 30px;
    top: 7px; }
  .fellow-list .content {
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 0;
    margin: 0 4px 4px;
    padding: 8px 6px 6px;
    min-height: 135px; }
    @media (max-width: 480px) {
      .fellow-list .content {
        min-height: 135px; } }
  .fellow-list .content img {
    vertical-align: top;
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 6px;
    float: left;
    max-height: 105px; }
    @media (max-width: 480px) {
      .fellow-list .content img {
        max-height: 140px; } }
  .fellow-list .content label {
    display: block;
    vertical-align: top;
    clear: right;
    font-size: 12px;
    font-weight: 400;
    color: #3d3b3b;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      .fellow-list .content label {
        font-size: 15px !important; } }
  .fellow-list .content span {
    display: inline-block;
    vertical-align: top;
    clear: right;
    padding-left: 3px;
    padding-top: 4px;
    padding-bottom: 12px; }
  .fellow-list .content .category {
    max-width: 70%; }
  .fellow-list .content .academic-institution {
    display: flex; }
  .fellow-list #total-fellows {
    display: block;
    margin-top: 22px; }

/** SCSS */
@media (max-width: 480px) {
  .fellow-projects-tile a {
    color: #494847; } }
@media (max-width: 480px) {
  .fellow-projects-tile span {
    font-size: 18px; } }
.fellow-projects-tile .tile-content {
  padding-left: 0 !important; }
.fellow-projects-tile ul {
  margin-top: 0 !important;
  margin-bottom: 22px; }
.fellow-projects-tile li {
  padding: 8px 8px 8px 14px; }
  @media (max-width: 480px) {
    .fellow-projects-tile li {
      padding-left: 0; }
      .fellow-projects-tile li .content div {
        padding-left: 10px; } }
.fellow-projects-tile li:first-child {
  padding-top: 0; }
.fellow-projects-tile li:nth-child(2n+2) {
  background: #f6f6f6; }
@media (max-width: 480px) {
  .fellow-projects-tile h3 {
    font-size: 2rem !important; } }
.fellow-projects-tile h4 {
  font-size: 1.7rem;
  margin-bottom: 12px;
  font-weight: 500;
  line-height: 20px; }
  @media (max-width: 480px) {
    .fellow-projects-tile h4 {
      font-size: 2.2rem;
      margin-top: 15px; } }
.fellow-projects-tile .status-block i {
  position: relative;
  top: 2px;
  margin-right: 3px;
  font-size: 18px; }
  @media (max-width: 480px) {
    .fellow-projects-tile .status-block i {
      font-size: 24px; } }
.fellow-projects-tile .category-block {
  margin-top: 12px; }
  .fellow-projects-tile .category-block i {
    position: absolute;
    color: #fff;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    display: inline-block;
    font-size: 12px;
    padding: 3px;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      .fellow-projects-tile .category-block i {
        width: 24px;
        height: 24px;
        display: inline-block;
        font-size: 17px;
        margin-top: -5px; } }
  .fellow-projects-tile .category-block i + span {
    display: inline-block;
    padding-left: 25px;
    line-height: 18px; }
    @media (max-width: 480px) {
      .fellow-projects-tile .category-block i + span {
        padding-left: 31px; } }

/** SCSS */
.fellow-statements-tile .tile-content {
  margin-top: 0 !important; }
.fellow-statements-tile blockquote {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2rem; }
  .fellow-statements-tile blockquote::before {
    font-family: cas-iconfont;
    content: "g";
    font-size: 24px;
    color: #023c5c;
    margin-right: 8px; }
  .fellow-statements-tile blockquote p:first-child {
    display: inline; }
  .fellow-statements-tile blockquote p {
    line-height: 21px;
    padding-top: 8px;
    font-size: 15px; }

/** SCSS */
body.mobile-channel .form-tile {
  margin-left: 1.2rem;
  /* Mobile Avatar display stuff - need to override some desktop stylings */
  /* End mobile avatar stuff */ }
  body.mobile-channel .form-tile .tile-top span.access-class {
    right: 2.4rem; }
  body.mobile-channel .form-tile #form-group-27 {
    position: relative; }
    body.mobile-channel .form-tile #form-group-27 > * {
      position: relative;
      top: 0;
      right: 0; }
    body.mobile-channel .form-tile #form-group-27 label {
      top: -266px;
      position: absolute; }
    body.mobile-channel .form-tile #form-group-27 .image-display-from-input {
      top: 16px; }
    body.mobile-channel .form-tile #form-group-27 .extra-html {
      position: absolute;
      top: 16px; }
    body.mobile-channel .form-tile #form-group-27 .profile-image-with-desc-after div:not(.file-status):not(.cancel) {
      top: 0; }
    body.mobile-channel .form-tile #form-group-27 .form-group-element.avatar-image-id .tooltip span {
      width: 100%; }
    body.mobile-channel .form-tile #form-group-27 .form-group-element.avatar-image-id .tooltip {
      overflow: hidden;
      display: inline; }
    body.mobile-channel .form-tile #form-group-27 .avatar-image-id {
      position: absolute;
      top: 150px; }

.form-tile {
  margin-top: 18px;
  position: relative;
  /* Avatar display */
  /* End Avatar display */ }
  .form-tile #form-group-27 {
    position: static; }
  .form-tile h3 {
    font-size: 20px;
    border-bottom: 2px solid #023c5c;
    padding-bottom: 5px;
    margin-bottom: 22px;
    color: #323232; }
  .form-tile label {
    font-size: 12px;
    text-transform: uppercase;
    top: 0;
    padding-bottom: 5px;
    color: #023c5c;
    display: inline-block; }
  .form-tile .form-group {
    margin-top: 8px;
    margin-bottom: 12px;
    position: relative; }
  .form-tile .form-group-element.has-error input {
    border: 1px solid #ff0000; }
  .form-tile .form-group-element.has-error .error-message {
    color: #ff0000;
    font-size: 13px;
    padding-top: 5px; }
  .form-tile .tooltip {
    background: url(/images/info.png) no-repeat;
    width: 20px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 3px;
    margin-left: 5px; }
    .form-tile .tooltip span {
      display: none;
      position: absolute;
      background: white;
      width: 360px;
      min-height: 50px;
      box-shadow: 1px 5px 10px #B1B1B1;
      padding: 12px;
      line-height: 2.2rem;
      z-index: 10; }
    .form-tile .tooltip:hover span {
      display: block;
      position: absolute; }
  .form-tile .tile-content {
    margin-left: 10px;
    width: 400px;
    display: inline-block;
    vertical-align: top; }
  .form-tile textarea {
    width: 100%; }
  .form-tile input[data-save-status] {
    border-width: 1px;
    transition-property: all;
    transition-duration: 0.5s;
    transition-delay: 1s; }
  .form-tile input[data-save-status="typing"] {
    box-shadow: 1px 1px 1px #4D4D4F; }
  .form-tile input[data-save-status="saving"] {
    border-color: #fadc00; }
  .form-tile input[data-save-status="saved"] {
    border-color: #00c34a; }
  .form-tile input[data-save-status="error"] {
    border-color: #ff4d48; }
  .form-tile input[data-save-status="unauthorized"] {
    border-color: #ff922c; }
  .form-tile input[data-save-status="validation-error"] {
    border-color: #ff001e; }
  .form-tile .form-group-element[data-group-save-status]::after {
    content: " (unsaved)";
    right: 0;
    position: absolute;
    top: 0;
    font-size: 12px; }
  .form-tile .form-group-element[data-group-save-status="no-changes"]::after,
  .form-tile .form-group-element[data-group-save-status="saved"]::after {
    visibility: hidden; }
  .form-tile .form-group-element[data-group-save-status="unauthorized"] label {
    color: #ff922c; }
  .form-tile .form-group-element[data-group-save-status="validation-error"] label {
    color: #ff4d48; }
  .form-tile .form-group-element[data-group-save-status="error"] label {
    color: #ff4d48; }
  .form-tile #ctwebform-template-2 .image-display-from-input {
    display: inline-block;
    width: 195px;
    vertical-align: top;
    position: absolute;
    right: 0;
    top: 76px;
    height: 265px;
    border: 1px solid #eee;
    padding: 2px;
    text-align: center; }
    .form-tile #ctwebform-template-2 .image-display-from-input img {
      max-width: 100%;
      max-height: 100%; }
  .form-tile .profile-image-with-desc-after {
    position: absolute;
    right: 0;
    top: 49px;
    width: 195px; }
    .form-tile .profile-image-with-desc-after div:not(.file-status):not(.cancel) {
      position: relative;
      top: 275px;
      overflow: hidden;
      width: 100%;
      height: 30px; }
    .form-tile .profile-image-with-desc-after div.cancel:hover {
      cursor: pointer;
      text-decoration: underline; }
    .form-tile .profile-image-with-desc-after .file-status.done {
      display: none; }
    .form-tile .profile-image-with-desc-after .col-sm-8 {
      cursor: pointer; }
      .form-tile .profile-image-with-desc-after .col-sm-8:hover::before, .form-tile .profile-image-with-desc-after .col-sm-8:hover::after {
        background-color: #1e8d9d;
        color: #fff; }
      .form-tile .profile-image-with-desc-after .col-sm-8::before {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        position: absolute;
        background: #f8e9d1;
        content: "Upload picture";
        top: 0;
        left: 0;
        width: 155px;
        padding-left: 5px;
        text-align: center;
        text-transform: uppercase;
        margin-right: 2px;
        font-weight: 500;
        color: #f94201;
        z-index: 1; }
      .form-tile .profile-image-with-desc-after .col-sm-8::-webkit-file-upload-button {
        visibility: hidden; }
      .form-tile .profile-image-with-desc-after .col-sm-8::after {
        display: inline-block;
        position: absolute;
        background: #f8e9d1;
        content: "F";
        font-family: cas-iconfont;
        top: -2px;
        right: 0;
        padding-bottom: 2px;
        text-transform: uppercase;
        color: #f94201;
        padding-left: 8px;
        padding-right: 8px;
        height: 30px;
        line-height: 30px; }
    .form-tile .profile-image-with-desc-after input[type="file"] {
      border: 0;
      position: absolute;
      opacity: 0;
      /* For IE8 "Keep the IE opacity settings in this order for max compatibility" */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* For IE5 - 7 */
      filter: alpha(opacity=0); }
      .form-tile .profile-image-with-desc-after input[type="file"] + .file-status.uploading {
        position: absolute;
        top: 0;
        z-index: 1000;
        background: #fff;
        width: 100%; }
    .form-tile .profile-image-with-desc-after label[for="avatar_image-37"] + div:hover input::before,
    .form-tile .profile-image-with-desc-after label[for="avatar_image-37"] + div:hover input::after {
      background-color: #1e8d9d;
      color: #fff; }
  .form-tile .form-group label::before {
    position: relative;
    left: -2px;
    font-family: cas-iconfont; }
  .form-tile .form-group-element.public-access label:first-of-type::before {
    content: "I";
    color: #023c5c; }
  .form-tile .form-group-element.private-access label:first-of-type::before {
    content: "H";
    color: #4D4D4F; }
  .form-tile .form-group-element.public-access label,
  .form-tile .form-group-element.private-access label {
    position: relative;
    left: -3px; }

/** About fellow tile. */
.form-tile.about-fellow-tile h3,
.form-tile.statement-tile h3 {
  margin-bottom: 12px;
  color: #494847; }
.form-tile.about-fellow-tile .tile-content,
.form-tile.statement-tile .tile-content {
  width: 100%; }
.form-tile.about-fellow-tile textarea,
.form-tile.statement-tile textarea {
  width: 96%;
  max-width: 96%;
  line-height: 20px;
  font-size: 15px;
  min-height: 200px; }
.form-tile.about-fellow-tile .form-group::after,
.form-tile.statement-tile .form-group::after {
  top: -14px;
  right: 25px; }

/* End About fellow tile */
/* Avatar upload */
.form-tile .form-group-element.avatar-image-id {
  position: absolute;
  top: 458px;
  right: 0;
  width: 195px;
  height: auto; }
  .form-tile .form-group-element.avatar-image-id .tooltip {
    background: transparent;
    margin-left: 0; }
    .form-tile .form-group-element.avatar-image-id .tooltip span {
      display: inline-block;
      width: 195px;
      position: relative; }
    .form-tile .form-group-element.avatar-image-id .tooltip .desc-text {
      border-color: #ebebeb;
      font-size: 13px;
      line-height: 1.6rem;
      color: #494847; }
    .form-tile .form-group-element.avatar-image-id .tooltip .desc-text i {
      font-style: normal;
      display: block;
      margin-left: 10px;
      margin-top: 5px; }
      .form-tile .form-group-element.avatar-image-id .tooltip .desc-text i:first-of-type {
        margin-top: 12px;
        color: #023c5c; }
      .form-tile .form-group-element.avatar-image-id .tooltip .desc-text i::before {
        margin-right: 3px; }
  .form-tile .form-group-element.avatar-image-id.has-error .error-message {
    position: absolute;
    top: -170px;
    padding-left: 5px;
    padding-right: 5px;
    background: #fff;
    margin-left: 1px;
    margin-right: 1px; }

.form-tile .form-group-element.avatar-image-id[data-group-save-status]::after {
  top: -399px; }

.form-tile .form-group-element.profile-image-with-desc-after + .extra-html {
  position: absolute;
  top: 390px;
  right: 0;
  width: 195px;
  margin-left: 1px;
  padding-left: 5px;
  margin-right: 1px;
  padding-right: 5px; }
  .form-tile .form-group-element.profile-image-with-desc-after + .extra-html + div .tooltip.extra-description .desc-text {
    border: 1px solid #ebebeb;
    box-shadow: none; }

.form-tile .profile-format-desc {
  font-size: 13px;
  color: #494847; }

/* End avatar upload .*/
/** Form tile access class */
.form-tile.public-access .tile-top span,
.form-tile.private-access .tile-top span {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 14px; }
  .form-tile.public-access .tile-top span i,
  .form-tile.private-access .tile-top span i {
    font-style: normal; }
    .form-tile.public-access .tile-top span i::before,
    .form-tile.private-access .tile-top span i::before {
      margin-right: 3px; }

.form-tile.public-access {
  color: #023c5c; }

.form-tile.private-access {
  color: #494847; }

/* End form tile access class. */
/* Tooltip for textareas without label. */
.form-tile .form-group-textarea .tooltip.extra-description:first-child {
  position: absolute;
  right: -8px;
  top: 0px; }

/** Add stay form (its just a template) */
#ctwebform-template-9 .form-group-radio .radio {
  display: inline-block;
  margin-right: 12px;
  margin-top: 2px; }
#ctwebform-template-9 input[type="radio"] {
  margin-right: 5px; }
#ctwebform-template-9 select,
#ctwebform-template-9 textarea {
  min-width: 96%;
  max-width: 96%; }

/* End add stay form */
/** Add stay form tile */
.form-tile.ct-form-9 {
  margin-top: 8px; }
  .form-tile.ct-form-9 .tile-top {
    display: none; }
  .form-tile.ct-form-9 .tile-content {
    width: 100%; }
  .form-tile.ct-form-9 form {
    display: none; }

/** Stays list */
.form-tile-stays-js .tile-content {
  width: 100%; }
.form-tile-stays-js .button-group:hover button {
  background: #1e8d9d;
  color: #fff; }
.form-tile-stays-js i.icon-plus {
  font-size: 19px;
  font-style: normal; }
.form-tile-stays-js span {
  font-size: 15px; }
.form-tile-stays-js form {
  margin-left: 33px;
  margin-right: 33px; }
.form-tile-stays-js .form-group {
  margin-bottom: 20px; }
.form-tile-stays-js .form-group-radio {
  margin-bottom: 5px; }
.form-tile-stays-js li {
  padding: 12px; }
.form-tile-stays-js li:last-child.open {
  padding-bottom: 5px; }

form .file-status.failed {
  color: #ff000f; }
  form .file-status.failed::after {
    content: " (failed)"; }
  form .file-status.failed .cancel {
    display: none; }
form .file-status.uploading::after {
  content: " (uploading..)"; }
form .file-status.done .cancel {
  display: none; }

/** SCSS */
#placeholder-right .small-list.group-leader-tile .tile-content {
  margin-top: 0;
  padding: 0; }

@media (max-width: 480px) {
  #placeholder-content .group-leader-tile {
    padding-left: 10px;
    padding-right: 10px;
    border-top: 0; } }
@media (max-width: 480px) {
  .group-leader-tile .tile-content {
    padding-left: 0 !important; } }
@media (max-width: 480px) {
  .group-leader-tile .content {
    padding-left: 8px; } }
.group-leader-tile li {
  overflow: hidden;
  padding-left: 12px;
  padding-top: 16px;
  padding-right: 8px;
  margin-bottom: 8px; }
  @media (max-width: 480px) {
    .group-leader-tile li {
      padding-left: 0; } }
.group-leader-tile li:first-child {
  padding-top: 0; }
.group-leader-tile li:nth-child(2n+2) {
  background: #f6f6f6; }
.group-leader-tile h4 {
  font-size: 16px;
  margin-bottom: 12px;
  display: inline; }
  @media (max-width: 480px) {
    .group-leader-tile h4 {
      font-size: 20px; } }
.group-leader-tile .title-label {
  margin-top: 16px; }
.group-leader-tile .label {
  font-size: 11px;
  color: #323232;
  text-transform: uppercase;
  display: block;
  margin-bottom: 4px; }
  @media (max-width: 480px) {
    .group-leader-tile .label {
      font-size: 13px;
      margin-top: 10px;
      margin-bottom: 6px; } }
.group-leader-tile .label + span {
  display: flex;
  padding-left: 6px;
  padding-bottom: 12px;
  line-height: 16px;
  font-size: 15px;
  color: #323232; }
  @media (max-width: 480px) {
    .group-leader-tile .label + span {
      font-size: 18px; } }
.group-leader-tile .avatar {
  float: right;
  max-width: 88px;
  padding-left: 8px; }
  @media (max-width: 480px) {
    .group-leader-tile .avatar {
      max-width: 105px; } }

/** SCSS */
.important-message {
  margin-top: 33px;
  position: relative; }
  .important-message .navigation {
    display: inline-block;
    position: absolute;
    right: 0;
    z-index: 1; }
    .important-message .navigation span {
      position: relative;
      top: -5px; }
    .important-message .navigation i {
      display: none;
      font-size: 22px; }
      .important-message .navigation i:hover {
        background: #c8c8c7; }
    .important-message .navigation.has-multiple i {
      display: inline-block; }
  .important-message h3 {
    margin-bottom: 10px;
    margin-left: 10px; }
  .important-message h3 i {
    font-size: 32px;
    font-style: normal;
    font-weight: 600; }
  .important-message h3 .text {
    padding-left: 12px;
    position: relative;
    top: -4px;
    font-size: 17px; }
  .important-message .msg {
    padding: 22px 12px 8px;
    background: #f6f6f6; }
  .important-message .date {
    font-size: 13px;
    color: #494847; }
  .important-message .text {
    padding-top: 5px; }
  .important-message .text p {
    line-height: 2rem;
    margin-bottom: 0.5rem;
    min-height: 2rem;
    padding-bottom: 0.2rem; }
  .important-message .text:focus {
    outline: 0;
    background: #fff; }
    .important-message .text:focus p {
      color: #494847; }
  .important-message textarea {
    width: 100%;
    min-height: 60px;
    padding: 5px;
    border: 1px solid #4D4D4F; }
    .important-message textarea:focus + .save-button-group {
      display: block;
      margin-top: 8px; }
  .important-message .save-button-group {
    display: none;
    text-align: right; }
    .important-message .save-button-group:hover, .important-message .save-button-group:active {
      display: block; }
    .important-message .save-button-group .button-group {
      display: inline-block; }
  .important-message .slick-prev,
  .important-message .slick-next {
    display: none !important; }

.important-message.single h3 {
  color: #f94201;
  font-weight: 500; }
.important-message.single h3 .text {
  text-transform: uppercase; }
.important-message.single .msg {
  background: #f8e9d1;
  border: 1px solid #f94201;
  margin-bottom: 12px; }
.important-message.single .buttons {
  margin-left: 10px; }
.important-message.single .button-group {
  display: inline-block;
  margin-right: 22px;
  margin-top: 1rem; }
  .important-message.single .button-group button {
    float: left;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500; }
    .important-message.single .button-group button:last-of-type {
      margin-left: 2px; }

/** SCSS */
.language-selector {
  float: right;
  display: inline-block; }

/** SCSS */
#placeholder-bottom {
  clear: left; }

#placeholder-bottom .linktoolbar .links span.label {
  display: none; }

#placeholder-bottom .linktoolbar {
  clear: left; }

#placeholder-bottom .linktoolbar .links a {
  height: 40px;
  width: 40px;
  border-radius: 40px; }
  #placeholder-bottom .linktoolbar .links a:hover {
    color: #fff;
    background: #1e8d9d; }

#placeholder-content .linktoolbar .links.sharing-links span.label {
  line-height: 2rem;
  height: auto;
  padding-right: 19px; }
#placeholder-content .linktoolbar .general-links li.first a {
  padding-left: 6px; }
#placeholder-content .linktoolbar {
  border-top: solid 1px #1e79bb;
  border-bottom: 1px solid #1e79bb;
  padding-top: 8px;
  padding-bottom: 4px;
  margin-top: 1em;
  margin-bottom: 2em; }
#placeholder-content .linktoolbar .links {
  vertical-align: top; }
#placeholder-content .linktoolbar .links a {
  height: 20px;
  color: #494847; }
#placeholder-content .linktoolbar .links a:before {
  font-size: 16px; }
#placeholder-content .linktoolbar .links a:before {
  font-family: "cas-iconfont" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
#placeholder-content .linktoolbar .links a.print_link {
  background: none; }
  #placeholder-content .linktoolbar .links a.print_link:before {
    content: "\6c"; }
#placeholder-content .linktoolbar .links a.tipafriend_link {
  background: none; }
  #placeholder-content .linktoolbar .links a.tipafriend_link:before {
    content: "\6d"; }
#placeholder-content .linktoolbar .sharing-links.links a.facebook_link {
  background: none; }
  #placeholder-content .linktoolbar .sharing-links.links a.facebook_link:before {
    content: "\6e"; }
#placeholder-content .linktoolbar .sharing-links.links a.linkedin_link {
  background: none; }
  #placeholder-content .linktoolbar .sharing-links.links a.linkedin_link:before {
    content: "\6f"; }
#placeholder-content .linktoolbar .sharing-links.links a.twitter_link {
  background: none; }
  #placeholder-content .linktoolbar .sharing-links.links a.twitter_link:before {
    content: "\71"; }
#placeholder-content .linktoolbar .suggestionform textarea, #placeholder-content .linktoolbar .suggestionform input {
  border: 1px solid #494847; }
#placeholder-content .linktoolbar .suggestionform.visible {
  height: auto;
  z-index: 7; }
#placeholder-content .linktoolbar .suggestionform label {
  margin-top: 12px; }
#placeholder-content .linktoolbar .links a.close-button {
  height: 28px; }
#placeholder-content .linktoolbar .suggestionform input[type="submit"] {
  float: right;
  width: auto;
  background: #f8e9d1;
  color: #f94201;
  border: #eee;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px; }
  #placeholder-content .linktoolbar .suggestionform input[type="submit"]:hover {
    background: #1e8d9d;
    color: #fff; }

/* Bottom links */
#placeholder-bottom .linktoolbar {
  margin-left: 135px; }
  #placeholder-bottom .linktoolbar a {
    font-size: 20px;
    background: #f8e9d1;
    color: #f94201; }
  #placeholder-bottom .linktoolbar a:before {
    font-family: "cas-iconfont" !important;
    content: attr(data-icon);
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    top: 10px;
    left: 10px; }
  #placeholder-bottom .linktoolbar a.facebook_link:before {
    content: "\6e"; }
  #placeholder-bottom .linktoolbar a.linkedin_link:before {
    content: "\6f";
    top: 9px; }
  #placeholder-bottom .linktoolbar a.twitter_link:before {
    content: "\71"; }

@media (max-width: 480px) {
  body #container .linktoolbar {
    overflow: hidden; }

  #placeholder-content .linktoolbar .links {
    display: inline; }

  #placeholder-content .linktoolbar .links a {
    display: inline;
    background: none;
    padding-right: 10px;
    padding-left: 10px; }

  #placeholder-bottom .linktoolbar {
    margin-left: 0 !important;
    width: 100%;
    margin-top: 33px; }
    #placeholder-bottom .linktoolbar ul {
      width: 100%; }
    #placeholder-bottom .linktoolbar li:not(.last) {
      padding-right: 55px; }
    #placeholder-bottom .linktoolbar a::before {
      left: 0px;
      top: 12px; }
    #placeholder-bottom .linktoolbar .links a {
      height: 50px;
      width: 50px;
      font-size: 28px; } }
/** SCSS */
@media (max-width: 480px) {
  .login-form {
    margin-left: 12px;
    overflow: hidden; } }
.login-form h3 {
  font-size: 3.2rem;
  margin-bottom: 32px;
  margin-top: 32px;
  font-weight: 600; }
.login-form label {
  font-size: 12px;
  text-transform: uppercase; }
.login-form input.textinput {
  clear: right;
  margin-left: 8px;
  display: block;
  border: 1px solid #494847;
  width: calc(100% - 8px);
  box-sizing: border-box;
  margin-top: 8px; }
.login-form button.submit {
  position: relative;
  right: -2px;
  margin-top: 22px; }
.login-form .submit-group {
  display: inline-block;
  float: right; }
.login-form a.toggler {
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 22px; }
.login-form label[for="lost-email"] {
  clear: left;
  float: left;
  margin-bottom: 8px; }
.login-form #lost-email {
  clear: both; }
.login-form .send-lost-password {
  width: auto; }
.login-form .send-new-password-text-button {
  margin-top: 0; }
.login-form .message {
  border-color: #979e97; }

/** SCSS */
#placeholder-top .logo-tile {
  margin-top: 0;
  margin-bottom: 0;
  height: 96px;
  z-index: 10; }

@media (max-width: 480px) {
  body.mobile-channel #placeholder-top .logo-tile {
    height: 76px; }
    body.mobile-channel #placeholder-top .logo-tile a img {
      height: 111px;
      width: auto; } }
body.mobile-channel #placeholder-top .logo-tile svg.logo {
  height: 102px;
  position: absolute;
  top: 0;
  z-index: 10;
  margin-left: 1px;
  width: 158px; }
body.mobile-channel #placeholder-top .logo-tile .logo-bgr {
  position: absolute;
  z-index: 5;
  top: 0;
  width: 160px;
  height: 102px; }

.logo-tile {
  position: relative;
  left: -97px;
  display: inline-block;
  margin-top: -1px; }
  .logo-tile a.logo {
    display: block;
    position: relative; }
  .logo-tile svg.logo {
    width: 300px;
    height: 159px;
    position: absolute;
    top: -4px;
    z-index: 10;
    margin-left: -36px;
    color: #000; }
  .logo-tile .logo-clip-bgr {
    background: #dff3fe;
    width: 180px;
    height: 176px;
    transform: rotate(-11deg);
    box-shadow: 1px 3px 6px rgba(58, 58, 58, 0.62);
    margin-left: 17px;
    margin-top: -33px;
    transform: skew(16deg, -9deg);
    clip-path: polygon(5% 7%, 11% 100%, 312% 82%);
    -webkit-clip-path: polygon(5% 0%, 11% 100%, 311% 80%); }
  .logo-tile .logo-bgr {
    position: absolute;
    z-index: 5;
    top: -2px;
    width: 222px;
    height: 156px; }
  .logo-tile img {
    position: absolute;
    top: -2px;
    z-index: 10; }
  .logo-tile .motto {
    position: relative;
    left: 218px;
    top: 22px;
    color: #023c5c; }
  .logo-tile .motto .big {
    font-size: 30px;
    font-weight: 600; }
  .logo-tile .motto .medium {
    font-size: 19px;
    font-weight: 500; }

body.desktop-channel #container:not(.scroll-on-top) .logo-bgr {
  top: 100px;
  width: 152px;
  left: -22px;
  height: 110px;
  animation: logoBgrSmallerNotOnTop 0.3s;
  -moz-animation: logoBgrSmallerNotOnTop 0.3s;
  /* Firefox */
  -webkit-animation: logoBgrSmallerNotOnTop 0.3s;
  /* Safari and Chrome */ }

body.desktop-channel #container:not(.scroll-on-top) svg.logo {
  top: 100px;
  width: 154px;
  left: 13px;
  height: 110px;
  animation: logoSvgSmallerNotOnTop 0.3s;
  -moz-animation: logoSvgSmallerNotOnTop 0.3s;
  /* Firefox */
  -webkit-animation: logoSvgSmallerNotOnTop 0.3s;
  /* Safari and Chrome */ }

body.desktop-channel #container:not(.scroll-on-top) .logo-tile img,
body.desktop-channel #container:not(.scroll-on-top) .logo-tile .img {
  width: 161px;
  left: -30px;
  top: 100px;
  height: 105px;
  animation: logoSmallerNotOnTop 0.3s;
  -moz-animation: logoSmallerNotOnTop 0.3s;
  /* Firefox */
  -webkit-animation: logoSmallerNotOnTop 0.3s;
  /* Safari and Chrome */ }
  @media (max-width: 1145px) {
    body.desktop-channel #container:not(.scroll-on-top) .logo-tile img,
    body.desktop-channel #container:not(.scroll-on-top) .logo-tile .img {
      margin-left: 46px; } }

/* Mobile */
@media (max-width: 480px) {
  body.mobile-channel #placeholder-top .logo-tile {
    left: 0;
    margin-left: 0;
    top: -5px; }
    body.mobile-channel #placeholder-top .logo-tile img {
      height: 129px; }
    body.mobile-channel #placeholder-top .logo-tile .motto {
      display: none; } }
/** SCSS */
/** SCSS */
@media (max-width: 480px) {
  .monthly-activity-list {
    margin-left: 10px;
    margin-right: 10px; } }

.monthly-activity-list table td.duration span {
  color: #494847; }

.monthly-activity-list table td.duration time {
  border: 2px solid #023c5c;
  border-radius: 10px;
  width: 42px;
  padding-top: 6px;
  padding-bottom: 6px; }
  @media (max-width: 480px) {
    .monthly-activity-list table td.duration time {
      width: 48px; } }

.monthly-activity-list table td.duration time:first-child {
  display: block; }

.monthly-activity-list table tr.month,
.monthly-activity-list table tr.month th {
  color: #023c5c; }

.monthly-activity-list table td.duration time.start-date span.month {
  display: none; }

.monthly-activity-list table td.duration time.end-date {
  margin-left: 0;
  margin-top: 10px;
  padding-top: 9px; }

.monthly-activity-list table td.duration time.end-date:empty {
  display: none; }

.monthly-activity-list table td.duration time.end-date span.day:before {
  top: -13px;
  left: 15px; }
  @media (max-width: 480px) {
    .monthly-activity-list table td.duration time.end-date span.day:before {
      left: 19px; } }

.monthly-activity-list table tr.month th {
  padding-bottom: 0;
  line-height: 2rem; }
  @media (max-width: 480px) {
    .monthly-activity-list table tr.month th {
      padding-bottom: 5px;
      font-size: 20px; } }

.monthly-activity-list table tr.month {
  border-bottom: 2px solid #023c5c; }

.monthly-activity-list table td.description .times:before {
  font-family: cas-iconfont;
  content: "y"; }

.monthly-activity-list table td.description .location:before {
  font-family: cas-iconfont;
  content: "z"; }

.monthly-activity-list table td.description .location:before,
.monthly-activity-list table td.description .times:before {
  font-size: 16px;
  background: none;
  margin-right: 5px;
  line-height: 13px;
  width: 15px; }

.monthly-activity-list table td.description > a > span {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 8px;
  display: inline-block;
  color: #494847; }
  @media (max-width: 480px) {
    .monthly-activity-list table td.description > a > span {
      font-size: 18px; } }

.monthly-activity-list table td.description > a:hover span {
  text-decoration: underline; }

.monthly-activity-list table td.description .location span,
.monthly-activity-list table td.description .times span {
  display: inline-block; }
  @media (max-width: 480px) {
    .monthly-activity-list table td.description .location span,
    .monthly-activity-list table td.description .times span {
      font-size: 16px;
      margin-bottom: 10px; } }

@media (max-width: 480px) {
  .monthly-activity-list table td.duration time.start-date span.day {
    font-size: 3rem; } }

@media (max-width: 480px) {
  .monthly-activity-list table td.description .times, .monthly-activity-list table td.description .location {
    min-width: 128px;
    display: inline-block; } }

/** SCSS */
.group-leaders.list-design li {
  padding-left: 10px; }
.group-leaders.list-design a {
  color: #494847; }
  .group-leaders.list-design a:hover {
    text-decoration: none; }
.group-leaders.list-design .top {
  position: relative; }
.group-leaders.list-design .content {
  margin-top: 8px !important; }
.group-leaders.list-design .name {
  color: #10609d; }
.group-leaders.list-design .title {
  display: block;
  font-size: 14px; }
.group-leaders.list-design .status {
  position: absolute;
  right: 0; }
.group-leaders.list-design .info i {
  position: relative;
  top: 3px;
  padding-right: 2px; }
.group-leaders.list-design .info {
  margin-bottom: 5px;
  margin-top: 5px; }
.group-leaders.list-design .info span {
  font-size: 15px; }
.group-leaders.list-design .info div {
  display: inline-block;
  margin-right: 2rem; }
.group-leaders.list-design .info .place {
  width: 110px; }
.group-leaders.list-design .info .phone {
  width: 135px; }
.group-leaders.list-design .info .email {
  width: 300px; }
.group-leaders.list-design .some-text {
  margin-top: 15px;
  line-height: 2rem; }
  .group-leaders.list-design .some-text.minimize-html.show-less {
    max-height: 4rem; }
.group-leaders.list-design .add-fellow-button-group {
  margin-top: 4rem;
  margin-left: 10px; }
  .group-leaders.list-design .add-fellow-button-group button {
    font-weight: 500;
    text-transform: uppercase;
    float: left; }
    .group-leaders.list-design .add-fellow-button-group button:first-child {
      margin-right: 2px; }
.group-leaders.list-design .remove-fellow-button {
  position: absolute;
  margin-left: -3rem;
  margin-top: -0.6rem; }

body.mobile-channel .group-leaders.list-design .remove-fellow-button {
  font-size: 1.2rem;
  margin-left: -22px; }
body.mobile-channel .group-leaders.list-design li {
  margin-bottom: 4rem;
  margin-top: 4rem; }

/** SCSS */
.newsarchive.small-box,
.newsarchive.small-list {
  position: relative;
  top: -70px;
  margin-bottom: 22px; }
  @media (max-width: 480px) {
    .newsarchive.small-box,
    .newsarchive.small-list {
      top: 0;
      margin-top: 22px; } }
  @media (max-width: 480px) {
    .newsarchive.small-box ul,
    .newsarchive.small-list ul {
      margin-top: 12px;
      margin-left: 15px; } }
  .newsarchive.small-box.last-six,
  .newsarchive.small-list.last-six {
    margin-top: 40px; }
  @media (max-width: 480px) {
    .newsarchive.small-box h3,
    .newsarchive.small-list h3 {
      font-weight: 500;
      text-transform: uppercase;
      text-align: center;
      border-bottom: 2px solid #023c5c;
      padding-bottom: 5px;
      font-size: 22px; } }
  @media (max-width: 480px) {
    .newsarchive.small-box a,
    .newsarchive.small-list a {
      color: #494847; } }

.news-archive-list .byline {
  padding-left: 2px;
  padding-bottom: 5px; }

.news-archive-list li {
  margin-top: 0; }

.news-archive-list .bottomlink {
  display: none; }

.publication-list {
  margin-top: 22px;
  /*span.research-group,
  span.years-at-cas {
      padding-left: 13px;
  }*/ }
  .publication-list.custom-filter-list {
    min-height: 100vh !important; }
  .publication-list ul {
    margin-top: 12px; }
    @media (max-width: 480px) {
      .publication-list ul {
        margin-top: 22px; } }
  .publication-list li {
    width: 100%;
    margin-bottom: 2em;
    padding: 12px; }
    @media (max-width: 480px) {
      .publication-list li {
        padding-bottom: 20px; }
        .publication-list li:first-child {
          margin-top: 0; } }
  .publication-list > ul > li {
    border: 1px solid #eee; }
  .publication-list a {
    text-decoration: none;
    color: #494847; }
  @media (max-width: 480px) {
    .publication-list .top {
      min-height: 25px !important; } }
  .publication-list .name {
    display: block;
    padding-right: 12px;
    line-height: 2rem; }
    @media (max-width: 480px) {
      .publication-list .name {
        width: 100% !important; }
        .publication-list .name p {
          margin-bottom: 1rem; } }
  .publication-list .name a {
    color: #1e79bb; }
  .publication-list .name a:hover {
    text-decoration: underline; }
  .publication-list .content {
    position: relative;
    top: -6px; }
  .publication-list .icon-element i {
    font-size: 18px;
    color: #fff;
    border-radius: 100%;
    padding: 5px 4px 1px 6px;
    position: relative;
    top: 5px; }
  @media (max-width: 480px) {
    .publication-list .category-icon {
      font-size: 24px !important;
      top: 16px !important; } }
  .publication-list label {
    font-size: 12px;
    text-transform: uppercase;
    color: #4D4D4F; }
    @media (max-width: 480px) {
      .publication-list label {
        font-size: 15px;
        margin-top: 15px !important; } }
  .publication-list label + span {
    font-size: 17px; }
    @media (max-width: 480px) {
      .publication-list label + span {
        font-size: 18px; } }
  .publication-list .element > * {
    float: left;
    clear: left;
    line-height: 20px; }
  .publication-list .icon-element {
    vertical-align: top;
    padding-right: 6px; }
  .publication-list .research-group-element {
    width: 60%; }
    @media (max-width: 480px) {
      .publication-list .research-group-element {
        width: 85%; } }
  @media (max-width: 480px) {
    .publication-list .years-element {
      margin-left: 46px; } }
  .publication-list .view-publication-element {
    float: right; }
    @media (max-width: 480px) {
      .publication-list .view-publication-element {
        margin-top: 18px;
        margin-right: 12px; } }
  .publication-list .view-publication-element a {
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase; }
    .publication-list .view-publication-element a:hover .btn {
      background: #22a7cd;
      color: #fff; }
  .publication-list span.research-group {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    word-break: break-word;
    white-space: nowrap;
    max-width: 550px;
    display: inline-block; }
    @media (max-width: 480px) {
      .publication-list span.research-group {
        white-space: normal; } }
  .publication-list #total-publications {
    display: none; }

/** Fellow Publication list when rendered by article renderer */
.article-element.publications ul.publication-list li,
.article-element.publications .publications-block p,
.fellow-article ul.publication-list li,
.fellow-article .publications-block p {
  font-size: 15px; }
  @media (max-width: 480px) {
    .article-element.publications ul.publication-list li,
    .article-element.publications .publications-block p,
    .fellow-article ul.publication-list li,
    .fellow-article .publications-block p {
      font-size: 18px; } }
.article-element.publications ul.publication-list,
.article-element.publications ul.publication-list li,
.fellow-article ul.publication-list,
.fellow-article ul.publication-list li {
  padding-left: 0;
  border: 0; }
.article-element.publications ul.publication-list li::before,
.fellow-article ul.publication-list li::before {
  display: none; }
.article-element.publications ul.publication-list li,
.fellow-article ul.publication-list li {
  margin-bottom: 0; }
.article-element.publications ul.publication-list li:first-child,
.fellow-article ul.publication-list li:first-child {
  padding-top: 0; }
.article-element.publications ul.publication-list li:nth-child(2n+2),
.fellow-article ul.publication-list li:nth-child(2n+2) {
  background: #f6f6f6; }
.article-element.publications ul.publication-list li a.publication-link,
.fellow-article ul.publication-list li a.publication-link {
  color: #000;
  text-decoration: underline; }
  .article-element.publications ul.publication-list li a.publication-link:hover,
  .fellow-article ul.publication-list li a.publication-link:hover {
    text-decoration: none; }
.article-element.publications ul.publication-list li article,
.fellow-article ul.publication-list li article {
  padding-left: 5px; }
.article-element.publications ul.publication-list li article a,
.fellow-article ul.publication-list li article a {
  color: #157abc;
  text-decoration: underline; }
  .article-element.publications ul.publication-list li article a:hover,
  .fellow-article ul.publication-list li article a:hover {
    text-decoration: none; }

.publication-filter #publication-types label {
  padding: 8px 12px 6px; }
.publication-filter .publication-type-block {
  margin-top: 8px; }

/** SCSS */
.quick-menu {
  display: inline-block;
  width: 295px;
  left: 18%;
  top: 5.3rem;
  height: 2rem;
  line-height: 2rem;
  text-align: right; }
  .quick-menu a {
    text-decoration: none;
    margin-right: 6px;
    color: #023c5c; }
    .quick-menu a:hover {
      text-decoration: underline; }
  .quick-menu li {
    position: relative;
    display: inline-block; }
  .quick-menu li:not(:last-child):after {
    content: "";
    position: relative;
    height: 12px;
    width: 2px;
    display: inline-block; }

/** SCSS */
.research-group-filter.tile-common .content .year-block {
  margin-left: 44px;
  margin-right: 44px; }
.research-group-filter.tile-common .freetext-search-block input {
  width: 250px;
  border: 1px solid #494847;
  line-height: 2.8rem;
  height: 2.8rem; }

/** SCSS */
.research-group-list {
  margin-top: 22px; }
  .research-group-list.custom-filter-list {
    min-height: 100vh !important; }
  .research-group-list * {
    animation-duration: .2s; }
  .research-group-list ul {
    margin-top: 18px; }
  .research-group-list li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    padding-right: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .research-group-list #total-researchgroups {
    margin-bottom: 1rem; }
  .research-group-list a {
    font-size: 15px;
    color: #494847; }
  .research-group-list a:hover {
    text-decoration: none; }
  .research-group-list .top {
    position: relative;
    color: #fff;
    padding-top: 14px;
    padding-bottom: 12px;
    padding-left: 8px;
    height: 110px; }
    .research-group-list .top:hover {
      text-decoration: underline; }
  .research-group-list span.name {
    line-height: 2.2rem; }
  .research-group-list span.status {
    margin-bottom: 8px; }
  .research-group-list span.year-at-cas {
    margin-top: 2px; }
  .research-group-list span.status i {
    position: relative;
    top: -4px;
    font-size: 24px; }
  .research-group-list span.group-leaders .leader {
    padding-left: 3px;
    clear: right; }
  .research-group-list .category-icon {
    position: absolute;
    right: 12px;
    top: 3px;
    font-size: 98px;
    opacity: 0.5; }
  .research-group-list .content {
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 0;
    margin: 0 4px 4px;
    padding: 8px 6px 6px;
    padding-top: 15px;
    min-height: 145px; }
  .research-group-list .content img {
    vertical-align: top;
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 6px;
    float: left;
    max-height: 105px; }
  .research-group-list .content label {
    display: block;
    vertical-align: top;
    clear: right;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 4px; }
    @media (max-width: 480px) {
      .research-group-list .content label {
        margin-top: 15px !important; } }
  .research-group-list .content span {
    display: inline-block;
    vertical-align: top;
    clear: right;
    padding-left: 3px; }
  .research-group-list .content .category {
    max-width: 70%; }

/** SCSS */
/** SCSS */
.search-input {
  display: inline-block;
  float: right;
  top: 4.6rem;
  margin-right: 5.6rem; }
  .search-input button i {
    top: 3px;
    color: #023c5c; }

.search-field-wrapper-js {
  width: 100%;
  bottom: 0;
  position: absolute;
  height: 4.2rem;
  z-index: 1;
  background: #10609d; }
  .search-field-wrapper-js .inner-wrapper {
    height: 4.2rem;
    line-height: 4.225rem;
    text-align: right; }
  .search-field-wrapper-js input {
    outline: 0; }
  .search-field-wrapper-js button {
    margin-left: 4px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
    top: 2px; }
    .search-field-wrapper-js button:hover {
      background: #22a7cd;
      color: #fff; }

body.double-top-menu #placeholder-top .search-field-wrapper-js .inner-wrapper {
  top: 20px; }

@media (max-width: 480px) {
  .active .rwd-toggle-content {
    display: block; }

  .simple-search button {
    font-size: 1.8rem; }

  #placeholder-top .small-searchinput .toggle-link-wrapper a {
    font-size: 42px;
    text-align: center;
    color: #023c5c; } }
/** SCSS */
body.has-article .search-result {
  margin-top: 0; }

body.desktop-channel .custom-filter-list.tile-common.search-result span.name {
  font-weight: 400;
  font-size: 14px; }

.search-result {
  margin-top: 22px;
  min-height: 300px; }
  .search-result h3 {
    font-size: 2rem; }
    @media (max-width: 480px) {
      .search-result h3 {
        font-size: 2.2rem; }
        .search-result h3 a {
          color: #135b88; } }
  .search-result .result-text a {
    text-decoration: underline; }
  .search-result b {
    color: inherit; }
  .search-result input.search-input {
    float: left;
    margin-left: 22px;
    margin-right: 5px; }
  .search-result .submit-group {
    display: inline-block; }
    .search-result .submit-group button {
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 500; }
    .search-result .submit-group:hover button {
      background: #1e8d9d;
      color: #fff; }
  .search-result button.submit {
    float: left; }
  .search-result button.btn-icon-only {
    margin-left: -1px; }
  .search-result .publication-list-article h3 {
    margin-bottom: 0; }
  .search-result .tab-container {
    position: relative;
    top: 4px;
    z-index: 3; }
  .search-result .tab {
    display: inline-block;
    vertical-align: top;
    z-index: 0;
    margin-bottom: 4px;
    margin-right: 5px; }
  @media (max-width: 480px) {
    .search-result .tab.open-filter {
      border-bottom: 4px solid #ebebeb; } }
  .search-result .tab.active {
    border-bottom: 2px solid #10609d;
    margin-bottom: 0; }
  .search-result .tab label {
    display: inline-block;
    padding: 12px;
    background: #ebebeb;
    text-transform: uppercase;
    font-size: 14px;
    color: #023c5c; }
    @media (max-width: 480px) {
      .search-result .tab label {
        font-size: 15px;
        border-left: 2px solid #ebebeb;
        border-right: 2px solid #ebebeb;
        border-top: 2px solid #ebebeb; } }
  .search-result .tab:not(.active):hover label {
    text-decoration: underline;
    cursor: pointer; }
    @media (max-width: 480px) {
      .search-result .tab:not(.active):hover label {
        text-decoration: none; } }
  .search-result .tab.active label {
    background: #10609d;
    z-index: 3;
    color: #fff;
    border-left: 2px solid #494847;
    border-right: 2px solid #494847;
    border-top: 2px solid #494847; }
  .search-result input[type="checkbox"] {
    display: none; }
  .search-result input[type="checkbox"] + label {
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px; }
  .search-result time.pub-date,
  .search-result span.comma,
  .search-result span.type-meta {
    display: none; }
  .search-result .article-article span.article-meta {
    display: inline; }
    .search-result .article-article span.article-meta time.pub-date {
      display: inline; }
  .search-result .publication-article span.publication-meta {
    display: inline; }
  .search-result .blog-article span.blog-meta {
    display: inline; }
  .search-result .fellow-article span.fellow-meta {
    display: inline; }
  .search-result .event-article span.event-meta {
    display: inline; }
  .search-result .research-group-article span.research-group-meta {
    display: inline; }
  .search-result .search-field-wrapper {
    padding-top: 22px;
    padding-bottom: 22px;
    border-top: 2px solid #494847;
    border-bottom: 2px solid #494847;
    z-index: 2;
    position: relative; }
  .search-result span.context-based-value p {
    display: inline; }
  .search-result span.context-based-value a:hover {
    text-decoration: underline; }
  .search-result div.no-results-text {
    margin-top: 22px; }
  .search-result article.no-link .no-link,
  .search-result article.has-link .has-link {
    display: block; }
  .search-result article.no-link .has-link,
  .search-result article.has-link .no-link {
    display: none; }

@media (max-width: 480px) {
  .search-result .tab {
    border-color: #ebebeb; }
  .search-result .tab.active {
    border-color: #10609d; }
  .search-result .tab:first-child {
    border-width: 3px !important; }
  .search-result .tab.open-filter ul {
    display: none; }
  .search-result .tab.open-filter.active label {
    background: #ebebeb;
    color: #023c5c;
    border-color: #ebebeb; }
  .search-result .tab.open-filter label.top-label::after {
    font-family: "cas-iconfont";
    content: "w";
    text-transform: lowercase; }
  .search-result .tab.open-filter.active label.top-label::after {
    font-family: "cas-iconfont";
    content: "x";
    text-transform: lowercase;
    padding-left: 5px; }
  .search-result .tab.open-filter.active ul {
    display: inline-block; }
  .search-result ul.ul-select-list {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    top: 38px; }
  .search-result .option-tab {
    margin: 0;
    padding: 0;
    line-height: 40px;
    display: block !important; }
    .search-result .option-tab label {
      width: 100%;
      background: #ebebeb !important;
      color: #023c5c !important;
      border: 0 !important;
      padding-top: 2px;
      padding-bottom: 2px; }
    .search-result .option-tab.active {
      border-bottom: 0; }
      .search-result .option-tab.active span {
        color: #4D4D4F !important; }
  .search-result input.search-input {
    width: 348px;
    margin-left: 0;
    margin-right: 6px;
    font-size: 16px; } }
  @media (max-width: 480px) and (max-width: 480px) {
    .search-result input.search-input {
      font-size: 18px; } }

/** SCSS */
.sitelocator {
  padding-top: 24px;
  padding-bottom: 12px; }
  .sitelocator .tile-content {
    padding-bottom: 2px; }
  .sitelocator ul {
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    word-break: break-word;
    white-space: nowrap;
    width: 100%; }
  .sitelocator li {
    display: inline-block;
    padding-right: 4px; }
    .sitelocator li a {
      padding-right: 4px;
      text-decoration: underline; }
      .sitelocator li a:hover {
        text-decoration: none; }
    .sitelocator li a,
    .sitelocator li span {
      font-size: 14px; }
    .sitelocator li:after {
      font-family: "cas-iconfont";
      content: "k";
      position: relative;
      top: 1px;
      color: #494847;
      font-size: 11px; }
    .sitelocator li:last-child:after {
      content: ""; }

/* Side menu */
.side-menu .tile-content {
  padding: 0; }

.side-menu h3 {
  font-weight: 500;
  text-transform: uppercase;
  padding-left: 12px;
  border-bottom: 3px solid #1e79bb;
  padding-bottom: 4px;
  color: #494847;
  font-size: 1.6rem; }

#placeholder-right .side-menu h3 a {
  padding: 0;
  border-bottom: none;
  color: #494847; }
  #placeholder-right .side-menu h3 a:hover {
    color: #323232;
    text-decoration: underline; }

.side-menu .tile-content a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

.side-menu li.last a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent; }

.side-menu .tile-content a:hover {
  background: #055a87;
  color: #fff; }

.side-menu a {
  font-size: 1.6rem; }

.side-menu {
  padding-bottom: 2em; }

.side-menu .tree-level-1 a {
  position: relative;
  left: -26px;
  width: 120%;
  padding-left: 26px;
  background: #F5F5F5; }

.side-menu .active.expanded span,
.side-menu .active.collapsed span {
  background: #acdceb;
  border-top: 1px solid #97c7d7;
  border-bottom: 1px solid #97c7d7;
  color: #494847; }

.side-menu li li.active > a,
.side-menu li li.active > span {
  text-decoration: underline; }

.side-menu li.active > span {
  color: #3d3b3b;
  font-size: 1.6rem; }

.side-menu .tile-content > ul > li.expanded > ul {
  background: #F5F5F5; }

.side-menu .tile-content > ul > li.expanded > ul .active.expanded span::before {
  position: absolute;
  content: "";
  width: 27px;
  left: -27px;
  display: block;
  height: 100%;
  top: -1px;
  background: #acdceb;
  border-top: 1px solid #97c7d7;
  border-bottom: 1px solid #97c7d7;
  color: #494847; }

.side-menu .tile-content > ul > li.expanded > ul .active.expanded li.tree-level-2 {
  position: relative; }

.side-menu .tile-content > ul > li.expanded > ul .active.expanded li.tree-level-2:hover::before {
  position: absolute;
  content: "";
  width: 36px;
  left: -36px;
  display: block;
  height: 100%;
  top: 0;
  background: #055a87; }

/** SCSS */
@media (max-width: 480px) {
  .small-list:not(.small-list-index-1) {
    border-top: 1px solid #ebebeb; } }
@media (max-width: 480px) {
  .frontpage .small-list .bottomlink {
    bottom: 12px; } }
.small-list .tile-content {
  position: relative;
  float: left;
  width: 460px;
  padding-right: 22px;
  padding-left: 22px; }
.small-list ul {
  margin-top: 20px; }
@media (max-width: 480px) {
  .small-list li {
    margin-bottom: 22px; } }
.small-list article {
  border: 0;
  padding-top: 0;
  padding-bottom: 0; }
.small-list h2 {
  font-size: 2.4rem;
  text-transform: uppercase;
  padding: 10px 0;
  margin-bottom: 0;
  position: relative;
  color: #323232; }
  @media (max-width: 480px) {
    .small-list h2 {
      font-size: 3rem; } }
@media (max-width: 480px) {
  .small-list h3 {
    padding-left: 0 !important;
    font-size: 2.2rem !important;
    color: #323232; } }
.small-list h3 a {
  color: #010141; }
.small-list .byline,
.small-list article h3,
.small-list article .digest p {
  padding: 0 0; }
.small-list time {
  margin-bottom: 5px;
  color: #323232; }
  @media (max-width: 480px) {
    .small-list time {
      font-size: 15px;
      margin-bottom: 5px; } }
.small-list article h3 {
  font-size: 1.6rem;
  margin-bottom: 8px; }
.small-list .byline {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 0; }
.small-list .bottomlink {
  position: absolute;
  bottom: 10px;
  right: 20px; }
.small-list .bottomlink a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  font-size: 15px;
  cursor: pointer; }
  .small-list .bottomlink a:after {
    display: none; }
  .small-list .bottomlink a i {
    margin-left: 1px;
    border-left: 1px solid #fff; }
    @media (max-width: 480px) {
      .small-list .bottomlink a i {
        padding-top: 15px;
        position: relative;
        top: 3px;
        padding-bottom: 5px; } }
  @media (max-width: 480px) {
    .small-list .bottomlink a i.btn-small.btn-light-orange {
      padding-top: 11px;
      position: relative;
      top: 1px;
      padding-bottom: 6px; } }
  .small-list .bottomlink a:hover .btn {
    background: #1e8d9d;
    color: #fff; }

#placeholder-right .small-box h3,
#placeholder-right .small-list h3 {
  text-transform: uppercase;
  border-bottom: 3px solid #157abc;
  padding-left: 12px;
  font-size: 1.6rem;
  padding-bottom: 6px;
  font-weight: 500; }
#placeholder-right .small-box .tile-content,
#placeholder-right .small-list .tile-content {
  margin-top: 22px;
  padding-left: 12px;
  width: 100%; }
#placeholder-right .small-box a,
#placeholder-right .small-list a {
  color: #323232; }

#placeholder-right .small-box.side-menu .tile-content {
  padding-left: 0; }

.small-box.article-elements {
  margin-bottom: 2em; }
  .small-box.article-elements h3 {
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 12px;
    border-bottom: 3px solid #1e79bb;
    padding-bottom: 4px;
    font-size: 1.6rem; }
    @media (max-width: 480px) {
      .small-box.article-elements h3 {
        font-size: 18px;
        padding-left: 32px; } }
  .small-box.article-elements li {
    padding: 12px; }
  .small-box.article-elements li a {
    color: #494847; }
  .small-box.article-elements figure {
    padding-bottom: 12px; }

.frontpage .small-list .tile-content {
  width: 310px;
  border-right: 1px solid #eee;
  min-height: 360px;
  padding-bottom: 4em;
  margin: 25px 8px 0; }
  .frontpage .small-list .tile-content figure {
    display: none; }
  @media (max-width: 480px) {
    .frontpage .small-list .tile-content {
      height: auto;
      padding-bottom: 70px !important;
      min-height: 0; } }

@media (max-width: 480px) {
  .frontpage .small-list.activity-list a span.header {
    font-size: 2rem;
    margin-top: 5px; } }
  @media (max-width: 480px) and (max-width: 480px) {
    .frontpage .small-list.activity-list a span.header time {
      margin-bottom: 0; } }

.frontpage .small-list.activity-list li:first-child {
  margin-top: 21px; }

.frontpage .small-list.small-list-index-1 .tile-content {
  margin-left: 0;
  width: 316px; }

.frontpage .small-list.small-list-index-2 .tile-content {
  padding-left: 15px; }

.frontpage .small-list.small-list-index-3 .tile-content {
  margin-right: 0;
  margin-left: 0;
  border-right: 0; }

.frontpage .small-list h2:after {
  position: absolute;
  width: 55%;
  height: 55px;
  right: 0;
  top: -5px;
  background: url("/themes/cas/images/sprites/sprites.png") -48px -30px;
  display: block;
  content: ""; }
  @media (max-width: 480px) {
    .frontpage .small-list h2:after {
      background-position: 24px -30px; } }

.frontpage .small-list-index-2 h2:after {
  background-position: -334px -23px;
  width: 135px; }
  @media (max-width: 480px) {
    .frontpage .small-list-index-2 h2:after {
      background-position: -360px -23px; } }

.frontpage .small-list-index-3 h2:after {
  background-position: -200px -23px; }
  @media (max-width: 480px) {
    .frontpage .small-list-index-3 h2:after {
      background-position: -241px -23px;
      width: 100px; } }

.frontpage .blog-list-article .author {
  display: none; }

.small-list.activity-list li {
  position: relative;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-left: 45px;
  overflow: visible; }
  .small-list.activity-list li:hover .start-date {
    background: #1e8d9d; }
    .small-list.activity-list li:hover .start-date span {
      color: #fff; }
  @media (max-width: 480px) {
    .small-list.activity-list li {
      margin-bottom: 33px; }
      .small-list.activity-list li:last-child {
        margin-bottom: 10px; } }
.small-list.activity-list a span.header {
  font-size: 1.6rem; }
  @media (max-width: 480px) {
    .small-list.activity-list a span.header {
      font-size: 18px; } }
.small-list.activity-list a:hover {
  text-decoration: none; }
  .small-list.activity-list a:hover span.header {
    text-decoration: underline;
    color: #010141; }
.small-list.activity-list span.start-date {
  position: absolute;
  top: -12px;
  left: -45px;
  background: none;
  border-radius: 5px;
  border: 1px solid #000; }
.small-list.activity-list span.start-date time {
  color: #000; }
.small-list.activity-list span.day {
  line-height: 2.8rem;
  margin-top: 0; }
.small-list.activity-list span.month {
  display: none;
  line-height: 0.8rem; }

@media (max-width: 480px) {
  .frontpage .small-list.small-list-index-1 .tile-content,
  .frontpage .small-list.small-list-index-2 .tile-content,
  .frontpage .small-list.small-list-index-3 .tile-content {
    width: 100%;
    clear: both; }

  .small-list .bottomlink {
    right: 35px;
    bottom: 0; }

  .frontpage .small-list time {
    margin-bottom: 0px; } }
.small-list.activity-list article {
  position: relative;
  display: block;
  min-height: 3rem; }
.small-list.activity-list article a {
  color: #010141;
  padding-left: 12px;
  display: inline-block; }
.small-list.activity-list .location {
  display: inline-block;
  vertical-align: top;
  padding-left: 6px; }
.small-list.activity-list span.day {
  margin-top: 8px;
  font-weight: 600;
  font-size: 24px;
  color: #4D4D4F; }
  @media (max-width: 480px) {
    .small-list.activity-list span.day {
      font-size: 28px; } }
.small-list.activity-list span.start-date {
  top: -3px;
  border-color: #023c5c; }

#placeholder-right .small-list.activity-list.small-list-index-1 {
  margin-top: 0; }

#placeholder-right .small-list.activity-list h2::after {
  position: absolute;
  height: 55px;
  width: 135px;
  background: url("/themes/cas/images/sprites/sprites.png") -334px -23px;
  display: block;
  content: "";
  right: 0;
  top: -3px; }
#placeholder-right .small-list.activity-list li {
  padding-left: 35px; }
  #placeholder-right .small-list.activity-list li:first-child {
    margin-top: 12px; }

.blog-post-list-tile a {
  color: #010141; }

/** SCSS */
#placeholder-content .small-articledisplay article {
  position: relative;
  padding-top: 12px;
  padding-bottom: 12px;
  display: inline-block;
  height: 208px;
  width: 306px; }
  @media (max-width: 480px) {
    #placeholder-content .small-articledisplay article {
      height: 270px; } }
#placeholder-content .small-articledisplay article.has-ingress {
  height: 280px; }
  @media (max-width: 480px) {
    #placeholder-content .small-articledisplay article.has-ingress {
      height: 365px; } }
#placeholder-content .small-articledisplay h3,
#placeholder-content .small-articledisplay figure {
  text-align: center; }
#placeholder-content .small-articledisplay figure {
  padding-top: 12px; }
#placeholder-content .small-articledisplay h3,
#placeholder-content .small-articledisplay .tile-content {
  padding-left: 22px;
  padding-top: 12px;
  padding-right: 22px; }
#placeholder-content .small-articledisplay h3 {
  font-size: 2rem;
  text-transform: uppercase; }
#placeholder-content .small-articledisplay a {
  color: #000; }
#placeholder-content .small-articledisplay .digest {
  font-size: 1.4rem; }
#placeholder-content .small-articledisplay figure:hover + a {
  text-decoration: underline; }
#placeholder-content .small-articledisplay .tile-content {
  position: absolute;
  bottom: 20px; }
  @media (max-width: 480px) {
    #placeholder-content .small-articledisplay .tile-content {
      bottom: 0;
      width: 100%; } }

@media (max-width: 480px) {
  #placeholder-content .small-articledisplay article {
    width: 100%;
    margin-left: 0; } }
#placeholder-bottom .small-articledisplay {
  margin-left: 146px; }

#placeholder-right .small-articledisplay {
  margin-bottom: 2em; }
  #placeholder-right .small-articledisplay h3 {
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 12px;
    border-bottom: 3px solid #1e79bb;
    padding-bottom: 4px;
    font-size: 1.6rem;
    margin-bottom: 12px; }
  #placeholder-right .small-articledisplay .tile-content {
    position: relative; }
  #placeholder-right .small-articledisplay p,
  #placeholder-right .small-articledisplay a {
    color: #494847; }
  #placeholder-right .small-articledisplay a:hover {
    text-decoration: none; }
    #placeholder-right .small-articledisplay a:hover h3 {
      text-decoration: underline; }
  #placeholder-right .small-articledisplay .linkcollection,
  #placeholder-right .small-articledisplay .body {
    display: none; }
  #placeholder-right .small-articledisplay figure.thumbnail {
    padding-bottom: 1em; }
  #placeholder-right .small-articledisplay figcaption {
    text-align: center; }
  #placeholder-right .small-articledisplay .tile-content img {
    max-width: 100%; }
  #placeholder-right .small-articledisplay .tile-content img.cp-mmarchive-image-default {
    border: 2px solid transparent; }
  #placeholder-right .small-articledisplay .tile-content img.cp-mmarchive-image-default:hover {
    border: 2px solid #157abc; }

@media (max-width: 480px) {
  body:not(.frontpage) .small-articledisplay.small-box h3 {
    font-weight: 500;
    text-transform: uppercase;
    padding-left: 32px !important;
    border-bottom: 3px solid #1e79bb;
    padding-bottom: 4px;
    font-size: 18px;
    margin-bottom: 12px;
    text-align: left !important; }
  body:not(.frontpage) .small-articledisplay.small-box .tile-content {
    position: relative !important; }
    body:not(.frontpage) .small-articledisplay.small-box .tile-content img {
      display: block;
      margin: 0 auto; } }
/** SCSS */
#placeholder-bottom .standard-menu {
  margin-left: 5%;
  margin-right: 12%; }

/** SCSS */
.statement-list {
  margin-top: 22px; }
  .statement-list.custom-filter-list {
    min-height: 100vh !important; }
  .statement-list * {
    animation-duration: .2s; }
  .statement-list ul {
    margin-top: 18px; }
  .statement-list li {
    vertical-align: top;
    padding-right: 12px;
    padding-bottom: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .statement-list a {
    font-size: 14px;
    color: #494847; }
  .statement-list a:hover {
    text-decoration: none; }
  .statement-list .top {
    position: relative;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 18px; }
    .statement-list .top:hover {
      text-decoration: underline; }
    @media (max-width: 480px) {
      .statement-list .top {
        min-height: 62px !important; } }
  .statement-list #total-statements {
    display: none; }
  .statement-list span.name {
    padding-left: 8px; }
  .statement-list .category-icon {
    position: absolute;
    right: 12px;
    top: 6px;
    font-size: 38px; }
    @media (max-width: 480px) {
      .statement-list .category-icon {
        font-size: 48px !important; } }
  .statement-list .content {
    overflow: hidden;
    border: 1px solid #eee;
    border-top: 0;
    margin: 0 4px 4px;
    padding: 8px 6px 6px;
    min-height: 105px; }
  .statement-list .content img {
    vertical-align: top;
    display: inline-block;
    padding-right: 12px;
    padding-bottom: 6px;
    float: left;
    max-height: 105px; }
  .statement-list .content label {
    display: block;
    vertical-align: top;
    clear: right;
    font-size: 12px;
    font-weight: 400;
    color: #3d3b3b;
    text-transform: uppercase; }
    @media (max-width: 480px) {
      .statement-list .content label {
        font-size: 15px; } }
  .statement-list .content label + span {
    font-size: 15px; }
    @media (max-width: 480px) {
      .statement-list .content label + span {
        font-size: 18px; } }
  .statement-list .content span {
    display: inline-block;
    vertical-align: top;
    clear: right;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 12px; }
  .statement-list .content .category-block {
    width: 30%;
    display: inline-block; }
    @media (max-width: 480px) {
      .statement-list .content .category-block {
        width: 100%; } }
  .statement-list .content .research-group-block {
    width: 65%;
    display: inline-block; }
    @media (max-width: 480px) {
      .statement-list .content .research-group-block {
        width: 100%; } }
  .statement-list .statement-block i {
    color: #157abc;
    font-size: 26px;
    padding-left: 5px; }
  .statement-list .statement-block span {
    padding-top: 8px;
    padding-left: 8px;
    padding-bottom: 12px;
    width: 90%;
    line-height: 16px; }
  @media (max-width: 480px) {
    .statement-list .statement {
      font-size: 18px;
      line-height: 20px !important;
      max-height: 142px;
      overflow: hidden;
      margin-bottom: 10px; }
      .statement-list .statement::after {
        content: "..."; } }

.statement-list .top.bg-blue1 + .content .statement-block i {
  color: #22a7cd; }

.statement-list .top.bg-blue2 + .content .statement-block i {
  color: #157abc; }

.statement-list .top.bg-blue3 + .content .statement-block i {
  color: #135b88; }

/** SCSS */
.form-tile-stays-js .tile-content:not(.empty) .empty-message {
  display: none; }
.form-tile-stays-js li:nth-child(2n+2) {
  background: #f6f6f6; }
.form-tile-stays-js .col {
  display: inline-block;
  vertical-align: top;
  height: 50px; }
  .form-tile-stays-js .col label {
    width: 100%; }
.form-tile-stays-js input {
  border: 1px solid #494847; }
.form-tile-stays-js .date {
  width: 210px;
  position: relative; }
  .form-tile-stays-js .date input {
    width: 90px; }
  .form-tile-stays-js .date .separator {
    margin-left: 3px;
    margin-right: 3px; }
.form-tile-stays-js .office {
  width: 150px; }
  .form-tile-stays-js .office input {
    width: 100px; }
.form-tile-stays-js .status {
  padding-top: 20px;
  padding-right: 10px;
  width: 180px; }
.form-tile-stays-js .action {
  padding-top: 8px;
  width: 60px;
  text-align: center;
  position: relative; }
.form-tile-stays-js .action button:hover {
  background: #1e8d9d;
  color: #fff; }
.form-tile-stays-js .add-stay-button-group-js {
  margin-top: 3rem; }
.form-tile-stays-js .add-stay-button-group-js button {
  display: none;
  float: left;
  text-transform: uppercase; }
  .form-tile-stays-js .add-stay-button-group-js button:last-of-type {
    margin-left: 3px; }
.form-tile-stays-js.is-group-leader .add-stay-button-group-js button, .form-tile-stays-js.is-cas-employee .add-stay-button-group-js button {
  display: block; }
.form-tile-stays-js a.datepicker-select {
  display: none; }
.form-tile-stays-js .action button:nth-of-type(1) {
  margin-right: 5px; }

/** SCSS */
.frontpage .three-banner-display-tile .small-box[data-index="0"] h3 > span,
.frontpage .three-banner-display-tile .small-box[data-index="2"] h3 > span {
  display: inline-block;
  width: 195px; }
.frontpage .three-banner-display-tile .small-box[data-index="1"] h3 > span {
  display: inline-block;
  width: 250px; }

.three-banner-display-tile {
  padding-top: 20px;
  background: #ebebeb;
  overflow: hidden; }
  .three-banner-display-tile h3 {
    font-size: 2.4rem !important;
    font-weight: 500; }
  .three-banner-display-tile .digest {
    font-size: 1.6rem !important;
    line-height: 2rem; }
  .three-banner-display-tile figure.thumbnail img {
    height: 94px;
    width: auto; }
  .three-banner-display-tile .small-box {
    display: inline-block;
    margin-right: 16px;
    overflow: hidden;
    margin-bottom: 15px; }
    .three-banner-display-tile .small-box:last-child {
      margin-right: 0; }
  .three-banner-display-tile .small-box article {
    background: #fff; }
    @media (max-width: 480px) {
      .three-banner-display-tile .small-box article {
        width: 95%;
        margin-left: 2.5%; } }
    .three-banner-display-tile .small-box article:hover {
      background: #c8c8c7;
      cursor: pointer; }
      .three-banner-display-tile .small-box article:hover span,
      .three-banner-display-tile .small-box article:hover h3 {
        text-decoration: underline; }

@media (max-width: 480px) {
  .three-banner-display-tile {
    padding-top: 22px;
    padding-bottom: 0; }

  .three-banner-display-tile .small-box {
    width: 100%;
    margin-bottom: 16px !important; }

  .three-banner-display-tile .small-box .tile-content {
    text-align: center; }

  .three-banner-display-tile figure.thumbnail img {
    width: 135px;
    padding-bottom: 12px;
    height: auto; }

  #placeholder-content .three-banner-display-tile h3 {
    font-weight: 500;
    font-size: 2.8rem !important; }

  #placeholder-content .three-banner-display-tile .digest {
    font-size: 1.8rem !important; }

  #placeholder-content .small-articledisplay figure {
    padding-top: 10px;
    padding-bottom: 5px; }

  #placeholder-content .three-banner-display-tile .tile[data-index="0"] h3,
  #placeholder-content .three-banner-display-tile .tile[data-index="2"] h3 {
    max-width: 250px;
    margin: 0 auto; } }
/** SCSS */
.user-bar {
  position: absolute;
  right: 98px;
  top: 10px;
  z-index: 1;
  width: 200px;
  text-align: right; }
  .user-bar span {
    font-size: 13px;
    text-transform: uppercase;
    color: #023c5c;
    display: block;
    font-weight: 500; }

/** SCSS */
.userlist {
  position: relative;
  /*@media (max-width: $mobileWidth) {
      top:0;
  }*/ }
  .userlist h2 {
    font-size: 16px;
    height: 40px;
    text-transform: capitalize;
    padding-top: 2px; }
    @media (max-width: 480px) {
      .userlist h2 {
        font-size: 19px;
        height: auto;
        margin-bottom: 12px; } }
  .userlist li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    margin-left: 1%;
    border-bottom: 1px solid #ebebeb;
    margin-top: 0;
    margin-bottom: 12px; }
    @media (max-width: 480px) {
      .userlist li {
        width: 100%;
        margin-left: 10px;
        margin-right: 10px; } }
  .userlist article {
    border: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 12px; }
  .userlist .list-layout .properties {
    float: none; }
  .userlist .list-layout .photo {
    margin-right: 8px;
    min-height: 105px; }
  .userlist .list-layout .photo img {
    max-width: 100%; }
  .userlist .list-layout .photo.no-photo {
    background: none; }
  .userlist .list-layout .photo.no-avatar {
    height: auto; }
  .userlist span.property {
    padding-bottom: 6px;
    font-size: 14px; }
    @media (max-width: 480px) {
      .userlist span.property {
        font-size: 15px; } }
  .userlist a:hover {
    text-decoration: none;
    color: #f94201; }

.has-user-list.has-article h1 {
  margin-bottom: 6px; }

.userlist.single-row li {
  width: 100%; }

@media (max-width: 480px) {
  .userlist .buttons {
    display: none; } }
.fellows-in-residence,
.office-and-it {
  margin-bottom: 4rem; }
  .fellows-in-residence .tile-top,
  .fellows-in-residence .tile-bottom,
  .office-and-it .tile-top,
  .office-and-it .tile-bottom {
    overflow: hidden; }
  .fellows-in-residence .tile-top h3,
  .office-and-it .tile-top h3 {
    display: inline-block; }
  .fellows-in-residence .tile-top h3 a,
  .office-and-it .tile-top h3 a {
    color: #323232; }
  .fellows-in-residence .tile-top .button-group,
  .fellows-in-residence .tile-bottom .button-group,
  .office-and-it .tile-top .button-group,
  .office-and-it .tile-bottom .button-group {
    float: right; }
    .fellows-in-residence .tile-top .button-group button,
    .fellows-in-residence .tile-bottom .button-group button,
    .office-and-it .tile-top .button-group button,
    .office-and-it .tile-bottom .button-group button {
      text-transform: uppercase; }
  .fellows-in-residence .tile-content,
  .office-and-it .tile-content {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .fellows-in-residence .timeline,
  .office-and-it .timeline {
    position: relative;
    left: 0;
    overflow: hidden; }
  .fellows-in-residence .headers .label,
  .office-and-it .headers .label {
    display: inline-block; }
  .fellows-in-residence .headers .header-label,
  .office-and-it .headers .header-label {
    font-size: 2rem; }
  .fellows-in-residence .headers .label-for-fellow,
  .office-and-it .headers .label-for-fellow {
    width: 195px; }
  .fellows-in-residence .data-labels .label,
  .fellows-in-residence .week-stat .label,
  .fellows-in-residence .data .label,
  .office-and-it .data-labels .label,
  .office-and-it .week-stat .label,
  .office-and-it .data .label {
    display: inline-block;
    width: 195px;
    vertical-align: top;
    height: 16px;
    float: left; }
  .fellows-in-residence .data-labels .row.weeks,
  .office-and-it .data-labels .row.weeks {
    color: #ebebeb;
    border-bottom: 2px solid #494847;
    float: left;
    width: 100%;
    padding-top: 5px; }
  .fellows-in-residence .data-labels .row.weeks .col,
  .office-and-it .data-labels .row.weeks .col {
    padding-bottom: 5px;
    padding-top: 5px;
    height: 20px; }
  .fellows-in-residence .row .col.current-week,
  .office-and-it .row .col.current-week {
    background-color: #f6f6f6; }
  .fellows-in-residence .data-labels .col,
  .office-and-it .data-labels .col {
    font-size: 1rem;
    color: #4D4D4F;
    cursor: pointer; }
  .fellows-in-residence .data-labels .col.current-week,
  .office-and-it .data-labels .col.current-week {
    font-weight: bold; }
  .fellows-in-residence .data .row,
  .office-and-it .data .row {
    border-bottom: 1px solid #4D4D4F;
    float: left; }
    .fellows-in-residence .data .row:last-child,
    .office-and-it .data .row:last-child {
      border-bottom: 0; }
  .fellows-in-residence .data-labels .col,
  .fellows-in-residence .week-stat .col,
  .fellows-in-residence .data .col,
  .office-and-it .data-labels .col,
  .office-and-it .week-stat .col,
  .office-and-it .data .col {
    width: 24px;
    display: inline-block;
    vertical-align: top;
    border-right: 1px solid #ebebeb;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    overflow: hidden;
    float: left;
    height: 16px; }
  .fellows-in-residence .data-labels .col,
  .office-and-it .data-labels .col {
    padding-top: 3px;
    padding-bottom: 3px; }
  .fellows-in-residence .data .label,
  .fellows-in-residence .data .col,
  .office-and-it .data .label,
  .office-and-it .data .col {
    /*padding-top: 10px;
    padding-bottom: 5px;*/
    padding-top: 10px;
    min-height: 32px;
    padding-top: 10px; }
  .fellows-in-residence .data .label .name,
  .office-and-it .data .label .name {
    font-weight: 500; }
  .fellows-in-residence .data .label a,
  .office-and-it .data .label a {
    color: #323232; }
  .fellows-in-residence .data .col i,
  .office-and-it .data .col i {
    font-size: 1rem; }
  .fellows-in-residence .max-per-week-figure,
  .office-and-it .max-per-week-figure {
    width: 22px;
    height: 22px;
    background: red;
    display: inline-block;
    position: relative;
    top: 5px; }
  .fellows-in-residence .button-nav,
  .office-and-it .button-nav {
    position: absolute;
    top: 8px;
    font-size: 12px; }
  .fellows-in-residence .button-nav a,
  .office-and-it .button-nav a {
    color: #494847;
    padding: 0.5rem; }
    .fellows-in-residence .button-nav a:hover,
    .office-and-it .button-nav a:hover {
      background: #4D4D4F;
      color: #fff;
      text-decoration: none; }
  .fellows-in-residence .button-next,
  .office-and-it .button-next {
    right: 15px; }
  .fellows-in-residence .button-prev,
  .office-and-it .button-prev {
    left: 175px; }

/** SCSS */
.fellows-in-residence-filter {
  margin-bottom: 2rem; }
  .fellows-in-residence-filter .bottom {
    min-height: 5px; }

.fellows-in-residence .week-stat .row {
  border-top: 2px solid #494847;
  border-bottom: 1px solid #494847;
  float: left; }
.fellows-in-residence .week-stat {
  font-size: 1.4rem; }
.fellows-in-residence .week-stat .label,
.fellows-in-residence .week-stat .col {
  height: 40px;
  padding-top: 15px; }
.fellows-in-residence .week-stat .col {
  vertical-align: top;
  font-weight: 500; }
  .fellows-in-residence .week-stat .col .current-week {
    background-color: #f6f6f6; }
.fellows-in-residence .week-stat .col.exceeded {
  background: red;
  color: #fff; }

/** SCSS */
.fellow-overview .tile-top,
.fellow-overview .tile-bottom {
  overflow: hidden; }
.fellow-overview .tile-bottom {
  margin-bottom: 4rem; }
.fellow-overview .tile-top h3 {
  display: inline-block; }
.fellow-overview .tile-top h3 a {
  color: #323232; }
.fellow-overview .tile-top .button-group,
.fellow-overview .tile-bottom .button-group {
  float: right; }
.fellow-overview .tile-content {
  margin-top: 1rem;
  margin-bottom: 1rem; }
.fellow-overview .timeline {
  position: relative;
  left: 0;
  overflow: hidden; }
.fellow-overview .headers .label {
  display: inline-block; }
.fellow-overview .headers .header-label {
  font-size: 2rem; }
.fellow-overview .data-labels .label,
.fellow-overview .data .label {
  border-right: 1px solid #ebebeb; }
.fellow-overview .data-labels .label {
  position: relative; }
.fellow-overview .data-labels .label-title,
.fellow-overview .data .label.label-title,
.fellow-overview .headers .label-for-fellow {
  width: 195px; }
.fellow-overview .headers .label-for-fellow {
  border-right: 1px solid #eee; }
.fellow-overview .headers .label-for-stays {
  padding-left: 5px; }
.fellow-overview .data-labels .label {
  padding: 0.6rem 0.5rem;
  cursor: pointer; }
  .fellow-overview .data-labels .label i {
    font-size: 1rem;
    color: #023c5c;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
  .fellow-overview .data-labels .label.expanded, .fellow-overview .data-labels .label:not(.no-hover):hover {
    background: #023c5c; }
    .fellow-overview .data-labels .label.expanded i,
    .fellow-overview .data-labels .label.expanded span, .fellow-overview .data-labels .label:not(.no-hover):hover i,
    .fellow-overview .data-labels .label:not(.no-hover):hover span {
      color: #fff; }
    .fellow-overview .data-labels .label.expanded:before, .fellow-overview .data-labels .label:not(.no-hover):hover:before {
      position: absolute;
      top: 0;
      left: -5px;
      width: 5px;
      height: 100%;
      background: #023c5c;
      content: ""; }
  .fellow-overview .data-labels .label i.arrow-up, .fellow-overview .data-labels .label.expanded i.arrow-down {
    display: none; }
  .fellow-overview .data-labels .label.expanded i.arrow-up,
  .fellow-overview .data-labels .label i.arrow-down {
    display: inline-block; }
.fellow-overview .data-labels .row {
  border-bottom: 2px solid #023c5c; }
.fellow-overview .data-labels .col-data {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-style: normal;
  color: #4D4D4F;
  padding-right: 3px; }
.fellow-overview .data .label-title span.name,
.fellow-overview .data .label-title span.title {
  display: block; }
.fellow-overview .data .label-title span.title {
  font-size: 1.3rem; }
.fellow-overview .data .label-title span.name {
  font-weight: 500; }
.fellow-overview .data .label-title span.name a {
  color: #323232; }
.fellow-overview .data .label-title span.title {
  padding-left: 2px; }
.fellow-overview .data .label-title span.col-data.title {
  padding-left: 12px; }
.fellow-overview .data .label-title .expanded-info {
  position: absolute;
  left: 195px !important;
  top: -5px;
  width: 470px;
  background: #fff;
  z-index: 1;
  height: 100%;
  height: calc(100% + 10px);
  border-right: 2px solid #023c5c;
  box-shadow: 5px 1px 9px rgba(45, 45, 45, 0.34); }
.fellow-overview .data .full-desc {
  width: 100%;
  height: 4rem;
  margin-bottom: 1rem; }
.fellow-overview .data .full-desc.is-html {
  z-index: 1; }
.fellow-overview .data .full-desc .text {
  width: 98%;
  height: 100%;
  top: 0;
  border: 1px solid #023c5c;
  padding: 1rem;
  font-size: 1.4rem;
  background: #fff;
  margin-left: 6px; }
.fellow-overview .data .label-title .expanded-info .label,
.fellow-overview .data .label-title .expanded-info .text {
  display: inline-block;
  vertical-align: top;
  font-size: 1.2rem;
  color: #716e6e;
  line-height: 2.1rem; }
.fellow-overview .data .label-title .expanded-info .label {
  text-transform: uppercase;
  border: 0;
  height: auto !important;
  display: inline-block;
  line-height: 2.1rem !important; }
.fellow-overview .data .label-title .expanded-info .label.phone {
  margin-left: 1rem; }
.fellow-overview .data .label-title a.link.email {
  display: inline-block;
  height: auto;
  line-height: normal;
  vertical-align: top;
  color: #157abc;
  font-size: 1.4rem;
  padding-top: 3px; }
  .fellow-overview .data .label-title a.link.email:hover {
    text-decoration: underline; }
.fellow-overview .data .label-title .expanded-info .academic-institution {
  top: -1rem;
  position: relative; }
.fellow-overview .data .label-title .expanded-info .text.academic-institution {
  font-size: 1.4rem;
  color: #494847;
  height: auto;
  line-height: 1.8rem; }
.fellow-overview .data .row.fellow {
  margin-top: 5px;
  border-bottom: 1px solid #023c5c;
  padding-bottom: 5px;
  position: relative; }
.fellow-overview .data .row.fellow.continuing .col-data {
  display: none; }
.fellow-overview .data .row.fellow.continuing {
  background: #f6f6f6; }
.fellow-overview .data .row.fellow .stay-wrap.even {
  background: #ebebeb;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 2px;
  margin-bottom: 2px; }
.fellow-overview .data .row.fellow.continuing .label.expanded.label-title .expanded-info {
  display: none; }
.fellow-overview .data .row.fellow .label {
  height: 4.2rem;
  line-height: 4.2rem;
  overflow: hidden; }
.fellow-overview .data .row.fellow .label .expanded-info {
  display: none; }
.fellow-overview .data .row.fellow .label.label-title.expanded .expanded-info {
  display: block;
  padding: 5px; }
.fellow-overview .no-stays,
.fellow-overview .data .row.fellow .label.label-dates {
  font-size: 1.4rem; }
.fellow-overview .data .label-dates,
.fellow-overview .data-labels .label-dates {
  width: 100px; }
.fellow-overview .data .label-dates span {
  display: block;
  height: 1.2rem;
  line-height: 2.1rem;
  padding-left: 5px; }
.fellow-overview .data .label-dates span.date-separator {
  padding-left: 32px; }
.fellow-overview .data .label-computer,
.fellow-overview .data-labels .label-computer {
  width: 90px; }
.fellow-overview .data .label-comp-needs,
.fellow-overview .data-labels .label-comp-needs {
  width: 100px; }
.fellow-overview .data .label-office,
.fellow-overview .data-labels .label-office {
  width: 65px; }
.fellow-overview .data .label-comment,
.fellow-overview .data-labels .label-comment {
  width: 105px; }
.fellow-overview .data .label-accomodation,
.fellow-overview .data-labels .label-accomodation {
  width: 115px;
  border-right: 0; }
.fellow-overview .data .row.fellow .label.label-title > span {
  line-height: 2.1rem;
  display: block; }
.fellow-overview .data .row.fellow .label-title {
  padding-left: 10px; }
.fellow-overview .data .row.fellow .label.boolean.expanded {
  overflow: visible;
  position: relative; }
.fellow-overview .data .row.fellow .label.boolean.expanded::after {
  position: absolute;
  border-bottom: 2px solid #fff;
  width: 100%;
  content: "";
  left: -4px;
  bottom: -2px;
  z-index: 1;
  padding-right: 4px; }
.fellow-overview .data .row.fellow .stay-wrap.even .label.boolean.expanded::after {
  border-bottom: #ebebeb; }
.fellow-overview .data-labels .label,
.fellow-overview .data .label,
.fellow-overview .data .col {
  display: inline-block;
  vertical-align: top;
  min-width: 65px; }
.fellow-overview .data .col-data {
  padding-left: 5px; }
.fellow-overview .data .label:not(.label-title) .col-data {
  font-size: 1.4rem; }
.fellow-overview .button-group button {
  text-transform: uppercase;
  font-weight: 500;
  font-style: normal; }
.fellow-overview .col-data.boolean {
  text-transform: uppercase; }
.fellow-overview .expanded-info-input {
  position: relative;
  top: -6px;
  border-bottom: 1px solid #eee;
  outline: 0; }
  .fellow-overview .expanded-info-input:active, .fellow-overview .expanded-info-input:focus {
    border-color: #023c5c; }
.fellow-overview .expanded-info-input ~ .autocomplete {
  background: #fff;
  z-index: 10; }
.fellow-overview .expanded-info-input {
  width: 100%; }

/** SCSS */
.office-and-it-nav .tile-content {
  overflow: hidden;
  margin-bottom: 3rem; }
.office-and-it-nav .symbol {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 4px;
  margin-right: 2px; }
.office-and-it-nav .symbol-desc {
  margin-right: 20px;
  font-size: 1.2rem; }

.office-and-it h2 {
  font-size: 1.8rem;
  padding-top: 2px; }
.office-and-it h2 span {
  margin-right: 7px;
  width: 20px;
  display: inline-block;
  border-radius: 100%;
  height: 20px;
  position: relative;
  top: -2px; }
.office-and-it h2 i {
  font-size: 1.4rem;
  position: relative;
  top: 2px;
  color: #fff; }
.office-and-it .no-stays {
  margin-top: 8px;
  font-size: 1.4rem;
  border-bottom: 1px solid #494847;
  text-align: center;
  line-height: 2rem; }
.office-and-it .row.office {
  position: relative;
  width: 100%; }
.office-and-it .a-stay {
  cursor: pointer; }
.office-and-it .a-stay.overlay {
  position: absolute;
  height: 30px;
  padding: 2px;
  box-sizing: border-box;
  font-size: 1.2rem;
  border: 1px solid #716e6e;
  margin-top: 1px;
  margin-bottom: 1px; }
.office-and-it .fellow-name {
  display: inline-block;
  padding-top: 3px;
  padding-left: 3px; }
.office-and-it .a-stay.has-comment .fellow-name::after {
  content: "w";
  font-family: "cas-iconfont";
  left: 8px;
  top: 2px;
  position: relative; }
.office-and-it .a-stay.has-comment.comment-expanded .fellow-name::after {
  content: "x"; }
.office-and-it .stay-row {
  position: relative;
  display: block;
  overflow: hidden;
  width: calc(100% - 195px);
  height: 30px;
  float: right; }
.office-and-it .stay-info.expanded {
  background: #ebebeb;
  width: 725px;
  padding-top: 1rem;
  padding-left: 0.3rem;
  border: 1px solid #c8c8c7;
  font-size: 1.2rem; }
  .office-and-it .stay-info.expanded .label {
    text-transform: uppercase;
    width: 100%; }
.office-and-it .duration-in-weeks-0 {
  width: 0px; }
.office-and-it .duration-in-weeks-1 {
  width: 24px; }
.office-and-it .duration-in-weeks-2 {
  width: 48px; }
.office-and-it .duration-in-weeks-3 {
  width: 72px; }
.office-and-it .duration-in-weeks-4 {
  width: 96px; }
.office-and-it .duration-in-weeks-5 {
  width: 120px; }
.office-and-it .duration-in-weeks-6 {
  width: 144px; }
.office-and-it .duration-in-weeks-7 {
  width: 168px; }
.office-and-it .duration-in-weeks-8 {
  width: 192px; }
.office-and-it .duration-in-weeks-9 {
  width: 216px; }
.office-and-it .duration-in-weeks-10 {
  width: 240px; }
.office-and-it .duration-in-weeks-11 {
  width: 264px; }
.office-and-it .duration-in-weeks-12 {
  width: 288px; }
.office-and-it .duration-in-weeks-13 {
  width: 312px; }
.office-and-it .duration-in-weeks-14 {
  width: 336px; }
.office-and-it .duration-in-weeks-15 {
  width: 360px; }
.office-and-it .duration-in-weeks-16 {
  width: 384px; }
.office-and-it .duration-in-weeks-17 {
  width: 408px; }
.office-and-it .duration-in-weeks-18 {
  width: 432px; }
.office-and-it .duration-in-weeks-19 {
  width: 456px; }
.office-and-it .duration-in-weeks-20 {
  width: 480px; }
.office-and-it .duration-in-weeks-21 {
  width: 504px; }
.office-and-it .duration-in-weeks-22 {
  width: 528px; }
.office-and-it .duration-in-weeks-23 {
  width: 552px; }
.office-and-it .duration-in-weeks-24 {
  width: 576px; }
.office-and-it .duration-in-weeks-25 {
  width: 600px; }
.office-and-it .duration-in-weeks-26 {
  width: 624px; }
.office-and-it .duration-in-weeks-27 {
  width: 648px; }
.office-and-it .duration-in-weeks-28 {
  width: 672px; }
.office-and-it .duration-in-weeks-29 {
  width: 696px; }
.office-and-it .duration-in-weeks-30 {
  width: 720px; }
.office-and-it .offset-in-weeks-0 {
  margin-left: 0px;
  z-index: 1000; }
.office-and-it .offset-in-weeks-1 {
  margin-left: 24px;
  z-index: 999; }
.office-and-it .offset-in-weeks-2 {
  margin-left: 48px;
  z-index: 998; }
.office-and-it .offset-in-weeks-3 {
  margin-left: 72px;
  z-index: 997; }
.office-and-it .offset-in-weeks-4 {
  margin-left: 96px;
  z-index: 996; }
.office-and-it .offset-in-weeks-5 {
  margin-left: 120px;
  z-index: 995; }
.office-and-it .offset-in-weeks-6 {
  margin-left: 144px;
  z-index: 994; }
.office-and-it .offset-in-weeks-7 {
  margin-left: 168px;
  z-index: 993; }
.office-and-it .offset-in-weeks-8 {
  margin-left: 192px;
  z-index: 992; }
.office-and-it .offset-in-weeks-9 {
  margin-left: 216px;
  z-index: 991; }
.office-and-it .offset-in-weeks-10 {
  margin-left: 240px;
  z-index: 990; }
.office-and-it .offset-in-weeks-11 {
  margin-left: 264px;
  z-index: 989; }
.office-and-it .offset-in-weeks-12 {
  margin-left: 288px;
  z-index: 988; }
.office-and-it .offset-in-weeks-13 {
  margin-left: 312px;
  z-index: 987; }
.office-and-it .offset-in-weeks-14 {
  margin-left: 336px;
  z-index: 986; }
.office-and-it .offset-in-weeks-15 {
  margin-left: 360px;
  z-index: 985; }
.office-and-it .offset-in-weeks-16 {
  margin-left: 384px;
  z-index: 984; }
.office-and-it .offset-in-weeks-17 {
  margin-left: 408px;
  z-index: 983; }
.office-and-it .offset-in-weeks-18 {
  margin-left: 432px;
  z-index: 982; }
.office-and-it .offset-in-weeks-19 {
  margin-left: 456px;
  z-index: 981; }
.office-and-it .offset-in-weeks-20 {
  margin-left: 480px;
  z-index: 980; }
.office-and-it .offset-in-weeks-21 {
  margin-left: 504px;
  z-index: 979; }
.office-and-it .offset-in-weeks-22 {
  margin-left: 528px;
  z-index: 978; }
.office-and-it .offset-in-weeks-23 {
  margin-left: 552px;
  z-index: 977; }
.office-and-it .offset-in-weeks-24 {
  margin-left: 576px;
  z-index: 976; }
.office-and-it .offset-in-weeks-25 {
  margin-left: 600px;
  z-index: 975; }
.office-and-it .offset-in-weeks-26 {
  margin-left: 624px;
  z-index: 974; }
.office-and-it .offset-in-weeks-27 {
  margin-left: 648px;
  z-index: 973; }
.office-and-it .offset-in-weeks-28 {
  margin-left: 672px;
  z-index: 972; }
.office-and-it .offset-in-weeks-29 {
  margin-left: 696px;
  z-index: 971; }
.office-and-it .offset-in-weeks-30 {
  margin-left: 720px;
  z-index: 970; }

/** SCSS */
/** SCSS */
.ct-form-14 {
  margin-top: 0; }
  .ct-form-14 button[type="submit"] {
    float: right; }
  .ct-form-14 .form-group:last-of-type {
    text-align: right;
    margin-top: 3rem; }
  .ct-form-14 .carpet {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.52);
    z-index: 999; }
  .ct-form-14 .modal {
    position: fixed;
    width: 50%;
    min-width: 480px;
    max-width: 720px;
    height: auto;
    background: #fff;
    z-index: 999;
    padding: 3rem; }
    .ct-form-14 .modal .tile-top,
    .ct-form-14 .modal .tile-content {
      margin-bottom: 2rem;
      line-height: 2rem;
      width: 100%; }
    .ct-form-14 .modal .tile-bottom {
      margin-top: 1rem; }
    .ct-form-14 .modal h2 {
      color: #f94201;
      text-transform: uppercase;
      line-height: 3rem;
      font-size: 2rem; }
      .ct-form-14 .modal h2 i {
        position: relative;
        top: 5px;
        font-size: 2.6rem; }
    .ct-form-14 .modal .tile-bottom {
      text-align: center; }
    .ct-form-14 .modal .button-group {
      margin-right: 8rem; }
    .ct-form-14 .modal button:not(.icon) {
      text-transform: uppercase;
      margin-right: 2px;
      width: 72px; }
    .ct-form-14 .modal button.icon::before {
      position: relative;
      top: 2px; }

/** SCSS */
.ct-form-15,
.ct-form-23,
#ctwebform-template-26,
.ct-form-19 {
  /* Upload buttons */
  /** This is a lot of crap. */
  /** This is a lot of crap. */
  /* Crap ends */ }
  .ct-form-15 h3
  .tile-content,
  .ct-form-23 h3
  .tile-content,
  #ctwebform-template-26 h3
  .tile-content,
  .ct-form-19 h3
  .tile-content {
    width: 100%; }
  .ct-form-15 .form-group:last-of-type,
  .ct-form-23 .form-group:last-of-type,
  #ctwebform-template-26 .form-group:last-of-type,
  .ct-form-19 .form-group:last-of-type {
    text-align: right;
    margin-top: 3rem; }
  .ct-form-15 [data-label="additional-group-leader-block"],
  .ct-form-23 [data-label="additional-group-leader-block"],
  #ctwebform-template-26 [data-label="additional-group-leader-block"],
  .ct-form-19 [data-label="additional-group-leader-block"] {
    border-left: 1px solid #023c5c;
    border-right: 1px solid #023c5c;
    max-width: 460px; }
    .ct-form-15 [data-label="additional-group-leader-block"] .form-group-element:first-child,
    .ct-form-23 [data-label="additional-group-leader-block"] .form-group-element:first-child,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] .form-group-element:first-child,
    .ct-form-19 [data-label="additional-group-leader-block"] .form-group-element:first-child {
      padding-top: 1rem;
      border-top: 1px solid #023c5c; }
    .ct-form-15 [data-label="additional-group-leader-block"] .form-group-element:last-child,
    .ct-form-23 [data-label="additional-group-leader-block"] .form-group-element:last-child,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] .form-group-element:last-child,
    .ct-form-19 [data-label="additional-group-leader-block"] .form-group-element:last-child {
      border-bottom: 1px solid #023c5c;
      padding-bottom: 3rem; }
    .ct-form-15 [data-label="additional-group-leader-block"] .form-group-element,
    .ct-form-23 [data-label="additional-group-leader-block"] .form-group-element,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] .form-group-element,
    .ct-form-19 [data-label="additional-group-leader-block"] .form-group-element {
      padding-left: 2rem;
      padding-bottom: 1.2rem; }
    .ct-form-15 [data-label="additional-group-leader-block"] input, .ct-form-15 [data-label="additional-group-leader-block"] textarea, .ct-form-15 [data-label="additional-group-leader-block"] select,
    .ct-form-23 [data-label="additional-group-leader-block"] input,
    .ct-form-23 [data-label="additional-group-leader-block"] textarea,
    .ct-form-23 [data-label="additional-group-leader-block"] select,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] input,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] textarea,
    #ctwebform-template-26 [data-label="additional-group-leader-block"] select,
    .ct-form-19 [data-label="additional-group-leader-block"] input,
    .ct-form-19 [data-label="additional-group-leader-block"] textarea,
    .ct-form-19 [data-label="additional-group-leader-block"] select {
      width: 100%; }
  .ct-form-15 #form-group-82,
  .ct-form-15 #form-group-145,
  .ct-form-23 #form-group-82,
  .ct-form-23 #form-group-145,
  #ctwebform-template-26 #form-group-82,
  #ctwebform-template-26 #form-group-145,
  .ct-form-19 #form-group-82,
  .ct-form-19 #form-group-145 {
    min-height: 15px;
    margin-left: 35px;
    top: 16px;
    background: #fff;
    z-index: 1;
    left: -35px;
    width: 190px; }
    .ct-form-15 #form-group-82 label,
    .ct-form-15 #form-group-145 label,
    .ct-form-23 #form-group-82 label,
    .ct-form-23 #form-group-145 label,
    #ctwebform-template-26 #form-group-82 label,
    #ctwebform-template-26 #form-group-145 label,
    .ct-form-19 #form-group-82 label,
    .ct-form-19 #form-group-145 label {
      position: absolute;
      margin-left: 25px; }
    .ct-form-15 #form-group-82 input,
    .ct-form-15 #form-group-145 input,
    .ct-form-23 #form-group-82 input,
    .ct-form-23 #form-group-145 input,
    #ctwebform-template-26 #form-group-82 input,
    #ctwebform-template-26 #form-group-145 input,
    .ct-form-19 #form-group-82 input,
    .ct-form-19 #form-group-145 input {
      position: absolute;
      width: 18px;
      top: -10px;
      left: -6px; }
  .ct-form-15 #form-group-86,
  .ct-form-23 #form-group-86,
  #ctwebform-template-26 #form-group-86,
  .ct-form-19 #form-group-86 {
    margin-top: 3rem; }
  .ct-form-15 .loader,
  .ct-form-23 .loader,
  #ctwebform-template-26 .loader,
  .ct-form-19 .loader {
    width: 50px;
    position: absolute;
    height: 50px;
    margin-top: -42px;
    margin-left: 23px; }
  .ct-form-15 input[type="file"],
  .ct-form-23 input[type="file"],
  #ctwebform-template-26 input[type="file"],
  .ct-form-19 input[type="file"] {
    display: none; }
  .ct-form-15 label[for="description_file-138"],
  .ct-form-23 label[for="description_file-138"],
  #ctwebform-template-26 label[for="description_file-138"],
  .ct-form-19 label[for="description_file-138"] {
    width: 100%; }
  .ct-form-15 #form-group-91,
  .ct-form-15 #form-group-155,
  .ct-form-15 #form-group-125,
  .ct-form-23 #form-group-91,
  .ct-form-23 #form-group-155,
  .ct-form-23 #form-group-125,
  #ctwebform-template-26 #form-group-91,
  #ctwebform-template-26 #form-group-155,
  #ctwebform-template-26 #form-group-125,
  .ct-form-19 #form-group-91,
  .ct-form-19 #form-group-155,
  .ct-form-19 #form-group-125 {
    width: 400px; }
  .ct-form-15 .file-name,
  .ct-form-23 .file-name,
  #ctwebform-template-26 .file-name,
  .ct-form-19 .file-name {
    color: #135b88;
    position: relative;
    top: -5px;
    font-size: 1.6rem; }
  .ct-form-15 .file,
  .ct-form-23 .file,
  #ctwebform-template-26 .file,
  .ct-form-19 .file {
    margin-top: 5px; }
  .ct-form-15 .file .icon,
  .ct-form-23 .file .icon,
  #ctwebform-template-26 .file .icon,
  .ct-form-19 .file .icon {
    font-size: 2.8rem; }
  .ct-form-15 #form-group-132,
  .ct-form-15 #form-group-133,
  .ct-form-15 #form-group-134,
  .ct-form-15 #form-group-156,
  .ct-form-15 #form-group-159,
  .ct-form-15 #form-group-180,
  .ct-form-15 #form-group-192,
  .ct-form-15 #form-group-193,
  .ct-form-23 #form-group-132,
  .ct-form-23 #form-group-133,
  .ct-form-23 #form-group-134,
  .ct-form-23 #form-group-156,
  .ct-form-23 #form-group-159,
  .ct-form-23 #form-group-180,
  .ct-form-23 #form-group-192,
  .ct-form-23 #form-group-193,
  #ctwebform-template-26 #form-group-132,
  #ctwebform-template-26 #form-group-133,
  #ctwebform-template-26 #form-group-134,
  #ctwebform-template-26 #form-group-156,
  #ctwebform-template-26 #form-group-159,
  #ctwebform-template-26 #form-group-180,
  #ctwebform-template-26 #form-group-192,
  #ctwebform-template-26 #form-group-193,
  .ct-form-19 #form-group-132,
  .ct-form-19 #form-group-133,
  .ct-form-19 #form-group-134,
  .ct-form-19 #form-group-156,
  .ct-form-19 #form-group-159,
  .ct-form-19 #form-group-180,
  .ct-form-19 #form-group-192,
  .ct-form-19 #form-group-193 {
    display: inline-block;
    position: absolute;
    margin-top: -40px;
    margin-left: 436px; }
    .ct-form-15 #form-group-132 .form-group-button,
    .ct-form-15 #form-group-133 .form-group-button,
    .ct-form-15 #form-group-134 .form-group-button,
    .ct-form-15 #form-group-156 .form-group-button,
    .ct-form-15 #form-group-159 .form-group-button,
    .ct-form-15 #form-group-180 .form-group-button,
    .ct-form-15 #form-group-192 .form-group-button,
    .ct-form-15 #form-group-193 .form-group-button,
    .ct-form-23 #form-group-132 .form-group-button,
    .ct-form-23 #form-group-133 .form-group-button,
    .ct-form-23 #form-group-134 .form-group-button,
    .ct-form-23 #form-group-156 .form-group-button,
    .ct-form-23 #form-group-159 .form-group-button,
    .ct-form-23 #form-group-180 .form-group-button,
    .ct-form-23 #form-group-192 .form-group-button,
    .ct-form-23 #form-group-193 .form-group-button,
    #ctwebform-template-26 #form-group-132 .form-group-button,
    #ctwebform-template-26 #form-group-133 .form-group-button,
    #ctwebform-template-26 #form-group-134 .form-group-button,
    #ctwebform-template-26 #form-group-156 .form-group-button,
    #ctwebform-template-26 #form-group-159 .form-group-button,
    #ctwebform-template-26 #form-group-180 .form-group-button,
    #ctwebform-template-26 #form-group-192 .form-group-button,
    #ctwebform-template-26 #form-group-193 .form-group-button,
    .ct-form-19 #form-group-132 .form-group-button,
    .ct-form-19 #form-group-133 .form-group-button,
    .ct-form-19 #form-group-134 .form-group-button,
    .ct-form-19 #form-group-156 .form-group-button,
    .ct-form-19 #form-group-159 .form-group-button,
    .ct-form-19 #form-group-180 .form-group-button,
    .ct-form-19 #form-group-192 .form-group-button,
    .ct-form-19 #form-group-193 .form-group-button {
      display: inline-block;
      float: right; }
    .ct-form-15 #form-group-132 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-133 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-134 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-156 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-159 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-180 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-192 .form-group-element:first-child + .form-group-button,
    .ct-form-15 #form-group-193 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-132 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-133 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-134 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-156 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-159 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-180 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-192 .form-group-element:first-child + .form-group-button,
    .ct-form-23 #form-group-193 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-132 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-133 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-134 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-156 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-159 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-180 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-192 .form-group-element:first-child + .form-group-button,
    #ctwebform-template-26 #form-group-193 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-132 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-133 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-134 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-156 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-159 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-180 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-192 .form-group-element:first-child + .form-group-button,
    .ct-form-19 #form-group-193 .form-group-element:first-child + .form-group-button {
      margin-right: 3px; }
  .ct-form-15 #form-group-133,
  .ct-form-15 #form-group-134,
  .ct-form-23 #form-group-133,
  .ct-form-23 #form-group-134,
  #ctwebform-template-26 #form-group-133,
  #ctwebform-template-26 #form-group-134,
  .ct-form-19 #form-group-133,
  .ct-form-19 #form-group-134 {
    margin-left: 496px; }
  .ct-form-15 #form-group-91,
  .ct-form-15 #form-group-92,
  .ct-form-15 #form-group-95,
  .ct-form-15 #form-group-96,
  .ct-form-23 #form-group-91,
  .ct-form-23 #form-group-92,
  .ct-form-23 #form-group-95,
  .ct-form-23 #form-group-96,
  #ctwebform-template-26 #form-group-91,
  #ctwebform-template-26 #form-group-92,
  #ctwebform-template-26 #form-group-95,
  #ctwebform-template-26 #form-group-96,
  .ct-form-19 #form-group-91,
  .ct-form-19 #form-group-92,
  .ct-form-19 #form-group-95,
  .ct-form-19 #form-group-96 {
    margin: 15px; }
  .ct-form-15 #form-group-93,
  .ct-form-23 #form-group-93,
  #ctwebform-template-26 #form-group-93,
  .ct-form-19 #form-group-93 {
    margin-bottom: 0; }
  .ct-form-15 #form-group-94,
  .ct-form-23 #form-group-94,
  #ctwebform-template-26 #form-group-94,
  .ct-form-19 #form-group-94 {
    margin-top: 0; }
  .ct-form-15 #form-group-93,
  .ct-form-15 #form-group-94,
  .ct-form-23 #form-group-93,
  .ct-form-23 #form-group-94,
  #ctwebform-template-26 #form-group-93,
  #ctwebform-template-26 #form-group-94,
  .ct-form-19 #form-group-93,
  .ct-form-19 #form-group-94 {
    background: #f6f6f6;
    padding: 15px;
    padding-bottom: 5px;
    min-height: 60px; }
  .ct-form-15 #form-group-93,
  .ct-form-23 #form-group-93,
  #ctwebform-template-26 #form-group-93,
  .ct-form-19 #form-group-93 {
    margin-top: 15px; }
  .ct-form-15 #form-group-94,
  .ct-form-15 #form-group-157,
  .ct-form-15 #form-group-160,
  .ct-form-15 #form-group-126,
  .ct-form-23 #form-group-94,
  .ct-form-23 #form-group-157,
  .ct-form-23 #form-group-160,
  .ct-form-23 #form-group-126,
  #ctwebform-template-26 #form-group-94,
  #ctwebform-template-26 #form-group-157,
  #ctwebform-template-26 #form-group-160,
  #ctwebform-template-26 #form-group-126,
  .ct-form-19 #form-group-94,
  .ct-form-19 #form-group-157,
  .ct-form-19 #form-group-160,
  .ct-form-19 #form-group-126 {
    margin-bottom: 15px;
    padding-bottom: 15px; }
  .ct-form-15 .htmlcontent ul,
  .ct-form-23 .htmlcontent ul,
  #ctwebform-template-26 .htmlcontent ul,
  .ct-form-19 .htmlcontent ul {
    padding: 15px; }

/** This is a lot of crap. */
.expandable-form-element-html .htmlcontent {
  background: #ebebeb; }
  .expandable-form-element-html .htmlcontent.open {
    padding-bottom: 2rem; }
    .expandable-form-element-html .htmlcontent.open > p:first-child::after {
      content: "Y"; }
  .expandable-form-element-html .htmlcontent > p:first-child {
    height: 2.8rem;
    background: #023c5c;
    width: 100%;
    line-height: 2rem;
    padding: 6px;
    color: #fff;
    position: relative; }
    .expandable-form-element-html .htmlcontent > p:first-child::after {
      position: absolute;
      content: "X";
      text-transform: uppercase;
      font-family: cas-iconfont;
      right: 0.8rem;
      top: 0.4rem; }
  .expandable-form-element-html .htmlcontent ul {
    display: none; }
  .expandable-form-element-html .htmlcontent ul li {
    padding-left: 12px; }

/** SCSS */
.application-project-part2.step-three ul {
  margin-top: 2.2rem;
  margin-bottom: 3.2rem; }
.application-project-part2.step-three li {
  position: relative; }
.application-project-part2.step-three li .expandable {
  overflow: hidden;
  height: 0;
  padding: 1.2rem;
  padding-top: 0.6rem; }
.application-project-part2.step-three li h2 {
  background: #023c5c;
  color: #fff;
  padding: 0.8rem 0.8rem 0.8rem 1rem;
  font-weight: 500;
  font-size: 1.8rem;
  position: relative; }
  .application-project-part2.step-three li h2:hover {
    text-decoration: underline; }
  .application-project-part2.step-three li h2::after {
    position: absolute;
    content: "X";
    font-family: cas-iconfont;
    height: 25px;
    width: 25px;
    right: 1rem; }
.application-project-part2.step-three li.expanded h2::after {
  content: "Y"; }
.application-project-part2.step-three li.expanded .expandable {
  height: auto; }
.application-project-part2.step-three #form-group-188,
.application-project-part2.step-three #form-group-189 {
  min-height: 55px; }

.application-form-progression .inner-full-width-container {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
  background: #ebebeb; }
.application-form-progression .tile-top h1 {
  font-weight: 600;
  color: #023c5c;
  padding-top: 3rem; }
.application-form-progression ul {
  width: 100%;
  height: 88px; }
.application-form-progression li {
  width: 155px;
  height: 88px;
  display: inline-block;
  text-align: center;
  float: left;
  background: url("/themes/cas/images/sprites/step_cas.png") 177px;
  position: relative; }
  .application-form-progression li:nth-child(2) {
    left: -20px; }
  .application-form-progression li:nth-child(3) {
    left: -40px; }
  .application-form-progression li:nth-child(4) {
    left: -60px; }
.application-form-progression li.current-step {
  background-position: -30px -16px;
  width: 155px; }
.application-form-progression li .text {
  display: inline-block;
  color: #716e6e; }
.application-form-progression li.current-step .text {
  color: #fff; }

.application-form-navigation .last.button-group,
.application-form-navigation .next.button-group {
  float: right; }
.application-form-navigation .button-group:hover {
  text-decoration: none; }
  .application-form-navigation .button-group:hover a {
    text-decoration: none; }
  .application-form-navigation .button-group:hover button {
    background: #1e79bb;
    color: #fff;
    text-decoration: none; }
.application-form-navigation button {
  text-transform: uppercase; }

.application-project-part2 {
  margin-top: 3rem; }
  .application-project-part2 .tile-content {
    width: 100%; }
  .application-project-part2 h2 {
    color: #323232;
    font-weight: 600;
    font-size: 2.2rem; }
  .application-project-part2 button {
    text-transform: uppercase; }
  .application-project-part2 .cas-category {
    margin-bottom: 26px; }
  .application-project-part2 .cas-category .label {
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-top: 1rem;
    margin-bottom: 1rem;
    color: #716e6e; }
  .application-project-part2 .category-icon {
    margin: 12px 5px 12px 12px; }
    .application-project-part2 .category-icon i {
      position: relative;
      padding: 6px;
      border-radius: 100%;
      color: #fff; }
      .application-project-part2 .category-icon i:before {
        position: relative;
        top: 2px; }
    .application-project-part2 .category-icon span.text {
      font-size: 1.4rem; }

.ct-form-23 .file {
  margin-left: 12px; }
.ct-form-23 #form-group-158 {
  margin-top: 5rem; }
.ct-form-23 #form-group-145 label {
  font-size: 22px;
  width: 250px;
  background: #FFF;
  top: -5px;
  text-transform: none; }
.ct-form-23 [data-label="additional-group-leader-block"],
.ct-form-23 [data-label="additional-group-leader-block"] input,
.ct-form-23 [data-label="additional-group-leader-block"] select {
  max-width: 100%;
  width: 100%; }
.ct-form-23 [data-label="additional-group-leader-block"] .form-group-element {
  padding-left: 2.5rem;
  padding-right: 2.5rem; }

#ctwebform-template-19 textarea, #ctwebform-template-19 input {
  max-width: 100%; }

#ctwebform-template-20 .form-group-element {
  width: 49%;
  display: inline-block;
  vertical-align: top; }
  #ctwebform-template-20 .form-group-element:nth-child(even) {
    margin-left: 2%; }
#ctwebform-template-20 input {
  width: 95%; }

.application-project-part2.step-three form {
  position: relative; }
.application-project-part2.step-three .tile-content {
  margin-bottom: 3rem; }
.application-project-part2.step-three textarea {
  border: 1px solid #716e6e;
  padding: 0.6rem 1rem 1rem; }
.application-project-part2.step-three #form-group-190 {
  text-align: left; }
.application-project-part2.step-three h3 {
  margin-top: 3rem; }
.application-project-part2.step-three #ctwebform-template-26 {
  margin-left: 0.4rem; }

.application-project-part2.step-four .symbol {
  float: left;
  width: 15%;
  height: 85px;
  font-size: 4rem;
  color: #f94201;
  padding: 2rem; }
.application-project-part2.step-four .text {
  padding-top: 2rem;
  padding-right: 1rem; }
.application-project-part2.step-four .warning {
  background: #f8e9d1;
  padding-bottom: 1rem;
  margin-top: 3rem;
  margin-bottom: 5rem;
  border: 1px solid #f94201; }

/** SCSS */
.application-overview-filter .bottom {
  height: 8px; }

.application-overview-filter .status-block {
  float: right; }

.application-overview-filter select {
  width: 455px; }

.application-overview {
  margin-top: 2rem; }
  .application-overview .tile-top {
    border-bottom: 2px solid #023c5c; }
  .application-overview .tile-content {
    margin-bottom: 3rem; }
  .application-overview .col {
    display: inline-block;
    border-right: 1px solid #eee;
    padding: 6px;
    box-sizing: content-box;
    overflow: hidden;
    text-wrap: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1.4rem; }
  .application-overview li {
    border-bottom: 1px solid #023c5c; }
  .application-overview .tile-top .col {
    font-size: 1.2rem;
    color: #4D4D4F;
    text-transform: uppercase; }
  .application-overview .project-number {
    width: 30px; }
  .application-overview .group-leader-name {
    width: 100px; }
  .application-overview .group-leader-surname {
    width: 140px; }
  .application-overview .group-leader-institution {
    width: 75px; }
  .application-overview .project-title {
    width: 130px; }
  .application-overview .project-description {
    width: 75px;
    text-align: center; }
  .application-overview .project-group-leader-cv,
  .application-overview .project-additional-group-leader-cv {
    width: 28px;
    text-align: center; }
  .application-overview .project-status {
    width: 54px; }
  .application-overview .project-status .status-icon {
    display: inline-block;
    top: 6px;
    position: relative;
    margin-right: 6px; }
  .application-overview .project-status .status-icon .icon[data-icon="V"] {
    color: red; }
  .application-overview .project-status .status-icon .icon[data-icon="N"] {
    color: green; }
  .application-overview .project-status select {
    width: 20px;
    position: relative;
    top: 3px; }
  .application-overview .num-submissions {
    width: 33px; }
  .application-overview .cas-comment {
    width: 82px; }
  .application-overview .cas-comment > span {
    position: relative;
    top: 1px; }
  .application-overview .col a i {
    font-size: 2rem;
    color: #323232;
    position: relative;
    top: 5px; }
  .application-overview button {
    text-transform: uppercase; }
  .application-overview .no-applications {
    margin-top: 12px;
    font-size: 1.4rem; }
  .application-overview select, .application-overview input {
    max-width: 100%; }
  .application-overview .cas-comment-input-js {
    background: #c8c8c7; }
  .application-overview .cas-comment-textarea {
    width: 97.5%;
    min-height: 80px;
    font-size: 1.4rem;
    padding-top: 3px;
    line-height: 1.8rem;
    margin: 12px; }
  .application-overview .cas-comment-button {
    background: none;
    border: 0;
    position: relative;
    top: 2px; }
  .application-overview .cas-comment-button i {
    font-size: 1.6rem; }
  .application-overview .carpet {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.52);
    z-index: 999; }
  .application-overview .modal {
    position: fixed;
    width: 50%;
    min-width: 480px;
    max-width: 720px;
    height: auto;
    background: #fff;
    z-index: 999;
    padding: 3rem;
    top: 30%; }
    .application-overview .modal .tile-top,
    .application-overview .modal .tile-content {
      margin-bottom: 2rem;
      line-height: 2rem;
      width: 100%; }
    .application-overview .modal .tile-bottom {
      margin-top: 1rem; }
    .application-overview .modal h2 {
      color: #f94201;
      text-transform: uppercase;
      line-height: 3rem;
      font-size: 2rem;
      border: 0; }
      .application-overview .modal h2 i {
        position: relative;
        top: 5px;
        font-size: 2.6rem; }
    .application-overview .modal .tile-bottom {
      text-align: center; }
    .application-overview .modal .button-group {
      margin-right: 8rem; }
    .application-overview .modal button:not(.icon) {
      text-transform: uppercase;
      margin-right: 2px;
      width: 72px; }
    .application-overview .modal button.icon::before {
      position: relative;
      top: 2px; }
  .application-overview .tile-bottom > div {
    margin-right: 1rem; }
  .application-overview .spinner-js {
    position: absolute;
    left: 45%;
    height: 100px;
    width: 100px;
    top: 20%; }

.application-overview.overview-part-2 .project-status {
  width: 130px; }
.application-overview.overview-part-2 .num-evaluations {
  width: 75px; }
.application-overview.overview-part-2 .status-icon {
  display: none; }
.application-overview.overview-part-2 .project-status select {
  width: 125px; }

/** SCSS */
.connect-referee-tile select {
  width: 100%;
  height: 3.2rem; }
.connect-referee-tile form {
  margin-top: 2rem;
  padding-top: 1.2rem; }
.connect-referee-tile .form-group,
.connect-referee-tile #form-group-195 .form-group-element {
  margin-bottom: 1.2rem; }
.connect-referee-tile #form-group-203 {
  text-align: right; }
  .connect-referee-tile #form-group-203:hover button {
    background-color: #1e79bb;
    color: #fff; }
  .connect-referee-tile #form-group-203 .form-group-button {
    display: inline-block; }
    .connect-referee-tile #form-group-203 .form-group-button:first-of-type {
      margin-right: 3px; }
.connect-referee-tile button {
  text-transform: uppercase; }
.connect-referee-tile .spinner-js {
  position: absolute;
  margin-top: -40px;
  margin-left: 410px;
  width: 50px;
  height: 50px; }

/** SCSS */
.referee-form h2 {
  font-size: 2.2rem;
  font-weight: 600;
  margin-bottom: 3rem;
  margin-top: 3rem;
  color: #323232; }

.referee-form.personal-information-form + .application-form-navigation {
  max-width: 480px; }
.referee-form.personal-information-form .project {
  margin-bottom: 2rem; }
.referee-form.personal-information-form .project .label {
  font-size: 1.2rem;
  color: #716e6e;
  margin-bottom: 0.6rem;
  text-transform: uppercase; }
.referee-form.personal-information-form .project-name {
  margin-left: 1.2rem; }
.referee-form.personal-information-form .referee-form-content {
  margin-left: 1rem; }

/* Common Application Process Form stylings */
.ct-form-14 .tile-top h3,
.ct-form-15 .tile-top h3,
.ct-form-18 .tile-top h3,
.ct-form-19 .tile-top h3,
.ct-form-20 .tile-top h3,
.ct-form-21 .tile-top h3,
.ct-form-23 .tile-top h3 {
  font-size: 3.2rem;
  font-weight: 600;
  border-bottom: 0;
  color: #023c5c; }
.ct-form-14 .tile-content,
.ct-form-15 .tile-content,
.ct-form-18 .tile-content,
.ct-form-19 .tile-content,
.ct-form-20 .tile-content,
.ct-form-21 .tile-content,
.ct-form-23 .tile-content {
  width: 100%; }
.ct-form-14 .form-group-button-submit,
.ct-form-15 .form-group-button-submit,
.ct-form-18 .form-group-button-submit,
.ct-form-19 .form-group-button-submit,
.ct-form-20 .form-group-button-submit,
.ct-form-21 .form-group-button-submit,
.ct-form-23 .form-group-button-submit {
  display: inline-block; }
  .ct-form-14 .form-group-button-submit + .form-group-button,
  .ct-form-15 .form-group-button-submit + .form-group-button,
  .ct-form-18 .form-group-button-submit + .form-group-button,
  .ct-form-19 .form-group-button-submit + .form-group-button,
  .ct-form-20 .form-group-button-submit + .form-group-button,
  .ct-form-21 .form-group-button-submit + .form-group-button,
  .ct-form-23 .form-group-button-submit + .form-group-button {
    display: inline-block;
    margin-left: 3px; }
.ct-form-14 .form-group-button,
.ct-form-15 .form-group-button,
.ct-form-18 .form-group-button,
.ct-form-19 .form-group-button,
.ct-form-20 .form-group-button,
.ct-form-21 .form-group-button,
.ct-form-23 .form-group-button {
  text-align: right; }
.ct-form-14 .form-group-button button,
.ct-form-15 .form-group-button button,
.ct-form-18 .form-group-button button,
.ct-form-19 .form-group-button button,
.ct-form-20 .form-group-button button,
.ct-form-21 .form-group-button button,
.ct-form-23 .form-group-button button {
  text-transform: uppercase;
  font-size: 15px; }
.ct-form-14 .form-group:last-child,
.ct-form-15 .form-group:last-child,
.ct-form-18 .form-group:last-child,
.ct-form-19 .form-group:last-child,
.ct-form-20 .form-group:last-child,
.ct-form-21 .form-group:last-child,
.ct-form-23 .form-group:last-child {
  display: inline-block;
  float: right; }
  .ct-form-14 .form-group:last-child .btn-icon-only::before,
  .ct-form-15 .form-group:last-child .btn-icon-only::before,
  .ct-form-18 .form-group:last-child .btn-icon-only::before,
  .ct-form-19 .form-group:last-child .btn-icon-only::before,
  .ct-form-20 .form-group:last-child .btn-icon-only::before,
  .ct-form-21 .form-group:last-child .btn-icon-only::before,
  .ct-form-23 .form-group:last-child .btn-icon-only::before {
    position: relative;
    top: 2px; }
  .ct-form-14 .form-group:last-child:hover button,
  .ct-form-15 .form-group:last-child:hover button,
  .ct-form-18 .form-group:last-child:hover button,
  .ct-form-19 .form-group:last-child:hover button,
  .ct-form-20 .form-group:last-child:hover button,
  .ct-form-21 .form-group:last-child:hover button,
  .ct-form-23 .form-group:last-child:hover button {
    background: #1e8d9d;
    color: #fff; }
.ct-form-14 label,
.ct-form-15 label,
.ct-form-18 label,
.ct-form-19 label,
.ct-form-20 label,
.ct-form-21 label,
.ct-form-23 label {
  color: #494847; }
.ct-form-14 input, .ct-form-14 textarea, .ct-form-14 select,
.ct-form-15 input,
.ct-form-15 textarea,
.ct-form-15 select,
.ct-form-18 input,
.ct-form-18 textarea,
.ct-form-18 select,
.ct-form-19 input,
.ct-form-19 textarea,
.ct-form-19 select,
.ct-form-20 input,
.ct-form-20 textarea,
.ct-form-20 select,
.ct-form-21 input,
.ct-form-21 textarea,
.ct-form-21 select,
.ct-form-23 input,
.ct-form-23 textarea,
.ct-form-23 select {
  margin-left: 6px;
  max-width: 400px; }

/* Mobile Category Menu */
.mobile-category-menu {
  top: 0;
  width: 100%;
  position: absolute;
  z-index: 9; }
  .mobile-category-menu .toggle-menu {
    display: block;
    position: absolute;
    z-index: 12;
    right: 52px;
    top: 23px;
    cursor: pointer;
    text-align: center;
    height: 60px;
    width: 60px;
    color: #023c5c; }
    .mobile-category-menu .toggle-menu > span {
      display: none; }
    .mobile-category-menu .toggle-menu > i {
      font-size: 42px; }
  .mobile-category-menu li a.dynamic-button {
    padding-top: 7px;
    padding-bottom: 0; }
  .mobile-category-menu ul.m-active > li:not(.double):hover {
    background: #023c5c; }
  .mobile-category-menu li.double > .half:hover {
    background: #023c5c; }
  .mobile-category-menu li.m-up .main-menu-button-wrapper.half {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .mobile-category-menu li.m-up .main-menu-button-wrapper.half span {
      position: relative;
      top: -1px;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
  .mobile-category-menu li .half {
    display: inline-block;
    box-sizing: border-box;
    width: 49.5%;
    padding-top: 12px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .mobile-category-menu li .half i {
    position: relative;
    top: 4px;
    padding-left: 8px; }
  .mobile-category-menu li .half span {
    padding-left: 12px; }
  .mobile-category-menu .mobile-menu-dynamic-icon {
    display: inline-block;
    width: 64px;
    height: 56px;
    overflow: hidden; }
    .mobile-category-menu .mobile-menu-dynamic-icon + span {
      display: inline-block;
      vertical-align: 20px;
      width: calc(100% - 70px);
      box-sizing: border-box; }

.mobile-category-menu .tile-content {
  position: relative;
  min-height: 2000px;
  box-sizing: border-box;
  padding: 0;
  border-left: 0 solid transparent;
  overflow: hidden; }

.mobile-category-menu.m-inactive .tile-content {
  min-height: 0; }

.mobile-category-menu > .tile-content .menu-wrapper > ul.m-active-level-0[data-activelevel="0"] {
  visibility: visible; }

.mobile-category-menu > .tile-content .menu-wrapper > ul.treelist {
  display: block;
  transition: all 0.4s ease;
  -webkit-transform: translate3d(0, 0, 0); }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="0"] {
  left: 0%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="1"] {
  left: -100%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="2"] {
  left: -200%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="3"] {
  left: -300%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="4"] {
  left: -400%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="5"] {
  left: -500%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="6"] {
  left: -600%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="7"] {
  left: -700%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="8"] {
  left: -800%; }

.mobile-category-menu > .tile-content .menu-wrapper > ul[data-activelevel="9"] {
  left: -900%; }

.mobile-category-menu > .tile-content ul.m-level-1 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-2 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-3 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-4 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-5 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-6 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-7 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-8 {
  left: 100%; }

.mobile-category-menu > .tile-content ul.m-level-9 {
  left: 100%; }

.mobile-category-menu.m-inactive > .tile-content .menu-wrapper > ul.treelist {
  display: none; }

.mobile-category-menu .small-left-blender {
  position: absolute;
  left: 0px;
  width: 6px;
  background: #D7D7D7;
  height: 86px;
  z-index: 9999999;
  top: 0; }

.mobile-category-menu .menu-wrapper {
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  border-left: 0 solid #023c5c;
  margin-top: 87px;
  background: none repeat scroll 0% 0% #023c5c;
  max-height: 100%;
  overflow-y: scroll;
  height: 5000px; }

.mobile-category-menu .menu-wrapper.has-scroll:not(.scroll-on-bottom) .scroll-indicator::after {
  position: fixed;
  bottom: 15px;
  background: rgba(0, 0, 0, 0.6);
  content: "w";
  font-family: cas-iconfont;
  font-size: 40px;
  color: #fff;
  z-index: 11;
  border-radius: 100%;
  padding: 15px;
  margin: 0 auto;
  left: 42%;
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mobile-category-menu.m-inactive .small-left-blender,
.mobile-category-menu.m-inactive .menu-wrapper {
  display: none; }

.mobile-category-menu ul {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 11;
  display: none;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: none repeat scroll 0% 0% #023c5c; }

.mobile-category-menu ul.border-left-coloured {
  border-color: #f94201; }

.mobile-category-menu ul.m-active {
  display: block; }

.mobile-category-menu li {
  overflow: visible;
  background: none repeat scroll 0% 0% #023c5c;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.mobile-category-menu li > a > span {
  display: block; }

.mobile-category-menu li a {
  color: #fff;
  font-size: 1.4em;
  border-top: none;
  border-bottom: 1px solid #fff;
  background: none;
  display: block;
  padding: 20px 15px;
  text-decoration: none;
  line-height: 30px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.mobile-category-menu li a.current {
  background-color: #023c5c; }

.mobile-category-menu ul ul li > a {
  padding-left: 40px; }

.mobile-category-menu ul ul li.m-up > a,
.mobile-category-menu ul ul li.m-overview > a {
  padding-left: 20px; }

.mobile-category-menu li.m-overview > a > span {
  background: url("/images/menuoverview.png") no-repeat right center; }

.mobile-category-menu li.m-has-submenu > a > span::after {
  font-family: cas-iconfont;
  content: "k";
  position: absolute;
  right: 28px; }

.mobile-category-menu li.m-up > a > span {
  background: url("/images/menuback.png") no-repeat left center; }

.mobile-category-menu li.m-up > a > span {
  padding-left: 29px; }

.mobile-category-menu li.extra-link-0 {
  border-top: 5px solid #fff; }

.mobile-category-menu ul {
  display: none; }

.mobile-category-menu .mobile-menu-spinner {
  display: none; }

.mobile-category-menu.ajax-load:not(.m-inactive) .mobile-menu-spinner {
  left: 35%;
  position: absolute;
  top: 45px;
  z-index: 999;
  height: 120px;
  display: block;
  width: 120px; }

body .mobile-category-menu.ajax-load.loaded .mobile-menu-spinner {
  display: none; }

/** SCSS */
@media (max-width: 480px) {
  #placeholder-top .small-searchinput .tile-content {
    padding-top: 42px;
    background: #10609d;
    border-top: 1px solid #023c5c;
    border-bottom: 1px solid #023c5c;
    padding-left: 12px; }
  #placeholder-top .small-searchinput .toggle-link-wrapper {
    right: 152px;
    top: 28px; }
  #placeholder-top .small-searchinput button {
    min-width: 0; }
  #placeholder-top .small-searchinput button:first-child {
    margin-left: 7px; } }
/** SCSS */
body.stop-scrolling {
  height: 100%;
  overflow: hidden; }

.sweet-overlay {
  background-color: black;
  /* IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE8 */
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000; }

.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999; }

@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px; } }
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 25px 0;
  padding: 0;
  line-height: 40px;
  display: block; }

.sweet-alert p {
  color: #797979;
  font-size: 16px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal; }

.sweet-alert fieldset {
  border: none;
  position: relative; }

.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s; }

.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  webkit-transition: padding 0.2s, max-height 0.2s;
  transition: padding 0.25s, max-height 0.25s; }

.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px; }

.sweet-alert .sa-error-container p {
  display: inline-block; }

.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.1s;
  transition: all 0.1s; }

.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px; }

.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.sweet-alert input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s; }

.sweet-alert input:focus {
  outline: none;
  box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed; }

.sweet-alert input:focus::-moz-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus:-ms-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input:focus::-webkit-input-placeholder {
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5; }

.sweet-alert input::-moz-placeholder {
  color: #bdbdbd; }

.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd; }

.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd; }

.sweet-alert.show-input input {
  display: block; }

.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative; }

.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden; }

.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  -webkit-border-radius: 4px;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 26px 5px 0 5px;
  cursor: pointer;
  line-height: 100%; }

.sweet-alert button:focus {
  outline: none;
  box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }

.sweet-alert button:hover {
  background-color: #7ecff4; }

.sweet-alert button:active {
  background-color: #5dc2f1; }

.sweet-alert button.cancel {
  background-color: #C1C1C1; }

.sweet-alert button.cancel:hover {
  background-color: #b9b9b9; }

.sweet-alert button.cancel:active {
  background-color: #a8a8a8; }

.sweet-alert button.cancel:focus {
  box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.04706) 0px 0px 0px 1px inset !important; }

.sweet-alert button[disabled] {
  opacity: .6;
  cursor: default; }

.sweet-alert button.confirm[disabled] {
  color: transparent; }

.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.sweet-alert button::-moz-focus-inner {
  border: 0; }

.sweet-alert[data-has-cancel-button=false] button {
  box-shadow: none !important; }

.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px; }

.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  box-sizing: content-box; }

.sweet-alert .sa-icon.sa-error {
  border-color: #F27474; }

.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block; }

.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  left: 17px; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  right: 16px; }

.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86; }

.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1; }

.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86; }

.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
  content: '';
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success::before {
  -webkit-border-radius: 120px 0 0 120px;
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
  transform-origin: 60px 60px; }

.sweet-alert .sa-icon.sa-success::after {
  -webkit-border-radius: 0 120px 120px 0;
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
  transform-origin: 0px 60px; }

.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat; }

/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@keyframes showSweetAlert {
  0% {
    transform: scale(0.7);
    -webkit-transform: scale(0.7); }
  45% {
    transform: scale(1.05);
    -webkit-transform: scale(1.05); }
  80% {
    transform: scale(0.95);
    -webkit-transform: scale(0.95); }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1); }
  100% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@keyframes slideFromTop {
  0% {
    top: 0%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@keyframes slideToTop {
  0% {
    top: 50%; }
  100% {
    top: 0%; } }
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@keyframes slideFromBottom {
  0% {
    top: 70%; }
  100% {
    top: 50%; } }
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
@keyframes slideToBottom {
  0% {
    top: 50%; }
  100% {
    top: 70%; } }
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
  animation: showSweetAlert 0.3s; }

.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
  animation: slideFromTop 0.3s; }

.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
  animation: slideFromBottom 0.3s; }

.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
  animation: hideSweetAlert 0.2s; }

.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
  animation: none; }

.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
  animation: slideToTop 0.4s; }

.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
  animation: slideToBottom 0.3s; }

@-webkit-keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@keyframes animateSuccessTip {
  0% {
    width: 0;
    left: 1px;
    top: 19px; }
  54% {
    width: 0;
    left: 1px;
    top: 19px; }
  70% {
    width: 50px;
    left: -8px;
    top: 37px; }
  84% {
    width: 17px;
    left: 21px;
    top: 48px; }
  100% {
    width: 25px;
    left: 14px;
    top: 45px; } }
@-webkit-keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@keyframes animateSuccessLong {
  0% {
    width: 0;
    right: 46px;
    top: 54px; }
  65% {
    width: 0;
    right: 46px;
    top: 54px; }
  84% {
    width: 55px;
    right: 0px;
    top: 35px; }
  100% {
    width: 47px;
    right: 8px;
    top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
  0% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  5% {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
  12% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); }
  100% {
    transform: rotate(-405deg);
    -webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s;
  animation: animateSuccessTip 0.75s; }

.animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s;
  animation: animateSuccessLong 0.75s; }

.sa-icon.sa-success.animate::after {
  -webkit-animation: rotatePlaceholder 4.25s ease-in;
  animation: rotatePlaceholder 4.25s ease-in; }

@-webkit-keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
@keyframes animateErrorIcon {
  0% {
    transform: rotateX(100deg);
    -webkit-transform: rotateX(100deg);
    opacity: 0; }
  100% {
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    opacity: 1; } }
.animateErrorIcon {
  -webkit-animation: animateErrorIcon 0.5s;
  animation: animateErrorIcon 0.5s; }

@-webkit-keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
@keyframes animateXMark {
  0% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  50% {
    transform: scale(0.4);
    -webkit-transform: scale(0.4);
    margin-top: 26px;
    opacity: 0; }
  80% {
    transform: scale(1.15);
    -webkit-transform: scale(1.15);
    margin-top: -6px; }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    margin-top: 0;
    opacity: 1; } }
.animateXMark {
  -webkit-animation: animateXMark 0.5s;
  animation: animateXMark 0.5s; }

@-webkit-keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
@keyframes pulseWarning {
  0% {
    border-color: #F8D486; }
  100% {
    border-color: #F8BB86; } }
.pulseWarning {
  -webkit-animation: pulseWarning 0.75s infinite alternate;
  animation: pulseWarning 0.75s infinite alternate; }

@-webkit-keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
@keyframes pulseWarningIns {
  0% {
    background-color: #F8D486; }
  100% {
    background-color: #F8BB86; } }
.pulseWarningIns {
  -webkit-animation: pulseWarningIns 0.75s infinite alternate;
  animation: pulseWarningIns 0.75s infinite alternate; }

@-webkit-keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes rotate-loading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* Internet Explorer 9 has some special quirks that are fixed here */
/* The icons are not animated. */
/* This file is automatically merged into sweet-alert.min.js through Gulp */
/* Error icon */
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -ms-transform: rotate(-45deg) \9; }

/* Success icon */
.sweet-alert .sa-icon.sa-success {
  border-color: transparent\9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  -ms-transform: rotate(45deg) \9; }

.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  -ms-transform: rotate(-45deg) \9; }

/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-fall,
.la-ball-fall > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.la-ball-fall {
  display: block;
  font-size: 0;
  color: #fff; }

.la-ball-fall.la-dark {
  color: #333; }

.la-ball-fall > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor; }

.la-ball-fall {
  width: 54px;
  height: 18px; }

.la-ball-fall > div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-fall 1s ease-in-out infinite;
  -moz-animation: ball-fall 1s ease-in-out infinite;
  -o-animation: ball-fall 1s ease-in-out infinite;
  animation: ball-fall 1s ease-in-out infinite; }

.la-ball-fall > div:nth-child(1) {
  -webkit-animation-delay: -200ms;
  -moz-animation-delay: -200ms;
  -o-animation-delay: -200ms;
  animation-delay: -200ms; }

.la-ball-fall > div:nth-child(2) {
  -webkit-animation-delay: -100ms;
  -moz-animation-delay: -100ms;
  -o-animation-delay: -100ms;
  animation-delay: -100ms; }

.la-ball-fall > div:nth-child(3) {
  -webkit-animation-delay: 0ms;
  -moz-animation-delay: 0ms;
  -o-animation-delay: 0ms;
  animation-delay: 0ms; }

.la-ball-fall.la-sm {
  width: 26px;
  height: 8px; }

.la-ball-fall.la-sm > div {
  width: 4px;
  height: 4px;
  margin: 2px; }

.la-ball-fall.la-2x {
  width: 108px;
  height: 36px; }

.la-ball-fall.la-2x > div {
  width: 20px;
  height: 20px;
  margin: 8px; }

.la-ball-fall.la-3x {
  width: 162px;
  height: 54px; }

.la-ball-fall.la-3x > div {
  width: 30px;
  height: 30px;
  margin: 12px; }

/*
 * Animation
 */
@-webkit-keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    transform: translateY(145%); } }
@-moz-keyframes ball-fall {
  0% {
    opacity: 0;
    -moz-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -moz-transform: translateY(145%);
    transform: translateY(145%); } }
@-o-keyframes ball-fall {
  0% {
    opacity: 0;
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -o-transform: translateY(145%);
    transform: translateY(145%); } }
@keyframes ball-fall {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-145%);
    -moz-transform: translateY(-145%);
    -o-transform: translateY(-145%);
    transform: translateY(-145%); }
  10% {
    opacity: .5; }
  20% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  80% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  90% {
    opacity: .5; }
  100% {
    opacity: 0;
    -webkit-transform: translateY(145%);
    -moz-transform: translateY(145%);
    -o-transform: translateY(145%);
    transform: translateY(145%); } }
.autocomplete {
  transition: all 0.5s ease 0s;
  max-height: 0;
  overflow-y: hidden;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.autocomplete.open {
  display: block;
  transition: all 0.5s ease 0s;
  background-color: #FAFAFA;
  max-height: 500px;
  overflow-y: hidden;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }

.autocomplete.open {
  top: 49px;
  left: 0px;
  width: 400px;
  background: #fff;
  z-index: 10;
  border: 1px solid #eee; }

.autocomplete:empty,
.autocomplete.open:empty {
  display: none; }

.autocomplete:active,
.autocomplete:focus,
.autocomplete:hover {
  background-color: #FAFAFA;
  transition: all 0.5s ease 0s; }

.autocomplete > ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.autocomplete > ul > li {
  cursor: pointer;
  padding: 10px 0 5px 10px; }

.autocomplete > ul > li.locked {
  cursor: inherit; }

.autocomplete > ul > li.active,
.autocomplete > ul > li:active,
.autocomplete > ul > li:focus,
.autocomplete > ul > li:hover {
  background-color: #EEEEEE;
  transition: all 0.5s ease 0s; }
  .autocomplete > ul > li.active a:active,
  .autocomplete > ul > li.active a:focus,
  .autocomplete > ul > li.active a:hover,
  .autocomplete > ul > li:active a:active,
  .autocomplete > ul > li:active a:focus,
  .autocomplete > ul > li:active a:hover,
  .autocomplete > ul > li:focus a:active,
  .autocomplete > ul > li:focus a:focus,
  .autocomplete > ul > li:focus a:hover,
  .autocomplete > ul > li:hover a:active,
  .autocomplete > ul > li:hover a:focus,
  .autocomplete > ul > li:hover a:hover {
    text-decoration: none; }

input[data-autocomplete] {
  padding: 5px;
  width: 100%; }

/*# sourceMappingURL=style.css.map */

/* ========    CtFrontendCssService:  end of file style.css     ======== */

/* ========    CtFrontendCssService:  start of css from design editor     ======== */

/* -- Design Editor generated style -- */

body {
		
}

.full-articledisplay .header h1 {
	}

.full-articledisplay .digest {
	}

.full-articledisplay .article-content {
	}

.full-articlelist h3 {
	}

.full-articlelist p {
	}

.vertical-menu ul li {
	}

.vertical-menu ul li a {
}

.vertical-menu ul li li {
	}

.vertical-menu ul li li li {
	}

.small-articledisplay h3 {
	}

.small-articledisplay .tile-content p {
		}

.back-button a {
}

.home-button a {
}

#placeholder-top {
	}

#placeholder-content {
	}

#placeholder-bottom {
	}

/* ========    CtFrontendCssService:  end of css from design editor     ======== */

/* CtPageCache: cached at 2016-08-08 15:36:55, expires at 2016-08-09 15:36:54 */

/* CtPageCache.outputCacheFile(): Cachefile was used for device [default] from store [CtFileCachestore]  on host [cas] */