/* EKSEMPEL PÅ FULLSTENDIG GRAFISK GRENSESNITT */
/**
 * Global Reset of all HTML Elements
 *
 * Resetting all of our HTML Elements ensures a smoother
 * visual transition between browsers. If you don't believe me,
 * try temporarily commenting out this block of code, then go
 * and look at Mozilla versus Safari, both good browsers with
 * a good implementation of CSS. The thing is, all browser CSS
 * defaults are different and at the end of the day if visual
 * consistency is what we're shooting for, then we need to
 * make sure we're resetting all spacing elements.
 *
 */
html,
body {
  border: 0;
  font-family: "Helvetica-Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.5;
  margin: 0;
  padding: 0;
}
div,
span,
object,
iframe,
img,
table,
caption,
thead,
tbody,
tfoot,
tr,
tr,
td,
article,
aside,
canvas,
details,
figure,
hgroup,
menu,
nav,
footer,
header,
section,
summary,
mark,
audio,
video {
  border: 0;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cit,
code,
del,
dfn,
em,
ins,
q,
samp,
small,
strong,
sub,
sup,
b,
i,
hr,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
legend,
label {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}
article,
aside,
canvas,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
audio,
video {
  display: block;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table caption,
table th,
table td {
  text-align: left;
  vertical-align: middle;
}
a img {
  border: 0;
}
:focus {
  outline-width: 0;
}
/*
 * Utilities
 */
/*
 * Commonly used mixins
 */
.flexbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/*
 * Application specific configuration
 */
/*
 * Relative root for graphical profile folder.
 * Used mainly when LESS files are included from a different folder.
 */
.uio-dropdown {
  position: relative;
  display: inline-block;
}
.uio-dropdown .uio-dropdown-toggle {
  background: url('../profile/images/icon-chevron-down.svg') no-repeat scroll 100% 50% transparent;
  padding: 0 25px 0 0;
  display: inline-block;
  cursor: pointer;
  background-size: 20px 20px;
}
.uio-dropdown .uio-dropdown-list {
  display: none;
  position: absolute;
  top: 24px;
  right: 0;
  background: white;
  margin: 0;
  border: 1px solid #c2c2c2;
  border-bottom: none;
  z-index: 100;
}
.uio-dropdown .uio-dropdown-list li {
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #c2c2c2;
}
.uio-dropdown .uio-dropdown-list li > a,
.uio-dropdown .uio-dropdown-list li > span {
  padding: 8px 14px 7px 14px;
  display: block;
  white-space: nowrap;
  color: #444;
}
.uio-dropdown .uio-dropdown-list li > a:hover,
.uio-dropdown .uio-dropdown-list li > a:focus {
  text-decoration: none;
  background-color: #ecf3f9;
}
.uio-dropdown .uio-dropdown-list li > a:focus {
  outline-width: 2px;
}
.uio-dropdown .uio-dropdown-list li:before {
  display: none;
}
.uio-dropdown .uio-dropdown-list span {
  background: white;
}
.uio-dropdown.open .uio-dropdown-list {
  display: block;
}
/* Autocomplete reset css
 * http://stackoverflow.com/questions/17200335/jquery-remove-ui-autocomplete-styles-from-dropdown-results
 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-autocomplete,
.ui-autocomplete:hover,
.ui-menu-item,
.ui-menu-item:hover,
.ui-menu-item a,
.ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a {
  background: #ffffff none no-repeat;
  padding: 0;
  margin: 0;
  display: block;
  border: 0;
  border-collapse: collapse;
}
.grid-container .ui-autocomplete {
  margin: 0 !important;
}
.ui-corner-all {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
body .ac_results,
body .ui-autocomplete,
body .ui-autocomplete:hover {
  background: #fff;
  display: block;
  border: 1px solid #d0d0d0;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 240px !important;
  margin: 0;
}
body .ac_results li,
body .ui-autocomplete li,
body .ui-autocomplete:hover li,
body .ac_results .ui-menu-item,
body .ui-autocomplete .ui-menu-item,
body .ui-autocomplete:hover .ui-menu-item {
  color: #444;
  padding: 12px 20px 12px 20px;
  border-bottom: 1px solid #eee;
  overflow: hidden;
}
body .ac_results li:before,
body .ui-autocomplete li:before,
body .ui-autocomplete:hover li:before,
body .ac_results .ui-menu-item:before,
body .ui-autocomplete .ui-menu-item:before,
body .ui-autocomplete:hover .ui-menu-item:before {
  display: none;
}
body .ac_results li:last-child,
body .ui-autocomplete li:last-child,
body .ui-autocomplete:hover li:last-child,
body .ac_results .ui-menu-item:last-child,
body .ui-autocomplete .ui-menu-item:last-child,
body .ui-autocomplete:hover .ui-menu-item:last-child {
  border-bottom: none;
}
body .ac_results li.ac_over,
body .ui-autocomplete li.ac_over,
body .ui-autocomplete:hover li.ac_over,
body .ac_results .ui-menu-item.ac_over,
body .ui-autocomplete .ui-menu-item.ac_over,
body .ui-autocomplete:hover .ui-menu-item.ac_over,
body .ac_results li.ui-state-focus,
body .ui-autocomplete li.ui-state-focus,
body .ui-autocomplete:hover li.ui-state-focus,
body .ac_results .ui-menu-item.ui-state-focus,
body .ui-autocomplete .ui-menu-item.ui-state-focus,
body .ui-autocomplete:hover .ui-menu-item.ui-state-focus {
  color: #fff;
  background: #2771bb;
  border-bottom: 2px solid #2771bb;
}
body .ac_results li.ac_over .person-search-position,
body .ui-autocomplete li.ac_over .person-search-position,
body .ui-autocomplete:hover li.ac_over .person-search-position,
body .ac_results .ui-menu-item.ac_over .person-search-position,
body .ui-autocomplete .ui-menu-item.ac_over .person-search-position,
body .ui-autocomplete:hover .ui-menu-item.ac_over .person-search-position,
body .ac_results li.ui-state-focus .person-search-position,
body .ui-autocomplete li.ui-state-focus .person-search-position,
body .ui-autocomplete:hover li.ui-state-focus .person-search-position,
body .ac_results .ui-menu-item.ui-state-focus .person-search-position,
body .ui-autocomplete .ui-menu-item.ui-state-focus .person-search-position,
body .ui-autocomplete:hover .ui-menu-item.ui-state-focus .person-search-position,
body .ac_results li.ac_over .person-search-tag,
body .ui-autocomplete li.ac_over .person-search-tag,
body .ui-autocomplete:hover li.ac_over .person-search-tag,
body .ac_results .ui-menu-item.ac_over .person-search-tag,
body .ui-autocomplete .ui-menu-item.ac_over .person-search-tag,
body .ui-autocomplete:hover .ui-menu-item.ac_over .person-search-tag,
body .ac_results li.ui-state-focus .person-search-tag,
body .ui-autocomplete li.ui-state-focus .person-search-tag,
body .ui-autocomplete:hover li.ui-state-focus .person-search-tag,
body .ac_results .ui-menu-item.ui-state-focus .person-search-tag,
body .ui-autocomplete .ui-menu-item.ui-state-focus .person-search-tag,
body .ui-autocomplete:hover .ui-menu-item.ui-state-focus .person-search-tag {
  color: #fff;
}
body .ac_results li.ac_over .person-search-tag-match,
body .ui-autocomplete li.ac_over .person-search-tag-match,
body .ui-autocomplete:hover li.ac_over .person-search-tag-match,
body .ac_results .ui-menu-item.ac_over .person-search-tag-match,
body .ui-autocomplete .ui-menu-item.ac_over .person-search-tag-match,
body .ui-autocomplete:hover .ui-menu-item.ac_over .person-search-tag-match,
body .ac_results li.ui-state-focus .person-search-tag-match,
body .ui-autocomplete li.ui-state-focus .person-search-tag-match,
body .ui-autocomplete:hover li.ui-state-focus .person-search-tag-match,
body .ac_results .ui-menu-item.ui-state-focus .person-search-tag-match,
body .ui-autocomplete .ui-menu-item.ui-state-focus .person-search-tag-match,
body .ui-autocomplete:hover .ui-menu-item.ui-state-focus .person-search-tag-match {
  background: #444;
}
body .ac_results .person-search-img,
body .ui-autocomplete .person-search-img,
body .ui-autocomplete:hover .person-search-img {
  float: left;
  clear: left;
  margin: 4px 15px 0 0;
  overflow: hidden;
  width: 40px;
  height: 40px;
}
body .ac_results .person-search-img img,
body .ui-autocomplete .person-search-img img,
body .ui-autocomplete:hover .person-search-img img {
  width: 40px;
}
body .ac_results .person-search-info.has-img,
body .ui-autocomplete .person-search-info.has-img,
body .ui-autocomplete:hover .person-search-info.has-img {
  margin-left: 55px;
}
body .ac_results .person-search-info > *,
body .ui-autocomplete .person-search-info > *,
body .ui-autocomplete:hover .person-search-info > * {
  display: block;
}
body .ac_results .person-search-tag-match,
body .ui-autocomplete .person-search-tag-match,
body .ui-autocomplete:hover .person-search-tag-match {
  background: #2771bb;
  color: #fff;
  padding: 2px 0;
}
body .ac_results .person-search-tag-match-start,
body .ui-autocomplete .person-search-tag-match-start,
body .ui-autocomplete:hover .person-search-tag-match-start {
  padding-left: 4px;
}
body .ac_results .person-search-tag-match-end,
body .ui-autocomplete .person-search-tag-match-end,
body .ui-autocomplete:hover .person-search-tag-match-end {
  padding-left: 4px;
}
.csstransforms .person-search-img {
  position: relative;
}
.csstransforms .person-search-img img {
  position: absolute;
  left: 50%;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.ui-datepicker.ui-widget {
  position: absolute;
  right: 0;
  z-index: 2;
  margin-top: .4em;
  width: 20em;
  background: #fff;
  padding: 15px;
  border: 4px solid #eaeaea;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-datepicker.ui-widget .ui-widget-header {
  background: none;
  position: static;
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: normal;
  border: none;
}
.ui-datepicker.ui-widget .ui-state-disabled {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ui-datepicker.ui-widget .ui-datepicker-title {
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5em;
}
.ui-datepicker.ui-widget .ui-datepicker-title a {
  color: #2771bb;
}
.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-prev {
  display: block;
  position: static;
  width: 1.5em;
  height: 1.5em;
  background: transparent url("../profile/images/arrow-right-red.svg") no-repeat center left;
  background-size: 1.5em auto;
}
.ui-datepicker.ui-widget .ui-datepicker-next:focus,
.ui-datepicker.ui-widget .ui-datepicker-prev:focus,
.ui-datepicker.ui-widget .ui-datepicker-next:hover,
.ui-datepicker.ui-widget .ui-datepicker-prev:hover {
  outline: 1px dotted #444;
  border: none;
}
.ui-datepicker.ui-widget .ui-datepicker-next:hover,
.ui-datepicker.ui-widget .ui-datepicker-prev:hover {
  cursor: pointer;
}
.ui-datepicker.ui-widget .ui-datepicker-next .ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-prev .ui-icon {
  display: none;
}
.ui-datepicker.ui-widget .ui-datepicker-prev {
  float: left;
  background-image: url("../profile/images/arrow-left-red.svg");
}
.ui-datepicker.ui-widget .ui-datepicker-next {
  float: right;
}
.ui-datepicker.ui-widget table {
  margin: 0;
  border-collapse: separate;
  border: none;
}
.ui-datepicker.ui-widget table th,
.ui-datepicker.ui-widget table td {
  font-size: 16px;
  font-size: 1.6rem;
  color: #444;
  padding: 0;
  border: none;
  text-align: center;
}
.ui-datepicker.ui-widget table th {
  font-weight: normal;
}
.ui-datepicker.ui-widget table tbody tr:first-child td {
  border-width: 1px 1px 1px 0 ;
}
.ui-datepicker.ui-widget table tbody tr td {
  border: 1px solid #eaeaea;
  border-width: 0 1px 1px 0;
  /* Today */
  /* Active day */
  /* Other month day */
}
.ui-datepicker.ui-widget table tbody tr td:first-child {
  border-width: 0 1px 1px 1px;
}
.ui-datepicker.ui-widget table tbody tr td * {
  display: block;
  padding: .5rem 0 .4rem;
  background: none;
  border: none;
  text-align: center;
}
.ui-datepicker.ui-widget table tbody tr td span {
  color: inherit;
}
.ui-datepicker.ui-widget table tbody tr td a {
  color: #2771bb;
}
.ui-datepicker.ui-widget table tbody tr td.ui-datepicker-today {
  border-color: #86bae2;
  border-width: 1px 1px 1px 1px;
}
.ui-datepicker.ui-widget table tbody tr td.ui-datepicker-today * {
  background: #d7ebf6;
}
.ui-datepicker.ui-widget table tbody tr td a:focus,
.ui-datepicker.ui-widget table tbody tr td a:hover,
.ui-datepicker.ui-widget table tbody tr td.state-active a {
  background: #2771bb;
  color: #fff;
}
.ui-datepicker.ui-widget table tbody tr td.ui-datepicker-other-month span {
  background: #eaeaea;
  border: 2px solid #fff;
  padding: .4rem 0 .2rem;
}
.ui-datepicker.ui-widget table tbody tr:first-child td.ui-datepicker-other-month {
  border-width: 0 0 1px 0;
}
.ui-datepicker.ui-widget table tbody tr:first-child td.ui-datepicker-other-month + :not(.ui-datepicker-other-month) {
  border-width: 1px 1px 1px 1px;
}
.ui-datepicker.ui-widget table tbody tr:last-child td.ui-datepicker-other-month {
  border-width: 0;
}
html {
  font-size: 62.5%;
}
body {
  color: #444;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 26px;
  line-height: 2.6rem;
}
.georgia {
  font-family: Georgia, "Bitstream Charter", "Charis SIL", Utopia, "URW Bookman L", serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #222;
}
h1,
h2,
h3,
caption {
  font-weight: normal;
  margin: 0 0 10px 0;
}
.menu-label {
  margin-bottom: 5px;
}
h1 {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 45px;
  line-height: 4.5rem;
}
h2,
.ui-accordion h2.ui-accordion-header,
.resources .resource-title,
.feed .feed-title {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 34px;
  line-height: 3.4rem;
}
h2.bigger,
.ui-accordion h2.ui-accordion-header.bigger,
.resources .resource-title.bigger,
.feed .feed-title.bigger {
  font-size: 26px;
  font-size: 2.6rem;
}
.lightbox-title {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 34px;
  line-height: 3.4rem;
}
.lightbox-title,
.lightbox-sub-title {
  margin: 0;
}
h3,
.ui-accordion h3.ui-accordion-header,
.menu-label,
caption,
.feed.with-images .item-title,
.lightbox-sub-title {
  font-size: 20px;
  font-size: 2rem;
  line-height: 29px;
  line-height: 2.9rem;
}
h4,
h5,
h6 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
p {
  margin: 10px 0 5px 0;
}
a {
  color: #2771bb;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a.bold {
  font-weight: bold;
}
.read-more-big {
  font-size: 20px;
  font-size: 2rem;
}
/* Feeds and listings */
.event-date-day {
  font-family: Georgia, "Bitstream Charter", "Charis SIL", Utopia, "URW Bookman L", serif;
  font-weight: bold;
  font-size: 26px;
  font-size: 2.6rem;
}
.event-date-day.event-date-today {
  font-size: 16px;
  font-size: 1.6rem;
}
.event-date-day.event-date-tomorrow {
  font-size: 8px;
  font-size: 0.8rem;
  white-space: nowrap;
}
.event-date-month {
  font-size: 18px;
  font-size: 1.8rem;
}
.feed .published-date,
.resources .published-date,
.feed .last-modified,
.resources .last-modified,
.feed .event-time-and-place,
.resources .event-time-and-place {
  color: #666;
}
.feed .published-date,
.resources .published-date,
.feed .last-modified,
.resources .last-modified,
.feed .event-time-and-place,
.resources .event-time-and-place,
.feed .add-event,
.resources .add-event,
.feed .channel,
.resources .channel {
  font-family: Georgia, "Bitstream Charter", "Charis SIL", Utopia, "URW Bookman L", serif;
}
.feed .number-of-comments,
.resources .number-of-comments {
  font-weight: bold;
}
.feed .channel {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  /* Reset */
}
.feed .image .channel {
  font-size: 15px;
  font-size: 1.5rem;
}
/* Widgets */
.ui-widget.ui-accordion,
.ui-widget.ui-autocomplete {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
.ac_results .person-search-name,
.ui-autocomplete .person-search-name {
  font-size: 18px;
  font-size: 1.8rem;
}
.ac_results .person-search-tag,
.ui-autocomplete .person-search-tag,
.ac_results .person-search-position,
.ui-autocomplete .person-search-position {
  color: #777;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 19px;
  line-height: 1.9rem;
}
.uio-app-line-top {
  background: #000;
  height: 34px;
}
.uio-app-line-top .uio-logo {
  width: 970px;
  margin: 0 auto;
  padding-top: 9px;
  line-height: 1;
}
.uio-app-line-top .uio-logo a {
  color: #fff;
}
.uio-app-line-top .uio-logo a.hover,
.uio-app-line-top .uio-logo a:focus,
.uio-app-line-top .uio-logo a:hover {
  color: #96c1d1;
  text-decoration: none;
}
.uio-app-line-top .uio-logo .uio-logo-acronym {
  font-size: 18px;
  font-size: 1.8rem;
  padding-right: .6em;
  background: url('../profile/images/double-dots-red.svg') no-repeat 100% 70%;
  background-size: auto 67%;
}
.uio-app-line-top .uio-logo .uio-logo-host {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  margin-left: -1px;
}
#head-wrapper {
  background: #2d2d2e;
  color: #ccc;
}
#head-wrapper #head {
  width: 970px;
  height: 120px;
  margin: 0 auto;
  position: relative;
}
.uio-app-name {
  position: absolute;
  top: 26px;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 39px;
  line-height: 3.9rem;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
}
.uio-app-name a {
  color: #fff;
}
.uio-app-name a:hover,
.uio-app-name a:focus {
  text-decoration: underline;
}
.uio-app-name .uio-app-tagline {
  color: #ccc;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 16px;
  line-height: 1.6rem;
  margin-top: 10px;
  display: block;
  font-weight: normal;
}
.uio-app-name .uio-app-tagline .user {
  font-weight: bold;
}
.uio-app-menu {
  position: absolute;
  top: 115px;
  font-size: 17px;
  font-size: 1.7rem;
}
.uio-app-menu .menu-label {
  color: #fff;
  display: block;
}
.uio-app-menu .menu-label:before {
  content: " ";
  background: url('../profile/images/menu-icon-white.svg') no-repeat 0 0;
  background-size: 100% auto;
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 2px -4px 0;
}
#head .uio-dropdown .uio-dropdown-toggle {
  background: url('../profile/images/language-dropdown-toggle.png') no-repeat scroll 100% 53% transparent;
  padding-right: 25px;
}
/*
* - Black footer
*
*   <div id="footer-wrapper" class="grid-container">
*     <div id="footer" class="row">
*
* - Red footer (add class "red" to #footer-wrapper)
* - White app footer (add class "uio-app-footer" to #footer-wrapper)
*/
#footer-wrapper {
  background: #000;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 22px;
  line-height: 2.2rem;
}
#footer-wrapper #footer {
  background: url("../profile/images/uio-seal-medium.png") no-repeat 0 0;
  min-height: 75px;
  position: relative;
}
#footer-wrapper #footer h2,
#footer-wrapper #footer h3,
#footer-wrapper #footer h4,
#footer-wrapper #footer h5,
#footer-wrapper #footer h6,
#footer-wrapper #footer a {
  color: #fff;
}
#footer-wrapper #footer a {
  text-decoration: underline;
}
#footer-wrapper.app-footer #footer {
  background-image: url("../profile/images/uio-seal-big.png");
}
#footer-wrapper.app-footer #footer .col-1-3 {
  width: 23.6666%;
}
#footer-wrapper.app-footer #footer .col-1-3:first-child {
  margin-left: 0%;
}
.responsible-login .content {
  margin-left: 160px;
}
.head-menu {
  position: absolute;
  top: 15px;
  right: 0;
  z-index: 5;
}
.head-menu > ul > li {
  display: inline-block;
  list-style-type: none;
  padding-left: 20px;
}
.head-menu > ul > li:before {
  display: none;
}
.head-menu > ul > li span {
  margin-right: 25px;
  color: #ccc;
}
.head-menu > ul > li a {
  color: #fff;
}
.head-menu > ul > li span,
.head-menu > ul > li a {
  font-size: 15px;
  font-size: 1.5rem;
}
.head-menu-bottom {
  top: auto;
  bottom: 22px;
  z-index: 4;
}
.language-select .uio-dropdown-toggle {
  background: url('../profile/images/language-dropdown-toggle.png') no-repeat scroll 100% 40% transparent;
}
.language-select .uio-dropdown-list {
  margin-right: 8px;
}
.language-select .uio-dropdown-list li span,
.language-select .uio-dropdown-list li a {
  padding-left: 28px;
  font-size: 15px;
  font-size: 1.5rem;
}
.language-select .uio-dropdown-list li a {
  color: #2771bb;
}
.language-select .uio-dropdown-list li span {
  background: url('../profile/images/list-active.gif') no-repeat 10px 13px;
  color: #444;
}
/* Accessibility: slightly rounded corners */
input[type="password"],
input[type="number"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
.button,
.button-large,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
input[type="password"],
input[type="number"],
input[type="text"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"] {
  padding: 6px 15px;
  border: 1px solid #ccc;
  margin: 0;
  height: 40px;
  /* IE10 fix */
  outline: none;
  -webkit-appearance: none;
  /* remove inner shadow in Safari on iOS */
  background-image: none;
  /* remove inner shadow in Firefox on Android */
  /* .borderRadius(0); remove border radius in iOS */
  /* Remove red border in Firefox */
}
input[type="password"]:invalid,
input[type="number"]:invalid,
input[type="text"]:invalid,
input[type="email"]:invalid,
input[type="search"]:invalid,
input[type="tel"]:invalid,
input[type="url"]:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
select {
  padding: 6px 30px 6px 11px;
  /* 11px instead of 15px because of text in select has some padding inside it */
  border: 1px solid #ccc;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff url('../profile/images/dropdown.png') no-repeat 100% center;
  color: #000;
  margin: 0;
  height: 40px;
  /* IE10 fix */
  font-family: inherit;
  outline: none;
  -webkit-appearance: none;
  /* remove icon in Webkit */
  -moz-appearance: none;
  /* remove icon in Firefox */
  /* Remove icon in IE */
  /* Remove focus ring in Firefox */
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
select[multiple] {
  padding-left: 13px;
  /* Different select padding, but keep it same width in total */
  padding-right: 17px;
  background: none;
  height: auto;
}
select:invalid {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button,
.button-large,
input[type="button"],
input[type="submit"],
input[type="reset"],
button {
  padding: 7px 20px;
  margin: 0;
  border: none;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  text-decoration: none;
  background: #2974b5;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
}
.button::-moz-focus-inner,
.button-large::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
button::-moz-focus-inner {
  /* remove extra padding in Firefox */
  padding: 0;
  border: none;
}
.button:focus,
.button-large:focus,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
button:focus,
.button:hover,
.button-large:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover {
  background: #5494cc;
  text-decoration: none;
}
.button[disabled],
.button-large[disabled],
input[type="button"][disabled],
input[type="submit"][disabled],
input[type="reset"][disabled],
button[disabled],
.button[readonly],
.button-large[readonly],
input[type="button"][readonly],
input[type="submit"][readonly],
input[type="reset"][readonly],
button[readonly] {
  cursor: default;
  background: #ccc;
}
.button[disabled].white,
.button-large[disabled].white,
input[type="button"][disabled].white,
input[type="submit"][disabled].white,
input[type="reset"][disabled].white,
button[disabled].white,
.button[readonly].white,
.button-large[readonly].white,
input[type="button"][readonly].white,
input[type="submit"][readonly].white,
input[type="reset"][readonly].white,
button[readonly].white,
.button[disabled].uio-app-white,
.button-large[disabled].uio-app-white,
input[type="button"][disabled].uio-app-white,
input[type="submit"][disabled].uio-app-white,
input[type="reset"][disabled].uio-app-white,
button[disabled].uio-app-white,
.button[readonly].uio-app-white,
.button-large[readonly].uio-app-white,
input[type="button"][readonly].uio-app-white,
input[type="submit"][readonly].uio-app-white,
input[type="reset"][readonly].uio-app-white,
button[readonly].uio-app-white {
  background: #eee;
  color: #999;
  border-color: #ddd;
}
.button[disabled].black,
.button-large[disabled].black,
input[type="button"][disabled].black,
input[type="submit"][disabled].black,
input[type="reset"][disabled].black,
button[disabled].black,
.button[readonly].black,
.button-large[readonly].black,
input[type="button"][readonly].black,
input[type="submit"][readonly].black,
input[type="reset"][readonly].black,
button[readonly].black,
.button[disabled].black:hover,
.button-large[disabled].black:hover,
input[type="button"][disabled].black:hover,
input[type="submit"][disabled].black:hover,
input[type="reset"][disabled].black:hover,
button[disabled].black:hover,
.button[readonly].black:hover,
.button-large[readonly].black:hover,
input[type="button"][readonly].black:hover,
input[type="submit"][readonly].black:hover,
input[type="reset"][readonly].black:hover,
button[readonly].black:hover,
.button[disabled].red,
.button-large[disabled].red,
input[type="button"][disabled].red,
input[type="submit"][disabled].red,
input[type="reset"][disabled].red,
button[disabled].red,
.button[readonly].red,
.button-large[readonly].red,
input[type="button"][readonly].red,
input[type="submit"][readonly].red,
input[type="reset"][readonly].red,
button[readonly].red,
.button[disabled].red:hover,
.button-large[disabled].red:hover,
input[type="button"][disabled].red:hover,
input[type="submit"][disabled].red:hover,
input[type="reset"][disabled].red:hover,
button[disabled].red:hover,
.button[readonly].red:hover,
.button-large[readonly].red:hover,
input[type="button"][readonly].red:hover,
input[type="submit"][readonly].red:hover,
input[type="reset"][readonly].red:hover,
button[readonly].red:hover {
  background: #ccc;
}
.button.bold,
.button-large.bold,
input[type="button"].bold,
input[type="submit"].bold,
input[type="reset"].bold,
button.bold {
  font-weight: bold;
}
.button.black,
.button-large.black,
input[type="button"].black,
input[type="submit"].black,
input[type="reset"].black,
button.black {
  background: #222;
}
.button.black:focus,
.button-large.black:focus,
input[type="button"].black:focus,
input[type="submit"].black:focus,
input[type="reset"].black:focus,
button.black:focus,
.button.black:hover,
.button-large.black:hover,
input[type="button"].black:hover,
input[type="submit"].black:hover,
input[type="reset"].black:hover,
button.black:hover {
  background: #444;
}
.button.red,
.button-large.red,
input[type="button"].red,
input[type="submit"].red,
input[type="reset"].red,
button.red {
  background: #e2231a;
}
.button.red:focus,
.button-large.red:focus,
input[type="button"].red:focus,
input[type="submit"].red:focus,
input[type="reset"].red:focus,
button.red:focus,
.button.red:hover,
.button-large.red:hover,
input[type="button"].red:hover,
input[type="submit"].red:hover,
input[type="reset"].red:hover,
button.red:hover {
  background: #ce0606;
}
.button.grey,
.button-large.grey,
input[type="button"].grey,
input[type="submit"].grey,
input[type="reset"].grey,
button.grey {
  padding: 6px 19px;
  border: 1px solid #888;
  color: #000;
  background: -webkit-linear-gradient(top, #f1f1f1, #e9e9e9);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1f1f1), to(#e9e9e9));
  background: -moz-linear-gradient(top, #f1f1f1, #e9e9e9);
  background: -ms-linear-gradient(top, #f1f1f1, #e9e9e9);
  background: -o-linear-gradient(top, #f1f1f1, #e9e9e9);
}
.button.grey:focus,
.button-large.grey:focus,
input[type="button"].grey:focus,
input[type="submit"].grey:focus,
input[type="reset"].grey:focus,
button.grey:focus,
.button.grey:hover,
.button-large.grey:hover,
input[type="button"].grey:hover,
input[type="submit"].grey:hover,
input[type="reset"].grey:hover,
button.grey:hover {
  background: -webkit-linear-gradient(top, #d0d0d0, #dedede);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d0d0d0), to(#dedede));
  background: -moz-linear-gradient(top, #d0d0d0, #dedede);
  background: -ms-linear-gradient(top, #d0d0d0, #dedede);
  background: -o-linear-gradient(top, #d0d0d0, #dedede);
}
.button.white,
.button-large.white,
input[type="button"].white,
input[type="submit"].white,
input[type="reset"].white,
button.white {
  padding: 6px 19px;
  border: 1px solid #bbb;
  color: #2771bb;
  background: #fff;
}
.button.white:focus,
.button-large.white:focus,
input[type="button"].white:focus,
input[type="submit"].white:focus,
input[type="reset"].white:focus,
button.white:focus,
.button.white:hover,
.button-large.white:hover,
input[type="button"].white:hover,
input[type="submit"].white:hover,
input[type="reset"].white:hover,
button.white:hover {
  background: #ededed;
}
.button.uio-app-white,
.button-large.uio-app-white,
input[type="button"].uio-app-white,
input[type="submit"].uio-app-white,
input[type="reset"].uio-app-white,
button.uio-app-white {
  padding: 6px 19px;
  border: 1px solid #444;
  color: #000;
  background: #fff;
}
.button.uio-app-white:focus,
.button-large.uio-app-white:focus,
input[type="button"].uio-app-white:focus,
input[type="submit"].uio-app-white:focus,
input[type="reset"].uio-app-white:focus,
button.uio-app-white:focus,
.button.uio-app-white:hover,
.button-large.uio-app-white:hover,
input[type="button"].uio-app-white:hover,
input[type="submit"].uio-app-white:hover,
input[type="reset"].uio-app-white:hover,
button.uio-app-white:hover {
  background: #ededed;
}
/* Keep height consistant with link-buttons */
button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 26px;
  line-height: 2.6rem;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"],
select {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 26px;
  line-height: 2.6rem;
}
::-webkit-input-placeholder {
  color: #777;
}
:-moz-placeholder {
  color: #777;
}
::-moz-placeholder {
  color: #777;
}
:-ms-input-placeholder {
  color: #777;
}
:focus::-webkit-input-placeholder {
  color: #777;
}
:focus:-moz-placeholder {
  color: #777;
}
:focus::-moz-placeholder {
  color: #777;
}
:focus:-ms-input-placeholder {
  color: #777;
}
/*
 * [__________] [Search] 
 */
.header-search input[type="text"],
.search-form input[type="text"],
.header-search input[type="search"],
.search-form input[type="search"] {
  margin: 0 5px 0 0;
}
.header-search > *,
.search-form > * {
  vertical-align: top;
}
/* Accessibility */
.search-string-label {
  position: absolute;
  left: -9999px;
  top: -1000px;
}
.header-search {
  position: absolute;
  right: 0;
  top: 75px;
}
.header-search input[type="text"] {
  font-size: 14px;
  font-size: 1.4rem;
  border: none;
  padding: 3px 10px 4px 10px;
  background: #e8e8e8;
  width: 175px;
  /* IE10 fix */
  height: 32px;
  vertical-align: bottom;
  /* More width on focus */
  -webkit-transition: width 0.15s ease;
  -moz-transition: width 0.15s ease;
  -o-transition: width 0.15s ease;
  transition: width 0.15s ease;
}
.header-search input[type="text"]:focus {
  width: 250px;
  -webkit-transition: width 0.25s ease;
  -moz-transition: width 0.25s ease;
  -o-transition: width 0.25s ease;
  transition: width 0.25s ease;
}
.header-search button {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 2px 13px 4px 13px;
  background: #fff;
  color: #222;
  font-weight: normal;
  /* IE10 fix */
  vertical-align: bottom;
}
.header-search button:focus,
.header-search button:hover {
  background: #ededed;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  min-width: 1000px;
  /* 15px on each side */
}
.grid-container {
  background: white;
  padding: 30px 0;
  width: 100%;
}
.grid-container.gray-container {
  background: #f2f2f2;
}
.grid-container.blue-container {
  background: #3f81af;
}
.grid-container.navigation {
  background: #000;
}
.grid-container.navigation ul:last-child {
  margin-bottom: 0;
}
.grid-container .row {
  width: 970px;
  margin: 0 auto;
}
.grid-container .row:before,
.grid-container .row:after {
  content: "";
  display: table;
  clear: both;
}
#app-container {
  padding: 40px 0;
}
#app-container .row {
  background: white;
}
[class*='col-'] {
  float: left;
  min-height: 1px;
  padding: 10px 0;
}
[class*='col-'] [class*='col-'] {
  padding: 0;
}
.col-1,
.col-2-2,
.col-3-3,
.col-4-4,
.col-5-5 {
  width: 100%;
}
.col-1-2 {
  width: 50%;
}
.col-1-2:nth-child(2n + 1) {
  clear: left;
}
.col-1-2:nth-child(2n + 1) > * {
  margin-right: 20px;
}
.col-1-2:nth-child(2n + 2) > * {
  margin-left: 20px;
}
.col-1-3 {
  width: 33.33333333%;
}
.col-1-3:nth-child(3n + 1) {
  /* clear: left; */
}
.col-1-3:nth-child(3n + 1) > * {
  margin-right: 20px;
}
.col-1-3:nth-child(3n + 2) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-3:nth-child(3n + 3) > * {
  margin-left: 20px;
}
.col-2-3 {
  width: 66.66666667%;
}
.col-1-4 {
  width: 25%;
}
.col-1-4:nth-child(4n + 1) {
  clear: left;
}
.col-1-4:nth-child(4n + 1) > * {
  margin-right: 20px;
}
.col-1-4:nth-child(4n + 2) {
  margin-left: -3px;
  margin-right: 3px;
}
.col-1-4:nth-child(4n + 2) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-4:nth-child(4n + 3) {
  margin-left: 3px;
  margin-right: -3px;
}
.col-1-4:nth-child(4n + 3) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-4:nth-child(4n + 4) > * {
  margin-left: 20px;
}
.col-1-5 {
  width: 20%;
}
.col-1-5:nth-child(5n + 1) {
  clear: left;
}
.col-1-5:nth-child(5n + 1) > * {
  margin-right: 20px;
}
.col-1-5:nth-child(5n + 2) {
  margin-left: -5px;
  margin-right: 5px;
}
.col-1-5:nth-child(5n + 2) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-5:nth-child(5n + 3) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-5:nth-child(5n + 4) {
  margin-left: 5px;
  margin-right: -5px;
}
.col-1-5:nth-child(5n + 4) > * {
  margin-left: 10px;
  margin-right: 10px;
}
.col-1-5:nth-child(5n + 5) > * {
  margin-left: 20px;
}
.col-2-5 {
  width: 40%;
}
.col-3-5 {
  width: 60%;
}
/* Columns with h2-header */
h2 ~ .col-1-2:nth-child(2n + 2) {
  clear: left;
}
h2 ~ .col-1-2:nth-child(2n + 2) > * {
  margin-left: 0;
  margin-right: 20px;
}
h2 ~ .col-1-2:nth-child(2n + 1) {
  clear: none;
}
h2 ~ .col-1-2:nth-child(2n + 1) > * {
  margin-left: 20px;
  margin-right: 0;
}
h2 ~ .col-1-3:nth-child(3n + 2) {
  clear: left;
}
h2 ~ .col-1-3:nth-child(3n + 2) > * {
  margin-right: 20px;
  margin-left: 0;
}
h2 ~ .col-1-3:nth-child(3n + 3) {
  clear: none;
}
h2 ~ .col-1-3:nth-child(3n + 3) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-3:nth-child(3n + 4) {
  clear: none;
}
h2 ~ .col-1-3:nth-child(3n + 4) > * {
  margin-left: 20px;
  margin-right: 0;
}
h2 ~ .col-1-4:nth-child(4n + 2) {
  clear: left;
  margin-left: 0;
  margin-right: 0;
}
h2 ~ .col-1-4:nth-child(4n + 2) > * {
  margin-right: 20px;
  margin-left: 0;
}
h2 ~ .col-1-4:nth-child(4n + 3) {
  clear: none;
  margin-left: -3px;
  margin-right: 3px;
}
h2 ~ .col-1-4:nth-child(4n + 3) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-4:nth-child(4n + 4) {
  clear: none;
  margin-left: 3px;
  margin-right: -3px;
}
h2 ~ .col-1-4:nth-child(4n + 4) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-4:nth-child(4n + 5) {
  clear: none;
  margin-left: 0;
  margin-right: 0;
}
h2 ~ .col-1-4:nth-child(4n + 5) > * {
  margin-left: 20px;
  margin-right: 0;
}
h2 ~ .col-1-5:nth-child(5n + 2) {
  clear: left;
  margin-left: 0;
  margin-right: 0;
}
h2 ~ .col-1-5:nth-child(5n + 2) > * {
  margin-right: 20px;
  margin-left: 0;
}
h2 ~ .col-1-5:nth-child(5n + 3) {
  clear: none;
  margin-left: -5px;
  margin-right: 5px;
}
h2 ~ .col-1-5:nth-child(5n + 3) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-5:nth-child(5n + 4) {
  clear: none;
  margin-left: 0;
  margin-right: 0;
}
h2 ~ .col-1-5:nth-child(5n + 4) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-5:nth-child(5n + 5) {
  clear: none;
  margin-left: 5px;
  margin-right: -5px;
}
h2 ~ .col-1-5:nth-child(5n + 5) > * {
  margin-left: 10px;
  margin-right: 10px;
}
h2 ~ .col-1-5:nth-child(5n + 6) {
  clear: none;
  margin-left: 0;
  margin-right: 0;
}
h2 ~ .col-1-5:nth-child(5n + 6) > * {
  margin-left: 20px;
  margin-right: 0;
}
.uio-info-message [class*='col-'],
.uio-info-message p {
  padding: 0;
  margin: 0;
}
.uio-info-message .content-wrapper {
  padding: 20px 14px;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  background: #f2f2f2 url('../profile/images/icon-info-blue.png') no-repeat 20px center;
}
.uio-info-message .content-wrapper .message-text {
  margin: 0 0 0 15px;
  padding-left: 50px;
  text-align: left;
  padding: 5px 0 2px 20px;
}
.uio-info-message.blue .content-wrapper {
  color: #fff;
  background: #3f81af url('../profile/images/icon-info-white.png') no-repeat 20px center;
}
.uio-info-banner {
  padding: 0;
}
.uio-info-banner [class*='col-'],
.uio-info-banner p {
  padding: 0;
  margin: 0;
}
.uio-info-banner .content-wrapper {
  padding: 20px 0px;
  border: none;
  font-size: 16px;
  font-size: 1.6rem;
  background: url('../profile/images/icon-info-blue.png') no-repeat 0 center;
}
.uio-info-banner .content-wrapper .message-text {
  margin: 0 0 0 10px;
  text-align: left;
  padding: 5px 0 2px 20px;
}
.uio-info-banner.blue-container .content-wrapper {
  color: #fff;
  background: url('../profile/images/icon-info-white.png') no-repeat 0 center;
}
.error-message-text {
  color: #f00;
}
#uio-app-menu-wrapper {
  background: #000;
}
#uio-app-menu-wrapper .grid-container {
  padding: 0;
  background: #000;
}
#uio-app-menu-wrapper .navigation {
  margin-top: 30px;
}
#uio-app-menu-wrapper.transition-visible,
#uio-app-menu-wrapper.transition-hidden {
  -webkit-transition: max-height 0.5s ease-in-out;
  -moz-transition: max-height 0.5s ease-in-out;
  -o-transition: max-height 0.5s ease-in-out;
  transition: max-height 0.5s ease-in-out;
  max-height: 0;
  overflow-y: hidden;
}
.navigation {
  background: black;
  color: #ddd;
}
.navigation h2 a {
  color: #eee;
}
.navigation h2 + h2 {
  margin-top: 30px;
}
.navigation li a {
  color: #ddd;
}
#menu-wrapper .menu,
.menu-search,
#nav-offcanvas {
  display: none;
}
table {
  width: 100%;
  border: 1px solid #eaeaea;
}
table caption {
  margin: 0 0 10px 0;
}
table th,
table td {
  padding: 10px 15px 6px 15px;
  border: 1px solid #eaeaea;
  vertical-align: top;
}
table th {
  color: #666;
  border-width: 0 1px 3px 0;
}
table td {
  border-width: 0 1px 1px 0;
}
table.minimal {
  border: none;
}
table.minimal caption {
  margin-bottom: 0;
}
table.minimal th,
table.minimal td {
  padding-left: 0;
}
table.minimal th:last-child,
table.minimal td:last-child {
  padding-right: 0;
}
table.minimal th {
  border-width: 0 0 3px 0;
}
table.minimal td {
  border-width: 0 0 1px 0;
}
table.minimal.horizontal th {
  border-width: 0 0 1px 0;
}
table.zebra tr:nth-child(odd) td {
  background: #f6f7f8;
}
table.fixed-layout {
  table-layout: fixed;
  word-wrap: break-word;
}
table.no-border,
table[border='0'] {
  border: none;
}
table.no-border th,
table[border='0'] th,
table.no-border td,
table[border='0'] td {
  border: none;
}
table th[class*='sortable-'],
table th[data-sort] {
  cursor: pointer;
}
table th[class*='sortable-'] span,
table th[data-sort] span {
  display: inline-block;
  height: .9em;
  width: .9em;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}
table th[class*='sortable-'].forwardSort,
table th[data-sort].forwardSort,
table th[class*='sortable-'].reverseSort,
table th[data-sort].reverseSort,
table th[class*='sortable-'].sorting-asc,
table th[data-sort].sorting-asc,
table th[class*='sortable-'].sorting-desc,
table th[data-sort].sorting-desc {
  color: #000;
}
table th[class*='sortable-'].forwardSort span,
table th[data-sort].forwardSort span,
table th[class*='sortable-'].sorting-asc span,
table th[data-sort].sorting-asc span {
  background: url('../profile/images/icon-down.svg') no-repeat bottom right;
  background-size: auto 100%;
}
table th[class*='sortable-'].reverseSort span,
table th[data-sort].reverseSort span,
table th[class*='sortable-'].sorting-desc span,
table th[data-sort].sorting-desc span {
  background: url('../profile/images/icon-up.svg') no-repeat bottom right;
}
html {
  background: #000;
}
body {
  background: #000;
}
ul {
  margin: 0;
  list-style-type: none;
}
ul li {
  margin: 0;
}
hr {
  border-bottom: 4px solid #eaeaea;
  clear: left;
}
blockquote {
  border-left: 4px solid #e2231a;
  padding-left: 60px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 30px;
  line-height: 3rem;
  font-family: Georgia, "Bitstream Charter", "Charis SIL", Utopia, "URW Bookman L", serif;
  /* Align line at left side with text */
}
blockquote:before,
blockquote:after {
  content: " ";
  display: block;
  border-left: 4px solid #fff;
  margin-left: -64px;
  height: 1px;
}
blockquote:before {
  margin-bottom: -0.7ex;
}
blockquote:after {
  margin-top: -0.7ex;
}
.uio-main ul,
.grid-container ul,
.uio-main ol,
.grid-container ol {
  margin: 15px 0;
}
.uio-main ul li,
.grid-container ul li,
.uio-main ol li,
.grid-container ol li {
  margin: 0 10px 5px 2.5ex;
}
.uio-main ul li ol,
.grid-container ul li ol,
.uio-main ol li ol,
.grid-container ol li ol,
.uio-main ul li ul,
.grid-container ul li ul,
.uio-main ol li ul,
.grid-container ol li ul {
  margin: 5px 0 10px 0;
}
.uio-main ul,
.grid-container ul {
  list-style-type: none;
}
.uio-main ul > li,
.grid-container ul > li {
  position: relative;
}
.uio-main ul > li:before,
.grid-container ul > li:before {
  content: "\25A0";
  color: #666;
  margin-left: -2.5ex;
  position: absolute;
  top: -0.15em;
  left: 0;
  width: 1em;
  overflow: hidden;
  font-size: .8em;
}
.uio-main ul > li.success:before,
.grid-container ul > li.success:before {
  content: "\2714";
  color: #008000;
  margin-left: -2ex;
  top: 0;
  font-size: 1.2em;
}
.uio-main ol ul > li:before,
.grid-container ol ul > li:before,
.uio-main ul ul > li:before,
.grid-container ul ul > li:before {
  content: "\25A1";
  color: #666;
}
.uio-main ol ul > li.success:before,
.grid-container ol ul > li.success:before,
.uio-main ul ul > li.success:before,
.grid-container ul ul > li.success:before {
  content: "\2714";
  color: #008000;
  margin-left: -2ex;
  top: 0;
  font-size: 1.2em;
}
.uio-main ul ol ul > li:before,
.grid-container ul ol ul > li:before,
.uio-main ol ol ul > li:before,
.grid-container ol ol ul > li:before,
.uio-main ol ul ul > li:before,
.grid-container ol ul ul > li:before,
.uio-main ul ul ul > li:before,
.grid-container ul ul ul > li:before {
  content: "\2582";
  color: #666;
  width: 1ex;
  top: -0.4em;
}
.uio-main ul ol ul > li.success:before,
.grid-container ul ol ul > li.success:before,
.uio-main ol ol ul > li.success:before,
.grid-container ol ol ul > li.success:before,
.uio-main ol ul ul > li.success:before,
.grid-container ol ul ul > li.success:before,
.uio-main ul ul ul > li.success:before,
.grid-container ul ul ul > li.success:before {
  content: "\2714";
  color: #008000;
  margin-left: -2ex;
  top: 0;
  font-size: 1.2em;
}
.uio-main ul.content-list,
.grid-container ul.content-list,
.uio-main .uio-user-content ul,
.grid-container .uio-user-content ul,
.uio-main ol.content-list,
.grid-container ol.content-list,
.uio-main .uio-user-content ol,
.grid-container .uio-user-content ol {
  margin: 20px 0 20px 20px;
}
.uio-main blockquote,
.grid-container blockquote {
  margin: 20px 0;
}
.read-more {
  display: inline-block;
  clear: left;
}
.read-more:before {
  content: " ";
  background: url('../profile/images/arrow-right-red.svg') no-repeat 0 0.2em;
  background-size: auto 100%;
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 10px;
}
@keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
@-webkit-keyframes ellipsis {
  to {
    width: 1.25em;
  }
}
.animated-ellipsis:after {
  display: inline-block;
  content: "\2026";
  margin-left: 5px;
  overflow: hidden;
  vertical-align: bottom;
  -webkit-animation: ellipsis steps(4, end) 900ms infinite;
  animation: ellipsis steps(4, end) 900ms infinite;
  width: 0px;
}
.uio-feed-channel {
  color: #fff;
  background: #e2231a;
  padding: .2rem .7rem .3rem;
  margin: 0 1ex 0 0;
  /* minus margin-top didn't work */
  position: relative;
  top: -0.2rem;
}
.uio-feed-channel.custom {
  background: black;
}
.feed {
  /* Maybe move globally to content.less for all images */
}
.feed ul:after {
  content: "";
  display: table;
  clear: both;
}
.feed img {
  display: block;
  max-width: 100%;
}
.feed .image {
  line-height: 0;
  display: block;
  margin-bottom: 15px;
  position: relative;
}
.feed .image .channel {
  position: absolute;
  top: 0;
  bottom: auto;
  left: 0;
  padding: .3rem 1.1rem .4rem;
}
.feed .feed-title {
  margin-bottom: 20px;
}
.feed .item-title:after {
  content: "\a ";
  white-space: pre-wrap;
}
.feed .channel,
.feed .published-date,
.feed .number-of-comments {
  display: inline-block;
}
.feed .channel {
  color: #fff;
  background: #e2231a;
  padding: .2rem .7rem .3rem;
  margin: 0 1ex 0 0;
  /* minus margin-top didn't work */
  position: relative;
  top: -0.2rem;
}
.feed .channel.custom {
  background: black;
}
.feed.with-images li,
.feed.events-feed li {
  margin: 0 0 30px 0;
}
.feed.with-images li:before,
.feed.events-feed li:before {
  display: none;
}
.feed.with-images ul,
.feed.events-feed ul {
  margin-bottom: 0;
}
.feed .items .col-1-3:nth-child(3n + 1) {
  clear: left;
}
.feed .items .col-1-2:nth-child(2n + 1) {
  clear: left;
}
.feed .items .add-event {
  display: block;
}
.resources .resource {
  border-bottom: 4px solid #eaeaea;
  padding-bottom: 40px;
  margin-bottom: 40px;
  width: 100%;
}
.resources .resource:after {
  content: "";
  display: table;
  clear: both;
}
.resources .resource:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.resources .image {
  display: block;
  float: left;
  margin: 1ex 25px 0 0;
  width: 170px;
}
.resources .image img {
  display: block;
  max-width: 100%;
}
.resources .image ~ * {
  margin-left: 195px;
}
.resources .resource-title:after {
  content: "\a ";
  white-space: pre-wrap;
}
.resources .resource-content span {
  display: inline;
}
.resources .resource-content > *:nth-child(2) {
  margin-top: 5px;
}
.resources .resource-content .more {
  display: inline-block;
}
.resources .description {
  margin-top: 10px;
}
.resources .description p:first-child {
  margin-top: 0;
}
.resources .description p:last-child {
  margin-bottom: 0;
}
.resources .more {
  margin-top: 10px;
}
.paging-feed-link {
  border-top: 6px solid #eaeaea;
}
.paging-feed-link .paging-wrapper {
  float: left;
}
.paging-feed-link .paging-wrapper a {
  display: inline-block;
  font-weight: bold;
  padding: 1px 10px 1px 10px;
}
.paging-feed-link .paging-wrapper a.page-previous {
  padding-left: 0;
}
.paging-feed-link .paging-wrapper a.page-next {
  padding-right: 0;
}
.paging-feed-link .paging-wrapper a.page-marked {
  background: #444;
  color: #fff;
}
.paging-feed-link .paging-wrapper a.page-number:hover,
.paging-feed-link .paging-wrapper a.page-number:focus {
  background: #eaeaea;
  color: #2771bb;
}
.paging-feed-link a.feed-link {
  float: right;
  display: inline-block;
  padding: 9px 0 9px 45px;
  margin: -1ex 0 0 0;
  color: #444;
  background: url('../profile/images/feed-icon.png') no-repeat center left;
}
.feed .event-end-time:before,
.resources .event-end-time:before {
  content: "- ";
}
.feed span + .event-location,
.resources span + .event-location {
  margin-left: -0.6ex;
  /* move one char to left */
}
.feed span + .event-location:before,
.resources span + .event-location:before {
  content: ", ";
}
.feed .event-date,
.resources .event-date {
  position: absolute;
  width: 40px;
  text-align: center;
}
.feed .event-date ~ *,
.resources .event-date ~ * {
  margin-left: 60px;
  display: inline-block;
}
.feed .event .item-title,
.resources .event .item-title {
  font-weight: bold;
}
.feed .channel ~ .item-title,
.resources .channel ~ .item-title {
  margin-left: 0;
}
.feed .description,
.resources .description {
  word-break: break-word;
}
.number-of-comments {
  margin-left: 12px;
  height: 20px;
}
.number-of-comments:before {
  content: " ";
  background: url('../profile/images/number-comments.svg') no-repeat 0 2px;
  background-size: auto 100%;
  display: inline-block;
  width: 1em;
  height: 1.1em;
  margin-right: 4px;
}
.filter-group .filter {
  position: absolute;
  z-index: -1;
}
.filter-group .filter + label {
  display: inline-block;
  padding: 5px 20px;
  background: white;
  color: #2771bb;
  cursor: pointer;
  border: 1px solid #c4c5c7;
}
.filter-group .filter:checked + label {
  background: #2974b5;
  color: white;
  border: 1px solid #2974b5;
}
.filter-group .filter:focus + label {
  text-decoration: underline;
}
.filter-group .filter:not(:first-child) + label {
  margin-left: -6px;
}
.ui-accordion.ui-widget .ui-accordion-header {
  border: none;
  border-bottom: 1px solid #eaeaea;
  color: #444;
  background: none;
  margin: 0;
  padding: 10px 0 10px 30px;
}
.ui-accordion.ui-widget .ui-accordion-header:first-child {
  border-top: 1px solid #eaeaea;
}
.ui-accordion.ui-widget .ui-accordion-header.ui-state-hover,
.ui-accordion.ui-widget .ui-accordion-header.ui-state-focus {
  text-decoration: underline;
}
.ui-accordion.ui-widget .ui-accordion-header.ui-state-hover {
  cursor: pointer;
}
.ui-accordion.ui-widget .ui-accordion-header .ui-icon {
  display: inline-block;
  background: transparent url('../profile/images/icon-chevron-right-red.svg') no-repeat center left;
  background-size: auto 100%;
  width: 30px;
  height: 1em;
  margin-bottom: -0.1em;
  margin-left: -30px;
  position: static;
}
.ui-accordion.ui-widget .ui-accordion-header.ui-accordion-header-active {
  border-bottom: 1px solid transparent;
  /* Remove but avoid animation jump */
}
.ui-accordion.ui-widget .ui-accordion-header.ui-accordion-header-active .ui-icon {
  background-image: url('../profile/images/icon-chevron-down-red.svg');
}
.ui-accordion.ui-widget .ui-accordion-header.accordion-links .ui-icon {
  float: right;
  margin-top: .1em;
  margin-bottom: 0;
}
.ui-accordion.ui-widget h3.ui-accordion-header {
  padding-top: 5px;
  padding-bottom: 5px;
}
.ui-accordion.ui-widget .ui-accordion-content {
  border: none;
  background: none;
  color: #444;
  padding: 0 0 10px 31px;
}
/* Tools */
[class*='col-'] .uio-app-tool {
  padding: 10px 0;
}
[class*='col-'] .uio-app-tool .content {
  background: #f2f2f2;
  text-align: center;
  padding: 10px 0;
}