html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
  outline: 0;
}
*:focus {
  outline: 0;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
/*! jQuery UI - v1.11.1 - 2014-08-22
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828;
  color: #ffffff;
  font-weight: bold;
}
.ui-widget-header a {
  color: #ffffff;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6;
  font-weight: bold;
  color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce;
  font-weight: bold;
  color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff;
  font-weight: bold;
  color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c;
  color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900;
  color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}
/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}
.ui-icon-carat-1-n {
  background-position: 0 0;
}
.ui-icon-carat-1-ne {
  background-position: -16px 0;
}
.ui-icon-carat-1-e {
  background-position: -32px 0;
}
.ui-icon-carat-1-se {
  background-position: -48px 0;
}
.ui-icon-carat-1-s {
  background-position: -64px 0;
}
.ui-icon-carat-1-sw {
  background-position: -80px 0;
}
.ui-icon-carat-1-w {
  background-position: -96px 0;
}
.ui-icon-carat-1-nw {
  background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}
.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}
.ui-icon-arrow-4 {
  background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}
.ui-icon-extlink {
  background-position: -32px -80px;
}
.ui-icon-newwin {
  background-position: -48px -80px;
}
.ui-icon-refresh {
  background-position: -64px -80px;
}
.ui-icon-shuffle {
  background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}
.ui-icon-folder-open {
  background-position: -16px -96px;
}
.ui-icon-document {
  background-position: -32px -96px;
}
.ui-icon-document-b {
  background-position: -48px -96px;
}
.ui-icon-note {
  background-position: -64px -96px;
}
.ui-icon-mail-closed {
  background-position: -80px -96px;
}
.ui-icon-mail-open {
  background-position: -96px -96px;
}
.ui-icon-suitcase {
  background-position: -112px -96px;
}
.ui-icon-comment {
  background-position: -128px -96px;
}
.ui-icon-person {
  background-position: -144px -96px;
}
.ui-icon-print {
  background-position: -160px -96px;
}
.ui-icon-trash {
  background-position: -176px -96px;
}
.ui-icon-locked {
  background-position: -192px -96px;
}
.ui-icon-unlocked {
  background-position: -208px -96px;
}
.ui-icon-bookmark {
  background-position: -224px -96px;
}
.ui-icon-tag {
  background-position: -240px -96px;
}
.ui-icon-home {
  background-position: 0 -112px;
}
.ui-icon-flag {
  background-position: -16px -112px;
}
.ui-icon-calendar {
  background-position: -32px -112px;
}
.ui-icon-cart {
  background-position: -48px -112px;
}
.ui-icon-pencil {
  background-position: -64px -112px;
}
.ui-icon-clock {
  background-position: -80px -112px;
}
.ui-icon-disk {
  background-position: -96px -112px;
}
.ui-icon-calculator {
  background-position: -112px -112px;
}
.ui-icon-zoomin {
  background-position: -128px -112px;
}
.ui-icon-zoomout {
  background-position: -144px -112px;
}
.ui-icon-search {
  background-position: -160px -112px;
}
.ui-icon-wrench {
  background-position: -176px -112px;
}
.ui-icon-gear {
  background-position: -192px -112px;
}
.ui-icon-heart {
  background-position: -208px -112px;
}
.ui-icon-star {
  background-position: -224px -112px;
}
.ui-icon-link {
  background-position: -240px -112px;
}
.ui-icon-cancel {
  background-position: 0 -128px;
}
.ui-icon-plus {
  background-position: -16px -128px;
}
.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minus {
  background-position: -48px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}
.ui-icon-close {
  background-position: -80px -128px;
}
.ui-icon-closethick {
  background-position: -96px -128px;
}
.ui-icon-key {
  background-position: -112px -128px;
}
.ui-icon-lightbulb {
  background-position: -128px -128px;
}
.ui-icon-scissors {
  background-position: -144px -128px;
}
.ui-icon-clipboard {
  background-position: -160px -128px;
}
.ui-icon-copy {
  background-position: -176px -128px;
}
.ui-icon-contact {
  background-position: -192px -128px;
}
.ui-icon-image {
  background-position: -208px -128px;
}
.ui-icon-video {
  background-position: -224px -128px;
}
.ui-icon-script {
  background-position: -240px -128px;
}
.ui-icon-alert {
  background-position: 0 -144px;
}
.ui-icon-info {
  background-position: -16px -144px;
}
.ui-icon-notice {
  background-position: -32px -144px;
}
.ui-icon-help {
  background-position: -48px -144px;
}
.ui-icon-check {
  background-position: -64px -144px;
}
.ui-icon-bullet {
  background-position: -80px -144px;
}
.ui-icon-radio-on {
  background-position: -96px -144px;
}
.ui-icon-radio-off {
  background-position: -112px -144px;
}
.ui-icon-pin-w {
  background-position: -128px -144px;
}
.ui-icon-pin-s {
  background-position: -144px -144px;
}
.ui-icon-play {
  background-position: 0 -160px;
}
.ui-icon-pause {
  background-position: -16px -160px;
}
.ui-icon-seek-next {
  background-position: -32px -160px;
}
.ui-icon-seek-prev {
  background-position: -48px -160px;
}
.ui-icon-seek-end {
  background-position: -64px -160px;
}
.ui-icon-seek-start {
  background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}
.ui-icon-stop {
  background-position: -96px -160px;
}
.ui-icon-eject {
  background-position: -112px -160px;
}
.ui-icon-volume-off {
  background-position: -128px -160px;
}
.ui-icon-volume-on {
  background-position: -144px -160px;
}
.ui-icon-power {
  background-position: 0 -176px;
}
.ui-icon-signal-diag {
  background-position: -16px -176px;
}
.ui-icon-signal {
  background-position: -32px -176px;
}
.ui-icon-battery-0 {
  background-position: -48px -176px;
}
.ui-icon-battery-1 {
  background-position: -64px -176px;
}
.ui-icon-battery-2 {
  background-position: -80px -176px;
}
.ui-icon-battery-3 {
  background-position: -96px -176px;
}
.ui-icon-circle-plus {
  background-position: 0 -192px;
}
.ui-icon-circle-minus {
  background-position: -16px -192px;
}
.ui-icon-circle-close {
  background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}
.ui-icon-circle-check {
  background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
  background: #666666;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* support: IE8 */
}
.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000;
  opacity: 0.2;
  filter: alpha(opacity=20);
  /* support: IE8 */
  border-radius: 5px;
}
/*!
 * jQuery UI CSS Framework 1.11.1
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
@font-face {
  font-family: 'vigo-icons';
  font-weight: normal;
  font-style: normal;
}
html,
body {
  height: 100%;
  line-height: 10px;
  font-size: 10px;
}
html {
  background: #f5f5f5;
  /*#e8e8e8;*/
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-width: 1180px;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
}
html.plain {
  background: #d8d7d4;
}
html.nologin {
  background: #c0c0c0;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: "Open sans", Arial, Verdana, sans-serif;
  font-weight: 400;
  color: #000000;
  position: static;
  padding: 0px;
  margin: 0px;
  color: Black;
  /* Odd Skancke: Ok. body must have the lowest z-index,
	 * so we dont end up with a body that eats all mouse input!
	 */
  z-index: -20;
  text-align: center;
  vertical-align: top;
}
hl.heading {
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin-top: 4px;
  background-color: #d1d4d5;
}
h1 {
  font-weight: 200;
  font-size: 34px;
  margin: 8px 0;
}
h2 {
  font-size: 30px;
  margin: 8px 0;
  font-weight: normal;
  color: #565656;
}
h3 {
  font-weight: 200;
  font-size: 26px;
  margin: 8px 0;
  line-height: 100%;
}
h3 small {
  color: #FF7800;
  font-weight: normal;
}
h4 {
  font-weight: normal;
  font-size: 18px;
  line-height: 22px;
  margin: 8px 0;
  color: #878787;
}
h4.heading {
  color: #000;
}
h5 {
  font-weight: 400;
  font-size: 16px;
  line-height: 18px;
  margin: 8px 0;
}
h6 {
  text-align: center;
  font-weight: normal;
  font-size: 14px;
  color: #656565;
}
hr {
  display: block;
  margin: 4px 0px 8px 0px;
  padding: 0;
  height: 0;
  border: 0;
  border-top: 1px solid #dcdcdc;
}
p {
  margin: 8px 0;
  line-height: normal;
}
p.ingress {
  font-size: 14px;
  line-height: 16px;
}
p.heading {
  font-size: 22px;
  font-weight: bold;
  line-height: normal;
  margin: 0px;
}
img {
  width: 100%;
  border: 0;
  vertical-align: middle;
}
div {
  text-align: left;
  position: relative;
  background-color: transparent;
  box-sizing: border-box;
}
div.pageBackground {
  z-index: -10;
  position: absolute;
  min-height: 500px;
  width: 100%;
  bottom: 0px;
  left: 0px;
  background-position: right center;
  background-size: contain;
  background-repeat: no-repeat;
}
div.error {
  border: 2px solid red;
  background: #fccaca;
}
div.disbled td {
  color: #c7c7c7;
}
div.disbled.span {
  color: #c7c7c7;
}
div.disbled label {
  color: #c7c7c7;
}
div.disbled input {
  background: #f9f9f9;
  color: #c7c7c7;
}
table {
  table-layout: auto;
  padding: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  vertical-align: middle;
}
table th {
  text-align: left;
}
input,
textarea,
select {
  box-sizing: border-box;
  font-size: 14px;
  line-height: 16px;
}
input[type="text"],
input[type="password"],
input[type="button"] {
  display: inline-block;
  width: auto;
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #999;
  color: #000000;
}
input[type="text"],
input[type="password"] {
  height: 28px;
  padding: 0px 4px 0px 4px;
}
input[type="text"]:focus,
input[type="password"]:focus {
  background: white;
  border: 1px solid #0089d9;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1), -1px -1px 3px rgba(0, 0, 0, 0.1), 1px 1px 0 #0089d9 inset, -1px -1px 0 #0089d9 inset;
}
input[type="radio"].error {
  border: 2px solid red;
}
input.error {
  background: #fccaca;
}
input:hover,
input:focus {
  border-color: #FF7800;
}
input.stp {
  width: 48px;
}
input.datePick {
  width: 116px;
}
input.number {
  width: 48px;
}
textarea,
select {
  display: inline-block;
  width: auto;
  padding: 4px;
  background-color: #ffffff;
  border: 1px solid #999;
  color: #000000;
}
textarea.error,
select.error {
  background: #fccaca;
}
textarea {
  width: 100%;
}
textarea:focus {
  border: 1px solid #0089d9;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1), -1px -1px 3px rgba(0, 0, 0, 0.1), 1px 1px 0 #0089d9 inset, -1px -1px 0 #0089d9 inset;
}
label.right {
  margin-left: 6px;
}
label.disabled {
  color: #c7c7c7;
}
textarea.disabled,
select.disabled,
input[disabled] {
  background: #f9f9f9;
  color: #c7c7c7;
}
a:active,
a:hover {
  outline: 0px none;
}
span.tabled {
  display: table;
  width: 100%;
}
span.row {
  display: table-row;
}
span.cell {
  display: table-cell;
}
.mw240 {
  min-width: 240px;
}
.mw500 {
  min-width: 500px;
}
.mw600 {
  min-width: 600px;
}
.mw750 {
  min-width: 700px;
}
.mw850 {
  min-width: 850px;
}
.mw876 {
  min-width: 876px;
}
.leftContent > h2 {
  padding: 60px 20px;
  font-size: 28px;
  line-height: 26px;
}
.ui-widget {
  font-family: "Open sans", Arial, Verdana, sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  background-image: none;
  background-color: #f5f5f5;
  border: none;
  height: 100%;
}
.ui-widget-content .nologin {
  background: transparent;
}
.ui-widget-content a {
  color: #030303;
}
.ui-widget-header {
  background-image: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background-image: none;
}
.tabled .row > * {
  display: table-cell;
}
.w168px {
  width: 168px;
}
.leftfloat {
  float: left;
}
.ui-tabs-panel {
  border: none;
  border-radius: initial;
}
#PageTop {
  height: 40px;
  background: rgba(255, 255, 255, 0.6);
  background: #186d9f;
  background: -moz-linear-gradient(left, #186d9f 0%, #1e8bc9 51%, #1d85c1 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #186d9f), color-stop(51%, #1e8bc9), color-stop(100%, #1d85c1));
  background: -webkit-linear-gradient(left, #186d9f 0%, #1e8bc9 51%, #1d85c1 100%);
  background: -o-linear-gradient(left, #186d9f 0%, #1e8bc9 51%, #1d85c1 100%);
  background: -ms-linear-gradient(left, #186d9f 0%, #1e8bc9 51%, #1d85c1 100%);
  background: linear-gradient(to right, #186d9f 0%, #1e8bc9 51%, #1d85c1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#186d9f', endColorstr='#1d85c1', GradientType=1);
}
#AppLogo {
  display: none;
}
#UserInfo {
  float: right;
  font-weight: 300;
}
#UserInfo :first-child {
  text-transform: uppercase;
}
#UserInfo :nth-child(2) {
  font-weight: 700;
  font-size: 13px;
}
#btnLogout {
  color: white;
}
#MenuBar {
  display: table;
  width: 100%;
  background-color: #f5f5f5;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.08);
}
/******************
 **** Main menu ***
 *****************/
#MainMenu {
  z-index: 300;
}
#MainMenu .menuIcon > span > span {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#MainMenu .menuIcon > span > span.icon {
  display: none;
}
#MainMenu .menuIcon > span > span.label {
  color: #fff;
}
#MainMenu .menuIcon > span:first-child {
  display: none;
}
#MainMenu .menuIcon > span:not(:first-child) {
  display: block;
}
#MainMenu.ui-tabs {
  float: left;
  border: 0px;
  border-radius: 0px;
  padding: 0px;
  background: transparent;
  font-weight: 300;
  height: 40px;
  line-height: 40px;
  position: absolute;
  width: auto;
  z-index: 1;
  position: relative;
}
#MainMenu .ui-widget-header {
  height: 40px;
  background-color: transparent;
  border: none;
  border-radius: initial;
  margin: 0px;
  padding: 0px;
}
#MainMenu .ui-widget-content {
  background: transparent;
  border: none;
}
#MainMenu .ui-tabs-nav > li {
  height: 100%;
}
#MainMenu .ui-tabs-panel {
  margin-top: 8px;
}
#MainMenu .ui-tabs-anchor {
  padding: 0px;
}
#MainMenu .ui-tabs-active,
#MainMenu .ui-state-default,
#MainMenu .ui-state-focus {
  border: none;
  background: transparent;
}
#MainMenu .ui-tabs-active .ui-tabs-anchor {
  border: none;
}
#MainMenu .ui-state-active {
  background: #186fa1;
  background: rgba(0, 0, 0, 0.1);
}
#MainMenu .ui-state-active:hover:not(.ui-state-active) {
  background: #328cc1;
  background: rgba(255, 255, 255, 0.1);
}
#MainMenu .ui-state-default {
  padding: 0px;
  margin: 0px;
  border-right: 1px solid;
  border-right-color: #328cc1;
  border-right-color: rgba(255, 255, 255, 0.1);
  border-radius: 0px;
}
#MainMenu .ui-state-default:hover:not(.ui-state-active) {
  background: #328cc1;
  background: rgba(255, 255, 255, 0.1);
}
#MainMenu > ul > li.rightTab {
  float: right;
}
#ServiceMenu {
  padding: 0px 10px;
}
#ServiceMenu .menuIcon {
  float: right;
}
#Login,
#homePageContent {
  padding: 8px;
}
.menuIcon {
  padding: 8px;
  font-size: 1.6em;
  margin: 0px;
  color: white;
  font-weight: 300;
}
.menuIcon:hover {
  cursor: pointer;
}
.menuIcon.selected {
  background-color: white;
  border: 1px solid #c7c7c7;
  border-bottom: 5px solid #ff7800;
  border-radius: 3px;
  margin: -1px 3px -5px 3px;
}
.menuIcon a {
  color: inherit;
  text-decoration: none;
}
.box {
  width: 16px;
  height: 16px;
  background-color: #ff7800;
  display: inline-block;
  position: relative;
  margin: 0px 4px 0px -8px;
  top: 2px;
}
#PageTitle {
  height: 48px;
  padding: 0px 20px 0px;
  border-bottom: 1px solid #ccc;
  background: rgba(225, 224, 223, 0.8);
}
#PageTitle h1 {
  font-size: 18px;
  display: inline-block;
  margin: 10px 10px 10px 0px;
  padding: 8px 20px 8px 0px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
