/* CSS for samordnaopptak */
/*
 * 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% {
    opacity: 0;
    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);
  }
}
@-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% {
    opacity: 0;
    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);
  }
}
@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% {
    opacity: 0;
    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);
  }
}
/* 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;
}
/* Font-face CSS that also works on Android 2.3 */
@font-face {
  font-family: "DIN-OT-bold";
  src: url("/vrtx/decorating/resources/fonts/dinweb-bold.eot?#iefix") format("embedded-opentype"), url("/vrtx/decorating/resources/fonts/dinweb-bold.woff") format("woff"), url("/vrtx/decorating/resources/fonts/dinweb-bold.ttf") format("truetype");
}
#hidnav a[href="#bottomnav"] {
  display: none;
}
a {
  color: #0079ae;
  font-weight: 600;
}
h1,
#vrtx-searchview h1,
#vrtx-personsearch h1,
#vrtx-unitsearch h1,
#error h1 {
  font-family: "DIN-OT-bold";
  font-weight: 400;
  color: #222222;
  font-size: 40px;
  padding-top: 35px;
  max-width: 970px;
}
h2 {
  font-family: Arial, sans;
  color: #222222;
  font-weight: 700;
  font-size: 30px;
  line-height: 38px;
}
.vrtx-frontpage-box h2 {
  font-size: 30px;
}
#vrtx-additional-content .vrtx-frontpage-box h2 {
  font-size: 24px !important;
}
#vrtx-additional-content .vrtx-frontpage-box div.vrtx-box-content h2 {
  font-size: 20px;
  line-height: 28px;
}
h3 {
  font-family: arial;
  color: #222222;
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;
}
.vrtx-frontpage-box .vrtx-box-content h3,
#vrtx-additional-content .vrtx-frontpage-box h3 {
  font-size: 20px;
  line-height: 28px;
}
h4 {
  font-family: arial;
  color: #222222;
  font-weight: 700;
}
.not-for-ansatte .header-search-expand {
  background: #ffffff url("../images/magnifying-glass.png") no-repeat 9px 9px !important;
  background-size: 20px auto !important;
}
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search),
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.searchsubmit):not(.submit-button-link) input[type="button"]:not(.red),
.not-for-ansatte input[type="submit"]:not(.submit-comment-button):not(.red),
.not-for-ansatte input[type="cancel"]:not(.red),
.not-for-ansatte .header-search-expand,
.not-for-ansatte button {
  background-color: #f0f0f0 !important;
  color: #222222 !important;
  -webkit-transition: 0.5s all ease-in;
  -moz-transition: 0.5s all ease-in;
  -o-transition: 0.5s all ease-in;
  transition: 0.5s all ease-in;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):focus,
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.searchsubmit):not(.submit-button-link) input[type="button"]:not(.red):focus,
.not-for-ansatte input[type="submit"]:not(.submit-comment-button):not(.red):focus,
.not-for-ansatte input[type="cancel"]:not(.red):focus,
.not-for-ansatte .header-search-expand:focus,
.not-for-ansatte button:focus,
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):hover,
.not-for-ansatte button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.searchsubmit):not(.submit-button-link) input[type="button"]:not(.red):hover,
.not-for-ansatte input[type="submit"]:not(.submit-comment-button):not(.red):hover,
.not-for-ansatte input[type="cancel"]:not(.red):hover,
.not-for-ansatte .header-search-expand:hover,
.not-for-ansatte button:hover {
  color: #ffffff;
  background-color: #cecece !important;
}
.not-for-ansatte .header-search {
  top: 55px;
  z-index: 10;
}
.not-for-ansatte .header-search input[type="text"] {
  background: #cecece;
  color: #444444;
}
.not-for-ansatte .header-search input[type="text"]::-webkit-input-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:-moz-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]::-moz-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:-ms-input-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:focus::-webkit-input-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:focus:-moz-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:focus::-moz-placeholder {
  color: #222222 !important;
}
.not-for-ansatte .header-search input[type="text"]:focus:-ms-input-placeholder {
  color: #222222 !important;
}
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search),
.not-for-ansatte #main input[type="button"]:not(.red),
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red),
.not-for-ansatte #main input[type="cancel"]:not(.red),
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white) {
  background-color: #017CBA;
}
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):hover,
.not-for-ansatte #main input[type="button"]:not(.red):hover,
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red):hover,
.not-for-ansatte #main input[type="cancel"]:not(.red):hover,
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white):hover,
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):focus,
.not-for-ansatte #main input[type="button"]:not(.red):focus,
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red):focus,
.not-for-ansatte #main input[type="cancel"]:not(.red):focus,
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white):focus {
  background-color: #016EA4;
}
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search),
.not-for-ansatte #main input[type="button"]:not(.red),
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red),
.not-for-ansatte #main input[type="cancel"]:not(.red),
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white) {
  color: #ffffff;
}
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):hover,
.not-for-ansatte #main input[type="button"]:not(.red):hover,
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red):hover,
.not-for-ansatte #main input[type="cancel"]:not(.red):hover,
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white):hover,
.not-for-ansatte #main .button:not(.comment-delete-button):not(#vrtx-comments-delete-all):not(.red):not(.white):not(.program-create-print):not(.program-create-send-dialog):not(.vrtx-program-read-more):not(.vrtx-program-how-search):focus,
.not-for-ansatte #main input[type="button"]:not(.red):focus,
.not-for-ansatte #main input[type="submit"]:not(.submit-comment-button):not(.red):focus,
.not-for-ansatte #main input[type="cancel"]:not(.red):focus,
.not-for-ansatte #main button:not(.comment-delete-button):not(#vrtx-commments-delete-all):not(.red):not(.white):focus {
  color: #ffffff;
}
.not-for-ansatte #main .button-large {
  border: 3px solid #cecece;
  border-radius: 2px;
  height: 60px;
  width: 214px;
  padding: 14px 20px;
  background: #016EA4;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#017CBA, #016EA4);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#017CBA, #016EA4);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#017CBA, #016EA4);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#017CBA, #016EA4);
  /* Standard syntax */
}
.not-for-ansatte #main .button-large:hover,
.not-for-ansatte #main .button-large:focus {
  background: #0186B6 !important;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#0195C7, #0186B6) !important;
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0195C7, #0186B6) !important;
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0195C7, #0186B6) !important;
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0195C7, #0186B6) !important;
  /* Standard syntax */
  text-decoration: underline;
}
.not-for-ansatte #main .button-large span {
  background: url(/vrtx/decorating/resources/images/arrow-right.png) 100% 55% no-repeat;
  width: 100%;
  display: inline-block;
}
.not-for-ansatte #head-wrapper {
  background: url(../images/menu-bg.png) repeat-x bottom left #ffffff !important;
  border-bottom: 1px solid #d0d0d0;
}
.not-for-ansatte #head-wrapper #head {
  height: 170px;
}
.not-for-ansatte #head-wrapper #head .uio-app-name {
  display: none;
}
.not-for-ansatte #head-wrapper #head .head-menu {
  right: 95px;
  top: 55px;
}
.not-for-ansatte #head-wrapper #head .head-menu .language {
  display: none;
}
.not-for-ansatte #head-wrapper #head .head-menu .vrtx-dropdown-link {
  background: transparent url("/vrtx/decorating/resources/images/language-dropdown-toggle-black.png") no-repeat scroll 100% 53%;
  margin-right: 7px;
}
.not-for-ansatte #head-wrapper #head .head-menu a {
  color: #777777;
}
.not-for-ansatte #head-wrapper #head .head-menu .vrtx-dropdown-wrapper ul li a {
  color: #0079ae !important;
}
.not-for-ansatte #head-wrapper #head #header .home-link {
  width: 172px;
  height: 50%;
  top: 20px;
  left: 20px;
  position: absolute;
}
.not-for-ansatte #head-wrapper #head #header .home-link img {
  width: 100%;
  top: 23px;
  left: 0;
}
.not-for-ansatte #head-wrapper #head #header span.context {
  left: 200px;
  top: 83px;
  position: absolute;
  font-size: 24px;
}
.not-for-ansatte #head-wrapper #head #header span.context a {
  color: #444444;
}
.not-for-ansatte #head-wrapper #head #header img {
  position: absolute;
  top: 45px;
  left: 20px;
}
.not-for-ansatte #head-wrapper #head #header .top-menu {
  font-size: 0.778em;
  padding-right: 0;
  position: absolute;
  right: 0px;
  top: 18px;
  font-weight: 700;
}
.not-for-ansatte #head-wrapper #head #header .top-menu a {
  padding-left: 20px;
}
.not-for-ansatte #head-wrapper #head #header .faq {
  position: absolute;
  top: 100px;
  right: 0px;
}
.not-for-ansatte #head-wrapper #head #header #logo {
  background: url(../images/logo.png) no-repeat scroll left center transparent;
  height: 73px;
  left: 14px;
  top: 43px;
  width: 430px;
}
.tekststorrelse {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 10000;
  font-size: 36px;
  line-height: 32px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
}
.lighter {
  color: #ccc;
}
.larger {
  font-size: 18px;
}
.smaller {
  font-size: 12px;
}
#globalnav {
  background: transparent;
}
#globalnav ul li a {
  font-weight: 600;
  padding: 11px 0 7px 0 !important;
  margin: 0px 15px 0px 20px;
  color: #0079ae !important;
}
#globalnav ul li a:hover,
#globalnav ul li a:focus {
  background: transparent !important;
  text-decoration: none;
  border-bottom: 4px solid #0079ae !important;
}
#globalnav ul li.vrtx-active-item a {
  background: transparent !important;
  text-decoration: none;
  color: #444444 !important;
  border-bottom: 4px solid #777777 !important;
}
#globalnav ul li.tidsfrister {
  display: none;
}
#left-main ul.vrtx-breadcrumb-menu {
  margin-top: 35px;
}
#left-main ul.vrtx-breadcrumb-menu li {
  background: #f4f4f4;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-ancestor {
  background: transparent url(/vrtx/decorating/resources/images/breadcrumb-menu-ancestor-arrow-down.png) no-repeat 0% 100%;
  z-index: 3;
  padding-bottom: 13px;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-parent {
  margin-top: -20px;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-ancestor a,
#left-main ul.vrtx-breadcrumb-menu li.vrtx-parent {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 22px;
  border: 1px solid #cecece;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a,
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a.vrtx-marked,
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a.vrtx-after-marked {
  background-color: #ffffff;
  border-top: 1px solid #cecece;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a.vrtx-marked,
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a.vrtx-marked.vrtx-marked,
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child a.vrtx-after-marked.vrtx-marked {
  color: #222222;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child > a.vrtx-marked {
  border-top: 1px solid #cecece;
}
#left-main ul.vrtx-breadcrumb-menu li > a.vrtx-marked {
  background: #f4f4f4;
  color: #222222;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-child > a::before {
  content: " ";
  background: url(/vrtx/decorating/resources/images/bullet-li.png) no-repeat 0 7px;
}
#left-main ul.vrtx-breadcrumb-menu li.vrtx-childa {
  color: #0079ae;
}
.vrtx-introduction {
  background: url(../images/zigzag.png) repeat-x scroll -3px 100% transparent;
  font-family: arial, sans-serif;
  color: #444;
  margin-bottom: 20px !important;
  padding-bottom: 15px !important;
  font-size: 22px !important;
  font-size: 2.2rem !important;
  line-height: 30px;
}
#vrtx-frontpage-introduction {
  margin-bottom: 0;
}
#vrtx-frontpage-introduction .vrtx-introduction {
  background: none;
}
.vrtx-frontpage-box .vrtx-distach-bottom {
  margin-bottom: 20px;
}
.vrtx-frontpage-box.so-box,
.vrtx-frontpage-box.white-box {
  border: 1px solid silver;
  box-shadow: 4px 4px #cecece;
  padding: 14px;
}
.vrtx-frontpage-box.so-box.third-box-left,
.vrtx-frontpage-box.white-box.third-box-left,
.vrtx-frontpage-box.so-box.third-box-middle,
.vrtx-frontpage-box.white-box.third-box-middle {
  margin-right: 20px;
  width: 30%;
}
.vrtx-frontpage-box.so-box.half-box-left,
.vrtx-frontpage-box.white-box.half-box-left,
.vrtx-frontpage-box.so-box.half-box-right,
.vrtx-frontpage-box.white-box.half-box-right {
  width: 48%;
  height: auto !important;
}
.vrtx-frontpage-box.so-box.half-box-left,
.vrtx-frontpage-box.white-box.half-box-left {
  margin-right: 20px;
}
.vrtx-frontpage-box.vrtx-frontpage-box-picture.image-left {
  border: 1px solid silver;
  box-shadow: 4px 4px #cecece;
  width: 100%;
}
.vrtx-frontpage-box.vrtx-frontpage-box-picture.image-left .vrtx-frontpage-box-picture {
  float: left;
  margin: 10px 20px 10px 0;
  clear: none;
}
.vrtx-frontpage-box.responsive-pos-97,
.vrtx-frontpage-box.responsive-pos-98,
.vrtx-frontpage-box.responsive-pos-99 {
  height: 390px !important;
  display: flex;
  flex-direction: column;
}
.vrtx-frontpage-box.responsive-pos-97 .center-image {
  margin-top: 40px;
  margin-left: -14px;
  margin-right: -14px;
}
.vrtx-frontpage-box.responsive-pos-98 .center-image {
  margin-top: 12px;
  margin-left: -14px;
  margin-right: -14px;
}
.vrtx-frontpage-box.responsive-pos-99 {
  width: 207px;
}
.vrtx-frontpage-box.responsive-pos-99 .center-image {
  margin-top: 58px;
  margin-left: -14px;
  margin-right: -14px;
}
.vrtx-frontpage-box div.vrtx-more a,
.vrtx-frontpage-box a.all-messages,
.vrtx-frontpage-box a.more-url,
.vrtx-frontpage-box .vrtx-frontpage-box a.more,
.vrtx-frontpage-box #vrtx-additional-content a.more,
.vrtx-frontpage-box #vrtx-additional-content a.all-messages {
  background: url(../images/blue-arrow-small.png) no-repeat scroll 95% 3px !important;
  padding: 3px 50px 1px 45px !important;
}
.vrtx-frontpage-box .vrtx-more {
  border-top: 3px solid #eaeaea;
  margin-top: 30px;
}
.vrtx-frontpage-box .vrtx-more span {
  padding: 14px 0;
}
#vrtx-additional-content a {
  font-weight: 600;
}
#vrtx-additional-content .vrtx-frontpage-box {
  border: 1px solid silver;
  -moz-box-shadow: 4px 4px #cecece;
  -webkit-box-shadow: 4px 4px #cecece;
  box-shadow: 4px 4px #cecece;
  padding: 14px;
}
#vrtx-additional-content .vrtx-frontpage-box.vrtx-distach-bottom:not(.grey-box):not(.grey-box-light):not(.uio-info-message):not(#footer-wrapper) {
  border: 1px solid silver;
}
#vrtx-additional-content .vrtx-frontpage-box.tidsfrist {
  margin-top: -110px !important;
  padding: 0 !important;
}
#vrtx-additional-content .vrtx-frontpage-box.tidsfrist h2 {
  background: url(../images/clock.png) no-repeat scroll 14px 23px transparent;
  padding: 20px 0 2px 45px;
}
#vrtx-additional-content .vrtx-frontpage-box .vrtx-distach-bottom {
  margin-bottom: 20px;
}
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed ul li {
  margin-left: 0px;
  padding: 0px 14px 10px 14px !important;
}
#vrtx-additional-content .vrtx-frontpage-box .vrtx-feed ul li::before {
  content: " ";
}
#vrtx-additional-content .vrtx-frontpage-box:not(.vrtx-additional-content-last):not(.vrtx-distach-bottom),
#vrtx-additional-content .vrtx-feed:not(.vrtx-additional-content-last):not(.vrtx-distach-bottom),
#vrtx-additional-content .vrtx-recent-comments:not(.vrtx-additional-content-last):not(.vrtx-distach-bottom) {
  margin-bottom: -31px !important;
  border-bottom: none !important;
  box-shadow: 4px 0px #cecece;
}
#vrtx-additional-content .vrtx-distatch-bottom {
  margin-bottom: 31px !important;
}
#vrtx-additional-content .vrtx-event-component li,
#vrtx-additional-content .vrtx-feed li {
  background: none repeat scroll 0 0 transparent !important;
  border-bottom: 1px solid silver;
  list-style-type: none;
  width: 100%;
  padding: 0.5em 0 1em !important;
}
#vrtx-additional-content .vrtx-feed li:last-child {
  border-bottom: none;
}
a.vrtx-more::before,
div.vrtx-more a::before,
a.all-messages::before,
a.all-comments::before,
.footer > .vrtx-search-scope a::before,
a.more-url::before {
  background: none;
}
#main .vrtx-back a::before {
  background: url("../images/icon-chevron-back-blue.svg") no-repeat 0 0.2ex;
  background-size: auto 100%;
  content: " ";
}
.ui-accordion.ui-widget .ui-accordion-header {
  color: #0079ae;
  border-bottom: 0;
  text-indent: -12px;
  padding-left: 47px;
}
.ui-accordion.ui-widget .ui-accordion-header:first-child {
  border-top: 0;
}
.ui-accordion.ui-widget .ui-accordion-header .ui-icon {
  background: transparent url("../images/accordion-collapsed.png") no-repeat center left;
  margin-right: 10px;
}
.ui-accordion.ui-widget .ui-accordion-header.ui-accordion-header-active .ui-icon {
  background-image: url("../images/accordion-expanded.png");
}
hr,
#vrtx-additional-content hr {
  background: url(../images/zigzag.png) repeat-x scroll -3px 100% transparent;
  height: 3px;
  border-bottom: none;
}
div.list-item {
  background: url(../images/green-square.png) no-repeat scroll 0 2px transparent;
  color: #fff !important;
  float: left;
  margin-left: 0 !important;
  margin-right: 18px;
  padding-bottom: 0;
  padding-right: 7px;
  padding-left: 6px !important;
}
div.list p,
div.list span,
div.list ul,
div.list table {
  margin-left: 44px;
}
div.list li p,
div.list p strong,
div.list p b,
div.list p h3,
div.list p h2 {
  margin-left: 0;
}
div.list strong,
div.list b,
div.list h3,
div.list h2 {
  margin-left: 44px;
}
div.checklist-item-big {
  background: url(../images/checklist.png) no-repeat scroll 0 0 transparent;
  padding-bottom: 0;
  padding-left: 62px !important;
  padding-right: 7px;
}
div.checklist-item-big h2,
div.list h2 {
  font-family: "DIN-OT-bold";
  font-weight: 400;
  font-size: 24px;
  margin-bottom: -2px;
  line-height: 34px;
}
.uio-main ul > li:before,
.grid-container ul > li:before {
  content: "\25CF";
}
table th {
  background-color: #cecece;
  color: #222222;
}
table.vertical tbody th[scope="row"] {
  white-space: pre-wrap;
}
#bottomnav {
  display: none !important;
}
.not-for-ansatte:not(.header-context) .responsible-login .content {
  margin-left: 90px;
}
.not-for-ansatte #footer-wrapper {
  background: url(../images/footer-so.png);
  border-top: 4px solid #eaeaea;
}
.not-for-ansatte #footer-wrapper *,
.not-for-ansatte #footer-wrapper a {
  font-size: 16px;
  font-size: 1.6rem;
  color: #0079ae;
}
.not-for-ansatte #footer-wrapper .menu-label {
  font-weight: bold;
  color: #777777 !important;
}
.not-for-ansatte #footer-wrapper .vrtx-login-manage-link {
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url("../images/dropdown-black.png") no-repeat center right;
}
.not-for-ansatte #footer-wrapper #footers .col-3-5 {
  width: 68%;
}
.not-for-ansatte #footer-wrapper #footers .col-3-5 .col-1-3 .content a:not(.vrtx-dropdown-form-link):not(.vrtx-dropdown-link):hover,
.not-for-ansatte #footer-wrapper #footers .col-3-5 .col-1-3 .content a:not(.vrtx-dropdown-form-link):not(.vrtx-dropdown-link):focus {
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.not-for-ansatte #footer-wrapper #footers .col-3-5 .col-1-3 .unit {
  margin-top: 14px;
  margin-left: 30px;
}
.not-for-ansatte #footer-wrapper #footers .col-2-5 {
  width: 32%;
}
.not-for-ansatte #footer-wrapper #footers .col-2-5 .content {
  margin-left: 40px;
}
@media all {
  .page-break {
    display: none;
  }
}
@media only screen and (max-width: 16cm) and (orientation: portrait), only screen and (max-width: 19cm) and (orientation: landscape) {
  .not-for-ansatte #nav-offcanvas #lang-link {
    display: none;
  }
  .not-for-ansatte #head-wrapper #head #header .top-menu {
    right: 14px;
    top: 0px;
  }
  .not-for-ansatte #head-wrapper #head #header .top-menu a.teksthint {
    display: none;
  }
  .not-for-ansatte #head-wrapper #head #header #logo {
    top: 40px;
    left: 20px;
    max-width: 40%;
  }
  .not-for-ansatte #head-wrapper #head #header .faq {
    top: 125px;
    right: 14px;
  }
  .not-for-ansatte #menu-wrapper .menu {
    background: #222222 none repeat scroll 0 0;
  }
  .not-for-ansatte #menu-wrapper .menu li.active,
  .not-for-ansatte #menu-wrapper .menu li.active a.toggle-search {
    background: #777777 none repeat scroll 0 0;
  }
  .not-for-ansatte #menu-wrapper .menu li a.toggle-search {
    background: #222222;
  }
  .not-for-ansatte .menu-search input[type="text"] {
    border-right-width: 5em !important;
    padding-right: 0px;
  }
  .not-for-ansatte .menu-search button {
    background-color: #cecece;
    color: #222222;
    -webkit-transition: 0.5s all ease-in;
    -moz-transition: 0.5s all ease-in;
    -o-transition: 0.5s all ease-in;
    transition: 0.5s all ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
  }
  .not-for-ansatte .menu-search button:focus,
  .not-for-ansatte .menu-search button:hover {
    background-color: #444444;
    color: #ffffff;
  }
  .not-for-ansatte #main .image-left {
    max-width: 100% !important;
  }
  .not-for-ansatte #nav-offcanvas li ul > li::before {
    font-size: 0.6em;
    top: 0.5em !important;
  }
  .not-for-ansatte #vrtx-additional-content .vrtx-frontpage-box.vrtx-distach-bottom:not(.grey-box):not(.grey-box-light):not(.uio-info-message):not(#footer-wrapper),
  .not-for-ansatte #vrtx-frontpage #main .grid-container:not(.row-last-colored) + .grid-container:not(.row-first-colored) {
    border: none;
  }
  .not-for-ansatte #vrtx-additional-content .vrtx-frontpage-box,
  .not-for-ansatte .vrtx-frontpage-box.so-box,
  .not-for-ansatte .vrtx-frontpage-box.white-box {
    border: none;
    box-shadow: none;
  }
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-97 .center-image,
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-98 .center-image,
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-99 .center-image {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-97 .center-image img,
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-98 .center-image img,
  .not-for-ansatte .vrtx-frontpage-box.responsive-pos-99 .center-image img {
    margin-left: auto;
    margin-right: auto;
  }
  .not-for-ansatte #footer-wrapper #footers .col-3-5 {
    width: 100%;
  }
  .not-for-ansatte #footer-wrapper #footers .col-3-5 .col-1-3 .unit {
    margin-left: 0;
  }
  .not-for-ansatte #footer-wrapper #footers .col-2-5 {
    width: 100%;
  }
  .not-for-ansatte #footer-wrapper #footers .col-2-5 .content {
    margin-left: 0;
  }
}
@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
  #main {
    margin-top: 130px !important;
  }
}
/* Mixin */
/*------------------------------------*\
# COLOR
\*------------------------------------*/
/*------------------------------------*\
# FONT
\*------------------------------------*/