/* line 1, node_modules/user-admin-module/resources/sass/_colors.scss */
:root {
  --base-color: #0c3c37;
  --text-dark-color: #32887f;
  --base-highlight-color: #399b90;
  --base-light-color: #6fcac1;
  --base-dark-color: #399b90;
  --base-pressed-color: #399b90;
  --base-focused-color: #358f86;
  --base-invisible-color: rgba(33, 150, 243, 0);
  --base-foreground-color: #fff;
  --accent-color: #ff9800;
  --accent-light-color: #ffe0b2;
  --accent-dark-color: #f57c00;
  --accent-pressed-color: #ffb74d;
  --accent-invisible-color: rgba(255, 152, 0, 0);
  --accent-foreground-color: #222;
  --confirm-color: #7cb342;
  --confirm-pressed-color: #a2cc75;
  --alert-color: #ab2700;
  --alert-pressed-color: #de5c5c;
  --color: #111;
  --reverse-color: #fff;
  --highlight-color: rgba(17, 17, 17, 0.54);
  --disabled-color: rgba(17, 17, 17, 0.38);
  --reverse-disabled-color: rgba(255, 255, 255, 0.38);
  --divider-color: #e2e2e2;
  --selected-background-color: #e0e0e0;
  --hovered-background-color: #eee;
  --header-background-color: #f5f5f5;
  --faded-color: #e1e1e1;
  --background-color: #fafafa;
  --alt-background-color: #f5f5f5;
  --reverse-background-color: #303030;
  --reverse-alt-background-color: #3a3a3a;
  --overlay-color: rgba(0, 0, 0, 0.03);
  --content-padding: 16px;
  --listitem-selected-background-color: #e0e0e0;
  --reverse-border-color: #e0e0e0;
  --reverse-alt-border-color: #e0e0e0;
  --header-icon-background-color: #314863;
  --header-icon-color: #8a9eb3;
  --detail-background-color: #fff;
  --menu-background-color: --var(--reverse-background-color);
  --menu-color: white;
  --menu-select-color: #e3e7eb;
  --menu-select-background: #3c4b57;
  --menu-hover-color: #e3e7eb;
  --menu-hover-background: #3c4b57;
  --menu-unfold-background: --var(--menu-background-color);
  --menu-unfold-row-background: --var(--menu-background-color);
}

/* line 1, node_modules/user-admin-module/resources/sass/_base.scss */
.main-center-view, .x-dialog {
  background-color: var(--background-color);
}

/* line 10, node_modules/user-admin-module/resources/sass/_base.scss */
.main-detail-view {
  background-color: var(--background-color);
}

/* line 14, node_modules/user-admin-module/resources/sass/_base.scss */
.x-dateview td.x-cell.x-outside {
  visibility: hidden;
}

/* line 2, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view.x-dock-item.x-docked-top {
  background-color: var(--alt-background-color);
  color: white;
}

/* line 5, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .user-menu-button {
  margin-right: -1em !important;
  margin-top: -8px;
  margin-bottom: -8px;
}

/* line 10, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user {
  display: flex;
}

/* line 13, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user * {
  cursor: pointer;
  background: none;
  color: white;
}

/* line 18, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .icon {
  width: 2.2em;
  height: 2.2em;
  line-height: 3.3em;
  text-align: center;
  border-radius: 3em;
  overflow: hidden;
  margin-right: 1em;
  border: none;
  background-color: var(--header-icon-background-color);
  color: var(--header-icon-color);
}

/* line 30, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .icon::before {
  font-size: 2em;
}

/* line 33, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .info {
  display: flex;
  flex-direction: column;
  text-transform: none;
}

/* line 38, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .info > * {
  flex: 0;
  font-weight: normal;
}

/* line 42, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .info h3 {
  margin: .15em 0 0 0;
}

/* line 45, node_modules/user-admin-module/resources/sass/_header.sass */
.main-header-view .loggedin-user .info label {
  font-size: .8em;
  line-height: 1em;
}

