/*
Genus 19.20.9
Build Time: Tue, 02 Apr 2019 06:37:16 GMT

Powered by Genus Apps(R)
genus.no
*/


#screenBlock {
	position : fixed;
	left     : 0;
	top      : 0;
	width    : 100%;
	height   : 100%;
	z-index  : 10000;
}


@-moz-keyframes loader {
	0%   { width: 0; }
	100% { width: 100%; }
}

@-ms-keyframes loader {
	0%   { width: 0; }
	100% { width: 100%; }
}

@-webkit-keyframes loader {
	0%   { width: 0; }
	100% { width: 100%; }
}

@keyframes loader {
	0%   { width: 0; }
	100% { width: 100%; }
}
/* Variables
*********************************************/
/* Imports
*********************************************/
@font-face {
  font-family: 'iconFont';
  src: url('../fonts/iconFont.eot');
  src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype'), url('../fonts/iconFont.svg#iconFont') format('svg');
  font-weight: normal;
  font-style: normal;
}
input {
  width: 100%;
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
}
input[type="text"],
input[type="password"],
input[type="url"],
input[type="email"],
input[type="number"],
select,
textarea {
  font-family: arial, sans-serif;
  border-radius: 0;
  outline: 0;
  height: 100%;
}
.input-control.checkbox,
.input-control.radio,
.input-control.switch,
.input-control.text,
.input-control.password,
.input-control.select,
.input-control.textarea {
  display: inline-block;
  cursor: pointer;
  position: relative;
}
label.checkbox {
  width: 100%;
}
.checkbox input[type="checkbox"],
.radio input[type="checkbox"],
.checkbox input[type="radio"],
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
}
.checkbox input[type="checkbox"]:focus + .check,
.radio input[type="checkbox"]:focus + .check,
.checkbox input[type="radio"]:focus + .check,
.radio input[type="radio"]:focus + .check {
  border-color: #919191;
}
.checkbox .caption,
.radio .caption {
  margin: 0 5px;
}
.checkbox .check,
.radio .check {
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border: 2px #cccccc solid;
  padding: 0;
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.checkbox:hover .check,
.radio:hover .check {
  border-color: #919191;
}
.checkbox .check:active,
.radio .check:active {
  border-color: #1e1e1e;
}
.checkbox .check:focus,
.radio .check:focus {
  border-color: #919191;
}
.checkbox .check:after,
.radio .check:after {
  font-family: iconFont;
}
.checkbox input[type="checkbox"]:checked + .check:after,
.radio input[type="checkbox"]:checked + .check:after,
.checkbox input[type="radio"]:checked + .check:after,
.radio input[type="radio"]:checked + .check:after {
  position: absolute;
  content: "\e08a";
  margin: 2px;
  top: 0;
  color: #1d1d1d;
}
.checkbox input[type="checkbox"]:disabled + .check,
.radio input[type="checkbox"]:disabled + .check,
.checkbox input[type="radio"]:disabled + .check,
.radio input[type="radio"]:disabled + .check {
  border-color: #cccccc;
  background-color: #e6e6e6;
}
.checkbox input[type="checkbox"]:disabled + .check:after,
.radio input[type="checkbox"]:disabled + .check:after,
.checkbox input[type="radio"]:disabled + .check:after,
.radio input[type="radio"]:disabled + .check:after {
  color: #8a8a8a;
}
.checkbox input[data-show="intermediate"] + .check:after,
.radio input[data-show="intermediate"] + .check:after,
.checkbox input[data-show="intermediate"]:checked + .check:after,
.radio input[data-show="intermediate"]:checked + .check:after {
  display: block;
  content: "" !important;
  width: 10px;
  height: 10px;
  background-color: #1d1d1d;
  margin: 3px;
}
.checkbox input[data-show="intermediate"]:disabled + .check:after,
.radio input[data-show="intermediate"]:disabled + .check:after {
  background-color: #8a8a8a;
}
.checkbox span.item-center,
.radio span.item-center {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.radio > label {
  line-height: 22px;
}
.radio .check {
  border-radius: 50%;
}
.radio.default-style input[type="radio"]:checked + .check:after {
  display: block;
  content: "" !important;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #1d1d1d;
  margin: 3px;
}
.radio.default-style input[type="radio"]:checked:disabled + .check:after {
  background-color: #8a8a8a;
}
.radio .check:after {
  font-size: 8px;
  line-height: 8px;
}
.checkbox .check:after {
  font-size: 7.35pt;
  line-height: 7.35pt;
}
.text,
.password,
.file {
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  outline: 0;
  height: 24px;
  position: relative;
  width: 100%;
}
.text input::-ms-reveal,
.password input::-ms-reveal,
.file input::-ms-reveal,
.text input::-ms-clear,
.password input::-ms-clear,
.file input::-ms-clear {
  display: none;
}
.text input,
.password input,
.file input {
  border: 1px #cccccc solid;
  width: 100%;
  height: 100%;
  padding: 2px 4px;
  z-index: 1;
}
.text input:focus,
.password input:focus,
.file input:focus {
  outline: 0;
  border-color: #919191;
}
.text input:disabled,
.password input:disabled,
.file input:disabled {
  padding-right: 5px;
}
.text input:-moz-placeholder,
.password input:-moz-placeholder,
.file input:-moz-placeholder {
  color: #999999;
}
.text input::-webkit-input-placeholder,
.password input::-webkit-input-placeholder,
.file input::-webkit-input-placeholder {
  color: #999999;
}
.select {
  height: 24px;
}
.select,
.textarea {
  display: inline-block;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.select select,
.textarea select,
.select textarea,
.textarea textarea {
  border: 1px #cccccc solid;
  width: 100%;
}
.select select:focus,
.textarea select:focus,
.select textarea:focus,
.textarea textarea:focus {
  outline: 0;
  border-color: #919191;
}
.select textarea,
.textarea textarea {
  min-height: 100px;
  padding: 2px;
}
.select.combobox,
.textarea.combobox {
  height: 24px;
}
.text[class*="span"],
.password[class*="span"],
.select[class*="span"],
.textarea[class*="span"],
.file[class*="span"] {
  margin-left: 0;
}
input[type="button"],
input[type="submit"],
input[type="reset"] {
  padding: 2px 16px;
  text-align: center;
  vertical-align: middle !important;
  border: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  height: 26px;
  margin-left: 0;
  /* Firefox on Android override */
  background: -moz-linear-gradient(top, transparent, transparent);
  box-shadow: none;
  border-radius: 0;
  background-color: #CCCCCC;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover {
  background-color: #BBBBBB;
}
input[type="button"]:active,
input[type="submit"]:active,
input[type="reset"]:active {
  background-color: #AAAAAA;
}
input[type="button"].highlight,
input[type="submit"].highlight,
input[type="reset"].highlight {
  background-color: #0066CC;
  color: #fff;
}
input[type="button"].highlight:hover,
input[type="submit"].highlight:hover,
input[type="reset"].highlight:hover {
  background-color: #005CB8;
}
input[type="button"].highlight:active,
input[type="submit"].highlight:active,
input[type="reset"].highlight:active {
  background-color: #0057AD;
}
.button {
  padding: 2px 16px;
  text-align: center;
  vertical-align: middle !important;
  border: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  height: 26px;
  margin-left: 0;
  /* Firefox on Android override */
  background: -moz-linear-gradient(top, transparent, transparent);
  box-shadow: none;
  border-radius: 0;
  background-color: #CCCCCC;
}
.button:hover {
  background-color: #BBBBBB;
}
.button:active {
  background-color: #AAAAAA;
}
.button.highlight {
  background-color: #0066CC;
  color: #fff;
}
.button.highlight:hover {
  background-color: #005CB8;
}
.button.highlight:active {
  background-color: #0057AD;
}
.button-with-icon {
  width: 36px;
  height: 36px;
  border: 0;
  outline: none;
  background-color: transparent !important;
  padding: 0;
  cursor: pointer;
}
.button-with-icon svg {
  width: 36px;
  height: 36px;
}
.button-with-icon circle {
  fill-opacity: 0;
  stroke: #0066CC;
  stroke-width: 4;
}
.button-with-icon path {
  fill: #0066CC;
  fill-opacity: 1;
  stroke-width: 0.2;
  stroke-linejoin: round;
}
.button-with-icon:hover circle {
  fill: #DBEDFF;
  fill-opacity: 1;
}
.button-with-icon:active circle {
  fill: #0066CC;
  fill-opacity: 1;
}
.button-with-icon:active path {
  fill: #FFFFFF;
}
button.button-normal {
  padding: 2px 16px;
  text-align: center;
  vertical-align: middle !important;
  border: 0;
  cursor: pointer;
  display: inline-block;
  outline: none;
  font-family: arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  height: 26px;
  margin-left: 0;
  /* Firefox on Android override */
  background: -moz-linear-gradient(top, transparent, transparent);
  box-shadow: none;
  border-radius: 0;
  background-color: #CCCCCC;
}
button.button-normal:hover {
  background-color: #BBBBBB;
}
button.button-normal:active {
  background-color: #AAAAAA;
}
button.button-normal.highlight {
  background-color: #0066CC;
  color: #fff;
}
button.button-normal.highlight:hover {
  background-color: #005CB8;
}
button.button-normal.highlight:active {
  background-color: #0057AD;
}
button.button-icon {
  width: 36px;
  height: 36px;
  border: 0;
  outline: none;
  background-color: transparent !important;
  padding: 0;
  cursor: pointer;
}
button.button-icon svg {
  width: 36px;
  height: 36px;
}
button.button-icon circle {
  fill-opacity: 0;
  stroke: #0066CC;
  stroke-width: 4;
}
button.button-icon path {
  fill: #0066CC;
  fill-opacity: 1;
  stroke-width: 0.2;
  stroke-linejoin: round;
}
button.button-icon:hover circle {
  fill: #DBEDFF;
  fill-opacity: 1;
}
button.button-icon:active circle {
  fill: #0066CC;
  fill-opacity: 1;
}
button.button-icon:active path {
  fill: #FFFFFF;
}
html,
body {
  padding: 0;
  margin: 0;
  height: 100%;
}
html,
body,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  font-family: arial, sans-serif;
  background-color: #ffffff;
}
input,
textarea {
  -webkit-user-select: auto !important;
  -ms-user-select: auto !important;
}
a {
  -webkit-touch-callout: none;
}
a,
a:visited,
a:hover,
a:active {
  text-decoration: none;
}
table,
tr,
td {
  border: 0;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
ul,
li {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
h1,
h2,
h3 {
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
h1 {
  color: #0066CC;
  margin-bottom: 8px;
}
h2 {
  color: #0066CC;
}
h3 {
  font-size: 1.6em;
}
.headLine {
  font-family: arial, sans-serif;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 2em;
  color: #0066CC;
  display: block;
}
#warningMessage {
  color: #505050;
  margin: 0 auto;
  padding: 60px 24px 12px 24px;
  width: 450px;
}
.horizontalLine {
  margin-top: 12px;
  margin-bottom: 12px;
}
.maintenanceHeader {
  font-family: arial, sans-serif;
  margin: 0;
  padding-bottom: 16px;
  font-weight: normal;
  font-size: 2em;
  color: #505050;
  display: block;
}
.section .left-right-padding {
  padding: 0 12px;
}
.section .margin-bottom-normal {
  margin-bottom: 6px;
}
.section .margin-bottom-large {
  margin-bottom: 10px;
}
.section .margin-top-normal {
  margin-top: 6px;
}
.section .margin-top-large {
  margin-top: 10px;
}
.section .content {
  margin: 0 auto;
  padding-top: 8px;
}
.section .toolbar {
  height: 36px;
  line-height: 36px !important;
}
.section .infobox {
  margin: 30px 12px 0 12px;
  padding: 12px;
  background-color: #EEEEEE;
}
.section ul.list {
  margin: 16px 12px;
  background-color: white;
  height: 156px;
  overflow: auto;
  border: 1px solid;
  -webkit-overflow-scrolling: touch;
  -ms-touch-action: none;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-touch-action: pan-y;
}
.section ul.list li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  padding: 4px 6px;
  height: 57px;
}
.section ul.list li .server-name {
  font-size: 1.2em;
  color: #595959;
}
.section ul.list li .server-url {
  font-size: 0.9em;
  color: #aaaaaa;
}
.section ul.list li .server-version {
  font-size: 0.9em;
  color: #aaaaaa;
}
.section ul.list li.selected {
  background-color: #eeeeee;
}
.section .poweredBy {
  clear: both;
  position: relative;
  width: 100%;
  font-size: 10px;
  margin-top: 30px;
  text-align: center;
  color: #aaaaaa;
}
.section .poweredBy a {
  color: #aaaaaa;
}
.section .poweredBy a:hover {
  color: #aaaaaa;
  text-decoration: underline;
}
.loaderbar {
  position: absolute;
  z-index: 9999;
  height: 4px;
}
.loaderbar.active {
  -moz-animation: loader 2s infinite linear;
  -ms-animation: loader 2s infinite linear;
  -webkit-animation: loader 2s infinite linear;
  animation: loader 2s infinite linear;
}
.modal {
  position: fixed;
  top: 0;
  z-index: 999;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.modal .container {
  background-color: #ffffff;
  padding: 24px 12px;
}
.modal .content {
  max-width: 600px;
  margin: 0 auto;
}
.modal p {
  margin: 8px 0 16px 0;
  padding: 0;
  font-size: 1em;
}
#loginHelpUrl {
  clear: both;
  position: relative;
  width: 100%;
  padding-top: 16px;
  text-align: center;
  color: #0066CC;
}
#loginHelpUrl a {
  color: #0066CC;
}
#loginHelpUrl a:hover {
  color: #0066CC;
  text-decoration: underline;
}
#forgotPasswordLink {
  clear: both;
  position: relative;
  width: 100%;
  padding-top: 16px;
  text-align: center;
  color: #0066CC;
}
#forgotPasswordLink a {
  color: #0066CC;
}
#forgotPasswordLink a:hover {
  color: #0066CC;
  text-decoration: underline;
}
/* Platform style
*********************************************/
body {
  font-size: 10pt;
}
#genusLogon {
  margin: 0 auto;
  max-width: 300px;
}
#idportenLogon,
#ssoLogon,
#oauthLogon,
#anonymousLogon {
  display: block;
  margin: 0 auto;
  padding: 12px 24px 24px 24px;
  background-color: #EEEEEE;
  width: 450px;
}
#idportenLogon .left,
#ssoLogon .left,
#oauthLogon .left,
#anonymousLogon .left {
  float: left;
  padding: 18px 24px 0 0;
}
#idportenLogon .right,
#ssoLogon .right,
#oauthLogon .right,
#anonymousLogon .right {
  padding-top: 14px;
  overflow: hidden;
}
#language {
  padding: 4px 0 4px 4px;
  text-align: right;
}
#language a {
  color: #0066CC;
  cursor: pointer;
  margin-right: 4px;
}
#language a:hover {
  text-decoration: underline;
}
#language a.selected {
  text-decoration: underline;
  font-weight: bold;
}
#noConfigMessage {
  display: block;
  margin: 0 auto;
  padding: 12px 24px 24px 24px;
  background-color: #EEEEEE;
  width: 450px;
}
#noConfigMessage .left {
  float: left;
  padding: 18px 24px 0 0;
}
#noConfigMessage .right {
  padding-top: 14px;
  overflow: hidden;
}
#forgotPassword {
  margin: 0 auto;
  max-width: 400px;
}
#resetPassword {
  margin: 0 auto;
  max-width: 400px;
}
#resetPasswordForm {
  margin-top: 12px;
}
.checkbox-label {
  margin-left: 4px;
}