/*------------------------------------------------------------------
BASE.LESS

Basic elements like html, body, anchors, list, headings and hr.
Default layout with header bar, breadcrumb, content and footer.
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
MIXINS.LESS

Contains frequently used rules and helpers for prefixing.
Mixins which are only needed in one file are kept in that file.
Almost every .less file imports this file and config.less

More info: http://lesscss.org/
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
CONFIG.LESS

Contains variables for rules which are applied more than once.
Variables which are only needed in one file are kept in that file.
Almost every .less file imports this file and mixins.less

Uses a few lessCSS color funtions.
More info: http://lesscss.org/
-------------------------------------------------------------------*/
html {
  -webkit-font-smoothing: antialiased !important;
}
html,
body {
  height: 100%;
  background: #e0e0e0;
}
body {
  font-family: 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2;
  z-index: 0;
}
::selection {
  background: #707070;
  color: white;
}
::-moz-selection {
  background: #707070;
  color: white;
}
a:link,
a:visited {
  color: #4a4a4a;
}
a:hover {
  color: #242424;
}
a:active {
  color: #707070;
}
a:focus {
  outline: 1px dotted black;
}
ul,
ol {
  margin: 0 0 0 15px;
  padding: 0 0 0 5px;
}
.no-enumeration {
  margin-left: 0;
  padding-left: 0;
}
.no-enumeration,
.no-enumeration ul,
.no-enumeration ol {
  list-style: none;
}
strong {
  font-family: 'Segoe UI Semibold', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-weight: 700;
}
sup,
sub,
small {
  font-size: 0.8em;
}
em {
  font-style: italic;
}
sup,
sub {
  line-height: 0;
}
sup {
  vertical-align: super;
}
sub {
  vertical-align: sub;
}
.txt-error {
  color: #bf000b;
}
hr {
  border-color: #d8d8d8;
  border-style: dotted;
  border-width: 1px 0 0;
  height: 0;
}
.clear {
  clear: both;
}
.clear-right {
  clear: right;
}
.clear-left {
  clear: left;
}
.space-large,
.space-small {
  display: block;
}
.space-large {
  height: 30px;
}
.space-small {
  height: 15px;
}
.nowrap {
  white-space: nowrap;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-weight: 300;
  color: #555555;
  line-height: 1.2;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  display: block;
  font-family: 'Segoe UI Light', 'Segoe UI', 'Lucida Grande', Arial, Helvetica, sans-serif;
  font-weight: 200;
  color: #6f6f6f;
  font-size: 17px;
}
h3 small,
h4 small {
  font-size: 15px;
}
h5 small,
h6 small {
  font-size: 15px;
}
h1 {
  font-size: 22px;
  margin-top: 10px;
  margin-bottom: 5px;
}
h2 {
  font-size: 20px;
  margin-top: 11px;
  margin-bottom: 4px;
}
h3 {
  font-size: 19px;
  margin-top: 12px;
  margin-bottom: 3px;
}
h4 {
  font-size: 17px;
  margin-top: 13px;
  margin-bottom: 2px;
}
h5 {
  font-size: 15px;
  margin-top: 14px;
  margin-bottom: 1px;
}
h6 {
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 0;
}
.page-title {
  margin: 0 0 15px 0;
  padding-bottom: 5px;
  font-size: 26px;
  border-bottom: dotted 1px #d8d8d8;
}
.page-title small {
  font-size: 19px;
}
.separator:before {
  position: relative;
  top: -1px;
  content: '';
  display: block;
  height: 1px;
  background: #d8d8d8;
}
.page-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  background: #3d3d3d;
  font-size: 15px;
  z-index: 3000;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-header ul,