#PageTitle a.button {
  position: relative;
  top: -2px;
  font-size: 16px;
}
#MainMenuPanels {
  padding: 0px 0px 0px 0px;
  background: transparent;
  position: relative;
  width: 100%;
  height: auto;
}
#MainSchool {
  padding: 0px 0px 0px 10px;
}
#MainContents {
  display: table;
  float: none;
  width: 100%;
}
#PanelButtons {
  position: absolute;
  right: 10px;
  top: -130px;
  z-index: 200;
}
#TabButtons {
  position: absolute;
  left: 10px;
  top: 10px;
}
#SchoolSummary #PanelButtons {
  top: 10px;
}
#ReportPopup #PanelButtons {
  top: 0px;
}
#User #PanelButtons,
#Unit #PanelButtons {
  top: -140px;
}
#PersonTabInfo {
  display: none;
  color: #000;
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 22px;
  position: relative;
  left: 0px;
  top: 10px;
  z-index: 100;
  min-height: 32px;
}
#PersonTabInfo > * {
  display: none;
}
#PersonTabInfo.visible {
  display: block;
}
#PersonTabInfo.visible > a {
  display: inline-block;
}
#PersonTabInfo > h4 {
  display: none;
}
/* Nordic Cool 3.0 main vertical navigation tabs */
/* End Nordic Cool 3.0 main vertical navigation tabs */
div.bottomButtons {
  margin-top: 20px;
}
div.pageTopButtons {
  padding: 8px 0px 8px 0px;
}
div.pageTopButtons > a.button {
  position: relative;
  top: -2px;
  font-size: 16px;
}
div.pageButtons {
  padding: 0px 0px 14px;
}
#PersonSummary {
  margin-top: 0px;
}
.compressed {
  border-right: 1px solid #c7c7c7;
}
#MainContents > div:first-child {
  float: left;
  width: 278px;
  overflow: hidden;
}
#MainContents > div.contents {
  margin-left: 278px;
}
/*#SchoolSummary .leftContent { display:table-cell; min-width:264px; width:264px; }
#SchoolSummary .rightContent { display:table-cell; }*/
#CompetenceList > #Contents {
  margin-top: 0px;
}
#CompetencePanels {
  top: 0px;
}
#ApprovalElementary table.scoreCard {
  max-width: initial;
  min-width: initial;
}
#ApprovalEducations > h5 {
  display: inline;
}
#SeniorityPanels {
  top: 0px;
}
/************************
 *** Score card table ***
************************/
table.compact td,
table.compact th {
  padding: 0 8px;
  border: none;
  line-height: 16px;
  color: #888;
}
table.compact td {
  font-size: 11px;
}
table.compact .selected {
  background: #fbfbfb;
  color: #000;
  font-size: 12px;
}
table.condition td {
  color: red;
  font-size: 12px;
  line-height: 14px;
}
table.condition td:first-child {
  padding: 4px;
}
table.summaryList {
  width: 100%;
}
table.summaryList th,
table.summaryList tr {
  padding: 4px 0;
  font-size: 12px;
}
table.summaryList span.badge {
  display: inline-block;
}
table.summaryList span.badge.big {
  min-width: 84px;
}
table.summaryList tr:last-child > td,
table.summaryList tr:last-child > th {
  border-bottom: 1px solid #ccc;
  padding-bottom: 8px;
}
table.summaryList tr.unapproved span[data-act="enable"] {
  display: none;
}
table.summaryList tr.unapproved > th {
  color: #c7c7c7;
}
table.summaryList tr.approved > th {
  color: #007700;
}
table.summaryList th {
  text-align: left;
}
table.summaryList th > span.icon {
  margin-right: 8px;
  margin-top: -2px;
}
table.summaryList.sum > tr {
  padding: 8px;
}
table.summaryList td {
  text-align: right;
}
table.summaryList td.sum {
  text-align: left;
}
table.summaryList td .badge.big {
  font-size: 16px;
  line-height: 18px;
}
table.summaryList td.icons {
  min-width: 78px;
}
table.summaryList td.icons .icon {
  float: right;
  padding-right: 8px;
}
table.summaryList td.icons > span.icon:not(.na):hover {
  cursor: pointer;
}
span.tabled.vgo > span.row > span.cell {
  padding-right: 8px;
}
div.labelover {
  display: inline-block;
}
div > div.label {
  font-size: 16px;
  margin-bottom: 4px;
}
div.home {
  padding: 6px 0px 24px 0px;
  font-size: 26px;
}
table.home {
  margin: 0;
  padding: 16px;
  display: inline-block;
  vertical-align: top;
  background: white;
  border: 1px solid #efefef;
  border-radius: 4px;
  margin: 0px 20px 20px 0px;
}
table.home th {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}
table.home th.head {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 6px;
}
table.home td {
  font-size: 16px;
  padding: 3px 0px 3px 16px;
  line-height: 16px;
}
table.home td.btn {
  padding: 8px 0px 8px 0px;
}
table.home > tbody.sp td {
  height: 16px;
  margin: 0;
  padding: 0;
}
table.common {
  font-size: 12px;
  line-height: 24px;
  width: 100%;
}
table.common > tbody > tr > td {
  width: auto;
  text-align: left;
  white-space: normal;
  padding: 2px 0px 2px 0px;
}
table.common > tbody > tr > td h5 {
  display: inline;
}
table.common > tbody > tr > td > p {
  font-size: 14px;
}
table.common > tbody > tr > td.rightCell {
  width: 100px;
  border: 1px black solid;
}
table.common > tbody > tr > td.fieldLabel {
  width: 10%;
  white-space: nowrap;
  font-weight: bold;
  vertical-align: middle;
  padding: 2px 0px 2px 0px;
}
table.common > tbody > tr > td.fieldDesc {
  padding: 2px 0px 2px 0px;
}
table.common > tbody > tr > td.compulsory {
  width: 5px;
  padding: 4px 0px 4px 8px;
}
table.common > tbody > tr > td.top {
  vertical-align: top;
}
table.common > tbody > tr > td.fieldLabelTop {
  white-space: nowrap;
  font-weight: bold;
  vertical-align: top;
  padding: 2px 0px 2px 0px;
}
table.common > tbody > tr > td.fieldInput {
  text-align: left;
  white-space: nowrap;
  padding: 2px 0px 2px 4px;
}
table.common > tbody > tr > td.fieldInput .list {
  width: 360px;
}
table.common > tbody > tr > td.fieldInput > textarea,
table.common > tbody > tr > td.fieldInput > span {
  width: 360px;
  display: block;
}
table.common > tbody > tr > td.fieldInput > span {
  display: block;
  margin: 0px 0px;
}
table.common > tbody > tr > td.fieldInput > span > *:not([type="checkbox"]):not([type="radio"]):not(.number):not(.place) {
  width: 100%;
}
table.common > tbody > tr > td.fieldInput > span input.number {
  width: 48px;
}
table.common > tbody > tr > td.fieldInput > span input.place {
  width: 309px;
}
table.common > tbody > tr > td.field {
  padding: 0px 0px 0px 4px;
  margin: 0px;
}
table.common > tbody > tr > td.fieldValue {
  text-align: left;
  padding: 2px 0px 2px 4px;
  font-size: 14px;
}
table.common > tbody > tr > td.fieldVld {
  border: 1px solid black;
  text-align: left;
  padding: 2px 0px 2px 4px;
}
table.common > tbody > tr > td.fieldSubject {
  width: 90%;
  text-align: left;
  font-size: medium;
  padding: 2px 0px 2px 4px;
}
table.common > tbody > tr > td.errorMessage {
  padding: 4px;
  font-size: 100%;
  color: Red;
  font-weight: bold;
  white-space: normal;
}
table.common > tbody > tr > td.warningMessage {
  padding: 4px;
  font-size: 100%;
  color: Orange;
  font-weight: bold;
  white-space: normal;
}
table.common > tbody > tr > td.infoText {
  padding: 0px;
  font-size: 100%;
  color: Black;
  white-space: normal;
}
table.common > tbody > tr > td.headText {
  padding: 2px;
  font-size: 140%;
  color: Black;
  font-weight: bold;
}
table.common > tbody > tr > td.imageSymbol {
  width: 90%;
  padding-left: 4px;
  vertical-align: middle;
  border: 1px solid black;
}
div.dlgContent table.common > tbody > tr > td.fieldInput > span {
  width: 100%;
}
/* the badge for showing credits (St.p.) */
.badge {
  min-width: 62px;
  text-align: right;
  font-size: 12px;
  line-height: 14px;
  background-color: #fffcdd;
  background-color: #aa01b5;
  background-color: #02842F;
  color: #fff;
  border-radius: 4px;
  padding: 2px 3px;
}
.badge-success {
  background-color: #4e9b47;
  color: #ffffff;
}
.badge-warning {
  background-color: #f68b1f;
  color: #ffffff;
}
.datacolumns {
  display: table;
  display: inline-table;
  width: 100%;
}
.datacolumns .column {
  display: table-cell;
  border: none;
  padding: 0px;
  vertical-align: top;
}
#VGOSchoolSummary div.scoreCard > div.column.fc,
#ElementarySchoolSummary div.scoreCard > div.column.fc {
  display: block;
  float: left;
  padding-right: 256px;
  margin-right: -256px;
  width: 100%;
}
.index {
  display: block;
  padding: 0px 0px 10px 24px;
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 10px;
}
.index .icon {
  float: left;
  margin-top: 0px;
  margin-left: -24px;
}
.index dd {
  font-size: 1.2em;
}
.index.scoreBox .title {
  display: block;
  font-size: 11px;
  margin: 0.2em 0px;
  color: #666;
}
.index.scoreBox .value {
  display: block;
  font-size: 12px;
  line-height: 14px;
  margin: 0px 0px 0.8em;
}
.index.scoreBox .value.red {
  color: red;
}
.index.scoreBox .value > ul {
  list-style-type: disc;
  list-style-position: inside;
  margin-top: 6px;
  margin-left: 6px;
}
.index.scoreBox .head {
  font-weight: bold;
  font-size: 16px;
}
.datacolumns.scoreCard {
  padding: 8px;
}
.datacolumns.scoreCard > .column:last-child {
  padding-left: 16px;
  width: 264px;
}
.datacolumns.scoreCard > div.column.unitSummaryList {
  display: block;
  background: #eeeeec;
  float: left;
  width: 256px;
  padding-left: 4px;
  border-left: 1px solid #c7c7c7;
}
.datacolumns.overview {
  background: white;
  padding-top: 16px;
}
.datacolumns.overview .column {
  border-right: 1px solid #d0d0d0;
  padding: 0px 10px;
}
.datacolumns.overview .column:last-child {
  border: none;
  padding-right: 0px;
}
.datacolumns.overview .column > .title.big:first-child {
  margin-top: 4px;
}
.datacolumns.overview .title {
  display: block;
  font-size: 11px;
  margin: 0.2em 0px;
  color: #666;
}
.datacolumns.overview .title.big {
  font-size: 16px;
  margin: 16px 0px 8px;
  font-weight: normal;
}
.datacolumns.overview .value {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0px 0px 0.8em;
}
.datacolumns.overview .list {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  margin: 0 0 6px 0;
}
.datacolumns.overview .list.unapproved {
  color: #c7c7c7;
}
.datacolumns.overview .list.approved {
  color: #007700;
}
.datacolumns.overview .list > span.icon {
  margin-right: 8px;
}
.datacolumns.overview .head {
  font-weight: bold;
  font-size: 16px;
}
#PersonElementarySummary > .datacolumns.scoreCard {
  min-height: 544px;
}
#SchoolSummaryPanels .datacolumns.scoreCard {
  min-height: 500px;
}
.gridColumn {
  width: 100%;
  background: transparent;
}
.gridColumn span.head {
  display: block;
  margin-bottom: 12px;
}
.gridColumn table.gridHead,
.gridColumn table.rowContent {
  width: 100%;
  table-layout: fixed;
}
.gridColumn table.gridHead th {
  text-align: left;
  padding-left: 2px;
}
.gridColumn table.rowContent > tbody > tr > td.relevance > div.relevance {
  margin-bottom: 12px;
}
.gridColumn td {
  vertical-align: middle;
  padding: 0px 4px 0px 4px;
  white-space: normal;
}
.gridColumn td.top {
  vertical-align: top;
}
.gridColumn td.date {
  text-align: left;
}
.gridColumn td.date > div {
  width: 100%;
  padding-bottom: 8px;
}
.gridColumn td.bold {
  font-weight: bold;
}
.gridColumn td.buttons {
  text-align: right;
  vertical-align: top;
}
.gridColumn td.stp {
  text-align: right;
}
.gridColumn.lang td.name > span {
  float: left;
  margin-right: 8px;
}
.gridColumn td span.label,
.gridColumn label {
  display: block;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
}
.gridColumn .subgroup {
  width: 100%;
  margin: 0px;
  border: none;
  padding: 0px;
}
.gridColumn .subgroup table {
  table-layout: fixed;
}
.gridColumn .subgroup.horizontal > * {
  display: inline;
}
.gridColumn .subgroup.error {
  border: 1px solid red;
  background: #fccaca;
}
.gridColumn .creditColumn {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.gridColumn .creditColumn label > input[type="radio"] {
  margin-right: 6px;
}
.gridColumn.thead {
  padding: 0 8px;
}
.gridColumn.thead.dd {
  padding: 0 14px;
}
.gridColumn.thead th {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
.gridColumn.edit span.head {
  font-size: 18px;
}
.gridColumn.edit .thead th {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  padding: 0 4px;
}
.gridColumn.edit div.editCell {
  display: inline-block;
  padding-right: 8px;
}
.gridColumn .tabled .row > *,
.gridColumn .tabled .row > label > input {
  margin-bottom: 4px;
  vertical-align: middle;
}
.gridColumn .tabled .row > :first-child {
  padding-right: 4px;
}
.gridColumn.disabled {
  color: #c7c7c7;
}
.gridColumn.unitResource > table > tbody > tr > td.name {
  font-size: 18px;
}
#SubjectDetails > div.gridColumn {
  background: white;
  padding: 0px;
}
#SubjectDetails > div.gridColumn > table.subject > tbody > tr > td.stp {
  border-left: none;
}
#SubjectDetails > div.gridColumn.thead > table {
  border: 1px solid #c7c7c7;
  margin-bottom: -7px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody > tr.eduinfo th {
  padding-top: 8px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody > tr.eduinfo th.stp {
  border-left: none;
  font-size: 28px;
  font-weight: normal;
  text-align: right;
  padding: 12px 4px 14px 8px;
  line-height: 26px;
  vertical-align: middle;
}
#SubjectDetails > div.gridColumn.thead > table > tbody > tr.eduinfo th.title {
  font-size: 26px;
  font-weight: normal;
  padding: 12px 0px 14px 8px;
  vertical-align: middle;
  line-height: 26px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody th {
  padding-bottom: 4px;
  padding-left: 8px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody th:first-child {
  padding-left: 8px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody th.stp {
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  text-align: right;
  padding-right: 4px;
}
#SubjectDetails > div.gridColumn.thead > table > tbody th.stp span.stp > span {
  font-size: 28px;
  line-height: 28px;
  padding-top: 8px;
}
#SubjectDetails > div.gridColumn.tfoot {
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-left: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
}
#SubjectDetails > div.gridColumn.tfoot > table > tbody th {
  padding: 20px 4px;
}
#SubjectDetails > div.gridColumn.tfoot > table > tbody th:first-child {
  text-align: right;
}
#SubjectDetails > div.gridColumn.tfoot > table > tbody th span.stp {
  text-align: right;
  font-size: 26px;
  font-weight: normal;
  display: inline;
}
#SubjectDetails > div.gridColumn.tfoot > table > tbody th span.sum {
  color: #ff7800;
  font-weight: normal;
  font-size: 22px;
  display: inline;
}
#SubjectDetails .AjaxGrid > .l1TView > .l1DCont > .l1CTable > tbody > tr > .c:not(.noc) {
  padding: 0px;
}
#SubjectsGrid .gridColumn > table > tbody > tr > td {
  padding: 4px 4px 4px 4px;
}
#SubjectsGrid .gridColumn > table > tbody > tr > td.stp {
  border-left: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
}
.errorMessage {
  color: red;
}
.a-z {
  margin-right: 4px;
}
.a-z input[type="text"] {
  width: 100%;
  margin-bottom: 4px;
}
.a-z a {
  display: inline-block;
  text-decoration: none;
  padding: 8px;
  width: 24px;
  margin-bottom: 4px;
  text-align: center;
  background: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  border-radius: 3px;
}
.a-z a.selected {
  background: #E4F2FF;
  font-weight: bold;
}
.a-z a:hover {
  background: #ddd;
  text-decoration: none;
}
ul.tree,
.tree ul {
  list-style-type: none;
}
.tree ul {
  display: none;
}
.tree li a,
.tree li li a:visited {
  color: #333333;
  text-decoration: none;
  font-size: 14px;
  display: block;
  padding: 2px 10px 2px 20px;
  background-position: 3px center;
  background-repeat: no-repeat;
  background-size: 8px;
}
.tree li a.expandable {
  background-image: url(/css/images/b4e2872b204a1601d83bfc227513e3b7.png);
}
.tree li.selected > a {
  background-color: #E4F2FF;
}
.tree li.expanded > a {
  font-weight: bold;
  background-image: url(/css/images/f7f73fa8475ed0b1ba13f91ba1f7db81.png);
  background-size: 9px;
}
.tree li.expanded > ul {
  display: block;
  margin-left: 14px;
}
.tree li > a:hover {
  background-color: #ddd;
}
/************************
**** Grid kompetanse ****
************************/
table.kompetanse {
  width: 100%;
  border-color: transparent;
  margin-bottom: 8px;
}
table.kompetanse th,
table.kompetanse td {
  border: 4px solid transparent;
}
table.kompetanse td.buttons {
  width: 38px;
  vertical-align: top;
}
.kompetanse {
  /*.qkompetanse tbody.group:not(.form) tr:first-child td:first-child {
		background: #eceadc;
		background: #cbd7da;
		vertical-align: top;
		padding: 12px;
	}*/
}
.kompetanse .center {
  text-align: center;
}
.kompetanse tr:first-child td:first-child > span {
  display: inline-block;
  position: relative;
  margin-top: 3px;
  width: 100%;
}
.kompetanse tr.unapproved > td > span > h4,
.kompetanse tr.unapproved > td {
  color: #c7c7c7;
}
.kompetanse tr.approved > td > span > h4,
.kompetanse tr.approved > td {
  color: #007700;
}
.kompetanse tbody {
  border: none;
}
.kompetanse tbody.group:not(.form) td {
  background-color: #fff;
  border-width: 2px 6px;
  vertical-align: top;
  border-color: #eef1f2;
}
.kompetanse tbody.group:not(.form) td.empty {
  background-color: transparent;
}
.kompetanse tbody.group:not(.form) td tr:first-child td:first-child {
  border-right: none;
  white-space: nowrap;
}
.kompetanse tbody.group:not(.form) td span.name {
  white-space: normal;
}
.kompetanse tbody.group:not(.form) span[data-act]:not(.na):hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.kompetanse tbody.group:not(.form) tr:first-child td:first-child {
  border-right: none;
  white-space: nowrap;
}
.kompetanse tbody.group:not(.form) tr:first-child td:first-child .badge {
  float: right;
  margin: 4px 0 0 8px;
}
.kompetanse tbody.group:not(.form) tr.unapproved span[data-act="enable"] {
  display: none;
}
.kompetanse tbody:not(.group) td {
  height: 8px;
  border: none;
  padding: 0;
  margin: 0;
}
.kompetanse:not(.approval) tbody.group:not(.form) tr:first-child td:nth-child(2) {
  border-left: none;
  border-right: none;
  width: 114px;
  padding: 4px 0 0 0;
}
.kompetanse:not(.approval) tbody.group:not(.form) tr:first-child td:nth-child(3) {
  border-left: none;
  width: 78px;
}
.kompetanse.approval tbody.group:not(.form) tr:first-child td:nth-child(2) {
  border-left: none;
  width: 112px;
}
.kompetanse td:first-child > span > h4 {
  margin: 0;
  color: #222;
}
.kompetanse td > span > h4 {
  margin: 0;
}
.kompetanse td.icons .icon {
  float: right;
}
.kompetanse p {
  font-size: 14px;
  margin: 6px 0;
}
.kompetanse tr th,
.kompetanse tr td {
  padding: 6px 10px 8px 10px;
}
.kompetanse tr th {
  font-size: 14px;
  text-align: left;
}
.kompetanse span.icon.approved,
.kompetanse tbody.group:not(.form) td > span.icon {
  margin: 3px 0 0 0;
  padding: 3px 6px;
  background-size: 22px;
}
.kompetanse span.icon.approved {
  margin-top: -2px;
}
.kompetanse span.badge {
  float: left;
  margin: 7px 8px 0px 0px;
}
.kompetanse .icon {
  float: left;
  height: 22px;
  margin-right: 8px;
}
.kompetanse .form td {
  border-color: #FFF8A5;
}
.kompetanse .form label {
  display: block;
}
.kompetanse .form input[type='date'] {
  width: 160px;
}
/************************
**** Grid Seniority ****
************************/
table.seniority {
  width: 100%;
  border-color: transparent;
}
table.seniority th,
table.seniority td {
  border: 4px solid transparent;
  padding: 8px 10px;
  vertical-align: middle;
}
table.seniority th {
  font-size: 14px;
  font-weight: bold;
  background: transparent;
}
table.seniority th:first-child {
  border-right: none;
}
table.seniority th:nth-child(2) {
  border-left: none;
}
table.seniority th span.icon {
  margin-top: -2px;
  background-size: 18px;
  padding: 0px 6px;
}
table.seniority td {
  font-size: 14px;
  background: white;
  border-width: 2px 6px;
  border-color: #eef1f2;
}
table.seniority td span.icon {
  margin-top: -2px;
  padding: 6px 6px;
  background-size: 18px;
}
table.seniority td span.icon[data-act]:not(.na):hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
table.seniority td h4,
table.seniority td h5 {
  color: #000;
  margin: 0px;
}
table.seniority td.name {
  font-size: 16px;
  border-right: none;
}
table.seniority td.icons {
  border-left: none;
  border-bottom: none;
  border-top: none;
  width: 58px;
}
table.seniority td.icons .icon {
  background-size: 22px;
  float: right;
}
table.seniority td.buttons {
  width: 38px;
  vertical-align: top;
}
table.seniority td.center {
  background: transparent;
  text-align: center;
}
table.seniority td.center h4 {
  margin: 16px 0px;
  color: #222;
}
table.seniority td.center a.button {
  font-size: 18px;
}
table.seniority td table.seniority td.top {
  vertical-align: top;
  padding: 6px 10px 10px;
}
table.seniority tbody.unapproved td > span,
table.seniority tbody.unapproved td {
  color: #c7c7c7;
}
table.seniority tbody.approved td > span,
table.seniority tbody.approved td {
  color: #007700;
}
table.seniority tbody.divider > tr > td {
  background: transparent;
  padding: 0px;
  height: 6px;
}
table.seniority tr.deduction {
  color: #333333;
}
table.seniority tr.deductionSum {
  color: #636363;
  font-weight: bold;
}
table.seniority tr.deductionSum td,
table.seniority tr.deductionSum td {
  border-top: 0px;
  border-bottom: 0px;
}
table.seniority tr.deductionSum td:nth-child(2),
table.seniority tr.deductionSum td:nth-child(2) {
  text-align: right;
}
table.seniority tr.senioritySum {
  color: #636363;
  font-weight: bold;
}
table.seniority tr.sum td {
  background: transparent;
}
table.seniority tr.sum td:not(.sum) {
  text-align: right;
}
table.seniority tr.sum td.sum h5 {
  font-weight: bold;
}
div.buttonList {
  float: left;
  padding: 10px;
}
.buttonList ul {
  list-style-type: none;
  font-size: 14px;
  margin: 0px 0px 8px 0px;
}
.buttonList li > a.button {
  width: 100%;
  margin-bottom: 4px;
}
div.busy {
  width: 100%;
  height: 200px;
  text-align: center;
}
div.busy span.centered {
  width: 66px;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  background-image: url(/css/images/8d86b0746b4bda5c97f1769671a83ed1.gif);
  background-repeat: no-repeat;
  background-position: center;
}
/*******************
**** summaryList ****
*******************/
div.summaryList {
  margin-top: 8px;
}
div.summaryList a.button.secondary {
  float: right;
  position: relative;
  top: -6px;
  padding: 5px 1px 5px 5px;
}
div.summaryList h5 {
  margin: 0px 0px 16px 20px;
  position: relative;
}
div.summaryList h6 {
  text-align: left;
  margin-bottom: 10px;
}
div.summaryList .box {
  margin: 0px 0px 0px -20px;
  position: absolute;
  top: 0px;
}
ul.summaryList {
  font-size: 1.2em;
  line-height: 1.25em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.summaryList > li {
  font-size: 12px;
  border-bottom: 1px solid #ddd;
  padding: 4px 4px 4px 2px;
}
ul.summaryList > li:hover {
  cursor: pointer;
  background-color: #d7d7d7;
  background-color: rgba(0, 0, 0, 0.09);
}
ul.summaryList > li.selected {
  background: #1b7bb2;
  color: white;
}
ul.summaryList > li.selected:hover {
  background: #1b7bb2;
}
ul.summaryList > li .badge {
  float: right;
  line-height: 100%;
  margin: 0;
  min-width: 52px;
}
/****************
**** Reports ****
*****************/
#Reports {
  padding: 0px 0px 0px 20px;
}
#ReportPopup {
  position: absolute;
  width: 100%;
  background: #e8e8e8;
  z-index: 100;
  border: 10px solid #d8d7d4;
  padding: 8px;
}
/*********************
**** Report list ****
*********************/
ul.reports {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.reports li {
  display: inline;
  vertical-align: top;
}
ul.reports li > a {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 50px 30px;
  margin: 15px 25px 15px 0;
  background: #fff;
  height: 260px;
  width: 200px;
  box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
  font-size: 18px;
  line-height: 21px;
  text-decoration: none;
  color: #565656;
  border-radius: 0 40px 0 0;
  overflow: hidden;
  background: #f2f3f4;
  background: -moz-linear-gradient(top, #fcfdfe 0%, #feffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfdfe), color-stop(100%, #feffff));
  background: -webkit-linear-gradient(top, #fcfdfe 0%, #feffff 100%);
  background: -o-linear-gradient(top, #fcfdfe 0%, #feffff 100%);
  background: -ms-linear-gradient(top, #fcfdfe 0%, #feffff 100%);
  background: linear-gradient(to bottom, #fcfdfe 0%, #feffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f3f4', endColorstr='#feffff', GradientType=0);
}
ul.reports li > a > span.title:hover {
  text-decoration: underline;
}
ul.reports li > a > span.subtitle {
  color: #2d353e;
  font-size: 14px;
  line-height: 22px;
}
ul.reports li > a > span.subtitle:hover {
  text-decoration: none;
}
ul.reports li > a:hover {
  text-decoration: none;
}
ul.reports li > a:after {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  width: 0;
  height: 0;
  border-width: 25px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #fafafa;
  border-left-color: #fafafa;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
ul.reports li > a .title {
  display: block;
  padding-bottom: 8px;
  margin-bottom: 10px;
  color: #222;
  border-bottom: 1px solid #ccc;
}
ul.reports li > a .subTitle {
  font-size: 14px;
}
ul.reports li > a:hover:before {
  content: "Lag rapport";
  position: absolute;
  bottom: 10px;
  background: #FF7800;
  color: #fff;
  padding: 5px 22px;
  display: block;
  font-size: 14px;
  left: 10px;
  right: 10px;
  text-align: center;
  text-decoration: none;
}
/******************
**** VGO liste ****
******************/
.vgoList ul {
  background-color: #eeeeee;
  margin: 0;
  padding: 0;
  margin-left: 28px;
  border: 1px solid #f4f6f6;
}
.vgoList li {
  display: block;
  font-size: 12px;
  margin: 4px;
  line-height: 22px;
}
.vgoList li > span {
  line-height: 22px;
}
.vgoList li > span.icon {
  float: left;
  min-width: 27px;
  min-height: 22px;
  background-color: transparent;
  background-position: center 4px;
  padding: 2px 0px;
}
.vgoList li.fag > span.name {
  display: block;
  background: transparent;
  padding: 2px 4px 2px 28px;
}
.vgoList li.fag > span.name > span.badge {
  float: right;
  position: relative;
  top: 2px;
}
.vgoList li.fag > span.ant {
  float: left;
  text-align: center;
  min-width: 44px;
  font-size: 14px;
  font-weight: bold;
  margin: 0px;
  padding: 2px 4px;
  color: black;
}
.vgoList li.fag > span.ant:hover {
  cursor: pointer;
  background-color: #c3e0ff;
}
.vgoList li.fag > span.icon.star:hover {
  background-color: #c3e0ff;
}
.vgoList li.fag > span.icon.selected {
  background-color: #ff7800;
}
.vgoList li.fag > span.np {
  float: right;
  min-width: 44px;
  position: relative;
  top: -28px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 2px 8px;
}
.vgoList li.fag.OK > span.icon {
  background-color: #fff;
}
.vgoList li.fag.OK > span.ant.selected,
.vgoList li.fag > span.ant.selected {
  background-color: #ff7800;
}
.filtered .vgoList li.fag {
  display: none;
}
.filtered .vgoList li.OK,
.filtered .vgoList li.AP,
.filtered .vgoList li.stp,
.filtered .vgoList li.alert {
  display: block;
}
.vgoList li.fag {
  background-color: #f4f6f6;
}
.vgoList li.fag.alert {
  font-weight: bold;
  background-color: #fff;
  background-image: url(/css/images/e5c41af5e038ca41dd12e46bad6cddef.png);
  background-position: 6px 4px;
  background-repeat: no-repeat;
  background-size: 16px;
  border: none;
  color: inherit;
}
.vgoList li.fag.OK > span.name {
  font-weight: bold;
  background-color: #fff;
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
  background-position: 6px 4px;
  background-repeat: no-repeat;
  background-size: 16px;
}
.vgoList li.fag > span.name:hover,
.vgoList li.fag.OK > span.name:hover {
  background-color: #c3e0ff;
  cursor: pointer;
}
.vgoList li.fag.selected > span.name,
.vgoList li.fag.OK.selected > span.name {
  background-color: #ff7800;
}
#VGOSchoolSummary .vgoList li.fag > span.name {
  padding: 2px 4px 2px 32px;
  margin-left: 52px;
}
#VGOSchoolSummary .vgoList li.fag.OK > span.name {
  background-image: none;
}
.vgoList .numbers li.fag {
  padding-left: 8px;
}
.vgoList .numbers li.fag.OK {
  background-image: none;
}
.vgoList .numbers li.fag.OK.selected {
  color: #fff;
  background-color: #FF7800;
}
.vgoList .numbers li.fag.OK:hover {
  cursor: pointer;
  background-color: #C3E0FF;
}
.numbers .number {
  float: right;
}
div.alertBox {
  border: 2px solid #c7c7c7;
  background-color: #e8e8e8;
  border-radius: 4px;
  padding: 10px;
  color: #000;
  position: fixed;
  max-width: 1024px;
}
div.alertBox.do {
  border: 2px solid #c7c7c7;
  border-radius: 4px;
  padding: 15px;
  font-size: 18px;
}
div.alertBox > h1 {
  font-size: 18px;
  margin: 4px 4px 20px 4px;
}
div.alertBox > p {
  font-size: 16px;
  margin: 4px 4px 24px 4px;
}
div.alertBox > ul {
  font-size: 14px;
  line-height: 18px;
  list-style-position: inside;
  list-style-type: circle;
}
div.alertBox > div.buttons {
  text-align: center;
  margin-top: 16px;
}
div.alertBox > div.buttons > input.button {
  margin: 0px 16px;
  padding: 6px 20px;
}
div.alertBox > div.buttons > input.button.ok {
  padding: 6px 20px;
}
div.alertBox > div.buttons > input.button.yes {
  padding: 6px 20px;
}
div.alertBox > div.buttons > input.button.no {
  padding: 6px 20px;
}
div.alertBox > div.dlgContents {
  font-size: 14px;
  line-height: 16px;
}
div.alertBox > div.dlgContents > p {
  margin-bottom: 28px;
}
div.alertBox > div.dlgContents div.errorMessage {
  margin: 4px 0px;
}
.fileselect {
  display: table;
}
.fileselect > .filename {
  display: table-cell;
  padding-right: 8px;
}
.fileselect > .fileinput-button {
  position: relative;
  overflow: hidden;
  display: table-cell;
}
.fileselect > .fileinput-button input {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
  display: block;
}
.progressPoll {
  background-color: transparent;
  font-size: 14px;
  line-height: 16px;
  height: 372px;
  min-width: 372px;
  padding: 8px 4px 8px 4px;
}
.progressPoll > .texts {
  display: block;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 320px;
  border-bottom: 1px solid black;
}
.progressPoll > .texts > .text {
  width: 100%;
  white-space: nowrap;
}
.progressPoll > .bar {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0px;
  height: 30px;
  background-color: red;
}
div.messages > span {
  display: block;
  line-height: 18px;
  font-size: 16px;
}
div.messages > span.error {
  color: red;
}
ul.summaryInfo {
  font-size: 18px;
  line-height: 20px;
}
ul.summaryInfo > li {
  list-style-position: inside;
  list-style-type: circle;
}
div.helpText {
  width: 616px;
  line-height: normal;
  max-width: 616px;
  height: 100%;
  padding: 8px;
  margin-top: -4px;
}
div.outsideContent {
  margin: 0 auto;
  display: inline-block;
}
div.outsideContent .ingress {
  font-size: 16px;
  padding: 16px;
}
.cookie-overlay {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1000;
  overflow: hidden;
  min-width: 260px;
  background-color: rgba(255, 255, 255, 0.65);
  box-shadow: 0 0 1px 1px #e8e8e8;
}
.cookie-outer {
  position: relative;
  left: 50%;
  float: left;
  clear: both;
  text-align: left;
}
.cookie-inner {
  position: relative;
  left: -50%;
  text-align: left;
}
.cookie-overlay-wrapper {
  overflow: hidden;
  padding-left: 40px;
  color: #737373;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.cookie-overlay-wrapper > span.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  overflow: hidden;
  background-image: url(/css/images/02eb3fea487c128594970bcc33f31363.svg);
  background-repeat: no-repeat;
  background-size: 104px;
  background-position: -80px 2px;
  position: relative;
  top: -2px;
  margin-right: 8px;
}
.cookie-overlay-wrapper > span.link {
  margin-left: 32px;
}
.cookie-overlay-wrapper > span.button-wrapper {
  margin-left: 32px;
}
.cookie-overlay-wrapper > p {
  display: inline-block;
}
.cookie-overlay-wrapper > input {
  margin-left: 16px;
}
@media (max-width: 1074px) {
  .cookie-overlay-wrapper > span.icon {
    display: none;
  }
  .cookie-overlay-wrapper > span.text {
    margin-bottom: 8px;
  }
  .cookie-overlay-wrapper > span.link,
  .cookie-overlay-wrapper > span.button {
    display: block;
    margin-left: 0;
  }
  .cookie-overlay-wrapper > span.link {
    margin-bottom: 8px;
  }
}
.cookieinfo-wrapper {
  font-size: 12px;
}
.cookieinfo-wrapper p {
  color: black;
}
.cookieinfo-wrapper p.ingress {
  font-size: 12px;
}
.cookieinfo-wrapper h4 {
  color: black;
}
.cookieinfo-wrapper table.cookie-desc {
  margin-bottom: 16px;
  width: 100%;
}
.cookieinfo-wrapper table.cookie-desc td:first-child {
  width: 70px;
}
.full-width {
  width: 100%;
}
.half-width {
  display: table-cell;
  width: 50%;
  border-top: 2px solid #c7c7c7;
  border-bottom: 2px solid #c7c7c7;
}
.half-width.left {
  padding-right: 6px;
  border-right: 2px solid #c7c7c7;
}
.half-width.right {
  padding-left: 6px;
}
.vismaicon {
  display: inline-block;
  position: relative;
  user-select: none;
}
.vismaicon.vismaicon-menu:before {
  content: '';
  display: block;
  position: relative;
  margin: 0 auto;
  background-color: transparent;
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
}
.vismaicon-menu.vismaicon-help:before {
  background-image: url(/css/images/77414c1591edf9db15c263f3559b3e9f.svg);
}
nav.nav {
  position: relative;
  float: right;
  padding: 0px 6px 0px 3px;
  line-height: 2.4em;
  color: white;
  background: transparent;
  z-index: 2;
  height: 40px;
  z-index: 101;
}
nav.nav ul.menu-panel {
  float: right;
  display: block;
  padding: 0;
  margin: 0;
  height: 100%;
}
nav.nav ul.menu-panel:before {
  display: table;
  content: ' ';
}
nav.nav ul.menu-panel li {
  display: block;
  float: left;
  height: 100%;
  position: relative;
}
nav.nav ul.menu-panel li a {
  display: block;
  text-decoration: none;
  padding: 0;
  margin: 0;
  height: auto;
}
nav.nav ul.menu-panel li a.dropdown-toggle .caret {
  margin-left: 6px;
}
nav.nav ul.menu-panel li a:hover {
  cursor: pointer;
}
nav.nav ul.menu-panel li.first-level-item > a {
  padding: 8px 0 8px 8px;
}
nav.nav ul.menu-panel li.first-level-item > a:not(:last-child) {
  margin-right: 1px;
}
nav.nav ul.menu-panel li.first-level-item > a:after {
  content: '';
  position: absolute;
  display: block;
  width: 1px;
  height: 100%;
  top: 0;
  left: -1px;
  background: transparent;
  background: -webkit-linear-gradient(top, transparent 10%, white 50%, transparent 90%);
  background: linear-gradient(to bottom, transparent 10%, white 50%, transparent 90%);
}
nav.nav ul.menu-panel li .dropdown-menu {
  margin-top: 0;
}
nav.nav ul.menu-panel li.dropdown > ul > li {
  width: 100%;
}
nav.nav ul.menu-panel li.dropdown > ul > li > a:not(.btn) {
  color: #282828;
  background-color: white;
  text-decoration: none;
  padding: 6px 6px 6px 8px;
  width: auto;
}
nav.nav ul.menu-panel li.dropdown > ul > li > a:not(.btn):hover {
  color: #282828;
  background-color: #ccebff;
  cursor: pointer;
}
nav.nav ul.menu-panel li.dropdown > a {
  font-size: 16px;
}
nav.nav ul.menu-panel li.dropdown .dropdown-menu {
  position: absolute;
  border: 1px solid #c7c7c7;
  padding: 0;
  width: 100%;
}
nav.nav ul.menu-panel li.dropdown .dropdown-menu a {
  padding-left: 8px;
  color: #282828;
}
nav.nav ul.menu-panel li.dropdown.open .dropdown-menu {
  display: block;
}
nav.nav ul.menu-panel li.noci-jaggu {
  position: relative;
  display: block;
  line-height: 145%;
  list-style: none;
}
nav.nav ul.menu-panel li.noci-jaggu > a {
  position: relative;
  color: white;
  padding: 4px 0 4px 4px;
  white-space: normal;
  overflow: hidden;
  line-height: 135%;
}
nav.nav ul.menu-panel li.noci-jaggu > a .vismaicon.vismaicon-menu {
  top: 0;
  width: 24px;
  height: 24px;
  padding: 4px 8px;
  color: white;
}
nav.nav ul.menu-panel li.noci-jaggu.first-level-item > a:after {
  left: 0;
}
.dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  text-align: left;
  list-style: none;
  background-color: white;
  background-clip: padding-box;
  padding: 10px 0;
  font-size: 14px;
}
.caret {
  display: inline-block;
  width: 11px;
  height: 11px;
  border: none;
  background: url(/css/images/ed346ab9b08034892cb30f0ac95a5d0d.svg);
  background-repeat: no-repeat;
  background-size: 86px 7px;
  background-position: 0 center;
  margin-right: 6px;
}
div.splash {
  margin-left: auto;
  margin-right: auto;
  width: 626px;
  border: 1px solid #a0a0a0;
  border-radius: 4px;
  background: #eee;
  box-shadow: 5px 5px 8px #999;
}
div.splashHead {
  height: 36px;
}
div.splashImg {
  border-bottom: none;
  background-image: url(/css/images/c1d3399954ce9de243e8484170ba7447.svg);
  background-repeat: no-repeat;
  width: 624px;
  height: 140px;
}
div.splashCont {
  min-height: 400px;
}
div.splashCont > div:not(:last-child) {
  padding-bottom: 14px;
  border-bottom: 1px solid #cbcbcb;
}
div.splashCont > .selfreg {
  padding: 8px;
  min-height: inherit;
}
div.splashCont > .selfreg > .head {
  font-size: 18px;
}
div.splashCont > .selfreg > .ingress {
  font-size: 24px;
  position: relative;
  top: -48px;
  left: 188px;
  color: white;
}
div.splashCont > .selfreg > .body {
  font-size: 14px;
}
div.splashCont > .selfreg > .bottomButtons {
  padding: 8px;
  margin: 0;
}
div.splashCont > .pwdreset {
  padding: 8px;
  min-height: inherit;
}
div.splashCont > .pwdreset > .ingress {
  font-size: 24px;
  position: relative;
  top: -48px;
  left: 188px;
  color: white;
}
div.splashCont > .pwdreset > .head {
  font-size: 18px;
}
div.splashCont > .pwdreset > .body {
  font-size: 14px;
  line-height: 16px;
}
div.splashCont > .pwdreset > .body > p {
  font-size: 16px;
}
div.splashCont > .pwdreset > .body > ul {
  margin: 4px 0 0 0;
}
div.splashCont > .pwdreset > .body > ul > li {
  margin-left: 18px;
}
div.splashCont > .pwdreset > .bottomButtons {
  padding: 8px;
  margin: 0;
}
div.splashCont > .pwdreset > table.common {
  margin-top: 10px;
}
div.splashCont > .pwdreset > table.common > tbody > tr > td.fieldInput > span.tblInline {
  display: inline-block;
  margin-right: 8px;
}
div.splashCont > .pwdreset > table.common > tbody > tr > td.fieldInput > input.button {
  padding: 6px;
}
div.splashFoot {
  height: 34px;
  border-top: 1px solid #cbcbcb;
}
div.splashFoot > div.center {
  text-align: center;
}
div.splashFoot > div.center > div.forgotpwd {
  position: absolute;
  top: 0px;
  right: 14px;
  font-size: 12px;
}
div.splashFoot > div > .pve {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  top: -16px;
}
div.splashFoot > div > .pve > a {
  text-decoration: none;
  font-size: 12px;
}
div.splashFoot > div > .pve > a:hover {
  text-decoration: underline;
}
div.splashFoot > div > .visma {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  top: -10px;
}
div.splashFoot > div > .visma > .img {
  width: 132px;
  height: 31px;
  background-image: url(/css/images/5df8a52913c25c949d37f83a8288b02f.png);
  background-repeat: no-repeat;
}
div.selfregsplash > div.splashFoot > div > .visma {
  top: initial;
}
div.login {
  margin: 14px 8px 8px;
}
div.login div.error {
  font-size: 14px;
  padding: 8px;
  margin-bottom: 8px;
}
div.login > div.header {
  margin: 0px 0px 14px 0px;
  padding: 0px;
}
div.login > div.header > span {
  display: inline-block;
  vertical-align: middle;
}
div.login > div.header > span.text {
  font-size: 18px;
}
div.login > div.ingress {
  margin: 0px 0px 14px 0px;
}
div.login > div > a.pdf {
  margin: 8px 0px 0px;
}
div.login > div.labelover > div.label {
  font-size: 14px;
}
div.options {
  width: 100%;
  display: table-cell;
  padding: 0 16px 16px 16px;
  vertical-align: top;
}
div.options.horizontal {
  padding: 0px 4px 4px 4px;
}
div.options.horizontal > div.subgroup {
  float: left;
  margin: 0px;
}
div.options.horizontal > div.subgroup:not(:last-child) {
  margin-right: 4px;
}
div.options label {
  font-size: 12px;
  font-weight: bold;
  color: #222;
  cursor: pointer;
  line-height: 24px;
}
div.options div.subgroup > label {
  display: block;
  margin: 0px;
}
div.options h5 {
  margin: 0.6em 0px 0px;
  line-height: 1.5em;
}
div.options h5 > label {
  font-size: 16px;
  font-weight: 200;
}
div.options .subgroup {
  margin-left: 22px;
  margin-bottom: 16px;
  margin-right: 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 6px;
}
div.options input.dlnumber {
  width: 82px;
}
div.inputcheck > label {
  display: inline;
}
div.inputcheck > label:hover {
  cursor: pointer;
}
div.inputcheck > input {
  position: relative;
  top: 2px;
  padding: 0px;
  margin: 0px;
}
div.inputcheck > input:hover {
  cursor: pointer;
}
div.inputcheck.li > label {
  margin-right: 6px;
}
div.inputcheck.il > label {
  margin-left: 6px;
}
div.radio label {
  font-size: 12px;
  font-weight: bold;
}
div.radio .inputcheck.nobold label {
  font-weight: normal;
}
div.radio.horizontal {
  display: inline-block;
  border-radius: 10px;
  padding: 4px 10px 4px 16px;
}
div.radio.horizontal > div.inputcheck {
  display: inline-block;
}
div.radio.horizontal > span {
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}
div.radio.horizontal label {
  padding: 10px 10px 10px 0px;
}
div.radio.horizontal input {
  padding: 0px;
  margin: 0px;
}
div.radio.vertical {
  display: block;
  border-radius: 10px;
  padding: 0px 10px 0px 10px;
  margin: 2px 0px;
}
div.radio.vertical > div.group {
  padding: 0px;
  margin: 0px;
  margin-left: 8px;
}
div.radio.vertical > div.group.error {
  padding: 0px 4px;
}
div.radio.vertical > span {
  font-size: 16px;
  font-weight: bold;
  margin-right: 10px;
}
div.radio.vertical label {
  padding: 4px 10px 4px 0px;
}
div.radio.grey {
  background: #e1e4e5;
}
/*!
 * jQuery UI Tabs 1.11.1
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-invisible {
  display: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-tabs-reloadable .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: default;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.gridColumn h4 {
  font-size: 18px;
}
.gridColumn p {
  font-size: 14px;
}
.SimpleFrame {
  font-size: 14px;
  padding: 0;
  border: none;
  /* Header */
  /* Footer */
  /* Top Left corner */
  /* Bottom left corner */
  /* Top right corner */
  /* Bottom right corner */
  /* Left divider corner */
  /* Right divider corner */
  /* Grid Title - main div */
  /* Div Title Text - the div containing title-text span element */
  /* Span Title Text - the span within 'dtt' that contains the title-text */
  /* Top Frame */
  /* Right Frame */
  /* Bottom Frame */
  /* Left Frame */
  /* Middle Frame (divider frame) */
}
.SimpleFrame .hide {
  display: none;
}
.SimpleFrame .hdr {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
}
.SimpleFrame .hdr .c:hover {
  cursor: pointer;
}
.SimpleFrame .ftr {
  background: white;
}
.SimpleFrame .ftr .c:hover {
  cursor: pointer;
}
.SimpleFrame .ta {
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  padding: 0px;
  margin: 0;
  border-spacing: 0px;
  border-collapse: separate;
}
.SimpleFrame .td,
.SimpleFrame .tr,
.SimpleFrame .tb {
  padding: 0;
  margin: 0;
  border: none;
}
.SimpleFrame .tlc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .blc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .trc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .brc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .ldc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .rdc {
  width: 0px;
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .ttl {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  height: 24px;
}
.SimpleFrame .dtt {
  position: relative;
  margin: 2px 0px 0px 6px;
}
.SimpleFrame .tf {
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .rf {
  width: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .bf {
  height: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .lf {
  width: 0px;
  overflow: hidden;
  background: transparent;
}
.SimpleFrame .mf {
  height: 0px;
  overflow: hidden;
  background: gray;
}
/*
 ****************************************************************************
*/
.AjaxGrid {
  display: block;
  background: transparent;
  line-height: 16px;
  /* TableView - the Details top-level div containing both header and content divs */
  /* TableView level 2 */
  /* Header tabel */
  /* Content table level 2 */
  /* Content Table */
}
.AjaxGrid > .l1TView > .l1HCont,
.AjaxGrid l2TView > .l1HCont {
  /* Header Container - The div containing the header-table */
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool {
  width: 100%;
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool:after {
  content: "";
  display: block;
  clear: both;
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool > .pagertool {
  float: right;
  right: 8px;
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool > .filtertool {
  float: left;
  padding: 0;
  width: 40%;
  height: 42px;
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool > .filtertool > input {
  width: 100%;
  height: 100%;
  border: 2px solid #4d8400;
}
.AjaxGrid > .l1TView > .l1HCont > .hdrtool > .filtertool > span.icon.search {
  width: 42px;
  height: 100%;
  position: absolute;
  display: inline-block;
  background-color: #4d8400;
  right: 0px;
  background-image: url(/css/images/8e04d4bfbeaa44d9f7c688517dc8cb3c.png);
  background-size: 22px;
}
.AjaxGrid .l2TView {
  padding: 0;
}
.AjaxGrid .l2TView .l2HCont > .hdrtool > .pagertool {
  float: left;
  right: unset;
  left: 4px;
}
.AjaxGrid .l2TView .l2HCont > .listtitle {
  font-size: 18px;
  padding: 8px 0px 8px 4px;
}
.AjaxGrid .l1HTable,
.AjaxGrid .l2HTable {
  border-collapse: separate;
  padding: 0px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: #282828;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  margin: 0px;
}
.AjaxGrid .l1HTable input,
.AjaxGrid .l2HTable input {
  /* Filter column contents */
}
.AjaxGrid .l1HTable input.fcc,
.AjaxGrid .l2HTable input.fcc {
  background-color: white;
  /*color: Black;*/
  height: 28px;
  width: 100%;
}
.AjaxGrid .l1HTable input.fcc::-webkit-input-placeholder,
.AjaxGrid .l2HTable input.fcc::-webkit-input-placeholder {
  color: #c7c7c7;
}
.AjaxGrid .l1HTable input.fcc:-moz-placeholder,
.AjaxGrid .l2HTable input.fcc:-moz-placeholder {
  color: #c7c7c7;
}
.AjaxGrid .l1HTable input.fcc:-ms-input-placeholder,
.AjaxGrid .l2HTable input.fcc:-ms-input-placeholder {
  color: #c7c7c7;
}
.AjaxGrid .l1HTable > tbody > tr > th,
.AjaxGrid .l2HTable > tbody > tr > th,
.AjaxGrid .l1HTable > tbody > tr > td,
.AjaxGrid .l2HTable > tbody > tr > td {
  background: transparent;
  font-weight: normal;
  text-align: left;
  border: none;
}
.AjaxGrid .l1HTable > tbody > tr > th.clickable,
.AjaxGrid .l2HTable > tbody > tr > th.clickable,
.AjaxGrid .l1HTable > tbody > tr > td.clickable,
.AjaxGrid .l2HTable > tbody > tr > td.clickable {
  cursor: pointer;
}
.AjaxGrid .l1HTable > tbody > tr > th.c,
.AjaxGrid .l2HTable > tbody > tr > th.c,
.AjaxGrid .l1HTable > tbody > tr > td.c,
.AjaxGrid .l2HTable > tbody > tr > td.c {
  font-size: 14px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  /* First column */
  /* Filter row */
  /* first column */
  /* Middle columns (between first and last) */
  /* last column */
  /* OpenClose column */
  /* DeleteIcon column */
}
.AjaxGrid .l1HTable > tbody > tr > th.c > span > img,
.AjaxGrid .l2HTable > tbody > tr > th.c > span > img,
.AjaxGrid .l1HTable > tbody > tr > td.c > span > img,
.AjaxGrid .l2HTable > tbody > tr > td.c > span > img {
  width: auto;
  width: initial;
}
.AjaxGrid .l1HTable > tbody > tr > th,
.AjaxGrid .l2HTable > tbody > tr > th {
  padding: 8px 4px 4px 4px;
}
.AjaxGrid .l1HTable > tbody > tr > th > span.sort,
.AjaxGrid .l2HTable > tbody > tr > th > span.sort {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  text-align: center;
  background-size: 12px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.AjaxGrid .l1HTable > tbody > tr > th > span.sort.none,
.AjaxGrid .l2HTable > tbody > tr > th > span.sort.none {
  background-image: url(/css/images/5982e201f80967b83e5e14de4a2876fe.gif);
}
.AjaxGrid .l1HTable > tbody > tr > th > span.sort.desc,
.AjaxGrid .l2HTable > tbody > tr > th > span.sort.desc {
  background-image: url(/css/images/ec1505173dd4bdcc6db3c9ba1dc42303.gif);
}
.AjaxGrid .l1HTable > tbody > tr > th > span.sort.asc,
.AjaxGrid .l2HTable > tbody > tr > th > span.sort.asc {
  background-image: url(/css/images/1155278aa828cea369fbf91a4c941afd.gif);
}
.AjaxGrid .l1HTable > tbody > tr > td,
.AjaxGrid .l2HTable > tbody > tr > td {
  padding: 0 4px;
}
.AjaxGrid .l1HTable > tbody > tr > td.c,
.AjaxGrid .l2HTable > tbody > tr > td.c {
  /* Filter table column */
}
.AjaxGrid .l1HTable > tbody > tr > td.c.ftc,
.AjaxGrid .l2HTable > tbody > tr > td.c.ftc {
  background-color: transparent;
  padding: 0 1px 0 0;
}
.AjaxGrid .l1HTable > tbody > tr.hr th.c,
.AjaxGrid .l2HTable > tbody > tr.hr th.c {
  padding: 10px 4px;
  vertical-align: middle;
  font-size: 16px;
}
.AjaxGrid .l1HTable {
  padding-bottom: 6px;
}
.AjaxGrid .l1CTable,
.AjaxGrid .l2CTable {
  border-collapse: separate;
  padding: 0px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: #282828;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.AjaxGrid .l1CTable > tbody > tr.r,
.AjaxGrid .l2CTable > tbody > tr.r {
  background-color: white;
  /* Alternating row */
  /* Selected row */
  /* Row with keyboard focus */
  /* Row with new entry */
  /* First row */
}
.AjaxGrid .l1CTable > tbody > tr.r:hover,
.AjaxGrid .l2CTable > tbody > tr.r:hover {
  background: #f5fbff;
  color: #282828;
}
.AjaxGrid .l1CTable > tbody > tr.r.ar,
.AjaxGrid .l2CTable > tbody > tr.r.ar {
  background-color: #f7f7f7;
  color: #282828;
}
.AjaxGrid .l1CTable > tbody > tr.r.ar:hover,
.AjaxGrid .l2CTable > tbody > tr.r.ar:hover {
  background: #f5fbff;
  color: #282828;
}
.AjaxGrid .l1CTable > tbody > tr.r.sr,
.AjaxGrid .l2CTable > tbody > tr.r.sr {
  background: #0974b3;
  color: white;
}
.AjaxGrid .l1CTable > tbody > tr.r.sr:hover,
.AjaxGrid .l2CTable > tbody > tr.r.sr:hover {
  background: #0974b3;
  color: white;
}
.AjaxGrid .l1CTable > tbody > tr.r.kbdf,
.AjaxGrid .l2CTable > tbody > tr.r.kbdf {
  background: #f0f0f0;
}
.AjaxGrid .l1CTable > tbody > tr.r.new > td.c,
.AjaxGrid .l2CTable > tbody > tr.r.new > td.c {
  background: #c0ffc0;
}
.AjaxGrid .l1CTable > tbody > tr.r.new > td.c.edit,
.AjaxGrid .l2CTable > tbody > tr.r.new > td.c.edit {
  background: #d0ffd0;
}
.AjaxGrid .l1CTable > tbody > tr.r.fr,
.AjaxGrid .l2CTable > tbody > tr.r.fr {
  /* Common for all columns on first row */
}
.AjaxGrid .l1CTable > tbody > tr.r.fr.lr > td.c,
.AjaxGrid .l2CTable > tbody > tr.r.fr.lr > td.c {
  /* No contents column */
}
.AjaxGrid .l1CTable > tbody > tr.r.fr.lr > td.c.noc,
.AjaxGrid .l2CTable > tbody > tr.r.fr.lr > td.c.noc {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 1.5em;
}
.AjaxGrid .l1CTable > tbody > tr.r.fr > td.c,
.AjaxGrid .l2CTable > tbody > tr.r.fr > td.c {
  border-top: 1px solid #c0c0c0;
}
.AjaxGrid .l1CTable > tbody > tr.r.fr > td.c.edit,
.AjaxGrid .l2CTable > tbody > tr.r.fr > td.c.edit {
  border-top: 2px solid #ff7800;
}
.AjaxGrid .l1CTable > tbody > tr > td.c,
.AjaxGrid .l2CTable > tbody > tr > td.c {
  border-left: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 4px 4px 6px 4px;
  margin: 0 0 0 0;
  vertical-align: middle;
  white-space: nowrap;
  /* OpenClose column */
  /* DeleteIcon column */
  /* Alternating column */
  /* first column */
  /* columns (between first and last) */
  /* last column */
  /* Selected column */
  /* Not Available  */
  /* Button column anchor - class for anchor in a LinkButtonColumn */
  /* Button column button - class for button in a ButtonColumn */
}
.AjaxGrid .l1CTable > tbody > tr > td.c.edit,
.AjaxGrid .l2CTable > tbody > tr > td.c.edit {
  border-left: 2px solid #ff7800;
  border-bottom: 2px solid #ff7800;
  border-top: 2px solid #ff7800;
  background: #fffcfc;
}
.AjaxGrid .l1CTable > tbody > tr > td.c.lc,
.AjaxGrid .l2CTable > tbody > tr > td.c.lc {
  border-right: 1px solid #c0c0c0;
}
.AjaxGrid .l1CTable > tbody > tr > td.c.lc.edit,
.AjaxGrid .l2CTable > tbody > tr > td.c.lc.edit {
  border-right: 2px solid #ff7800;
}
.AjaxGrid .l1CTable > tbody > tr > td.c.na,
.AjaxGrid .l2CTable > tbody > tr > td.c.na {
  color: Gray;
}
.AjaxGrid .l1CTable > tbody > tr > td.c.bca:hover,
.AjaxGrid .l2CTable > tbody > tr > td.c.bca:hover {
  text-decoration: underline;
  cursor: pointer;
}
.AjaxGrid .l1CTable > tbody > tr > td.data,
.AjaxGrid .l2CTable > tbody > tr > td.data {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding: 0px;
  margin: 0px;
}
.AjaxGrid .l1CTable > tbody > tr > td.data > table,
.AjaxGrid .l2CTable > tbody > tr > td.data > table {
  /* The table containing indent-column and sub-level column for a sub-level. */
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.AjaxGrid .l1CTable > tbody > tr > td.data .ic,
.AjaxGrid .l2CTable > tbody > tr > td.data .ic {
  background-color: transparent;
  width: 24px;
  border: none;
}
.AjaxGrid .l1CTable > tbody > tr > td.inactive,
.AjaxGrid .l2CTable > tbody > tr > td.inactive {
  background: #fccaca;
}
.AjaxGrid .l1CTable > tbody > tr > td.disabled,
.AjaxGrid .l2CTable > tbody > tr > td.disabled {
  color: #c7c7c7;
}
.AjaxGrid .l2HCont {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.AjaxGrid .l1DCont > div.loading,
.AjaxGrid .l2DCont > div.loading {
  background-color: white;
  border: 1px solid #c7c7c7;
  padding: 8px;
}
.AjaxGrid .l1DCont > div.loading.ovl,
.AjaxGrid .l2DCont > div.loading.ovl {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(/css/images/8d86b0746b4bda5c97f1769671a83ed1.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.AjaxGrid .l2DCont {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}
.AjaxGrid tbody > tr > td.collapse {
  display: table-cell;
}
.AjaxGrid tbody > tr > td.collapse > span {
  display: block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.AjaxGrid tbody > tr > td.collapse > span.closed {
  background-size: 10px;
  background-image: url(/css/images/b4e2872b204a1601d83bfc227513e3b7.png);
}
.AjaxGrid tbody > tr > td.collapse > span.open {
  background-size: 12px;
  background-image: url(/css/images/f7f73fa8475ed0b1ba13f91ba1f7db81.png);
}
.AjaxGrid tbody > tr > td.collapse > span.loading {
  background-size: 14px;
  background-image: url(/css/images/0f2a5d3c1339232095e1c960b9613b97.gif);
}
.AjaxGrid .clickable {
  cursor: pointer;
}
.AjaxGrid .EmbedPager {
  position: relative;
  width: auto;
  height: auto;
  /* Info Text */
  /* Input Label */
  /* Page Number Input */
  /* Input Button */
  /* Felles for alle */
  /* First */
  /* Last */
  /* Previous */
  /* Next */
  /* Other Pages */
  /* Current page */
}
.AjaxGrid .EmbedPager table {
  border-collapse: collapse;
  font-weight: normal;
  color: #282828;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.AjaxGrid .EmbedPager table > tbody > tr > td {
  padding: 6px 0;
  margin: 0;
  border-collapse: collapse;
  border: none;
}
.AjaxGrid .EmbedPager table > tbody > tr > td > input:not(.o):not(.c):disabled {
  color: #c7c7c7;
}
.AjaxGrid .EmbedPager input {
  line-height: 16px;
  min-width: 38px;
  min-height: 38px;
  background-color: white;
}
.AjaxGrid .EmbedPager .pni {
  border-width: 1px;
  width: 38px;
  min-width: 28px;
  height: 28px;
  padding: 4px 4px 4px 4px;
  text-align: center;
}
.AjaxGrid .EmbedPager .ib {
  border: 1px solid #c7c7c7;
  background: #f4f4f4;
  width: auto;
  padding: 4px 4px 4px 4px;
}
.AjaxGrid .EmbedPager .f,
.AjaxGrid .EmbedPager .l,
.AjaxGrid .EmbedPager .p,
.AjaxGrid .EmbedPager .n,
.AjaxGrid .EmbedPager .o {
  width: auto;
  padding: 4px 4px 4px 4px;
  border: 1px solid #c7c7c7;
  background-color: white;
}
.AjaxGrid .EmbedPager .f:not(.o):not([disabled]):hover,
.AjaxGrid .EmbedPager .l:not(.o):not([disabled]):hover,
.AjaxGrid .EmbedPager .p:not(.o):not([disabled]):hover,
.AjaxGrid .EmbedPager .n:not(.o):not([disabled]):hover,
.AjaxGrid .EmbedPager .o:not(.o):not([disabled]):hover {
  background: #c7c7c7;
  cursor: pointer;
}
.AjaxGrid .EmbedPager .o:hover {
  background: #e4e4e4;
  cursor: pointer;
}
.AjaxGrid .EmbedPager .c {
  border: 1px solid #c7c7c7;
  width: auto;
  color: #282828;
  padding: 4px 4px 4px 4px;
  background: #ff7800;
}
.CalendarFrame {
  position: absolute;
  font-size: 14px;
  z-index: 1000;
  border: 1px solid #c7c7c7;
  background: #f0f0f0;
  /* Header */
  /* Footer */
  /* Top left corner */
  /* Bottom left corner */
  /* Top right corner */
  /* Bottom right corner */
  /* Left divider corner */
  /* Right divider corner */
  /* Grid Title - main div */
  /* Div Title Text - the div containing title-text span element */
  /* Span Title Text - the span within 'dtt' that contains the title-text */
  /* Right divider corner */
  /* Top Frame */
  /* Right Frame */
  /* Bottom Frame */
  /* Left Frame */
  /* Middle Frame (divider frame) */
}
.CalendarFrame .hide {
  display: none;
}
.CalendarFrame .td,
.CalendarFrame .tr,
.CalendarFrame .tb {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: none;
}
.CalendarFrame .hdr {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
}
.CalendarFrame .hdr .c:hover {
  cursor: pointer;
}
.CalendarFrame .ftr {
  background: white;
}
.CalendarFrame .ftr .c:hover {
  cursor: pointer;
}
.CalendarFrame .ta {
  border-collapse: collapse;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.CalendarFrame .tlc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .blc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .trc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .brc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .ldc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .rdc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .ttl {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  background: transparent;
  height: 24px;
}
.CalendarFrame .dtt {
  position: relative;
  margin: 2px 0px 0px 6px;
}
.CalendarFrame .stt {
  font-size: 1em;
}
.CalendarFrame .tf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .rf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .bf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .lf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.CalendarFrame .mf {
  height: 1px;
  overflow: hidden;
  background: gray;
}
.PickDate {
  position: relative;
}
.PickDate img {
  position: absolute;
  right: 0px;
  width: auto;
  width: initial;
}
.PickDate img:hover {
  cursor: pointer;
}
div.PickDateContainer {
  position: relative;
  display: inline-block;
}
div.PickDateContainer.period {
  width: 100%;
}
div.PickDateContainer > div.SelectorIcon {
  width: 26px;
  height: 26px;
  border: none;
  position: absolute;
  top: 1px;
  right: 1px;
  background-color: transparent;
  background-image: url(/css/images/c9e44cbdd665cb11dea4a54be71b7a0b.png);
  background-position: center center;
  background-repeat: no-repeat;
}
div.PickDateContainer:hover > div.SelectorIcon {
  cursor: pointer;
}
.Calendar {
  background: white;
  float: left;
  font-size: 1em;
  line-height: 18px;
  /* Month container div */
  /* Month table */
  /* Week number */
  /* Date Number */
  /* Empty date */
  /* Week text */
  /* Day (date) text */
}
.Calendar span {
  font-size: 1em;
}
.Calendar .head table {
  border-collapse: collapse;
  width: 100%;
  height: 24px;
  /* Current year */
}
.Calendar .head table .c {
  background: #f3f3f3;
  text-align: center;
  padding: 4px 0;
}
.Calendar .head table .c > span {
  padding: 2px 8px;
}
.Calendar .head table .cy {
  font-weight: bold;
}
.Calendar .c:hover {
  background-color: #f3f3f3;
  cursor: pointer;
}
.Calendar .mcont {
  position: relative;
  float: left;
}
.Calendar .mtbl {
  border-collapse: collapse;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: visible;
  empty-cells: show;
  background-color: transparent;
  /*	border:1px solid #c7c7c7; */
}
.Calendar .mtbl .tdh {
  background: transparent;
  text-align: center;
  padding: 8px;
  font-size: 16px;
}
.Calendar .wkn {
  text-align: center;
  vertical-align: middle;
  color: blue;
  border: 1px solid #e0e0e0;
  background-color: #f5f5f5;
}
.Calendar .dn {
  text-align: center;
  vertical-align: middle;
  background: white;
  padding: 6px;
  cursor: pointer;
  border: 1px solid #e0e0e0;
  /* Date Number text */
  /* Current Date number */
  /* Selected date */
  /* Marked date */
}
.Calendar .dn span {
  min-width: 16px;
  min-height: 14px;
  display: block;
}
.Calendar .dn.cd {
  font-weight: bold;
}
.Calendar .dn.s {
  border: 2px solid red;
  display: block;
  border-radius: 4px;
  padding: 4px;
}
.Calendar .dn.m {
  background-color: #eeeeef;
}
.Calendar .holyday {
  color: red;
}
.Calendar .ed {
  background: white;
  border: none;
}
.Calendar .wkt {
  padding: 2px;
  border: 1px solid #e0e0e0;
  text-align: center;
  vertical-align: middle;
}
.Calendar .daytxt {
  padding: 4px;
  border: 1px solid #e0e0e0;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
}
.Calendar .popup {
  border-collapse: collapse;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: visible;
  empty-cells: show;
  background-color: transparent;
}
.Calendar .popup .name {
  border: none;
  padding: 16px 8px 16px 8px;
}
.Calendar div.buttons {
  position: absolute;
  top: -2px;
  right: 2px;
}
.Calendar div.buttons input:hover {
  text-decoration: underline;
  cursor: pointer;
}
.Calendar div.selection {
  padding: 6px 0 6px 6px;
  display: inline-block;
}
.Calendar div.selection span {
  font-size: 12px;
  font-weight: normal;
  width: auto;
  height: auto;
  background: transparent;
  color: black;
  margin: 0;
  padding: 0;
  line-height: 18px;
  border: none;
  text-align: left;
  display: inline;
  vertical-align: baseline;
}
.Calendar div.selection span.value {
  font-weight: bold;
}
.Calendar div.selection span.light {
  color: #878787;
}
.Calendar input.button {
  font-size: 12px;
  padding: 2px 5px;
  border-radius: 3px;
}
.Calendar input.button.primary {
  color: white;
  border-color: #4096ee;
  background: #4096ee;
  background: -moz-linear-gradient(top, #4096ee 0, #4096ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4096ee), color-stop(100%, #4096ee));
  background: -webkit-linear-gradient(top, #4096ee 0, #4096ee 100%);
  background: -o-linear-gradient(top, #4096ee 0, #4096ee 100%);
  background: -ms-linear-gradient(top, #4096ee 0, #4096ee 100%);
  background: linear-gradient(to bottom, #4096ee 0, #4096ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee', endColorstr='#4096ee', GradientType=0);
  border: 1px solid #0076a3;
}
.Calendar input.button.secondary {
  color: black;
  background: #feffff;
  border: 1px solid #c7c7c7;
}
.DragGridFrame {
  font-size: 1.4em;
  /*display:table;*/
  /* Top left corner */
  /* Bottom left corner */
  /* Top right corner */
  /* Bottom right corner */
  /* Left divider corner */
  /* Right divider corner */
  /* Grid Title - main div */
  /* Div Title Text - the div containing title-text span element */
  /* Span Title Text - the span within 'dtt' that contains the title-text */
  /* Right divider corner */
  /* Top Frame */
  /* Right Frame */
  /* Bottom Frame */
  /* Left Frame */
  /* Middle Frame (divider frame) */
}
.DragGridFrame .hide {
  display: none;
}
.DragGridFrame .hdr {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  background-image: none;
}
.DragGridFrame .hdr .c:hover {
  cursor: pointer;
}
.DragGridFrame .ftr {
  background: white;
}
.DragGridFrame .ftr .c:hover {
  cursor: pointer;
}
.DragGridFrame .ta {
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  padding: 0px;
  margin: 0;
  border-spacing: 0px;
  border-collapse: separate;
}
.DragGridFrame .td,
.DragGridFrame .tr,
.DragGridFrame .tb {
  padding: 0;
  margin: 0;
  border: none;
}
.DragGridFrame .tlc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .blc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .trc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .brc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .ldc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .rdc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .ttl {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  background-image: none;
  height: 24px;
}
.DragGridFrame .dtt {
  position: relative;
  margin: 2px 0px 0px 6px;
}
.DragGridFrame .tf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .rf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .bf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .lf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.DragGridFrame .mf {
  height: 1px;
  overflow: hidden;
  background: gray;
}
/*
 ****************************************************************************
*/
.DragGrid {
  display: block;
  background: transparent;
  /*************************************/
  /*     Level 1                       */
  /*************************************/
  /* Header tabel */
  /* Content Table */
  /***********************************************************************
*
************************************************************************/
}
.DragGrid .indicator {
  background-image: none;
}
.DragGrid td.data > table {
  /* The table containing indent-column and sub-level column for a sub-level. */
  width: 100%;
}
.DragGrid > .l1TView > .l1HCont > .hdrtool {
  width: 100%;
}
.DragGrid > .l1TView > .l1HCont > .hdrtool > .pagertool {
  float: right;
  right: 12px;
}
.DragGrid > .l1TView > .l1HCont > .hdrtool > .filtertool {
  float: left;
  padding: 10px 8px 8px 12px;
  width: 40%;
}
.DragGrid > .l1TView > .l1HCont > .hdrtool > .filtertool > input {
  width: 100%;
}
.DragGrid > .l1TView > .l1HCont > .hdrtool:after {
  content: "";
  display: block;
  clear: both;
}
.DragGrid .l1HTable {
  /*border-collapse:collapse;*/
  border-collapse: separate;
  padding: 0px;
  padding-bottom: 6px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.DragGrid .l1HTable th {
  font-weight: normal;
  text-align: left;
}
.DragGrid .l1HTable .hr {
  background: transparent;
}
.DragGrid .l1HTable .hr .c {
  padding: 10px 4px;
  font-size: 1.143em;
}
.DragGrid .l1HTable .c {
  padding: 0 4px 0 4px;
  margin: 0 0 0 0;
  overflow: hidden;
}
.DragGrid .l1HTable .clickable {
  cursor: pointer;
}
.DragGrid .l1HTable .ftc {
  background-color: transparent;
}
.DragGrid .l1HTable .fcc {
  background-color: white;
  color: Black;
  height: 22px;
}
.DragGrid .l1HTable .fcc::-webkit-input-placeholder,
.DragGrid .l1HTable .fcc:-moz-placeholder,
.DragGrid .l1HTable .fcc:-ms-input-placeholder {
  color: #c7c7c7;
}
.DragGrid .c > span > img {
  width: auto;
  width: initial;
}
.DragGrid .collapse span {
  display: block;
  vertical-align: middle;
  text-align: center;
}
.DragGrid .l1CTable,
.DragGrid .l1GTable {
  /*border-collapse:collapse;*/
  border-collapse: separate;
  padding: 0px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.DragGrid .l1CTable > tbody > tr.r.fr.lr > td.noc.c,
.DragGrid .l1GTable > tbody > tr.r.fr.lr > td.noc.c {
  padding: 20px;
  text-align: center;
  vertical-align: middle;
  font-size: 22px;
  border: none;
}
.DragGrid .l1GTable {
  border-spacing: 8px;
}
.DragGrid .l1CTable .r {
  background-color: white;
}
.DragGrid .l1CTable .r:hover {
  cursor: move;
}
.DragGrid .l1CTable .c {
  border: 1px solid #c0c0c0;
  padding: 4px 4px 6px 4px;
  margin: 0 0 0 0;
  background: #f5f5f5;
  white-space: nowrap;
}
.DragGrid .l1CTable .kbdf {
  background: #f0f0f0;
}
.DragGrid .l1CTable .sr {
  background: #ff7800;
}
.DragGrid .l1CTable .sr:hover {
  background: #ff8800;
}
.DragGrid .l1CTable .data {
  border-left: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0;
  padding-left: 15px;
}
.DragGrid .l1CTable .s {
  background-image: none;
}
.DragGrid .l1CTable .clickable {
  cursor: pointer;
}
.DragGrid .l1CTable .na {
  color: Gray;
}
.DragGrid .l1CTable .bca:hover {
  text-decoration: underline;
  cursor: pointer;
}
.DragGrid .EmbedPager {
  /*display:block;*/
  position: relative;
  width: auto;
  height: auto;
  /* Felles for alle */
}
.DragGrid .EmbedPager table {
  /*display:table;*/
  border-collapse: collapse;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.DragGrid .EmbedPager table tbody tr td,
.DragGrid .EmbedPager table tbody tr tr {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: none;
}
.DragGrid .EmbedPager table tbody tr td {
  padding: 6px 0;
}
.DragGrid .EmbedPager input {
  line-height: 16px;
  min-width: 38px;
  min-height: 38px;
}
.DragGrid .EmbedPager .pni {
  border-width: 1px;
  width: 38px;
  min-width: 28px;
  height: 28px;
  padding: 4px 4px 4px 4px;
  text-align: center;
}
.DragGrid .EmbedPager .ib {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
}
.DragGrid .EmbedPager .f,
.DragGrid .EmbedPager .l,
.DragGrid .EmbedPager .p,
.DragGrid .EmbedPager .n,
.DragGrid .EmbedPager .o {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
}
.DragGrid .EmbedPager .c {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
  background: #ff7800;
}
.SelectorFrame {
  font-size: 1.4em;
  background: #f0f0f0;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  z-index: 1012;
  /* Header */
  /* Footer */
  /* Top left corner */
  /* Bottom left corner */
  /* Top right corner */
  /* Bottom right corner */
  /* Left divider corner */
  /* Right divider corner */
  /* Grid Title - main div */
  /* Div Title Text - the div containing title-text span element */
  /* Span Title Text - the span within 'dtt' that contains the title-text */
  /* Right divider corner */
  /* Top Frame */
  /* Right Frame */
  /* Bottom Frame */
  /* Left Frame */
  /* Middle Frame (divider frame) */
}
.SelectorFrame .hide {
  display: none;
}
.SelectorFrame .hdr {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  /* Clickable */
}
.SelectorFrame .hdr .c:hover {
  cursor: pointer;
}
.SelectorFrame .ftr {
  background: white;
  /* Clickable */
}
.SelectorFrame .ftr .c:hover {
  cursor: pointer;
}
.SelectorFrame .ta {
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  padding: 0px;
  margin: 0;
  border-spacing: 0px;
  border-collapse: separate;
}
.SelectorFrame .td,
.SelectorFrame .tr,
.SelectorFrame .tb {
  padding: 0;
  margin: 0;
  border: none;
}
.SelectorFrame .tlc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .blc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .trc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .brc {
  width: 4px;
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .ldc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .rdc {
  width: 4px;
  height: 1px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .ttl {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0px;
  margin: 0px;
  border: none;
  background: transparent;
  height: 24px;
}
.SelectorFrame .dtt {
  position: relative;
  margin: 2px 0px 0px 6px;
}
.SelectorFrame .tf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .rf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .bf {
  height: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .lf {
  width: 4px;
  overflow: hidden;
  background: transparent;
}
.SelectorFrame .mf {
  height: 1px;
  overflow: hidden;
  background: transparent;
}
div.SelectorContainer {
  position: relative;
  max-width: 600px;
}
div.SelectorContainer > div.SelectorIcon {
  width: 26px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  border: 1px solid #999;
  position: absolute;
  background-color: white;
  background-image: url(/css/images/01e6e740f298fe93627453e898273a2a.png);
  background-position: center center;
  background-repeat: no-repeat;
}
div.SelectorContainer > div.SelectorIcon.disabled {
  display: none;
}
div.SelectorContainer > div.SelectorIcon:hover:not(.disabled) {
  cursor: pointer;
}
div.SelectorContainer > div.SelectorClear {
  position: absolute;
  top: 2px;
  right: 26px;
  bottom: 2px;
  width: 22px;
  font-size: 16px;
  line-height: 20px;
  font-weight: normal;
  background: white;
}
div.SelectorContainer > div.SelectorClear:after {
  content: 'x';
  color: #a0a0a0;
  top: 1px;
  position: absolute;
  left: 8px;
}
div.SelectorContainer > div.SelectorClear:hover:not(.disabled) {
  cursor: pointer;
}
div.SelectorContainer > div.SelectorClear.disabled {
  display: none;
}
div.SelectorContainer input {
  width: 100%;
}
/*
 ****************************************************************************
*/
.SelectorGrid {
  display: block;
  background: transparent;
  line-height: 16px;
  /* TableView - the Details top-level div containing both header and content divs */
  /* Header Container - The div containing the header-table */
  /* Details Container - the div containing the details-table */
  /* Header tabel */
  /* Content Table */
  /***********************************************************************
*
************************************************************************/
}
.SelectorGrid .hdrtool {
  width: 100%;
}
.SelectorGrid .hdrtool:after {
  content: "";
  display: block;
  clear: both;
}
.SelectorGrid .hdrtool > .pagertool {
  width: 100%;
}
.SelectorGrid .hdrtool > .filtertool {
  width: 100%;
}
.SelectorGrid .hdrtool > .filtertool > input {
  line-height: 12px;
  font-size: 14px;
  height: 32px;
  width: 100%;
}
.SelectorGrid .collapse span {
  display: block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  text-align: center;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
}
.SelectorGrid .collapse span.closed {
  background-size: 10px;
  background-image: url(/css/images/b4e2872b204a1601d83bfc227513e3b7.png);
}
.SelectorGrid .collapse span.open {
  background-size: 10px;
  background-image: url(/css/images/f7f73fa8475ed0b1ba13f91ba1f7db81.png);
}
.SelectorGrid .c > img {
  width: auto;
  width: initial;
}
.SelectorGrid .l1DCont > div.loading {
  background-color: white;
  border: 1px solid #c7c7c7;
  padding: 8px;
}
.SelectorGrid .l1DCont > div.loading.ovl {
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: url(/css/images/8d86b0746b4bda5c97f1769671a83ed1.gif);
  background-repeat: no-repeat;
  background-position: center;
}
.SelectorGrid .l1HTable {
  border-collapse: separate;
  padding: 0px;
  padding-bottom: 6px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  /* Standard styles for table headers */
  /* header row */
  /* Filter row */
  /* Common for all column */
  /* first column */
  /* columns (between first and last) */
  /* last column */
  /* OpenClose column */
  /* DeleteIcon column */
  /* Filter table column */
  /* Filter column contents */
}
.SelectorGrid .l1HTable th {
  font-weight: normal;
  text-align: left;
}
.SelectorGrid .l1HTable .hr {
  background: transparent;
}
.SelectorGrid .l1HTable .hr .c {
  padding: 10px 4px;
  font-size: 1.143em;
}
.SelectorGrid .l1HTable .c {
  padding: 0 4px 0 4px;
  margin: 0 0 0 0;
  overflow: hidden;
}
.SelectorGrid .l1HTable .clickable {
  cursor: pointer;
}
.SelectorGrid .l1HTable .ftc {
  background-color: transparent;
}
.SelectorGrid .l1HTable .fcc {
  background-color: white;
  color: Black;
  height: 22px;
}
.SelectorGrid .l1CTable,
.SelectorGrid .l2CTable {
  border-collapse: separate;
  padding: 0px;
  border-spacing: 0px;
  table-layout: fixed;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
  /* rows */
  /* First row */
  /* Last row */
  /* Alternating row */
  /* Row that has Keyboard Focus */
  /* Selected row */
  /* Not Available  */
}
.SelectorGrid .l1CTable .clickable,
.SelectorGrid .l2CTable .clickable {
  cursor: pointer;
}
.SelectorGrid .l1CTable .r,
.SelectorGrid .l2CTable .r {
  background-color: white;
}
.SelectorGrid .l1CTable .r:hover,
.SelectorGrid .l2CTable .r:hover {
  background: #f5fbff;
}
.SelectorGrid .l1CTable .kbdf,
.SelectorGrid .l2CTable .kbdf {
  background: #1b7bb2;
  color: white;
}
.SelectorGrid .l1CTable .sr,
.SelectorGrid .l2CTable .sr {
  background: #1b7bb2;
  color: white;
}
.SelectorGrid .l1CTable .sr:hover,
.SelectorGrid .l2CTable .sr:hover {
  background: #1b7bb2;
}
.SelectorGrid .l1CTable .na,
.SelectorGrid .l2CTable .na {
  color: Gray;
}
.SelectorGrid .l1CTable {
  /* Common for all column */
  /* OpenClose column */
  /* Checkrow column */
  /* DeleteIcon column */
  /* Alternating column */
  /* first column */
  /* columns (between first and last) */
  /* last column */
  /* Indent column */
  /* Selected column */
  /* CSS for ButtonColumn contents */
  /* Button column anchor - class for anchor in a LinkButtonColumn */
  /* Button column button - class for button in a ButtonColumn */
}
.SelectorGrid .l1CTable .fr .c {
  border-top: 1px solid #c0c0c0;
}
.SelectorGrid .l1CTable .c {
  padding: 4px 4px 6px 4px;
  margin: 0 0 0 0;
}
.SelectorGrid .l1CTable .crc > span {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: center center;
}
.SelectorGrid .l1CTable .crc.chkall > span {
  background-image: url(/css/images/3149c2c3215416d823bb04d265c659c7.png);
}
.SelectorGrid .l1CTable .crc.chksome > span {
  background-image: url(/css/images/f506fc065de79a37b9e20596482f0801.png);
}
.SelectorGrid .l1CTable .crc.chknone > span {
  background-image: url(/css/images/e0f715c9745875e7afabd99606889a78.png);
}
.SelectorGrid .l1CTable .ic {
  background-color: white;
  padding-left: 44px;
  border: none;
}
.SelectorGrid .l1CTable .bca:hover {
  text-decoration: underline;
  cursor: pointer;
}
.SelectorGrid .l2CTable .fr .c {
  border: none;
}
.SelectorGrid .EmbedPager {
  position: relative;
  width: auto;
  height: auto;
  /* Info Text */
  /* Input Label */
  /* Page Number Input */
  /* Input Button */
  /*
		 * Felles for alle
		*/
  /* First */
  /* Last */
  /* Previous */
  /* Next */
  /* Other Pages */
  /* Current page */
}
.SelectorGrid .EmbedPager table {
  border-collapse: collapse;
  font-weight: normal;
  color: Black;
  overflow: hidden;
  empty-cells: show;
  background-color: transparent;
}
.SelectorGrid .EmbedPager table td,
.SelectorGrid .EmbedPager table tr {
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  border: none;
}
.SelectorGrid .EmbedPager table td {
  padding: 6px 0;
}
.SelectorGrid .EmbedPager .pni {
  border-width: 1px;
  width: 38px;
  padding: 4px 4px 4px 4px;
  text-align: center;
}
.SelectorGrid .EmbedPager .ib {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
}
.SelectorGrid .EmbedPager .f,
.SelectorGrid .EmbedPager .l,
.SelectorGrid .EmbedPager .p,
.SelectorGrid .EmbedPager .n,
.SelectorGrid .EmbedPager .o {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
}
.SelectorGrid .EmbedPager .c {
  border-width: 1px;
  width: auto;
  padding: 4px 4px 4px 4px;
  background: #ff7800;
}
/*************************************/
/*     Level 1                       */
/*************************************/
div.scrollContent {
  width: 91%;
  margin: 0px;
  position: relative;
}
div.scrollContent .viewport {
  height: 488px;
  overflow: hidden;
  position: relative;
  background: transparent;
}
div.scrollContent .overview {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0px;
  width: 100%;
}
div.scrollContent .scrollbar {
  background: transparent url(/css/images/b541cea15ce1741cd1ea5bc35d01db95.png) no-repeat 0 0;
  position: absolute;
  background-position: 0 0;
  right: -20px;
  top: 0;
  width: 15px;
}
div.scrollContent .track {
  background: transparent url(/css/images/e7873b0549315ac94d12a4404b24d959.png) no-repeat 0 100%;
  height: 100%;
  width: 13px;
  position: relative;
  padding: 0 1px;
}
div.scrollContent .thumb {
  background: transparent url(/css/images/7131c82646128a2b44c32d0da06f0992.png) no-repeat 50% 100%;
  height: 20px;
  width: 25px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -5px;
}
div.scrollContent .thumb .end {
  background: transparent url(/css/images/7131c82646128a2b44c32d0da06f0992.png) no-repeat 50% 0;
  overflow: hidden;
  height: 5px;
  width: 25px;
}
div.scrollContent .disable {
  display: none;
}
div.hscrollContent {
  margin: 0px;
  position: relative;
  width: 166px;
  padding: 2px 2px 20px 2px;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
  background-color: transparent;
}
div.hscrollContent > .viewport {
  overflow: hidden;
  position: relative;
  background: transparent;
}
div.hscrollContent > .viewport > .overview {
  margin: 0;
  padding: 0px;
  width: 100%;
}
div.hscrollContent > .viewport > .overview > .content {
  display: table;
}
div.hscrollContent > .scrollbar {
  background: transparent url(/css/images/58bb6e6b1c5641264e6bf11e16992887.png) no-repeat 0 0;
  position: absolute;
  bottom: 2px;
  width: 100%;
  height: 15px;
}
div.hscrollContent > .scrollbar > .track {
  background: transparent url(/css/images/37b84f7f08d708aa5a51a0f4fc877e04.png) no-repeat 100% 0%;
  height: 100%;
  width: 100%;
  position: relative;
  padding: 0 1px;
}
div.hscrollContent > .scrollbar > .track > .thumb {
  background: transparent url(/css/images/0f34f5d939a74ef26480ddc08b74329f.png) no-repeat 100% 50%;
  height: 15px;
  width: 25px;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
}
div.hscrollContent > .scrollbar > .track > .thumb > .end {
  background: transparent url(/css/images/0f34f5d939a74ef26480ddc08b74329f.png) no-repeat 0 50%;
  overflow: hidden;
  height: 15px;
  width: 5px;
}
div.hscrollContent .disable {
  display: none;
}
.noSelect {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}
div.fromLeftList,
div.fromLeft > div.contentswrapper > .contents {
  width: 100%;
  overflow: hidden;
}
div.fromLeft > div.opts {
  float: left;
}
div.fromLeft > div.list {
  float: left;
  width: 100%;
  position: relative;
}
div.fromLeft > div.list > .contents {
  width: 100%;
  overflow: hidden;
}
div.fromLeft > div.contentswrapper {
  display: none;
  float: left;
  width: 0%;
  position: relative;
}
div.fromLeft > div.clrfix {
  clear: both;
}
div.rightContent {
  display: block;
  vertical-align: top;
  height: 100%;
  width: 100%;
}
#SysAdmin div.rightContent {
  border: 8px solid white;
}
div.rightWrapper {
  margin: 10px 10px 10px;
}
#SysAdmin div.rightWrapper {
  margin: 0px;
}
.icon {
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-repeat: no-repeat;
  background-position: center center;
}
.icon.plus {
  background-image: url(/css/images/35cd29e3e89b6d88e5f350d3ef5edfd8.png);
}
.icon.drag {
  background-image: url(/css/images/16b94f031c258466f136b3fb894a46f8.png);
}
.icon.star {
  background-image: url(/css/images/2290e0dd5ac70c6af3e7ace5e924a092.png);
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-position: top center;
}
.icon.OK {
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
}
.icon.alert {
  background-image: url(/css/images/e5c41af5e038ca41dd12e46bad6cddef.png);
}
.icon.approved.yes {
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
}
.icon.approved.no {
  background-image: url(/css/images/792e757e7066b49051c393be04a20e87.png);
}
.icon.approved.na {
  background-image: none;
}
.icon.incognito.yes {
  background-image: url(/css/images/f95d73a24e5baa2391ed6523eae7bc5f.png);
}
.icon.incognito.yes.na {
  background-image: url(/css/images/6506d31517ccc6c704ea75e6a4364c4f.png);
}
.icon.incognito.no {
  background-image: url(/css/images/55f3fc2a511e81eb495d7b54a1093fcc.png);
}
.icon.incognito.no.na {
  background-image: url(/css/images/4ab4317fbd24aa26bd64a735badfd917.png);
}
.icon.incognito.na {
  background-image: none;
}
.icon.enabled.no {
  background-image: url(/css/images/526fa886f6853f4aecbcec23acf3274d.png);
}
.icon.enabled.yes {
  background-image: url(/css/images/50f375fab0f28e209d5bfebd06047915.png);
}
.icon.edit.yes {
  background-image: url(/css/images/d20cceeda33cc40898796a04c0d6c29b.png);
}
.icon.edit.yes.na {
  background-image: url(/css/images/424ba6f5680c3e6822e21a09c0c901ca.png);
}
.icon.edit.na {
  background-image: none;
}
.icon.locked.yes {
  background-image: url(/css/images/7c4fc4d17ef69513bb0e2d01aac70f31.png);
}
.icon.locked.yes.na {
  background-image: url(/css/images/e703bdb652b5c0ca7724742b4532770c.png);
}
.icon.locked.no {
  background-image: url(/css/images/c28f516d2202d0b3667670c07b0e2c06.png);
}
.icon.locked.no.na {
  background-image: url(/css/images/3e807bb1fbb3b0a59e56e6fa40e362fe.png);
}
.icon.locked.na {
  background-image: none;
}
.icon.expandable {
  background-image: url(/css/images/b4e2872b204a1601d83bfc227513e3b7.png);
}
.icon.update {
  width: 26px;
  height: 26px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: 1px 3px;
  background-image: url(/css/images/ff2e63bd971f7c4c51680ff61d3e6728.png);
}
.icon.knIcon48 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url(/css/images/b4c217fb593c68a8bb7a590f44a0b1db.svg);
}
.icon.feide32 {
  width: 32px;
  height: 32px;
  background-size: 32px;
  background-image: url(/css/images/ec53cf6d5b4bf8450a49dca8b6146548.png);
}
div.popupRoot {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
div.popupRoot > div h3 > small {
  font-size: 14px;
}
div.popupRoot > div.leftContent {
  width: 100%;
  margin-right: 0px;
  background-color: #eeeeec;
  display: block;
  vertical-align: top;
}
div.popupRoot > div.leftContent > .itemName {
  padding: 30px 20px 20px;
}
div.popupRoot > div.leftContent > .itemName h6 {
  text-align: left;
}
div.popupRoot > div.itemName {
  padding: 0px;
}
div.popupRoot > div.itemName > p {
  font-size: 14px;
}
div.mainvTabs.ui-tabs {
  display: table-cell;
  min-width: 30px;
  max-width: 150px;
  vertical-align: top;
  border: 0px;
  padding: 0px 0px 20px 0px;
  background: transparent;
}
div.mainvTabs > .ui-tabs-nav {
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}
div.mainvTabs > .ui-tabs-nav > li > a.ui-tabs-anchor {
  display: block;
  border: none;
  padding: 8px 40px;
  color: black;
  width: 100%;
  font-weight: normal;
  font-size: 1.4em;
}
div.mainvTabs > .ui-tabs-nav > li > a.ui-tabs-anchor > .menuIcon {
  float: left;
}
div.mainvTabs > .ui-tabs-nav > li.ui-state-default,
div.mainvTabs > .ui-tabs-nav > li.ui-tabs-active,
div.mainvTabs > .ui-tabs-nav > li.ui-state-focus {
  padding: 0px;
  margin: 0px;
  border: none;
  margin-right: 8px;
  background: transparent;
  border-radius: 0px;
  float: left;
  clear: left;
  width: 100%;
}
div.mainvTabs > .ui-tabs-nav > li.ui-state-default:hover {
  background: #fcfcfc;
}
div.mainvTabs > .ui-tabs-nav > li.ui-tabs-active {
  background: white;
  border-right: 1px solid white;
}
div.mainvTabs > .ui-tabs-nav > li.ui-state-disabled:hover {
  background: initial;
}
div.mainvTabs .ui-tabs-panel {
  margin-top: 8px;
}
div div.mainvPanels.ui-tabs-panel {
  display: table-cell;
  vertical-align: top;
  min-height: 400px;
  width: 100%;
  border: none;
  border-radius: 0px;
}
div div.mainvPanels > div > div.panelContent {
  height: 100%;
  min-height: 400px;
  background: transparent;
  padding: 8px;
  border: 10px solid white;
}
/*
 * Nordic Cool 3.0 tabs
*/
div.horizontalTabs.ui-tabs {
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  background: transparent;
  border: none;
  height: initial;
}
div.horizontalTabs .menuIcon {
  float: left;
}
div.horizontalTabs > .ui-tabs-nav {
  padding: 8px;
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}
div.horizontalTabs > .ui-tabs-nav > li {
  display: inline-block;
  white-space: nowrap;
  border-radius: 0px;
  margin: 0px 0px 0px -22px;
}
div.horizontalTabs > .ui-tabs-nav > li:first-child {
  margin-left: 0px;
}
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor {
  display: inline-block;
  color: #fff;
  background-color: #2c8dc6;
  background-image: linear-gradient(to bottom, #2d8ec6 0%, #1b7bb2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d8ec6', endColorstr='#1b7bb2', GradientType=0);
  position: relative;
  margin: 0 22px;
  padding: 6px 11px;
  border-radius: 4px 4px 0;
  border-top: 1px solid #1a77ac;
  border-bottom: 1px solid #165f89;
  height: 18px;
  max-height: 18px;
  line-height: 16px;
  font-weight: normal;
  font-size: 14px;
}
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor:first-child {
  margin-left: 12px;
}
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor:before,
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor:after {
  content: "";
  position: absolute;
  top: -1px;
  width: 18px;
  height: 32px;
  box-sizing: border-box;
}
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor:before {
  background: transparent url(/css/images/431849bfd8fed59d593541c438a080e0.png) no-repeat -54px 0px;
  border-radius: 4px 0 0 0;
  left: -12px;
  border-bottom: 2px solid #1a77ac;
}
div.horizontalTabs > .ui-tabs-nav > li > a.ui-tabs-anchor:after {
  background: transparent url(/css/images/431849bfd8fed59d593541c438a080e0.png) no-repeat 0px 0px;
  border-radius: 0 4px 0 0;
  right: -12px;
  z-index: 1;
  border-bottom: 2px solid #1a77ac;
}
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #fff;
  color: #000;
  background: #fff;
}
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor:before {
  background: transparent url(/css/images/431849bfd8fed59d593541c438a080e0.png) no-repeat -36px 0px;
  z-index: 2;
  border-bottom: 2px solid #fff;
}
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor:after {
  background: transparent url(/css/images/431849bfd8fed59d593541c438a080e0.png) no-repeat -18px 0px;
  border-bottom: 2px solid #fff;
}
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active,
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor div.horizontalTabs > .ui-tabs-nav > li.ui-state-default,
div.horizontalTabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor div.horizontalTabs > .ui-tabs-nav > li.ui-state-focus {
  border: none;
  background: transparent;
}
div.horizontalTabs > .ui-tabs-nav > li.ui-state-default {
  background: transparent;
  border: none;
}
div.horizontalTabs.ui-tabs-panel.ui-widget_content,
div.horizontalTabs .ui-tabs-panel.ui-widget_content {
  border: none;
  border-radius: 0px;
}
div.horizontalTabs.ui-tabs-panel.ui-widget-content {
  min-height: 400px;
}
div.mainMenuPanel > div > div.panelContent {
  background: transparent;
  padding: 8px;
}
div.horizontalPanels.ui-tabs-panel.ui-widget-content {
  min-height: 400px;
}
div.horizontalPanels.ui-tabs-panel.ui-widget-content,
div.horizontalPanels .ui-tabs-panel.ui-widget-content {
  border: none;
  border-radius: 0px;
}
div.horizontalPanels > div > div.panelContent {
  height: 100%;
  background: transparent;
  padding: 8px;
}
div.horizontalPanels > div > div.panelContent.tabled {
  display: table;
  width: 100%;
}
div.horizontalPanels > div > div.panelContent.tabled .gridHead {
  width: 100%;
}
div.horizontalPanels > div > div.panelContent.tabled > div.tcell {
  display: table-cell;
  vertical-align: top;
}
div.horizontalPanels > div > div.panelContent.tabled > div.trow {
  display: table-row;
}
div.horizontalPanels > div > div.panelContent.tabled > div.w50p {
  width: 50%;
}
div.horizontalPanels > div > div.panelContent.tabled > div.c1 {
  width: 40%;
  padding-right: 4px;
}
div.horizontalPanels > div > div.panelContent.tabled > div.c2 {
  width: 60%;
  padding-left: 4px;
  border-left: 4px solid #d7d7d7;
}
/* End Nordic Cool 3.0 tabs */
.insideTabs.ui-tabs {
  border: 0px;
  padding: 0px;
  background: white;
  border-radius: 0px 0px;
}
.insideTabs.ui-tabs > .ui-tabs-nav {
  width: 100%;
  background-color: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li {
  float: left;
  padding-bottom: 8px;
  border: none;
  border-radius: 4px 4px 0px 0px;
  margin: 0px 8px 0 0;
  list-style: none;
  position: relative;
  top: 0;
  border-bottom-width: 0;
  white-space: nowrap;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li > a.ui-tabs-anchor {
  display: block;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-state-default > a.ui-tabs-anchor,
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor,
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-state-disabled > a.ui-tabs-anchor,
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-tabs-loading > a.ui-tabs-anchor {
  background-color: transparent;
  cursor: default;
  padding: 10px 15px;
  color: #222;
  font-weight: normal;
  font-size: 1.4em;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-state-default {
  margin: 0px;
  background: transparent;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-state-default:hover {
  background: #f3f3f3;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-tabs-active {
  background-color: #eff1f2;
}
.insideTabs.ui-tabs > .ui-tabs-nav > li.ui-tabs-active.ui-tabs-reloadable > a.ui-tabs-anchor {
  cursor: pointer;
}
.insideTabs.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.insideTabs.ui-tabs-collapsible > .ui-tabs-nav > li.ui-tabs-active > a.ui-tabs-anchor {
  cursor: pointer;
}
.dragdrop {
  border: 1px solid #ceeafa;
  background-color: #f9f9f9;
}
.dropTarget {
  border: 0px dashed rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 20px;
  margin: 4px 0 20px 0;
  text-align: center;
  background-image: url(/css/images/daf752fc6ce826a2b64fd64cf850dd0a.png);
}
.dropTarget > * {
  margin: 0;
  color: #888;
  line-height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  color: #222;
  display: inline-block;
  padding: 6px 12px;
  border-radius: 8px;
}
.dragItems {
  display: table;
  position: relative;
  width: 100%;
  padding: 6px;
  border: 2px solid #86bddb;
  /*border-top-width:6px;*/
  background: #fff;
  margin: 30px auto 0 auto;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  border-color: #888;
}
.dragItems:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -40px;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 20px 40px;
  border-color: transparent;
  border-bottom-color: #86bddb;
  border-bottom-color: #888;
}
.dragItems:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -40px;
  margin-bottom: -2px;
  height: 0;
  width: 0;
  border-style: solid;
  border-width: 20px 40px;
  border-color: transparent;
  border-bottom-color: #fff;
}
.dragItems .header {
  display: block;
  padding: 10px;
  width: 100%;
  text-align: left;
}
.dragItems .header > * {
  padding: 10px;
}
.dragItems .content {
  display: table;
}
.dragItems .items {
  display: table-cell;
}
.dragItems .filter {
  display: table-cell;
  padding: 10px 4px 0px 0px;
  vertical-align: top;
  width: 25%;
  border-right: 1px solid #ccc;
}
div.dragging {
  border: 2px solid #c0c0c0;
  background: #f9f9f9;
  border-radius: 3px;
  font-size: 18px;
  line-height: 24px;
  padding: 8px;
}
div.dragging table {
  width: 100%;
}
div.dragging table td {
  white-space: nowrap;
}
table.scoreCard {
  width: 100%;
  max-width: initial;
  min-width: 520px;
  line-height: 2.4em;
}
table.scoreCard.vgo {
  max-width: initial;
  min-width: initial;
  min-width: auto;
}
table.scoreCard.vgo span.icon.expandable {
  width: 12px;
  height: 12px;
  background-size: 12px;
  line-height: 14px;
  margin: -4px 4px 0px -4px;
}
table.scoreCard.vgo th[scope='col']:first-child {
  text-align: left;
  font-weight: 400;
}
table.scoreCard.vgo td.status.OK {
  background-image: none;
}
table.scoreCard.vgo tr.prnt:hover {
  cursor: pointer;
}
table.scoreCard.vgo tr.prnt > th.n > div {
  display: inline;
  white-space: nowrap;
}
table.scoreCard.vgo tr > td.rp {
  width: 28px;
  min-width: 28px;
}
table.scoreCard.vgo tr > td.st {
  width: 28px;
  min-width: 28px;
}
table.scoreCard.vgo tr > td.cr {
  width: 44px;
  min-width: 44px;
}
table.scoreCard.vgo tr.OK > td.st {
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
}
table.scoreCard.vgo tr.alert > td.st {
  background-image: url(/css/images/e5c41af5e038ca41dd12e46bad6cddef.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
}
table.scoreCard.error {
  background: #fccaca;
}
table.scoreCard td,
table.scoreCard th {
  text-align: center;
  padding: 0;
  border-color: #e2eef1;
  border-color: #eef1f2;
  border-style: solid;
  vertical-align: middle;
  font-size: 11px;
  line-height: 22px;
}
table.scoreCard td.clickable:hover,
table.scoreCard th.clickable:hover {
  cursor: pointer;
  background-color: #C3E0FF;
}
table.scoreCard td,
table.scoreCard th[scope='row'] {
  border-width: 4px 3px;
  background: rgba(255, 255, 255, 0.8);
}
table.scoreCard th[scope='col'] {
  text-align: center;
  font-size: 12px;
  font-weight: 400;
}
table.scoreCard th[scope='row'] {
  text-align: left;
  font-size: 12px;
  padding: 2px 8px;
  padding-right: 8px;
}
table.scoreCard th > span.icon {
  padding: 0px 4px 0px 4px;
  margin-right: 4px;
}
table.scoreCard th > span.name {
  float: right;
  position: relative;
  width: 24px;
  height: 24px;
}
table.scoreCard th > span.OK > span.name {
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
  background-position: 6px 4px;
  background-repeat: no-repeat;
  background-size: 16px;
}
table.scoreCard td.status {
  width: 24px;
  padding: 0px 4px;
}
table.scoreCard td.status > a {
  display: inline-block;
  padding: 0 4px;
  border-radius: 5px;
  color: #111;
}
table.scoreCard td.status > a:hover {
  cursor: pointer;
}
table.scoreCard td.status.OK {
  background-image: url(/css/images/785eafc0d557c6f93bbc0cf95e63bbd6.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 16px;
}
table.scoreCard td.status.OK:hover {
  background-color: #C3E0FF;
}
table.scoreCard td.status.NA {
  background: transparent;
  color: #aaa;
}
table.scoreCard td.status.fail > a {
  color: #fff;
}
table.scoreCard td.status.alert {
  background-image: url(/css/images/e5c41af5e038ca41dd12e46bad6cddef.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px;
}
table.scoreCard td.rp {
  min-width: 18px;
  border-left-width: 0;
  border-right-width: 6px;
  width: 32px;
}
table.scoreCard td.ant.selected,
table.scoreCard td.selected,
table.scoreCard td.selected:hover {
  color: #fff;
  background-color: #FF7800;
}
table.scoreCard td.ant {
  min-width: 24px;
  padding: 0px 4px;
}
table.scoreCard td.stp {
  border-right-width: 15px;
  width: 52px;
}
table.scoreCard.school {
  max-width: 100%;
}
table.scoreCard.school td.status {
  width: 30px;
  text-align: right;
}
table.scoreCard.school td.status.OK {
  background-image: none;
}
table.scoreCard.school td.status.alert {
  background-image: none;
}
table.scoreCard tr:hover th[scope='row'] {
  background: #d8d8d8;
  background: rgba(0, 0, 0, 0.09);
}
table.scoreCard th.div,
table.scoreCard td.div {
  border-right-width: 10px;
}
/***************
 *** Buttons ***
***************/
.button,
.button:visited {
  color: #333;
  background: #feffff;
  background: -moz-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f0f0f0));
  background: -webkit-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background: -o-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background: -ms-linear-gradient(top, #ffffff 0%, #f0f0f0 100%);
  background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff0f0f0', GradientType=0);
  border-radius: 4px;
  padding: 7px 12px;
  outline: 0;
  white-space: nowrap;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  line-height: 16px;
}
.button.secondary,
.button.secondary:visited,
.button.delete,
.button.delete:visited {
  border: 1px solid #cecece;
  background: transparent;
  color: #282828;
  box-shadow: 0 1px 1px 0 #dadada;
  padding: 5px 5px;
  border-color: #bbb;
}
.button:hover,
.button:visited:hover {
  text-decoration: none;
  background-color: #c3e0ff;
  cursor: pointer;
  background: -webkit-linear-gradient(top, #eff9ff 0%, #d0eeff 100%);
  background: -o-linear-gradient(top, #eff9ff 0%, #d0eeff 100%);
  background: linear-gradient(to bottom, #eff9ff 0%, #d0eeff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff9ff', endColorstr='#ffd0eeff', GradientType=0);
}
.button.primary,
.button.primary:hover,
.button.primary:visited,
.button.primary:visited:hover {
  color: #fff;
  border-color: #4096ee;
  background: #4096ee;
  background: -moz-linear-gradient(top, #4096ee 0%, #4096ee 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4096ee), color-stop(100%, #4096ee));
  background: -webkit-linear-gradient(top, #4096ee 0%, #4096ee 100%);
  background: -o-linear-gradient(top, #4096ee 0%, #4096ee 100%);
  background: -ms-linear-gradient(top, #4096ee 0%, #4096ee 100%);
  background: linear-gradient(to bottom, #4096ee 0%, #4096ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4096ee', endColorstr='#4096ee', GradientType=0);
}
.button > .icon {
  width: 14px;
  height: 14px;
  background-size: 14px;
  margin-right: 4px;
  margin-top: -2px;
}
.button.fs14 > .text {
  font-size: 14px;
}
.button.plus > .icon {
  width: 16px;
  height: 16px;
  background-size: 16px;
  background-image: url(/css/images/35cd29e3e89b6d88e5f350d3ef5edfd8.png);
}
.button.plus > .text {
  font-size: 16px;
}
.button.delete > .icon {
  background-image: url(/css/images/ec5a1e45f10a0387e118d1a04359a398.png);
}
.button.cancel > .icon {
  background-image: url(/css/images/0cbbd7472308dac1bab298c6ffd50600.png);
}
.button.edit > .icon {
  background-image: url(/css/images/d20cceeda33cc40898796a04c0d6c29b.png);
}
.button.close > .icon {
  background-image: url(/css/images/0cbbd7472308dac1bab298c6ffd50600.png);
}
.button.alert > .icon {
  background-image: url(/css/images/e5c41af5e038ca41dd12e46bad6cddef.png);
}
.button.save > .icon {
  display: none;
}
.button.save > .text {
  font-size: 14px;
}
.button.pdf-16 > .icon {
  width: 16px;
  height: 16px;
  background-size: 60px;
  background-image: url(/css/images/19256c09dfed3bc6d61174b4ea295b0b.svg);
  background-position: 0 0;
}
.button.pdf > .icon {
  width: 24px;
  height: 24px;
  background-image: url(/css/images/e6f8f555b8a012e1bf0a54841c2fd095.png);
  background-position: 0 0;
  background-size: 138px;
  margin: 0px;
}
.button.feide-left {
  margin: 8px 0px 0px;
  padding: 0px;
  font-size: 14px;
  box-shadow: 2px 2px 2px #29619a;
  font-family: Arial;
}
.button.feide-left > .icon {
  position: relative;
  width: 24px;
  height: 24px;
  background-size: 22px;
  background-image: url(/css/images/4a9a694f5598a6edc7d96365cda50828.png);
  margin: -2px 4px 8px -2px;
}
.button.feide-left > .text {
  position: relative;
  margin-right: 10px;
}
.button.feide-right {
  margin: 8px 0px 0px;
  padding: 0px;
  font-size: 14px;
  box-shadow: 2px 2px 2px #29619a;
  font-family: Arial;
}
.button.feide-right > .icon {
  position: relative;
  padding: 0px;
  margin: 6px 0px 0px;
  width: 24px;
  height: 24px;
  background-size: 22px;
  background-image: url(/css/images/2f94d63784eb1fb2327955292bb301e5.png);
}
.button.feide-right > .text {
  position: relative;
  margin: 4px 4px 4px 8px;
}
a.button {
  text-decoration: none;
  border: 1px solid #cecece;
}
a.button.big {
  font-size: 16px;
}
a.button .icon.plus {
  width: 16px;
  height: 16px;
  background-size: 16px;
}
a.button.disabled {
  background-color: #f9f9f9;
  color: #c7c7c7;
}
a.button.disabled:hover {
  cursor: default;
  background-color: #f9f9f9;
  color: #c7c7c7;
}
div.bottomButtons > .button.delete {
  margin-left: 128px;
}
.mainMenuPanel .horizontalPanels .progressBar.ui-tabs {
  position: relative;
  top: -8px;
  margin-left: -8px;
  margin-right: -8px;
  border: none;
  padding: 0px 0px 16px 0px;
  border-radius: 0px 0px;
}
.mainMenuPanel .progressBar.ui-tabs {
  padding: 8px 0px 8px 0px;
  background: white;
}
.progressBar.ui-tabs .ui-tabs-nav {
  background: transparent;
  border: none;
  margin: 0px;
  padding: 0px;
}
.progressBar.ui-tabs .ui-tabs-nav li {
  float: left;
  padding: 0px;
  border: none;
  border-radius: 0px 0px;
  margin: 1px 4px 0 0;
  list-style: none;
  position: relative;
  top: 0;
  border-bottom-width: 0;
  white-space: nowrap;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.progressBar.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  background-color: transparent;
  cursor: default;
  color: #222;
  font-weight: normal;
  font-size: 1.4em;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-invisible {
  display: none;
}
.progressBar.ui-tabs .ui-tabs-nav li:first-child {
  margin-left: 0px;
}
.progressBar.ui-tabs .ui-tabs-nav li:last-child:after {
  display: none;
}
.progressBar.ui-tabs .ui-tabs-nav li a {
  display: block;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-state-default {
  background: #eee;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
  background-color: #ff7800;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: white;
}
.progressBar.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-tabs-reloadable .ui-tabs-anchor {
  cursor: pointer;
}
.progressBar.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 14px 15px;
  color: #222;
  font-weight: normal;
  font-size: 1.4em;
}
.progressBar.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:first-child {
  margin-left: 14px;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:first-child > .ui-tabs-anchor {
  padding-left: 8px;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:first-child:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 100%;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 24px 14px;
  border-style: solid;
  border-color: transparent;
  border-right-color: #eee;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:not(:first-child):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 24px 14px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #eee;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:nth-child(n+3) {
  padding-left: 12px;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:nth-child(n+3):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 24px 14px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
}
.progressBar.withcancel.ui-tabs .ui-tabs-nav li:last-child:after {
  display: none;
}
.progressBar:not(.withcancel).ui-tabs .ui-tabs-nav li:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 24px 14px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #eee;
}
.progressBar:not(.withcancel).ui-tabs .ui-tabs-nav li:nth-child(n+2) {
  padding-left: 12px;
}
.progressBar:not(.withcancel).ui-tabs .ui-tabs-nav li:nth-child(n+2):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 24px 14px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
}
.progressBar.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.vgoProgress.ui-tabs {
  position: relative;
  top: 0px;
  margin: 24px 4px 10px 0px;
  border: none;
  padding: 0px;
  padding-bottom: 14px;
  border-bottom: 1px solid #d4d4d4;
  border-radius: 0px 0px;
  background: transparent;
  font-size: 14px;
  line-height: 14px;
}
.vgoProgress.ui-tabs .ui-tabs-nav {
  display: inline-block;
  background: white;
  border: none;
  margin: 0px;
  padding: 3px;
}
.vgoProgress.ui-tabs .ui-tabs-nav li {
  float: left;
  padding: 0px;
  border: none;
  border-radius: 0px 0px;
  margin: 0px 4px 0 0;
  list-style: none;
  position: relative;
  top: 0;
  border-bottom-width: 0;
  white-space: nowrap;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-invisible {
  display: none;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 100%;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 15px 12px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #eee;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:nth-child(n+2) {
  padding-left: 12px;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:nth-child(n+2):before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: inherit;
  border-width: 15px 12px;
  border-style: solid;
  border-color: transparent;
  border-left-color: #fff;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:hover:after,
.vgoProgress.ui-tabs .ui-tabs-nav li:nth-child(n+2):hover:before {
  border-left-color: #fcfcfc;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:last-child {
  margin-right: 0px;
}
.vgoProgress.ui-tabs .ui-tabs-nav li:last-child:after {
  display: none;
}
.vgoProgress.ui-tabs .ui-tabs-nav li a {
  display: block;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-state-default {
  background: #eee;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-state-default:hover {
  background: #fcfcfc;
  cursor: pointer;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  background-color: transparent;
  cursor: default;
  color: #222;
  font-weight: normal;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  background-color: #ff7800;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  color: white;
}
.vgoProgress.ui-tabs .ui-tabs-nav li.ui-tabs-active.ui-tabs-reloadable .ui-tabs-anchor {
  cursor: pointer;
}
.vgoProgress.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  padding: 8px 12px;
  color: #222;
  font-weight: normal;
}
.vgoProgress.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.vgoProgress.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}