:root {
  --kendo-color-primary: #004853;
  --kendo-color-primary-emphasis: #34a544;
  --kendo-color-primary-hover: #34a544;
  --kendo-font-family: Helvetica, Verdana, Geneva, sans-serif;
  --kendo-font-size: 12px;
  --kendo-border-radius-md: 4px;
}

html {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
}

body {
  margin: 0 auto;
  padding: 0;
  background-image: url("/mvc/Content/Images/backgroundSite.jpg");
  background-position: center top;
  background-repeat: repeat-x;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #666666;
}
body > footer {
  width: 1000px;
  height: 13px;
  background-image: url("/mvc/Content/Images/backgroundFooter.png");
  background-repeat: no-repeat;
  margin-left: auto;
  margin-right: auto;
}
body > footer div {
  padding-left: 20px;
  padding-top: 10px;
}
body > footer a {
  color: #666666;
  margin-right: 5px;
  margin-left: 5px;
}
body > footer a:last-child {
  float: right;
  padding-right: 20px;
}
body .not-selectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body div#verinMain {
  font-size: 0;
  margin-left: auto;
  margin-right: auto;
  width: 1000px;
  background-image: url("/mvc/Content/Images/backgroundWrapper.png");
  background-repeat: repeat-y;
  padding-bottom: 10px;
}
body div#verinMain > header {
  font-size: 12px;
  width: 980px;
  margin-left: 10px;
  height: 168px;
  background-color: rgb(1, 71, 83);
  background-image: url("/mvc/Content/Images/backgroundHeader.jpg");
  background-repeat: no-repeat;
  position: relative;
}
body div#verinMain > header a {
  color: #34a544;
}
body div#verinMain > header img {
  width: 400px;
  height: 112px;
  position: absolute;
  top: 25px;
}
body div#verinMain > header #welkom {
  color: #FFFFFF;
  text-align: right;
  position: relative;
  top: 3px;
  padding-right: 32px;
}
body div#verinMain > header #welkom span:first-child {
  font-weight: bold;
}
body div#verinMain > header #account {
  right: 0;
  width: 180px;
  height: 112px;
  top: 35px;
  position: absolute;
}
body div#verinMain > header #account a {
  padding-right: 11px;
  background-color: rgb(224, 224, 224);
  background-image: url("/mvc/Content/Images/linkpijltje.png");
  background-repeat: no-repeat;
  background-position: right center;
  text-decoration: none;
}
body div#verinMain > header nav {
  position: absolute;
  top: 142px;
  padding-left: 20px;
  margin: 0;
}
body div#verinMain > header nav ul {
  margin: 0;
  padding: 0;
  height: 21px;
  font-size: 0;
}
body div#verinMain > header nav li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
}
body div#verinMain > header nav a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  line-height: 21px;
  min-width: 85px;
  font-weight: bold;
  text-align: center;
}
body div#verinMain > header nav a.selectedLink, body div#verinMain > header nav a:hover {
  color: #004853;
  background-color: rgb(219, 219, 219);
  background-image: url("/mvc/Content/Images/backgroundTab.gif");
  background-repeat: repeat-x;
}
body div#verinMain > nav {
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  width: 170px;
  min-height: 564px;
  margin-left: 20px;
}
body div#verinMain > nav.usingfakes ul {
  background-color: #c0ffff;
}
body div#verinMain > nav ul {
  background-color: rgb(219, 219, 219);
  margin: 0 0 10px 0;
  padding: 17px 10px 1px 16px;
}
body div#verinMain > nav li {
  list-style: none;
  border-bottom: 1px solid rgb(204, 204, 204);
}
body div#verinMain > nav a {
  color: #004853;
  line-height: 28px;
  font-weight: bold;
  text-decoration: none;
}
body div#verinMain > nav a.selected {
  color: #34a544;
}
body div#verinMain > nav img {
  height: 291px;
  width: 170px;
}
body div#verinMain > section {
  font-size: 12px;
  vertical-align: top;
  display: inline-block;
  width: 772px;
  padding-top: 11px;
  padding-left: 14px;
}
body div#verinMain > section #siteMap a {
  color: #666666;
}
body div#verinMain > section #siteMap span {
  font-size: 11px;
}
body div#verinMain > section #logOutActiveUser {
  position: relative;
  top: -4px;
  padding: 8px 10px 10px 10px;
  background-color: #FFCC33;
  font-style: italic;
}
body div#verinMain > section #logOutActiveUser div {
  float: right;
}
body div#verinMain > section #logOutActiveUser a {
  color: #666666;
  font-weight: bold;
}

