@charset "UTF-8";
.lowercase {
  text-transform: lowercase;
}

@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?71028839");
  src: url("../fonts/fontello.eot?71028839#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?71028839") format("woff2"), url("../fonts/fontello.woff?71028839") format("woff"), url("../fonts/fontello.ttf?71028839") format("truetype"), url("../fonts/fontello.svg?71028839#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../fonts/fontello.svg?71028839#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-trash:before {
  content: '\e800';
}

/* '' */
.icon-arrow-left:before {
  content: '\e801';
}

/* '' */
.icon-arrow-right:before {
  content: '\e802';
}

/* '' */
.icon-play:before {
  content: '\e803';
}

/* '' */
.icon-file-text-alt:before {
  content: '\e804';
}

/* '' */
.icon-pause:before {
  content: '\e805';
}

/* '' */
.icon-check:before {
  content: '\e806';
}

/* '' */
.icon-check-empty:before {
  content: '\e807';
}

/* '' */
.icon-chevron-left:before {
  content: '\e808';
}

/* '' */
.icon-chevron-right:before {
  content: '\e809';
}

/* '' */
.icon-chevron-down:before {
  content: '\e80a';
}

/* '' */
.icon-plus:before {
  content: '\e80b';
}

/* '' */
.icon-cog:before {
  content: '\e80c';
}

/* '' */
.icon-arrow-up:before {
  content: '\e80d';
}

/* '' */
.icon-arrow-down:before {
  content: '\e80e';
}

/* '' */
.icon-pin:before {
  content: '\e80f';
}

/* '' */
.icon-alert:before {
  content: '\e810';
}

/* '' */
.icon-loop:before {
  content: '\e811';
}

/* '' */
.icon-right:before {
  content: '\e812';
}

/* '' */
.icon-left:before {
  content: '\e813';
}

/* '' */
.icon-clock:before {
  content: '\e814';
}

/* '' */
.icon-chevron-up:before {
  content: '\e815';
}

/* '' */
.icon-sort:before {
  content: '\e816';
}

/* '' */
.icon-sort-down:before {
  content: '\e817';
}

/* '' */
.icon-sort-up:before {
  content: '\e818';
}

/* '' */
.icon-down:before {
  content: '\e819';
}

/* '' */
.icon-up:before {
  content: '\e81a';
}

/* '' */
.icon-print:before {
  content: '\e81b';
}

/* '' */
.icon-download:before {
  content: '\e81c';
}

/* '' */
.icon-blank-doc:before {
  content: '\e81d';
}

/* '' */
.icon-docs:before {
  content: '\e81e';
}

/* '' */
.icon-archive:before {
  content: '\e81f';
}

/* '' */
.icon-three-lines:before {
  content: '\e820';
}

/* '' */
.icon-info:before {
  content: '\e821';
}

/* '' */
.icon-lock:before {
  content: '\e822';
}

/* '' */
.icon-lock-open:before {
  content: '\e823';
}

/* '' */
.icon-filter:before {
  content: '\e824';
}

/* '' */
.icon-doc-inv:before {
  content: '\e825';
}

/* '' */
.icon-minus:before {
  content: '\e826';
}

/* '' */
.icon-upload:before {
  content: '\e827';
}

/* '' */
.icon-future:before {
  content: '\e828';
}

/* '' */
.icon-history:before {
  content: '\e829';
}

/* '' */
.icon-edit:before {
  content: '\e82a';
}

/* '' */
@font-face {
  font-family: 'employee-icons';
  src: url("../fonts/employee-icons/fonts/employee-icons.ttf?o6lokl") format("truetype"), url("../fonts/employee-icons/fonts/employee-icons.woff?o6lokl") format("woff"), url("../fonts/employee-icons/fonts/employee-icons.svg?o6lokl#employee-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="em-icon-"], [class*=" em-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'employee-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.em-icon-clock:before {
  content: "\e906";
  color: #f28f00;
}

.em-icon-warning:before {
  content: "\e904";
  color: #c72828;
}

.em-icon-alert-triangle:before {
  content: "\e905";
  color: #f28f00;
}

.em-icon-claim_paid:before {
  content: "\e903";
  color: #0089d9;
}

.em-icon-employee:before {
  content: "\e900";
  color: #0089d9;
}

.em-icon-briefcase:before {
  content: "\e901";
  color: #0089d9;
}

.em-icon-money:before {
  content: "\e902";
  color: #0089d9;
}

.em-icon-list:before {
  content: "\e9bb";
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-BoldItalic.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-BoldItalic.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-BoldItalic.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-BoldItalic.svg#OpenSans-BoldItalic") format("svg");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-Bold.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-Bold.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-Bold.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-Bold.svg#OpenSans-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSansLight-Italic.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSansLight-Italic.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSansLight-Italic.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSansLight-Italic.svg#OpenSansLight-Italic") format("svg");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-ExtraboldItalic.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-ExtraboldItalic.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-ExtraboldItalic.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-ExtraboldItalic.svg#OpenSans-ExtraboldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-Light.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-Light.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-Light.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-Light.svg#OpenSans-Light") format("svg");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-SemiboldItalic.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-SemiboldItalic.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-SemiboldItalic.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-SemiboldItalic.svg#OpenSans-SemiboldItalic") format("svg");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans.svg#OpenSans") format("svg");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-Extrabold.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-Extrabold.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-Extrabold.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-Extrabold.svg#OpenSans-Extrabold") format("svg");
  font-weight: 800;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-Semibold.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-Semibold.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-Semibold.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-Semibold.svg#OpenSans-Semibold") format("svg");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url("../bower_components/nc3/fonts/subset-OpenSans-Italic.woff2") format("woff2"), url("../bower_components/nc3/fonts/subset-OpenSans-Italic.woff") format("woff"), url("../bower_components/nc3/fonts/subset-OpenSans-Italic.ttf") format("truetype"), url("../bower_components/nc3/fonts/subset-OpenSans-Italic.svg#OpenSans-Italic") format("svg");
  font-weight: 400;
  font-style: italic;
}

.fw-200 {
  font-weight: 200;
}

.fw-500 {
  font-weight: 500;
}

.fw-bold {
  font-weight: bold;
}

.fw-600 {
  font-weight: 600;
}

.ui-view-employee-content p,
.ui-view-employee-content span:not(.caret) {
  min-height: 15px;
}

.cursor-progress, .cursor-progress-table-rows td {
  cursor: progress !important;
}

.icon-alert {
  color: #d20000 !important;
}

/*.navigation-element-header > a > .icon-alert {
    color: #FF0000 !important;
}*/
/* splash screen */
.splash-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
  margin-left: -400px;
  height: 100px;
  margin-top: -100px;
  text-align: center;
}

/*  Bootstrap panel element
    Remove borders because panel is used as content wrapper
*/
#application > .panel {
  border: 0;
}

#application > .panel > .panel-body {
  padding: 15px 0;
}

/* state transition animation */
.ui-view-container {
  position: relative;
}

[ui-view].ng-enter, [ui-view].ng-leave {
  position: absolute;
  left: 0;
  right: 0;
  transition: all .2s ease-in-out;
}

[ui-view].ng-enter {
  opacity: 0;
}

[ui-view].ng-enter-active {
  opacity: 1;
}

[ui-view].ng-leave {
  opacity: 1;
}

[ui-view].ng-leave-active {
  opacity: 0;
}

/* common utilities classes */
.man {
  margin: 0px !important;
}

.mas {
  margin: 5px !important;
}

.mam {
  margin: 10px !important;
}

.mal {
  margin: 20px !important;
}

.mrn {
  margin-right: 0px !important;
}

.mrs {
  margin-right: 5px !important;
}

.mrm {
  margin-right: 10px !important;
}

.mrl {
  margin-right: 20px !important;
}

.mln {
  margin-left: 0px !important;
}

.mls {
  margin-left: 5px !important;
}

.mlm {
  margin-left: 10px !important;
}

.mll {
  margin-left: 20px !important;
}

.mtn {
  margin-top: 0px !important;
}

.mts {
  margin-top: 5px !important;
}

.mtm {
  margin-top: 10px !important;
}

.mtl {
  margin-top: 20px !important;
}

.mbn {
  margin-bottom: 0px !important;
}

.mbs {
  margin-bottom: 5px !important;
}

.mbm {
  margin-bottom: 10px !important;
}

.mbl {
  margin-bottom: 20px !important;
}

.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.bgn {
  background: none !important;
}

.lowercase {
  text-transform: lowercase;
}

h3.heading-primary {
  font-weight: 400;
}

h3.heading-primary .vismaicon {
  margin-right: 8px;
}

.content-block, .content-right {
  position: relative;
}

@media (max-width: 767px) {
  .filter-sidebar {
    margin-bottom: 10px;
  }
  .filter-sidebar .form-group {
    float: left;
    margin-right: 20px;
  }
  .filter-sidebar .datepicker-control-wrapper, .filter-sidebar .datepicker {
    vertical-align: top;
  }
  .filter-sidebar input[type="text"] {
    width: 94px;
  }
}

@media (min-width: 992px) {
  .filter-sidebar {
    float: left;
    width: 175px;
  }
  .filter-sidebar .dimension-list {
    margin-right: -10px;
  }
  .content-area-has-sidebar {
    margin-left: 185px;
  }
}

.filter-sidebar.tabs-filter-items .entity-filter {
  border-width: 1px;
  border-style: solid;
  border-color: #e7e7e7 #e7e7e7 #dbdbdb;
  background-color: #fff;
  padding: 10px;
  overflow: auto;
}

.filter-sidebar {
  padding: 0 10px 0 5px;
}

.filter-sidebar.tabs-filter-items {
  background-color: transparent;
  border: 0;
  padding: 0;
  overflow: visible;
}

.filter-sidebar ul {
  list-style: none;
  padding-left: 0;
}

[class^="icon-"] {
  font-size: 14px;
  color: #282828;
}

.link-with-icon .vismaicon {
  margin-right: 5px;
}

.link-with-icon.link-add-new {
  display: inline-block;
  min-height: 25px;
  text-decoration: none;
  color: #4d8400;
}

.link-with-icon.link-add-new:hover span {
  color: #64ab00;
}

.link-with-icon.link-add-new .vismaicon {
  margin-right: 9px;
  vertical-align: bottom;
}

.button-icon {
  background: none;
  border: 0;
  padding: 0;
  text-decoration: none;
}

.button-icon i {
  color: #282828;
}

.button-icon:hover {
  cursor: pointer;
}

.button-icon:hover i {
  color: #0974b3;
}

.is-dimmed {
  opacity: 0.4;
}

.overriden-icons {
  position: absolute;
  display: inline;
}

.btn-group .dropdown-title, .btn-group .dropdown-disabled-item, .add-group-selector .dropdown-title, .add-group-selector .dropdown-disabled-item {
  padding: 6px 15px 7px 20px;
  line-height: 120%;
  color: #a0a0a0;
}

.dot-seperator {
  display: inline-block;
  height: 30px;
  color: #a0a0a0;
  padding: 7px 5px 0 5px;
}

.group-selector-item {
  display: inline-block;
}

.dropdown-menu > li.selected-group > a:not(.btn), .dropdown-menu > li.selected-group > a:not(.btn):hover {
  color: #fff;
  background: #0974b3;
}

.hasDatepick::-ms-clear {
  width: 0;
  height: 0;
}

.btn-transparent {
  text-align: center;
  line-height: 1;
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
}

.btn-transparent[disabled], .btn-transparent[disabled]:hover {
  opacity: 0.35;
}

.btn-below-grid {
  margin-top: -15px;
  float: right;
  position: relative;
}

.dialog-stack-trace > pre {
  margin: 10px 0;
}

.mac-os ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

.mac-os ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.icon-alert-wrapper {
  position: relative;
  display: inline-block;
  width: 10px;
  height: 12px;
}

.icon-alert-wrapper .icon-alert, .icon-alert-wrapper .icon-alert-background {
  position: absolute;
  text-shadow: none;
  top: -3px;
  left: 0;
}

.icon-alert-wrapper .icon-alert {
  z-index: 2;
}

.icon-alert-wrapper .icon-alert-background {
  color: #fff;
  z-index: 1;
  text-shadow: -1px 1px 0 #fff, 0px -1px 0 #fff, 1px 1px 0 #fff, 1px 1px 0 #fff;
}

.validation-icon {
  height: 16px;
  width: 16px;
  position: relative;
  display: inline-block;
  min-height: 0 !important;
}

.validation-icon .vismaicon {
  position: absolute;
  top: -1px;
  left: 5px;
  height: 16px;
  border-radius: 10px;
  background-color: #fff;
}

.validation-icon .vismaicon-md {
  display: none;
  height: 24px;
}

.form-section-title {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 4px;
  border-bottom: 1px solid #e7e7e7;
}

.navbar.navbar-second-level .second-level {
  z-index: 999;
}

select.form-control {
  padding-left: 6px;
}

/* tooltip error */
.tooltip.tooltip-warning {
  border: 2px solid #f28f00;
}