/* line 3, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-toolstrip .x-treelist-item-tool {
  color: var(--menu-color);
  background-color: var(--menu-background-color);
}

/* line 7, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-toolstrip .x-treelist-item-tool.x-treelist-item-selected {
  color: var(--menu-select-color);
  background-color: var(--menu-select-background);
}

/* line 14, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav {
  background-color: var(--menu-background-color);
}

/* line 19, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item * {
  color: var(--menu-color);
}

/* line 25, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-selected > .x-treelist-row, .main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
  color: var(--menu-select-color);
  background-color: var(--menu-select-background);
}

/* line 33, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded {
  background-color: var(--menu-unfold-background);
}

/* line 36, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row {
  background-color: var(--menu-unfold-row-background);
}

/* line 38, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row:before {
  content: none;
}

/* line 45, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-collapsed > .x-treelist-row {
  background-color: var(--menu-unfold-row-background);
}

/* line 47, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-collapsed > .x-treelist-row:before {
  content: none;
}

/* line 54, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-treelist-nav .x-treelist-row-over {
  background-color: var(--menu-select-background);
}

/* line 61, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-top {
  background-color: var(--menu-background-color);
}

/* line 63, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-top > * {
  color: var(--menu-color);
}

/* line 67, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-bottom {
  background-color: var(--menu-background-color);
}

/* line 69, node_modules/user-admin-module/resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-bottom > * {
  color: var(--menu-color);
}

/* line 2, node_modules/user-admin-module/resources/sass/_detail.sass */
.main-detail-view .x-dock, .main-detail-view .x-dock > * {
  background-color: var(--menu-select-background);
}

/* line 4, node_modules/user-admin-module/resources/sass/_detail.sass */
.main-detail-view .x-docked-top {
  box-shadow: none;
  background-color: var(--menu-select-background);
}

/* line 8, node_modules/user-admin-module/resources/sass/_detail.sass */
.main-detail-view .x-button, .main-detail-view .x-button .x-icon-el {
  color: white;
}

/* line 3, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-label {
  background-color: var(--alert-color);
  color: white;
  padding: .4em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: .2em;
  font-weight: normal;
  height: 4em;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 16, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-label.error {
  opacity: 1;
}

/* line 20, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom {
  background: none;
  border: none;
  box-shadow: none;
  height: 6.5em;
  margin: auto;
}

/* line 27, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom > div {
  flex-direction: column;
}

/* line 30, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .x-button {
  background-color: var(--base-color);
  color: var(--base-foreground-color);
}

/* line 34, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .x-button.forgot {
  background-color: inherit;
  text-transform: lowercase;
  margin-top: 2em;
  font-size: .8em;
  color: var(--base-color);
}

/* line 42, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader {
  overflow: hidden;
  text-align: center;
  height: 0;
  transition: height 300ms;
}

/* line 48, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader + div {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 53, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader.loading {
  height: 2em;
}

/* line 56, node_modules/user-admin-module/resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader.loading + div {
  opacity: 0;
}

/* line 3, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-label {
  background-color: var(--alert-color);
  color: white;
  padding: .4em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: .2em;
  font-weight: normal;
  height: 4em;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 16, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-label.error {
  opacity: 1;
}

/* line 20, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom {
  background: none;
  border: none;
  box-shadow: none;
  height: 6.5em;
  margin: auto;
}

/* line 27, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom > div {
  flex-direction: column;
}

/* line 30, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .x-button {
  background-color: var(--base-color);
  color: var(--base-foreground-color);
}

/* line 34, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .x-button.forgot {
  background-color: inherit;
  text-transform: lowercase;
  margin-top: 2em;
  font-size: .8em;
  color: var(--base-color);
}

/* line 42, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .loader {
  overflow: hidden;
  text-align: center;
  height: 0;
  transition: height 300ms;
}

/* line 48, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .loader + div {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 53, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .loader.loading {
  height: 2em;
}

/* line 56, node_modules/user-admin-module/resources/sass/pages/_requestpassword.sass */
.requestpasswordview .x-docked-bottom .loader.loading + div {
  opacity: 0;
}

