/*
 * 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.
 */
/*
 * Utilities
 *
 */
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.5, 0.5);
    -moz-transform: scale(0.5, 0.5);
    -ms-transform: scale(0.5, 0.5);
    -o-transform: scale(0.5, 0.5);
    transform: scale(0.5, 0.5);
    opacity: 0.5;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1;
  }
}
@-moz-keyframes pulse1 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes pulse1 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@keyframes pulse1 {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-moz-keyframes sonarEffect {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.8;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
}
@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.8;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
}
@keyframes sonarEffect {
  0% {
    opacity: 0.5;
  }
  40% {
    opacity: 0.8;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -ms-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    opacity: 0;
  }
}
/* Sonar effect: http://tympanus.net/Development/IconHoverEffects/#set-8

&:after {
  content: ' ';
  position: absolute;
  width: 39px;
  height: 39px;
  top: 2px;
  left: 2px;
  .transform(scale(0.9));
  .borderRadius(50%);
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1), 0 0 7px 5px #fff, 0 0 0 6px rgba(0, 0, 0, 0.2);
  opacity: 0;
}

&:hover,
&:focus {
  &:after {
    .animation(sonarEffect, .5s, ease-out);
  }
}
*/
.ui-helper-hidden-accessible,
.offscreen-screenreader {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
/* Page breaks */
/* Grid */
html {
  font-size: 48%;
}
html.msie {
  font-size: 81%;
}
html,
body {
  background-color: transparent !important;
}
body {
  min-width: 0 !important;
}
.head-menu,
.uio-app-menu,
.header-search,
.uio-app-line-top,
#head-breadcrumb-container,
#menu-wrapper,
#uio-app-menu-wrapper,
#globalnav,
body .grid-container.navigation,
#left-main,
#bottomnav,
.bottom-nav,
.print-hide,
#museum-mark2,
#footer-wrapper {
  display: none !important;
}
html,
body,
#main,
#total-main,
#right-main,
#vrtx-content,
#head-wrapper #head {
  width: auto !important;
  height: auto !important;
  float: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}
#vrtx-main-content:last-child,
#vrtx-main-content.vrtx-hide-additional-content-true,
#vrtx-main-content.vrtx-empty-additional-content {
  width: 100% !important;
  float: none !important;
}
#vrtx-frontpage #vrtx-content:not(.vrtx-frontpage-wide) #vrtx-main-content,
#vrtx-main-content:not(.vrtx-empty-additional-content) {
  width: 66% !important;
}
#vrtx-additional-content {
  margin-left: 5% !important;
  width: 25% !important;
}
#vrtx-main-content.vrtx-hide-additional-content-true + #vrtx-additional-content {
  margin-left: 0 !important;
  width: 100% !important;
  float: none !important;
}
#main {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
#main ul,
#main ol,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p {
  max-width: none !important;
}
.vrtx-introduction-image {
  max-width: 100% !important;
}
body .vrtx-comments,
#head-wrapper {
  background: transparent !important;
}
.comments-header,
.vrtx-comment,
.uio-app-name {
  position: static !important;
}
/* Logo */
#head .uio-app-name {
  position: relative;
}
#head .uio-app-name .uio-host,
#head .uio-app-name .uio-acronym {
  display: inline !important;
}
#head .uio-app-name .uio-acronym {
  font-size: 22px;
  font-size: 2.2rem;
  padding-left: 0px;
  padding-right: 12px;
  margin-right: -4px;
  background-size: auto 1.9ex;
}
#head .uio-app-name .uio-host {
  font-size: 21px;
  font-size: 2.1rem;
}
#head .uio-app-name .uio-seal,
#head .uio-app-name .uio-host-resp,
#head .uio-app-name .uio-faculty,
#head .uio-app-name .uio-for-employees {
  display: none !important;
}
#head .uio-app-name a {
  color: #000 !important;
}
/* ^ Logo */
.vrtx-comments {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.vrtx-comment {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.comments-header,
.vrtx-comment {
  width: 100% !important;
}
/* Components */
.vrtx-social-components,
.vrtx-dropdown-component,
.vrtx-add-event,
.vrtx-feed-link,
.vrtx-back,
.info-link-wrapper,
#vrtx-internal-organizational-unit-corresponding-folder-link,
#vrtx-change-language-link,
#vrtx-course-navigation,
#vrtx-event-calendar,
a.vrtx-media,
.vrtx-feedback,
#comments-header-feedHref,
.add-comment,
#comments button {
  display: none !important;
}
/* Media */
div[id^='mediaspiller-'],
object[id^='mediaspiller-'] {
  display: none !important;
}
.vrtx-media-print {
  display: block !important;
  margin: 15px 0 !important;
}
/* ^ Media */
body,
p,
li,
h1,
h2,
h3,
h4,
h5,
h6,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #000 !important;
}
.ui-accordion .ui-accordion-header {
  border-bottom: none !important;
  padding: 0 !important;
  margin: 25px 0 10px 0 !important;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  display: none !important;
}
.ui-accordion .ui-accordion-content {
  padding: 0 !important;
  display: block !important;
}
h1 + .ui-accordion {
  margin-top: -15px !important;
}
/* Page break rules */
th,
td,
p,
li,
img,
figure {
  page-break-inside: avoid;
}