.tooltip.tooltip-warning.left .tooltip-arrow {
  border-left-color: #f28f00;
}

.tooltip.tooltip-warning.right .tooltip-arrow {
  border-right-color: #f28f00;
}

.tooltip.tooltip-warning.top .tooltip-arrow {
  border-top-color: #f28f00;
}

.tooltip.tooltip-warning.bottom .tooltip-arrow {
  border-bottom-color: #f28f00;
}

.tooltip.tooltip-warning.left .tooltip-arrow:after {
  left: -11px;
}

.tooltip.tooltip-warning.right .tooltip-arrow:after {
  right: -11px;
}

.tooltip.tooltip-warning.top .tooltip-arrow:after {
  top: -11px;
}

.tooltip.tooltip-warning.bottom .tooltip-arrow:after {
  top: 3px;
}

.tooltip.tooltip-warning.left, .tooltip.tooltip-warning.right, .tooltip.tooltip-warning.top, .tooltip.tooltip-warning.bottom {
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}

.tooltip.top .tooltip-arrow {
  left: 7px;
}

hgroup.dropdown-toggle {
  height: 42px;
}

.reset-list-style {
  list-style: none;
  padding-left: 0;
}

.spinner-component, spinner {
  text-align: center;
}

.spinner-component .ng-hide .is-processing-overlay, spinner .ng-hide .is-processing-overlay {
  opacity: 0;
}

.spinner-component .spinner-text, spinner .spinner-text {
  z-index: 9999;
}

.feature-toggle-btn-group {
  padding: 20px 0 2px 0;
}

.visma-net-grid-sorting {
  color: #d7d7d7;
  position: absolute;
  right: 5px;
}

th:hover .visma-net-grid-sorting {
  color: #0089d9;
}

.sorting .visma-net-grid-sorting:before {
  content: "\e721";
}

.sorting_asc .visma-net-grid-sorting:before {
  content: "\e725";
}

.sorting_desc .visma-net-grid-sorting:before {
  content: "\e724";
}

.nav-tabs:not(.navbar-nav) > li > a .vismaicon.vismaicon-sm {
  margin-right: 5px;
}

.nav-tabs:not(.navbar-nav):not(.nav-tabs-primary) > li:not(.active) > a .vismaicon.vismaicon-sm:before {
  background-position: -21px 0px;
}

ul.scroll-menu {
  position: relative;
  top: 0 !important;
  left: 0 !important;
  padding: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 0;
  display: inherit !important;
  overflow-x: auto;
  width: 100%;
  max-width: 500px;
  height: auto;
  max-height: 400px;
  margin: 0;
  border-right: none;
  border-left: none;
  border-radius: 0 !important;
  -webkit-overflow-scrolling: touch;
}

.date-in-use-from-to {
  min-height: 30px;
}

fieldset.hide-legend legend {
  position: absolute;
  left: -10000px;
}

.ui-select-bootstrap .ui-select-toggle span > .caret {
  position: absolute;
  height: 10px;
  top: 50%;
  right: 10px;
  margin-top: -2px;
}

.navbar .nav.first-level {
  position: relative;
}

body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed:focus, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a:focus, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed.focus, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.focus,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed:focus,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a:focus,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed.focus,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.focus {
  background-image: url(../bower_components/nc3/img/tabs/tab-active-middle-bk.png) !important;
}

body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed:focus::before, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a:focus::before, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed.focus::before, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.focus::before,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed:focus::before,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a:focus::before,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed.focus::before,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.focus::before {
  background-image: url(../bower_components/nc3/img/tabs/tab-active-side-bk.png) !important;
  left: -21px !important;
}

body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed:focus::after, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a:focus::after, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.pressed.focus::after, body:not(.show-focus-outlines) .nav-tabs.nav-tabs-primary > li.active:not(.tabdrop) > a.focus::after,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed:focus::after,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a:focus::after,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.pressed.focus::after,
body:not(.show-focus-outlines) .nav-tabs:not(.navbar-nav) > li.active:not(.tabdrop) > a.focus::after {
  background-image: url(../bower_components/nc3/img/tabs/tab-active-side2-bk.png) !important;
  right: -21px !important;
  width: 22px !important;
}

.animate-bg-yellow {
  animation: 1.5s ease 0s yellow_bg;
}

@keyframes yellow_bg {
  from {
    background-color: #fff48c;
  }
  to {
    background-color: transparent;
  }
}

tr.strikeout td {
  color: #a0a0a0;
  position: relative;
}

tr.strikeout td:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  border-bottom: 1px solid #a0a0a0;
  width: 100%;
}

tr.strikeout.highlightRow td:first-child:after {
  left: 5px;
}

tr.strikeouttext td {
  color: #a0a0a0;
  position: relative;
  text-decoration: line-through;
  font-style: italic;
}

.dataTables_info {
  width: 55%;
  font-size: 1.2rem;
  line-height: 1.8rem;
  bottom: 5px;
}

.dataTables_empty:hover {
  background-color: #fff !important;
  cursor: default !important;
}

.dataTables_empty:active::before {
  content: none !important;
}

.preloaded-images {
  position: absolute;
  overflow: hidden;
  left: -9999px;
  top: -9999px;
  height: 1px;
  width: 1px;
}

.visma-dialog {
  z-index: 1040 !important;
}

iron-overlay-backdrop {
  z-index: 1030 !important;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .modal-body {
    overflow: visible;
    overflow-y: visible;
  }
}

@supports (-ms-accelerator: true) {
  .modal-body {
    overflow: visible;
    overflow-y: visible;
  }
}

.break-spaces {
  white-space: break-spaces;
}

#application {
  height: 100%;
  min-width: 960px;
}

.shell-ui-view {
  padding-right: 20px;
  padding-left: 20px;
}

.content-right {
  height: 100%;
}

.content-right > div:nth-child(2) {
  padding-top: 20px;
  height: calc(100% - 45px);
}

.content-right > div:last-child {
  padding-top: 20px;
  height: 100%;
}

vn-top-menu {
  height: 42px;
  display: block;
}

#footer {
  text-align: center;
  padding: 22px 0;
  height: 66px;
}

#footer img {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.splash-screen img {
  width: 64px;
}

.splash-screen .loading-text {
  margin-top: 5px;
}

.l-has-top-navigation {
  height: calc(100% - 100px);
}

.l-margin-right-0 {
  margin-right: 0px !important;
}

.l-margin-top {
  margin-top: 10px !important;
}

.l-margin-top-5 {
  margin-top: 5px !important;
}

.l-margin-bottom-5 {
  margin-bottom: 5px;
}

.l-margin-top-7 {
  margin-top: 7px !important;
}

.l-margin-top-10 {
  margin-top: 10px;
}

.l-margin-top-20 {
  margin-top: 20px !important;
}

.l-margin-left-0 {
  margin-left: 0px !important;
}

.l-margin-left-20 {
  margin-left: 20px !important;
}

.l-margin-left {
  margin-left: 10px !important;
}

.l-margin-left-5 {
  margin-left: 5px !important;
}

.l-margin-left-15 {
  margin-left: 15px !important;
}

.l-margin-right {
  margin-right: 10px !important;
}

.l-margin-right-5 {
  margin-right: 5px !important;
}

.l-margin-bottom {
  margin-bottom: 10px !important;
}

.l-margin-bottom-5 {
  margin-bottom: 5px !important;
}

.l-no-margin {
  margin: 0 !important;
}

.l-no-margin-bottom {
  margin-bottom: 0 !important;
}

.l-no-margin-right {
  margin-right: 0 !important;
}

.l-margin-lr-20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

.l-margin-lr-50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.l-margin-bottom-20 {
  margin-bottom: 20px;
}

.l-margin-top-30 {
  margin-top: 30px;
}

.l-margin-left-auto {
  margin-left: auto;
}

.l-padding {
  padding: 20px;
}

.l-padding-lr-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.l-padding-right-5 {
  padding-right: 5px;
}

.l-padding-left-5 {
  padding-left: 5px;
}

.l-padding-top-5 {
  padding-top: 5px !important;
}

.l-padding-bottom-5 {
  padding-bottom: 5px;
}

.l-padding-tb-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.l-padding-b-5 {
  padding-bottom: 5px;
}

.l-padding-left-8 {
  padding-left: 8px;
}

.l-padding-left-10 {
  padding-left: 10px;
}

.l-padding-right-10 {
  padding-right: 10px;
}

.l-padding-l-3 {
  padding-left: 3px !important;
}

.l-padding-r-10 {
  padding-right: 10px !important;
}

.l-padding-5 {
  padding: 5px !important;
}

.l-no-padding {
  padding: 0;
}

.l-no-padding-top {
  padding-top: 0 !important;
}

.l-no-padding-l {
  padding-left: 0;
}

.l-padding-right {
  padding-right: 30px;
}

.l-padding-content {
  padding: 10px 20px;
}

.l-padding-top-10 {
  padding-top: 10px;
}

.l-padding-bottom-10 {
  padding-bottom: 10px;
}

.l-padding-top-15 {
  padding-top: 15px;
}

.l-padding-25 {
  padding: 25px;
}

.l-padding-top-25 {
  padding-top: 25px;
}

.l-padding-top-20 {
  padding-top: 20px;
}

.l-padding-left-20 {
  padding-left: 20px;
}

.l-has-grid {
  padding-bottom: 35px;
}

.l-padding-lr-50 {
  padding-right: 50px;
  padding-left: 50px;
}

.l-padding-has-row {
  padding-left: 20px;
  padding-right: 20px;
}

.l-inline {
  display: inline;
}

.l-inline-block {
  display: inline-block;
}

.l-container {
  padding-left: 20px;
  padding-right: 20px;
}

.l-width-full {
  width: 100%;
}

.l-width-auto {
  width: auto;
}

.l-width-medium {
  width: 200px;
}

.l-width-0 {
  width: 0%;
}

.l-width-60 {
  width: 60%;
}

.d-flex-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 768px) {
  .l-height-full {
    height: 100%;
  }
  .l-table {
    display: table;
  }
  .l-row {
    display: table-row;
    height: 1px;
  }
  .l-cell {
    display: table-cell;
    vertical-align: top;
    height: 100%;
  }
  .l-expand {
    height: auto;
  }
  .l-height-almost-full {
    height: 96.5%;
  }
  .l-align-middle {
    vertical-align: middle;
  }
}

.v-align {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -12px;
}

.v-align-top {
  vertical-align: top;
}

.panel.l-height-full {
  margin-bottom: 0;
}

.l-break-words {
  word-wrap: break-word !important;
  word-break: normal !important;
  white-space: pre-wrap !important;
}

.l-absolute, .simple-field .display-absolute, .complex-element .display-absolute {
  position: absolute;
}

.l-relative {
  position: relative;
}

.l-static {
  position: static !important;
}

.l-overflow-auto {
  overflow: auto !important;
}

.l-overflow-y-auto {
  overflow-y: auto !important;
}

.l-overflow-visible {
  overflow: visible !important;
}

.l-overflow-y-scroll {
  overflow-y: scroll;
}

.l-button-row {
  padding-top: 10px;
  padding-bottom: 12px;
}

.select2-container.l-select2-medium {
  width: 180px;
}

.select2-container.l-select2-medium-long {
  width: 250px;
}

.select2-container.l-select2-long {
  width: 360px;
}

.l-clear-left {
  clear: left;
}

.l-flex, .vn-employee-selector {
  display: -ms-flexbox;
  display: flex;
}

.l-flex-direction-col, .vn-employee-selector {
  -ms-flex-direction: column;
      flex-direction: column;
}

.l-flex-1 {
  -ms-flex: 1;
      flex: 1;
}

.l-flex-2 {
  -ms-flex: 2;
      flex: 2;
}

.l-flex-3 {
  -ms-flex: 3;
      flex: 3;
}