/* line 3, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-label {
  background-color: var(--alert-color);
  color: white;
  padding: .4em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: .2em;
  font-weight: normal;
  height: 4em;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 16, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-label.error {
  opacity: 1;
}

/* line 20, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom {
  background: none;
  border: none;
  box-shadow: none;
  height: 6.5em;
  margin: auto;
}

/* line 27, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom > div {
  flex-direction: column;
}

/* line 30, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .x-button {
  background-color: var(--base-color);
  color: var(--base-foreground-color);
}

/* line 34, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .x-button.forgot {
  background-color: inherit;
  text-transform: lowercase;
  margin-top: 2em;
  font-size: .8em;
  color: var(--base-color);
}

/* line 42, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .loader {
  overflow: hidden;
  text-align: center;
  height: 0;
  transition: height 300ms;
}

/* line 48, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .loader + div {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 53, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .loader.loading {
  height: 2em;
}

/* line 56, node_modules/user-admin-module/resources/sass/pages/_setpassword.sass */
.setpasswordview .x-docked-bottom .loader.loading + div {
  opacity: 0;
}

/* line 1, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml {
  width: 100%;
}

/* line 4, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml label {
  color: white;
  display: flex;
  flex-direction: row;
  font-size: 1.1em;
  line-height: 1.4em;
}

/* line 11, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml label::before {
  margin-right: .2em;
  color: white;
  font-size: .8em;
  min-width: 2em;
}

/* line 17, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml label > span {
  flex: 1;
}

/* line 20, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml label > span:last-child {
  font-size: 1.1em;
  flex: 2;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 31, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml label > span:first-child::after {
  content: ':';
}

/* line 34, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml button.edit {
  text-align: right;
  cursor: pointer;
  border: none;
  width: auto;
  display: inline;
  color: white;
  margin: 0;
  padding: 0 0.5em;
  line-height: 1.5em;
  background-color: var(--menu-unfold-row-background);
  border-radius: .2em;
  margin-left: 1em;
}

/* line 48, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml button.edit:focus {
  outline: none;
}

/* line 54, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml hr {
  border-color: var(--menu-unfold-row-background);
  border-top: 1px solid var(--menu-unfold-row-background);
  border-bottom: none;
  height: 0;
  margin: 1.5em 0;
}

/* line 61, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml ul {
  list-style: disc;
  padding-left: 1.5em;
  margin-top: 0.5em;
}

/* line 66, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.user-detail-view .x-innerhtml ul li {
  color: white;
  padding: .1em .1em 0.1em 0.5em;
}

/* line 73, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.set-password-success, .set-password-error {
  color: white;
  padding: .4em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: .2em;
  font-weight: normal;
}

/* line 81, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.set-password-error {
  background-color: var(--alert-color);
}

/* line 83, node_modules/user-admin-module/resources/sass/pages/_userdetail.sass */
.set-password-success {
  background-color: var(--confirm-color);
}

/* line 53, resources/sass/_colors.scss */
:root {
  --base-color: #9a4207;
  --base-highlight-color: #b24c08;
  --base-light-color: #f57c2b;
  --base-dark-color: #823806;
  --base-pressed-color: #b24c08;
  --base-focused-color: #a44607;
  --base-invisible-color: rgba(33, 150, 243, 0);
  --base-foreground-color: #fff;
  --accent-color: #ff9800;
  --accent-light-color: #ffe0b2;
  --accent-dark-color: #f57c00;
  --accent-pressed-color: #ffb74d;
  --accent-invisible-color: rgba(255, 152, 0, 0);
  --accent-foreground-color: #222;
  --confirm-color: #7cb342;
  --confirm-pressed-color: #a2cc75;
  --alert-color: #c62828;
  --alert-pressed-color: #de5c5c;
  --color: #111;
  --reverse-color: #fff;
  --highlight-color: rgba(17, 17, 17, 0.54);
  --disabled-color: rgba(17, 17, 17, 0.38);
  --reverse-disabled-color: rgba(255, 255, 255, 0.38);
  --divider-color: #e2e2e2;
  --selected-background-color: #e0e0e0;
  --hovered-background-color: #eee;
  --header-background-color: #f5f5f5;
  --faded-color: #e1e1e1;
  --background-color: #fafafa;
  --alt-background-color: #f5f5f5;
  --reverse-background-color: #303030;
  --reverse-alt-background-color: #3a3a3a;
  --overlay-color: rgba(0, 0, 0, 0.03);
  --content-padding: 16px;
  --listitem-selected-background-color: #e0e0e0;
  --reverse-border-color: #e0e0e0;
  --reverse-alt-border-color: #e0e0e0;
  --header-icon-background-color: #314863;
  --header-icon-color: #8a9eb3;
  --detail-background-color: #fff;
  --menu-color: white;
  --menu-background-color: #823806;
  --menu-select-color: #e3e7eb;
  --menu-select-background: #b24c08;
  --menu-hover-color: #e3e7eb;
  --menu-hover-background: #3c4b57;
  --menu-unfold-background: #9a4207;
  --menu-unfold-row-background: #863a06;
}