#pageArea .k-button-solid-primary, .k-window .k-button-solid-primary, .k-dialog .k-button-solid-primary {
  background-color: #004853;
}
#pageArea .k-button-solid-primary.k-hover, #pageArea .k-button-solid-primary:hover, .k-window .k-button-solid-primary.k-hover, .k-window .k-button-solid-primary:hover, .k-dialog .k-button-solid-primary.k-hover, .k-dialog .k-button-solid-primary:hover {
  background-color: #34a544;
}
#pageArea .k-checkbox:checked, .k-window .k-checkbox:checked, .k-dialog .k-checkbox:checked {
  background-color: #34a544;
}
#pageArea .k-checkbox:disabled, .k-window .k-checkbox:disabled, .k-dialog .k-checkbox:disabled {
  border-color: #a0a0a0;
}
#pageArea .k-checkbox:disabled:checked, .k-window .k-checkbox:disabled:checked, .k-dialog .k-checkbox:disabled:checked {
  background-color: #a0a0a0;
}
#pageArea .k-checkbox-wrap:has(.k-checkbox:disabled) + .k-checkbox-label, .k-window .k-checkbox-wrap:has(.k-checkbox:disabled) + .k-checkbox-label, .k-dialog .k-checkbox-wrap:has(.k-checkbox:disabled) + .k-checkbox-label {
  color: #a0a0a0;
}
#pageArea .button, .k-window .button, .k-dialog .button {
  background-position: center top;
  background-repeat: repeat-x;
  color: #FFFFFF;
  font-family: Helvetica, Verdana, Geneva, sans-serif;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  border-width: 0;
  text-transform: uppercase;
  padding: 4px 12px 5px 12px;
}
#pageArea .button, #pageArea .button:link, #pageArea .button:visited, .k-window .button, .k-window .button:link, .k-window .button:visited, .k-dialog .button, .k-dialog .button:link, .k-dialog .button:visited {
  background-color: #004853;
  background-image: url("/mvc/Content/Images/backgroundButton.gif");
  text-decoration: none;
}
#pageArea .button:hover, #pageArea .button:active, .k-window .button:hover, .k-window .button:active, .k-dialog .button:hover, .k-dialog .button:active {
  background-color: #34a544;
  background-image: url("/mvc/Content/Images/backgroundButton_hover.gif");
}
#pageArea .k-button-solid-primary, .k-window .k-button-solid-primary, .k-dialog .k-button-solid-primary {
  border-color: #004853;
}
#pageArea .k-button-solid-primary.k-focus, #pageArea .k-button-solid-primary:focus, .k-window .k-button-solid-primary.k-focus, .k-window .k-button-solid-primary:focus, .k-dialog .k-button-solid-primary.k-focus, .k-dialog .k-button-solid-primary:focus {
  box-shadow: 0 0 3px 0 #004853;
}
#pageArea span.link, .k-window span.link, .k-dialog span.link {
  color: #34a544;
}
#pageArea .text-danger, #pageArea span.field-validation-error, .k-window .text-danger, .k-window span.field-validation-error, .k-dialog .text-danger, .k-dialog span.field-validation-error {
  color: red;
}
#pageArea h2, .k-window h2, .k-dialog h2 {
  color: #004853;
  font-size: 16px;
  margin: 10px 0 16px 0;
}
#pageArea .k-step-text, .k-window .k-step-text, .k-dialog .k-step-text {
  white-space: pre-wrap;
}
#pageArea .k-stepper .k-step-current .k-step-indicator, .k-window .k-stepper .k-step-current .k-step-indicator, .k-dialog .k-stepper .k-step-current .k-step-indicator {
  border-color: #428bca;
  background-color: #428bca;
}
#pageArea .k-stepper .k-step-current:hover .k-step-indicator, .k-window .k-stepper .k-step-current:hover .k-step-indicator, .k-dialog .k-stepper .k-step-current:hover .k-step-indicator {
  background-color: #3071a9;
}
#pageArea .k-stepper .k-step-done .k-step-indicator, .k-window .k-stepper .k-step-done .k-step-indicator, .k-dialog .k-stepper .k-step-done .k-step-indicator {
  border-color: #428bca;
  background-color: #428bca;
}
#pageArea .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-window .k-stepper .k-step-done.k-disabled .k-step-indicator, .k-dialog .k-stepper .k-step-done.k-disabled .k-step-indicator {
  border-color: #91b8da;
}
#pageArea .k-stepper .k-step-done.k-disabled .k-step-indicator::before, .k-window .k-stepper .k-step-done.k-disabled .k-step-indicator::before, .k-dialog .k-stepper .k-step-done.k-disabled .k-step-indicator::before {
  background-color: #8eb9df;
}
#pageArea .k-stepper .k-progressbar, .k-window .k-stepper .k-progressbar, .k-dialog .k-stepper .k-progressbar {
  background-color: #ebebeb;
}
#pageArea .k-stepper .k-progressbar .k-selected, .k-window .k-stepper .k-progressbar .k-selected, .k-dialog .k-stepper .k-progressbar .k-selected {
  background-color: #428bca;
}
#pageArea .k-input-inner, .k-window .k-input-inner, .k-dialog .k-input-inner {
  line-height: 17.15px;
}
#pageArea .k-icon-button .k-svg-icon, .k-window .k-icon-button .k-svg-icon, .k-dialog .k-icon-button .k-svg-icon {
  min-height: 16px;
}
#pageArea .k-window-titlebar, .k-window .k-window-titlebar, .k-dialog .k-window-titlebar {
  background-color: #f5f5f5;
  padding: 6px 12px;
}
#pageArea .k-window-titlebar .k-window-title, .k-window .k-window-titlebar .k-window-title, .k-dialog .k-window-titlebar .k-window-title {
  font-size: 14.4px;
}
#pageArea .k-grid, .k-window .k-grid, .k-dialog .k-grid {
  margin-bottom: 10px;
}
#pageArea .k-grid .k-table-md .k-table-td, #pageArea .k-grid .k-table-md .k-header, .k-window .k-grid .k-table-md .k-table-td, .k-window .k-grid .k-table-md .k-header, .k-dialog .k-grid .k-table-md .k-table-td, .k-dialog .k-grid .k-table-md .k-header {
  padding: 5.8px 7.2px;
}
#pageArea .k-grid .k-no-data, .k-window .k-grid .k-no-data, .k-dialog .k-grid .k-no-data {
  display: table-row;
}
#pageArea .k-grid .k-grid-norecords-template, .k-window .k-grid .k-grid-norecords-template, .k-dialog .k-grid .k-grid-norecords-template {
  border: none;
  width: auto;
  color: #333333;
}
#pageArea .k-grid td, #pageArea .k-grid .k-grid-content .k-table-row > td, .k-window .k-grid td, .k-window .k-grid .k-grid-content .k-table-row > td, .k-dialog .k-grid td, .k-dialog .k-grid .k-grid-content .k-table-row > td {
  border-bottom-width: 1px;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-green, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-green, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-green {
  color: #a2d9a3;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-orange, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-orange, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-orange {
  color: #f8ea6a;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-red, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-red, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-red {
  color: #f79795;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-blue, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-blue, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-blue {
  color: #0bb1fa;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-grey, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-grey, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).light-grey {
  color: #d0d0d0;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).transparent, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).transparent, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).transparent {
  color: transparent;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).green, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).green, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).green {
  color: #3fb445;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).orange, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).orange, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).orange {
  color: #f4cf1a;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).red, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).red, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).red {
  color: #f31700;
}
#pageArea .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).primary, .k-window .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).primary, .k-dialog .k-font-icon:not(.button .k-font-icon, th .k-font-icon, .k-state-disabled .k-font-icon).primary {
  color: #004853;
}

input.k-state-disabled, span.k-state-disabled > .k-input {
  background-color: #F0F0F0;
}

.k-input-solid:focus, .k-input-solid.k-focus, .k-picker-solid:focus, .k-picker-solid.k-focus {
  box-shadow: none;
}

.k-no-data {
  display: table-row;
}

.k-grid-norecords-template {
  border: none;
  width: auto;
  opacity: 60%;
}

.verin-scrollable-grid .k-grid-content {
  min-height: 90px;
  max-height: 435px;
}
.verin-scrollable-grid .k-grid-content div.k-grid-norecords-templates {
  padding: 35px 0 0 25px;
  width: 700px;
  color: #a0a0a0;
  font-style: italic;
}

@media print {
  body {
    background: none;
  }
  body header, body footer {
    display: none;
  }
  body div#verinMain {
    background: none;
  }
  body div#verinMain > nav, body div#verinMain div#siteMap, body div#verinMain a.button, body div#verinMain button.button {
    display: none;
  }
}