.l-flex-grow {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.l-flex-vertical-align {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}

.l-flex-wrap {
  -ms-flex-wrap: flex;
      flex-wrap: flex;
}

.l-flex-wrap-wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.l-flex-justify {
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.l-justify-start {
  -ms-flex-pack: start;
      justify-content: flex-start;
}

.l-justify-center {
  -ms-flex-pack: center;
      justify-content: center;
}

.l-justify-end {
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.l-flex-no-shrink {
  -ms-flex: 0 0 100% !important;
      flex: 0 0 100% !important;
}

@media (min-width: 768px) {
  .l-flex-sm {
    display: -ms-flexbox;
    display: flex;
  }
}

.l-align-self-start {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.min-lookup-width {
  min-width: 150px;
}

.space-between-10 > div:not(:last-child) {
  margin-bottom: 10px;
}

.v-align-left {
  text-align: left;
}

.l-z-index-1050 {
  z-index: 1050 !important;
}

.clear-both {
  clear: both;
}

.l-max-width-100 {
  max-width: 100%;
}

.flex-row {
  height: 32px;
}

.red-background header, .red-background .sidenav .inner-scroll > .nav .nav > li.active > a {
  background: red;
}

.red-background .panel-default > .panel-heading .panel-title {
  color: red;
}

.red-background .sidenav .inner-scroll > .nav .nav > li > a:hover {
  background-color: #FCC;
}

.ie11 .btn:active span.glyphicon,
.ie10 .btn:active span.glyphicon,
.ie11 .btn:focus span.glyphicon,
.ie10 .btn:focus span.glyphicon {
  display: inline !important;
  position: static !important;
  width: auto !important;
  top: auto !important;
  left: auto !important;
}

.dropdown-menu.dropdown-menu-right {
  right: 0;
  left: auto;
}

.navbar.isMobile .dropdown.menudrop .dropdown-menu.dropdown-menu-right {
  position: fixed;
}

.form-horizontal label {
  overflow: visible;
  white-space: normal;
  text-overflow: clip;
}

.form-horizontal input {
  float: none;
}

.radio label,
.checkbox label {
  margin-left: 0;
}

.form-group:last-child {
  margin-bottom: 6px;
}

.tooltip {
  z-index: 999;
}

.dropdown-menu > li > a:focus:not(.btn) {
  box-shadow: -2px -2px 0 #0089d9 inset, 2px 2px 0 #0089d9 inset;
  outline: 0;
}

select.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

select.form-control.inline {
  display: inline;
  width: auto;
}

.ie10 .btn-group.btn-group-checkbox .btn.btn-primary:not(.left):not(.right),
.ie10 .btn-group.btn-group-radio .btn.btn-primary:not(.left):not(.right),
.ie10 .btn-group.btn-group-checkbox .btn.btn-primary:not(.left):not(.right):hover,
.ie10 .btn-group.btn-group-radio .btn.btn-primary:not(.left):not(.right):hover,
.ie11 .btn-group.btn-group-checkbox .btn.btn-primary:not(.left):not(.right),
.ie11 .btn-group.btn-group-radio .btn.btn-primary:not(.left):not(.right),
.ie11 .btn-group.btn-group-checkbox .btn.btn-primary:not(.left):not(.right):hover,
.ie11 .btn-group.btn-group-radio .btn.btn-primary:not(.left):not(.right):hover {
  box-shadow: none !important;
}

.ie10 :not(.left):not(.right).btn:active span:not(.caret):not(.badge),
.ie10 :not(.left):not(.right).btn:focus span:not(.caret):not(.badge),
.ie11 :not(.left):not(.right).btn:active span:not(.caret):not(.badge),
.ie11 :not(.left):not(.right).btn:focus span:not(.caret):not(.badge) {
  display: inline !important;
  position: static !important;
  width: auto !important;
  top: auto !important;
  left: auto !important;
}

h3,
.h3 {
  font-weight: normal;
}

.cbp-spmenu-open.cbp-spmenu {
  height: inherit;
}

.cbp-spmenu-open.cbp-spmenu .sidenav,
.cbp-spmenu-open.cbp-spmenu .inner-scroll {
  height: 100%;
}

.cbp-spmenu-open.cbp-spmenu .inner-scroll {
  border-bottom: 1px solid #d3d3d3;
  overflow: auto;
}

.sidenav .inner-scroll .nav > li > a {
  padding-right: 25px;
}

.sidenav .inner-scroll .nav.nav-one-level li:nth-last-child(2) > a:not(:hover):before {
  display: block;
}

.sidenav .inner-scroll .nav.nav-one-level li:last-child > a:not(:hover):before {
  display: none;
}

.sidenav .inner-scroll > .nav:not(.nav-one-level) > li:nth-last-child(2) > a {
  border-bottom: 1px solid #d9d9d9;
}

.has-error .form-control.ui-select-container {
  border: 0;
  box-shadow: none;
}

.has-error .radio label,
.has-warning .radio label {
  margin: 3px 0 3px 2px;
}

.has-error .radio input,
.has-warning .radio input {
  top: 6px;
}

.vismaicon-changelog-history.vismaicon-sm:before {
  background-image: url("./images/icons/16_changelog_history.svg");
}

.vismaicon-hourglass.vismaicon-sm:before {
  background-image: url("./images/icons/16_hourglass_filled.svg");
}

.navbar:not(.navbar-fixed-top) {
  z-index: 16;
}

.tab-content h4.panel-title {
  margin-bottom: 0;
}

.nav-tabs:not(.navbar-nav) > li.tabdrop .dropdown-menu:after {
  display: block;
}

.nav-tabs:not(.navbar-nav) > li.tabdrop .dropdown-menu > li.active > a:not(.pressed) {
  box-shadow: none;
}

.form-group .btn-group > .btn {
  margin-bottom: 6px;
}

.modal-dialog {
  margin: 30px auto;
}

.modal-body {
  max-height: none;
  overflow: initial;
}

.nav-tabs:not(.navbar-nav) {
  margin-bottom: -7px;
}

@media (max-width: 1200px) {
  .nav-tabs:not(.navbar-nav) {
    margin-bottom: -7px;
  }
}

tab-main-component .nav-tabs:not(.navbar-nav) {
  margin-bottom: -2px;
}

@media (max-width: 1200px) {
  tab-main-component .nav-tabs:not(.navbar-nav) {
    margin-bottom: -2px;
  }
}

.vismaicon.vismaicon-menu:before {
  width: 42px;
}

.navbar .nav.navbar-nav > li.dropdown.user-dropdown a.dropdown-toggle, .navbar .nav.navbar-nav > li.dropdown.user-dropdown a.dropdown-toggle:hover {
  height: 42px;
}

.navbar .nav.navbar-nav > li.dropdown.user-dropdown .dropdown-menu {
  top: 42px;
  margin-top: 0;
}

nc3-menu .ui-select-bootstrap .ui-select-match-text {
  overflow: hidden;
  text-overflow: ellipsis;
}

nc3-menu .login-info {
  display: none;
}

[uib-typeahead-popup].dropdown-menu {
  display: block;
}

.complex-types-wrapper.has-multiple-fields:not(.has-simple-grid) {
  margin-bottom: 40px;
}

.complex-types-wrapper.has-multiple-fields.has-simple-grid {
  margin-bottom: 10px;
}

.complex-types-wrapper .complex-types-wrapper,
.area .field-list > li:last-child .complex-types-wrapper,
.complex-types-wrapper .complex-type-block complex-field:last-child .complex-type {
  margin-bottom: 0;
}

.complex-types-wrapper .complex-types-wrapper.has-multiple-fields {
  margin-bottom: 10px !important;
}

.modal .complex-types-wrapper {
  margin-bottom: 0;
}

.area .field-list > li:last-child .complex-types-wrapper .panel-group {
  margin-top: 10px;
}

.complex-types-wrapper .collapsible-panel-column-headers-wrapper {
  width: calc(100% - 101px);
}

.complex-types-wrapper .collapsible-panel-column-headers-wrapper .column-header-value {
  float: left;
  padding: 10px 20px;
  overflow: hidden;
}

.complex-types-wrapper .collapsible-panel-column-headers-wrapper span {
  font-weight: bold;
}

.complex-types-wrapper.left-aligned .left-aligned {
  margin-right: 5px;
}

.complex-types-wrapper.left-aligned .left-aligned .display-mode .help-message-icon {
  margin-left: -42px;
}

.complex-types-wrapper.left-aligned .field-label-column label {
  padding-left: 0px !important;
}

.complex-types-wrapper.left-aligned li.has-margin > div {
  width: 25px;
}

.complex-types-wrapper.complex-element-required.is-label-visible.form-submitted:not(.has-items) {
  border: 2px solid #C72828;
}

.complex-type-block > complex-field .complex-type {
  border: 1px solid #ebebeb;
}

.complex-type-block > complex-field .complex-type .field-label-column label {
  padding-left: 15px;
}

.complex-type-block > complex-field:only-child .complex-type {
  border: none;
}

.complex-type {
  position: relative;
  padding: 15px 0px 15px 20px;
  margin-bottom: 10px;
}

.complex-type .field-edit-applies-from {
  margin: 10px 0;
}

.complex-type future-timeline-icon {
  float: left;
  margin-right: 10px;
}

.modal .complex-type {
  padding: 0;
}

.modal .complex-type .field-label-column label,
.modal .complex-type .complex-type-actions {
  padding-left: 20px;
}

.modal .complex-type .complex-type-actions {
  margin-bottom: 10px;
}

.complex-type .complex-type {
  padding: 15px 0px 15px 0px;
}

.complex-type .complex-type add-new-item {
  padding-left: 0px !important;
}

complex-field:only-of-type > .complex-type:not(.child-level),
complex-field-pre-inline-edit-mode-complex-types:only-of-type > .complex-type:not(.child-level) {
  border: 0;
  padding: 0;
}

.no-items-message__block {
  text-align: center;
}

.no-items-message__block h3 {
  font-style: italic;
  border-bottom: 0;
}

.no-items-message__block img {
  margin-bottom: 10px;
}

.no-items-message__inline p,
.no-items-message__inline p:last-child {
  font-style: italic;
  margin-bottom: 10px;
}

.complex-type .is-tabs-visible .complex-type {
  margin-right: 0;
  border: 0;
}

.complex-type.pre-inline.top-level.complex-view-mode.read-only:hover > div > .complex-type-icons .inline-read-only-icon {
  display: block;
}

.complex-type.pre-inline.top-level.complex-view-mode.can-edit:hover {
  background-color: #f5f5f5;
  cursor: pointer;
}

.complex-type.pre-inline.top-level.complex-view-mode.can-edit:hover label {
  cursor: pointer;
}

.complex-type.pre-inline.top-level.complex-view-mode.can-edit:hover > div > .complex-type-icons .inline-edit-icon {
  display: block;
}

.complex-type-icons {
  position: absolute;
  top: 10px;
  right: 10px;
}

.complex-type-header {
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.complex-type-header h6 {
  font-size: 14px;
  padding-right: 20px;
}

.complex-type-header h6:not(.has-no-items) {
  font-weight: 500;
}

.complex-type-header .has-no-items p {
  padding: 5px 40px 5px 0;
  min-height: 30px;
}

.complex-type-header add-new-item {
  text-align: right;
  margin-top: 6px;
  min-height: 34px;
}

.complex-type-header .link-add-new:not(.view-add-employee) {
  width: 101px;
  text-align: left;
}

.complex-type .simple-type {
  margin-bottom: 10px;
}

.complex-type-instance {
  border-bottom: 1px dashed #e7e7e7;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 15px;
}

.complex-type-instance ul {
  list-style: none;
  padding-left: 0;
}

.complex-type-instance:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.complex-type-instance.ready-to-delete {
  padding-right: 5px;
  margin-right: -5px;
  padding-top: 10px;
  margin-top: -10px;
}

.complex-type-instance-fields {
  margin: 0 -15px;
}

.complex-type-instance-fields .field-row {
  background-color: transparent;
}

.complex-type-instance-fields .field-label {
  padding-left: 30px;
}

.remove-complex-type-button .icon-trash:before {
  margin-left: 0;
}

.ready-to-delete {
  background-color: #ffccce;
  transition: 0.2s linear background-color;
}

.active-start-view-mode-label {
  margin-right: 10px;
}

.active-end-view-mode-label {
  margin-right: 10px;
  padding-left: 5px;
}

.complex-type_options {
  position: relative;
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.complex-type_options .vismaicon {
  z-index: 1;
}

.complex-type_options .dropdown-menu.dropdown-menu-right {
  right: -44px;
}

.instance-header-separator {
  display: none;
}

.is-separator-visible .instance-header-separator {
  display: block;
}

.dynamic-columns.col-lg-6 .active-dates-group div[class^="col-"] {
  width: 100%;
}

.complex-type_fields {
  width: 100%;
}

.is-flex {
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 75px);
}

.is-flex .flex-one {
  -ms-flex: 1px;
      flex: 1px;
}

.l-flex .flex-one, .vn-employee-selector .flex-one {
  -ms-flex: 1px;
      flex: 1px;
}

.has-margin {
  width: calc(100% - 76px);
  margin-right: -25px;
}

.has-margin .is-flex {
  width: 100%;
}

.has-margin .remove-margin {
  margin-right: -77px;
}

.is-collapsible-with-margin {
  width: calc(100% - 120px);
}

.is-collapsible-with-margin .is-collapsible-with-margin {
  width: 100%;
}

.options-placeholder {
  width: 25px;
}

.margin-sm {
  margin-right: 5px;
}

.is-options-hidden {
  display: none;
}

.complex-type-header {
  display: -ms-flexbox;
  display: flex;
}

.complex-type-header h6 {
  -ms-flex: 1px;
      flex: 1px;
}

.complex-type-header add-new-item {
  width: 101px;
  margin-left: auto;
}

.is-within-modal-popup {
  border: none !important;
}

.is-within-modal-popup .instance-header-separator {
  display: none;
}

.complex-type_options.open .complex-type_options-button .vismaicon:before {
  background-position: 0px !important;
}

.ui-view-employee-list,
.vn-employee-selector {
  height: 100%;
}

.vn-employee-selector .employee-id-column {
  padding-left: 0;
  padding-right: 10px;
}

.vn-employee-selector .error .vismaicon {
  padding-left: 6px;
}

.vn-employee-selector .error .vn-seperator {
  padding: 7px 20px 7px 4px;
}

.vn-employee-selector .error .employee-name-column {
  width: calc(75% - 25px);
}

.employee-left-menu .row > div {
  word-break: break-all;
}

.add-employee, .import-employees, .mass-update, .new-employee-list {
  padding: 10px 10px 0 10px;
  height: 42px;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  background-color: #fff;
}

.field-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}

.field-list.l-flex .field-definition, .field-list.vn-employee-selector .field-definition {
  -ms-flex: 0 0 100%;
      flex: 0 0 100%;
}

.field-list.l-flex .field-definition.has-two-columns, .field-list.vn-employee-selector .field-definition.has-two-columns {
  -ms-flex: 1 0 100%;
      flex: 1 0 100%;
}

.field-actions > a {
  margin-left: 15px;
}

.multi-field-input-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.multi-field-input-list > li {
  margin-bottom: 1px;
}

.multi-field-add-button {
  margin: 1px 0 4px 0;
}

.field-row-separator {
  border-bottom: 1px solid #ebebeb;
  margin: 15px 0;
}

.button-icon-with-label i {
  margin-right: 5px;
}

.button-icon-with-label span {
  text-decoration: underline;
}

.button-icon-with-label:hover i, .button-icon-with-label:hover span {
  color: #c72828;
}

.button-icon-with-label:hover span {
  text-decoration: none;
}

/*.modal-body {
    .field-value { font-weight: 500 } // Semibold
    .read-only .field-value { font-weight: 400 }
}*/
.jit-loading-image {
  display: none;
  position: absolute;
  right: 7px;
  top: 7px;
}

.is-jit-loading .jit-loading-image {
  display: block;
}

.is-jit-loading > input {
  padding-right: 29px;
}

.is-jit-loading > textarea {
  padding-right: 25px;
}

.is-jit-loading > .field-auto-increment {
  padding-right: 32px;
}

.is-jit-loading > .field-radio ~ .jit-loading-image {
  right: 0px;
}

.is-jit-loading > .ui-select-container .select2-chosen {
  padding-right: 45px;
}

.is-jit-loading > .ui-select-container ~ .jit-loading-image {
  right: 24px;
}

.is-jit-loading > .ui-select-container.select2-allowclear .select2-chosen {
  padding-right: 60px;
}

.is-jit-loading > .ui-select-container.select2-allowclear ~ .jit-loading-image {
  right: 43px;
}

.ui-select-container.is-loading:not(.ng-not-empty) ~ .jit-loading-image {
  display: block;
  left: 7px;
}

.ui-select-container.is-loading:not(.ng-not-empty) .select2-chosen {
  padding-left: 33px;
}

.ui-select-container.is-loading.ng-not-empty .select2-chosen {
  padding-right: 45px;
}

.ui-select-container.is-loading.ng-not-empty ~ .jit-loading-image {
  display: block;
  right: 24px;
}

.ui-select-container.is-loading.ng-not-empty.select2-allowclear .select2-chosen {
  padding-right: 60px;
}

.ui-select-container.is-loading.ng-not-empty.select2-allowclear ~ .jit-loading-image {
  right: 43px;
}

.single-option-checkbox {
  line-height: 145%;
}

.has-field-icons-wrapper {
  padding-right: 0px;
}

.has-field-icons-wrapper label {
  -ms-flex: 1;
      flex: 1;
}

.has-field-icons-wrapper.has-two-icons .field-icons-wrapper {
  width: 40px;
}

.has-field-icons-wrapper .field-icons-wrapper {
  width: 16px;
}

.field-label-column {
  display: -ms-flexbox;
  display: flex;
}

.field-label-column .field-icons-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-item-align: start;
      align-self: flex-start;
  padding-top: 6px;
  padding-left: 3px;
}

.field-label-column .field-icons-wrapper .help-message-icon, .field-label-column .field-icons-wrapper validation-icon {
  margin: 0px;
  padding: 0px;
}

.field-label-column .field-icons-wrapper .validation-icon .vismaicon {
  left: 0px;
}

.field-label-column .field-icons-wrapper a {
  z-index: 1;
}

.field-label-column .help-message-popover {
  margin-left: -8px;
}

@media all and (min-width: 768px) {
  .field-list.l-flex .field-definition, .field-list.vn-employee-selector .field-definition {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .field-list.l-flex .field-definition > field-element, .field-list.vn-employee-selector .field-definition > field-element, .field-list.l-flex .field-definition field-element grid field-element, .field-list.vn-employee-selector .field-definition field-element grid field-element, .field-list.l-flex .field-definition from-to-datepicker .date-wrapper, .field-list.vn-employee-selector .field-definition from-to-datepicker .date-wrapper {
    padding-right: 5px;
  }
  .field-list.l-flex .field-definition.has-two-columns, .field-list.vn-employee-selector .field-definition.has-two-columns {
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}

@media only screen and (max-width: 768px) {
  .field-list.l-flex .field-definition.has-two-columns, .field-list.vn-employee-selector .field-definition.has-two-columns {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}

.tooltip {
  left: 0;
  top: -36px;
}

.tooltip.tooltip-inline-help {
  z-index: 1050;
}

.tooltip.tooltip-add-new-item {
  z-index: 1050;
}

.tooltip.tooltip-add-new-item .tooltip-arrow {
  left: auto;
  right: 10px !important;
}

vn-add-validation-message, validation-message-tooltip {
  display: block;
  position: relative;
}

.datepicker > .tooltip.tooltip-error.top, .l-relative > .tooltip.tooltip-error.top, vn-add-validation-message > .tooltip.tooltip-error.top, validation-message-tooltip > .tooltip.tooltip-error.top {
  bottom: 42px;
  top: auto;
}

.tooltip-inner {
  max-width: none;
}

.tooltip-inner.message-xs {
  min-width: 150px;
}

.tooltip-inner.message-sm {
  min-width: 280px;
}

.tooltip-inner.message-md {
  min-width: 340px;
}

.tooltip-inner.message-lg {
  min-width: 460px;
}

.tooltip.tooltip-error .tooltip-inner {
  min-width: 180px;
}

.has-warning textarea, .has-warning textarea:focus,
.has-warning input[type="text"], .has-warning input[type="text"]:focus,
.has-warning input[type="password"], .has-warning input[type="password"]:focus,
.has-warning input[type="datetime"], .has-warning input[type="datetime"]:focus,
.has-warning input[type="datetime-local"], .has-warning input[type="datetime-local"]:focus,
.has-warning input[type="date"], .has-warning input[type="date"]:focus,
.has-warning input[type="month"], .has-warning input[type="month"]:focus,
.has-warning input[type="time"], .has-warning input[type="time"]:focus,
.has-warning input[type="week"], .has-warning input[type="week"]:focus,
.has-warning input[type="number"], .has-warning input[type="number"]:focus,
.has-warning input[type="email"], .has-warning input[type="email"]:focus,
.has-warning input[type="url"], .has-warning input[type="url"]:focus,
.has-warning input[type="search"]:not(.ui-select-search), .has-warning input[type="search"]:not(.ui-select-search):focus,
.has-warning input[type="tel"], .has-warning input[type="tel"]:focus,
.has-warning input[type="color"], .has-warning input[type="color"]:focus,
.has-warning .uneditable-input, .has-warning .uneditable-input:focus,
.has-warning .form-control, .has-warning .form-control:focus {
  border-color: #f28f00;
  box-shadow: 1px 1px 0 #f28f00 inset, -1px -1px 0 #f28f00 inset;
}

.form-group.required .field-label label:before, .form-group.required .field-label-column label:before, .advanced-grid .required .field-label label:before, .advanced-grid .required .field-label-column label:before {
  content: "*";
  position: absolute;
  top: 5px;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.form-group.required .grid-cell-label, .advanced-grid .required .grid-cell-label {
  position: relative;
}

.form-group.required .grid-cell-label:before, .advanced-grid .required .grid-cell-label:before {
  content: "*";
  position: absolute;
  top: 5px;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.complex-types-wrapper.complex-element-required .complex-type-header h6:before {
  font-weight: 400 !important;
  top: 9px !important;
  content: "*";
  position: absolute;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.vn-panel .vn-panel__body label:before, .vn-panel .vn-panel__body h6:before {
  top: 8px !important;
}

.form-group.label-above-input .tooltip.right {
  margin-top: 30px;
}

.validation-icon-after-select {
  margin: 6px 0 0 10px;
}

fieldset[disabled=disabled] .has-error input, fieldset[disabled=disabled] .has-error textarea,
fieldset[disabled=disabled] .has-error .select2-container .select2-choice {
  border: 1px solid #d0d0d0;
  box-shadow: none;
}

.popover {
  background-color: #fff;
}

.has-error .datepicker .popover, .has-warning .datepicker .popover {
  min-width: 270px;
}

.popover.uib-position-measure, .popover.left {
  max-width: 190px !important;
}

.popover.left, .popover.right {
  top: 0 !important;
}

.popover-content {
  padding: 12px;
}

.l-flex-vertical-align validation-icon {
  width: 16px;
  padding-left: 14px;
  margin-top: 0px !important;
}

.l-flex-vertical-align validation-icon .validation-icon .vismaicon {
  top: 1px;
}

.nav-tabs .l-flex-vertical-align validation-icon, .employee-tabs .l-flex-vertical-align validation-icon {
  padding-left: 0px;
}

.has-error input[type="checkbox"] {
  outline: 2px solid #c72828;
  outline-offset: -2px;
}

.has-error label input[type="checkbox"] {
  outline: none;
}

.area-header h3 {
  font-weight: 500;
}

.area-header.has-help-message {
  border-bottom: 1px solid #dcdcdc;
  margin-bottom: 15px;
  display: -ms-flexbox;
  display: flex;
}

.area-header.has-help-message > div {
  min-width: 33.33%;
  padding-left: 0px;
  padding-right: 27px;
}

.area-header.has-help-message h3 {
  -ms-flex-positive: 1;
      flex-grow: 1;
  border-bottom: none;
  margin-bottom: 0px;
}

.page-onboarding .area-header.has-help-message > div {
  min-width: 0%;
}

.has-error-block active-start .field-edit-applies-from {
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.08);
}

.has-error-block active-start .field-edit-applies-from:not(.selection-required) {
  border-bottom: none;
}

.ng-dirty.ng-invalid > a.select2-choice {
  border-color: #c72828;
  box-shadow: 1px 1px 0 #c72828 inset, -1px -1px 0 #c72828 inset;
}

fieldset[disabled] .ng-dirty.ng-invalid > a.select2-choice {
  border-color: 1px solid #e5e5e5 !important;
  box-shadow: none;
}

fieldset[disabled] .field-details-column:not(.read-only) field-value-details .field-value {
  color: #a0a0a0;
  border: 1px solid #e5e5e5;
  background: #ebebeb;
}

.grouped-messages p {
  color: #282828;
  margin-bottom: 10px;
}

.grouped-messages_group {
  margin-bottom: 30px;
}

.grouped-messages_message-list {
  margin-bottom: 15px;
}

.grouped-messages_message-list .grouped-messages_hider-less-text {
  display: none;
}

.grouped-messages_message-list ul {
  padding-left: 30px;
  margin-bottom: 0;
}

.grouped-messages_message-list p {
  margin-bottom: 5px;
}

.grouped-messages_message-list li {
  display: none;
}

.grouped-messages_message-list li:nth-child(-n+3) {
  display: list-item;
}

.grouped-messages_message-list.is-visible .grouped-messages_hider-less-text {
  display: inline;
}

.grouped-messages_message-list.is-visible .grouped-messages_hider-more-text {
  display: none;
}

.grouped-messages_message-list.is-visible li {
  display: list-item;
}

.grouped-messages_hider-link {
  margin-left: 30px;
}

.grouped-messages .grouped-message {
  padding-bottom: 5px;
}

.grouped-messages .grouped-message p {
  color: #787878;
}

.image-container {
  position: relative;
  text-align: center;
  color: #808080;
  margin-bottom: 10px;
  border: 1px solid transparent;
  background-color: #f5f5f5;
}

.image-container.has-image {
  background-color: transparent;
  border-color: #e7e7e7;
}

.image-container > div {
  width: 160px;
  height: 110px;
}

.no-upload-text {
  font-size: 18px;
}

.upload-error {
  padding-left: 0;
}

.upload-error .message {
  padding-left: 35px;
}

.image-medium {
  max-width: 100%;
  max-height: 100%;
}

.field-value-icon {
  display: none;
}

.field-label-column {
  line-height: 0.7;
}

.field-label-column validation-icon {
  margin-top: 7px;
  margin-right: 10px;
}

.field-value-column {
  line-height: 0.7;
}

.field-value-column .field-value {
  padding-top: 5px;
}

.field-value-column.ng-leave, .field-value-column.ng-leave-prepare {
  display: none;
}

.field-details-column.individual-edit p, .simple-field .individual-edit p {
  word-wrap: break-word !important;
  word-break: normal !important;
  margin-bottom: 0;
  padding: 5px 40px 5px 0;
  min-height: 30px;
}

.field-details-column.individual-edit .field-value-icon, .simple-field .individual-edit .field-value-icon {
  position: absolute;
  right: 26px;
  top: 2px;
}

.field-details-column.individual-edit.can-edit .field-label-column label:hover, .simple-field .individual-edit.can-edit .field-label-column label:hover {
  cursor: pointer;
}

.field-details-column.individual-edit.can-edit .field-label-column:hover + .field-value-column .field-wrapper .field-value,
.field-details-column.individual-edit.can-edit .field-wrapper:hover .field-value, .simple-field .individual-edit.can-edit .field-label-column:hover + .field-value-column .field-wrapper .field-value,
.simple-field .individual-edit.can-edit .field-wrapper:hover .field-value {
  cursor: pointer;
  background-color: #f5f5f5;
}

.field-details-column.individual-edit.can-edit .field-label-column:hover + .field-value-column .field-wrapper .inline-edit-icon,
.field-details-column.individual-edit.can-edit .field-wrapper:hover .inline-edit-icon, .simple-field .individual-edit.can-edit .field-label-column:hover + .field-value-column .field-wrapper .inline-edit-icon,
.simple-field .individual-edit.can-edit .field-wrapper:hover .inline-edit-icon {
  display: block;
}

.field-details-column.individual-edit .inline-read-only-icon, .simple-field .individual-edit .inline-read-only-icon {
  top: 6px;
}

.field-details-column.individual-edit.read-only:hover .inline-read-only-icon, .simple-field .individual-edit.read-only:hover .inline-read-only-icon {
  display: block;
}

.hide-read-only-icon .field-details-column.individual-edit .inline-read-only-icon, .hide-read-only-icon .simple-field .individual-edit .inline-read-only-icon {
  display: none !important;
}

.datepicker-label .field-value-icon {
  position: absolute;
  right: 26px;
  top: 2px;
}

.datepicker-label.can-edit .field-label-column label:hover {
  cursor: pointer;
}

.datepicker-label.can-edit:hover {
  cursor: pointer;
  background-color: #f5f5f5;
}

.datepicker-label.can-edit:hover .inline-edit-icon {
  display: block;
}

.complex-type_options.open .complex-type_options-button .vismaicon:before {
  background-position: -87px 0;
}

.complex-type_options .dropdown-menu {
  margin-top: 3px;
}

.complex-type_options-button:focus {
  outline: none;
}

.complex-type_options-button:focus .vismaicon:before {
  background-position: -58px 0;
}

.complex-type_options-button.disabled {
  cursor: default;
}

.complex-type_options-button.disabled .vismaicon:before {
  background-position: -29px 0;
}

.popover-arrow {
  top: -7px;
  border-color: transparent;
  border-bottom-color: #f1f1f1;
  right: 0;
  margin-right: 48px;
  border-width: 7px;
  border-top-width: 0;
}

.popover-arrow, .popover-arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
}

.popover-arrow:after {
  top: 2px;
  border-color: transparent;
  border-bottom-color: #fff;
  margin-left: -7px;
  content: " ";
  border-width: 7px;
  border-top-width: 0;
}

.valid-from-row {
  margin-right: 19px;
}

.field-value-control-container {
  width: 100%;
}

.field-value-control-container select.form-control {
  float: left;
}

field-value-details {
  display: block;
}

.simple-field .simple-field__label {
  color: #737373;
  position: relative;
}

.simple-field field-value-edit {
  width: 100%;
  margin-bottom: 5px;
}

.simple-field .read-only field-value-details {
  background-color: #f5f5f5;
  color: #a0a0a0;
}

.simple-field .read-only field-value-details .field-value {
  padding-left: 10px;
}

.simple-field .content-block {
  width: calc(100% - 16px);
  padding: 0px !important;
}

.simple-field.required .simple-field__label:before {
  content: "*";
  position: absolute;
  top: 5px;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.simple-field .help-message-icon {
  margin-left: 0px;
  padding-left: 8px;
}

.simple-field validation-icon a {
  padding-right: 7px;
}

.simple-field validation-icon .validation-icon {
  margin-right: 5px;
}

.simple-field .display-absolute {
  top: 7px;
  right: 7px;
}

.simple-field .display-absolute .jit-loading-image {
  padding-left: 5px;
  position: unset;
}

.simple-field .display-absolute.is-in-datepicker {
  right: 27px;
}

.simple-field field-value-details span.vismaicon-locked {
  top: -25px;
  right: -20px;
}

.simple-field .checkbox__label label {
  padding-left: 5px;
}

.simple-field .is-in-dropdown {
  right: 20px;
}

.simple-field .datepicker {
  width: 100%;
}

.simple-field .datepicker input[type="text"] {
  width: 100%;
}

.datepicker.new-visual {
  width: 100%;
}

.datepicker.new-visual input[type="text"] {
  width: 100%;
}

.single-option-checkbox {
  position: relative;
}

.single-option-checkbox .single-option-checkbox__label {
  position: relative;
}

.single-option-checkbox .checkbox__label {
  padding-left: 5px;
}

.single-option-checkbox.required .single-option-checkbox__label:before {
  content: "*";
  position: absolute;
  top: 5px;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.single-option-checkbox.read-only label {
  color: #737373;
}

.complex-element .field-details-column {
  position: relative;
}

.complex-element .complex-element__label {
  color: #737373;
  position: relative;
}

.complex-element.required .complex-element__label:before {
  content: "*";
  position: absolute;
  top: 5px;
  margin-left: -7px;
  color: #c72828;
  font-size: 12px;
}

.complex-element .display-absolute {
  top: 7px;
  right: 7px;
}

.complex-element .display-absolute .jit-loading-image {
  padding-left: 5px;
  position: unset;
}

.complex-element validation-icon a {
  padding-right: 7px;
}

.complex-element validation-icon .validation-icon {
  margin-right: 5px;
}

.complex-element .is-in-dropdown {
  right: 20px;
}

.complex-element .field-label-column label {
  padding-left: 0px !important;
}

.complex-element .read-only .field-value {
  background-color: #f5f5f5;
  color: #a0a0a0;
  margin-right: 0px;
}

.complex-element field-value-details .field-wrapper {
  padding-right: 0px;
}

.complex-element .read-only field-value-details .field-value {
  padding-left: 10px;
}

.edit-item {
  background-color: #fff9f0;
}

.localized-dropdown.dropdown {
  margin-left: 0;
}

.localized-dropdown.dropdown + .tooltip {
  display: none;
}

.localized-dropdown.dropdown.open + .tooltip {
  display: inline-block;
}

.localized-dropdown.dropdown input, .localized-dropdown.dropdown textarea {
  width: 89%;
  width: calc(100% - 28px);
  float: none;
}

.localized-dropdown.dropdown textarea {
  line-height: 1.4;
  margin-bottom: 2px;
  height: 50px;
}

.localized-dropdown.dropdown .dropdown-menu {
  width: 100% !important;
  padding: 5px 0;
  margin-top: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: #e7e7e7 #e7e7e7 #dbdbdb;
}

.localized-dropdown.dropdown .dropdown-menu li {
  border-left: 0;
  border-right: 0;
  padding-left: 10px;
  line-height: 20px;
  margin: 10px 0;
}

.localized-dropdown.dropdown .dropdown-menu li > span {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
}

.localized-dropdown.dropdown .dropdown-menu-arrow::before {
  border-bottom-color: #e7e7e7;
}

.localized-dropdown.dropdown .dropdown-menu-arrow::after {
  border-bottom-color: #e7e7e7;
}

.localized-dropdown.dropdown .localized-code {
  display: none;
  vertical-align: top;
  margin-top: 5px;
}

.localized-dropdown.dropdown.open .localized-code {
  display: inline-block;
}

.localized-dropdown.dropdown .dropdown-menu-arrow::before, .localized-dropdown.dropdown .dropdown-menu-arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.localized-dropdown.dropdown .dropdown-menu-arrow::before {
  border-bottom: 7px solid #e7e7e7;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  left: 9px;
  top: -7px;
}

.localized-dropdown.dropdown .dropdown-menu-arrow::after {
  border-bottom: 6px solid #e7e7e7;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  left: 10px;
  top: -6px;
}

.l-relative-drop .dropdown > input {
  margin-right: 4px;
}

.l-relative-drop .dropdown > input, .l-relative-drop .dropdown > span {
  float: left;
}

.l-relative-drop .dropdown-menu {
  position: relative;
  clear: both;
}

.modal-content .form-group {
  position: relative;
}

.modal-content .modal-body .form-group span {
  word-wrap: break-word;
}

.modal-base {
  padding: 10px 20px 0;
  background-color: #f5f5f5;
  min-height: 40px;
  border-bottom: 1px solid #e7e7e7;
}

.modal-base.modal-base-details {
  padding-top: 15px;
}

.modal-base hr {
  margin: 10px -20px 10px;
  border-top: 1px solid #d5d5d5;
  border-bottom: 1px solid #fff;
}

.modal-base .date-override {
  position: relative;
  right: -8px;
  top: -5px;
}

.modal-base .date-override .date-override-text {
  display: inline-block;
  padding: 5px 15px 0 10px;
}

.modal-base .date-override button {
  vertical-align: top;
}

.modal-base label {
  margin-right: 5px;
}

.modal-base .account-id input {
  width: 100px;
}

@media (max-width: 767px) {
  .modal-base label {
    min-width: 70px;
  }
  .modal-base .account-id {
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) {
  .modal-base .account-id {
    margin-right: 30px;
  }
  .modal-base .localized-dropdown {
    min-width: 300px;
  }
}

.modal-footer .form-inline .btn {
  margin-right: 0;
}

.modal-footer .field-message {
  text-align: left;
}

.is-processing .modal-loader {
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-align: center;
      align-items: center;
  background-color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1050;
}

.is-processing .modal-transparent-loader {
  position: absolute;
  top: 48px;
  right: 0;
  bottom: 0;
  left: 0;
  -ms-flex-align: center;
      align-items: center;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  z-index: 1050;
}

.is-processing .modal-transparent-loader span {
  z-index: 1001;
}

.is-processing .modal-transparent-loader .transparent-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #fff;
  opacity: .5;
}

.loading-image {
  margin-right: 8px;
}

.modal-backdrop {
  position: fixed;
  height: 100%;
}

.button-newer-version {
  position: relative;
  left: -5px;
}

.grid-iteration {
  position: absolute;
  top: 10px;
}

.grid-iteration .btn-nav {
  margin-right: 5px;
  padding: 0;
}

.grid-iteration.directive-compiled .btn-nav {
  margin-right: 9px;
}

.grid-iteration .btn-nav[disabled] {
  opacity: 0.35;
}

.grid-iteration .btn-nav:hover {
  border: 1px solid transparent;
  box-shadow: none;
}

.grid-iteration ~ .modal-title {
  padding-left: 75px;
}

add-edit-timeline-instance-dialog .is-processing-overlay, details-transaction .is-processing-overlay, add-edit-fixed-transaction .is-processing-overlay {
  margin-top: 0px;
  height: 100%;
}

.select2-search {
  z-index: 1059;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: calc(100% - 120px);
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media (min-width: 1280px) {
  .modal-dialog {
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .modal-full-width .modal-dialog {
    width: calc(100% - 120px);
    margin-left: 50px;
    margin-right: 50px;
  }
}

@media (min-width: 600px) {
  .modal-small .modal-dialog {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 750px) {
  .modal-medium .modal-dialog {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
  }
  .modal-medium.border-radius .modal-dialog {
    width: 800px;
  }
  .modal-validation-result-info .modal-dialog {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden !important;
    position: relative;
  }
}

@media (min-width: 900px) {
  .modal-large .modal-dialog {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 900px) {
  .modal-extra-large .modal-dialog {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 768px) {
  .modal {
    text-align: center;
  }
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: '';
    height: 100%;
  }
  .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
  }
}

/* Include this file in your html if you are using the CSP mode. */
.ng-animate.item:not(.left):not(.right) {
  transition: 0s ease-in-out left;
}

.uib-datepicker .uib-title {
  width: 100%;
}

.uib-day button, .uib-month button, .uib-year button {
  min-width: 100%;
}

.uib-left, .uib-right {
  width: 100%;
}

.uib-position-measure {
  display: block !important;
  visibility: hidden !important;
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
}

.uib-position-scrollbar-measure {
  position: absolute !important;
  top: -9999px !important;
  width: 50px !important;
  height: 50px !important;
  overflow: scroll !important;
}

.uib-position-body-scrollbar-measure {
  overflow: scroll !important;
}

.uib-datepicker-popup.dropdown-menu {
  display: block;
  float: none;
  margin: 0;
}

.uib-button-bar {
  padding: 10px 9px 2px;
}

[uib-tooltip-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow,
[uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow,
[uib-popover-popup].popover.top-left > .arrow,
[uib-popover-popup].popover.top-right > .arrow,
[uib-popover-popup].popover.bottom-left > .arrow,
[uib-popover-popup].popover.bottom-right > .arrow,
[uib-popover-popup].popover.left-top > .arrow,
[uib-popover-popup].popover.left-bottom > .arrow,
[uib-popover-popup].popover.right-top > .arrow,
[uib-popover-popup].popover.right-bottom > .arrow,
[uib-popover-html-popup].popover.top-left > .arrow,
[uib-popover-html-popup].popover.top-right > .arrow,
[uib-popover-html-popup].popover.bottom-left > .arrow,
[uib-popover-html-popup].popover.bottom-right > .arrow,
[uib-popover-html-popup].popover.left-top > .arrow,
[uib-popover-html-popup].popover.left-bottom > .arrow,
[uib-popover-html-popup].popover.right-top > .arrow,
[uib-popover-html-popup].popover.right-bottom > .arrow,
[uib-popover-template-popup].popover.top-left > .arrow,
[uib-popover-template-popup].popover.top-right > .arrow,
[uib-popover-template-popup].popover.bottom-left > .arrow,
[uib-popover-template-popup].popover.bottom-right > .arrow,
[uib-popover-template-popup].popover.left-top > .arrow,
[uib-popover-template-popup].popover.left-bottom > .arrow,
[uib-popover-template-popup].popover.right-top > .arrow,
[uib-popover-template-popup].popover.right-bottom > .arrow {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin: 0;
}

[uib-popover-popup].popover,
[uib-popover-html-popup].popover,
[uib-popover-template-popup].popover {
  display: block !important;
}

.uib-time input {
  width: 50px;
}

[uib-typeahead-popup].dropdown-menu {
  display: block;
}

.validation-messages .validation-content {
  margin-top: 0px;
  border-top: none;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  border-width: 1px;
  border-style: solid;
  border-color: #f0f0f0 #e8e8e8 #dddddd;
  border-bottom: none;
  box-shadow: none;
}

.validation-messages .validation-content.is-last-item {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #f0f0f0;
}

.validation-messages .validation-content .validation-messages-icon {
  padding-right: 20px;
}

.validation-messages .validation-content .validation-message {
  -ms-flex: 1;
      flex: 1;
}

.error-page-content {
  min-width: 0;
}

@media (max-width: 767px), (min-width: 768px) and (max-height: 399px) {
  .errorPage-container {
    height: auto;
  }
  .errorPage-container .error-page {
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding: 2rem;
  }
  .error-page-content h1 {
    margin-top: 0;
  }
  .error-page-image img {
    width: 180px;
  }
}

@media (min-width: 768px) and (min-height: 400px) {
  .errorPage-container {
    height: calc(100vh - 92px);
  }
  .errorPage-container .error-page {
    margin-top: 0;
    margin-bottom: 0;
    padding: 2rem 4rem;
  }
  .error-page-content h1 {
    margin-top: 2rem;
  }
}

@media (min-width: 1400px) and (min-height: 400px) {
  .error-page-image img {
    width: 218px;
  }
}

.is-processing-overlay {
  margin-top: 20px;
  height: calc(100% - 20px);
  opacity: .5;
  background-color: white;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
  transition: all .2s ease-in-out;
}

.is-processing-overlay.ng-hide {
  opacity: 0;
}

.content-right .details-screen {
  overflow: hidden;
}

.content-right .details-screen:not(.l-full-height-without-menu) {
  height: 100%;
}

.content-right .details-screen tab-main-component, .content-right .details-screen nav-component {
  -ms-flex: 1;
      flex: 1;
}

.content-right .details-screen tab-main-component ul.nav.nav-tabs, .content-right .details-screen nav-component ul.nav.nav-tabs {
  -ms-flex-item-align: start;
      align-self: flex-start;
  max-width: calc(100% - 260px);
}

.content-right .details-screen tab-main-component ul.nav.nav-tabs > li, .content-right .details-screen nav-component ul.nav.nav-tabs > li {
  margin-bottom: 0px !important;
}

.content-right .form-horizontal {
  margin-bottom: 0;
}

.content-right .panel {
  border-color: #d3d3d3;
  box-shadow: none;
}

.content-right standard-screen > .panel-heading {
  color: #0974b3;
  background: #fff;
  padding: 14px 20px 13px;
  font-size: 22px;
  font-weight: 100;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}

.content-right standard-screen > .panel-heading .panel-title {
  padding-bottom: 0;
  border-bottom: 0;
  font-size: 22px;
  font-weight: 100;
  line-height: 100%;
}

.content-right standard-screen form.l-full-height-without-menu {
  height: calc(100% - 55px);
}

.panel.panel-only-one-nav {
  border-bottom: 0;
  margin-bottom: 0;
  height: 100%;
}

.tab-content.has-nav-head {
  border-bottom: 0;
  height: calc(100% - 30px);
}

.has-panel-head {
  background: #fff;
  height: calc(100% - 50px);
}

.tab-content .tab-content {
  border-left: 0;
  border-right: 0;
}

.screen-buttons-wrapper button {
  margin-bottom: 0;
}

.l-form-inner-tab {
  overflow: auto;
}

nav-component:not(.l-overflow-y-auto) .l-form-inner-tab {
  overflow: unset;
}

.l-form-inner-tab {
  height: 100%;
  position: relative;
}

.l-form-inner-tab.has-tabs {
  height: calc(100% - 30px);
}

.l-form-inner-tab .modal-loader.is-processing {
  top: 0;
}

@media (min-width: 1200px) {
  .l-form-inner-tab .col-lg-12 .area .complex-type-header, .l-form-inner-tab .col-lg-12 .area .complex-type-block {
    max-width: 845px;
  }
  .l-form-inner-tab .col-lg-12 .area .area-header.has-help-message {
    max-width: 845px;
  }
}

.full-height .l-form-inner-tab.has-tabs {
  height: calc(100% + 30px);
}

.is-transaction-tab:not(.l-full-height-without-menu).form-horizontal {
  height: 100%;
}

.screen-buttons-wrapper {
  background-color: #fff;
  padding: 0 15px 15px 15px;
  border: 1px solid #d3d3d3;
  border-top: 0;
}

.screen-buttons-wrapper > div {
  padding-top: 15px;
  border-top: 1px solid #ebebeb;
}

.screen-buttons-wrapper button {
  vertical-align: top;
}

.screen-buttons-wrapper button:last-child {
  margin-right: 0;
}

.area {
  padding: 20px 0 0 10px;
}

.area > h3 {
  font-weight: 500;
}

.changes-apply-from .datepicker {
  float: right;
  top: -1px;
  margin-left: 5px;
  min-height: 1px;
}

.changes-apply-from .changes-apply-control {
  position: relative;
  top: -4px;
  min-width: 240px;
  margin-right: 20px;
  margin-left: 10px;
}

.changes-apply-from .changes-apply-label {
  padding-top: 1px;
}

.historic-changes-toggle {
  margin-left: -21px;
}

.historic-changes-toggle i {
  color: #282828;
  font-size: 13px;
}

.historic-changes-toggle:hover i, .historic-changes-toggle:focus i {
  color: #0974b3;
}

.historic-changes-toggle:active i {
  color: #ccebff;
  position: relative;
  top: 0;
  left: 0;
}

.historic-changes-toggle.disabled:hover, .historic-changes-toggle[disabled]:hover {
  cursor: default;
}

.historic-changes-toggle.disabled i, .historic-changes-toggle[disabled] i {
  color: #d7d7d7;
}

.field-label-column .historic-changes-toggle {
  margin-top: 5px;
}

.field-multiline {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3;
  margin: 0;
  padding: 0;
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
}

.form-group .label-for-radio-group {
  padding-top: 14px;
}

.page-employee-overview {
  /*.tab-content .tab-content.l-form-inner-tab {
      border-top: 1px solid $greyTabContent;
  }*/
}

.page-employee-overview .employee-tabs + .tab-content {
  padding-top: 20px;
  height: calc(100% - 50px);
}

.page-employee-overview .is-processing-overlay {
  margin-top: 70px;
  height: calc(100% - 70px);
  width: calc(100% - 20px);
  text-align: center;
}

.page-employee-overview .employee-transactions .l-form-inner-tab {
  border-bottom: 1px solid #ebebeb;
}

.page-employee-overview vn-employee-selector-body {
  min-height: 200px;
}

.page-employee-overview vn-employee-selector-head {
  padding: 10px 15px;
}

.page-employee-overview .new-navigation.position-selector {
  right: 0px;
  position: absolute;
  top: 0px;
}

.sidebar-employees, .content-right-wrapper {
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

.sidebar-title, .toggle-sidebar {
  display: none;
}

@media (min-width: 992px) {
  .sidebar-employees, .content-right-wrapper {
    padding-right: 20px;
    height: 100%;
  }
  .toggle-sidebar {
    display: block;
  }
  .sidebar-employees {
    width: 430px;
  }
  .ui-view-employee-list {
    border: 1px solid #FFFFFF;
    min-width: 45px;
  }
  .sidebar-toggle {
    display: block;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    border-top: 1px solid #C8C8C8;
  }
  .sidebar-toggle:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background: url(../bower_components/nc3/img/vismaicons/action-icons/24_collapse.svg) no-repeat left top;
    float: right;
  }
  .sidebar-toggle:hover {
    opacity: .6;
    border-bottom: 1px solid #D9D9D9;
    background: #F3FAFF;
    background: linear-gradient(to bottom, #F3FAFF 25%, #E4F0F7 90%);
    box-shadow: -1px -1px 0 #F2FAFF inset, 1px 1px 0 #F2FAFF inset;
  }
  .sidebar-employees.collapsed {
    width: 45px;
    margin-right: 20px;
  }
  .sidebar-employees.collapsed .employee-left-menu, .sidebar-employees.collapsed .add-employee, .sidebar-employees.collapsed .import-employees, .sidebar-employees.collapsed .mass-update, .sidebar-employees.collapsed .new-employee-list {
    display: none;
  }
  .sidebar-employees.collapsed .sidebar-toggle {
    position: absolute;
  }
  .sidebar-employees.collapsed .sidebar-toggle:after {
    transform: rotate(180deg);
  }
  .sidebar-employees.collapsed .sidebar-title {
    display: block;
    transform: rotate(90deg);
    white-space: nowrap;
    padding-left: 30px;
  }
  .sidebar-employees + .content-right-wrapper {
    width: calc(100% - 430px);
  }
  .sidebar-employees.collapsed + .content-right-wrapper {
    width: calc(100% - 45px - 20px);
  }
}

.create-user-status {
  margin-right: 10px;
}

.create-user-status i {
  cursor: pointer;
}

.no-employee-selected {
  text-align: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 100%;
  -ms-flex-direction: column;
      flex-direction: column;
}

.no-employee-selected h3 {
  color: #737373;
  position: relative;
  top: -23px;
  text-shadow: #FFFFFF 1px 1px;
  border: 0;
  margin-bottom: 4rem;
}

.no-employee-selected :not(footer) img {
  width: 200px;
  height: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .no-employee-selected :not(footer) img {
    width: 234px;
  }
}

@media (min-width: 992px) {
  .no-employee-selected :not(footer) img {
    width: 266px;
  }
}

@media (min-width: 1200px) {
  .no-employee-selected :not(footer) img {
    width: 300px;
  }
}

.no-employee-selected .alert.alert-sm {
  padding-right: 45px;
  width: 100%;
  text-align: left;
}

.no-employee-selected .employee-overview {
  -ms-flex: 1;
      flex: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.no-employee-selected overlay-messages {
  width: 100%;
}

.sidebar-employees.collapsed + .content-right-wrapper .no-employee-selected > div {
  margin-left: -10px;
}

.btn.create-user {
  margin-right: 4px;
}

.position-selector {
  margin-bottom: 20px;
  padding-left: 20px;
}

.position-selector .position-choice-label {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .position-selector {
    float: right;
    margin-bottom: 0;
    padding-left: 0;
    right: 0px;
    position: absolute;
  }
}

.employee-tabs:before, .employee-tabs:after {
  content: " ";
  display: table;
}

.employee-tabs:after {
  clear: both;
}

.employee-tabs li {
  float: left;
  margin-right: 5px;
}

.employee-tabs > li > a {
  background-color: #fafafa;
  text-decoration: none;
  padding: 10px 20px;
  border: 1px solid #d3d3d3;
  border-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: 0 1px 0 #FFFFFF inset, 0 -1px 0 #FFFFFF inset, -1px 0px 0px rgba(0, 0, 0, 0.04), 1px 0px 0px rgba(0, 0, 0, 0.04);
  min-height: 50px;
}

.employee-tabs > li.active {
  margin-top: -5px;
  position: relative;
  bottom: -1px;
  border-top: 3px solid #68a611;
}

.employee-tabs > li.active > a {
  padding: 12px 20px 11px 20px;
  background-color: #FFFFFF;
  border-top: 3px solid #68a611;
  min-height: 55px;
}

.employee-tabs .element-icon {
  margin-right: 10px;
}

.employee-tabs .tab-text {
  font-size: 16px;
  vertical-align: top;
  position: relative;
  top: 3px;
  color: #282828;
}

.employee-tabs .validation-icon {
  height: 24px;
  width: 24px;
}

.employee-tabs .vismaicon-sm {
  display: none;
}

.employee-tabs .vismaicon-md {
  display: inline;
}

.employee-tabs li.disabled > a {
  cursor: default;
  background: url(../img/tabs/tab-disabled-middle-bk.png) 0 0 repeat-x;
  outline: none;
}

.employee-tabs li.disabled > a .vismaicon::before {
  background-position: -29px 0;
}

.employee-tabs li.disabled > a .tab-text {
  color: #d7d7d7;
}

.employee-tabs li.disabled > a:hover {
  cursor: default;
}

.element-icon:hover:before,
.element-icon.vismaicon.vismaicon-sm:hover:before {
  background-position: 0 0;
}

.vn-item.has-errors {
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
}

.vn-item.has-errors .vismaicon-error {
  position: absolute;
  top: 8px;
  left: 7px;
}

.vn-item.has-errors .employee-name-column {
  padding-left: 26px;
}

.form-top {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: end;
      align-items: flex-end;
}

.form-top ul.nav-tabs {
  margin-bottom: -2px;
}

.full-ec-height-without-menu-and-message {
  height: calc(100% - 42px - 19px) !important;
}

.page-onboarding {
  height: 100%;
}

.page-onboarding .wizard {
  margin-bottom: 0;
  margin-top: 20px;
  min-height: 50px;
}

.page-onboarding .filter-sidebar, .page-onboarding .tabs-filter-items .entity-filter {
  padding: 0px 20px;
  border: 0;
}

.page-onboarding .filter-sidebar.tabs-filter-items {
  padding: 0;
}

.page-onboarding .panel {
  border: 0;
}

.page-onboarding .is-processing-overlay {
  margin-top: 20px;
  height: calc(100% - 20px);
}

.page-onboarding .wizard ul li a:hover {
  cursor: default;
}

.page-onboarding .wizard ul li.visited:not(.active) a:hover {
  cursor: pointer;
}

.page-onboarding .wizard ul li.normal a:hover,
.page-onboarding .wizard ul li.normal a:hover::before,
.page-onboarding .wizard ul li.normal a:hover::after,
.page-onboarding .wizard ul li.normal.first a:hover::before,
.page-onboarding .wizard ul li.normal.last a:hover::after {
  background-position: 0 0;
}

.page-onboarding .wizard ul li:not(.disabled):not(.visited):not(.active) a:focus,
.page-onboarding .wizard ul li:not(.disabled):not(.visited):not(.active) a:focus::before,
.page-onboarding .wizard ul li:not(.disabled):not(.visited):not(.active) a:focus::after,
.page-onboarding .wizard ul li.first:not(.disabled):not(.visited):not(.active) a:focus:before,
.page-onboarding .wizard ul li.last:not(.disabled):not(.visited):not(.active) a:focus:after {
  background-position: 0 0;
  z-index: 8;
}

.page-onboarding .wizard-primary ul li.active:not(.disabled):not(.visited) a:focus,
.page-onboarding .wizard-primary ul li.active:not(.disabled):not(.visited) a:focus::before,
.page-onboarding .wizard-primary ul li.active:not(.disabled):not(.visited) a:focus::after {
  background-position: right -240px;
}

.page-onboarding .wizard ul li.disabled a:hover, .page-onboarding .wizard ul li.disabled a:hover::before, .page-onboarding .wizard ul li.disabled a:hover::after {
  color: #a0a0a0;
  background-position: 0 -600px;
  z-index: 7;
  cursor: default;
}

.page-onboarding .wizard ul li.clickable a:hover {
  cursor: pointer;
}

.page-onboarding .wizard-icon > ul > li.active:not(.validated) > a > span:after {
  background: none;
}

.page-onboarding .wizard-icon > ul > li:not(.validated) > a > span:after {
  background: none;
}

.page-onboarding .wizard-icon > ul > li.active.validated > a > span:after {
  background-position: 0px 3px;
}

.content-onboarding {
  overflow: auto;
  background-color: #fff;
  margin-bottom: 0;
  border-right: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}

.buttons-onboarding {
  padding: 20px 20px 10px 20px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
}

.modal-transactions .t-inline-input {
  width: 160px;
}

.modal-transactions .t-inline-input-small {
  width: 80px;
}

.modal-transactions .ui-select-container, .modal-transactions textarea {
  width: 100%;
}

.modal-transactions label {
  min-width: 80px;
}

.transactions-add-edit-paycode input[type="text"] {
  width: 124px;
}

@media (min-width: 768px) {
  .modal-transactions .modal-dialog {
    width: 750px;
    margin: 50px auto;
  }
  .modal-transactions .t-inline-input {
    width: 80px;
  }
  .modal-transactions .t-inline-input-small {
    width: 40px;
  }
  .modal-transactions .t-inline-input-medium {
    width: 68px;
  }
  .modal-transactions .ui-select-container, .modal-transactions textarea {
    width: 295px;
  }
}

@media (min-width: 992px) {
  .modal-transactions .modal-dialog {
    width: 942px;
  }
  .modal-transactionsInfoMessage .modal-dialog {
    width: 600px;
  }
}

.fixed-transactions {
  height: 100%;
  overflow: auto;
}

.fixed-transactions .tabs-filter-control {
  margin-top: 10px;
}

.fixed-transactions .transaction-field-labels {
  background-color: #f5f5f5;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 7px 0;
}

.fixed-transactions .transaction-field-values {
  padding: 10px 0;
}

.fixed-transactions .transaction-field-values > div {
  word-wrap: break-word !important;
  word-break: normal !important;
}

.fixed-transactions .transaction-dimensions {
  margin: 10px 0;
}

.fixed-transactions .transaction-dimensions .row > div {
  margin-bottom: 10px;
}

@media (min-width: 768px) {
  .filter-sidebar .paycodes-list {
    margin-right: -10px;
    list-style: none;
    padding-left: 0;
  }
  .l-clear-left {
    clear: left;
  }
}

.tabs-filter-control .tabs-filter-items li a {
  display: inline-block;
  text-decoration: none;
  padding: 10px;
  color: #282828;
  width: 100%;
}

.tabs-filter-control .tabs-filter-items li a:hover {
  background-color: #ccebff;
}

.tabs-filter-control .tabs-filter-items li a.active, .tabs-filter-control .tabs-filter-items li a.active:hover {
  color: #fff;
  background-color: #0974b3;
}

.paycode-filter-in-use-label {
  margin-top: 3px;
  margin-bottom: 10px;
}

.add-new-paycode-wrapper {
  margin-bottom: 10px;
}

.add-new-paycode-wrapper a {
  margin-left: 10px;
}

.tabs-filter-container {
  border: 2px solid #0974b3;
  padding: 20px;
  padding-bottom: 45px;
  overflow: auto;
}

.tabs-filter-container .table {
  margin-bottom: 15px;
  border-top: 0;
  box-shadow: none;
}

.tabs-filter-container > .tabs-filter-actions {
  position: absolute;
  right: 15px;
}

.transactions-end-date-error {
  display: none;
  color: #c72828;
  margin-bottom: 10px;
}

.transactions-end-date-error.is-visible {
  display: block;
}

.select-date-control {
  width: 114px;
}

.edit-column {
  width: 50px;
}

.delete-column {
  width: 11px;
}

.active-start-date-column {
  width: 90px;
}

th.description-column {
  width: 120px;
}

td.description-column {
  word-break: break-word;
}

@media (min-width: 1200px) {
  th.description-column {
    width: 160px;
  }
}

@media (min-width: 1400px) {
  th.description-column {
    width: 240px;
  }
}

@media (min-width: 1600px) {
  th.description-column {
    width: 320px;
  }
}

.transactions-list hr {
  margin-top: 15px;
  margin-bottom: 15px;
}

.delete-transaction {
  margin-bottom: 20px;
}

.add-edit-fixed-transaction table {
  margin-bottom: 0;
}

.add-edit-fixed-transaction table > thead > tr > th, .add-edit-fixed-transaction table > tbody > tr > td {
  padding: 5px 6px 5px 0;
}

.add-edit-fixed-transaction table > thead > tr > th {
  padding-bottom: 0;
}

.add-edit-fixed-transaction table th div {
  min-height: 24px;
}

.add-edit-fixed-transaction th .form-group, .add-edit-fixed-transaction td .form-group {
  margin-bottom: 0 !important;
  position: relative;
}

.add-edit-fixed-transaction th label {
  padding-bottom: 0;
}

.add-edit-fixed-transaction .add-edit-view td {
  padding-bottom: 30px;
}

.add-edit-fixed-transaction input[type="number"] {
  width: 100%;
  max-width: 100px;
}

.add-edit-fixed-transaction .transaction-description {
  margin-bottom: 20px;
}

.add-edit-fixed-transaction #transactionDescription {
  width: 40%;
  min-width: 392px;
}

.t-edit-row + .t-edit-row td {
  border: 0 none;
}

@media (min-width: 768px) {
  .add-edit-fixed-transaction {
    margin-top: 64px;
  }
}

@media (min-width: 992px) {
  .add-edit-fixed-transaction table > thead > tr > th, .add-edit-fixed-transaction table > tbody > tr > td {
    padding: 5px 10px 5px 0;
  }
}

@media (min-width: 800px) {
  .is-resizable.has-visible-fields-1 {
    width: 90%;
  }
}

@media (min-width: 900px) {
  .is-resizable.has-visible-fields-1 {
    width: 80%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 90%;
  }
}

@media (min-width: 1000px) {
  .is-resizable.has-visible-fields-1 {
    width: 70%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 80%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 90%;
  }
}

@media (min-width: 1100px) {
  .is-resizable.has-visible-fields-1 {
    width: 65%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 70%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 80%;
  }
  .is-resizable.has-visible-fields-4 {
    width: 90%;
  }
}

@media (min-width: 1200px) {
  .is-resizable.has-visible-fields-1 {
    width: 60%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 65%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 70%;
  }
  .is-resizable.has-visible-fields-4 {
    width: 80%;
  }
}

@media (min-width: 1400px) {
  .is-resizable.has-visible-fields-1 {
    width: 55%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 60%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 65%;
  }
  .is-resizable.has-visible-fields-4 {
    width: 70%;
  }
}

@media (min-width: 1600px) {
  .is-resizable.has-visible-fields-1 {
    width: 50%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 55%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 60%;
  }
  .is-resizable.has-visible-fields-4 {
    width: 65%;
  }
}

@media (min-width: 1800px) {
  .is-resizable.has-visible-fields-1 {
    width: 45%;
  }
  .is-resizable.has-visible-fields-2 {
    width: 50%;
  }
  .is-resizable.has-visible-fields-3 {
    width: 55%;
  }
  .is-resizable.has-visible-fields-4 {
    width: 60%;
  }
}

.variable-transactions {
  padding-bottom: 36px;
}

.transactions-add-edit label {
  word-wrap: break-word !important;
  word-break: normal !important;
}

.grid-icon-align-center {
  width: 100%;
  text-align: center;
}

.view-status {
  padding: 0;
}

.modal-transactions .status-block {
  text-align: center;
  position: absolute;
  right: 20px;
  width: 80px;
}

.modal-transactions .status-block_icon {
  font-size: 40px;
}

.modal-transactions .status-block_text {
  margin-top: 3px;
  word-wrap: break-word !important;
  word-break: normal !important;
}

.modal-transactions .has-status-on-right {
  margin-right: 80px;
}

.modal-transactions .em-icon-alert-triangle + .status-block_text {
  color: #f28f00;
}

.modal-transactions .em-icon-warning + .status-block_text {
  color: #c72828;
}

.modal-transactions .em-icon-claim_paid + .status-block_text {
  color: #0974b3;
}

.modal-transactions .em-icon-clock + .status-block_text {
  color: #f28f00;
}

.modal-transactions .vh-add-variable-transaction-component {
  padding-top: 18px;
}

.modal-transactions .has-min-height {
  display: block;
  min-height: 40px;
}

.transactiongridicon {
  display: inline-block;
  position: relative;
  top: 4px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

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

accounting-dimension-list .transaction-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

.accounting-dimension-values .tabs-filter-container {
  padding-bottom: 0;
}

.accounting-dimension-values .transaction-grid {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex: 1;
      flex: 1;
}

@media (max-width: 767px) {
  .accounting-dimension-values .filter-sidebar {
    height: auto;
  }
}

@media (min-width: 768px) {
  .accounting-dimension-values .dimension-list {
    height: 100%;
  }
}

.content-right .panel .content-block {
  padding: 20px;
}

.filter-by-text-date {
  -ms-flex-direction: column;
      flex-direction: column;
}

@media (min-width: 992px) {
  .filter-by-text-date {
    -ms-flex-direction: row;
        flex-direction: row;
  }
}

.filter-by-text-date_group {
  margin-right: auto;
  margin-left: 20px;
}

.filter-by-text-date_group label {
  margin-right: 10px;
}

@media (min-width: 992px) {
  .filter-by-text-date_group {
    margin-left: auto !important;
    margin-right: 20px !important;
  }
}

.filter-by-text-date_group-select {
  width: auto;
  max-width: 300px;
  min-width: 180px;
}

.filter-by-text-date_group-select .ui-select-search {
  width: 100%;
}

@media (min-width: 1200px) {
  .dynamic-columns.col-lg-6 .filter-by-text-date {
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .dynamic-columns.col-lg-6 .filter-by-text-date_group {
    margin-right: auto !important;
    margin-left: 0 !important;
  }
  .dynamic-columns.col-lg-6 .filter-by-text-date_group label {
    margin-right: 10px;
  }
}

.indent-1,
.indent-name-column-1 td.view-display-value,
.indent-name-column-1 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 10px !important;
}

.indent-2,
.indent-name-column-2 td.view-display-value,
.indent-name-column-2 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 30px !important;
}

.indent-3,
.indent-name-column-3 td.view-display-value,
.indent-name-column-3 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 50px !important;
}

.indent-4,
.indent-name-column-4 td.view-display-value,
.indent-name-column-4 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 70px !important;
}

.indent-5,
.indent-name-column-5 td.view-display-value,
.indent-name-column-5 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 90px !important;
}

.indent-6,
.indent-name-column-6 td.view-display-value,
.indent-name-column-6 td.view-36a0f7db-835b-4693-85c7-15a5b7dcbcc1 {
  /*organization structure field guid*/
  padding-left: 110px !important;
}

.offline-wrapper {
  background-color: white;
  padding: 15px 20px;
}

.offline-image img {
  width: 200px !important;
  height: 200px;
}

.offline-message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}

.vn-panel {
  border-width: 1px;
  border-style: solid;
  border-color: #e5e5e5 #c3c3c3 #d2d2d2 #e5e5e5;
  background: #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.02);
  margin-bottom: 15px;
  display: block;
  position: relative;
}

.vn-panel .vn-panel__body .instance-header hr {
  margin-left: 15px;
}

.vn-panel .vn-panel__body .field-label-column, .vn-panel .vn-panel__body .instance-header .col-sm-4 {
  padding-left: 35px;
}

.vn-panel .vn-panel__body .complex-types-wrapper .complex-type-header h6 {
  padding-left: 15px;
  line-height: 145%;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 9px;
  padding-bottom: 8px;
}

.vn-panel .vn-panel__body .complex-types-wrapper .field-value-column {
  padding-left: 35px;
}

.vn-panel .vn-panel__body .is-collapsible-with-margin .field-value-column {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .vn-panel .vn-panel__body .is-collapsible-with-margin .field-value-column {
    padding-left: 35px;
  }
}

.vn-panel .vn-panel__body simple-grid {
  padding-left: 15px;
}

.vn-panel .vn-panel__body label {
  padding-top: 9px;
  padding-bottom: 8px;
}

.vn-panel .vn-panel__body .is-separator-visible .instance-header-separator {
  display: block;
}

.vn-panel .form-group {
  min-height: 30px;
  margin-right: -20px;
  margin-left: -20px;
}

.vn-panel.form-panel .vn-panel__header {
  margin-top: 20px;
}

.vn-panel.minimal {
  margin: 0;
  border: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.vn-panel.minimal:first-child {
  border-top: none;
}

.vn-panel.minimal .vn-panel__header {
  border: none;
  margin-right: 0;
  margin-left: 0;
  background: white;
  padding: 10px 0;
}

.vn-panel.minimal .vn-panel__header h3,
.vn-panel.minimal .vn-panel__header legend {
  font-weight: normal;
  font-size: 1.4rem;
  color: inherit;
  margin: 0;
  float: left;
  border: 0;
}

.vn-panel.minimal .vn-panel__header legend {
  margin-left: 0;
  padding: 0;
}

.vn-panel .vn-panel__header .caret {
  position: relative;
  left: 5px;
  top: -1px;
}

.vn-panel .vn-panel__header.expanded .caret {
  top: 2px;
}

.vn-panel.vn-panel--has-options .vn-panel__header > a {
  width: calc(100% - 34px);
}

.vn-panel .vn-panel__header {
  min-height: 41px;
}

.vn-panel__header-text {
  white-space: nowrap;
  width: calc(100% - 101px);
}

.vn-panel__header-text span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.vn-panel__header-text span.validation-icon {
  overflow: visible;
}

.vn-panel__header-text div.first-column {
  padding-left: 25px;
}

.vn-panel__header-text validation-icon .validation-icon {
  vertical-align: middle;
}

.vn-panel.minimal .vn-panel__body {
  border-top: none;
}

.data-view-complex-field-historic .vn-panel.minimal .vn-panel__body {
  padding: 0;
}

.vn-panel.minimal .vn-panel__footer {
  border-top: none;
}

.vn-panel .vn-panel__header {
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #f8f8f8 100%);
  background-repeat: repeat-x;
  padding: 10px 10px 10px 20px;
  cursor: pointer;
}

.vn-panel:not(.minimal) .vn-panel__header:hover {
  background: #ccebff;
}

.vn-panel:not(.minimal) .vn-panel__header.expanded {
  border-bottom: 1px solid #d6d6d6;
  background-color: #f0f0f0;
  background-image: none;
}

.vn-panel:not(.minimal) .vn-panel__header .historic-changes-toggle {
  position: static;
  margin-left: 0;
}

.vn-panel:not(.minimal) .vn-panel__header .historic-changes-toggle span {
  margin-right: 5px;
}

.vn-panel .vn-panel__header.unexpendable {
  cursor: auto;
}

.vn-panel .vn-panel__header h3 {
  font-weight: 300;
  font-size: 1.1428571428571428rem;
  margin: 0px;
  display: inline-block;
}

.vn-panel .vn-panel__header span.vismaicon-arrow-down-circle {
  transform: rotate(-90deg);
  font-size: 1.4285714285714286rem;
  position: relative;
  transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.vn-panel .vn-panel__header.expanded span.vismaicon-arrow-down-circle {
  transform: rotate(0deg);
  transition: all 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.vn-panel .vn-panel__body {
  padding: 20px 0px 18px 18px;
}

.vn-panel.minimal .vn-panel__body {
  padding: 0px 0px 18px 18px;
}

.vn-panel .vn-panel__body p {
  margin: 0;
}

.vn-panel .vn-panel__body .form__item {
  padding: 0;
}

.vn-panel .vn-panel__body .btn:not(.minimal),
.vn-panel .vn-panel__body .vn-panel__header h3,
.vn-panel .vn-panel__body .form__label,
.vn-panel .vn-panel__body .form__item--inline {
  margin-left: 0;
}

.vn-panel .vn-panel__footer {
  padding: 10px 15px;
  border-top: 1px solid #d6d6d6;
}

.form .vn-panel .vn-panel__header h3 {
  margin-left: 0;
}

.form .vn-panel .vn-panel__body {
  padding: 10px 0;
}

.vn-panel__header future-timeline-icon .vismaicon:hover {
  cursor: default;
}

.vn-panel__header future-timeline-icon {
  position: absolute;
}

.vn-panel__header validation-icon {
  position: absolute;
  left: 2px;
  top: 2px;
}

.vn-panel.minimal .vn-panel__header {
  border-top: 1px solid transparent;
}

.vn-panel.minimal .vn-panel__header:not(.active):hover {
  background: #ccebff;
}

.vn-panel.minimal .vn-panel__header.expanded {
  background-color: #fafafa;
  border-bottom: 1px solid #ebebeb;
  border-top-color: #ebebeb;
}

.vn-panel.minimal .vn-panel__header.expanded.active:before {
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: 0px;
  bottom: 0;
  width: 6px;
  background: #4d8400;
  z-index: 1;
}

.vn-panel.minimal .expanded + .vn-panel__body {
  background-color: #fafafa;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.vn-panel.minimal .expanded + .vn-panel__body .field-caret {
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 7px solid #bdbdbd;
  clear: both;
  display: block;
  margin: -1px auto 0px;
  position: relative;
  text-align: center;
  width: 12px;
}

.vn-panel.minimal .expanded .vismaicon-arrow-down-circle:before {
  background-position: -145px 0;
}

.vn-panel.minimal .complex-type_options.open .complex-type_options-button .vismaicon:before {
  background-position: 0px 0;
}

.vn-panel .complex-type {
  border: none;
}

.vn-panel .complex-type .complex-type label {
  padding: 5px 0px 5px 20px;
}

.vn-panel .complex-type .complex-type .complex-type_options.open .complex-type_options-button .vismaicon:before {
  background-position: -87px 0;
}

.vn-panel .complex-type .complex-type {
  padding: 0px !important;
  border: none !important;
  margin-bottom: 10px !important;
}

.vn-panel .complex-type .complex-type .instance-header-separator {
  display: none;
}

.vn-panel .complex-type .complex-type .in-use-from-to label {
  padding-left: 0px !important;
}

.vn-panel .complex-type .complex-type .field-label-column label {
  padding-left: 15px !important;
}

.vn-panel .complex-type .simple-type {
  margin-bottom: 0px !important;
}

.vn-panel .complex-type_options {
  width: 24px;
  padding-left: 0;
  margin-left: 5px;
  display: inline-block;
}

.vn-panel span.vismaicon-arrow-down-circle {
  width: 24px;
}

.vn-panel .vn-panel__body-modal {
  width: calc(100% - 120px);
}

.field-caret:before, .expanded .field-caret:before {
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 7px solid #fafafa;
  content: "";
  position: absolute;
  right: -6px;
  top: -8px;
}

.complex-type_actions {
  width: 101px;
  position: relative;
  top: -3px;
}

.vn-panel .form-group:last-child {
  margin-bottom: 0px !important;
}

.modal-open .modal-dialog .vn-panel .instance-header {
  min-height: 30px;
  margin-right: -20px;
  margin-left: -20px;
}

.confirm-approve {
  display: block;
  padding: 0 20px;
  margin-bottom: 0;
}

.confirm-approve__placeholder {
  display: none;
  color: #0089d9;
}

.confirm-approve[disabled] input {
  display: none;
}

.confirm-approve[disabled] .confirm-approve--active .confirm-approve__placeholder {
  display: block;
}

.confirm-approve label.confirm-approve--active {
  background: #f7f7f7;
  border-left: 6px solid #6d9625;
}

.confirm-approve label:not(.confirm-approve--active) {
  background: white;
  padding-left: 5px;
}

.confirm-approve label {
  fill: #000;
  border: 1px solid #c8c8c8;
  max-width: 800px;
  display: block;
  padding: 5px 0;
  margin-bottom: 10px;
}

.confirm-approve label text {
  line-height: 24px;
  font-size: 22px;
}

.confirm-approve label.confirm-approve--active svg circle {
  fill: #0089d9;
}

.confirm-approve label:hover {
  cursor: pointer;
}

.confirm-approve label > span:first-child {
  text-align: center;
  vertical-align: middle;
  padding: 5%;
}

.confirm-approve label > span:nth-child(n+2) {
  border-left: 1px solid #c8c8c8;
}

.confirm-approve__notes {
  margin-left: -20px;
}

.autoreport-altinn .alert {
  margin-left: 0;
  text-align: left;
  max-width: none;
}

.autoreport-altinn .alert > button {
  margin: 10px 20px 0 40px;
}

.table-grid {
  height: 500px;
  padding-bottom: 12px;
  margin-left: -10px;
}

@media (min-width: 768px) {
  .table-grid {
    height: calc(
 100vh - 200px);
  }
  .has-nav-head .table-grid {
    height: calc(100vh - 183px);
  }
  .has-tabs .table-grid {
    height: calc(100vh - 233px);
  }
  .has-nav-head .has-tabs .table-grid {
    height: calc(100vh - 217px);
  }
  .has-label-visible .table-grid {
    height: calc(100vh - 240px);
  }
}

.table-grid .form-group {
  margin-left: 0;
  margin-right: 0;
}

.table-grid .filter-by-text-date label {
  margin-right: 10px;
}

.table-grid_grid > div {
  -ms-flex: 1;
      flex: 1;
}

.table-grid_add_new {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
}

.overridable-entity-screen > form {
  border-bottom: 1px solid #d3d3d3;
}

.overridable-entity-screen > form .has-panel-head {
  height: 100%;
}

.lowercase {
  text-transform: lowercase;
}

.eaccounting-integration .not-authorized div {
  display: block;
}

.eaccounting-integration .not-authorized.invalid {
  border: 1px solid #c72828;
}

.eaccounting-integration .not-authorized.warning {
  border: 1px solid #f28f00;
}

.eaccounting-integration .authorized div {
  display: block;
}