/* line 1, resources/sass/_base.scss */
.main-center-view, .x-dialog {
  background-color: #fafafa;
}

/* line 9, resources/sass/_base.scss */
.main-header-view.x-dock-item.x-docked-top {
  background-color: #823806;
  color: white;
}

/* line 14, resources/sass/_base.scss */
.main-detail-view {
  background-color: #ededed;
}

/* line 2, resources/sass/_header.sass */
.main-header-view .user-menu-button {
  margin-right: -1em !important;
}

/* line 5, resources/sass/_header.sass */
.main-header-view .loggedin-user {
  display: flex;
}

/* line 8, resources/sass/_header.sass */
.main-header-view .loggedin-user * {
  cursor: pointer;
  background: none;
  color: white;
}

/* line 13, resources/sass/_header.sass */
.main-header-view .loggedin-user .icon {
  width: 2.2em;
  height: 2.2em;
  line-height: 3.3em;
  text-align: center;
  border-radius: 3em;
  overflow: hidden;
  margin-right: 1em;
  border: none;
  background-color: #abc2c0;
  color: #587371;
}

/* line 25, resources/sass/_header.sass */
.main-header-view .loggedin-user .icon::before {
  font-size: 2em;
}

/* line 28, resources/sass/_header.sass */
.main-header-view .loggedin-user .info {
  display: flex;
  flex-direction: column;
  text-transform: none;
}

/* line 33, resources/sass/_header.sass */
.main-header-view .loggedin-user .info > * {
  flex: 0;
  font-weight: normal;
}

/* line 37, resources/sass/_header.sass */
.main-header-view .loggedin-user .info h3 {
  margin: .15em 0 0 0;
}

/* line 40, resources/sass/_header.sass */
.main-header-view .loggedin-user .info label {
  font-size: .8em;
  line-height: 1em;
}

/* line 3, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-toolstrip .x-treelist-item-tool {
  color: var(--menu-color);
  background-color: var(--menu-background-color);
}

/* line 7, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-toolstrip .x-treelist-item-tool.x-treelist-item-selected {
  color: var(--menu-select-color);
  background-color: var(--menu-select-background);
}

/* line 14, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav {
  background-color: var(--menu-background-color);
  background-image: url(/resources/images/sprinkhaan-bv-logo-www.png);
  background-size: 85%;
  background-repeat: no-repeat;
  background-position: bottom center;
}

/* line 22, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item * {
  color: var(--menu-color);
}

/* line 28, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-selected > .x-treelist-row, .main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-selected.x-treelist-item-tool {
  color: var(--menu-select-color);
  background-color: var(--menu-select-background);
}

/* line 36, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded {
  background-color: var(--menu-unfold-background);
}

/* line 39, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row {
  background-color: var(--menu-unfold-row-background);
}

/* line 41, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-expanded > .x-treelist-row:before {
  content: none;
}

/* line 48, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-collapsed > .x-treelist-row {
  background-color: var(--menu-unfold-row-background);
}

/* line 50, resources/sass/_menu.scss */
.main-nav-view .x-treelist.x-treelist-nav .x-treelist-item-collapsed > .x-treelist-row:before {
  content: none;
}

/* line 57, resources/sass/_menu.scss */
.main-nav-view .x-treelist-nav .x-treelist-row-over {
  background-color: var(--menu-select-background);
}