.page-header ol {
  list-style: none;
  padding: 0;
}
.page-navbar-primary,
.page-navbar-secondary {
  position: absolute;
  top: 0;
  margin: 0;
}
.page-navbar-primary {
  left: 0;
  right: 0;
}
.page-navbar-secondary {
  right: 15px;
}
.page-breadcrumb {
  position: fixed;
  padding: 0 15px;
  font-size: 13px;
  line-height: 21px;
  height: 21px;
  background: white;
  border-bottom: solid 1px #d8d8d8;
  left: 0;
  right: 0;
  top: 40px;
  z-index: 2999;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.page-breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.page-breadcrumb ul li {
  display: block;
  float: left;
}
.page-breadcrumb ul li:after {
  content: '/';
  color: #cccccc;
  margin-right: 3px;
}
.page-breadcrumb ul li.active {
  color: #6f6f6f;
}
.page-breadcrumb ul li.active:after {
  content: '';
}
.page-breadcrumb ul li.active i {
  color: #333333;
}
.page-breadcrumb .help {
  float: right;
  margin-right: 10px;
}
.page-breadcrumb .help li {
  display: block;
  float: left;
  margin-left: 5px;
}
.page-breadcrumb .help li:after {
  content: '';
}
.page-breadcrumb .help li a {
  padding-left: 0;
}
.page-content-wrapper {
  min-height: 100%;
  z-index: 0;
}
.page-content {
  padding: 61px 0 25px 0;
  line-height: 1.5em;
}
.impersonation-header ~ main .page-content {
  padding: 81px 0 25px 0; 
}
.page-footer {
  height: 30px;
  line-height: 30px;
  color: #6f6f6f;
  margin: -35px 15px 0 15px;
  padding-bottom: 5px;
  font-size: 13px;
  z-index: 0;
  position: relative;
}
.page-footer .roxit-logo {
  display: block;
  float: left;
  width: 0;
  height: 30px;
  width: 100px;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI2OHB4IiBoZWlnaHQ9IjIxcHgiIHZpZXdCb3g9IjAgMCA2OCAyMSIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5yb3hpdC1sb2dvPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxkZWZzPjwvZGVmcz4gICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+ICAgICAgICA8ZyBpZD0icm94aXQtbG9nbyIgZmlsbC1ydWxlPSJub256ZXJvIj4gICAgICAgICAgICA8cGF0aCBkPSJNOC44LDUuOCBDMTAsNS44IDExLjIsNi4xIDEyLjEsNi44IEwxMS4zLDkuNiBDMTAuNCw5IDkuNSw4LjcgOC41LDguNyBDNi42LDguNyA0LjksOS45IDQuOSwxMi4zIEw0LjksMjAuNiBMMS42LDIwLjYgTDEuNiwxMC4yIEMxLjYsOC45IDEuNiw4LjMgMC4xLDguNCBMMC4xLDYuMiBDMi4yLDUuNyA0LjUsNi4xIDQuNyw4LjQgQzUuMSw2LjcgNyw1LjggOC44LDUuOCBaIiBpZD0iU2hhcGUiIGZpbGw9IiM0QjRBNEIiPjwvcGF0aD4gICAgICAgICAgICA8cGF0aCBkPSJNMjAuMiwyMC45IEMxNi40LDIwLjkgMTIuNywxOC40IDEyLjcsMTMuNCBDMTIuNyw4LjQgMTYuNiw1LjkgMjAuMyw2IEMyNC4yLDYgMjcuNyw4LjUgMjcuNywxMy40IEMyNy44LDE4LjQgMjQsMjAuOSAyMC4yLDIwLjkgWiBNMjAuMywxOCBDMjIuNSwxOCAyNC42LDE2LjUgMjQuNiwxMy40IEMyNC42LDEwLjQgMjIuNiw4LjggMjAuNCw4LjggQzE4LjIsOC44IDE2LDEwLjMgMTYsMTMuNCBDMTUuOSwxNi41IDE4LjEsMTggMjAuMywxOCBaIiBpZD0iU2hhcGUiIGZpbGw9IiM0QjRBNEIiPjwvcGF0aD4gICAgICAgICAgICA8cG9seWdvbiBpZD0iU2hhcGUiIGZpbGw9IiMwMEUyM0UiIHBvaW50cz0iMzUuNCAxNSAzMy43IDE3LjcgMzEuNiAyMC41IDI4LjMgMjAuNSAyOC4zIDIwLjEgMzMuNiAxMi45IDI5LjEgNi42IDI5LjEgNi4zIDMyLjIgNi4zIDMzLjggOC42IDM1LjQgMTEgMzUuNSAxMSAzNyA4LjYgMzguNyA2LjMgNDIgNi4zIDQyIDYuNyAzNy4zIDEzLjIgNDIuNCAyMC4yIDQyLjQgMjAuNiAzOS4zIDIwLjYgMzcuMiAxNy43Ij48L3BvbHlnb24+ICAgICAgICAgICAgPHBhdGggZD0iTTQ2LDAgQzQ3LDAgNDcuOSwwLjcgNDcuOSwxLjkgQzQ3LjksMy4yIDQ3LDMuOCA0NiwzLjggQzQ1LDMuOCA0NCwzLjIgNDQsMS45IEM0NC4xLDAuNiA0NSwwIDQ2LDAgWiBNNDcuNiwyMC42IEw0NC40LDIwLjYgTDQ0LjQsNi41IEw0Ny42LDYuNSBMNDcuNiwyMC42IFoiIGlkPSJTaGFwZSIgZmlsbD0iIzRCNEE0QiI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik01NS43LDYuMyBMNjAuNiw2LjMgTDYwLjYsOC42IEw1NS43LDguNiBMNTUuNywxNSBDNTUuNywxOC42IDU4LDE4LjkgNjAuOSwxNy44IEw2MS4yLDIwLjIgQzU2LjMsMjEuNyA1Mi41LDIwLjYgNTIuNSwxNSBMNTIuNSw4LjcgTDQ5LjYsOC41IEw0OS42LDYuMyBMNTIuNSw2LjMgTDUyLjgsMS45IEw1NS42LDEuOSBMNTUuNiw2LjMgTDU1LjcsNi4zIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzRCNEE0QiI+PC9wYXRoPiAgICAgICAgICAgIDxwYXRoIGQ9Ik02My4yLDE5LjEgQzYzLjIsMTcuOSA2NC4xLDE3LjIgNjUuMiwxNy4yIEM2Ni4zLDE3LjIgNjcuMiwxNy45IDY3LjIsMTkuMSBDNjcuMiwyMC4yIDY2LjMsMjAuOSA2NS4yLDIwLjkgQzY0LjEsMjEgNjMuMiwyMC4yIDYzLjIsMTkuMSBaIiBpZD0iU2hhcGUiIGZpbGw9IiMwMEUyM0UiPjwvcGF0aD4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-right: 10px;
  margin-left: 15px;
}
.page-footer .product-info {
  position: absolute;
  right: 0;
  top: 0;
}
.blockMsg {
  font-size: 22px;
  margin-bottom: 5px;
  margin-top: 10px;
  color: #555555 !important;
  /* #555555 */

}
.blockMsg:before {
  content: "Gegevens worden geladen...";
}
.center-content {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.size-to-parent {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
}