/* line 64, resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-top {
  background-color: var(--menu-background-color);
}

/* line 66, resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-top > * {
  color: var(--menu-color);
}

/* line 70, resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-bottom {
  background-color: var(--menu-background-color);
}

/* line 72, resources/sass/_menu.scss */
.main-nav-view .x-dock-item.x-docked-bottom > * {
  color: var(--menu-color);
}

/* line 4, resources/sass/_detail.sass */
.main-detail-view .x-docked-top {
  box-shadow: none;
}

/* line 8, resources/sass/_detail.sass */
.main-detail-view .x-button, .main-detail-view .x-button .x-icon-el {
  color: white;
}

/* line 1, resources/sass/_filedrop.sass */
.droparea {
  width: 80%;
  height: 80%;
  border: 8px dashed #abc2c0;
  border-radius: 5em;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 5em 2em;
  margin: auto;
}

/* line 12, resources/sass/_filedrop.sass */
.droparea > * {
  margin: auto;
}

/* line 15, resources/sass/_filedrop.sass */
.droparea > div {
  font-size: 2em;
  line-height: 1.8em;
  color: #587371;
  font-weight: bold;
}

/* line 21, resources/sass/_filedrop.sass */
.droparea > div.text2 {
  margin-top: 2em;
  font-weight: bold;
  color: #abc2c0;
}

/* line 26, resources/sass/_filedrop.sass */
.droparea.nosupport {
  border: none;
}

/* line 28, resources/sass/_filedrop.sass */
.droparea.nosupport > div {
  display: none;
}

/* line 31, resources/sass/_filedrop.sass */
.droparea input.file-input {
  height: 5em;
  width: 15em;
  cursor: pointer;
}

/* line 36, resources/sass/_filedrop.sass */
.droparea input.file-input:before {
  content: 'Kies bestand';
  position: absolute;
  background-color: #1b8277;
  color: white;
  width: 7.5em;
  height: 2.5em;
  text-align: center;
  line-height: 2.5em;
  font-size: 2em;
}

/* line 47, resources/sass/_filedrop.sass */
.droparea input.file-input.disabled {
  cursor: default;
}

/* line 49, resources/sass/_filedrop.sass */
.droparea input.file-input.disabled:before {
  background-color: #abc2c0;
}

/* line 52, resources/sass/_filedrop.sass */
.droparea .upload-file-info {
  width: 100%;
  margin: 0;
}

/* line 56, resources/sass/_filedrop.sass */
.droparea .upload-file-info ul {
  padding: 0;
  margin: 0;
  list-style: none;
  max-height: 10em;
  overflow: auto;
}

/* line 63, resources/sass/_filedrop.sass */
.droparea .upload-file-info li {
  padding: 0 2em;
}

/* line 66, resources/sass/_filedrop.sass */
.droparea .upload-file-info li div {
  font-size: .7em;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 1.5em;
  text-align: left;
  padding: 0.1em .3em 0em 0.3em;
}

/* line 76, resources/sass/_filedrop.sass */
.droparea .upload-file-info li:nth-child(odd) div {
  background-color: #e8e8e8;
  border-radius: 1em;
}

/* line 81, resources/sass/_filedrop.sass */
.droparea .upload-file-info li span:last-child {
  margin-left: .5em;
}

/* line 3, resources/sass/pages/_login.sass */
.loginview .x-label {
  background-color: #ab2700;
  color: white;
  padding: .4em;
  text-align: center;
  margin-bottom: 2em;
  border-radius: .2em;
  font-weight: normal;
  height: 4em;
  opacity: 0;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 16, resources/sass/pages/_login.sass */
.loginview .x-label.error {
  opacity: 1;
}

/* line 20, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom {
  background: none;
  border: none;
  box-shadow: none;
  height: 6.5em;
  margin: auto;
}

/* line 27, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom > div {
  flex-direction: column;
}

/* line 30, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .x-button {
  background-color: #9a4207;
  color: #fff;
}

/* line 34, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader {
  overflow: hidden;
  text-align: center;
  height: 0;
  transition: height 300ms;
}

/* line 40, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader + div {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* line 45, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader.loading {
  height: 2em;
}

/* line 48, resources/sass/pages/_login.sass */
.loginview .x-docked-bottom .loader.loading + div {
  opacity: 0;
}

/* line 1, resources/sass/pages/_cycle.scss */
span.grid-label.barcode, span.grid-label.qrcode {
  margin-right: 0.5em;
  background-color: #ffd6a3;
  padding: 0.1em 0.2em;
  border-radius: 0.2em;
  border: 1px solid orange;
  display: inline-block;
  margin-bottom: .2em;
}

/* line 11, resources/sass/pages/_cycle.scss */
span.grid-label.barcode.x-fa:before, span.grid-label.qrcode.x-fa:before {
  margin-right: 0.1em;
}

/* line 15, resources/sass/pages/_cycle.scss */
.cycle-examples {
  margin-top: 2em;
  background-color: #ffe3c0;
  width: 100%;
  text-align: left;
  padding: .5em 0 .5em 1em;
}

/* line 23, resources/sass/pages/_cycle.scss */
.fa-check-circle.new {
  color: #ad1d4d;
}

/* line 27, resources/sass/pages/_cycle.scss */
.fa-check-circle.definite {
  color: green;
}

/* line 31, resources/sass/pages/_cycle.scss */
.fa-check-circle.complete {
  color: #b24c08;
}

/* line 36, resources/sass/pages/_cycle.scss */
.fa-copyright.concept {
  color: #26629b;
}

/* line 40, resources/sass/pages/_cycle.scss */
.fa-copyright.canceled {
  color: #4e3231;
}

/* line 45, resources/sass/pages/_cycle.scss */
.plan-multiple {
  background-color: #efefef;
  padding: 1em;
  margin-top: 2em;
}

/* line 51, resources/sass/pages/_cycle.scss */
.legend {
  margin-top: .5em;
}

/* line 54, resources/sass/pages/_cycle.scss */
.legend span {
  margin: .5em;
}

/* line 2, resources/sass/pages/_labanalyse.sass */
.director-labanalyse-view .x-innerhtml, .director-labanalyse-view .x-container-body-el {
  width: 100%;
  display: flex;
}

/* line 2, resources/sass/pages/_clientschedule.sass */
.client-schedule-modal .new-client-btn {
  margin-left: -1em;
}

/* line 6, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack, .nymphschedulegrid div.nymphpack {
  border: 1px solid cadetblue;
  display: inline-block;
  padding: 2px;
  border-radius: 4px;
  background-color: aliceblue;
  margin-top: -4px;
}

/* line 14, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack div.nymphpackdate, .nymphschedulegrid div.nymphpack div.nymphpackdate {
  display: none;
  margin: 0px 5px 2px 2px;
}

/* line 18, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack div.nymphpackbatch, .nymphschedulegrid div.nymphpack div.nymphpackbatch {
  display: inline-block;
}

/* line 20, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack div.nymphpackbatch span::before, .nymphschedulegrid div.nymphpack div.nymphpackbatch span::before {
  color: cadetblue;
  margin-right: .3em;
}

/* line 24, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack div.nymphpackamount, .nymphschedulegrid div.nymphpack div.nymphpackamount {
  width: 5em;
  display: inline-block;
}

/* line 27, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack div.nymphpackamount span::before, .nymphschedulegrid div.nymphpack div.nymphpackamount span::before {
  color: cadetblue;
  margin-right: .3em;
}

/* line 31, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid div.nymphpack label, .nymphschedulegrid div.nymphpack label {
  margin-right: .5em;
  font-size: .9em;
  font-weight: bold;
  display: none;
}

/* line 39, resources/sass/pages/_clientschedule.sass */
.nymphsupplyschedulegrid .x-gridrow:hover div.nymphpack label, .nymphsupplyschedulegrid .x-gridrow:hover div.nymphpack .nymphpackdate, .nymphschedulegrid .x-gridrow:hover div.nymphpack label, .nymphschedulegrid .x-gridrow:hover div.nymphpack .nymphpackdate {
  display: block;
}

/*# sourceMappingURL=sprinkhaan.css.map */